diff --git a/.gitignore b/.gitignore index 91e1b77..e8cc914 100644 --- a/.gitignore +++ b/.gitignore @@ -1,7 +1,67 @@ # https://git-scm.com/docs/gitignore # https://help.github.com/articles/ignoring-files # Example .gitignore files: https://github.com/github/gitignore -/bower_components/ -/node_modules/ /composer.phar -/.idea/ + +# Created by https://www.gitignore.io/api/phpstorm + +### PhpStorm ### +# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm +# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839 + +# User-specific stuff: +.idea/**/workspace.xml +.idea/**/tasks.xml +.idea/dictionaries + +# Sensitive or high-churn files: +.idea/**/dataSources/ +.idea/**/dataSources.ids +.idea/**/dataSources.xml +.idea/**/dataSources.local.xml +.idea/**/sqlDataSources.xml +.idea/**/dynamic.xml +.idea/**/uiDesigner.xml + +# Gradle: +.idea/**/gradle.xml +.idea/**/libraries + +# Mongo Explorer plugin: +.idea/**/mongoSettings.xml + +## File-based project format: +*.iws + +## Plugin-specific files: + +# IntelliJ +/out/ + +# mpeltonen/sbt-idea plugin +.idea_modules/ + +# JIRA plugin +atlassian-ide-plugin.xml + +# Cursive Clojure plugin +.idea/replstate.xml + +# Crashlytics plugin (for Android Studio and IntelliJ) +com_crashlytics_export_strings.xml +crashlytics.properties +crashlytics-build.properties +fabric.properties + +### PhpStorm Patch ### +# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721 + +# *.iml +# modules.xml +# .idea/misc.xml +# *.ipr + +# Sonarlint plugin +.idea/sonarlint + +# End of https://www.gitignore.io/api/phpstorm diff --git a/.idea/blade.xml b/.idea/blade.xml new file mode 100644 index 0000000..ddb9fb5 --- /dev/null +++ b/.idea/blade.xml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/.idea/codeStyleSettings.xml b/.idea/codeStyleSettings.xml new file mode 100644 index 0000000..c4c9543 --- /dev/null +++ b/.idea/codeStyleSettings.xml @@ -0,0 +1,9 @@ + + + + + + \ No newline at end of file diff --git a/.idea/copyright/profiles_settings.xml b/.idea/copyright/profiles_settings.xml index e7bedf3..0ed0688 100644 --- a/.idea/copyright/profiles_settings.xml +++ b/.idea/copyright/profiles_settings.xml @@ -1,3 +1,3 @@ - + \ No newline at end of file diff --git a/.idea/cssxfire.xml b/.idea/cssxfire.xml new file mode 100644 index 0000000..61699e7 --- /dev/null +++ b/.idea/cssxfire.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..edae196 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/profiles_settings.xml b/.idea/inspectionProfiles/profiles_settings.xml new file mode 100644 index 0000000..3b31283 --- /dev/null +++ b/.idea/inspectionProfiles/profiles_settings.xml @@ -0,0 +1,7 @@ + + + + \ No newline at end of file diff --git a/.idea/markdown-navigator/profiles_settings.xml b/.idea/markdown-navigator/profiles_settings.xml new file mode 100644 index 0000000..57927c5 --- /dev/null +++ b/.idea/markdown-navigator/profiles_settings.xml @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml index af8c4ff..72abef0 100644 --- a/.idea/misc.xml +++ b/.idea/misc.xml @@ -10,20 +10,4 @@ - - - - - Wijaya - - - - - - - \ No newline at end of file diff --git a/.idea/php.xml b/.idea/php.xml index 4f0611e..9a30b9b 100644 --- a/.idea/php.xml +++ b/.idea/php.xml @@ -1,4 +1,9 @@ + + + + + \ No newline at end of file diff --git a/.idea/tar.iml b/.idea/tar.iml index f4e7a38..5147b83 100644 --- a/.idea/tar.iml +++ b/.idea/tar.iml @@ -7,20 +7,38 @@ + + + + + + + + + + + + + + + + + + @@ -28,36 +46,50 @@ + + + + + + + + - + + + + + + + + - diff --git a/README.md b/README.md index a7e99c2..f589369 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,35 @@ # TAR E-PROC Ryan + +## note +- table history + - index perubahan + + index | about + ----- | ----- + i_tender | tambah berita tender + u_tender | update berita tender + a_tender | approval berita tender + i_rks | upload rks + u_rks | ganti rks + a_rks | approval berita tender + i_acara | upload berita acara + u_acara | ganti berita acara + i_unit | tambah unit kerja + d_unit | hapus unit kerja + i_boq | tambah boq + u_boq | ubah boq + d_boq | hapus boq + a_boq | approval boq + i_dok | tambah dokumen + u_dok | ubah dokumen + d_dok | hapus dokumen + a_dok | approval dokumen + +## bug +- BOQ, + +## improvement +- automaticaly approval newly added tender, rks, and doc from manajer and/or direktur + + diff --git a/app/container.php b/app/container.php new file mode 100644 index 0000000..43953dd --- /dev/null +++ b/app/container.php @@ -0,0 +1,52 @@ +get('settings')['database']; +// $pdo = new PDO("mysql:host=" . $settings['host'] . ";dbname=" . $settings['database_name'], $settings['user'], $settings['pass']); +// $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); +// $pdo->setAttribute(PDO::ATTR_CASE, PDO::CASE_LOWER); +// $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC); +// return $pdo; +//}; + +$container['view'] = function ($container) { +// $settings = $container->get('settings')['views']; +// $view = new Slim\Views\PhpRenderer($settings); +// return $view; + + $view = new \Projek\Slim\Plates([ + 'directory' => 'app/views', + 'assetPath' => 'public/assets', + 'fileExtension' => 'phtml', + // Template extension (default: false) see: http://platesphp.com/extensions/asset/ + 'timestampInFilename' => false, + ]); + + $view->setResponse($container->get('response')); + + $view->loadExtension(new Projek\Slim\PlatesExtension( + $container->get('router'), + $container->get('request')->getUri() + )); + + $view->loadExtension(new League\Plates\Extension\URI($container->get('request')->getUri()->getPath())); + + return $view; +}; + +$container['session'] = function ($c) { + return new \SlimSession\Helper; +}; + +$container['flash'] = function () { + return new \Slim\Flash\Messages(); +}; + +$container['notFoundHandler'] = function ($container) { + return function ($request, $response) use ($container) { + return $container['response'] + ->withStatus(404) + ->withHeader('Content-Type', 'text/html') + ->write($container->view->getPlates()->render("404")); + }; +}; diff --git a/app/controllers/BOQ.php b/app/controllers/BOQ.php new file mode 100644 index 0000000..f013f6a --- /dev/null +++ b/app/controllers/BOQ.php @@ -0,0 +1,228 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->BOQModels = new \ryan\models\BOQ($container); + $this->unitKerjaModels = new \ryan\models\unitKerja($container); + $this->historyModels = new \ryan\models\history($container); + } + + public function BOQ_daftar(Request $req, Response $res, $args) { + $route = $req->getAttribute('route'); + $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara); + return $penyelenggara[ 'nama_penyelenggara' ]; + }); + $this->view->registerFunction('detailBOQ', function($id_tender){ + return $this->BOQModels->getBOQByTender($id_tender); + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $this->view->registerFunction('checkPenugasan', function($id_tender, $id_user){ + $unitKerja = $this->unitKerjaModels->getUnitForPenawaran($id_tender, $id_user); + if($unitKerja){ + return true; + }else{ + return false; + } + }); + $beritaTender = $this->tenderModels->getBeritaTenderApprovedRKS (); + $req = $req->withAttribute ('beritaTender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'BOQTender_daftarApproval'); + return $this->view->render ("boq/daftar", $req->getAttributes ()); + } + + public function BOQ_detail(Request $req, Response $res, $args){ + $route = $req->getAttribute('route'); + if($req->isGet()){ + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + return $penyelenggara['nama_penyelenggara']; + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $req = $req->withAttribute('tender', $beritaTender); + $req = $req->withAttribute ('no_file', $this->flash->getMessage ('no_file')); + $req = $req->withAttribute ('file_saved', $this->flash->getMessage ('file_saved')); + return $this->view->render ("boq/detail", $req->getAttributes ()); + } + } + + public function BOQ_detail_approval(Request $req, Response $res, $args) { + if ($req->isGet()) { + $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + + return $penyelenggara['nama_penyelenggara']; + }); + $this->view->registerFunction('getUserUpload', function ($id_user) { + $user = $this->userModels->getUserDetail($id_user); + + return $user; + }); + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $req = $req->withAttribute('tender', $beritaTender); + $req = $req->withAttribute('no_file', $this->flash->getMessage('no_file')); + $req = $req->withAttribute('file_saved', $this->flash->getMessage('file_saved')); + + return $this->view->render("boq/detail-approval", $req->getAttributes()); + } + } + + public function BOQ_approval(Request $req, Response $res, $args) { + $result = []; + foreach ($_POST['data'] as $pdata) { + $data = $this->BOQModels->getBOQ($pdata['id_penawaran']); + $dataApproval = json_decode($data["approval"], true); + if ($req->getAttribute('active_user_data')['previledge'] == "2") { + $dataApproval["direktur"] = [ + "status" => $_POST["status"], + "waktu" => date("Y-m-d H:i:s"), + ]; + } elseif ($req->getAttribute('active_user_data')['previledge'] == "3") { + $dataApproval["manajer"] = [ + "status" => $_POST["status"], + "waktu" => date("Y-m-d H:i:s"), + ]; + } + $approval = [ + "approval" => json_encode($dataApproval), + ]; + if ($this->BOQModels->setBOQ($approval, $pdata['id_penawaran'])) { + $this->historyModels->add_history($pdata['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'a_boq', $pdata['id_penawaran'], $_POST["status"]); + $result['status'] = 'success'; + } + } + + return $res->withJson($result); + } + + public function BOQ_get(Request $req, Response $res, $args){ + $BOQs = $this->BOQModels->getBOQByTender($args['id_tender']); + foreach ($BOQs as &$BOQ){ + $BOQ['pegawai'] = [ + 'who'=>$this->userModels->getUserDetail($BOQ['id_user']), + 'time'=>$BOQ['waktu'] + ]; + $BOQ['total'] = $BOQ['harga_persatuan']*$BOQ['volume_barang']; + $BOQ['inputan_manajer'] = $this->BOQModels->getBOQManajer($BOQ['id_penawaran']); + $BOQ['approval'] = json_decode($BOQ['approval'], true); + if($BOQ['inputan_manajer']){ + $BOQ['inputan_manajer']['pegawai'] = [ + 'who'=>$this->userModels->getUserDetail($BOQ['inputan_manajer']['id_user']), + 'time'=>$BOQ['inputan_manajer']['waktu'] + ]; + $BOQ['inputan_manajer']['total'] = $BOQ['inputan_manajer']['harga_persatuan']*$BOQ['inputan_manajer']['volume_barang']; + } + } + return $res->withJson(['data'=>$BOQs]); + } + + public function BOQ_add(Request $req, Response $res, $args){ + $data = $_POST; + $data['id_user'] = $req->getAttribute ('active_user_data')[ 'id_user' ]; + $data['id_tender'] = $args['id_tender']; + $data['waktu'] = date ("Y-m-d H:i:s"); + $data['approval']=json_encode([ + 'direktur'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>date("Y-m-d H:i:s") + ], + 'manajer'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>date("Y-m-d H:i:s") + ] + ]); + $insert = $this->BOQModels->setBOQ($data); + if($insert){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'i_boq', $insert); + return $res->withJson([ + 'status'=>'success' + ]); + } + } + + public function BOQ_set(Request $req, Response $res, $args){ + $data = $_POST; + $id_penawran = $_POST['id_penawaran']; + unset($data['id_penawaran']); + $data['id_user'] = $req->getAttribute ('active_user_data')[ 'id_user' ]; + $data['id_tender'] = $args['id_tender']; + $data['waktu'] = date ("Y-m-d H:i:s"); + $data['approval']=json_encode([ + 'direktur'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>date("Y-m-d H:i:s") + ], + 'manajer'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>date("Y-m-d H:i:s") + ] + ]); + if($this->BOQModels->setBOQ($data, $id_penawran)){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'e_boq', $id_penawran); + $this->notifikasiModels->sendNotificationByPreviledge(['2', '3'], [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Mengubah BOQ "' . $_POST['nama_vendor'] . ' - ' . $_POST['nama_barang'] . '". Anda perlu melakukan approval BOQ ini kembali', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('beritaTender_detail', ['id_tender' => $args['id_tender']]) + ]); + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $direktur = $this->userModels->getDirektur(); + $this->sendSMS($direktur['telefon'], 'BOQ "' . $_POST['nama_vendor'] . ' - ' . $_POST['nama_barang'] . '" dari tender"' . $tender['judul_tender'] . '" telah dirubah. mohon melakukan approval ulang'); + $manajer = $this->userModels->getManajer(); + $this->sendSMS($manajer['telefon'], 'BOQ "' . $_POST['nama_vendor'] . ' - ' . $_POST['nama_barang'] . '" dari tender"' . $tender['judul_tender'] . '" telah dirubah. mohon melakukan approval ulang'); + return $res->withJson([ + 'status'=>'success' + ]); + } + } + + public function BOQ_delete(Request $req, Response $res, $args){ + if(isset($_POST['id_penawaran'])){ + if($this->BOQModels->deleteBOQ($_POST['id_penawaran'])){ + $this->historyModels->add_history($_POST['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'd_boq', $_POST['id_penawaran']); + return $res->withJson([ + 'status'=>'success' + ]); + } + } + } + +} \ No newline at end of file diff --git a/app/controllers/acaraRKS.php b/app/controllers/acaraRKS.php new file mode 100644 index 0000000..069f43f --- /dev/null +++ b/app/controllers/acaraRKS.php @@ -0,0 +1,148 @@ +container = $container; + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->userModels = new \ryan\models\users($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->historyModels = new \ryan\models\history($container); + } + + public function daftarBeritaTender(Req $req, Res $res, $args){ + $route = $req->getAttribute('route'); + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + return $penyelenggara['nama_penyelenggara']; + }); + $beritaTender = $this->tenderModels->getBeritaTenderApproved(); + $req = $req->withAttribute('beritaTender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'rksAcara_daftarApproval'); + return $this->view->render ("rks-acara/daftar", $req->getAttributes ()); + } + + public function detailAcaraRKS(Req $req, Res $res, $args){ + $route = $req->getAttribute('route'); + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + return $penyelenggara['nama_penyelenggara']; + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $req = $req->withAttribute ('tender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'rksAcara_detailApproval'); + $req = $req->withAttribute ('no_file', $this->flash->getMessage ('no_file')); + $req = $req->withAttribute ('file_saved', $this->flash->getMessage ('file_saved')); + return $this->view->render ("rks-acara/detail", $req->getAttributes ()); + } + + public function uploadAcaraRKS(Req $req, Res $res, $args){ + $files = $req->getUploadedFiles(); + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $isNull = $tender[$args['type']]; + $tender[$args['type']] = json_decode($tender[$args['type']], true); + + $fileinfo = pathinfo($files[$args['type']]->getClientFilename()); + $filename = $fileinfo['filename'].'_'.time().'.'.$fileinfo['extension']; + + $tender[$args['type']]['file'] = $filename; + $tender[$args['type']]['waktu'] = date ("Y-m-d H:i:s"); + $tender[$args['type']]['user_id'] = $req->getAttribute ('active_user_data')[ 'id_user' ]; + $tender[$args['type']]['approval'] = [ + "direktur"=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? date ("Y-m-d H:i:s") : '') + ], + "manajer"=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? date ("Y-m-d H:i:s") : '') + ] + ]; + $data = [ + $args['type']=>json_encode($tender[$args['type']]) + ]; + if($this->tenderModels->updateBeritaTender($args['id_tender'], $data)){ + if($args['type'] == 'rks'){ + if($isNull){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'e_rks', $args['id_tender']); + $this->notifikasiModels->sendNotificationByPreviledge(['2', '3'], [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Mengganti RKS dari berita tender "' . $tender['judul_tender'] . '". Anda perlu melakukan approval RKS kembali', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('rksAcara_detailApproval', ['id_tender' => $args['id_tender']]) + ]); + $direktur = $this->userModels->getDirektur(); + $this->sendSMS($direktur['telefon'], 'Dokumen RKS Berita tender "' . $tender['judul_tender'] . '" telah dirubah mohon melakukan approval ulang'); + $manajer = $this->userModels->getManajer(); + $this->sendSMS($manajer['telefon'], 'Dokumen RKS Berita tender "' . $tender['judul_tender'] . '" telah dirubah mohon melakukan approval ulang'); + }else{ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'i_rks', $args['id_tender']); + } + }else{ + if($isNull){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'e_acara', $args['id_tender']); + }else{ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'i_acara', $args['id_tender']); + } + } + $files[$args['type']]->moveTo("public/content/dokumen/".$filename); + return $res->withJson([ + "status"=>"success" + ]); + }else{ + return $res->withJson([ + "status"=>"success" + ]); + } + } + + public function approvalAcaraRKS(Req $req, Res $res, $args){ + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $tender['rks'] = json_decode($tender['rks'], true); + $tender['rks']['approval'][$_POST['who']]['status'] = $_POST['status']; + $tender['rks']['approval'][$_POST['who']]['waktu'] = date("Y-m-d H:i:s"); + $tender['berita_acara'] = json_decode($tender['berita_acara'], true); + $data = [ + 'rks'=>json_encode($tender['rks']), + 'berita_acara'=>json_encode($tender['berita_acara']) + ]; + if($this->tenderModels->updateBeritaTender($args['id_tender'], $data)){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'a_rks', $args['id_tender'], $_POST['status']); + return $res->withJson([ + "status"=>"success" + ]); + }else{ + return $res->withJson([ + "status"=>"failed" + ]); + } + } + +} \ No newline at end of file diff --git a/app/controllers/admin.php b/app/controllers/admin.php new file mode 100644 index 0000000..5306fe0 --- /dev/null +++ b/app/controllers/admin.php @@ -0,0 +1,61 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + } + + public function dashboardPage($req, $res, $args){ +// return $this->view->render("admin/dashboard", $req->getAttributes()); + return $this->view->render("adminv2/dashboard", $req->getAttributes()); + } + + public function beritaTenderPage($req, $res, $args){ + return $this->view->render("adminv2/berita-tender", $req->getAttributes()); + } + + public function addBeritaTender($req, $res, $args){ + $data = [ + 'id_penyelenggara'=>$_POST['id_penyelenggara'], + 'id_user'=>$req->getAttribute('active_user_data')['id_user'], + 'judul_tender'=>$_POST['judul_tender'], + 'link_website'=>$_POST['link_website'], + 'wilayah'=>$_POST['wilayah'], + 'upload'=>implode('|', $_POST['upload']), + 'tgl_mulai'=>$_POST['tgl_mulai'], + 'tgl_selesai'=>$_POST['tgl_selesai'], + 'tgl_upload'=>date("Y-m-d H:i:s"), + ]; + $insert = $this->tenderModels->addBeritaTender($data); + if($insert){ + $this->notifikasiModels->addNotification([ + "id_user" => $req->getAttribute('active_user_data')['id_user'], + "tentang" => 'Telah Menambah Berita Tender Baru "'.$data['judul_tender'].'"', + "waktu" => date("Y-m-d H:i:s"), + ]); + return $res->withJson($insert); + } + } + +} diff --git a/app/controllers/api.php b/app/controllers/api.php new file mode 100644 index 0000000..6f7611c --- /dev/null +++ b/app/controllers/api.php @@ -0,0 +1,84 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->dokumenMasterModels = new \ryan\models\dokumenMaster($container); + $this->tenderModels = new \ryan\models\tender($container); + } + + public function addPenyelenggara ($req, $res, $args) { + $nama = $_POST[ 'nama' ]; + $alamat = $_POST[ 'alamat' ]; + $penyelenggara = $this->penyelenggaraModels->addPenyelenggara ([ + "nama" => $nama, + "alamat" => $alamat + ]); + if ($penyelenggara) { + return $res->withJson ([ + "status" => 'success', + "data" => $penyelenggara + ]); + } else { + return $res->withJson ([ + "status" => 'failed' + ]); + } + } + + public function getPenyelenggara ($req, $res, $args) { + if (isset($args[ 'id' ])) { + return $res->withJson ($this->penyelenggaraModels->getPenyelenggara (args[ 'id' ])); + } else { + return $res->withJson ($this->penyelenggaraModels->getPenyelenggara ()); + } + } + + public function getDokumenMaster ($req, $res, $args) { + if (isset($args[ 'id' ])) { + return $res->withJson ($this->dokumenMasterModels->getDokumenMaster ($args[ 'id' ])); + } else { + return $res->withJson ($this->dokumenMasterModels->getDokumenMaster ()); + } + } + + public function getDokumenList (Req $req, Res $res, $args){ + if (isset($args[ 'id' ])) { +// return $res->withJson ($this->dokumenMasterModels->getDokumenMaster ($args[ 'id' ])); + } else { + return $res->withJson ($this->tenderModels->getDokumenPersyaratanTender()); + } + } + + public function getDetailTender(Req $req, Res $res, $args){ + if (isset($args[ 'id' ])) { + $dataTender = $this->tenderModels->getBeritaTender ($args[ 'id' ]); + $dataTender['penyelenggara'] = $this->penyelenggaraModels->getPenyelenggara($dataTender['id_penyelenggara']); + return $res->withJson ($dataTender); + } else { + return $res->withJson ($this->tenderModels->getBeritaTender()); + } + } + } \ No newline at end of file diff --git a/app/controllers/approval.php b/app/controllers/approval.php new file mode 100644 index 0000000..a26c7e4 --- /dev/null +++ b/app/controllers/approval.php @@ -0,0 +1,321 @@ +container = $container; + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->userModels = new \ryan\models\users($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->BOQModels = new \ryan\models\BOQ($container); + $this->dokumenModels = new \ryan\models\dokumenTender($container); + } +// +// public function approvalBeritaTender(Req $req, Res $res, $args){ +// $tender = $this->tenderModels->getBeritaTender($args['id_tender']); +// $tender['approval'] = json_decode($tender['approval'], true); +// $tender['approval'][$_POST['who']]['status'] = $_POST['status']; +// $tender['approval'][$_POST['who']]['waktu'] = date("Y-m-d H:i:s"); +// $data = [ +// 'approval'=>json_encode($tender['approval']) +// ]; +// if($this->tenderModels->updateBeritaTender($args['id_tender'], $data)){ +// return $res->withJson([ +// "status"=>"success" +// ]); +// }else{ +// return $res->withJson([ +// "status"=>"failed" +// ]); +// } +// } +// +// public function beritaTender(Req $req, Res $res, $args) { +// if ($req->isGet()) { +// $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); +// +// return $penyelenggara['nama_penyelenggara']; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender(); +// $req = $req->withAttribute('beritaTender', $beritaTender); +// +// return $this->view->render("approval/berita-tender/daftar-berita", $req->getAttributes()); +// } +// } +// +// public function approvalBeritaTender1(Req $req, Res $res, $args) { +// if (!isset($args['status'])) { +// $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); +// +// return $penyelenggara['nama_penyelenggara']; +// }); +// $this->view->registerFunction('getUserUpload', function ($id_user) { +// $user = $this->userModels->getUserDetail($id_user); +// +// return $user; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); +// $req = $req->withAttribute('tender', $beritaTender); +// +// return $this->view->render("approval/berita-tender/detail-berita", $req->getAttributes()); +// } elseif (isset($args['status'])) { +// if ($this->tenderModels->setApprovalBeritaTender($args['id_tender'], $this->session->previledge, $args['status'])) { +// if ($args['status'] == 'diterima') { +// $this->notifikasiModels->addNotification([ +// "id_user" => $req->getAttribute('active_user_data')['id_user'], +// "tentang" => 'Telah Melakukan Approve Berita Tender "' . $this->tenderModels->getBeritaTender($args['id_tender'])['judul_tender'] . '"', +// "waktu" => date("Y-m-d H:i:s"), +// "meta" => $this->router->pathFor('detailBeritaTender', ['id_tender' => $args['id_tender']]), +// ]); +// } elseif ($args['status'] == 'ditolak') { +// $this->notifikasiModels->addNotification([ +// "id_user" => $req->getAttribute('active_user_data')['id_user'], +// "tentang" => 'Telah Menolak Berita Tender "' . $this->tenderModels->getBeritaTender($args['id_tender'])['judul_tender'] . '"', +// "waktu" => date("Y-m-d H:i:s"), +// "meta" => $this->router->pathFor('detailBeritaTender', ['id_tender' => $args['id_tender']]), +// ]); +// } +// +// return $res->withStatus(302)->withHeader('Location', $this->router->pathFor('approvalBeritaTender', ['id_tender' => $args['id_tender']])); +// } +// } else { +// return $res->write($args['status']); +// } +// } +// +// public function beritaTenderRKS(Req $req, Res $res, $args) { +// if ($req->isGet()) { +// $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); +// +// return $penyelenggara['nama_penyelenggara']; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender(); +// $req = $req->withAttribute('beritaTender', $beritaTender); +// +// return $this->view->render("approval/rks-acara/daftar-berita", $req->getAttributes()); +// } +// } +// +// public function approvalBeritaTenderRKS(Req $req, Res $res, $args) { +// if (!isset($args['status'])) { +// $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); +// +// return $penyelenggara['nama_penyelenggara']; +// }); +// $this->view->registerFunction('getUserUpload', function ($id_user) { +// $user = $this->userModels->getUserDetail($id_user); +// +// return $user; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); +// $req = $req->withAttribute('tender', $beritaTender); +// +// return $this->view->render("approval/rks-acara/detail-berita", $req->getAttributes()); +// } elseif (isset($args['status'])) { +// if ($this->tenderModels->setApprovalRKSBeritaTender($args['id_tender'], $this->session->previledge, $args['status'])) { +// if ($args['status'] == 'diterima') { +// $this->notifikasiModels->addNotification([ +// "id_user" => $req->getAttribute('active_user_data')['id_user'], +// "tentang" => 'Telah Melakukan Approve Dokumen RKS dari Berita Tender "' . $this->tenderModels->getBeritaTender($args['id_tender'])['judul_tender'] . '"', +// "waktu" => date("Y-m-d H:i:s"), +// "meta" => $this->router->pathFor('detailBeritaTender', ['id_tender' => $args['id_tender']]), +// ]); +// } elseif ($args['status'] == 'ditolak') { +// $this->notifikasiModels->addNotification([ +// "id_user" => $req->getAttribute('active_user_data')['id_user'], +// "tentang" => 'Telah Menolak Dokumen RKS dari Berita Tender "' . $this->tenderModels->getBeritaTender($args['id_tender'])['judul_tender'] . '"', +// "waktu" => date("Y-m-d H:i:s"), +// "meta" => $this->router->pathFor('detailBeritaTender', ['id_tender' => $args['id_tender']]), +// ]); +// } +// +// return $res->withStatus(302)->withHeader('Location', $this->router->pathFor('approvalRKSTender', ['id_tender' => $args['id_tender']])); +// } +// } else { +// return $res->write($args['status']); +// } +// } + + public function beritaTenderBOQ(Req $req, Res $res, $args) { + if ($req->isGet()) { + $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + + return $penyelenggara['nama_penyelenggara']; + }); + $this->view->registerFunction('countBOQApproval', function ($id_tender) { + $BOQ = $this->BOQModels->countBOQApproval($id_tender); + + return $BOQ; + }); + $beritaTender = $this->tenderModels->getBeritaTender(); + $req = $req->withAttribute('beritaTender', $beritaTender); + + return $this->view->render("approval/boq/daftar-tender", $req->getAttributes()); + } + } + + +// public function detaiTenderBOQ(Req $req, Res $res, $args) { +// if ($req->isGet()) { +// $this->view->registerFunction('getNamaPenyelenggara', function ($id_penyelenggara) { +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); +// +// return $penyelenggara['nama_penyelenggara']; +// }); +// $this->view->registerFunction('getUserUpload', function ($id_user) { +// $user = $this->userModels->getUserDetail($id_user); +// +// return $user; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); +// $req = $req->withAttribute('tender', $beritaTender); +// $req = $req->withAttribute('no_file', $this->flash->getMessage('no_file')); +// $req = $req->withAttribute('file_saved', $this->flash->getMessage('file_saved')); +// +// return $this->view->render("approval/boq/detail-boq", $req->getAttributes()); +// } +// } +// +// public function approvalTenderBOQ(Req $req, Res $res, $args) { +// $result = []; +// if ($req->getAttribute('active_user_data')['previledge'] == "3" and $_POST["status"] == "ditolak") { +// $data = [ +// "id_tender" => $_POST['data'][0]['id_tender'], +// "id_user" => $req->getAttribute('active_user_data')['id_user'], +// "nama_vendor" => $_POST['data'][0]['nama_vendor'], +// "nama_barang" => $_POST['data'][0]['nama_barang'], +// "harga_persatuan" => $_POST['data'][0]['harga_persatuan'], +// "volume_barang" => $_POST['data'][0]['volume_barang'], +// "ukuran_satuan" => $_POST['data'][0]['ukuran_satuan'], +// "waktu" => date("Y-m-d H:i:s"), +// "approval" => json_encode([ +// "direktur" => [ +// "status" => "", +// "waktu" => "", +// ], +// "manajer" => [ +// "status" => "diterima", +// "waktu" => date("Y-m-d H:i:s"), +// ], +// ]), +// "inputan_manajer" => $_POST['data'][0]['id_penawaran'], +// ]; +// if ($this->BOQModels->setBOQ($data)) { +// $result['status'] = 'success'; +// } +// } +// foreach ($_POST['data'] as $pdata) { +// $data = $this->BOQModels->getBOQ($pdata['id_penawaran']); +// $dataApproval = json_decode($data["approval"], true); +// if ($req->getAttribute('active_user_data')['previledge'] == "2") { +// $dataApproval["direktur"] = [ +// "status" => $_POST["status"], +// "waktu" => date("Y-m-d H:i:s"), +// ]; +// } elseif ($req->getAttribute('active_user_data')['previledge'] == "3") { +// $dataApproval["manajer"] = [ +// "status" => $_POST["status"], +// "waktu" => date("Y-m-d H:i:s"), +// ]; +// } +// $approval = [ +// "approval" => json_encode($dataApproval), +// ]; +// if ($this->BOQModels->setBOQ($approval, $pdata['id_penawaran'])) { +// $result['status'] = 'success'; +// } +// } +// +// return $res->withJson($result); +// } + +// public function daftarTenderDokumen(Req $req, Res $res, $args){ +// if ($req->isGet ()) { +// $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara); +// return $penyelenggara[ 'nama_penyelenggara' ]; +// }); +// $this->view->registerFunction ('countApproval', function ($id_tender) { +// $count = $this->dokumenModels->countApprovalDokumen($id_tender); +// return $count; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender (); +// $req = $req->withAttribute ('beritaTender', $beritaTender); +// +// return $this->view->render ("approval/dokumen/daftar-tender", $req->getAttributes ()); +// } +// } +// +// public function detailTenderDokumen(Req $req, Res $res, $args){ +// if($req->isGet()){ +// $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ +// $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); +// return $penyelenggara['nama_penyelenggara']; +// }); +// $this->view->registerFunction('getUserUpload', function($id_user){ +// $user = $this->userModels->getUserDetail($id_user); +// return $user; +// }); +// $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); +// $dokumenTender = $this->dokumenModels->getDokumenByTender($args['id_tender']); +// $req = $req->withAttribute('tender', $beritaTender); +// $req = $req->withAttribute('dokumenTender', $dokumenTender); +// $req = $req->withAttribute ('no_file', $this->flash->getMessage ('no_file')); +// $req = $req->withAttribute ('file_saved', $this->flash->getMessage ('file_saved')); +// return $this->view->render ("approval/dokumen/detail-tender", $req->getAttributes ()); +// } +// } +// +// public function approvalTenderDokumen(Req $req, Res $res, $args){ +// $select = $this->dokumenModels->getDokumenTender($args['id_dokumen']); +// $approval = json_decode($select['approval'], true); +// if($req->getAttribute('active_user_data')['previledge'] == "3"){ +// $approval['manajer']['status']=$args['status']; +// $approval['manajer']['waktu']=date("Y-m-d H:i:s"); +// }elseif($req->getAttribute('active_user_data')['previledge'] == "2"){ +// $approval['direktur']['status']=$args['status']; +// $approval['direktur']['waktu']=date("Y-m-d H:i:s"); +// } +// $update = [ +// 'approval'=>json_encode($approval) +// ]; +// if($this->dokumenModels->setDokumenTender($update, $args['id_dokumen'])){ +// return $res->withJson([ +// 'status'=>'success' +// ]); +// }else { +// return $res->withJson([ +// 'status' => 'failed' +// ]); +// } +// } + +} \ No newline at end of file diff --git a/app/controllers/auth.php b/app/controllers/auth.php new file mode 100644 index 0000000..d163af5 --- /dev/null +++ b/app/controllers/auth.php @@ -0,0 +1,258 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->notificationModels = new \ryan\models\notifikasi($container); + } + + public function loginPage (Req $req, Res $res, $args) { + $req = $req->withAttribute ('lala', 'lolo'); + $req = $req->withAttribute ('authError', $this->flash->getMessage ('AuthError')); + + if(isset($this->session->id_user)){ + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('DashboardPage')); + }else{ + return $this->view->render ("login", $req->getAttributes()); + } + } + + public function doLogin ($req, $res, $args) { + $username = $_POST[ 'username' ]; + $password = $_POST[ 'password' ]; + $login = $this->userModels->checkAuth ($username, md5 ($password)); + if ($login) { + if($login['status']) + $this->session->set ('id_user', $login[ 'id_user' ]); + $this->session->set ('previledge', $login[ 'previledge' ]); + if($login['previledge'] == '5'){ + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('users_daftar')); + }else{ + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('DashboardPage')); + } + } else { + $this->flash->addMessage ('AuthError', true); + + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('loginPage')); + } + } + + + public function doLogout ($req, $res, $args) { + $this->session->destroy (); + + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('loginPage')); + } + + public function __invoke ($req, $res, $next) { + $this->view->registerFunction('getUserDetail', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $this->view->registerFunction('thisPriviledge', function(){ + $user = $this->userModels->getUserDetail($this->session->id_user)['previledge']; + switch ($user){ + case '1': + return 'admin'; + break; + case '2': + return 'direktur'; + break; + case '3': + return 'manajer'; + break; + case '4': + return 'unitkerja'; + break; + } + return $user; + }); + if(!isset($this->session->id_user)){ + if($req->isGet()) { + return $res->withStatus(302)->withHeader('Location', $this->router->pathFor('loginPage')); + }else { + return $res->withStatus(405)->withJson(['success'=>false, 'cause'=>'Session Expired']); + } + }else{ + $userData = $this->userModels->getUser($this->session->id_user); + $notificationData = $this->notificationModels->getNotificationForUser($this->session->id_user); + $req = $req->withAttribute('active_user_data', $userData); + $req = $req->withAttribute('active_notification_list', $notificationData); + $res = $next($req, $res); + return $res; + } + + } + + public function signUpPage(Req $req, Res $res, $args){ + $data = $this->userModels->getUserByToken($args['token']); + $req = $req->withAttribute('token', $args['token']); + if($data){ + $req = $req->withAttribute ('sign_data', $data); + return $this->view->render ("signup", $req->getAttributes()); + }else{ + throw new \Slim\Exception\NotFoundException($req, $res); + } + } + + public function doSignUp(Req $req, Res $res, $args){ + $smscode = strtoupper(bin2hex(openssl_random_pseudo_bytes(3))); + if(isset($_POST['username']) && isset($_POST['password']) && isset($_POST['repassword']) && isset($_POST['telefon'])){ + if($_POST['password'] == $_POST['repassword']){ + $data = [ + 'username' => $_POST['username'], + 'nama' => $_POST['username'], + 'password' => md5($_POST['password']), + 'telefon' => $_POST['telefon'], + 'status' => 1, + 'smscode' => $smscode, + 'image' => 'no-photo.jpg', + 'token' => null + ]; +// return $res->write('http://www.freesms4us.com/kirimsms.php?user=ryanhadiw&pass=ryan721995&no=' . $_POST['telefon'] . '&isi=' . $pesan); + if($this->userModels->setUser($data, $_POST['id_user'])){ + $sms = $this->sendSMS($_POST['telefon'], 'Harap masukkan kode '. $smscode . ' di aplikasi E-Admin Tender'); + if($sms === true){ + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('verificationSMSPage', ['id_user'=>$_POST['id_user']])); + }else{ + return $res->write($sms); + } + } + } + }else{ + return $res->withJson([ + 'status' => 'failed' + ]); + } + + } + + public function verificationSMSPage(Req $req, Res $res, $args){ + $req = $req->withAttribute ('codeError', $this->flash->getMessage ('codeError')); + $req = $req->withAttribute('id_user', $args['id_user']); + $req = $req->withAttribute('telefon', $this->userModels->getUser($args['id_user'])['telefon']); + return $this->view->render ("sms", $req->getAttributes()); + } + + public function doVerificateSMS(Req $req, Res $res, $args){ + $user = $this->userModels->getUser($args['id_user']); + if($_POST['smscode'] == $user['smscode']){ + $data = [ + 'smscode' => null + ]; + if($this->userModels->setUser($data, $user['id_user'])){ + $this->session->set ('id_user', $user[ 'id_user' ]); + $this->session->set ('previledge', $user[ 'previledge' ]); + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('users_profile')); + } + }else{ + $this->flash->addMessage ('codeError', true); + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('verificationSMSPage', ['id_user'=>$args['id_user']])); + } + } + + public function reSendVerificationSMS(Req $req, Res $res, $args){ + $smscode = strtoupper(bin2hex(openssl_random_pseudo_bytes(3))); + $user = $this->userModels->getUserByToken($args['token']); + $data = [ + 'smscode'=>$smscode + ]; + if($this->userModels->setUser($data, $user['id_user'])){ + $sms = $this->sendSMS($args['telefon'], 'Harap masukkan kode '. $smscode . ' di aplikasi E-Admin Tender'); + if($sms === true){ + return $res->withJson([ + 'status'=>'success' + ]); + }else{ + return $res->withJson([ + 'status' => 'failed', + 'reason' => $sms + ]); + } + }else{ + return $res->withJson([ + 'status'=>'failed' + ]); + } + } + + public function check(Req $req, Res $res, $args){ + if(isset($_GET['username'])){ + if($this->userModels->getUserByUsername($_GET['username'])){ + return $res->withStatus(404); + }else{ + return $res->withStatus(200); + } + } + } + + public function check_email(Req $req, Res $res, $args){ + if(isset($_GET['email'])){ + if($this->userModels->getUserByEmail($_GET['email'])){ + return $res->withStatus(404); + }else{ + return $res->withStatus(200); + } + } + } + + public function coba(Req $req, Res $res, $args){ +// $uri = $req->getUri(); +// $this->mailer->addAddress('genthowijaya@gmail.com', 'Amin Wijaya'); +// $this->mailer->Subject = 'Undangan penggunaan aplikasi'; +// $this->mailer->isHTML(true); +// $this->mailer->Body = $this->view->render ("email", $req->getAttributes()); +// $this->mailer->send(); +// $data = $this->pdo->select()->from('user')->where('id_user', '=', 1)->count('*', 'count')->execute()->fetch(); +// return $res->withJson($data); +// $curl = curl_init(); +// curl_setopt_array($curl, array( +// CURLOPT_RETURNTRANSFER => 1, +// CURLOPT_URL => 'http://www.freesms4us.com/kirimsms.php?user=ryanhadiw&pass=ryan721995&no=0895338201953&isi=halooooooooo' +// )); +// return $res->write(curl_exec($curl)); + $path = 'http://'. $req->getHeader('Host')[0] . $this->router->pathFor ('signUpPage', ['token'=>'aaa']); + $req = $req->withAttribute ('path', $path); + $req = $req->withAttribute ('who', 'astaga'); + $req = $req->withAttribute ('jabatan', 'taudeh'); + $client = new Client([ + // Base URI is used with relative requests + 'base_uri' => 'http://capi-mailer.appspot.com/', + // You can set any number of default request options. + 'timeout' => 2.0, + ]); + try { + $response = $client->request('POST', 'http://capi-mailer.appspot.com/appspot/no_reply', [ + 'headers' => [ + 'X-CAPI-AUTH' => '$2y$10$MsVKU9Eym.muyQA4KwPdguSzGnW8k2WMUubgqRAkr4W9OguJgY8hC' + ], + 'form_params'=>[ + 'send_to'=>'genthowijaya@gmail.com', + 'subject'=>'undangan', + 'message'=> $this->view->getPlates()->render ("email", $req->getAttributes()) + ] + ]); + return $res->withJson(json_decode($response->getBody(), true)); + } catch (RequestException $e) { + if ($e->hasResponse()) { + return $res->write(Psr7\str($e->getResponse())); + } + return $res->write(Psr7\str($e->getRequest())); + } +// return $res->write(bin2hex(openssl_random_pseudo_bytes(3))); +// return $res->withJson($req->getHeader('Host')); + } + } diff --git a/app/controllers/beritaTender.php b/app/controllers/beritaTender.php new file mode 100644 index 0000000..412ba09 --- /dev/null +++ b/app/controllers/beritaTender.php @@ -0,0 +1,373 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->dokumenModels = new \ryan\models\dokumenTender($container); + $this->unitkerjaModels = new \ryan\models\unitKerja($container); + $this->BOQModels = new \ryan\models\BOQ($container); + $this->historyModels = new \ryan\models\history($container); + $this->dokumenMasterModels = new \ryan\models\dokumenMaster($container); + } + + /** + * Controller Tambah Berita Tender + * GET -> tampilkan halaman tambah berita tender + * POST -> proses simpan berita tender + * @param Req $req + * @param Res $res + * @param $args + * @return static + */ + public function beritaTender_add (Req $req, Res $res, $args) { + if ($req->isGet ()) { + return $this->view->render ("berita-tender/insert", $req->getAttributes ()); + } else { + $data = [ + 'id_penyelenggara' => $_POST[ 'id_penyelenggara' ], + 'id_user' => $req->getAttribute ('active_user_data')[ 'id_user' ], + 'judul_tender' => $_POST[ 'judul_tender' ], + 'link_website' => $_POST[ 'link_website' ], + 'wilayah' => $_POST[ 'wilayah' ], + 'upload' => implode ('|', $_POST[ 'upload' ]), + 'tgl_mulai' => $_POST[ 'tgl_mulai' ], + 'tgl_selesai' => $_POST[ 'tgl_selesai' ], + 'tgl_upload' => date ("Y-m-d H:i:s"), + 'approval'=>json_encode([ + 'direktur'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? date ("Y-m-d H:i:s") : '') + ], + 'manajer'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? date ("Y-m-d H:i:s") : '') + ] + ]), + 'berita_acara'=>json_encode([ + 'file'=>'', + 'waktu'=>'', + 'approval'=>[ + 'direktur'=>[ + 'status'=>'', + 'waktu'=>'' + ], + 'manajer'=>[ + 'status'=>'', + 'waktu'=>'' + ] + ] + ]), + 'rks'=>json_encode([ + 'file'=>'', + 'waktu'=>'', + 'approval'=>[ + 'direktur'=>[ + 'status'=>'', + 'waktu'=>'' + ], + 'manajer'=>[ + 'status'=>'', + 'waktu'=>'' + ] + ] + ]) + ]; + $insert = $this->tenderModels->addBeritaTender ($data); + if ($insert) { + $this->historyModels->add_history($insert, $req->getAttribute ('active_user_data')[ 'id_user' ], 'i_tender', $insert); + foreach ($_POST['upload'] as $dokumen){ + $dataDok = [ + 'id_tender'=>$insert, + 'nama_dokumen'=>$dokumen, + 'dokumen_syarat'=>'1' + ]; + $dokMaster = $this->dokumenMasterModels->searchDokumenMaster($dokumen); + if($dokMaster){ + $dataDok['file_dokumen'] = $dokMaster['file_dokumen']; + $dataDok['tgl_upload'] = $dokMaster['waktu']; + $dataDok['pengupload'] = $dokMaster['diupload_oleh']; + $dataDok['approval'] = json_encode([ + 'direktur'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? date ("Y-m-d H:i:s") : '') + ], + 'manajer'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? date ("Y-m-d H:i:s") : '') + ] + ]); + } + $insertDok = $this->dokumenModels->setDokumenTender($dataDok); + } + $this->notifikasiModels->sendNotificationByPreviledge(['1', '2', '3'], [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Menambahkan berita tender baru: "' . $data['judul_tender'] . '"', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('beritaTender_detail', ['id_tender' => $insert]) + ]); + $direktur = $this->userModels->getDirektur(); + $this->sendSMS($direktur['telefon'], 'Ada berita tender baru "' . $data['judul_tender'] . '" menunggu approval anda'); + $manajer = $this->userModels->getManajer(); + $this->sendSMS($manajer['telefon'], 'Ada berita tender baru "' . $data['judul_tender'] . '" menunggu approval anda'); + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('beritaTender_detail', ['id_tender'=>$insert])); + } + } + } + + /** + * Controler edit berita tender + * GET -> tampilkan halaman berita tender + * POST -> proses simpan berita tender + * @param Req $req + * @param Res $res + * @param $args + * @return static + */ + public function beritaTender_edit (Req $req, Res $res, $args) { + if ($req->isGet ()) { + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $req = $req->withAttribute ('tender', $beritaTender); + return $this->view->render ("berita-tender/edit", $req->getAttributes ()); + } else { + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $tender['rks'] = json_decode($tender['rks'], true); + $data = [ + 'id_penyelenggara' => $_POST[ 'id_penyelenggara' ], + 'judul_tender' => $_POST[ 'judul_tender' ], + 'link_website' => $_POST[ 'link_website' ], + 'wilayah' => $_POST[ 'wilayah' ], + 'tgl_mulai' => $_POST[ 'tgl_mulai' ], + 'tgl_selesai' => $_POST[ 'tgl_selesai' ], + 'approval'=>json_encode([ + 'direktur'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? date ("Y-m-d H:i:s") : '') + ], + 'manajer'=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? date ("Y-m-d H:i:s") : '') + ] + ]), + ]; + if($tender['rks'] and array_key_exists('file', $tender['rks'])){ + $tender['rks']['approval'] = [ + 'direktur'=>[ + 'status'=>'', + 'waktu'=>'' + ], + 'manajer'=>[ + 'status'=>'', + 'waktu'=>'' + ] + ]; + $data['rks'] = json_encode($tender['rks']); + } + if($this->tenderModels->setBeritaTender($data, $args['id_tender'])){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'e_tender', $args['id_tender']); + foreach($this->BOQModels->getBOQByTender($args['id_tender']) as $boq){ + $this->BOQModels->setBOQ(['approval'=>''], $boq['id_penawaran']); + echo 'lala'; + } + foreach ($this->dokumenModels->getDokumenByTender($args['id_tender']) as $dok){ + echo 'lala'; + if($dok['approval']){ + $approval = json_encode([ + 'direktur'=>[ + 'status'=>'', + 'waktu'=>'' + ], + 'manajer'=>[ + 'status'=>'', + 'waktu'=>'' + ] + ]); + $this->dokumenModels->setDokumenTender(['approval'=>$approval], $dok['id_dokumen']); + } + } + $this->notifikasiModels->sendNotificationByPreviledge(['2', '3'], [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Mengubah Berita Tender "' . $data['judul_tender'] . '". Anda perlu melakukan approval Berita Tender, RKS, BOQ, dan Dokumen Tender kembali', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('beritaTender_detailApproval', ['id_tender' => $args['id_tender']]) + ]); + $direktur = $this->userModels->getDirektur(); + $this->sendSMS($direktur['telefon'], 'Berita tender "' . $data['judul_tender'] . '" telah dirubah mohon melakukan approval ulang'); + $manajer = $this->userModels->getManajer(); + $this->sendSMS($manajer['telefon'], 'Berita tender "' . $data['judul_tender'] . '" telah dirubah mohon melakukan approval ulang'); + return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('beritaTender_detail', ['id_tender'=>$args['id_tender']])); + } + } + } + + /** + * Controller hapus berita tender + * (set kolom deleted berita tender dengan value 1) + * @param Req $req + * @param Res $res + * @param $args + * @return static + */ + public function beritaTender_delete (Req $req, Res $res, $args) { + if(isset($_POST['id_tender'])){ + $this->historyModels->add_history($_POST['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'd_tender', $_POST['id_tender']); + if($this->tenderModels->updateBeritaTender($_POST['id_tender'], ['deleted'=>'1'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + } + } + + /** + * Controller tampilkan daftar berita tender + * (daftar berita tender dengan value deleted = 0) + * @param Req $req + * @param Res $res + * @param $args + * @return mixed + */ + public function beritaTender_daftar (Req $req, Res $res, $args) { + $route = $req->getAttribute('route'); + $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara); + return $penyelenggara[ 'nama_penyelenggara' ]; + }); + $beritaTender = $this->tenderModels->getBeritaTender (); + $req = $req->withAttribute ('beritaTender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'beritaTender_daftarApproval'); + return $this->view->render ("berita-tender/daftar", $req->getAttributes ()); + } + + /** + * Controller halaman detail berita tender + * @param Req $req + * @param Res $res + * @param $args + * @return mixed + */ + public function beritaTender_detail (Req $req, Res $res, $args) { + $route = $req->getAttribute('route'); + $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { + return $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara)[ 'nama_penyelenggara' ]; + }); + $this->view->registerFunction ('getUserUpload', function ($id_user) { + return $this->userModels->getUserDetail ($id_user); + }); + $this->view->registerFunction ('getDirektur', function () { + return $this->userModels->getDirektur(); + }); + $this->view->registerFunction ('getManajer', function () { + return $this->userModels->getManajer(); + }); + $beritaTender = $this->tenderModels->getBeritaTender ($args[ 'id_tender' ]); + $beritaTender['dokumen_syarat'] = $this->dokumenModels->getDokumenByTender($args[ 'id_tender' ]); + $beritaTender['unit_kerja'] = $this->unitkerjaModels->getUnitKerjaByTender($args[ 'id_tender' ]); + $beritaTender['last_edit'] = $this->historyModels->getLastEditTender($args[ 'id_tender' ]); + $beritaTender['history'] = $this->beritaTender_getHistory($args['id_tender']); + $req = $req->withAttribute ('tender', $beritaTender); + $req = $req->withAttribute ('menu', ['tender'=>['detail']]); + $req = $req->withAttribute ('approval', $route->getName() == 'beritaTender_detailApproval'); + return $this->view->render ("berita-tender/detail", $req->getAttributes ()); + } + + /** + * Controller approval berita tender + * @param Req $req + * @param Res $res + * @param $args + * @return static + */ + public function beritaTender_approval(Req $req, Res $res, $args){ + + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $tender['approval'] = json_decode($tender['approval'], true); + $tender['approval'][$_POST['who']]['status'] = $_POST['status']; + $tender['approval'][$_POST['who']]['waktu'] = date("Y-m-d H:i:s"); + $data = [ + 'approval'=>json_encode($tender['approval']) + ]; + if($this->tenderModels->updateBeritaTender($args['id_tender'], $data)){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'a_tender', $args['id_tender'], $_POST['status']); + return $res->withJson([ + "status"=>"success" + ]); + }else{ + return $res->withJson([ + "status"=>"failed" + ]); + } + } + + /** + * API daftar history + * @param Req $req + * @param Res $res + * @param $args + * @return static + */ + public function beritaTender_getHistory($id_tender){ + $histories = $this->historyModels->get_history($id_tender); + foreach($histories as &$history){ + switch ($history['perubahan']){ + case 'i_tender': + case 'e_tender': + case 'a_tender': + case 'd_tender': + case 'i_rks': + case 'e_rks': + case 'a_rks': + case 'i_acara': + case 'e_acara': + $history['detail'] = $this->tenderModels->getBeritaTender($history['id_perubahan']); + break; + case 'i_unit': + case 'd_unit': + $history['detail'] = $this->unitkerjaModels->getUnitKerja($history['id_perubahan']); + break; + case 'i_dok': + case 'u_dok': + case 'e_dok': + case 'd_dok': + case 'a_dok': + $history['detail'] = $this->dokumenModels->getDokumenTender($history['id_perubahan']); + break; + case 'i_boq': + case 'e_boq': + case 'd_boq': + case 'a_boq': + $history['detail'] = $this->BOQModels->getBOQ('38'); + break; + } + } + return $histories; + unset($history); + } + } \ No newline at end of file diff --git a/app/controllers/dashboard.php b/app/controllers/dashboard.php new file mode 100644 index 0000000..7ed16af --- /dev/null +++ b/app/controllers/dashboard.php @@ -0,0 +1,74 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->dokumenModels = new \ryan\models\dokumenTender($container); + $this->unitkerjaModels = new \ryan\models\unitKerja($container); + } + + public function dashboardPage(Req $req, Res $res, $args){ + $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara); + return $penyelenggara[ 'nama_penyelenggara' ]; + }); + $this->view->registerFunction ('getProgress', function ($id_tender) { + $progress = 0; + $tender = $this->tenderModels->getBeritaTender($id_tender); + $tender_approval = json_decode($tender['approval'], true); + if($tender_approval['direktur']['status'] == 'diterima' && $tender_approval['manajer']['status'] == 'diterima'){ + $process = 'Menuggu Dokumen'; + $progress = 50; + }elseif($tender_approval['direktur']['status'] == '' && $tender_approval['manajer']['status'] == ''){ + $process = 'Menuggu Approval'; + $progress = 0; + }elseif($tender_approval['direktur']['status'] == 'diterima' && $tender_approval['manajer']['status'] != 'diterima'){ + $process = 'Menuggu Approval Manajer'; + $progress = 25; + }elseif($tender_approval['direktur']['status'] != 'diterima' && $tender_approval['manajer']['status'] == 'diterima'){ + $process = 'Menuggu Approval Direktur'; + $progress = 25; + } + $count_dokumen = $this->dokumenModels->countDokumenReqDetail($id_tender); + $progress=$progress+(($count_dokumen['total'] ? ($count_dokumen['uploaded']/$count_dokumen['total']) : 0)*25); + $progress=$progress+(($count_dokumen['total'] ? ($count_dokumen['approved']/$count_dokumen['total']) : 0)*25); + if($progress == 100){ + $process = 'Semua Proses Selesai'; + } + return [ + 'process'=>$process, + 'progress'=>$progress + ]; + }); + $beritaTender = $this->tenderModels->getBeritaTender (); + $req = $req->withAttribute ('beritaTender', $beritaTender); + return $this->view->render("dashboard", $req->getAttributes()); + } + + } \ No newline at end of file diff --git a/app/controllers/dokumenMaster.php b/app/controllers/dokumenMaster.php new file mode 100644 index 0000000..f7335f7 --- /dev/null +++ b/app/controllers/dokumenMaster.php @@ -0,0 +1,109 @@ +container = $container; + $this->dokumenMasterModels = new \ryan\models\dokumenMaster($container); + $this->userModels = new \ryan\models\users($container); + } + + public function dokumenMaster_daftar(Request $req, Response $res, $args){ + $this->view->registerFunction('getUserUpload', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $listDokumen = $this->dokumenMasterModels->getDokumenMaster(); + $req = $req->withAttribute ('dokumenMaster', $listDokumen); + return $this->view->render ("dokumen-master/daftar", $req->getAttributes ()); + } + + public function dokumenMaster_get(Request $req, Response $res, $args){ + if(isset($args['id_dokumen'])){ + $dokumen = $this->dokumenMasterModels->getDokumenMaster($args['id_dokumen']); + $dokumen['meta'] = json_decode($dokumen['meta'], true); + return $res->withJson($dokumen); + }else{ + $dokumens = $this->dokumenMasterModels->getDokumenMaster(); + foreach ($dokumens as &$dokumen){ + $dokumen['who'] = $this->userModels->getUserDetail($dokumen['diupload_oleh']); + } + return $res->withJson(['data'=>$dokumens]); + } + } + public function dokumenMaster_delete(Request $req, Response $res, $args){ + if($this->dokumenMasterModels->deleteDokumenMaster($args['id_dokumen'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + } + + + public function dokumenMaster_add(Request $req, Response $res, $args){ + $files = $req->getUploadedFiles(); + $file = $files['file_dokumen']; + $fileinfo = pathinfo($file->getClientFilename()); + $file_dokumen = $fileinfo['filename'].'_'.time().'.'.$fileinfo['extension']; + $data = [ + 'nama_dokumen'=>implode('|', $_POST['nama_dokumen']), + 'file_dokumen'=>$file_dokumen, + 'diupload_oleh'=>$req->getAttribute ('active_user_data')[ 'id_user' ], + 'waktu'=>date ("Y-m-d H:i:s") + ]; + if($this->dokumenMasterModels->setDokumenMaster($data)){ + $file->moveTo("public/content/dokumen/".$file_dokumen); + return $res->withJson([ + 'status'=>'success' + ]); + } + } + + public function dokumenMaster_edit(Request $req, Response $res, $args){ + $files = $req->getUploadedFiles(); + $data = [ + 'nama_dokumen'=>implode('|', $_POST['nama_dokumen']), + 'diupload_oleh'=>$req->getAttribute ('active_user_data')[ 'id_user' ], + 'waktu'=>date ("Y-m-d H:i:s") + ]; + if(sizeof($files)){ + $file = $files['file_dokumen']; + $fileinfo = pathinfo($file->getClientFilename()); + $file_dokumen = $fileinfo['filename'].'_'.time().'.'.$fileinfo['extension']; + $data['file_dokumen'] = $file_dokumen; + if($this->dokumenMasterModels->setDokumenMaster($data, $args['id_dokumen'])){ + $file->moveTo("public/content/dokumen/".$file_dokumen); + return $res->withJson([ + 'status'=>'success' + ]); + } + }else{ + if($this->dokumenMasterModels->setDokumenMaster($data, $args['id_dokumen'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + } + } + +} \ No newline at end of file diff --git a/app/controllers/dokumenTender.php b/app/controllers/dokumenTender.php new file mode 100644 index 0000000..e351c51 --- /dev/null +++ b/app/controllers/dokumenTender.php @@ -0,0 +1,275 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->dokumenModels = new \ryan\models\dokumenTender($container); + $this->unitKerjaModels = new \ryan\models\unitKerja($container); + $this->historyModels = new \ryan\models\history($container); + } + + public function daftarBeritaTender(Request $req, Response $res, $args){ + $route = $req->getAttribute('route'); + if ($req->isGet ()) { + $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara); + return $penyelenggara[ 'nama_penyelenggara' ]; + }); + $this->view->registerFunction ('countDokumen', function ($id_tender) { + $count = $this->dokumenModels->countDokumenTender($id_tender, 1); + return $count; + }); + $beritaTender = $this->tenderModels->getBeritaTenderApprovedRKS (); + $req = $req->withAttribute ('beritaTender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'dokumenTender_daftarApproval'); + return $this->view->render ("dokumen/daftar", $req->getAttributes ()); + } + } + + public function detailTenderDokumen(Request $req, Response $res, $args){ + $route = $req->getAttribute('route'); + if($req->isGet()){ + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + return $penyelenggara['nama_penyelenggara']; + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $dokumenTender = $this->dokumenModels->getDokumenByTender($args['id_tender']); + $req = $req->withAttribute('tender', $beritaTender); + $req = $req->withAttribute('dokumenTender', $dokumenTender); + $req = $req->withAttribute ('no_file', $this->flash->getMessage ('no_file')); + $req = $req->withAttribute ('file_saved', $this->flash->getMessage ('file_saved')); + $req = $req->withAttribute ('approval', $route->getName() == 'dokumenTender_detailApproval'); + return $this->view->render ("dokumen/detail", $req->getAttributes ()); + } + } + + public function detailTenderDokumenApproval(Request $req, Response $res, $args){ + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + $penyelenggara = $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara); + return $penyelenggara['nama_penyelenggara']; + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + $user = $this->userModels->getUserDetail($id_user); + return $user; + }); + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $dokumenTender = $this->dokumenModels->getDokumenByTender($args['id_tender']); + $req = $req->withAttribute('tender', $beritaTender); + $req = $req->withAttribute('dokumenTender', $dokumenTender); + $req = $req->withAttribute ('no_file', $this->flash->getMessage ('no_file')); + $req = $req->withAttribute ('file_saved', $this->flash->getMessage ('file_saved')); + return $this->view->render ("dokumen/detail-approval", $req->getAttributes ()); + } + + + + + public function approvalTenderDokumen(Request $req, Response $res, $args){ + $select = $this->dokumenModels->getDokumenTender($args['id_dokumen']); + $approval = json_decode($select['approval'], true); + if($req->getAttribute('active_user_data')['previledge'] == "3"){ + $approval['manajer']['status']=$args['status']; + $approval['manajer']['waktu']=date("Y-m-d H:i:s"); + }elseif($req->getAttribute('active_user_data')['previledge'] == "2"){ + $approval['direktur']['status']=$args['status']; + $approval['direktur']['waktu']=date("Y-m-d H:i:s"); + } + $update = [ + 'approval'=>json_encode($approval) + ]; + if($this->dokumenModels->setDokumenTender($update, $args['id_dokumen'])){ + $this->historyModels->add_history($select['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'a_dok', $args['id_dokumen'], $args['status']); + return $res->withJson([ + 'status'=>'success' + ]); + }else { + return $res->withJson([ + 'status' => 'failed' + ]); + } + } + + public function getRequiredDokumenTender(Request $req, Response $res, $args){ + $doks = $this->dokumenModels->getDokumenByTender($args['id_tender']); + foreach ($doks as $key => &$dok){ + if($dok['dokumen_syarat'] == '1'){ + $dok['who'] = $this->userModels->getUserDetail($dok['pengupload']); + $dok['who']['unit_kerja'] = $this->unitKerjaModels->getUnitKerja($dok['pengupload']); + $dok['approval'] = json_decode($dok['approval'], true); + }else{ + unset($doks[$key]); + } + } + return $res->withJson(['data'=>array_values($doks)]); + } + + public function getOptionalDokumenTender(Request $req, Response $res, $args){ + $doks = $this->dokumenModels->getDokumenByTender($args['id_tender']); + foreach ($doks as $key => &$dok){ + if($dok['dokumen_syarat'] == '0'){ + $dok['who'] = $this->userModels->getUserDetail($dok['pengupload']); + $dok['who']['unit_kerja'] = $this->unitKerjaModels->getUnitKerjaByUser($dok['pengupload'], $args['id_tender']); + $dok['approval'] = json_decode($dok['approval'], true); + }else{ + unset($doks[$key]); + } + } + return $res->withJson(['data'=>array_values($doks)]); + } + + + public function getDokumenTender(Request $req, Response $res, $args){ + $doks = $this->dokumenModels->getDokumenByTender($args['id_tender']); + foreach ($doks as &$dok){ + $dok['who'] = $this->userModels->getUserDetail($dok['pengupload']); + $dok['approval'] = json_decode($dok['approval'], true); + } + return $res->withJson(['data'=>$doks]); + } + + public function countDokumenTender(Request $req, Response $res, $args){ + $count = $this->dokumenModels->countDokumenTender($args['id_tender'], 1); + return $res->withJson($count); + } + + public function deleteDokumenTender(Request $req, Response $res, $args){ + if($this->dokumenModels->deleteDokumenReq($args['id_dokumen'])){ + return $res->withJson([ + "status"=>"success" + ]); + } + } + + public function dokumen_add(Request $req, Response $res, $args) { + $id_tender = $args['id_tender']; + $nama_dokumen = $_POST['nama_dokumen']; + $dokumen_syarat = $_POST['dokumen_syarat']; + $files = $req->getUploadedFiles(); + $data = [ + 'id_tender' => $id_tender, 'nama_dokumen' => $nama_dokumen, 'tgl_upload' => date ("Y-m-d H:i:s"), + "pengupload" => $req->getAttribute ('active_user_data')[ 'id_user' ], + 'dokumen_syarat' => $dokumen_syarat, + "approval" => json_encode([ + "direktur"=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? date ("Y-m-d H:i:s") : '') + ], + "manajer"=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? date ("Y-m-d H:i:s") : '') + ] + ]) + ]; + if(sizeof($files)){ + $file = $files['file_dokumen']; + $fileinfo = pathinfo($file->getClientFilename()); + $file_dokumen = $fileinfo['filename'].'_'.time().'.'.$fileinfo['extension']; + $data['file_dokumen'] = $file_dokumen; + $insert = $this->dokumenModels->setDokumenTender($data); + if($insert){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'u_dok', $insert); + $file->moveTo("public/content/dokumen/".$file_dokumen); + return $res->withJson([ + "status"=>"success" + ]); + } + }else{ + $insert = $this->dokumenModels->setDokumenTender($data); + if($insert){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'i_dok', $insert); + return $res->withJson([ + "status"=>"success" + ]); + } + } + } + + public function dokumen_edit(Request $req, Response $res, $args){ + $id_tender = $args['id_tender']; + $id_dokumen = $_POST['id_dokumen']; + $nama_dokumen = $_POST['nama_dokumen']; + $files = $req->getUploadedFiles(); + $data = [ + 'nama_dokumen' => $nama_dokumen, + "approval" => json_encode([ + "direktur"=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '2' ? date ("Y-m-d H:i:s") : '') + ], + "manajer"=>[ + 'status'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? 'diterima' : ''), + 'waktu'=>($req->getAttribute ('active_user_data')[ 'previledge' ] == '3' ? date ("Y-m-d H:i:s") : '') + ] + ]) + ]; + if(sizeof($files)){ + $file = $files['file_dokumen']; + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $fileinfo = pathinfo($file->getClientFilename()); + $file_dokumen = $fileinfo['filename'].'_'.time().'.'.$fileinfo['extension']; + $data['file_dokumen'] = $file_dokumen; + $data['tgl_upload'] = date ("Y-m-d H:i:s"); + $data["pengupload"] = $req->getAttribute ('active_user_data')[ 'id_user' ]; + if($this->dokumenModels->setDokumenTender($data, $id_dokumen)){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'u_dok', $id_dokumen); + $file->moveTo("public/content/dokumen/".$file_dokumen); + $this->notifikasiModels->sendNotificationByPreviledge(['2', '3'], [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Mengganti Dokumen dari berita tender "' . $tender['judul_tender'] . '". Anda perlu melakukan approval Dokumen kembali', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('beritaTender_detail', ['id_tender' => $args['id_tender']]) + ]); + $direktur = $this->userModels->getDirektur(); + $this->sendSMS($direktur['telefon'], 'Dokumen "' . $nama_dokumen . '" dari tender"' . $tender['judul_tender'] . '" telah dirubah. mohon melakukan approval ulang'); + $manajer = $this->userModels->getManajer(); + $this->sendSMS($manajer['telefon'], 'Dokumen "' . $nama_dokumen . '" dari tender"' . $tender['judul_tender'] . '" telah dirubah. mohon melakukan approval ulang'); + return $res->withJson([ + "status"=>"success" + ]); + } + }else{ + if($this->dokumenModels->setDokumenTender($data, $id_dokumen)){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'e_dok', $id_dokumen); + $this->notifikasiModels->sendNotificationByPreviledge(['2', '3'], [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Mengganti Dokumen dari berita tender "' . $data['judul_tender'] . '". Anda perlu melakukan approval Dokumen kembali', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('beritaTender_detail', ['id_tender' => $args['id_tender']]) + ]); + return $res->withJson([ + "status"=>"success" + ]); + } + } + } +} \ No newline at end of file diff --git a/app/controllers/history.php b/app/controllers/history.php new file mode 100644 index 0000000..b5e74b0 --- /dev/null +++ b/app/controllers/history.php @@ -0,0 +1,57 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->dokumenModels = new \ryan\models\dokumenTender($container); + $this->unitkerjaModels = new \ryan\models\unitKerja($container); + $this->BOQModels = new \ryan\models\BOQ($container); + $this->historyModels = new \ryan\models\history($container); + $this->tenderController = new \ryan\controllers\beritaTender($container); + } + + public function history_daftar(Req $req, Res $res, $args){ + $beritaTender = $this->tenderModels->getBeritaTender ($args[ 'id_tender' ]); + $this->view->registerFunction ('getUserUpload', function ($id_user) { + return $this->userModels->getUserDetail ($id_user); + }); + $this->view->registerFunction ('getNamaPenyelenggara', function ($id_penyelenggara) { + return $this->penyelenggaraModels->getPenyelenggara ($id_penyelenggara)[ 'nama_penyelenggara' ]; + }); + $beritaTender['history'] = $this->tenderController->beritaTender_getHistory($args['id_tender']); + $req = $req->withAttribute ('tender', $beritaTender); + return $this->view->render ("history/detail", $req->getAttributes ()); + } +} \ No newline at end of file diff --git a/app/controllers/unitKerja.php b/app/controllers/unitKerja.php new file mode 100644 index 0000000..f5802ff --- /dev/null +++ b/app/controllers/unitKerja.php @@ -0,0 +1,143 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->notifikasiModels = new \ryan\models\notifikasi($container); + $this->unitKerjaModels = new \ryan\models\unitKerja($container); + $this->historyModels = new \ryan\models\history($container); + } + + public function unitKerja_daftar(Request $req, Response $res, $args){ + $route = $req->getAttribute('route'); + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + return $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara)['nama_penyelenggara']; + }); + $this->view->registerFunction('detailUnitKerja', function($id_tender){ + return $this->unitKerjaModels->getUnitKerjaByTender($id_tender); + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + return $this->userModels->getUserDetail($id_user); + }); + $beritaTender = $this->tenderModels->getBeritaTenderApprovedRKS(); + $req = $req->withAttribute('beritaTender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'rksAcara_daftarApproval'); + return $this->view->render ("unit-kerja/daftar", $req->getAttributes ()); + } + + public function unitKerja_detail(Request $req, Response $res, $args){ + $route = $req->getAttribute('route'); + $this->view->registerFunction('getNamaPenyelenggara', function($id_penyelenggara){ + return $this->penyelenggaraModels->getPenyelenggara($id_penyelenggara)['nama_penyelenggara']; + }); + $this->view->registerFunction('getUserUpload', function($id_user){ + return $this->userModels->getUserDetail($id_user); + }); + $beritaTender = $this->tenderModels->getBeritaTender($args['id_tender']); + $req = $req->withAttribute('tender', $beritaTender); + $req = $req->withAttribute ('approval', $route->getName() == 'rksAcara_daftarApproval'); + $req = $req->withAttribute ('no_file', $this->flash->getMessage ('no_file')); + $req = $req->withAttribute ('file_saved', $this->flash->getMessage ('file_saved')); + return $this->view->render ("unit-kerja/detail", $req->getAttributes ()); + } + + public function unitKerja_add(Request $req, Response $res, $args){ + $result = [ + 'status'=>'failed' + ]; + foreach ($_POST['pegawai'] as $pegawai){ + $waktu = date ("Y-m-d H:i:s"); + $data = [ + 'id_user'=>$pegawai, + 'id_tender'=>$args['id_tender'], + 'penugasan'=>$_POST['penugasan'], + 'waktu'=>$waktu, + 'approval'=>json_encode([ + 'direktur'=>[ + 'status'=>'', + 'waktu'=>'' + ], + 'manajer'=>[ + 'status'=>'', + 'waktu'=>'' + ] + ]) + ]; + $insert = $this->unitKerjaModels->setUnitKerja($data); + if($insert){ + $this->historyModels->add_history($args['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'i_unit', $insert); + $tender = $this->tenderModels->getBeritaTender($args['id_tender']); + $user = $this->userModels->getUser($pegawai); + $this->notifikasiModels->sendNotificationToUser($pegawai, [ + "by_user" => $req->getAttribute ('active_user_data')[ 'id_user' ], + "tentang" => 'Menunjuk anda sebagai Unit Kerja Berita Tender "' . $tender['judul_tender'] . '" dengan penugasan "'.$_POST['penugasan'].'"', + "waktu" => date ("Y-m-d H:i:s"), + "meta" => $this->router->pathFor ('beritaTender_detail', ['id_tender' => $args['id_tender']]) + ]); + $this->sendSMS($user['telefon'], 'Anda ditunjuk menjadi unit kerja "' . $_POST['penugasan'] . '" pada tender "' . $tender['judul_tender'] . '"'); + $result['status']='success'; + } + } + return $res->withJson($result); + + } + + public function unitKerja_available(Request $req, Response $res, $args){ + $users = $this->userModels->getUserWithPreviledge('4'); + foreach ($users as &$user){ + $unitkerja = $this->unitKerjaModels->isUnitKerjaExsist($args['id_tender'], $user['id_user']); + $user['available'] = $unitkerja ? false : true; + } + return $res->withJson($users); + } + + public function unitKerja_get(Request $req, Response $res, $args){ + $unitskerja = $this->unitKerjaModels->getUnitKerjaByTender($args['id_tender']); + foreach ($unitskerja as &$unit){ + $unit['pegawai'] = $this->userModels->getUserDetail($unit['id_user']); + } + return $res->withJson(['data'=>$unitskerja]); + } + + public function unitKerja_delete(Request $req, Response $res, $args){ + if($this->unitKerjaModels->deleteUnitKerja($_POST['id_unitkerja'])){ + $this->historyModels->add_history($_POST['id_tender'], $req->getAttribute ('active_user_data')[ 'id_user' ], 'd_unit', $_POST['id_unitkerja']); + return $res->withJson([ + 'status'=>'success' + ]); + }else{ + return $res->withJson([ + 'status'=>'failed' + ]); + } + } +} \ No newline at end of file diff --git a/app/controllers/usersMan.php b/app/controllers/usersMan.php new file mode 100644 index 0000000..98acec6 --- /dev/null +++ b/app/controllers/usersMan.php @@ -0,0 +1,214 @@ +userModels = new \ryan\models\users($container); + } + + public function users_get(Request $req, Response $res, $args){ + $users = $this->userModels->getUserDetail(); + foreach ($users as $key => &$user){ + unset($user['password']); + unset($user['token']); + unset($user['smscode']); + } + return $res->withJson(['data'=>$users]); + } + + public function users_daftar(Request $req, Response $res, $args){ + return $this->view->render ("users/daftar", $req->getAttributes()); + } + + public function users_invite(Request $req, Response $res, $args){ + $token = bin2hex(openssl_random_pseudo_bytes(16)); + $path = 'http://'. $req->getHeader('Host')[0] . $this->router->pathFor ('signUpPage', ['token'=>$token]); + if(isset($_POST['email']) && isset($_POST['previledge'])){ + $req = $req->withAttribute ('path', $path); + $req = $req->withAttribute ('who', $req->getAttribute('active_user_data')['nama']); + $req = $req->withAttribute ('jabatan', $_POST['jabatan']); + $data = [ + 'email'=>$_POST['email'], + 'previledge'=>$_POST['previledge'], + 'jabatan'=>$_POST['jabatan'], + 'token'=>$token + ]; + $insert = $this->userModels->setUser($data); + if($insert){ + $uri = $req->getUri(); + $client = new Client([ + 'base_uri' => 'http://capi-mailer.appspot.com/', + 'timeout' => 2.0, + ]); + $response = $client->request('POST', 'http://capi-mailer.appspot.com/appspot/no_reply', [ + 'headers' => [ + 'X-CAPI-AUTH' => '$2y$10$MsVKU9Eym.muyQA4KwPdguSzGnW8k2WMUubgqRAkr4W9OguJgY8hC' + ], + 'form_params'=>[ + 'send_to'=>$_POST['email'], + 'subject'=> 'Undangan penggunaan aplikasi', + 'message'=> $this->view->getPlates()->render ("email", $req->getAttributes()) + ] + ]); + $response = json_decode($response->getBody(), true); + if($response['status'] == 'success'){ + return $res->withJson([ + 'status'=>'success' + ]); + } +// +// $this->mailer->addAddress($_POST['email']); +// $this->mailer->Subject = 'Undangan penggunaan aplikasi'; +// $this->mailer->isHTML(true); +// $this->mailer->Body = $this->view->getPlates()->render ("email", $req->getAttributes()); +// if($this->mailer->send()){ +// return $res->withJson([ +// 'status'=>'success' +// ]); +// } + } + }else{ + return $res->withJson([ + 'status'=>'failed', + 'reason'=>'Mohon isi Email dan Pilih jabatan' + ]); + } + } + + public function users_profile(Request $req, Response $res, $args){ + $user = $this->userModels->getUser($req->getAttribute ('active_user_data')[ 'id_user' ]); + $req = $req->withAttribute ('user', $user); + return $this->view->render ("users/profile", $req->getAttributes()); + } + + public function user_updateCommon(Request $req, Response $res, $args){ + $files = $req->getUploadedFiles(); + $data = [ + 'nama'=>$_POST['nama'], + 'tanggal_lahir'=>$_POST['tanggal_lahir'], + 'alamat'=>$_POST['alamat'] + ]; + if(!empty($files)){ + $file = $files['image']; + $fileinfo = pathinfo($file->getClientFilename()); + $data['image'] = $fileinfo['filename'].'_'.time().'.'.$fileinfo['extension']; + if($this->userModels->setUser($data, $_POST['id_user'])){ + $file->moveTo("public/profile/".$data['image']); + return $res->withJson([ + 'status'=>'success' + ]); + } + }else{ + if($this->userModels->setUser($data, $_POST['id_user'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + } + } + public function user_updatePassword(Request $req, Response $res, $args){ + $user = $this->userModels->getUser($_POST['id_user']); + if(isset($_POST['old_password']) and md5($_POST['old_password']) == $user['password']){ + if(isset($_POST['new_password']) and isset($_POST['re_password']) and $_POST['new_password'] == $_POST['re_password']){ + $data = [ + 'password'=>md5($_POST['new_password']) + ]; + if($this->userModels->setUser($data, $_POST['id_user'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + }else{ + return $res->withJson([ + 'status'=>'success' + ]); + } + }else{ + return $res->withJson([ + 'status'=>'failed', + 'reason'=>'Password lama salah!' + ]); + } + } + + public function user_updateEmail(Request $req, Response $res, $args){ +// $token = bin2hex(openssl_random_pseudo_bytes(16)); +// $path = 'http://'. $req->getHeader('Host')[0] . $this->router->pathFor ('signUpPage', ['token'=>$token]); + $user = $this->userModels->getUser($_POST['id_user']); + if(isset($_POST['email']) and isset($_POST['password']) and $_POST['email'] != $user['email'] and md5($_POST['password']) == $user['password']){ + $data = [ + 'email'=> $_POST['email'], +// 'token'=> $token + ]; + if($this->userModels->setUser($data, $_POST['id_user'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + }else{ + return $res->withJson([ + 'status'=>'failed', + 'reason'=>'Email telah digunakan atau Password salah!' + ]); + } + } + + public function user_updateTelepon(Request $req, Response $res, $args){ + $smscode = strtoupper(bin2hex(openssl_random_pseudo_bytes(3))); + $user = $this->userModels->getUser($_POST['id_user']); + if(isset($_POST['telefon']) and isset($_POST['password']) and $_POST['telefon'] != $user['telefon'] and md5($_POST['password']) == $user['password']){ + $data = [ + 'telefon'=> $_POST['telefon'], + 'smscode'=> $smscode + ]; + if($this->userModels->setUser($data, $_POST['id_user'])){ + return $res->withJson([ + 'status'=>'success' + ]); + } + }else{ + return $res->withJson([ + 'status'=>'failed', + 'reason'=>'Password salah!' + ]); + } + } + + public function user_delete(Request $req, Response $res, $args){ + if(isset($_POST['id_user'])){ + $data = [ + 'deleted'=>1 + ]; + if($this->userModels->setUser($data, $_POST['id_user'])){ + return $res->withJson([ + 'status'=>'success' + ]); + }else{ + return $res->withJson([ + 'status'=>'failed' + ]); + } + } + } +} \ No newline at end of file diff --git a/app/main.php b/app/main.php new file mode 100644 index 0000000..578cdf1 --- /dev/null +++ b/app/main.php @@ -0,0 +1,154 @@ +container = $container; +// $this->db = $container->db; + $this->view = $container->view; + $this->session = $container->session; + $this->router = $container->router; + $this->flash = $container->flash; + $this->notFoundHandler = $container->notFoundHandler; + + $settings = $container->get('settings')['database']; + $this->db = new PDO("mysql:host=" . $settings['host'] . ";dbname=" . $settings['database_name'], $settings['user'], $settings['pass']); + $this->db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); + $this->db->setAttribute(PDO::ATTR_CASE, PDO::CASE_LOWER); + $this->db->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC); + + $this->pdo = new \Slim\PDO\Database("mysql:host=" . $settings['host'] . ";dbname=" . $settings['database_name'], $settings['user'], $settings['pass']); + $this->pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); + $this->pdo->setAttribute(PDO::ATTR_CASE, PDO::CASE_LOWER); + $this->pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC); + + $mailer_seting = $container->get('settings')['mailer']; + $this->mailer = new \PHPMailerOAuth(); + $this->mailer->CharSet = 'UTF-8'; + $this->mailer->isSMTP(); + $this->mailer->SMTPDebug = $mailer_seting['SMTPDebug']; + $this->mailer->Debugoutput = $mailer_seting['Debugoutput']; + $this->mailer->Host = $mailer_seting['Host']; + $this->mailer->Port = $mailer_seting['Port']; + $this->mailer->SMTPSecure = $mailer_seting['SMTPSecure']; + $this->mailer->SMTPAuth = $mailer_seting['SMTPAuth']; + $this->mailer->AuthType = $mailer_seting['AuthType']; + $this->mailer->oauthUserEmail = $mailer_seting['setFrom']['email']; + $this->mailer->oauthClientId = $mailer_seting['oauthClientId']; + $this->mailer->oauthClientSecret = $mailer_seting['oauthClientSecret']; + $this->mailer->oauthRefreshToken = $mailer_seting['oauthRefreshToken']; + $this->mailer->setFrom($mailer_seting['setFrom']['email'], $mailer_seting['setFrom']['title']); + } + + public function __invoke ($req, $res, $next) { + $uri = $req->getUri (); + $req = $req->withAttribute ('uri', $uri); + $req = $req->withAttribute ('router', $this->router); + $this->uri = $req->getUri(); + + $this->view->registerFunction('res', function($type, $filename){ + $url = $this->uri->getBaseUrl(); + return $url.'/public/assets/'.$type.'/'.$filename; + }); + $this->helperIndDate(); + $this->helperDateIsGreaterThanNow(); + $this->time_elapsed_string(); + $res = $next($req, $res); + + return $res; + } + + function helperIndDate(){ + $this->view->registerFunction('indDate', function($dateString){ + return date('d M Y', strtotime($dateString)); + }); + $this->view->registerFunction('indMonthYear', function($dateString){ + return date('F, Y', strtotime($dateString)); + }); + $this->view->registerFunction('indDateTime', function($dateString){ + return date('d M Y H:i', strtotime($dateString)); + }); + $this->view->registerFunction('copyDate', function(){ + return date('Y'); + }); + + } + + function helperDateIsGreaterThanNow(){ + $this->view->registerFunction('dateAboveNow', function($dateString){ + return (strtotime($dateString) >= time() ? true : false); + }); + } + + function time_elapsed_string() { + $this->view->registerFunction('timeElapsed', function($datetime, $full = false) { + $now = new \DateTime; + $ago = new \DateTime($datetime); + $diff = $now->diff ($ago); + + $diff->w = floor ($diff->d / 7); + $diff->d -= $diff->w * 7; + + $string = array( + 'y' => 'tahun', + 'm' => 'bulan', + 'w' => 'minggu', + 'd' => 'hari', + 'h' => 'jam', + 'i' => 'menit', + 's' => 'detik', + ); + foreach ($string as $k => &$v) { + if ($diff->$k) { + $v = $diff->$k . ' ' . $v . ($diff->$k > 1 ? '' : ''); + } else { + unset($string[ $k ]); + } + } + + if (!$full) $string = array_slice ($string, 0, 2); + + return $string ? implode (', ', $string) . ' yang lalu' : 'baru saja'; + }); + } + + public function sendSMS($nomor, $messages){ + $curl = curl_init(); + $pesan = urlencode($messages); + $settings = $this->container->get('settings')['sms']; + curl_setopt_array($curl, array( + CURLOPT_RETURNTRANSFER => 1, + CURLOPT_URL => 'http://www.freesms4us.com/kirimsms.php?user=' . $settings['username'] . '&pass=' . $settings['password'] . '&no=' . $nomor . '&isi=' . $pesan + )); + $response = curl_exec($curl); + if(strpos($response, 'sukses') !== false){ + return true; + }else{ + return $response; + } + } + + } diff --git a/app/models/BOQ.php b/app/models/BOQ.php new file mode 100644 index 0000000..c87e7b6 --- /dev/null +++ b/app/models/BOQ.php @@ -0,0 +1,115 @@ +container = $container; + } + + /** + * @param $id_tender + * @return int + */ + public function countBOQTender($id_tender){ + $select = $this->pdo->select()->from('penawaran')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->count('*', 'count')->execute()->fetch(); +// $select = $this->db->prepare('select count(ID_PENAWARAN) from penawaran where ID_TENDER=:id_tender'); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); + return $select['count']; + } + + /** + * @param $id_tender + * @return array + */ + public function getBOQByTender($id_tender){ + return $this->pdo->select()->from('penawaran')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->execute()->fetchAll(); +// $select = $this->db->prepare('select * from penawaran where ID_TENDER=:id_tender and INPUTAN_MANAJER is null'); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); +// return $select->fetchAll(); + } + + /** + * @param $id_penawaran + * @return array + */ + public function getBOQManajer($id_penawaran){ + return $this->pdo->select()->from('penawaran')->whereMany([ + 'inputan_manajer'=> $id_penawaran, + 'deleted'=> 0 + ], '=')->execute()->fetch(); +// $select = $this->db->prepare('select * from penawaran where INPUTAN_MANAJER=:id_penawaran'); +// $select->bindParam(':id_penawaran', $id_penawaran); +// $select->execute(); +// return $select->fetch(); + } + + /** + * @param null $id_penawaran + * @return boolean|array + */ + public function getBOQ($id_penawaran){ + return $this->pdo->select()->from('penawaran')->where('id_penawaran', '=', $id_penawaran)->execute()->fetch(); + + } + + /** + * @param $data + * @param null $id_penawaran + * @return int|boolean + */ + public function setBOQ($data, $id_penawaran = null){ + if($id_penawaran == null){ + $insert = $this->pdo->insert(array_keys($data))->into('penawaran')->values(array_values($data)); + return $insert->execute(true); + }else{ + $update = $this->pdo->update($data)->table('penawaran')->where("id_penawaran", '=', $id_penawaran); + return $update->execute(); + } + } + + /** + * @param $id_penawaran + * @return boolean + */ + public function deleteBOQ($id_penawaran){ + return $this->pdo->update(['deleted'=>1])->table('penawaran')->where('id_penawaran', '=', $id_penawaran)->execute(); + } + + /** + * @param $id_tender + * @return int + */ + public function countBOQApproval($id_tender){ + $select = $this->db->prepare('select COUNT(ID_PENAWARAN) from penawaran where ID_TENDER=:id_tender and APPROVAL is not NULL'); + $select->bindParam(':id_tender', $id_tender); + $select->execute(); + return $select->fetchColumn(); + } + +} \ No newline at end of file diff --git a/app/models/dokumenMaster.php b/app/models/dokumenMaster.php new file mode 100644 index 0000000..635e605 --- /dev/null +++ b/app/models/dokumenMaster.php @@ -0,0 +1,48 @@ +container = $container; + } + + public function getDokumenMaster($id = null){ + if($id == null){ + return $this->db->query('select * from dokumen_master_administrasi')->fetchAll(); + }else{ + $select = $this->db->prepare('select * from dokumen_master_administrasi where ID_DOKUMEN_MASTER=:id_dokumen'); + $select->bindParam(':id_dokumen', $id); + $select->execute(); + return $select->fetch(); + } + } + + public function setDokumenMaster($data, $id_dokumen = null){ + if($id_dokumen == null){ + return $this->pdo->insert(array_keys($data))->into('dokumen_master_administrasi')->values(array_values($data))->execute(true); + }else{ + return $this->pdo->update($data)->table('dokumen_master_administrasi')->where('id_dokumen_master', '=', $id_dokumen)->execute(); + } + } + + public function searchDokumenMaster($nama){ + return $this->pdo->select()->from('dokumen_master_administrasi')->whereLike('nama_dokumen', '%'.$nama.'%')->execute()->fetch(); + } + + public function deleteDokumenMaster($id_dokumen){ + return $this->pdo->delete()->from('dokumen_master_administrasi')->where('id_dokumen_master', '=', $id_dokumen)->execute(); + } + + } \ No newline at end of file diff --git a/app/models/dokumenTender.php b/app/models/dokumenTender.php new file mode 100644 index 0000000..e73c53d --- /dev/null +++ b/app/models/dokumenTender.php @@ -0,0 +1,160 @@ +container = $container; + } + + public function getDokumenByTender($id_tender){ + return $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=>$id_tender, + 'deleted'=>0 + ], '=')->execute()->fetchAll(); +// return $this->pdo->select()->from('dokumen_tender')->where('id_tender', '=', $id_tender)->execute()->fetchAll(); + } + + public function getDokumenTender($id_dokumen){ + return $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_dokumen'=>$id_dokumen, + 'deleted'=>0 + ], '=')->execute()->fetch(); +// return $this->pdo->select()->from('dokumen_tender')->where('id_dokumen', '=', $id_dokumen)->execute()->fetch(); + } + + public function countDokumenTender($id_tender, $is_syarat=null){ + if($is_syarat == null){ + $total = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->count('*', 'count')->execute()->fetch(); + $done = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->whereNotNull('file_dokumen')->count('*', 'count')->execute()->fetch(); +// $total = $this->db->prepare("select count(id_dokumen) from dokumen_tender where ID_TENDER=:id_tender and deleted='0'"); +// $total->bindParam('id_tender', $id_tender); +// $total->execute(); +// $done = $this->db->prepare("select count(id_dokumen) from dokumen_tender where ID_TENDER=:id_tender and deleted='0' and FILE_DOKUMEN is not null"); +// $done->bindParam('id_tender', $id_tender); +// $done->execute(); + return [ + "total"=>$total['count'], + "done"=>$done['count'] + ]; + }else{ + $total = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=> $id_tender, + 'dokumen_syarat'=> $is_syarat, + 'deleted'=> 0 + ], '=')->count('*', 'count')->execute()->fetch(); + $done = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=> $id_tender, + 'dokumen_syarat'=> $is_syarat, + 'deleted'=> 0 + ], '=')->whereNotNull('file_dokumen')->count('*', 'count')->execute()->fetch(); + return [ + "total"=>$total['count'], + "done"=>$done['count'] + ]; +// $total = $this->db->prepare("select count(id_dokumen) from dokumen_tender where ID_TENDER=:id_tender and dokumen_syarat=:dokumen_syarat"); +// $total->bindParam('id_tender', $id_tender); +// $total->bindParam('dokumen_syarat', $is_syarat); +// $total->execute(); +// $done = $this->db->prepare("select count(id_dokumen) from dokumen_tender where ID_TENDER=:id_tender and dokumen_syarat=:dokumen_syarat and FILE_DOKUMEN is not null"); +// $done->bindParam('id_tender', $id_tender); +// $done->bindParam('dokumen_syarat', $is_syarat); +// $done->execute(); +// return [ +// "total"=>$total->fetchColumn(), +// "done"=>$done->fetchColumn() +// ]; + } + } + + public function getDokumenReq($id_tender, $dokName){ + return $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=>$id_tender, + 'nama_dokumen'=>$dokName, + 'deleted'=> 0 + ], '=')->execute()->fetch(); +// return $this->pdo->select()->from('dokumen_tender')->where('id_tender', '=', $id_tender)->where('nama_dokumen', '=', $dokName)->execute()->fetch(); + } + + public function deleteDokumenReq($id_dokumen){ + return $this->pdo->update(['deleted'=>1])->table('dokumen_tender')->where('id_dokumen', '=', $id_dokumen)->execute(); +// return $this->pdo->delete()->from('dokumen_tender')->where('id_dokumen', '=', $id_dokumen)->execute(); + } + + public function setDokumenTender($data, $id_dokumen=null){ + if($id_dokumen == null){ + return $this->pdo->insert(array_keys($data))->into('dokumen_tender')->values(array_values($data))->execute(true); + }else{ + return $this->pdo->update($data)->table('dokumen_tender')->where('id_dokumen', '=', $id_dokumen)->execute(); + } + } + + public function countApprovalDokumen($id_tender){ + $select = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=>0 + ], '=')->whereNotNull('approval')->execute()->fetchAll(); +// $select = $this->db->prepare("select * from dokumen_tender where ID_TENDER=:id_tender and approval is not NULL "); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); + $total = $all = $partial = 0; + foreach ($select as $sel){ + $approval = json_decode($sel["approval"], true); + $total++; + if($approval['direktur']['status'] == 'diterima' && $approval['manajer']['status'] == 'diterima'){ + $all++; + }elseif($approval['direktur']['status'] == 'diterima' || $approval['manajer']['status'] == 'diterima'){ + $partial++; + } + } + return [ + 'total'=>$total, + 'all'=>$all, + 'partial'=>$partial, + ]; + } + + public function countDokumenReqDetail($id_tender){ + $total_q = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=>$id_tender, + 'dokumen_syarat'=>'1', + 'deleted'=>0 + ], '=')->execute()->fetchAll(); + $uploaded_q = $this->pdo->select()->from('dokumen_tender')->whereMany([ + 'id_tender'=>$id_tender, + 'dokumen_syarat'=>'1', + 'deleted'=>0 + ], '=')->whereNotNull('file_dokumen')->execute()->fetchAll(); + $approved = 0; + foreach ($total_q as $dok){ + $approval = json_decode($dok['approval'], true); + if($approval){ + if($approval['direktur']['status'] == 'diterima' && $approval['manajer']['status'] == 'diterima' ){ + $approved++; + } + } + } + return [ + 'total'=>sizeof($total_q), + 'uploaded'=>sizeof($uploaded_q), + 'approved'=>$approved + ]; + } +} \ No newline at end of file diff --git a/app/models/history.php b/app/models/history.php new file mode 100644 index 0000000..24325c1 --- /dev/null +++ b/app/models/history.php @@ -0,0 +1,76 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + $this->penyelenggaraModels = new \ryan\models\penyelenggara($container); + $this->tenderModels = new \ryan\models\tender($container); + $this->dokumenModels = new \ryan\models\dokumenTender($container); + $this->unitkerjaModels = new \ryan\models\unitKerja($container); + $this->BOQModels = new \ryan\models\BOQ($container); + } + + /** + * tambah history + * @param $id_tender id tender + * @param $id_user user yang merubah + * @param $perubahan kode perubahan + * @param $id_perubahan id yang dirubah + * @param null $meta keterangan tambahan + * @return int last inserted id | e => false + */ + public function add_history($id_tender, $id_user, $perubahan, $id_perubahan, $meta = null){ + $data = [ + 'id_tender'=>$id_tender, + 'id_user'=>$id_user, + 'waktu'=> date ("Y-m-d H:i:s"), + 'perubahan'=>$perubahan, + 'id_perubahan'=>$id_perubahan, + 'meta'=>$meta + ]; + return $this->pdo->insert(array_keys($data))->into('history')->values(array_values($data))->execute(true); + } + + public function history_set($data){ + return $this->pdo->insert(array_keys($data))->into('history')->values(array_values($data))->execute(true); + } + + /** + * last edited info tender + * @param $id_tender + * @return mixed e => null + */ + public function getLastEditTender($id_tender){ + return $this->pdo->select()->from('history')->where('id_tender', '=', $id_tender)->where('perubahan', '=', 'u_tender')->orderBy('id_history', 'DESC')->execute()->fetch(); + } + + /** + * list history + * @param $id_tender + * @return mixed e => null + */ + public function get_history($id_tender){ + return $this->pdo->select()->from('history')->where('id_tender', '=', $id_tender)->orderBy('id_history', 'DESC')->execute()->fetchAll(); + } + +} \ No newline at end of file diff --git a/app/models/notifikasi.php b/app/models/notifikasi.php new file mode 100644 index 0000000..45caa81 --- /dev/null +++ b/app/models/notifikasi.php @@ -0,0 +1,80 @@ +container = $container; + $this->userModels = new \ryan\models\users($container); + } + + /** + * @param $data [id_user, tentang, waktu] + */ + public function addNotification($data){ + $users = $this->db->prepare('select * from user where id_user<>:id_user'); + $users->bindParam(':id_user', $data['id_user']); + $users->execute(); + $status = false; + foreach ($users->fetchAll() as $user){ + $insert = $this->db->prepare(" + insert into + notifikasi(by_user, for_user, tentang, waktu, meta) + values(:by_user, :for_user, :tentang, :waktu, :meta) + "); + $insert->bindParam(':by_user', $data['id_user']); + $insert->bindParam(':for_user', $user['id_user']); + $insert->bindParam(':tentang', $data['tentang']); + $insert->bindParam(':waktu', $data['waktu']); + $insert->bindParam(':meta', $data['meta']); + $status = $insert->execute(); + } + return $status; + } + + public function getNotificationForUser($id_user, $id_notifikasi = null){ + if($id_notifikasi == null){ + $select = $this->db->prepare('select * from notifikasi where for_user=:id_user ORDER BY id_notifikasi DESC'); + $select->bindParam(':id_user', $id_user); + $select->execute(); + return $select->fetchAll(); + }else{ + $select = $this->db->prepare('select * from notifikasi where for_user=:id_user and id_notifikasi=:id_notifikasi'); + $select->bindParam(':id_user', $id_user); + $select->bindParam(':id_notifikasi', $id_notifikasi); + $select->execute(); + return $select->fetch(); + } + } + + public function sendNotificationToUser($id_user, $data){ + $user = $this->userModels->getUser($id_user); + $data['for_user'] = $user['id_user']; + $this->pdo->insert(array_keys($data))->into('notifikasi')->values(array_values($data))->execute(true); + } + + public function sendNotificationByPreviledge($array_previledge, $data){ + foreach ($array_previledge as $previledge){ + foreach ($this->userModels->getUserWithPreviledge($previledge) as $user){ + $data['for_user'] = $user['id_user']; + $insert = $this->pdo->insert(array_keys($data))->into('notifikasi')->values(array_values($data))->execute(true); + } + } + } + + public function sendNotification($data){ + $insert = $this->pdo->insert(array_keys($data))->into('notifikasi')->values(array_values($data))->execute(true); + } + } \ No newline at end of file diff --git a/app/models/penyelenggara.php b/app/models/penyelenggara.php new file mode 100644 index 0000000..6682469 --- /dev/null +++ b/app/models/penyelenggara.php @@ -0,0 +1,39 @@ +container = $container; + } + + public function addPenyelenggara ($data) { + $insert = $this->db->prepare ("insert into penyelenggara(nama_penyelenggara, alamat) values(:nama_penyelenggara, :alamat)"); + $insert->bindParam(":nama_penyelenggara", $data['nama']); + $insert->bindParam(":alamat", $data['alamat']); + $insert->execute(); + return $this->db->lastInsertId(); + } + + public function getPenyelenggara($id = null){ + if($id == null){ + return $this->db->query("select * from penyelenggara")->fetchAll(); + }else{ + $select = $this->db->prepare("select * from penyelenggara where id_penyelenggara=:id_penyelenggara"); + $select->bindParam(':id_penyelenggara', $id); + $select->execute(); + return $select->fetch(); + } + } + } diff --git a/app/models/tender.php b/app/models/tender.php new file mode 100644 index 0000000..eefc768 --- /dev/null +++ b/app/models/tender.php @@ -0,0 +1,154 @@ +container = $container; + } + + public function addBeritaTender ($data) { + $insert = $this->db->prepare (" + insert into + tender(id_penyelenggara, id_user, judul_tender, link_website, wilayah, upload, tgl_mulai, tgl_selesai, tgl_upload, approval) + values(:id_penyelenggara, :id_user, :judul_tender, :link_website, :wilayah, :upload, :tgl_mulai, :tgl_selesai, :tgl_upload, :approval) + "); + $insert->bindParam(':id_penyelenggara', $data['id_penyelenggara']); + $insert->bindParam(':id_user', $data['id_user']); + $insert->bindParam(':judul_tender', $data['judul_tender']); + $insert->bindParam(':link_website', $data['link_website']); + $insert->bindParam(':wilayah', $data['wilayah']); + $insert->bindParam(':upload', $data['upload']); + $insert->bindParam(':tgl_mulai', $data['tgl_mulai']); + $insert->bindParam(':tgl_selesai', $data['tgl_selesai']); + $insert->bindParam(':tgl_upload', $data['tgl_upload']); + $insert->bindParam(':approval', $data['approval']); + $insert->execute(); + return $this->db->lastInsertId(); + } + + public function setBeritaTender($data, $id_tender){ + return $this->pdo->update($data)->table('tender')->where('id_tender', '=', $id_tender)->execute(); + } + + public function updateBeritaTender($id_tender, $data){ + return $this->pdo->update($data)->table('tender')->where('id_tender', '=', $id_tender)->execute(); + } + + public function getBeritaTender($id_tender = null){ + if($id_tender == null){ + return $this->db->query("select * from tender where DELETED = 0")->fetchAll(); + }else{ + $select = $this->db->prepare("select * from tender where ID_TENDER=:id_tender"); + $select->bindParam(':id_tender', $id_tender); + $select->execute(); + return $select->fetch(); + } + } + + public function getBeritaTenderApproved(){ + $tenders = $this->db->query("select * from tender where DELETED = 0")->fetchAll(); + foreach ($tenders as $key => $tender){ + $approval = json_decode($tender['approval'], true); + if($approval){ + if($approval['direktur']['status'] != 'diterima' && $approval['direktur']['status'] != 'diterima'){ + unset($tenders[$key]); + } + } + } + return $tenders; + } + + public function getBeritaTenderApprovedRKS(){ + $tenders = $this->db->query("select * from tender where DELETED = 0")->fetchAll(); + foreach ($tenders as $key => $tender){ + $approval = json_decode($tender['approval'], true); + $rks = json_decode($tender['rks'], true); + if($approval){ + if($approval['direktur']['status'] != 'diterima' && $approval['direktur']['status'] != 'diterima'){ + unset($tenders[$key]); + }else{ + if($rks){ + if($rks['approval']['direktur']['status'] != 'diterima' && $rks['approval']['direktur']['status'] != 'diterima'){ + unset($tenders[$key]); + } + } + } + } + } + return $tenders; + } + + public function getDokumenPersyaratanTender($id_tender = null){ + if($id_tender == null){ + return $this->db->query("select UPLOAD from tender")->fetchAll(); + }else{ + $select = $this->db->prepare("select UPLOAD from tender where ID_TENDER=:id_tender"); + $select->bindParam(':id_tender'); + $select->execute(); + return $select->fetch(); + } + } + + public function setApprovalBeritaTender($id_tender, $who, $status){ + $query = ''; + if($who == '2'){ + $query = "update tender set DIREKTUR_APPROVAL=:approval where ID_TENDER=:id_tender"; + }elseif ($who == '3'){ + $query = "update tender set MANAJER_APPROVAL=:approval where ID_TENDER=:id_tender"; + } + $update = $this->db->prepare($query); + $update->bindValue(':approval', json_encode([ + 'status'=>$status, + 'waktu' =>date ("Y-m-d H:i:s") + ])); + $update->bindParam(':id_tender', $id_tender); + return $update->execute(); + } + + public function setRKSBeritaTender($id_tender, $rks){ + $update = $this->db->prepare('update tender set RKS=:rks where ID_TENDER=:id_tender'); + $update->bindParam(':rks', $rks); + $update->bindParam(':id_tender', $id_tender); + return $update->execute(); + } + + public function setApprovalRKSBeritaTender($id_tender, $who, $status){ + $tender = $this->getBeritaTender($id_tender); + $rks = json_decode($tender['rks'], true); + if($who == '2'){ + $rks['approval']['direktur'] = [ + 'status' => $status, + 'waktur' => date ("Y-m-d H:i:s") + ]; + }elseif($who == '3'){ + $rks['approval']['manajer'] = [ + 'status' => $status, + 'waktur' => date ("Y-m-d H:i:s") + ]; + } + $rks = json_encode($rks); + $update = $this->db->prepare('update tender set rks=:rks where id_tender=:id_tender'); + $update->bindParam(':rks', $rks); + $update->bindParam(':id_tender', $id_tender); + return $update->execute(); + } + + public function setAcaraBeritaTender($id_tender, $acara){ + $update = $this->db->prepare('update tender set berita_acara=:acara where ID_TENDER=:id_tender'); + $update->bindParam(':acara', $acara); + $update->bindParam(':id_tender', $id_tender); + return $update->execute(); + } + } diff --git a/app/models/unitKerja.php b/app/models/unitKerja.php new file mode 100644 index 0000000..f3fd826 --- /dev/null +++ b/app/models/unitKerja.php @@ -0,0 +1,143 @@ +container = $container; + } + + public function getUnitKerja($id_unitkerja = null) { + if ($id_unitkerja == null) { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'deleted'=> 0 + ], '=')->execute()->fetchAll(); +// return $this->db->query("select * from unit_kerja")->fetchAll(); + } else { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_unitkerja'=> $id_unitkerja + ], '=')->execute()->fetch(); +// $select = $this->db->prepare("select * from unit_kerja WHERE ID_UNITKERJA=:id_unitkerja"); +// $select->bindParam(':id_unitkerja', $id); +// $select->execute(); +// +// return $select->fetch(); + } + } + + public function getUnitKerjaByUser($id_user, $id_tender = null) { + if ($id_tender == null) { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_user'=> $id_user, + 'deleted'=> 0 + ], '=')->execute()->fetchAll(); +// return $this->pdo->select()->from('unit_kerja')->where('id_user', '=', $id_user)->execute()->fetchAll(); + } else { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_user'=> $id_user, + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->execute()->fetchAll(); +// return $this->pdo->select()->from('unit_kerja')->where('id_user', '=', $id_user)->where('id_tender', '=', $id_tender)->execute()->fetch(); + } + } + + public function getUnitKerjaTender($id_tender) { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->execute()->fetchAll(); +// $select = $this->db->query('select * from unit_kerja WHERE ID_TENDER=:id_tender'); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); +// +// return $select->fetchAll(); + } + + public function countUnitKerjaTender($id_tender) { + $select = $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->count('*', 'count')->execute()->fetch(); + return $select['count']; +// $select = $this->db->prepare("select count(ID_UNITKERJA) from unit_kerja where ID_TENDER=:id_tender and deleted = 0"); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); +// +// return $select->fetchColumn(); + } + + public function getUnitKerjaByTender($id_tender) { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_tender'=> $id_tender, + 'deleted'=> 0 + ], '=')->orderBy('penugasan')->execute()->fetchAll(); +// $select = $this->db->prepare("select * from unit_kerja where ID_TENDER=:id_tender order by PENUGASAN"); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); +// +// return $select->fetchAll(); + } + + public function getUnitForPenawaran($id_tender, $id_user) { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_tender'=> $id_tender, + 'id_user'=> $id_user, + 'penugasan'=>'Penawaran', + 'deleted'=> 0 + ], '=')->execute()->fetchAll(); +// $select = $this->db->prepare("select * from unit_kerja where ID_TENDER=:id_tender order by PENUGASAN"); +// $select->bindParam(':id_tender', $id_tender); +// $select->execute(); +// +// return $select->fetchAll(); + } + + public function isUnitKerjaExsist($id_tender, $id_user) { + return $this->pdo->select()->from('unit_kerja')->whereMany([ + 'id_tender'=> $id_tender, + 'id_user'=> $id_user, + 'deleted'=> 0 + ], '=')->execute()->fetch(); +// $select = $this->db->prepare("select * from unit_kerja where ID_TENDER=:id_tender and ID_USER=:id_user"); +// $select->bindParam(':id_tender', $id_tender); +// $select->bindParam(':id_user', $id_user); +// $select->execute(); +// +// return $select->fetch(); + } + + /** + * @param array $data + * @param null $id_unitkerja + * @return int|boolean + */ + public function setUnitKerja($data, $id_unitkerja = null) { + if ($id_unitkerja == null) { + return $this->pdo->insert(array_keys($data))->into('unit_kerja')->values(array_values($data))->execute(true); + } else { + return $this->pdo->update($data)->table('unit_kerja')->where('id_unitkerja', '=', $id_unitkerja)->execute(); + } + } + + public function deleteUnitKerja($id_unitkerja) { + return $this->pdo->update(['deleted'=>1])->table('unit_kerja')->where('id_unitkerja', '=', $id_unitkerja)->execute(); +// return $this->pdo->delete()->from('unit_kerja')->where('id_unitkerja', '=', $id_unitkerja)->execute(); + } + +} \ No newline at end of file diff --git a/app/models/users.php b/app/models/users.php new file mode 100644 index 0000000..ae13e1f --- /dev/null +++ b/app/models/users.php @@ -0,0 +1,90 @@ +container = $container; + } + + public function checkAuth ($username, $password) { + return $this->pdo->select()->from('user')->whereMany([ + 'username'=>$username, + 'password'=>$password + ], '=')->execute()->fetch(); + } + + public function getUserDetail($id_user = null){ + if($id_user == null){ + return $this->pdo->select([ + 'id_user', 'nama', 'image', 'jabatan', 'previledge','status', 'deleted' + ])->from('user')->where('deleted', '=', 0)->execute()->fetchAll(); + }else{ + return $this->pdo->select([ + 'id_user', 'nama', 'image', 'jabatan', 'previledge','status', 'deleted' + ])->from('user')->where('id_user', '=', $id_user)->execute()->fetch(); + } +// $select = $this->db->prepare("select id_user, nama, image, jabatan, previledge from user where id_user=:id_user"); +// $select->bindParam(':id_user', $id_user); +// $select->execute(); +// return $select->fetch();; + } + + public function getUserWithPreviledge($previledge) { + $select = ['id_user', 'nama', 'image']; + return $this->pdo->select($select)->from('user')->where('PREVILEDGE', '=', $previledge)->execute()->fetchAll(); + } + + public function getUser($id_user = null) { + if($id_user == null){ + return $this->pdo->select()->from('user')->execute()->fetchAll(); +// return $this->db->query('select * from user')->fetchAll(); + }else{ + $user = $this->db->prepare("select * from user where ID_USER=:ID_USER"); + $user->bindParam(':ID_USER', $id_user); + $user->execute(); + return $user->fetch(); + } + } + + public function getUserByToken($token) { + return $this->pdo->select()->from('user')->where('token', '=', $token)->execute()->fetch(); + } + + public function getUserByUsername($username) { + return $this->pdo->select()->from('user')->where('username', '=', $username)->execute()->fetch(); + } + + public function getUserByEmail($email) { + return $this->pdo->select()->from('user')->where('email', '=', $email)->execute()->fetch(); + } + + public function getDirektur(){ + $select = ['id_user', 'nama', 'image', 'telefon']; + return $this->pdo->select($select)->from('user')->where('previledge', '=', 2)->execute()->fetch(); + } + + public function getManajer(){ + $select = ['id_user', 'nama', 'image', 'telefon']; + return $this->pdo->select($select)->from('user')->where('previledge', '=', 3)->execute()->fetch(); + } + + public function setUser($data, $id_user = null){ + if($id_user == null){ + return $this->pdo->insert(array_keys($data))->into('user')->values(array_values($data))->execute(true); + }else{ + return $this->pdo->update($data)->table('user')->where('id_user', '=', $id_user)->execute(); + } + } + } diff --git a/app/route.php b/app/route.php new file mode 100644 index 0000000..f5c6fca --- /dev/null +++ b/app/route.php @@ -0,0 +1,151 @@ + untuk authentifikasi +$app->group('/auth', function () { + $this->get('-login', \ryan\controllers\auth::class . ':loginPage')->setName('loginPage'); + $this->post('-dologin', \ryan\controllers\auth::class . ':doLogin')->setName('doLogin'); + $this->get('-logout', \ryan\controllers\auth::class . ':doLogout')->setName('doLogout'); + $this->get('-sign-up/{token}', \ryan\controllers\auth::class . ':signUpPage')->setName('signUpPage'); + $this->post('-do-sign-up/{token}', \ryan\controllers\auth::class . ':doSignUp')->setName('doSignUp'); +// $this->post('-email-verificate/{token}', \ryan\controllers\auth::class . ':doVerificateSMS')->setName('doVerificateSMS'); + $this->get('-sms-verification/{id_user}', \ryan\controllers\auth::class . ':verificationSMSPage')->setName('verificationSMSPage'); + $this->post('-sms-verificate/{id_user}', \ryan\controllers\auth::class . ':doVerificateSMS')->setName('doVerificateSMS'); + $this->get('-resend-sms-verification/{id_user}/{telefon}', \ryan\controllers\auth::class . ':reSendVerificationSMS')->setName('reSendVerificationSMS'); + + $this->get('/check', \ryan\controllers\auth::class . ':check')->setName('checkAuth'); + $this->get('/check-email', \ryan\controllers\auth::class . ':check_email')->setName('checkEmail'); + $this->get('/check-coba', \ryan\controllers\auth::class . ':coba')->setName('coba'); +}); + +// Group Root +$app->group('', function () { + + $this->get('/dashboard', \ryan\controllers\dashboard::class . ':dashboardPage')->setName('DashboardPage'); + + $this->group('/tender', function () { + $this->get('/list', \ryan\controllers\beritaTender::class . ':beritaTender_daftar')->setName('beritaTender_daftar'); + $this->get('/detail/{id_tender:[0-9]+}', \ryan\controllers\beritaTender::class . ':beritaTender_detail')->setName('beritaTender_detail'); + + $this->get('/history/{id_tender:[0-9]+}', \ryan\controllers\history::class . ':history_daftar')->setName('beritaTender_history'); + $this->map(['GET', 'POST'], '/add', \ryan\controllers\beritaTender::class . ':beritaTender_add')->setName('beritaTender_tambah'); + $this->map(['GET', 'POST'], '/edit/{id_tender}', \ryan\controllers\beritaTender::class . ':beritaTender_edit')->setName('beritaTender_edit'); + $this->post('/delete', \ryan\controllers\beritaTender::class . ':beritaTender_delete')->setName('beritaTender_hapus'); + + $this->get('/approval', \ryan\controllers\beritaTender::class . ':beritaTender_daftar')->setName('beritaTender_daftarApproval'); + $this->get('/approval/{id_tender:[0-9]+}', \ryan\controllers\beritaTender::class . ':beritaTender_detail')->setName('beritaTender_detailApproval'); + $this->post('/approve/{id_tender:[0-9]+}', \ryan\controllers\beritaTender::class . ':beritaTender_approval')->setName('beritaTender_approval'); + + }); + + $this->group('/rks-acara', function(){ + $this->get('/list', \ryan\controllers\acaraRKS::class . ':daftarBeritaTender')->setName('rksAcara_daftar'); + $this->get('/detail/{id_tender:[0-9]+}', \ryan\controllers\acaraRKS::class . ':detailAcaraRKS')->setName('rksAcara_detail'); + $this->post('/upload/{id_tender:[0-9]+}/{type}', \ryan\controllers\acaraRKS::class . ':uploadAcaraRKS')->setName('rksAcara_upload'); + + $this->get('/approval', \ryan\controllers\acaraRKS::class . ':daftarBeritaTender')->setName('rksAcara_daftarApproval'); + $this->get('/approval/{id_tender:[0-9]+}', \ryan\controllers\acaraRKS::class . ':detailAcaraRKS')->setName('rksAcara_detailApproval'); + $this->post('/approve/{id_tender:[0-9]+}', \ryan\controllers\acaraRKS::class . ':approvalAcaraRKS')->setName('rksAcara_approval'); + }); + + $this->group('/unit-kerja', function () { + $this->get('/list', \ryan\controllers\unitKerja::class . ':unitKerja_daftar')->setName('unitKerja_daftar'); + $this->get('/daftar/{id_tender:[0-9]+}', \ryan\controllers\unitKerja::class . ':unitKerja_detail')->setName('unitKerja_detail'); + $this->get('/available/{id_tender:[0-9]+}', \ryan\controllers\unitKerja::class . ':unitKerja_available')->setName('unitKerja_tersedia'); + $this->get('/get/{id_tender:[0-9]+}', \ryan\controllers\unitKerja::class . ':unitKerja_get')->setName('unitKerja_list'); + $this->post('/add/{id_tender:[0-9]+}', \ryan\controllers\unitKerja::class . ':unitKerja_add')->setName('unitKerja_tambah'); + $this->post('/delete', \ryan\controllers\unitKerja::class . ':unitKerja_delete')->setName('unitKerja_hapus'); + }); + + $this->group('/boq', function () { + $this->get('/daftar', \ryan\controllers\BOQ::class . ':BOQ_daftar')->setName('BOQTender_daftar'); + $this->get('/detail/{id_tender:[0-9]+}', \ryan\controllers\BOQ::class . ':BOQ_detail')->setName('BOQTender_detail'); + + $this->post('/add/{id_tender}', \ryan\controllers\BOQ::class . ':BOQ_add')->setName('BOQTender_add'); + $this->post('/set/{id_tender}', \ryan\controllers\BOQ::class . ':BOQ_set')->setName('BOQTender_set'); + $this->get('/get/{id_tender}', \ryan\controllers\BOQ::class . ':BOQ_get')->setName('BOQTender_get'); + $this->post('/delete', \ryan\controllers\BOQ::class . ':BOQ_delete')->setName('BOQTender_delete'); + + $this->any('/approval', \ryan\controllers\BOQ::class . ':BOQ_daftar')->setName('BOQTender_daftarApproval'); + $this->any('/approval/{id_tender}', \ryan\controllers\BOQ::class . ':BOQ_detail_approval')->setName('BOQTender_detailApproval'); + $this->post('/approve', \ryan\controllers\BOQ::class . ':BOQ_approval')->setName('BOQTender_approval'); + + }); + + $this->group('/dokumen', function(){ + $this->get('/daftar', \ryan\controllers\dokumenTender::class . ':daftarBeritaTender')->setName('dokumenTender_daftar'); + $this->get('/detail/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':detailTenderDokumen')->setName('dokumenTender_detail'); + + + $this->post('/add/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':dokumen_add')->setName('dokumenTender_add'); + $this->get('/get/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':getDokumenTender')->setName('dokumenTender_get'); + $this->get('/get/required/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':getRequiredDokumenTender')->setName('dokumenTender_getRequired'); + $this->get('/get/optional/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':getOptionalDokumenTender')->setName('dokumenTender_getOptional'); + $this->post('/set/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':dokumen_edit')->setName('dokumenTender_set'); + $this->get('/delete[/{id_dokumen:[0-9]+}]', \ryan\controllers\dokumenTender::class . ':deleteDokumenTender')->setName('dokumenTender_delete'); + +// $this->get('/count/{id_tender}', \ryan\controllers\dokumenTender::class . ':countDokumenTender')->setName('dokumenTender_getDoned'); +// $this->get('/delete[/{id_dokumen:[0-9]+}]', \ryan\controllers\dokumenTender::class . ':deleteDokumenTender')->setName('deleteDokumenTender'); + + $this->any('/approval', \ryan\controllers\dokumenTender::class . ':daftarBeritaTender')->setName('dokumenTender_daftarApproval'); + $this->any('/approval/{id_tender:[0-9]+}', \ryan\controllers\dokumenTender::class . ':detailTenderDokumenApproval')->setName('dokumenTender_detailApproval'); + $this->get('/approve[/{id_dokumen:[0-9]+}[/{status}]]', \ryan\controllers\dokumenTender::class . ':approvalTenderDokumen')->setName('dokumenTender_Approval'); + }); + + $this->group('/dokumen-master', function(){ + $this->get('/daftar', \ryan\controllers\dokumenMaster::class . ':dokumenMaster_daftar')->setName('dokumenMaster_daftar'); + + $this->get('/get[/{id_dokumen:[0-9]+}]', \ryan\controllers\dokumenMaster::class . ':dokumenMaster_get')->setName('dokumenMaster_get'); + $this->post('/add', \ryan\controllers\dokumenMaster::class . ':dokumenMaster_add')->setName('dokumenMaster_add'); + $this->post('/edit/{id_dokumen:[0-9]+}', \ryan\controllers\dokumenMaster::class . ':dokumenMaster_edit')->setName('dokumenMaster_edit'); + $this->get('/delete[/{id_dokumen:[0-9]+}]', \ryan\controllers\dokumenMaster::class . ':dokumenMaster_delete')->setName('dokumenMaster_delete'); + }); + + $this->group('/users', function(){ + $this->get('/list', \ryan\controllers\usersMan::class . ':users_daftar')->setName('users_daftar'); + $this->get('/get', \ryan\controllers\usersMan::class . ':users_get')->setName('users_get'); + $this->post('/invite', \ryan\controllers\usersMan::class . ':users_invite')->setName('users_invite'); + $this->post('/delete', \ryan\controllers\usersMan::class . ':user_delete')->setName('user_delete'); + + $this->get('/profile', \ryan\controllers\usersMan::class . ':users_profile')->setName('users_profile'); + $this->post('/profile/update-common', \ryan\controllers\usersMan::class . ':user_updateCommon')->setName('user_updateCommon'); + $this->post('/profile/update-password', \ryan\controllers\usersMan::class . ':user_updatePassword')->setName('user_updatePassword'); + $this->post('/profile/update-email', \ryan\controllers\usersMan::class . ':user_updateEmail')->setName('user_updateEmail'); + $this->post('/profile/update-telepon', \ryan\controllers\usersMan::class . ':user_updateTelepon')->setName('user_updateTelepon'); + }); + +})->add(new \ryan\controllers\auth($container)); + +$app->group('/api', function () { + + $this->post('/tambah-penyelenggara', \ryan\controllers\api::class . ':addPenyelenggara')->setName('apiAddPenyelenggara'); + + $this->get('/penyelenggara[/{id}]', \ryan\controllers\api::class . ':getPenyelenggara')->setName('apiGetPenyelenggara'); + + $this->get('/dokumen-master[/{id}]', \ryan\controllers\api::class . ':getDokumenMaster')->setName('apiGetDokumenMaster'); + + $this->get('/syarat-dokumen-tender[/{id}]', \ryan\controllers\api::class . ':getDokumenList')->setName('apiGetDokumenTender'); + + $this->get('/detail-berita-tender[/{id}]', \ryan\controllers\api::class . ':getDetailTender')->setName('apiGetDetailBeritaTender'); + + $this->group('/unit-kerja', function(){ + + $this->get('/available/{id_tender}', \ryan\controllers\unitKerja::class . ':getAvailableUnitKerja')->setName('isUnitKerjaAvailable'); + + $this->post('/set/{id_tender}', \ryan\controllers\unitKerja::class . ':setUnitKerja')->setName('setUnitKerja'); + + $this->get('/get/{id_tender}', \ryan\controllers\unitKerja::class . ':getUnitKerjaTender')->setName('getUnitKerjaTender'); + + }); + + $this->group('/boq', function(){ + +// $this->get('/available/{id_tender}', \ryan\controllers\unitKerja::class . ':getAvailableUnitKerja')->setName('isUnitKerjaAvailable'); + + + }); + +})->add(new \ryan\controllers\auth($container)); + diff --git a/app/settings.php b/app/settings.php new file mode 100644 index 0000000..5982e0c --- /dev/null +++ b/app/settings.php @@ -0,0 +1,37 @@ + [ + "database" => [ + "host" => "localhost", + "database_name" => "tar", + "user" => "root", + "pass" => "" + ], + 'debug' => true, + 'determineRouteBeforeAppMiddleware' => true, + 'displayErrorDetails' => true, + 'mailer' => [ + 'setFrom' => [ + 'email' => 'kartunamapal@gmail.com', + 'title' => 'PT. Kencana Alam Putra(No Reply)' + ], + 'Host' => 'smtp.gmail.com', + 'Port' => '587', + 'SMTPSecure' => 'tls', + 'SMTPAuth' => 'true', + 'AuthType' => 'XOAUTH2', + 'oauthClientId' => "415435901048-edelac3m5bndr0v2e2qv0ssoh9e4t3mb.apps.googleusercontent.com", + 'oauthClientSecret' => "_8cVQNtmn3C2HD5Ixw_uM11A", + 'oauthRefreshToken' => "1/J3GOSF9i_kq4uCIffGAVhz6ITF--KUXX563UyZW1l9E", + 'SMTPDebug' => 0, + 'Debugoutput' => 'html', + ], + "server" => "192.168.100.8", + "sms" => [ + 'username'=>'ryanhadiw', + 'password'=>'ryan721995' + ], + "views"=>"views", + 'whoops.editor' => 'sublime', + ], +]; diff --git a/app/views/404.phtml b/app/views/404.phtml new file mode 100644 index 0000000..abf75a2 --- /dev/null +++ b/app/views/404.phtml @@ -0,0 +1,47 @@ + + + + + + + + + + + + E-Admin Tender + + + + + +
+
+
+
+
404
+
Telornya Kosong Tuh!
+
Halaman yang anda cari mungkin sudah tidak berlaku
+ +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/app/views/base.phtml b/app/views/base.phtml new file mode 100644 index 0000000..9f18abd --- /dev/null +++ b/app/views/base.phtml @@ -0,0 +1,152 @@ + + + + + + + + + + + E-Admin Tender + + + + section ('style') ?> + + + + + +
+ + insert ('navbar', ['active_user_data' => $active_user_data]); ?> +
+ section('contents') ?> +
+
+ + + + + + + + + + + + + + + section ('js') ?> + + \ No newline at end of file diff --git a/app/views/berita-tender/daftar.phtml b/app/views/berita-tender/daftar.phtml new file mode 100644 index 0000000..4793b1a --- /dev/null +++ b/app/views/berita-tender/daftar.phtml @@ -0,0 +1,157 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + +stop (); +$this->start ('page-title'); +?> + Berita Tender +stop(); +$this->start ('contents'); +?> + +
+
+
+ Daftar Berita Tender + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
JudulPenyelenggaraStatus
+ + + indDate($tender['tgl_mulai']) ?> +  s/d  + indDate($tender['tgl_selesai']) ?> + + + getNamaPenyelenggara($tender['id_penyelenggara']) ?> + + + + + + Direktur
+ + + + + + + +
+ + Manajer
+ + + + + + + +
+
+ + Approve + + Detail + +
+
+
+
+ +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/berita-tender/detail.phtml b/app/views/berita-tender/detail.phtml new file mode 100644 index 0000000..09b454c --- /dev/null +++ b/app/views/berita-tender/detail.phtml @@ -0,0 +1,518 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list + ]; + $this->layout ('base', $parent_data); + $this->start ('style'); +?> + + +stop (); + $this->start ('page-title'); +?> + Detail Berita Tender +stop (); + $this->start ('contents'); +?> + + +
+ + + + + + +
+
+ +
+
+ Dokumen Kelengkapan + + + Daftar dokumen persyaratan tender + +
+
+ + + + + + + + + + $dokumen): ?> + + + + + + + + +
Nama DokumenStatus
+ + + Dokumen Tambahan + + + +
+ +
+
+
+
+
+
+
+
+
+ Infromasi Berita Tender + + + Daftar informasi tambahan berita tender + +
+
+ + + + + + + + + + + + + + + + + + + + + +
Ditambahkan Oleh
Terakhir Diubah Oleh
Dokumen RKS + + +
+ +
+ + Belum Ditambahkan + +
Berita Acara + + +
+ +
+ + Belum Ditambahkan + +
+
+
+
+
+ Unit Kerja + + + Daftar unit kerja dan penugasan-nya + +
+
+ + + + + + + + + + $unit_kerja): ?> + + + + + + + +
Unit KerjaPenugasan
+ Avatar + getUserUpload ($unit_kerja[ 'id_user' ])[ 'nama' ] ?> +
+
+
+ insert('berita-tender/history', ['histories'=>$tender['history'], 'full'=>false]) ?> +
    +
  • History Perubahan
  • + +
+
+
+
+
+ Hapus Berita Tender + Menghapus Berita Tender ini juga akan menghapus semua data dan informasi yang berhubungan dengan berita tender ini +
+
+ +
+
+
+
+
+ + + + + +stop (); + $this->start ('js'); +?> + + + +stop () ?> \ No newline at end of file diff --git a/app/views/berita-tender/edit.phtml b/app/views/berita-tender/edit.phtml new file mode 100644 index 0000000..54395b5 --- /dev/null +++ b/app/views/berita-tender/edit.phtml @@ -0,0 +1,251 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + + + +stop (); +$this->start ('page-title'); +?> + +Ubah Berita Tender +stop(); +$this->start ('contents'); +?> + +
+ +
+
+ Formulir Tambah Berita Tender + Lengkapi formulir dibawah untuk menambahkan berita tender baru +
+
+
+
+
+ + +
+
+
+ +
+ + + + +
+
+
+
+ +
+ + +
+
+ +
+
+ +
+ + +
+
+ +
+
+
+
+ + +
+
+
+ + +
+
+
+
+
+

+ + +

+
+
+
+
+
+
+ + + + +stop (); +$this->start ('js'); +?> + + + + + + + +stop () ?> diff --git a/app/views/berita-tender/history.phtml b/app/views/berita-tender/history.phtml new file mode 100644 index 0000000..02ee4b1 --- /dev/null +++ b/app/views/berita-tender/history.phtml @@ -0,0 +1,336 @@ +
    +
  • History Perubahan
  • + + + + + + indMonthYear($history['waktu']) <> $month_group):?> + indMonthYear($history['waktu']); ?> +
  • + +
  • + + + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Membuat berita tender ini +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengubah berita tender ini +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menghapus berita tender ini +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + + + + + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengupload dokumen RKS  + + + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengganti dokumen RKS  + + + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + + + + + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengupload dokumen Berita Acara  + + + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengganti dokumen Berita Acara  + + + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + + + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menugaskan + getUserUpload($history['detail']['id_user'])['nama'] ?> + dengan tugas + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menghapus + getUserUpload($history['detail']['id_user'])['nama'] ?> + dari tugas + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + + + + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menambahkan dokumen + getUserUpload($history['detail']['id_user'])['nama'] ?> +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengupload + + sebagai dokumen + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengubah dokumen + +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menghapus dokumen + getUserUpload($history['detail']['id_user'])['nama'] ?> +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + + + + + + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menambahkan penawaran BOQ + - +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Mengubah penawaran BOQ + - +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + +
    +
    +
    Avatar
    +
    getUserUpload($history['id_user'])['nama'] ?> +

    + Menghapus penawaran BOQ + - +

    + timeElapsed($history['waktu']) ?> - indDateTime($history['waktu']) ?> +
    +
    + + + + + + +
  • + + + + +
  • Lihat Lainnya
  • + +
\ No newline at end of file diff --git a/app/views/berita-tender/history.twig b/app/views/berita-tender/history.twig new file mode 100644 index 0000000..f147033 --- /dev/null +++ b/app/views/berita-tender/history.twig @@ -0,0 +1,17 @@ + +
  • History Perubahan
  • + {% for history in histories|slice(0, 5) %} +
  • +
    +
    +
    Avatar
    +
    {{ history.user.nama }} +

    + {{ history.messages }} {{ history.detail }} +

    + {{ inFromNow(history.waktu) }} - {{ inDateTime(history.waktu) }} +
    +
    +
  • + {% endfor %} +
  • Lihat Lainnya
  • \ No newline at end of file diff --git a/app/views/berita-tender/insert.phtml b/app/views/berita-tender/insert.phtml new file mode 100644 index 0000000..2d3c0b1 --- /dev/null +++ b/app/views/berita-tender/insert.phtml @@ -0,0 +1,246 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list + ]; + $this->layout ('base', $parent_data); + $this->start ('style'); +?> + + + + +stop (); + $this->start ('page-title'); +?> + +Tambah Berita Tender +stop(); + $this->start ('contents'); +?> + +
    +
    +
    + Formulir Tambah Berita Tender + Lengkapi formulir dibawah untuk menambahkan berita tender baru +
    +
    +
    +
    +
    + + +
    +
    +
    + +
    + + + + +
    +
    +
    +
    + +
    + + +
    +
    + +
    +
    + +
    + + +
    +
    + +
    +
    +
    +
    + + +
    +
    +
    + + +
    +
    +
    + + +
    +
    +
    +
    +
    +

    + + +

    +
    +
    +
    +
    +
    +
    + + + + +stop (); + $this->start ('js'); +?> + + + + + + + +stop () ?> diff --git a/app/views/boq/custom-render-child.twig b/app/views/boq/custom-render-child.twig new file mode 100644 index 0000000..f31df0e --- /dev/null +++ b/app/views/boq/custom-render-child.twig @@ -0,0 +1,69 @@ + + + +
    + {% set datas = { 'id_penawaran':inputan_manajer.id_penawaran, 'nama_vendor':inputan_manajer.nama_vendor, 'nama_barang':inputan_manajer.nama_barang, 'harga_persatuan':inputan_manajer.harga_persatuan, 'volume_barang':inputan_manajer.volume_barang, 'ukuran_satuan':inputan_manajer.ukuran_satuan, 'pegawai':inputan_manajer.pegawai, } %} + + +
    + + + {{inputan_manajer.nama_vendor}} + {{inputan_manajer.nama_barang}} + + + Rp. {{inputan_manajer.harga_persatuan|number_format(0, '.', ',')}} + {{inputan_manajer.volume_barang}} {{inputan_manajer.ukuran_satuan}} + Rp. {{inputan_manajer.total|number_format(0, '.', ',')}} + + + Avatar + {{inputan_manajer.pegawai.who.nama}} + {{inputan_manajer.pegawai.time}} + + +
    + {% if inputan_manajer.approval.direktur.status == "diterima" %} + + {% elseif inputan_manajer.approval.direktur.status == "ditolak" %} + + {% else %} + + {% endif %} +

    +
    + {% if inputan_manajer.approval.manajer.status == "diterima" %} + + {% elseif inputan_manajer.approval.manajer.status == "ditolak" %} + + {% else %} + + {% endif %} + +
    + + + {% if inputan_manajer.active_user_priv != 3 %} + {% if inputan_manajer.approval %} +
    + + +
    + {% else %} +
    + + +
    + {% endif %} + {% else %} +
    + + +
    + {% endif %} + + \ No newline at end of file diff --git a/app/views/boq/daftar.phtml b/app/views/boq/daftar.phtml new file mode 100644 index 0000000..d126d52 --- /dev/null +++ b/app/views/boq/daftar.phtml @@ -0,0 +1,150 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + +stop (); +$this->start ('page-title'); +?> + BOQ Tender +stop(); +$this->start ('contents'); +?> + +
    +
    +
    + Daftar Berita Tender + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    JudulPenyelenggaraJmlTerbaru
    + + + indDate($tender['tgl_mulai']) ?> +  s/d  + indDate($tender['tgl_selesai']) ?> + + + getNamaPenyelenggara($tender['id_penyelenggara']) ?> + + + + detailBOQ($tender['id_tender'])) ?> + detailBOQ($tender['id_tender'])) > 0): ?> + detailBOQ($tender['id_tender']) ?> + + + + + + Belum Ada + + + + Approve + + checkPenugasan($tender['id_tender'], $active_user_data['id_user']) || $active_user_data[ 'previledge' ] == '3'): ?> + Detail + + Bukan Tugas Anda + + +
    +
    +
    +
    + +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/boq/detail-approval.phtml b/app/views/boq/detail-approval.phtml new file mode 100644 index 0000000..8decc62 --- /dev/null +++ b/app/views/boq/detail-approval.phtml @@ -0,0 +1,420 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + + + + + +stop(); +$this->start('page-title'); +?> + Approval BOQ Tender +stop(); +$this->start('contents'); +?> + + +
    +
    +
    Daftar BOQ +
    +
    + + +
    +
    +
    +
    + + + + + + + + + + + + + + +
    + NoVendor / BarangHarga / Jumlah / totalDiajukan OlehStatusApproval
    +
    +
    +
    + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/boq/detail.phtml b/app/views/boq/detail.phtml new file mode 100644 index 0000000..8fbf07f --- /dev/null +++ b/app/views/boq/detail.phtml @@ -0,0 +1,573 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + +stop(); +$this->start('page-title'); +?> + Daftar BOQ Tender +stop(); +$this->start('contents'); +?> + + +
    +
    +
    Daftar BOQ +
    + +
    +
    +
    + + + + + + + + + + + + + + +
    NoBarang / VendorHargaJumlahTotalDiajukan Oleh
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/boq/dt-approval-col.twig b/app/views/boq/dt-approval-col.twig new file mode 100644 index 0000000..74d72eb --- /dev/null +++ b/app/views/boq/dt-approval-col.twig @@ -0,0 +1,33 @@ +{% if rowData.active_user_priv != 3 %} + {% if rowData.approval %} +
    + + +
    + {% else %} +
    + + +
    + {% endif %} +{% else %} + {% if rowData.approval %} +
    + + +
    + {% else %} +
    + + +
    + {% endif %} +{% endif %} diff --git a/app/views/boq/dt-status-col.twig b/app/views/boq/dt-status-col.twig new file mode 100644 index 0000000..ea2a20f --- /dev/null +++ b/app/views/boq/dt-status-col.twig @@ -0,0 +1,19 @@ +
    + {% if direktur.status == "diterima" %} + + {% elseif direktur.status == "ditolak" %} + + {% else %} + + {% endif %} +

    +
    + {% if manajer.status == "diterima" %} + + {% elseif manajer.status == "ditolak" %} + + {% else %} + + {% endif %} + +
    \ No newline at end of file diff --git a/app/views/boq/table-approval-editable.twig b/app/views/boq/table-approval-editable.twig new file mode 100644 index 0000000..a5c2a2b --- /dev/null +++ b/app/views/boq/table-approval-editable.twig @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + {% for data in rowData %} + + + + + + + + + + {% endfor %} + +
    NoVendorBarangHargaJumlahTotalDiajukan Oleh
    + + + {{ loop.index }} + + {{data.nama_vendor}} + + {{data.nama_barang}} + + Rp. {{data.harga_persatuan}} + + {{data.volume_barang}} {{data.ukuran_satuan}} + + Rp. {{data.total}} +
    \ No newline at end of file diff --git a/app/views/boq/table-approval-preview.twig b/app/views/boq/table-approval-preview.twig new file mode 100644 index 0000000..3da37fb --- /dev/null +++ b/app/views/boq/table-approval-preview.twig @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + {% for data in rowData %} + + + + + + + + + + {% endfor %} + +
    NoVendorBarangHargaJumlahTotalDiajukan Oleh
    {{ loop.index }} + {{data.nama_vendor}} + + {{data.nama_barang}} + + Rp. {{data.harga_persatuan|number_format(0, '.', ',')}} + + {{data.volume_barang}} {{data.ukuran_satuan}} + + Rp. {{data.total|number_format(0, '.', ',')}} +
    \ No newline at end of file diff --git a/app/views/dashboard.phtml b/app/views/dashboard.phtml new file mode 100644 index 0000000..b99195b --- /dev/null +++ b/app/views/dashboard.phtml @@ -0,0 +1,119 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + +stop (); +$this->start ('page-title'); +?> +Dahsboard +stop(); +$this->start ('contents'); +?> + +
    +
    +
    + + + + + + + + + + + + $tender): ?> + + + + + + + + + + +
    JudulPenyelenggaraProgres
    + + + indDate($tender['tgl_mulai']) ?> +  s/d  + indDate($tender['tgl_selesai']) ?> + + + getNamaPenyelenggara($tender['id_penyelenggara']) ?> + + + + getProgress($tender['id_tender'])['progress']) ?>%getProgress($tender['id_tender'])['process'] ?> +
    +
    +
    +
    + Detail +
    +
    +
    +
    + +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/dokumen-master/daftar.phtml b/app/views/dokumen-master/daftar.phtml new file mode 100644 index 0000000..c3f46c5 --- /dev/null +++ b/app/views/dokumen-master/daftar.phtml @@ -0,0 +1,397 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + +stop(); +$this->start('page-title'); +?> + Dokumen Master Administrasi +stop(); +$this->start('contents'); +?> + +
    +
    +
    Daftar Dokumen Administrasi +
    + +
    +
    +
    + + + + + + + + + + + +
    NoNama Dokumen & AliasFileDiupload Oleh
    +
    +
    +
    + + + + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/dokumen/daftar.phtml b/app/views/dokumen/daftar.phtml new file mode 100644 index 0000000..cc57541 --- /dev/null +++ b/app/views/dokumen/daftar.phtml @@ -0,0 +1,152 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + +stop (); +$this->start ('page-title'); +?> + Dokumen Kelengkapan Berita Tender +stop(); +$this->start ('contents'); +?> + +
    +
    +
    + Daftar Berita Tender + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    JudulPenyelenggaraProgress ApprovalProgress Dokumen
    + + + indDate($tender['tgl_mulai']) ?> +  s/d  + indDate($tender['tgl_selesai']) ?> + + + getNamaPenyelenggara($tender['id_penyelenggara']) ?> + + + + +   + countDokumen($tender['id_tender'])['done'] ?> dari countDokumen($tender['id_tender'])['total'] ?> Dokumen +
    +
    +
    +
    +   + countDokumen($tender['id_tender'])['done'] ?> dari countDokumen($tender['id_tender'])['total'] ?> Dokumen +
    +
    +
    +
    + + Approval + + Detail + +
    +
    +
    +
    + +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/dokumen/detail-approval.phtml b/app/views/dokumen/detail-approval.phtml new file mode 100644 index 0000000..c0bc7cb --- /dev/null +++ b/app/views/dokumen/detail-approval.phtml @@ -0,0 +1,507 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + +stop(); +$this->start('page-title'); +?> + Approval Dokumen Tender +stop(); +$this->start('contents'); +?> + + +
    +
    +
    Daftar Dokumen Tender +
    +
    +
    +
    + + + + + + + + + + + +
    NoNama DokumenDiupload OlehStatus ApprovalApproval
    +
    +
    +
    +
    Daftar Dokumen Pelengkap +
    +
    +
    +
    + + + + + + + + + + + +
    NoNama DokumenDiupload OlehStatus ApprovalApproval
    +
    +
    +
    + + + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/dokumen/detail.phtml b/app/views/dokumen/detail.phtml new file mode 100644 index 0000000..0aaeeb6 --- /dev/null +++ b/app/views/dokumen/detail.phtml @@ -0,0 +1,532 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + +stop(); +$this->start('page-title'); +?> + Dokumen Kelengkapan Tender +stop(); +$this->start('contents'); +?> + + +
    +
    +
    Daftar Dokumen Prasyarat +
    + +
    +
    +
    + + + + + + + + + + + +
    NoNama DokumenFileDiupload Oleh
    +
    +
    +
    +
    Daftar Dokumen Pelengkap +
    + +
    +
    +
    + + + + + + + + + + + +
    NoNama DokumenFileDiupload Oleh
    +
    +
    +
    + + + + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/email.phtml b/app/views/email.phtml new file mode 100644 index 0000000..7ebb160 --- /dev/null +++ b/app/views/email.phtml @@ -0,0 +1,423 @@ + + + + + + + MOSAICO Responsive Email Designer + + + + + +
    + + + + + + +
    + +
    + + + + + + +
    + +
    + +
    + +
    +
    + +
    + + + + + + +
    + +
    + + + + + + +
    + Undangan Penggunaan Aplikasi Administrasi Tender +
    +
    + +
    + + + + + + +
    + +
    + + + + + + +
    +
    + +
    + + + + + + +
    + +
    + + + + + + +
    + + + + + + +
    +   +
    +
    +
    + +
    + + + + + + +
    + +
    + + + + + + +
    +
    + +
    + + + + + + +
    + +
    + + + + + + +
    + + + + + + +
    + + DAFTAR + +
    +
    +
    + +
    + + + + + + +
    + +
    + + + + + + +
    +
    + +
    + + + + + + + +
    + +
    + + + + + + +
    +
    + +
    +
    + + diff --git a/app/views/history/detail.phtml b/app/views/history/detail.phtml new file mode 100644 index 0000000..4dc8aa7 --- /dev/null +++ b/app/views/history/detail.phtml @@ -0,0 +1,88 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + + +stop(); +$this->start('page-title'); +?> + RKS dan Berita Acara +stop(); +$this->start('contents'); +?> + + +
    + insert('berita-tender/history', ['histories'=>$tender['history'], 'full'=>true]) ?> +
    + +stop(); +$this->start('js'); +?> +stop() ?> \ No newline at end of file diff --git a/app/views/history/i_tender.phtml b/app/views/history/i_tender.phtml new file mode 100644 index 0000000..b5e657e --- /dev/null +++ b/app/views/history/i_tender.phtml @@ -0,0 +1,11 @@ + + + + + + + + + + + E-Admin Tender + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/views/navbar.phtml b/app/views/navbar.phtml new file mode 100644 index 0000000..4aea6b5 --- /dev/null +++ b/app/views/navbar.phtml @@ -0,0 +1,129 @@ +
    + +
    \ No newline at end of file diff --git a/app/views/rks-acara/daftar.phtml b/app/views/rks-acara/daftar.phtml new file mode 100644 index 0000000..c45715c --- /dev/null +++ b/app/views/rks-acara/daftar.phtml @@ -0,0 +1,181 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + +stop (); +$this->start ('page-title'); +?> + RKS dan Berita Acara Tender +stop(); +$this->start ('contents'); +?> + +
    +
    +
    + Daftar Berita Tender + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    JudulPenyelenggaraRKSStatusBerita Acara
    + + + indDate($tender['tgl_mulai']) ?> +  s/d  + indDate($tender['tgl_selesai']) ?> + + + getNamaPenyelenggara($tender['id_penyelenggara']) ?> + + + + + + + + + indDate($rks['waktu']) ?> + + + Belum Diupload + + + + Direktur
    + + + + + + + +
    + + Manajer
    + + + + + + + +
    +
    + + + + + indDate($berita_acara['waktu']) ?> + + + Belum Diupload + + + + Approval + + Detail + +
    +
    +
    +
    + +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/rks-acara/detail.phtml b/app/views/rks-acara/detail.phtml new file mode 100644 index 0000000..83758f0 --- /dev/null +++ b/app/views/rks-acara/detail.phtml @@ -0,0 +1,355 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + + +stop(); +$this->start('page-title'); +?> + RKS dan Berita Acara +stop(); +$this->start('contents'); +?> + + +
    + + + + + +
    +
    RKS Berita Tender +
    + +
    +
    +
    +
    +
    +
    +

    Tarik dan Lepaskan file Berita Acara ke sini untuk mengupload

    +
    +
    + +
    + +
    + +
    + + + +
    +
    +
    Berita Acara Tender +
    + +
    +
    +
    +
    +
    +
    +

    Tarik dan Lepaskan file Berita Acara ke sini untuk mengupload

    +
    +
    + +
    + +
    + +
    + + + +
    +
    + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/signup.phtml b/app/views/signup.phtml new file mode 100644 index 0000000..658d934 --- /dev/null +++ b/app/views/signup.phtml @@ -0,0 +1,83 @@ + + + + + + + + + + + E-Admin Tender + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/views/sms.phtml b/app/views/sms.phtml new file mode 100644 index 0000000..91eab57 --- /dev/null +++ b/app/views/sms.phtml @@ -0,0 +1,135 @@ + + + + + + + + + + + E-Admin Tender | Verifikasi SMS + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/views/unit-kerja/daftar.phtml b/app/views/unit-kerja/daftar.phtml new file mode 100644 index 0000000..97fa8c5 --- /dev/null +++ b/app/views/unit-kerja/daftar.phtml @@ -0,0 +1,146 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + +stop (); +$this->start ('page-title'); +?> + Unit Kerja +stop(); +$this->start ('contents'); +?> + +
    +
    +
    + Daftar Berita Tender + +
    +
    + + + + + + + + + + + + + + + + + + + + + detailUnitKerja($tender['id_tender'])) > 0): ?> + detailUnitKerja($tender['id_tender']) ?> + + + + + + + + + +
    JudulPenyelenggaraJmlTerbaru
    + + + indDate($tender['tgl_mulai']) ?> +  s/d  + indDate($tender['tgl_selesai']) ?> + + + getNamaPenyelenggara($tender['id_penyelenggara']) ?> + + + + detailUnitKerja($tender['id_tender'])) ?> + Belum Ada + + + Approve + + Detail + +
    +
    +
    +
    + +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/unit-kerja/detail.phtml b/app/views/unit-kerja/detail.phtml new file mode 100644 index 0000000..c8c0f7d --- /dev/null +++ b/app/views/unit-kerja/detail.phtml @@ -0,0 +1,319 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list, + 'aside' => true +]; +$this->layout('base', $parent_data); +$this->start('style'); +?> + + + +stop(); +$this->start('page-title'); +?> + Daftar Unit Kerja Tender +stop(); +$this->start('contents'); +?> + + +
    +
    +
    Daftar Unit Kerja +
    + +
    +
    +
    + + + + + + + + + + + +
    NoNama PegawaiPenugasan
    +
    +
    +
    + + + + + + +stop(); +$this->start('js'); +?> + + + + + + + + + + + + + +stop() ?> \ No newline at end of file diff --git a/app/views/users/daftar.phtml b/app/views/users/daftar.phtml new file mode 100644 index 0000000..459ef69 --- /dev/null +++ b/app/views/users/daftar.phtml @@ -0,0 +1,312 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + + +stop (); +$this->start ('page-title'); +?> +Manajemen Pengguna +stop(); +$this->start ('contents'); +?> + +
    +
    +
    + Daftar Pengguna + +
    +
    + + + + + + + + + + + + + + +
    Nama PenggunaKontakStatusPreviledge
    +
    +
    +
    + + + + + +stop (); +$this->start ('js'); +?> + + + + + + + + + + + + + + + + +stop () ?> + diff --git a/app/views/users/profile.phtml b/app/views/users/profile.phtml new file mode 100644 index 0000000..bfdf28f --- /dev/null +++ b/app/views/users/profile.phtml @@ -0,0 +1,520 @@ + $active_user_data, + 'active_notification_list' => $active_notification_list +]; +$this->layout ('base', $parent_data); +$this->start ('style'); +?> + + + + +stop (); +$this->start ('page-title'); +?> +Pengaturan Pengguna +stop(); +$this->start ('contents'); +?> + +
    + +
    + + + + + + +stop (); +$this->start ('js'); +?> + + + + + + + + +stop () ?> + diff --git a/composer.json b/composer.json index e1fa8dc..630c52e 100644 --- a/composer.json +++ b/composer.json @@ -5,6 +5,10 @@ "slim/php-view": "2.2.0", "bryanjhv/slim-session": "3.1.1", "slim/flash": "0.2.0", - "projek-xyz/slim-plates": "v0.2.2" + "projek-xyz/slim-plates": "v0.2.2", + "slim/pdo": "1.10.0", + "phpmailer/phpmailer": "v5.2.23", + "league/oauth2-client": "2.2.1", + "league/oauth2-google": "^2.0" } } diff --git a/composer.lock b/composer.lock index 35918cc..d8a5fc2 100644 --- a/composer.lock +++ b/composer.lock @@ -4,7 +4,7 @@ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file", "This file is @generated automatically" ], - "content-hash": "e835990f1fc4c32692c74cff4e18a3ba", + "content-hash": "11d302d40d1ba00ee49004d6b8db2a19", "packages": [ { "name": "bryanjhv/slim-session", @@ -147,6 +147,305 @@ ], "time": "2017-03-07T09:04:45+00:00" }, + { + "name": "guzzlehttp/guzzle", + "version": "6.3.0", + "source": { + "type": "git", + "url": "https://github.com/guzzle/guzzle.git", + "reference": "f4db5a78a5ea468d4831de7f0bf9d9415e348699" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/guzzle/guzzle/zipball/f4db5a78a5ea468d4831de7f0bf9d9415e348699", + "reference": "f4db5a78a5ea468d4831de7f0bf9d9415e348699", + "shasum": "" + }, + "require": { + "guzzlehttp/promises": "^1.0", + "guzzlehttp/psr7": "^1.4", + "php": ">=5.5" + }, + "require-dev": { + "ext-curl": "*", + "phpunit/phpunit": "^4.0 || ^5.0", + "psr/log": "^1.0" + }, + "suggest": { + "psr/log": "Required for using the Log middleware" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "6.2-dev" + } + }, + "autoload": { + "files": [ + "src/functions_include.php" + ], + "psr-4": { + "GuzzleHttp\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + } + ], + "description": "Guzzle is a PHP HTTP client library", + "homepage": "http://guzzlephp.org/", + "keywords": [ + "client", + "curl", + "framework", + "http", + "http client", + "rest", + "web service" + ], + "time": "2017-06-22T18:50:49+00:00" + }, + { + "name": "guzzlehttp/promises", + "version": "v1.3.1", + "source": { + "type": "git", + "url": "https://github.com/guzzle/promises.git", + "reference": "a59da6cf61d80060647ff4d3eb2c03a2bc694646" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/guzzle/promises/zipball/a59da6cf61d80060647ff4d3eb2c03a2bc694646", + "reference": "a59da6cf61d80060647ff4d3eb2c03a2bc694646", + "shasum": "" + }, + "require": { + "php": ">=5.5.0" + }, + "require-dev": { + "phpunit/phpunit": "^4.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.4-dev" + } + }, + "autoload": { + "psr-4": { + "GuzzleHttp\\Promise\\": "src/" + }, + "files": [ + "src/functions_include.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + } + ], + "description": "Guzzle promises library", + "keywords": [ + "promise" + ], + "time": "2016-12-20T10:07:11+00:00" + }, + { + "name": "guzzlehttp/psr7", + "version": "1.4.2", + "source": { + "type": "git", + "url": "https://github.com/guzzle/psr7.git", + "reference": "f5b8a8512e2b58b0071a7280e39f14f72e05d87c" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/guzzle/psr7/zipball/f5b8a8512e2b58b0071a7280e39f14f72e05d87c", + "reference": "f5b8a8512e2b58b0071a7280e39f14f72e05d87c", + "shasum": "" + }, + "require": { + "php": ">=5.4.0", + "psr/http-message": "~1.0" + }, + "provide": { + "psr/http-message-implementation": "1.0" + }, + "require-dev": { + "phpunit/phpunit": "~4.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.4-dev" + } + }, + "autoload": { + "psr-4": { + "GuzzleHttp\\Psr7\\": "src/" + }, + "files": [ + "src/functions_include.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + }, + { + "name": "Tobias Schultze", + "homepage": "https://github.com/Tobion" + } + ], + "description": "PSR-7 message implementation that also provides common utility methods", + "keywords": [ + "http", + "message", + "request", + "response", + "stream", + "uri", + "url" + ], + "time": "2017-03-20T17:10:46+00:00" + }, + { + "name": "league/oauth2-client", + "version": "2.2.1", + "source": { + "type": "git", + "url": "https://github.com/thephpleague/oauth2-client.git", + "reference": "313250eab923e673a5c0c8f463f443ee79f4383f" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/thephpleague/oauth2-client/zipball/313250eab923e673a5c0c8f463f443ee79f4383f", + "reference": "313250eab923e673a5c0c8f463f443ee79f4383f", + "shasum": "" + }, + "require": { + "guzzlehttp/guzzle": "^6.0", + "paragonie/random_compat": "^1|^2", + "php": ">=5.6.0" + }, + "require-dev": { + "eloquent/liberator": "^2.0", + "eloquent/phony": "^0.14.1", + "jakub-onderka/php-parallel-lint": "~0.9", + "phpunit/phpunit": "^5.0", + "squizlabs/php_codesniffer": "^2.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-2.x": "2.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "League\\OAuth2\\Client\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Alex Bilbie", + "email": "hello@alexbilbie.com", + "homepage": "http://www.alexbilbie.com", + "role": "Developer" + }, + { + "name": "Woody Gilk", + "homepage": "https://github.com/shadowhand", + "role": "Contributor" + } + ], + "description": "OAuth 2.0 Client Library", + "keywords": [ + "Authentication", + "SSO", + "authorization", + "identity", + "idp", + "oauth", + "oauth2", + "single sign on" + ], + "time": "2017-04-25T14:43:14+00:00" + }, + { + "name": "league/oauth2-google", + "version": "2.0.1", + "source": { + "type": "git", + "url": "https://github.com/thephpleague/oauth2-google.git", + "reference": "1001ecf1f00d657cc12e70e7a7a647e623194fd2" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/thephpleague/oauth2-google/zipball/1001ecf1f00d657cc12e70e7a7a647e623194fd2", + "reference": "1001ecf1f00d657cc12e70e7a7a647e623194fd2", + "shasum": "" + }, + "require": { + "league/oauth2-client": "^2.0" + }, + "require-dev": { + "eloquent/phony": "^0.14.6", + "phpunit/phpunit": "^5.7", + "satooshi/php-coveralls": "dev-master as 2.0.0", + "squizlabs/php_codesniffer": "^2.0" + }, + "type": "library", + "autoload": { + "psr-4": { + "League\\OAuth2\\Client\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Woody Gilk", + "email": "woody.gilk@gmail.com", + "homepage": "http://shadowhand.me" + } + ], + "description": "Google OAuth 2.0 Client Provider for The PHP League OAuth2-Client", + "keywords": [ + "Authentication", + "authorization", + "client", + "google", + "oauth", + "oauth2" + ], + "time": "2017-06-14T14:06:56+00:00" + }, { "name": "league/plates", "version": "3.3.0", @@ -245,6 +544,130 @@ ], "time": "2017-01-19T11:35:12+00:00" }, + { + "name": "paragonie/random_compat", + "version": "v2.0.10", + "source": { + "type": "git", + "url": "https://github.com/paragonie/random_compat.git", + "reference": "634bae8e911eefa89c1abfbf1b66da679ac8f54d" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/paragonie/random_compat/zipball/634bae8e911eefa89c1abfbf1b66da679ac8f54d", + "reference": "634bae8e911eefa89c1abfbf1b66da679ac8f54d", + "shasum": "" + }, + "require": { + "php": ">=5.2.0" + }, + "require-dev": { + "phpunit/phpunit": "4.*|5.*" + }, + "suggest": { + "ext-libsodium": "Provides a modern crypto API that can be used to generate random bytes." + }, + "type": "library", + "autoload": { + "files": [ + "lib/random.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Paragon Initiative Enterprises", + "email": "security@paragonie.com", + "homepage": "https://paragonie.com" + } + ], + "description": "PHP 5.x polyfill for random_bytes() and random_int() from PHP 7", + "keywords": [ + "csprng", + "pseudorandom", + "random" + ], + "time": "2017-03-13T16:27:32+00:00" + }, + { + "name": "phpmailer/phpmailer", + "version": "v5.2.23", + "source": { + "type": "git", + "url": "https://github.com/PHPMailer/PHPMailer.git", + "reference": "7115df4a6f76281109ebe352900c42403b728bb4" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/PHPMailer/PHPMailer/zipball/7115df4a6f76281109ebe352900c42403b728bb4", + "reference": "7115df4a6f76281109ebe352900c42403b728bb4", + "shasum": "" + }, + "require": { + "php": ">=5.0.0" + }, + "require-dev": { + "doctrine/annotations": "1.2.*", + "jms/serializer": "0.16.*", + "phpdocumentor/phpdocumentor": "2.*", + "phpunit/phpunit": "4.8.*", + "symfony/debug": "2.8.*", + "symfony/filesystem": "2.8.*", + "symfony/translation": "2.8.*", + "symfony/yaml": "2.8.*", + "zendframework/zend-cache": "2.5.1", + "zendframework/zend-config": "2.5.1", + "zendframework/zend-eventmanager": "2.5.1", + "zendframework/zend-filter": "2.5.1", + "zendframework/zend-i18n": "2.5.1", + "zendframework/zend-json": "2.5.1", + "zendframework/zend-math": "2.5.1", + "zendframework/zend-serializer": "2.5.*", + "zendframework/zend-servicemanager": "2.5.*", + "zendframework/zend-stdlib": "2.5.1" + }, + "suggest": { + "league/oauth2-google": "Needed for Google XOAUTH2 authentication" + }, + "type": "library", + "autoload": { + "classmap": [ + "class.phpmailer.php", + "class.phpmaileroauth.php", + "class.phpmaileroauthgoogle.php", + "class.smtp.php", + "class.pop3.php", + "extras/EasyPeasyICS.php", + "extras/ntlm_sasl_client.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "LGPL-2.1" + ], + "authors": [ + { + "name": "Jim Jagielski", + "email": "jimjag@gmail.com" + }, + { + "name": "Marcus Bointon", + "email": "phpmailer@synchromedia.co.uk" + }, + { + "name": "Andy Prevost", + "email": "codeworxtech@users.sourceforge.net" + }, + { + "name": "Brent R. Matzelle" + } + ], + "description": "PHPMailer is a full-featured email creation and transfer class for PHP", + "time": "2017-03-15T19:32:56+00:00" + }, { "name": "pimple/pimple", "version": "v3.0.2", @@ -541,6 +964,52 @@ ], "time": "2016-11-11T16:29:19+00:00" }, + { + "name": "slim/pdo", + "version": "1.10.0", + "source": { + "type": "git", + "url": "https://github.com/FaaPz/Slim-PDO.git", + "reference": "9424e6d5f3737a71722ab1f868c1d3090b63287d" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/FaaPz/Slim-PDO/zipball/9424e6d5f3737a71722ab1f868c1d3090b63287d", + "reference": "9424e6d5f3737a71722ab1f868c1d3090b63287d", + "shasum": "" + }, + "require": { + "ext-pdo": "*", + "php": ">=5.3.0" + }, + "type": "library", + "autoload": { + "psr-4": { + "Slim\\PDO\\": "src/PDO/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabian de Laender", + "email": "fabian@faapz.nl", + "homepage": "http://faapz.nl", + "role": "Developer" + } + ], + "description": "PDO database library for Slim Framework", + "homepage": "https://github.com/FaaPz/Slim-PDO", + "keywords": [ + "database", + "framework", + "pdo", + "slim" + ], + "time": "2016-08-14T11:42:49+00:00" + }, { "name": "slim/php-view", "version": "2.2.0", diff --git a/container.php b/container.php deleted file mode 100644 index 5b80cff..0000000 --- a/container.php +++ /dev/null @@ -1,41 +0,0 @@ -get('settings')['database']; - $pdo = new PDO("mysql:host=" . $settings['host'] . ";dbname=" . $settings['database_name'], $settings['user'], $settings['pass']); - $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); - $pdo->setAttribute(PDO::ATTR_CASE, PDO::CASE_LOWER); - $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC); - return $pdo; -}; - -$container['view'] = function ($container) { -// $settings = $container->get('settings')['views']; -// $view = new Slim\Views\PhpRenderer($settings); -// return $view; - - $view = new \Projek\Slim\Plates([ - 'directory' => 'views', - 'assetPath' => 'public', - 'fileExtension' => 'phtml', - // Template extension (default: false) see: http://platesphp.com/extensions/asset/ - 'timestampInFilename' => false, - ]); - - $view->setResponse($container->get('response')); - - $view->loadExtension(new Projek\Slim\PlatesExtension( - $container->get('router'), - $container->get('request')->getUri() - )); - - return $view; -}; - -$container['session'] = function ($c) { - return new \SlimSession\Helper; -}; - -$container['flash'] = function () { - return new \Slim\Flash\Messages(); -}; diff --git a/controllers/admin.php b/controllers/admin.php deleted file mode 100644 index e7a4686..0000000 --- a/controllers/admin.php +++ /dev/null @@ -1,35 +0,0 @@ -container = $container; - $this->userModels = new \ryan\models\users($container); - } - - public function dashboardPage($req, $res, $args){ - return $this->view->render("admin/dashboard", $req->getAttributes()); - } - - public function beritaTenderPage($req, $res, $args){ - return $this->view->render("admin/berita-tender", $req->getAttributes()); - } - - public function addPenyelenggara($req, $res, $args){ - - } - -} diff --git a/controllers/login.php b/controllers/login.php deleted file mode 100644 index 200d4f5..0000000 --- a/controllers/login.php +++ /dev/null @@ -1,53 +0,0 @@ -container = $container; - $this->userModels = new \ryan\models\users($container); - } - - public function loginPage ($req, $res, $args) { - $req = $req->withAttribute ('lala', 'lolo'); - $req = $req->withAttribute ('authError', $this->flash->getMessage ('AuthError')); - - return $this->view->render ("login", $req->getAttributes ()); - } - - public function doLogin ($req, $res, $args) { - $username = $_POST[ 'username' ]; - $password = $_POST[ 'password' ]; - $login = $this->userModels->checkAuth ($username, md5 ($password)); - if ($login) { - $this->session->set ('id_user', $login[ 'id_user' ]); - $this->session->set ('previledge', $login[ 'previledge' ]); - -// return $res->withJson($login); - return $this->previledgeDivider ($res, $login[ 'previledge' ]); - } else { - $this->flash->addMessage ('AuthError', true); - - return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('loginPage')); - } - } - - public function previledgeDivider ($res, $previledge) { - switch ($previledge) { - case '1': - return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('adminDashboardPage')); - break; - } - } - - public function doLogout ($req, $res, $args) { - $this->session->destroy (); - - return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('loginPage')); - } - } diff --git a/get_oauth_token.php b/get_oauth_token.php new file mode 100644 index 0000000..63384a8 --- /dev/null +++ b/get_oauth_token.php @@ -0,0 +1,162 @@ +//get_oauth_token.php + * e.g.: http://localhost/phpmail/get_oauth_token.php + * * Ensure dependencies are installed with 'composer install' + * * Set up an app in your Google developer console + * * Set the script address as the app's redirect URL + * If no refresh token is obtained when running this file, revoke access to your app + * using link: https://accounts.google.com/b/0/IssuedAuthSubTokens and run the script again. + * This script requires PHP 5.4 or later + * PHP Version 5.4 + */ + +namespace League\OAuth2\Client\Provider; + +require 'vendor/autoload.php'; + +use League\OAuth2\Client\Provider\Exception\IdentityProviderException; +use League\OAuth2\Client\Token\AccessToken; +use League\OAuth2\Client\Tool\BearerAuthorizationTrait; +use Psr\Http\Message\ResponseInterface; + +session_start(); + +//If this automatic URL doesn't work, set it yourself manually +$redirectUri = isset($_SERVER['HTTPS']) ? 'https://' : 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF']; +//$redirectUri = 'http://localhost/phpmailer/get_oauth_token.php'; + +//These details obtained are by setting up app in Google developer console. +$clientId = '415435901048-edelac3m5bndr0v2e2qv0ssoh9e4t3mb.apps.googleusercontent.com'; +$clientSecret = '_8cVQNtmn3C2HD5Ixw_uM11A'; + +class Google extends AbstractProvider +{ + use BearerAuthorizationTrait; + + const ACCESS_TOKEN_RESOURCE_OWNER_ID = 'id'; + + /** + * @var string If set, this will be sent to google as the "access_type" parameter. + * @link https://developers.google.com/accounts/docs/OAuth2WebServer#offline + */ + protected $accessType; + + /** + * @var string If set, this will be sent to google as the "hd" parameter. + * @link https://developers.google.com/accounts/docs/OAuth2Login#hd-param + */ + protected $hostedDomain; + + /** + * @var string If set, this will be sent to google as the "scope" parameter. + * @link https://developers.google.com/gmail/api/auth/scopes + */ + protected $scope; + + public function getBaseAuthorizationUrl() + { + return 'https://accounts.google.com/o/oauth2/auth'; + } + + public function getBaseAccessTokenUrl(array $params) + { + return 'https://accounts.google.com/o/oauth2/token'; + } + + public function getResourceOwnerDetailsUrl(AccessToken $token) + { + return ' '; + } + + protected function getAuthorizationParameters(array $options) + { + if (is_array($this->scope)) { + $separator = $this->getScopeSeparator(); + $this->scope = implode($separator, $this->scope); + } + + $params = array_merge( + parent::getAuthorizationParameters($options), + array_filter([ + 'hd' => $this->hostedDomain, + 'access_type' => $this->accessType, + 'scope' => $this->scope, + // if the user is logged in with more than one account ask which one to use for the login! + 'authuser' => '-1' + ]) + ); + return $params; + } + + protected function getDefaultScopes() + { + return [ + 'email', + 'openid', + 'profile', + ]; + } + + protected function getScopeSeparator() + { + return ' '; + } + + protected function checkResponse(ResponseInterface $response, $data) + { + if (!empty($data['error'])) { + $code = 0; + $error = $data['error']; + + if (is_array($error)) { + $code = $error['code']; + $error = $error['message']; + } + + throw new IdentityProviderException($error, $code, $data); + } + } + + protected function createResourceOwner(array $response, AccessToken $token) + { + return new GoogleUser($response); + } +} + + +//Set Redirect URI in Developer Console as [https/http]:////get_oauth_token.php +$provider = new Google( + array( + 'clientId' => $clientId, + 'clientSecret' => $clientSecret, + 'redirectUri' => $redirectUri, + 'scope' => array('https://mail.google.com/'), + 'accessType' => 'offline' + ) +); + +if (!isset($_GET['code'])) { + // If we don't have an authorization code then get one + $authUrl = $provider->getAuthorizationUrl(); + $_SESSION['oauth2state'] = $provider->getState(); + header('Location: ' . $authUrl); + exit; +// Check given state against previously stored one to mitigate CSRF attack +} elseif (empty($_GET['state']) || ($_GET['state'] !== $_SESSION['oauth2state'])) { + unset($_SESSION['oauth2state']); + exit('Invalid state'); +} else { + // Try to get an access token (using the authorization code grant) + $token = $provider->getAccessToken( + 'authorization_code', + array( + 'code' => $_GET['code'] + ) + ); + + // Use this to get a new access token if the old one expires + echo 'Refresh Token: ' . $token->getRefreshToken(); +} diff --git a/index.php b/index.php index ed3d9dc..c5b50c3 100644 --- a/index.php +++ b/index.php @@ -6,9 +6,9 @@ require 'vendor/autoload.php'; - $settings = require 'settings.php'; + $settings = require 'app/settings.php'; $app = new \Slim\App($settings); - $app->add (new \Zeuxisoo\Whoops\Provider\Slim\WhoopsMiddleware); +// $app->add (new \Zeuxisoo\Whoops\Provider\Slim\WhoopsMiddleware); $app->add (new \Slim\Middleware\Session([ 'name' => 'dummy_session', @@ -17,14 +17,14 @@ ])); $container = $app->getContainer (); - require 'container.php'; - require 'main.php'; + require 'app/container.php'; + require 'app/main.php'; $app->add (new \ryan\main($container)); spl_autoload_register (function ($classname) { $parts = explode ('\\', $classname); - $classes = "models/" . end ($parts); + $classes = "app/models/" . end ($parts); if (file_exists ($classes . '.php')) { require $classes . '.php'; } @@ -32,13 +32,13 @@ spl_autoload_register (function ($classname) { $parts = explode ('\\', $classname); - $classes = "controllers/" . end ($parts); + $classes = "app/controllers/" . end ($parts); if (file_exists ($classes . '.php')) { require $classes . '.php'; } }); - require 'route.php'; + require 'app/route.php'; $app->get ('/', function ($req, $res, $args) { return $res->withStatus (302)->withHeader ('Location', $this->router->pathFor ('loginPage')); diff --git a/main.php b/main.php deleted file mode 100644 index 813d6d6..0000000 --- a/main.php +++ /dev/null @@ -1,35 +0,0 @@ -db = $container->get('db'); - $this->view = $container->get('view'); - $this->session = $container->get('session'); - $this->router = $container->get('router'); - $this->flash = $container->get('flash'); - } - - public function __invoke($req, $res, $next) { - $uri = $req->getUri(); - $req = $req->withAttribute('uri', $uri); - $req = $req->withAttribute('router', $this->router); - $res = $next($req, $res); - return $res; - } - -} diff --git a/models/penyelenggara.php b/models/penyelenggara.php deleted file mode 100644 index 1018881..0000000 --- a/models/penyelenggara.php +++ /dev/null @@ -1,28 +0,0 @@ -container = $container; - } - - public function addPenyelenggara ($data) { - $insert = $this->db->prepare ("insert into penyelenggara(nama_penyelanggara, alamat) values(:nama_penyelenggara, :alamat)"); - $insert->bindParam(":nama_penyelenggara", $data['nama_penyelenggara']); - $insert->bindParam(":alamat", $data['alamat']); - $insert->execute(); - return $insert->fetch(); - } - } diff --git a/models/tender.php b/models/tender.php deleted file mode 100644 index 594e9e0..0000000 --- a/models/tender.php +++ /dev/null @@ -1,27 +0,0 @@ -container = $container; - } - - public function addBeritaTender ($data) { - $this->db->prepare (" - insert into tender() - "); - } - - } diff --git a/models/users.php b/models/users.php deleted file mode 100644 index 1a7d380..0000000 --- a/models/users.php +++ /dev/null @@ -1,29 +0,0 @@ -container = $container; - } - - public function checkAuth ($username, $password) { - $login = $this->db->prepare ("select * from user where username=:username and password=:password"); - $login->bindParam (':username', $username); - $login->bindParam (':password', $password); - $login->execute (); - - return $login->fetch (); - } - } diff --git a/public/assets/css/bootstrap.css b/public/assets/css/bootstrap.css deleted file mode 100644 index 4a12976..0000000 --- a/public/assets/css/bootstrap.css +++ /dev/null @@ -1,6568 +0,0 @@ -/*! - * Bootstrap v3.3.2 (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -body { - margin: 0; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} -audio:not([controls]) { - display: none; - height: 0; -} -[hidden], -template { - display: none; -} -a { - background-color: transparent; -} -a:active, -a:hover { - outline: 0; -} -abbr[title] { - border-bottom: 1px dotted; -} -b, -strong { - font-weight: bold; -} -dfn { - font-style: italic; -} -h1 { - margin: .67em 0; - font-size: 2em; -} -mark { - color: #000; - background: #ff0; -} -small { - font-size: 80%; -} -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} -sup { - top: -.5em; -} -sub { - bottom: -.25em; -} -img { - border: 0; -} -svg:not(:root) { - overflow: hidden; -} -figure { - margin: 1em 40px; -} -hr { - height: 0; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -pre { - overflow: auto; -} -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -button, -input, -optgroup, -select, -textarea { - margin: 0; - font: inherit; - color: inherit; -} -button { - overflow: visible; -} -button, -select { - text-transform: none; -} -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} -button[disabled], -html input[disabled] { - cursor: default; -} -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} -input { - line-height: normal; -} -input[type="checkbox"], -input[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -fieldset { - padding: .35em .625em .75em; - margin: 0 2px; - border: 1px solid #c0c0c0; -} -legend { - padding: 0; - border: 0; -} -textarea { - overflow: auto; -} -optgroup { - font-weight: bold; -} -table { - border-spacing: 0; - border-collapse: collapse; -} -td, -th { - padding: 0; -} -/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ -@media print { - *, - *:before, - *:after { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } - select { - background: #fff !important; - } - .navbar { - display: none; - } - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; - } - .label { - border: 1px solid #000; - } - .table { - border-collapse: collapse !important; - } - .table td, - .table th { - background-color: #fff !important; - } - .table-bordered th, - .table-bordered td { - border: 1px solid #ddd !important; - } -} -@font-face { - font-family: 'Glyphicons Halflings'; - - src: url('../fonts/glyphicons-halflings-regular.eot'); - src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} -.glyphicon { - position: relative; - top: 1px; - display: inline-block; - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - line-height: 1; - - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.glyphicon-asterisk:before { - content: "\2a"; -} -.glyphicon-plus:before { - content: "\2b"; -} -.glyphicon-euro:before, -.glyphicon-eur:before { - content: "\20ac"; -} -.glyphicon-minus:before { - content: "\2212"; -} -.glyphicon-cloud:before { - content: "\2601"; -} -.glyphicon-envelope:before { - content: "\2709"; -} -.glyphicon-pencil:before { - content: "\270f"; -} -.glyphicon-glass:before { - content: "\e001"; -} -.glyphicon-music:before { - content: "\e002"; -} -.glyphicon-search:before { - content: "\e003"; -} -.glyphicon-heart:before { - content: "\e005"; -} -.glyphicon-star:before { - content: "\e006"; -} -.glyphicon-star-empty:before { - content: "\e007"; -} -.glyphicon-user:before { - content: "\e008"; -} -.glyphicon-film:before { - content: "\e009"; -} -.glyphicon-th-large:before { - content: "\e010"; -} -.glyphicon-th:before { - content: "\e011"; -} -.glyphicon-th-list:before { - content: "\e012"; -} -.glyphicon-ok:before { - content: "\e013"; -} -.glyphicon-remove:before { - content: "\e014"; -} -.glyphicon-zoom-in:before { - content: "\e015"; -} -.glyphicon-zoom-out:before { - content: "\e016"; -} -.glyphicon-off:before { - content: "\e017"; -} -.glyphicon-signal:before { - content: "\e018"; -} -.glyphicon-cog:before { - content: "\e019"; -} -.glyphicon-trash:before { - content: "\e020"; -} -.glyphicon-home:before { - content: "\e021"; -} -.glyphicon-file:before { - content: "\e022"; -} -.glyphicon-time:before { - content: "\e023"; -} -.glyphicon-road:before { - content: "\e024"; -} -.glyphicon-download-alt:before { - content: "\e025"; -} -.glyphicon-download:before { - content: "\e026"; -} -.glyphicon-upload:before { - content: "\e027"; -} -.glyphicon-inbox:before { - content: "\e028"; -} -.glyphicon-play-circle:before { - content: "\e029"; -} -.glyphicon-repeat:before { - content: "\e030"; -} -.glyphicon-refresh:before { - content: "\e031"; -} -.glyphicon-list-alt:before { - content: "\e032"; -} -.glyphicon-lock:before { - content: "\e033"; -} -.glyphicon-flag:before { - content: "\e034"; -} -.glyphicon-headphones:before { - content: "\e035"; -} -.glyphicon-volume-off:before { - content: "\e036"; -} -.glyphicon-volume-down:before { - content: "\e037"; -} -.glyphicon-volume-up:before { - content: "\e038"; -} -.glyphicon-qrcode:before { - content: "\e039"; -} -.glyphicon-barcode:before { - content: "\e040"; -} -.glyphicon-tag:before { - content: "\e041"; -} -.glyphicon-tags:before { - content: "\e042"; -} -.glyphicon-book:before { - content: "\e043"; -} -.glyphicon-bookmark:before { - content: "\e044"; -} -.glyphicon-print:before { - content: "\e045"; -} -.glyphicon-camera:before { - content: "\e046"; -} -.glyphicon-font:before { - content: "\e047"; -} -.glyphicon-bold:before { - content: "\e048"; -} -.glyphicon-italic:before { - content: "\e049"; -} -.glyphicon-text-height:before { - content: "\e050"; -} -.glyphicon-text-width:before { - content: "\e051"; -} -.glyphicon-align-left:before { - content: "\e052"; -} -.glyphicon-align-center:before { - content: "\e053"; -} -.glyphicon-align-right:before { - content: "\e054"; -} -.glyphicon-align-justify:before { - content: "\e055"; -} -.glyphicon-list:before { - content: "\e056"; -} -.glyphicon-indent-left:before { - content: "\e057"; -} -.glyphicon-indent-right:before { - content: "\e058"; -} -.glyphicon-facetime-video:before { - content: "\e059"; -} -.glyphicon-picture:before { - content: "\e060"; -} -.glyphicon-map-marker:before { - content: "\e062"; -} -.glyphicon-adjust:before { - content: "\e063"; -} -.glyphicon-tint:before { - content: "\e064"; -} -.glyphicon-edit:before { - content: "\e065"; -} -.glyphicon-share:before { - content: "\e066"; -} -.glyphicon-check:before { - content: "\e067"; -} -.glyphicon-move:before { - content: "\e068"; -} -.glyphicon-step-backward:before { - content: "\e069"; -} -.glyphicon-fast-backward:before { - content: "\e070"; -} -.glyphicon-backward:before { - content: "\e071"; -} -.glyphicon-play:before { - content: "\e072"; -} -.glyphicon-pause:before { - content: "\e073"; -} -.glyphicon-stop:before { - content: "\e074"; -} -.glyphicon-forward:before { - content: "\e075"; -} -.glyphicon-fast-forward:before { - content: "\e076"; -} -.glyphicon-step-forward:before { - content: "\e077"; -} -.glyphicon-eject:before { - content: "\e078"; -} -.glyphicon-chevron-left:before { - content: "\e079"; -} -.glyphicon-chevron-right:before { - content: "\e080"; -} -.glyphicon-plus-sign:before { - content: "\e081"; -} -.glyphicon-minus-sign:before { - content: "\e082"; -} -.glyphicon-remove-sign:before { - content: "\e083"; -} -.glyphicon-ok-sign:before { - content: "\e084"; -} -.glyphicon-question-sign:before { - content: "\e085"; -} -.glyphicon-info-sign:before { - content: "\e086"; -} -.glyphicon-screenshot:before { - content: "\e087"; -} -.glyphicon-remove-circle:before { - content: "\e088"; -} -.glyphicon-ok-circle:before { - content: "\e089"; -} -.glyphicon-ban-circle:before { - content: "\e090"; -} -.glyphicon-arrow-left:before { - content: "\e091"; -} -.glyphicon-arrow-right:before { - content: "\e092"; -} -.glyphicon-arrow-up:before { - content: "\e093"; -} -.glyphicon-arrow-down:before { - content: "\e094"; -} -.glyphicon-share-alt:before { - content: "\e095"; -} -.glyphicon-resize-full:before { - content: "\e096"; -} -.glyphicon-resize-small:before { - content: "\e097"; -} -.glyphicon-exclamation-sign:before { - content: "\e101"; -} -.glyphicon-gift:before { - content: "\e102"; -} -.glyphicon-leaf:before { - content: "\e103"; -} -.glyphicon-fire:before { - content: "\e104"; -} -.glyphicon-eye-open:before { - content: "\e105"; -} -.glyphicon-eye-close:before { - content: "\e106"; -} -.glyphicon-warning-sign:before { - content: "\e107"; -} -.glyphicon-plane:before { - content: "\e108"; -} -.glyphicon-calendar:before { - content: "\e109"; -} -.glyphicon-random:before { - content: "\e110"; -} -.glyphicon-comment:before { - content: "\e111"; -} -.glyphicon-magnet:before { - content: "\e112"; -} -.glyphicon-chevron-up:before { - content: "\e113"; -} -.glyphicon-chevron-down:before { - content: "\e114"; -} -.glyphicon-retweet:before { - content: "\e115"; -} -.glyphicon-shopping-cart:before { - content: "\e116"; -} -.glyphicon-folder-close:before { - content: "\e117"; -} -.glyphicon-folder-open:before { - content: "\e118"; -} -.glyphicon-resize-vertical:before { - content: "\e119"; -} -.glyphicon-resize-horizontal:before { - content: "\e120"; -} -.glyphicon-hdd:before { - content: "\e121"; -} -.glyphicon-bullhorn:before { - content: "\e122"; -} -.glyphicon-bell:before { - content: "\e123"; -} -.glyphicon-certificate:before { - content: "\e124"; -} -.glyphicon-thumbs-up:before { - content: "\e125"; -} -.glyphicon-thumbs-down:before { - content: "\e126"; -} -.glyphicon-hand-right:before { - content: "\e127"; -} -.glyphicon-hand-left:before { - content: "\e128"; -} -.glyphicon-hand-up:before { - content: "\e129"; -} -.glyphicon-hand-down:before { - content: "\e130"; -} -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} -.glyphicon-globe:before { - content: "\e135"; -} -.glyphicon-wrench:before { - content: "\e136"; -} -.glyphicon-tasks:before { - content: "\e137"; -} -.glyphicon-filter:before { - content: "\e138"; -} -.glyphicon-briefcase:before { - content: "\e139"; -} -.glyphicon-fullscreen:before { - content: "\e140"; -} -.glyphicon-dashboard:before { - content: "\e141"; -} -.glyphicon-paperclip:before { - content: "\e142"; -} -.glyphicon-heart-empty:before { - content: "\e143"; -} -.glyphicon-link:before { - content: "\e144"; -} -.glyphicon-phone:before { - content: "\e145"; -} -.glyphicon-pushpin:before { - content: "\e146"; -} -.glyphicon-usd:before { - content: "\e148"; -} -.glyphicon-gbp:before { - content: "\e149"; -} -.glyphicon-sort:before { - content: "\e150"; -} -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} -.glyphicon-sort-by-order:before { - content: "\e153"; -} -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} -.glyphicon-unchecked:before { - content: "\e157"; -} -.glyphicon-expand:before { - content: "\e158"; -} -.glyphicon-collapse-down:before { - content: "\e159"; -} -.glyphicon-collapse-up:before { - content: "\e160"; -} -.glyphicon-log-in:before { - content: "\e161"; -} -.glyphicon-flash:before { - content: "\e162"; -} -.glyphicon-log-out:before { - content: "\e163"; -} -.glyphicon-new-window:before { - content: "\e164"; -} -.glyphicon-record:before { - content: "\e165"; -} -.glyphicon-save:before { - content: "\e166"; -} -.glyphicon-open:before { - content: "\e167"; -} -.glyphicon-saved:before { - content: "\e168"; -} -.glyphicon-import:before { - content: "\e169"; -} -.glyphicon-export:before { - content: "\e170"; -} -.glyphicon-send:before { - content: "\e171"; -} -.glyphicon-floppy-disk:before { - content: "\e172"; -} -.glyphicon-floppy-saved:before { - content: "\e173"; -} -.glyphicon-floppy-remove:before { - content: "\e174"; -} -.glyphicon-floppy-save:before { - content: "\e175"; -} -.glyphicon-floppy-open:before { - content: "\e176"; -} -.glyphicon-credit-card:before { - content: "\e177"; -} -.glyphicon-transfer:before { - content: "\e178"; -} -.glyphicon-cutlery:before { - content: "\e179"; -} -.glyphicon-header:before { - content: "\e180"; -} -.glyphicon-compressed:before { - content: "\e181"; -} -.glyphicon-earphone:before { - content: "\e182"; -} -.glyphicon-phone-alt:before { - content: "\e183"; -} -.glyphicon-tower:before { - content: "\e184"; -} -.glyphicon-stats:before { - content: "\e185"; -} -.glyphicon-sd-video:before { - content: "\e186"; -} -.glyphicon-hd-video:before { - content: "\e187"; -} -.glyphicon-subtitles:before { - content: "\e188"; -} -.glyphicon-sound-stereo:before { - content: "\e189"; -} -.glyphicon-sound-dolby:before { - content: "\e190"; -} -.glyphicon-sound-5-1:before { - content: "\e191"; -} -.glyphicon-sound-6-1:before { - content: "\e192"; -} -.glyphicon-sound-7-1:before { - content: "\e193"; -} -.glyphicon-copyright-mark:before { - content: "\e194"; -} -.glyphicon-registration-mark:before { - content: "\e195"; -} -.glyphicon-cloud-download:before { - content: "\e197"; -} -.glyphicon-cloud-upload:before { - content: "\e198"; -} -.glyphicon-tree-conifer:before { - content: "\e199"; -} -.glyphicon-tree-deciduous:before { - content: "\e200"; -} -.glyphicon-cd:before { - content: "\e201"; -} -.glyphicon-save-file:before { - content: "\e202"; -} -.glyphicon-open-file:before { - content: "\e203"; -} -.glyphicon-level-up:before { - content: "\e204"; -} -.glyphicon-copy:before { - content: "\e205"; -} -.glyphicon-paste:before { - content: "\e206"; -} -.glyphicon-alert:before { - content: "\e209"; -} -.glyphicon-equalizer:before { - content: "\e210"; -} -.glyphicon-king:before { - content: "\e211"; -} -.glyphicon-queen:before { - content: "\e212"; -} -.glyphicon-pawn:before { - content: "\e213"; -} -.glyphicon-bishop:before { - content: "\e214"; -} -.glyphicon-knight:before { - content: "\e215"; -} -.glyphicon-baby-formula:before { - content: "\e216"; -} -.glyphicon-tent:before { - content: "\26fa"; -} -.glyphicon-blackboard:before { - content: "\e218"; -} -.glyphicon-bed:before { - content: "\e219"; -} -.glyphicon-apple:before { - content: "\f8ff"; -} -.glyphicon-erase:before { - content: "\e221"; -} -.glyphicon-hourglass:before { - content: "\231b"; -} -.glyphicon-lamp:before { - content: "\e223"; -} -.glyphicon-duplicate:before { - content: "\e224"; -} -.glyphicon-piggy-bank:before { - content: "\e225"; -} -.glyphicon-scissors:before { - content: "\e226"; -} -.glyphicon-bitcoin:before { - content: "\e227"; -} -.glyphicon-yen:before { - content: "\00a5"; -} -.glyphicon-ruble:before { - content: "\20bd"; -} -.glyphicon-scale:before { - content: "\e230"; -} -.glyphicon-ice-lolly:before { - content: "\e231"; -} -.glyphicon-ice-lolly-tasted:before { - content: "\e232"; -} -.glyphicon-education:before { - content: "\e233"; -} -.glyphicon-option-horizontal:before { - content: "\e234"; -} -.glyphicon-option-vertical:before { - content: "\e235"; -} -.glyphicon-menu-hamburger:before { - content: "\e236"; -} -.glyphicon-modal-window:before { - content: "\e237"; -} -.glyphicon-oil:before { - content: "\e238"; -} -.glyphicon-grain:before { - content: "\e239"; -} -.glyphicon-sunglasses:before { - content: "\e240"; -} -.glyphicon-text-size:before { - content: "\e241"; -} -.glyphicon-text-color:before { - content: "\e242"; -} -.glyphicon-text-background:before { - content: "\e243"; -} -.glyphicon-object-align-top:before { - content: "\e244"; -} -.glyphicon-object-align-bottom:before { - content: "\e245"; -} -.glyphicon-object-align-horizontal:before { - content: "\e246"; -} -.glyphicon-object-align-left:before { - content: "\e247"; -} -.glyphicon-object-align-vertical:before { - content: "\e248"; -} -.glyphicon-object-align-right:before { - content: "\e249"; -} -.glyphicon-triangle-right:before { - content: "\e250"; -} -.glyphicon-triangle-left:before { - content: "\e251"; -} -.glyphicon-triangle-bottom:before { - content: "\e252"; -} -.glyphicon-triangle-top:before { - content: "\e253"; -} -.glyphicon-console:before { - content: "\e254"; -} -.glyphicon-superscript:before { - content: "\e255"; -} -.glyphicon-subscript:before { - content: "\e256"; -} -.glyphicon-menu-left:before { - content: "\e257"; -} -.glyphicon-menu-right:before { - content: "\e258"; -} -.glyphicon-menu-down:before { - content: "\e259"; -} -.glyphicon-menu-up:before { - content: "\e260"; -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -html { - font-size: 10px; - - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 1.42857143; - color: #333; - background-color: #fff; -} -input, -button, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} -a { - color: #337ab7; - text-decoration: none; -} -a:hover, -a:focus { - color: #23527c; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -figure { - margin: 0; -} -img { - vertical-align: middle; -} -.img-responsive, -.thumbnail > img, -.thumbnail a > img, -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - display: block; - max-width: 100%; - height: auto; -} -.img-rounded { - border-radius: 6px; -} -.img-thumbnail { - display: inline-block; - max-width: 100%; - height: auto; - padding: 4px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.img-circle { - border-radius: 50%; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eee; -} -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.sr-only-focusable:active, -.sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; -} -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: inherit; - font-weight: 500; - line-height: 1.1; - color: inherit; -} -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small, -.h1 small, -.h2 small, -.h3 small, -.h4 small, -.h5 small, -.h6 small, -h1 .small, -h2 .small, -h3 .small, -h4 .small, -h5 .small, -h6 .small, -.h1 .small, -.h2 .small, -.h3 .small, -.h4 .small, -.h5 .small, -.h6 .small { - font-weight: normal; - line-height: 1; - color: #777; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 10px; -} -h1 small, -.h1 small, -h2 small, -.h2 small, -h3 small, -.h3 small, -h1 .small, -.h1 .small, -h2 .small, -.h2 .small, -h3 .small, -.h3 .small { - font-size: 65%; -} -h4, -.h4, -h5, -.h5, -h6, -.h6 { - margin-top: 10px; - margin-bottom: 10px; -} -h4 small, -.h4 small, -h5 small, -.h5 small, -h6 small, -.h6 small, -h4 .small, -.h4 .small, -h5 .small, -.h5 .small, -h6 .small, -.h6 .small { - font-size: 75%; -} -h1, -.h1 { - font-size: 36px; -} -h2, -.h2 { - font-size: 30px; -} -h3, -.h3 { - font-size: 24px; -} -h4, -.h4 { - font-size: 18px; -} -h5, -.h5 { - font-size: 14px; -} -h6, -.h6 { - font-size: 12px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 16px; - font-weight: 300; - line-height: 1.4; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -small, -.small { - font-size: 85%; -} -mark, -.mark { - padding: .2em; - background-color: #fcf8e3; -} -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-center { - text-align: center; -} -.text-justify { - text-align: justify; -} -.text-nowrap { - white-space: nowrap; -} -.text-lowercase { - text-transform: lowercase; -} -.text-uppercase { - text-transform: uppercase; -} -.text-capitalize { - text-transform: capitalize; -} -.text-muted { - color: #777; -} -.text-primary { - color: #337ab7; -} -a.text-primary:hover { - color: #286090; -} -.text-success { - color: #3c763d; -} -a.text-success:hover { - color: #2b542c; -} -.text-info { - color: #31708f; -} -a.text-info:hover { - color: #245269; -} -.text-warning { - color: #8a6d3b; -} -a.text-warning:hover { - color: #66512c; -} -.text-danger { - color: #a94442; -} -a.text-danger:hover { - color: #843534; -} -.bg-primary { - color: #fff; - background-color: #337ab7; -} -a.bg-primary:hover { - background-color: #286090; -} -.bg-success { - background-color: #dff0d8; -} -a.bg-success:hover { - background-color: #c1e2b3; -} -.bg-info { - background-color: #d9edf7; -} -a.bg-info:hover { - background-color: #afd9ee; -} -.bg-warning { - background-color: #fcf8e3; -} -a.bg-warning:hover { - background-color: #f7ecb5; -} -.bg-danger { - background-color: #f2dede; -} -a.bg-danger:hover { - background-color: #e4b9b9; -} -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eee; -} -ul, -ol { - margin-top: 0; - margin-bottom: 10px; -} -ul ul, -ol ul, -ul ol, -ol ol { - margin-bottom: 0; -} -.list-unstyled { - padding-left: 0; - list-style: none; -} -.list-inline { - padding-left: 0; - margin-left: -5px; - list-style: none; -} -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} -dl { - margin-top: 0; - margin-bottom: 20px; -} -dt, -dd { - line-height: 1.42857143; -} -dt { - font-weight: bold; -} -dd { - margin-left: 0; -} -@media (min-width: 768px) { - .dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - } - .dl-horizontal dd { - margin-left: 180px; - } -} -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #777; -} -.initialism { - font-size: 90%; - text-transform: uppercase; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 17.5px; - border-left: 5px solid #eee; -} -blockquote p:last-child, -blockquote ul:last-child, -blockquote ol:last-child { - margin-bottom: 0; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #777; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - text-align: right; - border-right: 5px solid #eee; - border-left: 0; -} -.blockquote-reverse footer:before, -blockquote.pull-right footer:before, -.blockquote-reverse small:before, -blockquote.pull-right small:before, -.blockquote-reverse .small:before, -blockquote.pull-right .small:before { - content: ''; -} -.blockquote-reverse footer:after, -blockquote.pull-right footer:after, -.blockquote-reverse small:after, -blockquote.pull-right small:after, -.blockquote-reverse .small:after, -blockquote.pull-right .small:after { - content: '\00A0 \2014'; -} -address { - margin-bottom: 20px; - font-style: normal; - line-height: 1.42857143; -} -code, -kbd, -pre, -samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; -} -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; - border-radius: 4px; -} -kbd { - padding: 2px 4px; - font-size: 90%; - color: #fff; - background-color: #333; - border-radius: 3px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); -} -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: bold; - -webkit-box-shadow: none; - box-shadow: none; -} -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 1.42857143; - color: #333; - word-break: break-all; - word-wrap: break-word; - background-color: #f5f5f5; - border: 1px solid #ccc; - border-radius: 4px; -} -pre code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; -} -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} -.container { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -@media (min-width: 768px) { - .container { - width: 750px; - } -} -@media (min-width: 992px) { - .container { - width: 970px; - } -} -@media (min-width: 1200px) { - .container { - width: 1170px; - } -} -.container-fluid { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -.row { - margin-right: -15px; - margin-left: -15px; -} -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; -} -.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { - float: left; -} -.col-xs-12 { - width: 100%; -} -.col-xs-11 { - width: 91.66666667%; -} -.col-xs-10 { - width: 83.33333333%; -} -.col-xs-9 { - width: 75%; -} -.col-xs-8 { - width: 66.66666667%; -} -.col-xs-7 { - width: 58.33333333%; -} -.col-xs-6 { - width: 50%; -} -.col-xs-5 { - width: 41.66666667%; -} -.col-xs-4 { - width: 33.33333333%; -} -.col-xs-3 { - width: 25%; -} -.col-xs-2 { - width: 16.66666667%; -} -.col-xs-1 { - width: 8.33333333%; -} -.col-xs-pull-12 { - right: 100%; -} -.col-xs-pull-11 { - right: 91.66666667%; -} -.col-xs-pull-10 { - right: 83.33333333%; -} -.col-xs-pull-9 { - right: 75%; -} -.col-xs-pull-8 { - right: 66.66666667%; -} -.col-xs-pull-7 { - right: 58.33333333%; -} -.col-xs-pull-6 { - right: 50%; -} -.col-xs-pull-5 { - right: 41.66666667%; -} -.col-xs-pull-4 { - right: 33.33333333%; -} -.col-xs-pull-3 { - right: 25%; -} -.col-xs-pull-2 { - right: 16.66666667%; -} -.col-xs-pull-1 { - right: 8.33333333%; -} -.col-xs-pull-0 { - right: auto; -} -.col-xs-push-12 { - left: 100%; -} -.col-xs-push-11 { - left: 91.66666667%; -} -.col-xs-push-10 { - left: 83.33333333%; -} -.col-xs-push-9 { - left: 75%; -} -.col-xs-push-8 { - left: 66.66666667%; -} -.col-xs-push-7 { - left: 58.33333333%; -} -.col-xs-push-6 { - left: 50%; -} -.col-xs-push-5 { - left: 41.66666667%; -} -.col-xs-push-4 { - left: 33.33333333%; -} -.col-xs-push-3 { - left: 25%; -} -.col-xs-push-2 { - left: 16.66666667%; -} -.col-xs-push-1 { - left: 8.33333333%; -} -.col-xs-push-0 { - left: auto; -} -.col-xs-offset-12 { - margin-left: 100%; -} -.col-xs-offset-11 { - margin-left: 91.66666667%; -} -.col-xs-offset-10 { - margin-left: 83.33333333%; -} -.col-xs-offset-9 { - margin-left: 75%; -} -.col-xs-offset-8 { - margin-left: 66.66666667%; -} -.col-xs-offset-7 { - margin-left: 58.33333333%; -} -.col-xs-offset-6 { - margin-left: 50%; -} -.col-xs-offset-5 { - margin-left: 41.66666667%; -} -.col-xs-offset-4 { - margin-left: 33.33333333%; -} -.col-xs-offset-3 { - margin-left: 25%; -} -.col-xs-offset-2 { - margin-left: 16.66666667%; -} -.col-xs-offset-1 { - margin-left: 8.33333333%; -} -.col-xs-offset-0 { - margin-left: 0; -} -@media (min-width: 768px) { - .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; - } - .col-sm-12 { - width: 100%; - } - .col-sm-11 { - width: 91.66666667%; - } - .col-sm-10 { - width: 83.33333333%; - } - .col-sm-9 { - width: 75%; - } - .col-sm-8 { - width: 66.66666667%; - } - .col-sm-7 { - width: 58.33333333%; - } - .col-sm-6 { - width: 50%; - } - .col-sm-5 { - width: 41.66666667%; - } - .col-sm-4 { - width: 33.33333333%; - } - .col-sm-3 { - width: 25%; - } - .col-sm-2 { - width: 16.66666667%; - } - .col-sm-1 { - width: 8.33333333%; - } - .col-sm-pull-12 { - right: 100%; - } - .col-sm-pull-11 { - right: 91.66666667%; - } - .col-sm-pull-10 { - right: 83.33333333%; - } - .col-sm-pull-9 { - right: 75%; - } - .col-sm-pull-8 { - right: 66.66666667%; - } - .col-sm-pull-7 { - right: 58.33333333%; - } - .col-sm-pull-6 { - right: 50%; - } - .col-sm-pull-5 { - right: 41.66666667%; - } - .col-sm-pull-4 { - right: 33.33333333%; - } - .col-sm-pull-3 { - right: 25%; - } - .col-sm-pull-2 { - right: 16.66666667%; - } - .col-sm-pull-1 { - right: 8.33333333%; - } - .col-sm-pull-0 { - right: auto; - } - .col-sm-push-12 { - left: 100%; - } - .col-sm-push-11 { - left: 91.66666667%; - } - .col-sm-push-10 { - left: 83.33333333%; - } - .col-sm-push-9 { - left: 75%; - } - .col-sm-push-8 { - left: 66.66666667%; - } - .col-sm-push-7 { - left: 58.33333333%; - } - .col-sm-push-6 { - left: 50%; - } - .col-sm-push-5 { - left: 41.66666667%; - } - .col-sm-push-4 { - left: 33.33333333%; - } - .col-sm-push-3 { - left: 25%; - } - .col-sm-push-2 { - left: 16.66666667%; - } - .col-sm-push-1 { - left: 8.33333333%; - } - .col-sm-push-0 { - left: auto; - } - .col-sm-offset-12 { - margin-left: 100%; - } - .col-sm-offset-11 { - margin-left: 91.66666667%; - } - .col-sm-offset-10 { - margin-left: 83.33333333%; - } - .col-sm-offset-9 { - margin-left: 75%; - } - .col-sm-offset-8 { - margin-left: 66.66666667%; - } - .col-sm-offset-7 { - margin-left: 58.33333333%; - } - .col-sm-offset-6 { - margin-left: 50%; - } - .col-sm-offset-5 { - margin-left: 41.66666667%; - } - .col-sm-offset-4 { - margin-left: 33.33333333%; - } - .col-sm-offset-3 { - margin-left: 25%; - } - .col-sm-offset-2 { - margin-left: 16.66666667%; - } - .col-sm-offset-1 { - margin-left: 8.33333333%; - } - .col-sm-offset-0 { - margin-left: 0; - } -} -@media (min-width: 992px) { - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; - } - .col-md-10 { - width: 83.33333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.66666667%; - } - .col-md-7 { - width: 58.33333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.66666667%; - } - .col-md-4 { - width: 33.33333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.66666667%; - } - .col-md-1 { - width: 8.33333333%; - } - .col-md-pull-12 { - right: 100%; - } - .col-md-pull-11 { - right: 91.66666667%; - } - .col-md-pull-10 { - right: 83.33333333%; - } - .col-md-pull-9 { - right: 75%; - } - .col-md-pull-8 { - right: 66.66666667%; - } - .col-md-pull-7 { - right: 58.33333333%; - } - .col-md-pull-6 { - right: 50%; - } - .col-md-pull-5 { - right: 41.66666667%; - } - .col-md-pull-4 { - right: 33.33333333%; - } - .col-md-pull-3 { - right: 25%; - } - .col-md-pull-2 { - right: 16.66666667%; - } - .col-md-pull-1 { - right: 8.33333333%; - } - .col-md-pull-0 { - right: auto; - } - .col-md-push-12 { - left: 100%; - } - .col-md-push-11 { - left: 91.66666667%; - } - .col-md-push-10 { - left: 83.33333333%; - } - .col-md-push-9 { - left: 75%; - } - .col-md-push-8 { - left: 66.66666667%; - } - .col-md-push-7 { - left: 58.33333333%; - } - .col-md-push-6 { - left: 50%; - } - .col-md-push-5 { - left: 41.66666667%; - } - .col-md-push-4 { - left: 33.33333333%; - } - .col-md-push-3 { - left: 25%; - } - .col-md-push-2 { - left: 16.66666667%; - } - .col-md-push-1 { - left: 8.33333333%; - } - .col-md-push-0 { - left: auto; - } - .col-md-offset-12 { - margin-left: 100%; - } - .col-md-offset-11 { - margin-left: 91.66666667%; - } - .col-md-offset-10 { - margin-left: 83.33333333%; - } - .col-md-offset-9 { - margin-left: 75%; - } - .col-md-offset-8 { - margin-left: 66.66666667%; - } - .col-md-offset-7 { - margin-left: 58.33333333%; - } - .col-md-offset-6 { - margin-left: 50%; - } - .col-md-offset-5 { - margin-left: 41.66666667%; - } - .col-md-offset-4 { - margin-left: 33.33333333%; - } - .col-md-offset-3 { - margin-left: 25%; - } - .col-md-offset-2 { - margin-left: 16.66666667%; - } - .col-md-offset-1 { - margin-left: 8.33333333%; - } - .col-md-offset-0 { - margin-left: 0; - } -} -@media (min-width: 1200px) { - .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { - float: left; - } - .col-lg-12 { - width: 100%; - } - .col-lg-11 { - width: 91.66666667%; - } - .col-lg-10 { - width: 83.33333333%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-8 { - width: 66.66666667%; - } - .col-lg-7 { - width: 58.33333333%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-5 { - width: 41.66666667%; - } - .col-lg-4 { - width: 33.33333333%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-2 { - width: 16.66666667%; - } - .col-lg-1 { - width: 8.33333333%; - } - .col-lg-pull-12 { - right: 100%; - } - .col-lg-pull-11 { - right: 91.66666667%; - } - .col-lg-pull-10 { - right: 83.33333333%; - } - .col-lg-pull-9 { - right: 75%; - } - .col-lg-pull-8 { - right: 66.66666667%; - } - .col-lg-pull-7 { - right: 58.33333333%; - } - .col-lg-pull-6 { - right: 50%; - } - .col-lg-pull-5 { - right: 41.66666667%; - } - .col-lg-pull-4 { - right: 33.33333333%; - } - .col-lg-pull-3 { - right: 25%; - } - .col-lg-pull-2 { - right: 16.66666667%; - } - .col-lg-pull-1 { - right: 8.33333333%; - } - .col-lg-pull-0 { - right: auto; - } - .col-lg-push-12 { - left: 100%; - } - .col-lg-push-11 { - left: 91.66666667%; - } - .col-lg-push-10 { - left: 83.33333333%; - } - .col-lg-push-9 { - left: 75%; - } - .col-lg-push-8 { - left: 66.66666667%; - } - .col-lg-push-7 { - left: 58.33333333%; - } - .col-lg-push-6 { - left: 50%; - } - .col-lg-push-5 { - left: 41.66666667%; - } - .col-lg-push-4 { - left: 33.33333333%; - } - .col-lg-push-3 { - left: 25%; - } - .col-lg-push-2 { - left: 16.66666667%; - } - .col-lg-push-1 { - left: 8.33333333%; - } - .col-lg-push-0 { - left: auto; - } - .col-lg-offset-12 { - margin-left: 100%; - } - .col-lg-offset-11 { - margin-left: 91.66666667%; - } - .col-lg-offset-10 { - margin-left: 83.33333333%; - } - .col-lg-offset-9 { - margin-left: 75%; - } - .col-lg-offset-8 { - margin-left: 66.66666667%; - } - .col-lg-offset-7 { - margin-left: 58.33333333%; - } - .col-lg-offset-6 { - margin-left: 50%; - } - .col-lg-offset-5 { - margin-left: 41.66666667%; - } - .col-lg-offset-4 { - margin-left: 33.33333333%; - } - .col-lg-offset-3 { - margin-left: 25%; - } - .col-lg-offset-2 { - margin-left: 16.66666667%; - } - .col-lg-offset-1 { - margin-left: 8.33333333%; - } - .col-lg-offset-0 { - margin-left: 0; - } -} -table { - background-color: transparent; -} -caption { - padding-top: 8px; - padding-bottom: 8px; - color: #777; - text-align: left; -} -th { - text-align: left; -} -.table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; -} -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 8px; - line-height: 1.42857143; - vertical-align: top; - border-top: 1px solid #ddd; -} -.table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #ddd; -} -.table > caption + thead > tr:first-child > th, -.table > colgroup + thead > tr:first-child > th, -.table > thead:first-child > tr:first-child > th, -.table > caption + thead > tr:first-child > td, -.table > colgroup + thead > tr:first-child > td, -.table > thead:first-child > tr:first-child > td { - border-top: 0; -} -.table > tbody + tbody { - border-top: 2px solid #ddd; -} -.table .table { - background-color: #fff; -} -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} -.table-bordered { - border: 1px solid #ddd; -} -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #ddd; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: #f9f9f9; -} -.table-hover > tbody > tr:hover { - background-color: #f5f5f5; -} -table col[class*="col-"] { - position: static; - display: table-column; - float: none; -} -table td[class*="col-"], -table th[class*="col-"] { - position: static; - display: table-cell; - float: none; -} -.table > thead > tr > td.active, -.table > tbody > tr > td.active, -.table > tfoot > tr > td.active, -.table > thead > tr > th.active, -.table > tbody > tr > th.active, -.table > tfoot > tr > th.active, -.table > thead > tr.active > td, -.table > tbody > tr.active > td, -.table > tfoot > tr.active > td, -.table > thead > tr.active > th, -.table > tbody > tr.active > th, -.table > tfoot > tr.active > th { - background-color: #f5f5f5; -} -.table-hover > tbody > tr > td.active:hover, -.table-hover > tbody > tr > th.active:hover, -.table-hover > tbody > tr.active:hover > td, -.table-hover > tbody > tr:hover > .active, -.table-hover > tbody > tr.active:hover > th { - background-color: #e8e8e8; -} -.table > thead > tr > td.success, -.table > tbody > tr > td.success, -.table > tfoot > tr > td.success, -.table > thead > tr > th.success, -.table > tbody > tr > th.success, -.table > tfoot > tr > th.success, -.table > thead > tr.success > td, -.table > tbody > tr.success > td, -.table > tfoot > tr.success > td, -.table > thead > tr.success > th, -.table > tbody > tr.success > th, -.table > tfoot > tr.success > th { - background-color: #dff0d8; -} -.table-hover > tbody > tr > td.success:hover, -.table-hover > tbody > tr > th.success:hover, -.table-hover > tbody > tr.success:hover > td, -.table-hover > tbody > tr:hover > .success, -.table-hover > tbody > tr.success:hover > th { - background-color: #d0e9c6; -} -.table > thead > tr > td.info, -.table > tbody > tr > td.info, -.table > tfoot > tr > td.info, -.table > thead > tr > th.info, -.table > tbody > tr > th.info, -.table > tfoot > tr > th.info, -.table > thead > tr.info > td, -.table > tbody > tr.info > td, -.table > tfoot > tr.info > td, -.table > thead > tr.info > th, -.table > tbody > tr.info > th, -.table > tfoot > tr.info > th { - background-color: #d9edf7; -} -.table-hover > tbody > tr > td.info:hover, -.table-hover > tbody > tr > th.info:hover, -.table-hover > tbody > tr.info:hover > td, -.table-hover > tbody > tr:hover > .info, -.table-hover > tbody > tr.info:hover > th { - background-color: #c4e3f3; -} -.table > thead > tr > td.warning, -.table > tbody > tr > td.warning, -.table > tfoot > tr > td.warning, -.table > thead > tr > th.warning, -.table > tbody > tr > th.warning, -.table > tfoot > tr > th.warning, -.table > thead > tr.warning > td, -.table > tbody > tr.warning > td, -.table > tfoot > tr.warning > td, -.table > thead > tr.warning > th, -.table > tbody > tr.warning > th, -.table > tfoot > tr.warning > th { - background-color: #fcf8e3; -} -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td, -.table-hover > tbody > tr:hover > .warning, -.table-hover > tbody > tr.warning:hover > th { - background-color: #faf2cc; -} -.table > thead > tr > td.danger, -.table > tbody > tr > td.danger, -.table > tfoot > tr > td.danger, -.table > thead > tr > th.danger, -.table > tbody > tr > th.danger, -.table > tfoot > tr > th.danger, -.table > thead > tr.danger > td, -.table > tbody > tr.danger > td, -.table > tfoot > tr.danger > td, -.table > thead > tr.danger > th, -.table > tbody > tr.danger > th, -.table > tfoot > tr.danger > th { - background-color: #f2dede; -} -.table-hover > tbody > tr > td.danger:hover, -.table-hover > tbody > tr > th.danger:hover, -.table-hover > tbody > tr.danger:hover > td, -.table-hover > tbody > tr:hover > .danger, -.table-hover > tbody > tr.danger:hover > th { - background-color: #ebcccc; -} -.table-responsive { - min-height: .01%; - overflow-x: auto; -} -@media screen and (max-width: 767px) { - .table-responsive { - width: 100%; - margin-bottom: 15px; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #ddd; - } - .table-responsive > .table { - margin-bottom: 0; - } - .table-responsive > .table > thead > tr > th, - .table-responsive > .table > tbody > tr > th, - .table-responsive > .table > tfoot > tr > th, - .table-responsive > .table > thead > tr > td, - .table-responsive > .table > tbody > tr > td, - .table-responsive > .table > tfoot > tr > td { - white-space: nowrap; - } - .table-responsive > .table-bordered { - border: 0; - } - .table-responsive > .table-bordered > thead > tr > th:first-child, - .table-responsive > .table-bordered > tbody > tr > th:first-child, - .table-responsive > .table-bordered > tfoot > tr > th:first-child, - .table-responsive > .table-bordered > thead > tr > td:first-child, - .table-responsive > .table-bordered > tbody > tr > td:first-child, - .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; - } - .table-responsive > .table-bordered > thead > tr > th:last-child, - .table-responsive > .table-bordered > tbody > tr > th:last-child, - .table-responsive > .table-bordered > tfoot > tr > th:last-child, - .table-responsive > .table-bordered > thead > tr > td:last-child, - .table-responsive > .table-bordered > tbody > tr > td:last-child, - .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; - } - .table-responsive > .table-bordered > tbody > tr:last-child > th, - .table-responsive > .table-bordered > tfoot > tr:last-child > th, - .table-responsive > .table-bordered > tbody > tr:last-child > td, - .table-responsive > .table-bordered > tfoot > tr:last-child > td { - border-bottom: 0; - } -} -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -label { - display: inline-block; - max-width: 100%; - margin-bottom: 5px; - font-weight: bold; -} -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - line-height: normal; -} -input[type="file"] { - display: block; -} -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -output { - display: block; - padding-top: 7px; - font-size: 14px; - line-height: 1.42857143; - color: #555; -} -.form-control { - display: block; - width: 100%; - height: 34px; - padding: 6px 12px; - font-size: 14px; - line-height: 1.42857143; - color: #555; - background-color: #fff; - background-image: none; - border: 1px solid #ccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -} -.form-control:focus { - border-color: #66afe9; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); -} -.form-control::-moz-placeholder { - color: #999; - opacity: 1; -} -.form-control:-ms-input-placeholder { - color: #999; -} -.form-control::-webkit-input-placeholder { - color: #999; -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - cursor: not-allowed; - background-color: #eee; - opacity: 1; -} -textarea.form-control { - height: auto; -} -input[type="search"] { - -webkit-appearance: none; -} -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"], - input[type="time"], - input[type="datetime-local"], - input[type="month"] { - line-height: 34px; - } - input[type="date"].input-sm, - input[type="time"].input-sm, - input[type="datetime-local"].input-sm, - input[type="month"].input-sm, - .input-group-sm input[type="date"], - .input-group-sm input[type="time"], - .input-group-sm input[type="datetime-local"], - .input-group-sm input[type="month"] { - line-height: 30px; - } - input[type="date"].input-lg, - input[type="time"].input-lg, - input[type="datetime-local"].input-lg, - input[type="month"].input-lg, - .input-group-lg input[type="date"], - .input-group-lg input[type="time"], - .input-group-lg input[type="datetime-local"], - .input-group-lg input[type="month"] { - line-height: 46px; - } -} -.form-group { - margin-bottom: 15px; -} -.radio, -.checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; -} -.radio label, -.checkbox label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - position: absolute; - margin-top: 4px \9; - margin-left: -20px; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} -.radio-inline, -.checkbox-inline { - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - vertical-align: middle; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox-inline { - cursor: not-allowed; -} -.radio.disabled label, -.checkbox.disabled label, -fieldset[disabled] .radio label, -fieldset[disabled] .checkbox label { - cursor: not-allowed; -} -.form-control-static { - padding-top: 7px; - padding-bottom: 7px; - margin-bottom: 0; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-right: 0; - padding-left: 0; -} -.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-sm { - height: 30px; - line-height: 30px; -} -textarea.input-sm, -select[multiple].input-sm { - height: auto; -} -.form-group-sm .form-control { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.form-group-sm .form-control { - height: 30px; - line-height: 30px; -} -textarea.form-group-sm .form-control, -select[multiple].form-group-sm .form-control { - height: auto; -} -.form-group-sm .form-control-static { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; -} -.input-lg { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-lg { - height: 46px; - line-height: 46px; -} -textarea.input-lg, -select[multiple].input-lg { - height: auto; -} -.form-group-lg .form-control { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.form-group-lg .form-control { - height: 46px; - line-height: 46px; -} -textarea.form-group-lg .form-control, -select[multiple].form-group-lg .form-control { - height: auto; -} -.form-group-lg .form-control-static { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; -} -.has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 42.5px; -} -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 34px; - height: 34px; - line-height: 34px; - text-align: center; - pointer-events: none; -} -.input-lg + .form-control-feedback { - width: 46px; - height: 46px; - line-height: 46px; -} -.input-sm + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { - color: #3c763d; -} -.has-success .form-control { - border-color: #3c763d; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -} -.has-success .form-control:focus { - border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; -} -.has-success .input-group-addon { - color: #3c763d; - background-color: #dff0d8; - border-color: #3c763d; -} -.has-success .form-control-feedback { - color: #3c763d; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { - color: #8a6d3b; -} -.has-warning .form-control { - border-color: #8a6d3b; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -} -.has-warning .form-control:focus { - border-color: #66512c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; -} -.has-warning .input-group-addon { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #8a6d3b; -} -.has-warning .form-control-feedback { - color: #8a6d3b; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline, -.has-error.radio label, -.has-error.checkbox label, -.has-error.radio-inline label, -.has-error.checkbox-inline label { - color: #a94442; -} -.has-error .form-control { - border-color: #a94442; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -} -.has-error .form-control:focus { - border-color: #843534; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; -} -.has-error .input-group-addon { - color: #a94442; - background-color: #f2dede; - border-color: #a94442; -} -.has-error .form-control-feedback { - color: #a94442; -} -.has-feedback label ~ .form-control-feedback { - top: 25px; -} -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} -.help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: #737373; -} -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .form-inline .form-control-static { - display: inline-block; - } - .form-inline .input-group { - display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; - } - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio, - .form-inline .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio label, - .form-inline .checkbox label { - padding-left: 0; - } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; - } - .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} -.form-horizontal .radio, -.form-horizontal .checkbox, -.form-horizontal .radio-inline, -.form-horizontal .checkbox-inline { - padding-top: 7px; - margin-top: 0; - margin-bottom: 0; -} -.form-horizontal .radio, -.form-horizontal .checkbox { - min-height: 27px; -} -.form-horizontal .form-group { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .form-horizontal .control-label { - padding-top: 7px; - margin-bottom: 0; - text-align: right; - } -} -.form-horizontal .has-feedback .form-control-feedback { - right: 15px; -} -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 14.333333px; - } -} -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 6px; - } -} -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: normal; - line-height: 1.42857143; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; -} -.btn:focus, -.btn:active:focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn:hover, -.btn:focus, -.btn.focus { - color: #333; - text-decoration: none; -} -.btn:active, -.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -} -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - pointer-events: none; - cursor: not-allowed; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; - opacity: .65; -} -.btn-default { - color: #333; - background-color: #fff; - border-color: #ccc; -} -.btn-default:hover, -.btn-default:focus, -.btn-default.focus, -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - background-image: none; -} -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:hover, -.btn-default[disabled]:hover, -fieldset[disabled] .btn-default:hover, -.btn-default.disabled:focus, -.btn-default[disabled]:focus, -fieldset[disabled] .btn-default:focus, -.btn-default.disabled.focus, -.btn-default[disabled].focus, -fieldset[disabled] .btn-default.focus, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - background-color: #fff; - border-color: #ccc; -} -.btn-default .badge { - color: #fff; - background-color: #333; -} -.btn-primary { - color: #fff; - background-color: #337ab7; - border-color: #2e6da4; -} -.btn-primary:hover, -.btn-primary:focus, -.btn-primary.focus, -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - color: #fff; - background-color: #286090; - border-color: #204d74; -} -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - background-image: none; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled.focus, -.btn-primary[disabled].focus, -fieldset[disabled] .btn-primary.focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #337ab7; - border-color: #2e6da4; -} -.btn-primary .badge { - color: #337ab7; - background-color: #fff; -} -.btn-success { - color: #fff; - background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success:hover, -.btn-success:focus, -.btn-success.focus, -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success { - color: #fff; - background-color: #449d44; - border-color: #398439; -} -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success { - background-image: none; -} -.btn-success.disabled, -.btn-success[disabled], -fieldset[disabled] .btn-success, -.btn-success.disabled:hover, -.btn-success[disabled]:hover, -fieldset[disabled] .btn-success:hover, -.btn-success.disabled:focus, -.btn-success[disabled]:focus, -fieldset[disabled] .btn-success:focus, -.btn-success.disabled.focus, -.btn-success[disabled].focus, -fieldset[disabled] .btn-success.focus, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active, -.btn-success.disabled.active, -.btn-success[disabled].active, -fieldset[disabled] .btn-success.active { - background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success .badge { - color: #5cb85c; - background-color: #fff; -} -.btn-info { - color: #fff; - background-color: #5bc0de; - border-color: #46b8da; -} -.btn-info:hover, -.btn-info:focus, -.btn-info.focus, -.btn-info:active, -.btn-info.active, -.open > .dropdown-toggle.btn-info { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; -} -.btn-info:active, -.btn-info.active, -.open > .dropdown-toggle.btn-info { - background-image: none; -} -.btn-info.disabled, -.btn-info[disabled], -fieldset[disabled] .btn-info, -.btn-info.disabled:hover, -.btn-info[disabled]:hover, -fieldset[disabled] .btn-info:hover, -.btn-info.disabled:focus, -.btn-info[disabled]:focus, -fieldset[disabled] .btn-info:focus, -.btn-info.disabled.focus, -.btn-info[disabled].focus, -fieldset[disabled] .btn-info.focus, -.btn-info.disabled:active, -.btn-info[disabled]:active, -fieldset[disabled] .btn-info:active, -.btn-info.disabled.active, -.btn-info[disabled].active, -fieldset[disabled] .btn-info.active { - background-color: #5bc0de; - border-color: #46b8da; -} -.btn-info .badge { - color: #5bc0de; - background-color: #fff; -} -.btn-warning { - color: #fff; - background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning:hover, -.btn-warning:focus, -.btn-warning.focus, -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning { - background-image: none; -} -.btn-warning.disabled, -.btn-warning[disabled], -fieldset[disabled] .btn-warning, -.btn-warning.disabled:hover, -.btn-warning[disabled]:hover, -fieldset[disabled] .btn-warning:hover, -.btn-warning.disabled:focus, -.btn-warning[disabled]:focus, -fieldset[disabled] .btn-warning:focus, -.btn-warning.disabled.focus, -.btn-warning[disabled].focus, -fieldset[disabled] .btn-warning.focus, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active, -.btn-warning.disabled.active, -.btn-warning[disabled].active, -fieldset[disabled] .btn-warning.active { - background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning .badge { - color: #f0ad4e; - background-color: #fff; -} -.btn-danger { - color: #fff; - background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger:hover, -.btn-danger:focus, -.btn-danger.focus, -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger { - background-image: none; -} -.btn-danger.disabled, -.btn-danger[disabled], -fieldset[disabled] .btn-danger, -.btn-danger.disabled:hover, -.btn-danger[disabled]:hover, -fieldset[disabled] .btn-danger:hover, -.btn-danger.disabled:focus, -.btn-danger[disabled]:focus, -fieldset[disabled] .btn-danger:focus, -.btn-danger.disabled.focus, -.btn-danger[disabled].focus, -fieldset[disabled] .btn-danger.focus, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active, -.btn-danger.disabled.active, -.btn-danger[disabled].active, -fieldset[disabled] .btn-danger.active { - background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger .badge { - color: #d9534f; - background-color: #fff; -} -.btn-link { - font-weight: normal; - color: #337ab7; - border-radius: 0; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #23527c; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #777; - text-decoration: none; -} -.btn-lg, -.btn-group-lg > .btn { - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -.btn-sm, -.btn-group-sm > .btn { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-xs, -.btn-group-xs > .btn { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-block { - display: block; - width: 100%; -} -.btn-block + .btn-block { - margin-top: 5px; -} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} -.fade { - opacity: 0; - -webkit-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity .15s linear; -} -.fade.in { - opacity: 1; -} -.collapse { - display: none; - visibility: hidden; -} -.collapse.in { - display: block; - visibility: visible; -} -tr.collapse.in { - display: table-row; -} -tbody.collapse.in { - display: table-row-group; -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: .35s; - -o-transition-duration: .35s; - transition-duration: .35s; - -webkit-transition-property: height, visibility; - -o-transition-property: height, visibility; - transition-property: height, visibility; -} -.caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: 4px solid; - border-right: 4px solid transparent; - border-left: 4px solid transparent; -} -.dropup, -.dropdown { - position: relative; -} -.dropdown-toggle:focus { - outline: 0; -} -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, .15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); - box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.42857143; - color: #333; - white-space: nowrap; -} -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus { - color: #262626; - text-decoration: none; - background-color: #f5f5f5; -} -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - color: #fff; - text-decoration: none; - background-color: #337ab7; - outline: 0; -} -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - color: #777; -} -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - text-decoration: none; - cursor: not-allowed; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -} -.open > .dropdown-menu { - display: block; -} -.open > a { - outline: 0; -} -.dropdown-menu-right { - right: 0; - left: auto; -} -.dropdown-menu-left { - right: auto; - left: 0; -} -.dropdown-header { - display: block; - padding: 3px 20px; - font-size: 12px; - line-height: 1.42857143; - color: #777; - white-space: nowrap; -} -.dropdown-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 990; -} -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - content: ""; - border-top: 0; - border-bottom: 4px solid; -} -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 2px; -} -@media (min-width: 768px) { - .navbar-right .dropdown-menu { - right: 0; - left: auto; - } - .navbar-right .dropdown-menu-left { - right: auto; - left: 0; - } -} -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-block; - vertical-align: middle; -} -.btn-group > .btn, -.btn-group-vertical > .btn { - position: relative; - float: left; -} -.btn-group > .btn:hover, -.btn-group-vertical > .btn:hover, -.btn-group > .btn:focus, -.btn-group-vertical > .btn:focus, -.btn-group > .btn:active, -.btn-group-vertical > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn.active { - z-index: 2; -} -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { - margin-left: -1px; -} -.btn-toolbar { - margin-left: -5px; -} -.btn-toolbar .btn-group, -.btn-toolbar .input-group { - float: left; -} -.btn-toolbar > .btn, -.btn-toolbar > .btn-group, -.btn-toolbar > .input-group { - margin-left: 5px; -} -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; -} -.btn-group > .btn:first-child { - margin-left: 0; -} -.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.btn-group > .btn:last-child:not(:first-child), -.btn-group > .dropdown-toggle:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group > .btn-group { - float: left; -} -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, -.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; -} -.btn-group > .btn-lg + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; -} -.btn-group.open .dropdown-toggle { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -} -.btn-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; - box-shadow: none; -} -.btn .caret { - margin-left: 0; -} -.btn-lg .caret { - border-width: 5px 5px 0; - border-bottom-width: 0; -} -.dropup .btn-lg .caret { - border-width: 0 5px 5px; -} -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group, -.btn-group-vertical > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; -} -.btn-group-vertical > .btn-group > .btn { - float: none; -} -.btn-group-vertical > .btn + .btn, -.btn-group-vertical > .btn + .btn-group, -.btn-group-vertical > .btn-group + .btn, -.btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; -} -.btn-group-vertical > .btn:not(:first-child):not(:last-child) { - border-radius: 0; -} -.btn-group-vertical > .btn:first-child:not(:last-child) { - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn:last-child:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 4px; -} -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.btn-group-justified { - display: table; - width: 100%; - table-layout: fixed; - border-collapse: separate; -} -.btn-group-justified > .btn, -.btn-group-justified > .btn-group { - display: table-cell; - float: none; - width: 1%; -} -.btn-group-justified > .btn-group .btn { - width: 100%; -} -.btn-group-justified > .btn-group .dropdown-menu { - left: auto; -} -[data-toggle="buttons"] > .btn input[type="radio"], -[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], -[data-toggle="buttons"] > .btn input[type="checkbox"], -[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} -.input-group { - position: relative; - display: table; - border-collapse: separate; -} -.input-group[class*="col-"] { - float: none; - padding-right: 0; - padding-left: 0; -} -.input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; -} -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-group-lg > .form-control, -select.input-group-lg > .input-group-addon, -select.input-group-lg > .input-group-btn > .btn { - height: 46px; - line-height: 46px; -} -textarea.input-group-lg > .form-control, -textarea.input-group-lg > .input-group-addon, -textarea.input-group-lg > .input-group-btn > .btn, -select[multiple].input-group-lg > .form-control, -select[multiple].input-group-lg > .input-group-addon, -select[multiple].input-group-lg > .input-group-btn > .btn { - height: auto; -} -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-group-sm > .form-control, -select.input-group-sm > .input-group-addon, -select.input-group-sm > .input-group-btn > .btn { - height: 30px; - line-height: 30px; -} -textarea.input-group-sm > .form-control, -textarea.input-group-sm > .input-group-addon, -textarea.input-group-sm > .input-group-btn > .btn, -select[multiple].input-group-sm > .form-control, -select[multiple].input-group-sm > .input-group-addon, -select[multiple].input-group-sm > .input-group-btn > .btn { - height: auto; -} -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; -} -.input-group-addon:not(:first-child):not(:last-child), -.input-group-btn:not(:first-child):not(:last-child), -.input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; -} -.input-group-addon { - padding: 6px 12px; - font-size: 14px; - font-weight: normal; - line-height: 1; - color: #555; - text-align: center; - background-color: #eee; - border: 1px solid #ccc; - border-radius: 4px; -} -.input-group-addon.input-sm { - padding: 5px 10px; - font-size: 12px; - border-radius: 3px; -} -.input-group-addon.input-lg { - padding: 10px 16px; - font-size: 18px; - border-radius: 6px; -} -.input-group-addon input[type="radio"], -.input-group-addon input[type="checkbox"] { - margin-top: 0; -} -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.input-group-addon:first-child { - border-right: 0; -} -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.input-group-addon:last-child { - border-left: 0; -} -.input-group-btn { - position: relative; - font-size: 0; - white-space: nowrap; -} -.input-group-btn > .btn { - position: relative; -} -.input-group-btn > .btn + .btn { - margin-left: -1px; -} -.input-group-btn > .btn:hover, -.input-group-btn > .btn:focus, -.input-group-btn > .btn:active { - z-index: 2; -} -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group { - margin-right: -1px; -} -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group { - margin-left: -1px; -} -.nav { - padding-left: 0; - margin-bottom: 0; - list-style: none; -} -.nav > li { - position: relative; - display: block; -} -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - text-decoration: none; - background-color: #eee; -} -.nav > li.disabled > a { - color: #777; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #777; - text-decoration: none; - cursor: not-allowed; - background-color: transparent; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eee; - border-color: #337ab7; -} -.nav .nav-divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.nav > li > a > img { - max-width: none; -} -.nav-tabs { - border-bottom: 1px solid #ddd; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eee #eee #ddd; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555; - cursor: default; - background-color: #fff; - border: 1px solid #ddd; - border-bottom-color: transparent; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - margin-bottom: 5px; - text-align: center; -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li { - display: table-cell; - width: 1%; - } - .nav-tabs.nav-justified > li > a { - margin-bottom: 0; - } -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 4px; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #ddd; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 4px 4px 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #fff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 4px; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #fff; - background-color: #337ab7; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - margin-bottom: 5px; - text-align: center; -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -@media (min-width: 768px) { - .nav-justified > li { - display: table-cell; - width: 1%; - } - .nav-justified > li > a { - margin-bottom: 0; - } -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 4px; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #ddd; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 4px 4px 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #fff; - } -} -.tab-content > .tab-pane { - display: none; - visibility: hidden; -} -.tab-content > .active { - display: block; - visibility: visible; -} -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.navbar { - position: relative; - min-height: 50px; - margin-bottom: 20px; - border: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 4px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - padding-right: 15px; - padding-left: 15px; - overflow-x: visible; - -webkit-overflow-scrolling: touch; - border-top: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - visibility: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-right: 0; - padding-left: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-device-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - height: 50px; - padding: 15px 15px; - font-size: 18px; - line-height: 20px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -.navbar-brand > img { - display: block; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - padding: 9px 10px; - margin-top: 8px; - margin-right: 15px; - margin-bottom: 8px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-toggle .icon-bar { - display: block; - width: 22px; - height: 2px; - border-radius: 1px; -} -.navbar-toggle .icon-bar + .icon-bar { - margin-top: 4px; -} -@media (min-width: 768px) { - .navbar-toggle { - display: none; - } -} -.navbar-nav { - margin: 7.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - } -} -.navbar-form { - padding: 10px 15px; - margin-top: 8px; - margin-right: -15px; - margin-bottom: 8px; - margin-left: -15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); -} -@media (min-width: 768px) { - .navbar-form .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - .navbar-form .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .navbar-form .form-control-static { - display: inline-block; - } - .navbar-form .input-group { - display: inline-table; - vertical-align: middle; - } - .navbar-form .input-group .input-group-addon, - .navbar-form .input-group .input-group-btn, - .navbar-form .input-group .form-control { - width: auto; - } - .navbar-form .input-group > .form-control { - width: 100%; - } - .navbar-form .control-label { - margin-bottom: 0; - vertical-align: middle; - } - .navbar-form .radio, - .navbar-form .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - } - .navbar-form .radio label, - .navbar-form .checkbox label { - padding-left: 0; - } - .navbar-form .radio input[type="radio"], - .navbar-form .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; - } - .navbar-form .has-feedback .form-control-feedback { - top: 0; - } -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } - .navbar-form .form-group:last-child { - margin-bottom: 0; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - padding-top: 0; - padding-bottom: 0; - margin-right: 0; - margin-left: 0; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - margin-bottom: 0; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 8px; - margin-bottom: 8px; -} -.navbar-btn.btn-sm { - margin-top: 10px; - margin-bottom: 10px; -} -.navbar-btn.btn-xs { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-text { - margin-top: 15px; - margin-bottom: 15px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-right: 15px; - margin-left: 15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - margin-right: -15px; - } - .navbar-right ~ .navbar-right { - margin-right: 0; - } -} -.navbar-default { - background-color: #f8f8f8; - border-color: #e7e7e7; -} -.navbar-default .navbar-brand { - color: #777; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #5e5e5e; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777; -} -.navbar-default .navbar-nav > li > a { - color: #777; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #333; - background-color: transparent; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #555; - background-color: #e7e7e7; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #ccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #ddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #ddd; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #e7e7e7; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - color: #555; - background-color: #e7e7e7; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #777; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #333; - background-color: transparent; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #555; - background-color: #e7e7e7; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #ccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #777; -} -.navbar-default .navbar-link:hover { - color: #333; -} -.navbar-default .btn-link { - color: #777; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #333; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #ccc; -} -.navbar-inverse { - background-color: #222; - border-color: #080808; -} -.navbar-inverse .navbar-brand { - color: #9d9d9d; -} -.navbar-inverse .navbar-brand:hover, -.navbar-inverse .navbar-brand:focus { - color: #fff; - background-color: transparent; -} -.navbar-inverse .navbar-text { - color: #9d9d9d; -} -.navbar-inverse .navbar-nav > li > a { - color: #9d9d9d; -} -.navbar-inverse .navbar-nav > li > a:hover, -.navbar-inverse .navbar-nav > li > a:focus { - color: #fff; - background-color: transparent; -} -.navbar-inverse .navbar-nav > .active > a, -.navbar-inverse .navbar-nav > .active > a:hover, -.navbar-inverse .navbar-nav > .active > a:focus { - color: #fff; - background-color: #080808; -} -.navbar-inverse .navbar-nav > .disabled > a, -.navbar-inverse .navbar-nav > .disabled > a:hover, -.navbar-inverse .navbar-nav > .disabled > a:focus { - color: #444; - background-color: transparent; -} -.navbar-inverse .navbar-toggle { - border-color: #333; -} -.navbar-inverse .navbar-toggle:hover, -.navbar-inverse .navbar-toggle:focus { - background-color: #333; -} -.navbar-inverse .navbar-toggle .icon-bar { - background-color: #fff; -} -.navbar-inverse .navbar-collapse, -.navbar-inverse .navbar-form { - border-color: #101010; -} -.navbar-inverse .navbar-nav > .open > a, -.navbar-inverse .navbar-nav > .open > a:hover, -.navbar-inverse .navbar-nav > .open > a:focus { - color: #fff; - background-color: #080808; -} -@media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { - border-color: #080808; - } - .navbar-inverse .navbar-nav .open .dropdown-menu .divider { - background-color: #080808; - } - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #9d9d9d; - } - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { - color: #fff; - background-color: transparent; - } - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #fff; - background-color: #080808; - } - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #444; - background-color: transparent; - } -} -.navbar-inverse .navbar-link { - color: #9d9d9d; -} -.navbar-inverse .navbar-link:hover { - color: #fff; -} -.navbar-inverse .btn-link { - color: #9d9d9d; -} -.navbar-inverse .btn-link:hover, -.navbar-inverse .btn-link:focus { - color: #fff; -} -.navbar-inverse .btn-link[disabled]:hover, -fieldset[disabled] .navbar-inverse .btn-link:hover, -.navbar-inverse .btn-link[disabled]:focus, -fieldset[disabled] .navbar-inverse .btn-link:focus { - color: #444; -} -.breadcrumb { - padding: 8px 15px; - margin-bottom: 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; -} -.breadcrumb > li { - display: inline-block; -} -.breadcrumb > li + li:before { - padding: 0 5px; - color: #ccc; - content: "/\00a0"; -} -.breadcrumb > .active { - color: #777; -} -.pagination { - display: inline-block; - padding-left: 0; - margin: 20px 0; - border-radius: 4px; -} -.pagination > li { - display: inline; -} -.pagination > li > a, -.pagination > li > span { - position: relative; - float: left; - padding: 6px 12px; - margin-left: -1px; - line-height: 1.42857143; - color: #337ab7; - text-decoration: none; - background-color: #fff; - border: 1px solid #ddd; -} -.pagination > li:first-child > a, -.pagination > li:first-child > span { - margin-left: 0; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.pagination > li:last-child > a, -.pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #23527c; - background-color: #eee; - border-color: #ddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #fff; - cursor: default; - background-color: #337ab7; - border-color: #337ab7; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #777; - cursor: not-allowed; - background-color: #fff; - border-color: #ddd; -} -.pagination-lg > li > a, -.pagination-lg > li > span { - padding: 10px 16px; - font-size: 18px; -} -.pagination-lg > li:first-child > a, -.pagination-lg > li:first-child > span { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.pagination-lg > li:last-child > a, -.pagination-lg > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.pagination-sm > li > a, -.pagination-sm > li > span { - padding: 5px 10px; - font-size: 12px; -} -.pagination-sm > li:first-child > a, -.pagination-sm > li:first-child > span { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.pagination-sm > li:last-child > a, -.pagination-sm > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.pager { - padding-left: 0; - margin: 20px 0; - text-align: center; - list-style: none; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #eee; -} -.pager .next > a, -.pager .next > span { - float: right; -} -.pager .previous > a, -.pager .previous > span { - float: left; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #777; - cursor: not-allowed; - background-color: #fff; -} -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; -} -a.label:hover, -a.label:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} -.label:empty { - display: none; -} -.btn .label { - position: relative; - top: -1px; -} -.label-default { - background-color: #777; -} -.label-default[href]:hover, -.label-default[href]:focus { - background-color: #5e5e5e; -} -.label-primary { - background-color: #337ab7; -} -.label-primary[href]:hover, -.label-primary[href]:focus { - background-color: #286090; -} -.label-success { - background-color: #5cb85c; -} -.label-success[href]:hover, -.label-success[href]:focus { - background-color: #449d44; -} -.label-info { - background-color: #5bc0de; -} -.label-info[href]:hover, -.label-info[href]:focus { - background-color: #31b0d5; -} -.label-warning { - background-color: #f0ad4e; -} -.label-warning[href]:hover, -.label-warning[href]:focus { - background-color: #ec971f; -} -.label-danger { - background-color: #d9534f; -} -.label-danger[href]:hover, -.label-danger[href]:focus { - background-color: #c9302c; -} -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - background-color: #777; - border-radius: 10px; -} -.badge:empty { - display: none; -} -.btn .badge { - position: relative; - top: -1px; -} -.btn-xs .badge { - top: 0; - padding: 1px 5px; -} -a.badge:hover, -a.badge:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} -.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #337ab7; - background-color: #fff; -} -.list-group-item > .badge { - float: right; -} -.list-group-item > .badge + .badge { - margin-right: 5px; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.jumbotron { - padding: 30px 15px; - margin-bottom: 30px; - color: inherit; - background-color: #eee; -} -.jumbotron h1, -.jumbotron .h1 { - color: inherit; -} -.jumbotron p { - margin-bottom: 15px; - font-size: 21px; - font-weight: 200; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron, -.container-fluid .jumbotron { - border-radius: 6px; -} -.jumbotron .container { - max-width: 100%; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding: 48px 0; - } - .container .jumbotron, - .container-fluid .jumbotron { - padding-right: 60px; - padding-left: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 63px; - } -} -.thumbnail { - display: block; - padding: 4px; - margin-bottom: 20px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: border .2s ease-in-out; - -o-transition: border .2s ease-in-out; - transition: border .2s ease-in-out; -} -.thumbnail > img, -.thumbnail a > img { - margin-right: auto; - margin-left: auto; -} -a.thumbnail:hover, -a.thumbnail:focus, -a.thumbnail.active { - border-color: #337ab7; -} -.thumbnail .caption { - padding: 9px; - color: #333; -} -.alert { - padding: 15px; - margin-bottom: 20px; - border: 1px solid transparent; - border-radius: 4px; -} -.alert h4 { - margin-top: 0; - color: inherit; -} -.alert .alert-link { - font-weight: bold; -} -.alert > p, -.alert > ul { - margin-bottom: 0; -} -.alert > p + p { - margin-top: 5px; -} -.alert-dismissable, -.alert-dismissible { - padding-right: 35px; -} -.alert-dismissable .close, -.alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; -} -.alert-success { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} -.alert-success hr { - border-top-color: #c9e2b3; -} -.alert-success .alert-link { - color: #2b542c; -} -.alert-info { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} -.alert-info hr { - border-top-color: #a6e1ec; -} -.alert-info .alert-link { - color: #245269; -} -.alert-warning { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; -} -.alert-warning hr { - border-top-color: #f7e1b5; -} -.alert-warning .alert-link { - color: #66512c; -} -.alert-danger { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} -.alert-danger hr { - border-top-color: #e4b9c0; -} -.alert-danger .alert-link { - color: #843534; -} -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} -@-o-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} -.progress { - height: 20px; - overflow: hidden; - background-color: #f5f5f5; - border-radius: 4px; - position: relative; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); -} - -.progress-bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - line-height: 15px; - color: #fff; - text-align: center; - background-color: #337ab7; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); - -webkit-transition: width .6s ease; - -o-transition: width .6s ease; - transition: width .6s ease; - position: relative; -} -.progress-striped .progress-bar, -.progress-bar-striped { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - background-size: 40px 40px; -} -.progress.active .progress-bar, -.progress-bar.active { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} -.progress-bar-success { - background-color: #5cb85c; -} -.progress-striped .progress-bar-success { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -} -.progress-bar-info { - background-color: #5bc0de; -} -.progress-striped .progress-bar-info { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -} -.progress-bar-warning { - background-color: #f0ad4e; -} -.progress-striped .progress-bar-warning { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -} -.progress-bar-danger { - background-color: #d9534f; -} -.progress-striped .progress-bar-danger { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -} -.media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; -} -.media, -.media-body { - overflow: hidden; - zoom: 1; -} -.media-body { - width: 10000px; -} -.media-object { - display: block; -} -.media-right, -.media > .pull-right { - padding-left: 10px; -} -.media-left, -.media > .pull-left { - padding-right: 10px; -} -.media-left, -.media-right, -.media-body { - display: table-cell; - vertical-align: top; -} -.media-middle { - vertical-align: middle; -} -.media-bottom { - vertical-align: bottom; -} -.media-heading { - margin-top: 0; - margin-bottom: 5px; -} -.media-list { - padding-left: 0; - list-style: none; -} -.list-group { - padding-left: 0; - margin-bottom: 20px; -} -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: #fff; - border: 1px solid #ddd; -} -.list-group-item:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -a.list-group-item { - color: #555; -} -a.list-group-item .list-group-item-heading { - color: #333; -} -a.list-group-item:hover, -a.list-group-item:focus { - color: #555; - text-decoration: none; - background-color: #f5f5f5; -} -.list-group-item.disabled, -.list-group-item.disabled:hover, -.list-group-item.disabled:focus { - color: #777; - cursor: not-allowed; - background-color: #eee; -} -.list-group-item.disabled .list-group-item-heading, -.list-group-item.disabled:hover .list-group-item-heading, -.list-group-item.disabled:focus .list-group-item-heading { - color: inherit; -} -.list-group-item.disabled .list-group-item-text, -.list-group-item.disabled:hover .list-group-item-text, -.list-group-item.disabled:focus .list-group-item-text { - color: #777; -} -.list-group-item.active, -.list-group-item.active:hover, -.list-group-item.active:focus { - z-index: 2; - color: #fff; - background-color: #337ab7; - border-color: #337ab7; -} -.list-group-item.active .list-group-item-heading, -.list-group-item.active:hover .list-group-item-heading, -.list-group-item.active:focus .list-group-item-heading, -.list-group-item.active .list-group-item-heading > small, -.list-group-item.active:hover .list-group-item-heading > small, -.list-group-item.active:focus .list-group-item-heading > small, -.list-group-item.active .list-group-item-heading > .small, -.list-group-item.active:hover .list-group-item-heading > .small, -.list-group-item.active:focus .list-group-item-heading > .small { - color: inherit; -} -.list-group-item.active .list-group-item-text, -.list-group-item.active:hover .list-group-item-text, -.list-group-item.active:focus .list-group-item-text { - color: #c7ddef; -} -.list-group-item-success { - color: #3c763d; - background-color: #dff0d8; -} -a.list-group-item-success { - color: #3c763d; -} -a.list-group-item-success .list-group-item-heading { - color: inherit; -} -a.list-group-item-success:hover, -a.list-group-item-success:focus { - color: #3c763d; - background-color: #d0e9c6; -} -a.list-group-item-success.active, -a.list-group-item-success.active:hover, -a.list-group-item-success.active:focus { - color: #fff; - background-color: #3c763d; - border-color: #3c763d; -} -.list-group-item-info { - color: #31708f; - background-color: #d9edf7; -} -a.list-group-item-info { - color: #31708f; -} -a.list-group-item-info .list-group-item-heading { - color: inherit; -} -a.list-group-item-info:hover, -a.list-group-item-info:focus { - color: #31708f; - background-color: #c4e3f3; -} -a.list-group-item-info.active, -a.list-group-item-info.active:hover, -a.list-group-item-info.active:focus { - color: #fff; - background-color: #31708f; - border-color: #31708f; -} -.list-group-item-warning { - color: #8a6d3b; - background-color: #fcf8e3; -} -a.list-group-item-warning { - color: #8a6d3b; -} -a.list-group-item-warning .list-group-item-heading { - color: inherit; -} -a.list-group-item-warning:hover, -a.list-group-item-warning:focus { - color: #8a6d3b; - background-color: #faf2cc; -} -a.list-group-item-warning.active, -a.list-group-item-warning.active:hover, -a.list-group-item-warning.active:focus { - color: #fff; - background-color: #8a6d3b; - border-color: #8a6d3b; -} -.list-group-item-danger { - color: #a94442; - background-color: #f2dede; -} -a.list-group-item-danger { - color: #a94442; -} -a.list-group-item-danger .list-group-item-heading { - color: inherit; -} -a.list-group-item-danger:hover, -a.list-group-item-danger:focus { - color: #a94442; - background-color: #ebcccc; -} -a.list-group-item-danger.active, -a.list-group-item-danger.active:hover, -a.list-group-item-danger.active:focus { - color: #fff; - background-color: #a94442; - border-color: #a94442; -} -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; -} -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; -} -.panel { - margin-bottom: 20px; - background-color: #fff; - border: 1px solid transparent; - border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); - box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -} -.panel-body { - padding: 15px; -} -.panel-heading { - padding: 10px 15px; - border-bottom: 1px solid transparent; - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel-heading > .dropdown .dropdown-toggle { - color: inherit; -} -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: 16px; - color: inherit; -} -.panel-title > a, -.panel-title > small, -.panel-title > .small, -.panel-title > small > a, -.panel-title > .small > a { - color: inherit; -} -.panel-footer { - padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel > .list-group, -.panel > .panel-collapse > .list-group { - margin-bottom: 0; -} -.panel > .list-group .list-group-item, -.panel > .panel-collapse > .list-group .list-group-item { - border-width: 1px 0; - border-radius: 0; -} -.panel > .list-group:first-child .list-group-item:first-child, -.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { - border-top: 0; - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel > .list-group:last-child .list-group-item:last-child, -.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { - border-bottom: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; -} -.list-group + .panel-footer { - border-top-width: 0; -} -.panel > .table, -.panel > .table-responsive > .table, -.panel > .panel-collapse > .table { - margin-bottom: 0; -} -.panel > .table caption, -.panel > .table-responsive > .table caption, -.panel > .panel-collapse > .table caption { - padding-right: 15px; - padding-left: 15px; -} -.panel > .table:first-child, -.panel > .table-responsive:first-child > .table:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel > .table:first-child > thead:first-child > tr:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, -.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { - border-top-left-radius: 3px; -} -.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, -.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, -.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, -.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { - border-top-right-radius: 3px; -} -.panel > .table:last-child, -.panel > .table-responsive:last-child > .table:last-child { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, -.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { - border-bottom-left-radius: 3px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, -.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { - border-bottom-right-radius: 3px; -} -.panel > .panel-body + .table, -.panel > .panel-body + .table-responsive, -.panel > .table + .panel-body, -.panel > .table-responsive + .panel-body { - border-top: 1px solid #ddd; -} -.panel > .table > tbody:first-child > tr:first-child th, -.panel > .table > tbody:first-child > tr:first-child td { - border-top: 0; -} -.panel > .table-bordered, -.panel > .table-responsive > .table-bordered { - border: 0; -} -.panel > .table-bordered > thead > tr > th:first-child, -.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, -.panel > .table-bordered > tbody > tr > th:first-child, -.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, -.panel > .table-bordered > tfoot > tr > th:first-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, -.panel > .table-bordered > thead > tr > td:first-child, -.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, -.panel > .table-bordered > tbody > tr > td:first-child, -.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, -.panel > .table-bordered > tfoot > tr > td:first-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; -} -.panel > .table-bordered > thead > tr > th:last-child, -.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, -.panel > .table-bordered > tbody > tr > th:last-child, -.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, -.panel > .table-bordered > tfoot > tr > th:last-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, -.panel > .table-bordered > thead > tr > td:last-child, -.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, -.panel > .table-bordered > tbody > tr > td:last-child, -.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, -.panel > .table-bordered > tfoot > tr > td:last-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; -} -.panel > .table-bordered > thead > tr:first-child > td, -.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, -.panel > .table-bordered > tbody > tr:first-child > td, -.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, -.panel > .table-bordered > thead > tr:first-child > th, -.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, -.panel > .table-bordered > tbody > tr:first-child > th, -.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { - border-bottom: 0; -} -.panel > .table-bordered > tbody > tr:last-child > td, -.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, -.panel > .table-bordered > tfoot > tr:last-child > td, -.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, -.panel > .table-bordered > tbody > tr:last-child > th, -.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, -.panel > .table-bordered > tfoot > tr:last-child > th, -.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { - border-bottom: 0; -} -.panel > .table-responsive { - margin-bottom: 0; - border: 0; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 4px; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group .panel-heading { - border-bottom: 0; -} -.panel-group .panel-heading + .panel-collapse > .panel-body, -.panel-group .panel-heading + .panel-collapse > .list-group { - border-top: 1px solid #ddd; -} -.panel-group .panel-footer { - border-top: 0; -} -.panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #ddd; -} -.panel-default { - border-color: #ddd; -} -.panel-default > .panel-heading { - color: #333; - background-color: #f5f5f5; - border-color: #ddd; -} -.panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ddd; -} -.panel-default > .panel-heading .badge { - color: #f5f5f5; - background-color: #333; -} -.panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ddd; -} -.panel-primary { - border-color: #337ab7; -} -.panel-primary > .panel-heading { - color: #fff; - background-color: #337ab7; - border-color: #337ab7; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #337ab7; -} -.panel-primary > .panel-heading .badge { - color: #337ab7; - background-color: #fff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #337ab7; -} -.panel-success { - border-color: #d6e9c6; -} -.panel-success > .panel-heading { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} -.panel-success > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #d6e9c6; -} -.panel-success > .panel-heading .badge { - color: #dff0d8; - background-color: #3c763d; -} -.panel-success > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #d6e9c6; -} -.panel-info { - border-color: #bce8f1; -} -.panel-info > .panel-heading { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} -.panel-info > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #bce8f1; -} -.panel-info > .panel-heading .badge { - color: #d9edf7; - background-color: #31708f; -} -.panel-info > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #bce8f1; -} -.panel-warning { - border-color: #faebcc; -} -.panel-warning > .panel-heading { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; -} -.panel-warning > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #faebcc; -} -.panel-warning > .panel-heading .badge { - color: #fcf8e3; - background-color: #8a6d3b; -} -.panel-warning > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #faebcc; -} -.panel-danger { - border-color: #ebccd1; -} -.panel-danger > .panel-heading { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} -.panel-danger > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ebccd1; -} -.panel-danger > .panel-heading .badge { - color: #f2dede; - background-color: #a94442; -} -.panel-danger > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ebccd1; -} -.embed-responsive { - position: relative; - display: block; - height: 0; - padding: 0; - overflow: hidden; -} -.embed-responsive .embed-responsive-item, -.embed-responsive iframe, -.embed-responsive embed, -.embed-responsive object, -.embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; -} -.embed-responsive.embed-responsive-16by9 { - padding-bottom: 56.25%; -} -.embed-responsive.embed-responsive-4by3 { - padding-bottom: 75%; -} -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); -} -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, .15); -} -.well-lg { - padding: 24px; - border-radius: 6px; -} -.well-sm { - padding: 9px; - border-radius: 3px; -} -.close { - float: right; - font-size: 21px; - font-weight: bold; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - filter: alpha(opacity=20); - opacity: .2; -} -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; - filter: alpha(opacity=50); - opacity: .5; -} -button.close { - -webkit-appearance: none; - padding: 0; - cursor: pointer; - background: transparent; - border: 0; -} -.modal-open { - overflow: hidden; -} -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - display: none; - overflow: hidden; - -webkit-overflow-scrolling: touch; - outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transition: -webkit-transform .3s ease-out; - -o-transition: -o-transform .3s ease-out; - transition: transform .3s ease-out; - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%); -} -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} -.modal-dialog { - position: relative; - width: auto; - margin: 10px; -} -.modal-content { - position: relative; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: 6px; - outline: 0; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); - box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -} -.modal-backdrop { - position: absolute; - top: 0; - right: 0; - left: 0; - background-color: #000; -} -.modal-backdrop.fade { - filter: alpha(opacity=0); - opacity: 0; -} -.modal-backdrop.in { - filter: alpha(opacity=50); - opacity: .5; -} -.modal-header { - min-height: 16.42857143px; - padding: 15px; - border-bottom: 1px solid #e5e5e5; -} -.modal-header .close { - margin-top: -2px; -} -.modal-title { - margin: 0; - line-height: 1.42857143; -} -.modal-body { - position: relative; - padding: 15px; -} -.modal-footer { - padding: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; -} -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); - box-shadow: 0 5px 15px rgba(0, 0, 0, .5); - } - .modal-sm { - width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg { - width: 900px; - } -} -.tooltip { - position: absolute; - z-index: 1070; - display: block; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-weight: normal; - line-height: 1.4; - visibility: visible; - filter: alpha(opacity=0); - opacity: 0; -} -.tooltip.in { - filter: alpha(opacity=90); - opacity: .9; -} -.tooltip.top { - padding: 5px 0; - margin-top: -3px; -} -.tooltip.right { - padding: 0 5px; - margin-left: 3px; -} -.tooltip.bottom { - padding: 5px 0; - margin-top: 3px; -} -.tooltip.left { - padding: 0 5px; - margin-left: -3px; -} -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #fff; - text-align: center; - text-decoration: none; - background-color: #000; - border-radius: 4px; -} -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-width: 5px 5px 0; - border-top-color: #000; -} -.tooltip.top-left .tooltip-arrow { - right: 5px; - bottom: 0; - margin-bottom: -5px; - border-width: 5px 5px 0; - border-top-color: #000; -} -.tooltip.top-right .tooltip-arrow { - bottom: 0; - left: 5px; - margin-bottom: -5px; - border-width: 5px 5px 0; - border-top-color: #000; -} -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-width: 5px 5px 5px 0; - border-right-color: #000; -} -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-width: 5px 0 5px 5px; - border-left-color: #000; -} -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; -} -.tooltip.bottom-left .tooltip-arrow { - top: 0; - right: 5px; - margin-top: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; -} -.tooltip.bottom-right .tooltip-arrow { - top: 0; - left: 5px; - margin-top: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; -} -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1060; - display: none; - max-width: 276px; - padding: 1px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-weight: normal; - line-height: 1.42857143; - text-align: left; - white-space: normal; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); - box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -} -.popover.top { - margin-top: -10px; -} -.popover.right { - margin-left: 10px; -} -.popover.bottom { - margin-top: 10px; -} -.popover.left { - margin-left: -10px; -} -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} -.popover-content { - padding: 9px 14px; -} -.popover > .arrow, -.popover > .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.popover > .arrow { - border-width: 11px; -} -.popover > .arrow:after { - content: ""; - border-width: 10px; -} -.popover.top > .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, .25); - border-bottom-width: 0; -} -.popover.top > .arrow:after { - bottom: 1px; - margin-left: -10px; - content: " "; - border-top-color: #fff; - border-bottom-width: 0; -} -.popover.right > .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, .25); - border-left-width: 0; -} -.popover.right > .arrow:after { - bottom: -10px; - left: 1px; - content: " "; - border-right-color: #fff; - border-left-width: 0; -} -.popover.bottom > .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-top-width: 0; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, .25); -} -.popover.bottom > .arrow:after { - top: 1px; - margin-left: -10px; - content: " "; - border-top-width: 0; - border-bottom-color: #fff; -} -.popover.left > .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-right-width: 0; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, .25); -} -.popover.left > .arrow:after { - right: 1px; - bottom: -10px; - content: " "; - border-right-width: 0; - border-left-color: #fff; -} -.carousel { - position: relative; -} -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: .6s ease-in-out left; - -o-transition: .6s ease-in-out left; - transition: .6s ease-in-out left; -} -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - line-height: 1; -} -@media all and (transform-3d), (-webkit-transform-3d) { - .carousel-inner > .item { - -webkit-transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000; - perspective: 1000; - } - .carousel-inner > .item.next, - .carousel-inner > .item.active.right { - left: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - .carousel-inner > .item.prev, - .carousel-inner > .item.active.left { - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - .carousel-inner > .item.next.left, - .carousel-inner > .item.prev.right, - .carousel-inner > .item.active { - left: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} -.carousel-inner > .active { - left: 0; -} -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} -.carousel-inner > .next { - left: 100%; -} -.carousel-inner > .prev { - left: -100%; -} -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} -.carousel-inner > .active.left { - left: -100%; -} -.carousel-inner > .active.right { - left: 100%; -} -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 15%; - font-size: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, .6); - filter: alpha(opacity=50); - opacity: .5; -} -.carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); - background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-repeat: repeat-x; -} -.carousel-control.right { - right: 0; - left: auto; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); - background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-repeat: repeat-x; -} -.carousel-control:hover, -.carousel-control:focus { - color: #fff; - text-decoration: none; - filter: alpha(opacity=90); - outline: 0; - opacity: .9; -} -.carousel-control .icon-prev, -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-left, -.carousel-control .glyphicon-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; -} -.carousel-control .icon-prev, -.carousel-control .glyphicon-chevron-left { - left: 50%; - margin-left: -10px; -} -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-right { - right: 50%; - margin-right: -10px; -} -.carousel-control .icon-prev, -.carousel-control .icon-next { - width: 20px; - height: 20px; - margin-top: -10px; - font-family: serif; - line-height: 1; -} -.carousel-control .icon-prev:before { - content: '\2039'; -} -.carousel-control .icon-next:before { - content: '\203a'; -} -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - padding-left: 0; - margin-left: -30%; - text-align: center; - list-style: none; -} -.carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - cursor: pointer; - background-color: #000 \9; - background-color: rgba(0, 0, 0, 0); - border: 1px solid #fff; - border-radius: 10px; -} -.carousel-indicators .active { - width: 12px; - height: 12px; - margin: 0; - background-color: #fff; -} -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -} -.carousel-caption .btn { - text-shadow: none; -} -@media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-prev, - .carousel-control .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - font-size: 30px; - } - .carousel-control .glyphicon-chevron-left, - .carousel-control .icon-prev { - margin-left: -15px; - } - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-next { - margin-right: -15px; - } - .carousel-caption { - right: 20%; - left: 20%; - padding-bottom: 30px; - } - .carousel-indicators { - bottom: 20px; - } -} -.clearfix:before, -.clearfix:after, -.dl-horizontal dd:before, -.dl-horizontal dd:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, -.btn-toolbar:before, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after, -.nav:before, -.nav:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after, -.navbar-collapse:before, -.navbar-collapse:after, -.pager:before, -.pager:after, -.panel-body:before, -.panel-body:after, -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; -} -.clearfix:after, -.dl-horizontal dd:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:after, -.nav:after, -.navbar:after, -.navbar-header:after, -.navbar-collapse:after, -.pager:after, -.panel-body:after, -.modal-footer:after { - clear: both; -} -.center-block { - display: block; - margin-right: auto; - margin-left: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; -} -@-ms-viewport { - width: device-width; -} -.visible-xs, -.visible-sm, -.visible-md, -.visible-lg { - display: none !important; -} -.visible-xs-block, -.visible-xs-inline, -.visible-xs-inline-block, -.visible-sm-block, -.visible-sm-inline, -.visible-sm-inline-block, -.visible-md-block, -.visible-md-inline, -.visible-md-inline-block, -.visible-lg-block, -.visible-lg-inline, -.visible-lg-inline-block { - display: none !important; -} -@media (max-width: 767px) { - .visible-xs { - display: block !important; - } - table.visible-xs { - display: table; - } - tr.visible-xs { - display: table-row !important; - } - th.visible-xs, - td.visible-xs { - display: table-cell !important; - } -} -@media (max-width: 767px) { - .visible-xs-block { - display: block !important; - } -} -@media (max-width: 767px) { - .visible-xs-inline { - display: inline !important; - } -} -@media (max-width: 767px) { - .visible-xs-inline-block { - display: inline-block !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm { - display: block !important; - } - table.visible-sm { - display: table; - } - tr.visible-sm { - display: table-row !important; - } - th.visible-sm, - td.visible-sm { - display: table-cell !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-block { - display: block !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline { - display: inline !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline-block { - display: inline-block !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md { - display: block !important; - } - table.visible-md { - display: table; - } - tr.visible-md { - display: table-row !important; - } - th.visible-md, - td.visible-md { - display: table-cell !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-block { - display: block !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline { - display: inline !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline-block { - display: inline-block !important; - } -} -@media (min-width: 1200px) { - .visible-lg { - display: block !important; - } - table.visible-lg { - display: table; - } - tr.visible-lg { - display: table-row !important; - } - th.visible-lg, - td.visible-lg { - display: table-cell !important; - } -} -@media (min-width: 1200px) { - .visible-lg-block { - display: block !important; - } -} -@media (min-width: 1200px) { - .visible-lg-inline { - display: inline !important; - } -} -@media (min-width: 1200px) { - .visible-lg-inline-block { - display: inline-block !important; - } -} -@media (max-width: 767px) { - .hidden-xs { - display: none !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none !important; - } -} -@media (min-width: 1200px) { - .hidden-lg { - display: none !important; - } -} -.visible-print { - display: none !important; -} -@media print { - .visible-print { - display: block !important; - } - table.visible-print { - display: table; - } - tr.visible-print { - display: table-row !important; - } - th.visible-print, - td.visible-print { - display: table-cell !important; - } -} -.visible-print-block { - display: none !important; -} -@media print { - .visible-print-block { - display: block !important; - } -} -.visible-print-inline { - display: none !important; -} -@media print { - .visible-print-inline { - display: inline !important; - } -} -.visible-print-inline-block { - display: none !important; -} -@media print { - .visible-print-inline-block { - display: inline-block !important; - } -} -@media print { - .hidden-print { - display: none !important; - } -} -/*# sourceMappingURL=bootstrap.css.map */ diff --git a/public/assets/css/font-awesome.css b/public/assets/css/font-awesome.css deleted file mode 100644 index 2dcdc22..0000000 --- a/public/assets/css/font-awesome.css +++ /dev/null @@ -1,1801 +0,0 @@ -/*! - * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ -/* FONT PATH - * -------------------------- */ -@font-face { - font-family: 'FontAwesome'; - src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); - src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); - font-weight: normal; - font-style: normal; -} -.fa { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); -} -/* makes the font 33% larger relative to the icon container */ -.fa-lg { - font-size: 1.33333333em; - line-height: 0.75em; - vertical-align: -15%; -} -.fa-2x { - font-size: 2em; -} -.fa-3x { - font-size: 3em; -} -.fa-4x { - font-size: 4em; -} -.fa-5x { - font-size: 5em; -} -.fa-fw { - width: 1.28571429em; - text-align: center; -} -.fa-ul { - padding-left: 0; - margin-left: 2.14285714em; - list-style-type: none; -} -.fa-ul > li { - position: relative; -} -.fa-li { - position: absolute; - left: -2.14285714em; - width: 2.14285714em; - top: 0.14285714em; - text-align: center; -} -.fa-li.fa-lg { - left: -1.85714286em; -} -.fa-border { - padding: .2em .25em .15em; - border: solid 0.08em #eeeeee; - border-radius: .1em; -} -.pull-right { - float: right; -} -.pull-left { - float: left; -} -.fa.pull-left { - margin-right: .3em; -} -.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(359deg); - transform: rotate(359deg); - } -} -@keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -.fa-rotate-90 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} -.fa-rotate-180 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.fa-rotate-270 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); -} -.fa-flip-horizontal { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.fa-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); - -webkit-transform: scale(1, -1); - -ms-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 { - filter: none; -} -.fa-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; -} -.fa-stack-1x, -.fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; -} -.fa-stack-1x { - line-height: inherit; -} -.fa-stack-2x { - font-size: 2em; -} -.fa-inverse { - color: #ffffff; -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.fa-glass:before { - content: "\f000"; -} -.fa-music:before { - content: "\f001"; -} -.fa-search:before { - content: "\f002"; -} -.fa-envelope-o:before { - content: "\f003"; -} -.fa-heart:before { - content: "\f004"; -} -.fa-star:before { - content: "\f005"; -} -.fa-star-o:before { - content: "\f006"; -} -.fa-user:before { - content: "\f007"; -} -.fa-film:before { - content: "\f008"; -} -.fa-th-large:before { - content: "\f009"; -} -.fa-th:before { - content: "\f00a"; -} -.fa-th-list:before { - content: "\f00b"; -} -.fa-check:before { - content: "\f00c"; -} -.fa-remove:before, -.fa-close:before, -.fa-times:before { - content: "\f00d"; -} -.fa-search-plus:before { - content: "\f00e"; -} -.fa-search-minus:before { - content: "\f010"; -} -.fa-power-off:before { - content: "\f011"; -} -.fa-signal:before { - content: "\f012"; -} -.fa-gear:before, -.fa-cog:before { - content: "\f013"; -} -.fa-trash-o:before { - content: "\f014"; -} -.fa-home:before { - content: "\f015"; -} -.fa-file-o:before { - content: "\f016"; -} -.fa-clock-o:before { - content: "\f017"; -} -.fa-road:before { - content: "\f018"; -} -.fa-download:before { - content: "\f019"; -} -.fa-arrow-circle-o-down:before { - content: "\f01a"; -} -.fa-arrow-circle-o-up:before { - content: "\f01b"; -} -.fa-inbox:before { - content: "\f01c"; -} -.fa-play-circle-o:before { - content: "\f01d"; -} -.fa-rotate-right:before, -.fa-repeat:before { - content: "\f01e"; -} -.fa-refresh:before { - content: "\f021"; -} -.fa-list-alt:before { - content: "\f022"; -} -.fa-lock:before { - content: "\f023"; -} -.fa-flag:before { - content: "\f024"; -} -.fa-headphones:before { - content: "\f025"; -} -.fa-volume-off:before { - content: "\f026"; -} -.fa-volume-down:before { - content: "\f027"; -} -.fa-volume-up:before { - content: "\f028"; -} -.fa-qrcode:before { - content: "\f029"; -} -.fa-barcode:before { - content: "\f02a"; -} -.fa-tag:before { - content: "\f02b"; -} -.fa-tags:before { - content: "\f02c"; -} -.fa-book:before { - content: "\f02d"; -} -.fa-bookmark:before { - content: "\f02e"; -} -.fa-print:before { - content: "\f02f"; -} -.fa-camera:before { - content: "\f030"; -} -.fa-font:before { - content: "\f031"; -} -.fa-bold:before { - content: "\f032"; -} -.fa-italic:before { - content: "\f033"; -} -.fa-text-height:before { - content: "\f034"; -} -.fa-text-width:before { - content: "\f035"; -} -.fa-align-left:before { - content: "\f036"; -} -.fa-align-center:before { - content: "\f037"; -} -.fa-align-right:before { - content: "\f038"; -} -.fa-align-justify:before { - content: "\f039"; -} -.fa-list:before { - content: "\f03a"; -} -.fa-dedent:before, -.fa-outdent:before { - content: "\f03b"; -} -.fa-indent:before { - content: "\f03c"; -} -.fa-video-camera:before { - content: "\f03d"; -} -.fa-photo:before, -.fa-image:before, -.fa-picture-o:before { - content: "\f03e"; -} -.fa-pencil:before { - content: "\f040"; -} -.fa-map-marker:before { - content: "\f041"; -} -.fa-adjust:before { - content: "\f042"; -} -.fa-tint:before { - content: "\f043"; -} -.fa-edit:before, -.fa-pencil-square-o:before { - content: "\f044"; -} -.fa-share-square-o:before { - content: "\f045"; -} -.fa-check-square-o:before { - content: "\f046"; -} -.fa-arrows:before { - content: "\f047"; -} -.fa-step-backward:before { - content: "\f048"; -} -.fa-fast-backward:before { - content: "\f049"; -} -.fa-backward:before { - content: "\f04a"; -} -.fa-play:before { - content: "\f04b"; -} -.fa-pause:before { - content: "\f04c"; -} -.fa-stop:before { - content: "\f04d"; -} -.fa-forward:before { - content: "\f04e"; -} -.fa-fast-forward:before { - content: "\f050"; -} -.fa-step-forward:before { - content: "\f051"; -} -.fa-eject:before { - content: "\f052"; -} -.fa-chevron-left:before { - content: "\f053"; -} -.fa-chevron-right:before { - content: "\f054"; -} -.fa-plus-circle:before { - content: "\f055"; -} -.fa-minus-circle:before { - content: "\f056"; -} -.fa-times-circle:before { - content: "\f057"; -} -.fa-check-circle:before { - content: "\f058"; -} -.fa-question-circle:before { - content: "\f059"; -} -.fa-info-circle:before { - content: "\f05a"; -} -.fa-crosshairs:before { - content: "\f05b"; -} -.fa-times-circle-o:before { - content: "\f05c"; -} -.fa-check-circle-o:before { - content: "\f05d"; -} -.fa-ban:before { - content: "\f05e"; -} -.fa-arrow-left:before { - content: "\f060"; -} -.fa-arrow-right:before { - content: "\f061"; -} -.fa-arrow-up:before { - content: "\f062"; -} -.fa-arrow-down:before { - content: "\f063"; -} -.fa-mail-forward:before, -.fa-share:before { - content: "\f064"; -} -.fa-expand:before { - content: "\f065"; -} -.fa-compress:before { - content: "\f066"; -} -.fa-plus:before { - content: "\f067"; -} -.fa-minus:before { - content: "\f068"; -} -.fa-asterisk:before { - content: "\f069"; -} -.fa-exclamation-circle:before { - content: "\f06a"; -} -.fa-gift:before { - content: "\f06b"; -} -.fa-leaf:before { - content: "\f06c"; -} -.fa-fire:before { - content: "\f06d"; -} -.fa-eye:before { - content: "\f06e"; -} -.fa-eye-slash:before { - content: "\f070"; -} -.fa-warning:before, -.fa-exclamation-triangle:before { - content: "\f071"; -} -.fa-plane:before { - content: "\f072"; -} -.fa-calendar:before { - content: "\f073"; -} -.fa-random:before { - content: "\f074"; -} -.fa-comment:before { - content: "\f075"; -} -.fa-magnet:before { - content: "\f076"; -} -.fa-chevron-up:before { - content: "\f077"; -} -.fa-chevron-down:before { - content: "\f078"; -} -.fa-retweet:before { - content: "\f079"; -} -.fa-shopping-cart:before { - content: "\f07a"; -} -.fa-folder:before { - content: "\f07b"; -} -.fa-folder-open:before { - content: "\f07c"; -} -.fa-arrows-v:before { - content: "\f07d"; -} -.fa-arrows-h:before { - content: "\f07e"; -} -.fa-bar-chart-o:before, -.fa-bar-chart:before { - content: "\f080"; -} -.fa-twitter-square:before { - content: "\f081"; -} -.fa-facebook-square:before { - content: "\f082"; -} -.fa-camera-retro:before { - content: "\f083"; -} -.fa-key:before { - content: "\f084"; -} -.fa-gears:before, -.fa-cogs:before { - content: "\f085"; -} -.fa-comments:before { - content: "\f086"; -} -.fa-thumbs-o-up:before { - content: "\f087"; -} -.fa-thumbs-o-down:before { - content: "\f088"; -} -.fa-star-half:before { - content: "\f089"; -} -.fa-heart-o:before { - content: "\f08a"; -} -.fa-sign-out:before { - content: "\f08b"; -} -.fa-linkedin-square:before { - content: "\f08c"; -} -.fa-thumb-tack:before { - content: "\f08d"; -} -.fa-external-link:before { - content: "\f08e"; -} -.fa-sign-in:before { - content: "\f090"; -} -.fa-trophy:before { - content: "\f091"; -} -.fa-github-square:before { - content: "\f092"; -} -.fa-upload:before { - content: "\f093"; -} -.fa-lemon-o:before { - content: "\f094"; -} -.fa-phone:before { - content: "\f095"; -} -.fa-square-o:before { - content: "\f096"; -} -.fa-bookmark-o:before { - content: "\f097"; -} -.fa-phone-square:before { - content: "\f098"; -} -.fa-twitter:before { - content: "\f099"; -} -.fa-facebook-f:before, -.fa-facebook:before { - content: "\f09a"; -} -.fa-github:before { - content: "\f09b"; -} -.fa-unlock:before { - content: "\f09c"; -} -.fa-credit-card:before { - content: "\f09d"; -} -.fa-rss:before { - content: "\f09e"; -} -.fa-hdd-o:before { - content: "\f0a0"; -} -.fa-bullhorn:before { - content: "\f0a1"; -} -.fa-bell:before { - content: "\f0f3"; -} -.fa-certificate:before { - content: "\f0a3"; -} -.fa-hand-o-right:before { - content: "\f0a4"; -} -.fa-hand-o-left:before { - content: "\f0a5"; -} -.fa-hand-o-up:before { - content: "\f0a6"; -} -.fa-hand-o-down:before { - content: "\f0a7"; -} -.fa-arrow-circle-left:before { - content: "\f0a8"; -} -.fa-arrow-circle-right:before { - content: "\f0a9"; -} -.fa-arrow-circle-up:before { - content: "\f0aa"; -} -.fa-arrow-circle-down:before { - content: "\f0ab"; -} -.fa-globe:before { - content: "\f0ac"; -} -.fa-wrench:before { - content: "\f0ad"; -} -.fa-tasks:before { - content: "\f0ae"; -} -.fa-filter:before { - content: "\f0b0"; -} -.fa-briefcase:before { - content: "\f0b1"; -} -.fa-arrows-alt:before { - content: "\f0b2"; -} -.fa-group:before, -.fa-users:before { - content: "\f0c0"; -} -.fa-chain:before, -.fa-link:before { - content: "\f0c1"; -} -.fa-cloud:before { - content: "\f0c2"; -} -.fa-flask:before { - content: "\f0c3"; -} -.fa-cut:before, -.fa-scissors:before { - content: "\f0c4"; -} -.fa-copy:before, -.fa-files-o:before { - content: "\f0c5"; -} -.fa-paperclip:before { - content: "\f0c6"; -} -.fa-save:before, -.fa-floppy-o:before { - content: "\f0c7"; -} -.fa-square:before { - content: "\f0c8"; -} -.fa-navicon:before, -.fa-reorder:before, -.fa-bars:before { - content: "\f0c9"; -} -.fa-list-ul:before { - content: "\f0ca"; -} -.fa-list-ol:before { - content: "\f0cb"; -} -.fa-strikethrough:before { - content: "\f0cc"; -} -.fa-underline:before { - content: "\f0cd"; -} -.fa-table:before { - content: "\f0ce"; -} -.fa-magic:before { - content: "\f0d0"; -} -.fa-truck:before { - content: "\f0d1"; -} -.fa-pinterest:before { - content: "\f0d2"; -} -.fa-pinterest-square:before { - content: "\f0d3"; -} -.fa-google-plus-square:before { - content: "\f0d4"; -} -.fa-google-plus:before { - content: "\f0d5"; -} -.fa-money:before { - content: "\f0d6"; -} -.fa-caret-down:before { - content: "\f0d7"; -} -.fa-caret-up:before { - content: "\f0d8"; -} -.fa-caret-left:before { - content: "\f0d9"; -} -.fa-caret-right:before { - content: "\f0da"; -} -.fa-columns:before { - content: "\f0db"; -} -.fa-unsorted:before, -.fa-sort:before { - content: "\f0dc"; -} -.fa-sort-down:before, -.fa-sort-desc:before { - content: "\f0dd"; -} -.fa-sort-up:before, -.fa-sort-asc:before { - content: "\f0de"; -} -.fa-envelope:before { - content: "\f0e0"; -} -.fa-linkedin:before { - content: "\f0e1"; -} -.fa-rotate-left:before, -.fa-undo:before { - content: "\f0e2"; -} -.fa-legal:before, -.fa-gavel:before { - content: "\f0e3"; -} -.fa-dashboard:before, -.fa-tachometer:before { - content: "\f0e4"; -} -.fa-comment-o:before { - content: "\f0e5"; -} -.fa-comments-o:before { - content: "\f0e6"; -} -.fa-flash:before, -.fa-bolt:before { - content: "\f0e7"; -} -.fa-sitemap:before { - content: "\f0e8"; -} -.fa-umbrella:before { - content: "\f0e9"; -} -.fa-paste:before, -.fa-clipboard:before { - content: "\f0ea"; -} -.fa-lightbulb-o:before { - content: "\f0eb"; -} -.fa-exchange:before { - content: "\f0ec"; -} -.fa-cloud-download:before { - content: "\f0ed"; -} -.fa-cloud-upload:before { - content: "\f0ee"; -} -.fa-user-md:before { - content: "\f0f0"; -} -.fa-stethoscope:before { - content: "\f0f1"; -} -.fa-suitcase:before { - content: "\f0f2"; -} -.fa-bell-o:before { - content: "\f0a2"; -} -.fa-coffee:before { - content: "\f0f4"; -} -.fa-cutlery:before { - content: "\f0f5"; -} -.fa-file-text-o:before { - content: "\f0f6"; -} -.fa-building-o:before { - content: "\f0f7"; -} -.fa-hospital-o:before { - content: "\f0f8"; -} -.fa-ambulance:before { - content: "\f0f9"; -} -.fa-medkit:before { - content: "\f0fa"; -} -.fa-fighter-jet:before { - content: "\f0fb"; -} -.fa-beer:before { - content: "\f0fc"; -} -.fa-h-square:before { - content: "\f0fd"; -} -.fa-plus-square:before { - content: "\f0fe"; -} -.fa-angle-double-left:before { - content: "\f100"; -} -.fa-angle-double-right:before { - content: "\f101"; -} -.fa-angle-double-up:before { - content: "\f102"; -} -.fa-angle-double-down:before { - content: "\f103"; -} -.fa-angle-left:before { - content: "\f104"; -} -.fa-angle-right:before { - content: "\f105"; -} -.fa-angle-up:before { - content: "\f106"; -} -.fa-angle-down:before { - content: "\f107"; -} -.fa-desktop:before { - content: "\f108"; -} -.fa-laptop:before { - content: "\f109"; -} -.fa-tablet:before { - content: "\f10a"; -} -.fa-mobile-phone:before, -.fa-mobile:before { - content: "\f10b"; -} -.fa-circle-o:before { - content: "\f10c"; -} -.fa-quote-left:before { - content: "\f10d"; -} -.fa-quote-right:before { - content: "\f10e"; -} -.fa-spinner:before { - content: "\f110"; -} -.fa-circle:before { - content: "\f111"; -} -.fa-mail-reply:before, -.fa-reply:before { - content: "\f112"; -} -.fa-github-alt:before { - content: "\f113"; -} -.fa-folder-o:before { - content: "\f114"; -} -.fa-folder-open-o:before { - content: "\f115"; -} -.fa-smile-o:before { - content: "\f118"; -} -.fa-frown-o:before { - content: "\f119"; -} -.fa-meh-o:before { - content: "\f11a"; -} -.fa-gamepad:before { - content: "\f11b"; -} -.fa-keyboard-o:before { - content: "\f11c"; -} -.fa-flag-o:before { - content: "\f11d"; -} -.fa-flag-checkered:before { - content: "\f11e"; -} -.fa-terminal:before { - content: "\f120"; -} -.fa-code:before { - content: "\f121"; -} -.fa-mail-reply-all:before, -.fa-reply-all:before { - content: "\f122"; -} -.fa-star-half-empty:before, -.fa-star-half-full:before, -.fa-star-half-o:before { - content: "\f123"; -} -.fa-location-arrow:before { - content: "\f124"; -} -.fa-crop:before { - content: "\f125"; -} -.fa-code-fork:before { - content: "\f126"; -} -.fa-unlink:before, -.fa-chain-broken:before { - content: "\f127"; -} -.fa-question:before { - content: "\f128"; -} -.fa-info:before { - content: "\f129"; -} -.fa-exclamation:before { - content: "\f12a"; -} -.fa-superscript:before { - content: "\f12b"; -} -.fa-subscript:before { - content: "\f12c"; -} -.fa-eraser:before { - content: "\f12d"; -} -.fa-puzzle-piece:before { - content: "\f12e"; -} -.fa-microphone:before { - content: "\f130"; -} -.fa-microphone-slash:before { - content: "\f131"; -} -.fa-shield:before { - content: "\f132"; -} -.fa-calendar-o:before { - content: "\f133"; -} -.fa-fire-extinguisher:before { - content: "\f134"; -} -.fa-rocket:before { - content: "\f135"; -} -.fa-maxcdn:before { - content: "\f136"; -} -.fa-chevron-circle-left:before { - content: "\f137"; -} -.fa-chevron-circle-right:before { - content: "\f138"; -} -.fa-chevron-circle-up:before { - content: "\f139"; -} -.fa-chevron-circle-down:before { - content: "\f13a"; -} -.fa-html5:before { - content: "\f13b"; -} -.fa-css3:before { - content: "\f13c"; -} -.fa-anchor:before { - content: "\f13d"; -} -.fa-unlock-alt:before { - content: "\f13e"; -} -.fa-bullseye:before { - content: "\f140"; -} -.fa-ellipsis-h:before { - content: "\f141"; -} -.fa-ellipsis-v:before { - content: "\f142"; -} -.fa-rss-square:before { - content: "\f143"; -} -.fa-play-circle:before { - content: "\f144"; -} -.fa-ticket:before { - content: "\f145"; -} -.fa-minus-square:before { - content: "\f146"; -} -.fa-minus-square-o:before { - content: "\f147"; -} -.fa-level-up:before { - content: "\f148"; -} -.fa-level-down:before { - content: "\f149"; -} -.fa-check-square:before { - content: "\f14a"; -} -.fa-pencil-square:before { - content: "\f14b"; -} -.fa-external-link-square:before { - content: "\f14c"; -} -.fa-share-square:before { - content: "\f14d"; -} -.fa-compass:before { - content: "\f14e"; -} -.fa-toggle-down:before, -.fa-caret-square-o-down:before { - content: "\f150"; -} -.fa-toggle-up:before, -.fa-caret-square-o-up:before { - content: "\f151"; -} -.fa-toggle-right:before, -.fa-caret-square-o-right:before { - content: "\f152"; -} -.fa-euro:before, -.fa-eur:before { - content: "\f153"; -} -.fa-gbp:before { - content: "\f154"; -} -.fa-dollar:before, -.fa-usd:before { - content: "\f155"; -} -.fa-rupee:before, -.fa-inr:before { - content: "\f156"; -} -.fa-cny:before, -.fa-rmb:before, -.fa-yen:before, -.fa-jpy:before { - content: "\f157"; -} -.fa-ruble:before, -.fa-rouble:before, -.fa-rub:before { - content: "\f158"; -} -.fa-won:before, -.fa-krw:before { - content: "\f159"; -} -.fa-bitcoin:before, -.fa-btc:before { - content: "\f15a"; -} -.fa-file:before { - content: "\f15b"; -} -.fa-file-text:before { - content: "\f15c"; -} -.fa-sort-alpha-asc:before { - content: "\f15d"; -} -.fa-sort-alpha-desc:before { - content: "\f15e"; -} -.fa-sort-amount-asc:before { - content: "\f160"; -} -.fa-sort-amount-desc:before { - content: "\f161"; -} -.fa-sort-numeric-asc:before { - content: "\f162"; -} -.fa-sort-numeric-desc:before { - content: "\f163"; -} -.fa-thumbs-up:before { - content: "\f164"; -} -.fa-thumbs-down:before { - content: "\f165"; -} -.fa-youtube-square:before { - content: "\f166"; -} -.fa-youtube:before { - content: "\f167"; -} -.fa-xing:before { - content: "\f168"; -} -.fa-xing-square:before { - content: "\f169"; -} -.fa-youtube-play:before { - content: "\f16a"; -} -.fa-dropbox:before { - content: "\f16b"; -} -.fa-stack-overflow:before { - content: "\f16c"; -} -.fa-instagram:before { - content: "\f16d"; -} -.fa-flickr:before { - content: "\f16e"; -} -.fa-adn:before { - content: "\f170"; -} -.fa-bitbucket:before { - content: "\f171"; -} -.fa-bitbucket-square:before { - content: "\f172"; -} -.fa-tumblr:before { - content: "\f173"; -} -.fa-tumblr-square:before { - content: "\f174"; -} -.fa-long-arrow-down:before { - content: "\f175"; -} -.fa-long-arrow-up:before { - content: "\f176"; -} -.fa-long-arrow-left:before { - content: "\f177"; -} -.fa-long-arrow-right:before { - content: "\f178"; -} -.fa-apple:before { - content: "\f179"; -} -.fa-windows:before { - content: "\f17a"; -} -.fa-android:before { - content: "\f17b"; -} -.fa-linux:before { - content: "\f17c"; -} -.fa-dribbble:before { - content: "\f17d"; -} -.fa-skype:before { - content: "\f17e"; -} -.fa-foursquare:before { - content: "\f180"; -} -.fa-trello:before { - content: "\f181"; -} -.fa-female:before { - content: "\f182"; -} -.fa-male:before { - content: "\f183"; -} -.fa-gittip:before, -.fa-gratipay:before { - content: "\f184"; -} -.fa-sun-o:before { - content: "\f185"; -} -.fa-moon-o:before { - content: "\f186"; -} -.fa-archive:before { - content: "\f187"; -} -.fa-bug:before { - content: "\f188"; -} -.fa-vk:before { - content: "\f189"; -} -.fa-weibo:before { - content: "\f18a"; -} -.fa-renren:before { - content: "\f18b"; -} -.fa-pagelines:before { - content: "\f18c"; -} -.fa-stack-exchange:before { - content: "\f18d"; -} -.fa-arrow-circle-o-right:before { - content: "\f18e"; -} -.fa-arrow-circle-o-left:before { - content: "\f190"; -} -.fa-toggle-left:before, -.fa-caret-square-o-left:before { - content: "\f191"; -} -.fa-dot-circle-o:before { - content: "\f192"; -} -.fa-wheelchair:before { - content: "\f193"; -} -.fa-vimeo-square:before { - content: "\f194"; -} -.fa-turkish-lira:before, -.fa-try:before { - content: "\f195"; -} -.fa-plus-square-o:before { - content: "\f196"; -} -.fa-space-shuttle:before { - content: "\f197"; -} -.fa-slack:before { - content: "\f198"; -} -.fa-envelope-square:before { - content: "\f199"; -} -.fa-wordpress:before { - content: "\f19a"; -} -.fa-openid:before { - content: "\f19b"; -} -.fa-institution:before, -.fa-bank:before, -.fa-university:before { - content: "\f19c"; -} -.fa-mortar-board:before, -.fa-graduation-cap:before { - content: "\f19d"; -} -.fa-yahoo:before { - content: "\f19e"; -} -.fa-google:before { - content: "\f1a0"; -} -.fa-reddit:before { - content: "\f1a1"; -} -.fa-reddit-square:before { - content: "\f1a2"; -} -.fa-stumbleupon-circle:before { - content: "\f1a3"; -} -.fa-stumbleupon:before { - content: "\f1a4"; -} -.fa-delicious:before { - content: "\f1a5"; -} -.fa-digg:before { - content: "\f1a6"; -} -.fa-pied-piper:before { - content: "\f1a7"; -} -.fa-pied-piper-alt:before { - content: "\f1a8"; -} -.fa-drupal:before { - content: "\f1a9"; -} -.fa-joomla:before { - content: "\f1aa"; -} -.fa-language:before { - content: "\f1ab"; -} -.fa-fax:before { - content: "\f1ac"; -} -.fa-building:before { - content: "\f1ad"; -} -.fa-child:before { - content: "\f1ae"; -} -.fa-paw:before { - content: "\f1b0"; -} -.fa-spoon:before { - content: "\f1b1"; -} -.fa-cube:before { - content: "\f1b2"; -} -.fa-cubes:before { - content: "\f1b3"; -} -.fa-behance:before { - content: "\f1b4"; -} -.fa-behance-square:before { - content: "\f1b5"; -} -.fa-steam:before { - content: "\f1b6"; -} -.fa-steam-square:before { - content: "\f1b7"; -} -.fa-recycle:before { - content: "\f1b8"; -} -.fa-automobile:before, -.fa-car:before { - content: "\f1b9"; -} -.fa-cab:before, -.fa-taxi:before { - content: "\f1ba"; -} -.fa-tree:before { - content: "\f1bb"; -} -.fa-spotify:before { - content: "\f1bc"; -} -.fa-deviantart:before { - content: "\f1bd"; -} -.fa-soundcloud:before { - content: "\f1be"; -} -.fa-database:before { - content: "\f1c0"; -} -.fa-file-pdf-o:before { - content: "\f1c1"; -} -.fa-file-word-o:before { - content: "\f1c2"; -} -.fa-file-excel-o:before { - content: "\f1c3"; -} -.fa-file-powerpoint-o:before { - content: "\f1c4"; -} -.fa-file-photo-o:before, -.fa-file-picture-o:before, -.fa-file-image-o:before { - content: "\f1c5"; -} -.fa-file-zip-o:before, -.fa-file-archive-o:before { - content: "\f1c6"; -} -.fa-file-sound-o:before, -.fa-file-audio-o:before { - content: "\f1c7"; -} -.fa-file-movie-o:before, -.fa-file-video-o:before { - content: "\f1c8"; -} -.fa-file-code-o:before { - content: "\f1c9"; -} -.fa-vine:before { - content: "\f1ca"; -} -.fa-codepen:before { - content: "\f1cb"; -} -.fa-jsfiddle:before { - content: "\f1cc"; -} -.fa-life-bouy:before, -.fa-life-buoy:before, -.fa-life-saver:before, -.fa-support:before, -.fa-life-ring:before { - content: "\f1cd"; -} -.fa-circle-o-notch:before { - content: "\f1ce"; -} -.fa-ra:before, -.fa-rebel:before { - content: "\f1d0"; -} -.fa-ge:before, -.fa-empire:before { - content: "\f1d1"; -} -.fa-git-square:before { - content: "\f1d2"; -} -.fa-git:before { - content: "\f1d3"; -} -.fa-hacker-news:before { - content: "\f1d4"; -} -.fa-tencent-weibo:before { - content: "\f1d5"; -} -.fa-qq:before { - content: "\f1d6"; -} -.fa-wechat:before, -.fa-weixin:before { - content: "\f1d7"; -} -.fa-send:before, -.fa-paper-plane:before { - content: "\f1d8"; -} -.fa-send-o:before, -.fa-paper-plane-o:before { - content: "\f1d9"; -} -.fa-history:before { - content: "\f1da"; -} -.fa-genderless:before, -.fa-circle-thin:before { - content: "\f1db"; -} -.fa-header:before { - content: "\f1dc"; -} -.fa-paragraph:before { - content: "\f1dd"; -} -.fa-sliders:before { - content: "\f1de"; -} -.fa-share-alt:before { - content: "\f1e0"; -} -.fa-share-alt-square:before { - content: "\f1e1"; -} -.fa-bomb:before { - content: "\f1e2"; -} -.fa-soccer-ball-o:before, -.fa-futbol-o:before { - content: "\f1e3"; -} -.fa-tty:before { - content: "\f1e4"; -} -.fa-binoculars:before { - content: "\f1e5"; -} -.fa-plug:before { - content: "\f1e6"; -} -.fa-slideshare:before { - content: "\f1e7"; -} -.fa-twitch:before { - content: "\f1e8"; -} -.fa-yelp:before { - content: "\f1e9"; -} -.fa-newspaper-o:before { - content: "\f1ea"; -} -.fa-wifi:before { - content: "\f1eb"; -} -.fa-calculator:before { - content: "\f1ec"; -} -.fa-paypal:before { - content: "\f1ed"; -} -.fa-google-wallet:before { - content: "\f1ee"; -} -.fa-cc-visa:before { - content: "\f1f0"; -} -.fa-cc-mastercard:before { - content: "\f1f1"; -} -.fa-cc-discover:before { - content: "\f1f2"; -} -.fa-cc-amex:before { - content: "\f1f3"; -} -.fa-cc-paypal:before { - content: "\f1f4"; -} -.fa-cc-stripe:before { - content: "\f1f5"; -} -.fa-bell-slash:before { - content: "\f1f6"; -} -.fa-bell-slash-o:before { - content: "\f1f7"; -} -.fa-trash:before { - content: "\f1f8"; -} -.fa-copyright:before { - content: "\f1f9"; -} -.fa-at:before { - content: "\f1fa"; -} -.fa-eyedropper:before { - content: "\f1fb"; -} -.fa-paint-brush:before { - content: "\f1fc"; -} -.fa-birthday-cake:before { - content: "\f1fd"; -} -.fa-area-chart:before { - content: "\f1fe"; -} -.fa-pie-chart:before { - content: "\f200"; -} -.fa-line-chart:before { - content: "\f201"; -} -.fa-lastfm:before { - content: "\f202"; -} -.fa-lastfm-square:before { - content: "\f203"; -} -.fa-toggle-off:before { - content: "\f204"; -} -.fa-toggle-on:before { - content: "\f205"; -} -.fa-bicycle:before { - content: "\f206"; -} -.fa-bus:before { - content: "\f207"; -} -.fa-ioxhost:before { - content: "\f208"; -} -.fa-angellist:before { - content: "\f209"; -} -.fa-cc:before { - content: "\f20a"; -} -.fa-shekel:before, -.fa-sheqel:before, -.fa-ils:before { - content: "\f20b"; -} -.fa-meanpath:before { - content: "\f20c"; -} -.fa-buysellads:before { - content: "\f20d"; -} -.fa-connectdevelop:before { - content: "\f20e"; -} -.fa-dashcube:before { - content: "\f210"; -} -.fa-forumbee:before { - content: "\f211"; -} -.fa-leanpub:before { - content: "\f212"; -} -.fa-sellsy:before { - content: "\f213"; -} -.fa-shirtsinbulk:before { - content: "\f214"; -} -.fa-simplybuilt:before { - content: "\f215"; -} -.fa-skyatlas:before { - content: "\f216"; -} -.fa-cart-plus:before { - content: "\f217"; -} -.fa-cart-arrow-down:before { - content: "\f218"; -} -.fa-diamond:before { - content: "\f219"; -} -.fa-ship:before { - content: "\f21a"; -} -.fa-user-secret:before { - content: "\f21b"; -} -.fa-motorcycle:before { - content: "\f21c"; -} -.fa-street-view:before { - content: "\f21d"; -} -.fa-heartbeat:before { - content: "\f21e"; -} -.fa-venus:before { - content: "\f221"; -} -.fa-mars:before { - content: "\f222"; -} -.fa-mercury:before { - content: "\f223"; -} -.fa-transgender:before { - content: "\f224"; -} -.fa-transgender-alt:before { - content: "\f225"; -} -.fa-venus-double:before { - content: "\f226"; -} -.fa-mars-double:before { - content: "\f227"; -} -.fa-venus-mars:before { - content: "\f228"; -} -.fa-mars-stroke:before { - content: "\f229"; -} -.fa-mars-stroke-v:before { - content: "\f22a"; -} -.fa-mars-stroke-h:before { - content: "\f22b"; -} -.fa-neuter:before { - content: "\f22c"; -} -.fa-facebook-official:before { - content: "\f230"; -} -.fa-pinterest-p:before { - content: "\f231"; -} -.fa-whatsapp:before { - content: "\f232"; -} -.fa-server:before { - content: "\f233"; -} -.fa-user-plus:before { - content: "\f234"; -} -.fa-user-times:before { - content: "\f235"; -} -.fa-hotel:before, -.fa-bed:before { - content: "\f236"; -} -.fa-viacoin:before { - content: "\f237"; -} -.fa-train:before { - content: "\f238"; -} -.fa-subway:before { - content: "\f239"; -} -.fa-medium:before { - content: "\f23a"; -} diff --git a/public/assets/css/includes/bootstrap-variables.less b/public/assets/css/includes/bootstrap-variables.less new file mode 100644 index 0000000..1d5fe4e --- /dev/null +++ b/public/assets/css/includes/bootstrap-variables.less @@ -0,0 +1,665 @@ +// +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +@gray-base: #000; +@gray-darker: lighten(@gray-base, 13.5%); // #222 +@gray-dark: lighten(@gray-base, 20%); // #333 +@gray: lighten(@gray-base, 33.5%); // #555 +@gray-light: lighten(@gray-base, 46.7%); // #777 +@gray-lighter: lighten(@gray-base, 93.5%); // #eee + +@brand-primary: @primary-color; +@brand-success: @success-color; +@brand-info: @info-color; +@brand-warning: @warning-color; +@brand-danger: @danger-color; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for ``. +@body-bg: @body-background; +//** Global text color on ``. +@text-color: @body-color; + +//** Global textual link color. +@link-color: @brand-primary; +//** Link hover color set via `darken()` function. +@link-hover-color: darken(@link-color, 15%); +//** Link hover decoration. +@link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +@font-family-sans-serif: @roboto; +@font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for ``, ``, and `
    `.
    +@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
    +@font-family-base:        @font-family-sans-serif;
    +
    +//** Unit-less `line-height` for use in components like buttons.
    +@line-height-base:        1.428571429; // 20/14
    +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
    +@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
    +
    +//** By default, this inherits from the ``.
    +@headings-font-family:    inherit;
    +@headings-font-weight:    300;
    +@headings-line-height:    1.1;
    +@headings-color:          inherit;
    +
    +
    +//== Iconography
    +//
    +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
    +
    +//** Load fonts from this directory.
    +@icon-font-path:          "../lib/bootstrap/dist/fonts/";
    +//** File name for all font files.
    +@icon-font-name:          "glyphicons-halflings-regular";
    +//** Element ID within SVG icon file.
    +@icon-font-svg-id:        "glyphicons_halflingsregular";
    +
    +
    +//** Global color for active items (e.g., navs or dropdowns).
    +@component-active-color:    #fff;
    +//** Global background color for active items (e.g., navs or dropdowns).
    +@component-active-bg:       @brand-primary;
    +
    +//** Width of the `border` for generating carets that indicator dropdowns.
    +@caret-width-base:          4px;
    +//** Carets increase slightly in size for larger components.
    +@caret-width-large:         5px;
    +
    +
    +//== Tables
    +//
    +//## Customizes the `.table` component with basic values, each used across all table variations.
    +
    +//** Default background color used for all tables.
    +@table-bg:                      transparent;
    +
    +//** Background color used for `.table-hover`.
    +@table-bg-active:               @table-bg-hover;
    +
    +//** Border color for table and cell borders.
    +@table-border-color:            #ddd;
    +
    +
    +//** Dropdown link text color.
    +@dropdown-link-color:            @gray-dark;
    +//** Hover color for dropdown links.
    +@dropdown-link-hover-color:      darken(@gray-dark, 5%);
    +//** Hover background for dropdown links.
    +@dropdown-link-hover-bg:         #f5f5f5;
    +
    +//** Active dropdown menu item text color.
    +@dropdown-link-active-color:     @component-active-color;
    +//** Active dropdown menu item background color.
    +@dropdown-link-active-bg:        @component-active-bg;
    +
    +//** Disabled dropdown menu item background color.
    +@dropdown-link-disabled-color:   @gray-light;
    +
    +//** Text color for headers within dropdown menus.
    +@dropdown-header-color:          @gray-light;
    +
    +//** Deprecated `@dropdown-caret-color` as of v3.1.0
    +@dropdown-caret-color:           #000;
    +
    +
    +//-- Z-index master list
    +//
    +// Warning: Avoid customizing these values. They're used for a bird's eye view
    +// of components dependent on the z-axis and are designed to all work together.
    +//
    +// Note: These variables are not generated into the Customizer.
    +
    +@zindex-navbar:            1000;
    +@zindex-dropdown:          1000;
    +@zindex-popover:           1060;
    +@zindex-tooltip:           1070;
    +@zindex-navbar-fixed:      1030;
    +@zindex-modal-background:  1040;
    +@zindex-modal:             1050;
    +
    +
    +//== Media queries breakpoints
    +//
    +//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
    +
    +// Extra small screen / phone
    +//** Deprecated `@screen-xs` as of v3.0.1
    +@screen-xs:                  480px;
    +//** Deprecated `@screen-xs-min` as of v3.2.0
    +@screen-xs-min:              @screen-xs;
    +//** Deprecated `@screen-phone` as of v3.0.1
    +@screen-phone:               @screen-xs-min;
    +
    +// Small screen / tablet
    +//** Deprecated `@screen-sm` as of v3.0.1
    +@screen-sm:                  768px;
    +@screen-sm-min:              @screen-sm;
    +//** Deprecated `@screen-tablet` as of v3.0.1
    +@screen-tablet:              @screen-sm-min;
    +
    +// Medium screen / desktop
    +//** Deprecated `@screen-md` as of v3.0.1
    +@screen-md:                  992px;
    +@screen-md-min:              @screen-md;
    +//** Deprecated `@screen-desktop` as of v3.0.1
    +@screen-desktop:             @screen-md-min;
    +
    +// Large screen / wide desktop
    +//** Deprecated `@screen-lg` as of v3.0.1
    +@screen-lg:                  1200px;
    +@screen-lg-min:              @screen-lg;
    +//** Deprecated `@screen-lg-desktop` as of v3.0.1
    +@screen-lg-desktop:          @screen-lg-min;
    +
    +// So media queries don't overlap when required, provide a maximum
    +@screen-xs-max:              (@screen-sm-min - 1);
    +@screen-sm-max:              (@screen-md-min - 1);
    +@screen-md-max:              (@screen-lg-min - 1);
    +
    +
    +//== Grid system
    +//
    +//## Define your custom responsive grid.
    +
    +//** Number of columns in the grid.
    +@grid-columns:              12;
    +//** Padding between columns. Gets divided in half for the left and right.
    +@grid-gutter-width:         30px;
    +// Navbar collapse
    +//** Point at which the navbar becomes uncollapsed.
    +@grid-float-breakpoint:     @screen-sm-min;
    +//** Point at which the navbar begins collapsing.
    +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
    +
    +
    +//== Container sizes
    +//
    +//## Define the maximum width of `.container` for different screen sizes.
    +
    +// Small screen / tablet
    +@container-tablet:             (720px + @grid-gutter-width);
    +//** For `@screen-sm-min` and up.
    +@container-sm:                 @container-tablet;
    +
    +// Medium screen / desktop
    +@container-desktop:            (940px + @grid-gutter-width);
    +//** For `@screen-md-min` and up.
    +@container-md:                 @container-desktop;
    +
    +// Large screen / wide desktop
    +@container-large-desktop:      (1140px + @grid-gutter-width);
    +//** For `@screen-lg-min` and up.
    +@container-lg:                 @container-large-desktop;
    +
    +
    +//== Navbar
    +//
    +//##
    +
    +// Basics of a navbar
    +@navbar-height:                    50px;
    +@navbar-margin-bottom:             @line-height-computed;
    +@navbar-border-radius:             @border-radius-base;
    +@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
    +@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
    +@navbar-collapse-max-height:       340px;
    +
    +@navbar-default-color:             #777;
    +@navbar-default-bg:                @primary-color;
    +@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
    +
    +// Navbar links
    +@navbar-default-link-color:                #777;
    +@navbar-default-link-hover-color:          #333;
    +@navbar-default-link-hover-bg:             transparent;
    +@navbar-default-link-active-color:         @light-color;
    +@navbar-default-link-active-bg:            transparent;
    +@navbar-default-link-disabled-color:       #ccc;
    +@navbar-default-link-disabled-bg:          transparent;
    +
    +// Navbar brand label
    +@navbar-default-brand-color:               @navbar-default-link-color;
    +@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
    +@navbar-default-brand-hover-bg:            transparent;
    +
    +// Navbar toggle
    +@navbar-default-toggle-hover-bg:           #ddd;
    +@navbar-default-toggle-icon-bar-bg:        #888;
    +@navbar-default-toggle-border-color:       #ddd;
    +
    +
    +// Inverted navbar
    +// Reset inverted navbar basics
    +@navbar-inverse-color:                      lighten(@gray-light, 15%);
    +@navbar-inverse-bg:                         #222;
    +@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
    +
    +// Inverted navbar links
    +@navbar-inverse-link-color:                 lighten(@gray-light, 15%);
    +@navbar-inverse-link-hover-color:           #fff;
    +@navbar-inverse-link-hover-bg:              transparent;
    +@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
    +@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
    +@navbar-inverse-link-disabled-color:        #444;
    +@navbar-inverse-link-disabled-bg:           transparent;
    +
    +// Inverted navbar brand label
    +@navbar-inverse-brand-color:                @navbar-inverse-link-color;
    +@navbar-inverse-brand-hover-color:          #fff;
    +@navbar-inverse-brand-hover-bg:             transparent;
    +
    +// Inverted navbar toggle
    +@navbar-inverse-toggle-hover-bg:            #333;
    +@navbar-inverse-toggle-icon-bar-bg:         #fff;
    +@navbar-inverse-toggle-border-color:        #333;
    +
    +
    +//== Navs
    +//
    +//##
    +
    +//=== Shared nav styles
    +@nav-link-padding:                          10px 15px;
    +@nav-link-hover-bg:                         @gray-lighter;
    +
    +@nav-disabled-link-color:                   @gray-light;
    +@nav-disabled-link-hover-color:             @gray-light;
    +
    +//== Tabs
    +@nav-tabs-border-color:                     transparent;
    +
    +@nav-tabs-link-hover-border-color:          @gray-lighter;
    +
    +@nav-tabs-active-link-hover-bg:             @body-bg;
    +@nav-tabs-active-link-hover-color:          @gray;
    +@nav-tabs-active-link-hover-border-color:   @light-color;
    +
    +@nav-tabs-justified-link-border-color:            #ddd;
    +@nav-tabs-justified-active-link-border-color:     @body-bg;
    +
    +//== Pills
    +@nav-pills-border-radius:                   @border-radius-base;
    +@nav-pills-active-link-hover-bg:            @component-active-bg;
    +@nav-pills-active-link-hover-color:         @component-active-color;
    +
    +
    +//== Pagination
    +//
    +//##
    +
    +@pagination-bg:                        #fff;
    +@pagination-border:                    #ddd;
    +
    +@pagination-hover-color:               @link-hover-color;
    +@pagination-hover-bg:                  @gray-lighter;
    +@pagination-hover-border:              #ddd;
    +
    +@pagination-active-color:              #fff;
    +@pagination-active-bg:                 @brand-primary;
    +@pagination-active-border:             @brand-primary;
    +
    +@pagination-disabled-color:            @gray-light;
    +@pagination-disabled-bg:               #fff;
    +@pagination-disabled-border:           #ddd;
    +
    +
    +//== Pager
    +//
    +//##
    +
    +@pager-bg:                             @pagination-bg;
    +@pager-border:                         @pagination-border;
    +@pager-border-radius:                  15px;
    +
    +@pager-hover-bg:                       @pagination-hover-bg;
    +
    +@pager-active-bg:                      @pagination-active-bg;
    +@pager-active-color:                   @pagination-active-color;
    +
    +@pager-disabled-color:                 @pagination-disabled-color;
    +
    +
    +//== Jumbotron
    +//
    +//##
    +
    +@jumbotron-padding:              30px;
    +@jumbotron-color:                inherit;
    +@jumbotron-bg:                   @gray-lighter;
    +@jumbotron-heading-color:        inherit;
    +@jumbotron-font-size:            ceil((@font-size-base * 1.5));
    +
    +
    +//== Form states and alerts
    +//
    +//## Define colors for form feedback states and, by default, alerts.
    +@state-success-text:             @success-color-text;
    +@state-success-bg:               @brand-success;
    +@state-success-border:           @brand-success;
    +
    +@state-warning-text:             @warning-color-text;
    +@state-warning-bg:               #fcf8e3;
    +@state-warning-border:           @brand-warning;
    +
    +@state-danger-text:              @brand-danger;
    +@state-danger-bg:                @brand-danger;
    +@state-danger-border:            @brand-danger;
    +
    +//== Tooltips
    +//
    +//##
    +
    +//** Tooltip max width
    +@tooltip-max-width:           200px;
    +//** Tooltip text color
    +@tooltip-color:               #fff;
    +//** Tooltip background color
    +@tooltip-bg:                  #000;
    +@tooltip-opacity:             .9;
    +
    +//** Tooltip arrow width
    +@tooltip-arrow-width:         5px;
    +//** Tooltip arrow color
    +@tooltip-arrow-color:         @tooltip-bg;
    +
    +
    +//== Popovers
    +//
    +//##
    +
    +//** Popover body background color
    +@popover-bg:                          #fff;
    +//** Popover maximum width
    +@popover-max-width:                   276px;
    +//** Popover border color
    +@popover-border-color:                rgba(0,0,0,.2);
    +//** Popover fallback border color
    +@popover-fallback-border-color:       #ccc;
    +
    +//** Popover title background color
    +@popover-title-bg:                    darken(@popover-bg, 3%);
    +
    +//** Popover arrow width
    +@popover-arrow-width:                 10px;
    +//** Popover arrow color
    +@popover-arrow-color:                 @popover-bg;
    +
    +//** Popover outer arrow width
    +@popover-arrow-outer-width:           (@popover-arrow-width + 1);
    +//** Popover outer arrow color
    +@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
    +//** Popover outer arrow fallback color
    +@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
    +
    +
    +//== Labels
    +//
    +//##
    +
    +//** Info label background color
    +@label-info-bg:               @brand-info;
    +
    +
    +//== Modals
    +//
    +//##
    +
    +//** Padding applied to the modal body
    +@modal-inner-padding:         15px;
    +
    +//** Padding applied to the modal title
    +@modal-title-padding:         15px;
    +//** Modal title line-height
    +@modal-title-line-height:     @line-height-base;
    +
    +//** Background color of modal content area
    +@modal-content-bg:                             #fff;
    +//** Modal content border color
    +@modal-content-border-color:                   rgba(0,0,0,.2);
    +//** Modal content border color **for IE8**
    +@modal-content-fallback-border-color:          #999;
    +
    +//** Modal backdrop background color
    +@modal-backdrop-bg:           #000;
    +//** Modal backdrop opacity
    +@modal-backdrop-opacity:      .5;
    +//** Modal header border color
    +@modal-header-border-color:   #e5e5e5;
    +//** Modal footer border color
    +@modal-footer-border-color:   @modal-header-border-color;
    +
    +@modal-lg:                    900px;
    +@modal-md:                    600px;
    +@modal-sm:                    300px;
    +
    +
    +//== Alerts
    +//
    +//## Define alert colors, border radius, and padding.
    +
    +@alert-padding:               18px;
    +@alert-border-radius:         @border-radius-base;
    +@alert-link-font-weight:      bold;
    +
    +@alert-primary-bg:            @primary-color;
    +@alert-primary-text:          @light-color;
    +@alert-primary-border:        @primary-color;
    +
    +@alert-success-text:          @light-color;
    +
    +@alert-info-text:             @light-color;
    +
    +@alert-warning-text:          @light-color;
    +
    +@alert-danger-text:           @light-color;
    +
    +
    +//== Progress bars
    +//
    +//##
    +
    +//** Background color of the whole progress component
    +@progress-bg:                 #f5f5f5;
    +//** Progress bar text color
    +@progress-bar-color:          #fff;
    +//** Variable for setting rounded corners on progress bar.
    +@progress-border-radius:      @border-radius-base;
    +
    +//** Default progress bar color
    +@progress-bar-bg:             @brand-primary;
    +//** Success progress bar color
    +@progress-bar-success-bg:     @brand-success;
    +//** Warning progress bar color
    +@progress-bar-warning-bg:     @brand-warning;
    +//** Danger progress bar color
    +@progress-bar-danger-bg:      @brand-danger;
    +//** Info progress bar color
    +@progress-bar-info-bg:        @brand-info;
    +
    +
    +//== List group
    +//
    +//##
    +
    +//** Background color on `.list-group-item`
    +@list-group-bg:                 #fff;
    +//** `.list-group-item` border color
    +@list-group-border:             #ddd;
    +//** List group border radius
    +@list-group-border-radius:      @border-radius-base;
    +
    +//** Background color of single list items on hover
    +@list-group-hover-bg:           #f5f5f5;
    +//** Text color of active list items
    +@list-group-active-color:       @component-active-color;
    +//** Background color of active list items
    +@list-group-active-bg:          @component-active-bg;
    +//** Border color of active list elements
    +@list-group-active-border:      @list-group-active-bg;
    +//** Text color for content within active list items
    +@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
    +
    +//** Text color of disabled list items
    +@list-group-disabled-color:      @gray-light;
    +//** Background color of disabled list items
    +@list-group-disabled-bg:         @gray-lighter;
    +//** Text color for content within disabled list items
    +@list-group-disabled-text-color: @list-group-disabled-color;
    +
    +@list-group-link-color:         #555;
    +@list-group-link-hover-color:   @list-group-link-color;
    +@list-group-link-heading-color: #333;
    +
    +
    +//== Panels
    +//
    +//##
    +
    +@panel-bg:                    #fff;
    +@panel-footer-padding:        @panel-heading-padding;
    +
    +//** Border color for elements within panels
    +@panel-inner-border:          #ddd;
    +@panel-footer-bg:             #f5f5f5;
    +
    +@panel-default-text:          @gray-dark;
    +@panel-default-border:        #ddd;
    +@panel-default-heading-bg:    transparent;
    +
    +@panel-primary-text:          #fff;
    +@panel-primary-border:        @brand-primary;
    +@panel-primary-heading-bg:    @brand-primary;
    +
    +@panel-success-text:          @state-success-text;
    +@panel-success-border:        @state-success-border;
    +@panel-success-heading-bg:    @state-success-bg;
    +
    +@panel-info-text:             @state-info-text;
    +@panel-info-border:           @state-info-border;
    +@panel-info-heading-bg:       @state-info-bg;
    +
    +@panel-warning-text:          @state-warning-text;
    +@panel-warning-border:        @state-warning-border;
    +@panel-warning-heading-bg:    @state-warning-bg;
    +
    +@panel-danger-text:           @state-danger-text;
    +@panel-danger-border:         @state-danger-border;
    +@panel-danger-heading-bg:     @state-danger-bg;
    +
    +
    +//== Thumbnails
    +//
    +//##
    +
    +//** Padding around the thumbnail image
    +@thumbnail-padding:           4px;
    +//** Thumbnail background color
    +@thumbnail-bg:                @body-bg;
    +//** Thumbnail border color
    +@thumbnail-border:            #ddd;
    +//** Thumbnail border radius
    +@thumbnail-border-radius:     @border-radius-base;
    +
    +//** Custom text color for thumbnail captions
    +@thumbnail-caption-color:     @text-color;
    +//** Padding around the thumbnail caption
    +@thumbnail-caption-padding:   9px;
    +
    +
    +//== Wells
    +//
    +//##
    +
    +@well-bg:                     #f5f5f5;
    +@well-border:                 darken(@well-bg, 7%);
    +
    +
    +//== Badges
    +//
    +//##
    +
    +
    +//** Badge text color in active nav link
    +@badge-active-color:          @link-color;
    +//** Badge background color in active nav link
    +@badge-active-bg:             #fff;
    +
    +@badge-line-height:           1;
    +@badge-border-radius:         10px;
    +
    +
    +//== Breadcrumbs
    +//
    +//##
    +
    +//** Textual separator for between breadcrumb elements
    +@breadcrumb-separator:          "/";
    +
    +
    +//== Carousel
    +//
    +//##
    +
    +@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
    +
    +@carousel-control-color:                      #fff;
    +@carousel-control-width:                      15%;
    +@carousel-control-opacity:                    .5;
    +@carousel-control-font-size:                  20px;
    +
    +@carousel-indicator-active-bg:                #fff;
    +@carousel-indicator-border-color:             #fff;
    +
    +@carousel-caption-color:                      #fff;
    +
    +
    +//== Close
    +//
    +//##
    +
    +@close-font-weight:           bold;
    +@close-color:                 #000;
    +@close-text-shadow:           0 1px 0 #fff;
    +
    +
    +//== Type
    +//
    +//##
    +
    +//** Horizontal offset for forms and lists.
    +@component-offset-horizontal: 180px;
    +//** Text muted color
    +@text-muted:                  @gray-light;
    +//** Abbreviations and acronyms border color
    +@abbr-border-color:           @gray-light;
    +//** Headings small color
    +@headings-small-color:        inherit;
    +//** Blockquote small color
    +@blockquote-small-color:      @gray-light;
    +//** Blockquote font size
    +@blockquote-font-size:        ceil(@font-size-base * 1.3);
    +//** Blockquote border color
    +@blockquote-border-color:     @gray-lighter;
    +//** Page header border color
    +@page-header-border-color:    @gray-lighter;
    +//** Width of horizontal description list titles
    +@dl-horizontal-offset:        @component-offset-horizontal;
    +//** Horizontal line color.
    +@hr-border:                   @gray-lighter;
    diff --git a/public/assets/css/includes/bootstrap/accordions.less b/public/assets/css/includes/bootstrap/accordions.less
    new file mode 100644
    index 0000000..33a356d
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/accordions.less
    @@ -0,0 +1,70 @@
    +/*------------------------------------------------------------------
    +  [Accordions]
    +*/
    +.accordion{
    +	margin-bottom: 40px;
    +	padding: 0;
    +	
    +	.panel{
    +		padding: 0;
    +		border-radius: 3px;
    +
    +		.panel-heading{
    +			padding: 0;
    +			margin: 0;
    +			border-radius: 3px;
    +
    +			a{
    +				padding: 20px;
    +				display: block;
    +				color: @primary-color;
    +
    +				.icon{
    +					transition: transform 200ms ease-in-out;
    +					font-size: 25px;
    +					vertical-align: middle;
    +					position: relative;
    +					top: -1px;
    +					display: inline-block;
    +					margin-right: 10px;
    +				}
    +
    +				&.collapsed{
    +					color: @text-color;
    +
    +					.icon{
    +						transform: rotate(-90deg);
    +					}
    +				}
    +			}
    +		}
    +
    +		.panel-collapse{
    +
    +			.panel-body{
    +				padding: 0 20px 20px 20px;
    +				border-top: 0;
    +				line-height: 22px;
    +				border-radius: 0 0 3px 3px;
    +			}
    +		}
    +	}
    +}
    +
    +//Colored Full Panels
    +.accordion-color{
    +
    +	.panel{
    +
    +		.panel-heading{
    +
    +			a{
    +				color: @light-color;
    +
    +				&.collapsed{
    +					color: @light-color;
    +				}
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/alerts.less b/public/assets/css/includes/bootstrap/alerts.less
    new file mode 100644
    index 0000000..bfc3ff0
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/alerts.less
    @@ -0,0 +1,238 @@
    +/*------------------------------------------------------------------
    +  [Alerts]
    +*/
    +.alert{
    +	position: relative;
    +	line-height: 25px;
    +	border-width: 0;
    +
    +	.icon{
    +		font-size: 24px;
    +		color: @light-color;
    +		vertical-align: middle;
    +		margin-right: 20px;
    +		line-height: 22px;
    +	}
    +
    +	.close{
    +		position: absolute;
    +		font-size: 20px;
    +		top: 21px;
    +		right: 18px;
    +		text-shadow: none;
    +	}
    +	
    +	.message{
    +
    +		// Improve alignment and spacing of inner content
    +	  > p,
    +	  > ul {
    +	    margin-bottom: 0;
    +	  }
    +
    +	  > p + p {
    +	    margin-top: 5px;
    +	  }
    +	}
    +}
    +
    +.alert-contrast{
    +	padding: 0;
    +	position: relative;
    +
    +	> .icon{
    +		display: table-cell;
    +		width: @alert-icon-width;
    +		text-align: center;
    +		vertical-align: middle;
    +		cursor: default;
    +		background-color: rgba(255, 255, 255, 0.08);
    +	}
    +
    +	> .message{
    +		display: table-cell;
    +		padding: @alert-padding;
    +		border-left-width: 0;
    +	} 
    +}
    +
    +
    +.alert-primary{
    +  .alert-variant(@alert-primary-bg; @alert-primary-border; @alert-primary-text);
    +}
    +
    +.alert-dismissible{
    +
    +	&.alert-primary{
    +		.dismissible-variation(@alert-primary-bg)
    +	}
    +
    +	&.alert-success{
    +		.dismissible-variation(@alert-success-bg)
    +	}
    +
    +	&.alert-warning{
    +		.dismissible-variation(@alert-warning-bg)
    +	}
    +
    +	&.alert-danger{
    +		.dismissible-variation(@alert-danger-bg)
    +	}
    +}
    +
    +.alert-icon{
    +	background-color: @light-color;
    +	border: 0;
    +	padding: 0;
    +	position: relative;
    +	width: 100%;
    +	display: table;
    +	table-layout: fixed;
    +	box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
    +
    +	> .icon{
    +		display: table-cell;
    +		width: @alert-icon-width;
    +		text-align: center;
    +		vertical-align: middle;
    +		cursor: default;
    +
    +		&:after{
    +			position: absolute;
    +			margin-left: @alert-icon-width - 1px;
    +			top: 50%;
    +			margin-top: -11px;
    +			.triangle(right, 11px, @light-color);
    +		}
    +	}
    +
    +	> .message{
    +		display: table-cell;
    +		padding: @alert-padding;
    +		color: @text-color;
    +		border: 1px solid darken(@light-color, 17%);
    +		border-left-width: 0;
    +	}
    +
    +	&.alert-dismissible{
    +
    +		.close{ 
    +			color: @text-color;
    +			opacity: 0.35;
    +
    +			&:hover{
    +				opacity: 0.5;
    +			}
    +		}
    +	}
    +
    +	//Colors
    +	&.alert-primary{
    +		.icon-alert-variation(@alert-primary-bg)
    +	}
    +	
    +	&.alert-success{
    +		.icon-alert-variation(@alert-success-bg)
    +	}
    +
    +	&.alert-warning{
    +		.icon-alert-variation(@alert-warning-bg)
    +	}
    +
    +	&.alert-danger{
    +		.icon-alert-variation(@alert-danger-bg)
    +	}
    +
    +}
    +
    +.alert-icon-border{
    +
    +	&.alert-primary{
    +
    +		.message{
    +			border-color: @alert-primary-bg;
    +		}
    +	}
    +	
    +	&.alert-success{
    +
    +		.message{
    +			border-color: @alert-success-bg;
    +		}
    +	}
    +
    +	&.alert-warning{
    +
    +		.message{
    +			border-color: @alert-warning-bg;
    +		}
    +	}
    +
    +	&.alert-danger{
    +
    +		.message{
    +			border-color: @alert-danger-bg;
    +		}
    +	}
    +}
    +
    +.alert-icon.alert-icon-colored{
    +	border: 1px solid darken(@light-color, 17%);
    +
    +	> .icon{
    +		background-color: darken(@light-color, 2.8%);
    +		border-width: 0;
    +
    +		&:after{
    +			border-left-color: darken(@light-color, 2.8%);
    +			position: absolute;
    +			margin-left: @alert-icon-width - 1px;
    +			top: 50%;
    +			margin-top: -11px;
    +			.triangle(right, 11px, darken(@light-color, 2.8%));
    +		}
    +	}
    +
    +	> .message{
    +		border-width: 0;
    +	}
    +
    +	&.alert-primary{
    +		.alert-icon-colored(@alert-primary-bg);
    +	}
    +
    +	&.alert-success{
    +		.alert-icon-colored(@alert-success-bg);
    +	}
    +
    +	&.alert-warning{
    +		.alert-icon-colored(@alert-warning-bg);
    +	}
    +
    +	&.alert-danger{
    +		.alert-icon-colored(@alert-danger-bg);
    +	}
    +}
    +
    +.alert-simple{
    +	border: 1px solid darken(@light-color, 17%);
    +	background-color: @light-color;
    +	color: @text-color;
    +	box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
    +	
    +	&.alert-primary{
    +		.alert-icon-colored(@alert-primary-bg)
    +	}
    +
    +	&.alert-success{
    +		.alert-icon-colored(@alert-success-bg)
    +	}
    +
    +	&.alert-warning{
    +		.alert-icon-colored(@alert-warning-bg)
    +	}
    +
    +	&.alert-danger{
    +		.alert-icon-colored(@alert-danger-bg)
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/badges.less b/public/assets/css/includes/bootstrap/badges.less
    new file mode 100644
    index 0000000..ae7c63e
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/badges.less
    @@ -0,0 +1,29 @@
    +/*------------------------------------------------------------------
    +  [Badges]
    +*/
    +.badge{
    +	font-size: @font-size-small - 1px;
    +	font-weight: @font-weight-bold;
    +	color: @badge-color;
    +	border: 1px solid darken(@light-color, 15%);
    +}
    +
    +.badge-primary{
    + .badge-color(@primary-color-text); 
    +}
    +
    +.badge-success{
    + .badge-color(@success-color-text); 
    +}
    +
    +.badge-info{
    + .badge-color(@info-color-text); 
    +}
    +
    +.badge-warning{
    + .badge-color(@warning-color-text); 
    +}
    +
    +.badge-danger{
    + .badge-color(@danger-color-text); 
    +}
    diff --git a/public/assets/css/includes/bootstrap/breadcrumbs.less b/public/assets/css/includes/bootstrap/breadcrumbs.less
    new file mode 100644
    index 0000000..f6b4f50
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/breadcrumbs.less
    @@ -0,0 +1,24 @@
    +
    +/*Breadcrumbs*/
    +.breadcrumb{
    +	background-color: @breadcrumb-bg;
    +	color: @breadcrumb-color;
    +	margin-bottom: 18px;
    +	padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
    +	line-height: 16px;
    +
    +	.icon{
    +		font-size: 16px;
    +	}
    +
    +	> li {
    +
    +    + li:before {
    +      color:  @breadcrumb-active-color;
    +    }
    +  }
    +
    +  > .active {
    +    color: @breadcrumb-active-color;
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/button-group.less b/public/assets/css/includes/bootstrap/button-group.less
    new file mode 100644
    index 0000000..9f47e95
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/button-group.less
    @@ -0,0 +1,132 @@
    +//Button group
    +.btn-group, .input-group-btn {
    +
    +	> .btn {
    +
    +		//Fix the next button border color when the next element is :focus
    +		&.btn-default:hover + .btn,
    +		&.btn-default.active + .btn {
    +			border-left-color: darken(@btn-default-border, 13%);
    +		}
    +
    +		&.btn-primary {
    +			.colored-btn-group(@btn-primary-bg);
    +		}
    +
    +		&.btn-success {
    +			.colored-btn-group(@btn-success-bg);
    +		}
    +
    +		&.btn-warning {
    +			.colored-btn-group(@btn-warning-bg);
    +		}
    +
    +		&.btn-danger {
    +			.colored-btn-group(@btn-danger-bg);
    +		}
    +
    +		&:last-of-type:not(.btn-default){
    +			border-right-color: transparent;
    +
    +			&:hover{
    +				border-right-color: transparent;
    +			}
    +		}
    +
    +		& + .dropdown-toggle{
    +			padding-left: 7px;
    +			padding-right: 7px;
    +		}
    +	}
    +
    +	&:first-child{
    +		border-right-color: transparent;
    +	}
    +
    +	&:last-child{
    +		border-right-color: transparent;
    +	}
    +
    +	&.open {
    +
    +		> .btn {
    +
    +			&.btn-primary,
    +			&.btn-success,
    +			&.btn-warning,
    +			&.btn-danger {
    +
    +				&:hover{
    +					box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
    +				}
    +			}
    +
    +			& + .btn-primary,
    +			& + .btn-success,
    +			& + .btn-warning,
    +			& + .btn-danger {
    +				border-left-color: rgba(0, 0, 0, 0.15);
    +			}
    +		}
    +	}
    +}
    +
    +//Button group justified
    +.btn-group-justified {
    +
    +	> .btn {
    +		border-right-width: 0;
    +
    +		&:last-child {
    +			border-right-width: 1px;
    +		}
    +	}
    +}
    +
    +//Vertical Button groups Style
    +.btn-group-vertical {
    +
    +	> .btn {
    +
    +		&.btn-default {
    +
    +			&:hover, 
    +			&:focus {
    +				box-shadow: none;
    +			}
    +
    +			&:active,
    +			&.active {
    +				box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +			}
    +		}
    +
    +		&.btn-primary {
    +			.colored-vertical-btn-group(@btn-primary-bg);
    +		}
    +
    +		&.btn-success {
    +			.colored-vertical-btn-group(@btn-success-bg);
    +		}
    +
    +		&.btn-warning {
    +			.colored-vertical-btn-group(@btn-warning-bg);
    +		}
    +
    +		&.btn-danger {
    +			.colored-vertical-btn-group(@btn-danger-bg);
    +		}
    +	}
    +}
    +
    +//Input group
    +.input-group-btn {
    +
    +	> .btn {
    +
    +		& + .dropdown-toggle {
    +			padding-left: 9px;
    +			padding-right: 9px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/buttons.less b/public/assets/css/includes/bootstrap/buttons.less
    new file mode 100644
    index 0000000..c8d3545
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/buttons.less
    @@ -0,0 +1,305 @@
    +/*------------------------------------------------------------------
    +  [Buttons]
    +*/
    +.btn{
    +	box-shadow: @btn-box-shadow-base;
    +	border: 1px solid transparent;
    +	.button-size(@btn-padding-vertical; @btn-padding-horizontal; @btn-font-size-base; @btn-line-height-base; @btn-border-radius-base);
    +
    +  &:active,
    +	&.active{
    +		box-shadow: none;
    +  }
    +
    +  &:active:focus{
    +  	outline: none;
    +  }
    +}
    +
    +.btn-default{
    +  color: @btn-default-color;
    +  background-color: @btn-default-bg;
    +  border-color: @btn-default-border;
    +
    +  &:focus,
    +  &.focus {
    +  	color: @btn-default-color;
    +    background-color: @btn-default-bg;
    +  	border-color: @btn-default-border;
    +  	box-shadow: @btn-box-shadow-base;
    +  }
    +
    +  &:hover, &.hover{
    +		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    +  	background-color: @btn-default-bg;
    +		border-color: darken(@btn-default-border, 13%);
    +  }
    +
    +  &:active,
    +  &.active,
    +  .open > .dropdown-toggle& {
    +  	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +    color: darken(@btn-default-color, 10%);
    +    background-color: darken(@btn-default-bg, 11%);
    +    border-color: darken(@btn-default-border, 13%);
    +
    +    &:hover,
    +    &:focus,
    +    &.focus {
    +      color: darken(@btn-default-color, 10%);
    +      background-color: darken(@btn-default-bg, 11%);
    +     	border-color: darken(@btn-default-border, 13%);
    +     	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +    }
    +  }
    +
    +  &:active,
    +  &.active,
    +  .open > .dropdown-toggle& {
    +    background-image: none;
    +  }
    +
    +  &.disabled,
    +  &[disabled],
    +  fieldset[disabled] & {
    +    &,
    +    &:hover,
    +    &:focus,
    +    &.focus,
    +    &:active,
    +    &.active {
    +      background-color: @btn-default-bg;
    +          border-color: @btn-default-border;
    +    }
    +  }
    +
    +	//icon color
    +	.icon{
    +		color: lighten(@btn-default-color, 14%);
    +	}
    +
    +	&:active{
    +
    +		.icon{
    +			color: lighten(@btn-default-color, 4%);
    +		}
    +	}
    +
    +  .badge {
    +    color: @btn-default-bg;
    +    background-color: @btn-default-color;
    +  }
    +}
    +
    +//Alternative color styles
    +.btn-primary{
    +	.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
    +}
    +
    +.btn-danger{
    +	.button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
    +}
    +
    +.btn-warning{
    +	.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
    +}
    +
    +.btn-success{
    +	.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
    +}
    +
    +//Button sizes
    +.btn-xs{
    +	.button-size(@btn-padding-vertical; @btn-xs-padding-horizontal; @btn-xs-font-size; @btn-xs-line-height; @btn-xs-border-radius);
    +}
    +
    +.btn-sm{
    +	.button-size(@btn-padding-vertical; @btn-sm-padding-horizontal; @btn-sm-font-size; @btn-sm-line-height; @btn-sm-border-radius);
    +}
    +
    +.btn-lg{
    +	.button-size(@btn-padding-vertical; @btn-lg-padding-horizontal; @btn-lg-font-size; @btn-lg-line-height; @btn-lg-border-radius);
    +	font-weight: @font-weight-medium;
    +}
    +
    +.btn-xl{
    +	.button-size(@btn-padding-vertical; @btn-xl-padding-horizontal; @btn-xl-font-size; @btn-xl-line-height; @btn-xl-border-radius);
    +	font-weight: @font-weight-medium;
    +}
    +
    +//Button with rounded borders
    +.btn-rounded{
    +	border-radius: ceil( (@btn-line-height-base + 2) / 2 );
    +
    +	&.btn-xs{
    +		border-radius: ceil( (@btn-xs-line-height + 2) / 2 );
    +	}
    +
    +	&.btn-sm{
    +		border-radius: ceil( (@btn-sm-line-height + 2) / 2);
    +	}
    +
    +	&.btn-lg{
    +		border-radius: ceil( (@btn-lg-line-height + 2) / 2 );
    +	}
    +}
    +
    +//Buton spacer helpers
    +.btn-hspace{
    +	margin-right: 5px;
    +}
    +
    +.btn-vspace{
    +	margin-bottom: 5px;
    +}
    +
    +.btn-space{
    +	margin-right: 5px;
    +	margin-bottom: 5px;
    +}
    +
    +//Social buttons colors
    +.btn-facebook{ .icon{ color: @facebook; } .button-icon-active-color(@facebook) }
    +.btn-twitter{ .icon{ color: @twitter; } .button-icon-active-color(@twitter) }
    +.btn-google-plus{ .icon{ color: @google-plus; } .button-icon-active-color(@google-plus) }
    +.btn-dribbble{ .icon{ color: @dribbble; } .button-icon-active-color(@dribbble) }
    +.btn-flickr{ .icon{ color: @flickr; } .button-icon-active-color(@flickr) }
    +.btn-linkedin{ .icon{ color: @linkedin; } .button-icon-active-color(@linkedin) }
    +.btn-youtube{ .icon{ color: @youtube; } .button-icon-active-color(@youtube) }
    +.btn-pinterest{ .icon{ color: @pinterest; } .button-icon-active-color(@pinterest) }
    +.btn-github{ .icon{ color: @github; } .button-icon-active-color(@github) }
    +.btn-tumblr{ .icon{ color: @tumblr; } .button-icon-active-color(@tumblr) }
    +.btn-dropbox{ .icon{ color: @dropbox; } .button-icon-active-color(@dropbox) }
    +.btn-evernote{ .icon{ color: @evernote; } .button-icon-active-color(@evernote) }
    +
    +//Social buttons
    +.btn-social{
    +	min-width: 31px;
    +	padding: 0 8px;
    +
    +	.icon{
    +		.font-size-large(2px);
    +	}
    +}
    +
    +.btn-color.btn-facebook{ .icon{ color: @light-color; } .button-variant(@light-color; @facebook; @facebook); }
    +.btn-color.btn-twitter{ .icon{ color: @light-color; } .button-variant(@light-color; @twitter; @twitter);  }
    +.btn-color.btn-google-plus{ .icon{ color: @light-color; } .button-variant(@light-color; @google-plus; @google-plus); }
    +.btn-color.btn-dribbble{ .icon{ color: @light-color; } .button-variant(@light-color; @dribbble; @dribbble); }
    +.btn-color.btn-flickr{ .icon{ color: @light-color; } .button-variant(@light-color; @flickr; @flickr); }
    +.btn-color.btn-linkedin{ .icon{ color: @light-color; } .button-variant(@light-color; @linkedin; @linkedin); }
    +.btn-color.btn-youtube{ .icon{ color: @light-color; } .button-variant(@light-color; @youtube; @youtube); }
    +.btn-color.btn-pinterest{ .icon{ color: @light-color; } .button-variant(@light-color; @pinterest; @pinterest); }
    +.btn-color.btn-github{ .icon{ color: @light-color; } .button-variant(@light-color; @github; @github); }
    +.btn-color.btn-tumblr{ .icon{ color: @light-color; } .button-variant(@light-color; @tumblr; @tumblr); }
    +.btn-color.btn-dropbox{ .icon{ color: @light-color; } .button-variant(@light-color; @dropbox; @dropbox); }
    +.btn-color.btn-evernote{ .icon{ color: @light-color; } .button-variant(@light-color; @evernote; @evernote); }
    +
    +//Icons inside buttons
    +.btn{
    +
    +	.icon{
    +		.font-size(3px);
    +		line-height: 15px;
    +		vertical-align: middle;
    +
    +		&.icon-left{
    +			margin-right: @btn-icon-margin;
    +		}
    +
    +		&.icon-right{
    +			margin-left: @btn-icon-margin;
    +		}
    +
    +		&.fa{
    +			.font-size(2px);
    +		}
    +	}
    +
    +	&.btn-lg .icon{
    +		.font-size-large(6px);
    +		line-height: 20px;
    +	}
    +
    +	&.btn-sm .icon{
    +		.font-size(2px);
    +		line-height: 15px;
    +	}
    +
    +	&.btn-xs .icon{
    +		.font-size(1px);
    +		line-height: 14px;
    +	}
    +}
    +
    +//Butons dropdown
    +.btn.dropdown-toggle {
    +
    +	.btn-group &.btn-primary,
    +	.btn-group &.btn-success,
    +	.btn-group &.btn-warning,
    +	.btn-group &.btn-danger {
    +		border-right-color: transparent;
    +
    +		&:hover{
    +			border-right-color: transparent;
    +		}
    +	}
    +
    +	.mdi-chevron-down,
    +	.mdi-chevron-up {
    +	 .font-size-large(3px);
    +	 	vertical-align: middle;
    +	 	line-height: 17px;
    +	}
    +
    +	.icon-dropdown {
    +		.font-size-large(3px);
    +		line-height: 17px;
    +		margin-left: 6px;
    +
    +		&-left {
    +			margin-left: 0;
    +			margin-right: 6px;
    +		}
    +	}
    +}
    +
    +//Big buttons
    +.btn-big{
    +	padding: 10px 13px;
    +	text-align: center;
    +	line-height: 13px;
    +	min-width: 62px;
    +
    +	> .icon{
    +		display: block;
    +		.font-size-large(11px);
    +		line-height: 20px;
    +		margin-bottom: 7px;
    +	}
    +}
    +
    +//Button outline
    +.btn-outline {
    +
    +	&.btn-default {
    +		.btn-transparent-outline(darken(@light-color, 15%););
    +	}
    +
    +	&.btn-primary {
    +		.btn-transparent-outline(@primary-color-text);
    +	}
    +
    +	&.btn-success {
    +		.btn-transparent-outline(@success-color-text);
    +	}
    +
    +	&.btn-warning {
    +		.btn-transparent-outline(@warning-color-text);
    +	}
    +
    +	&.btn-danger {
    +		.btn-transparent-outline(@danger-color-text);
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/code.less b/public/assets/css/includes/bootstrap/code.less
    new file mode 100644
    index 0000000..e1b4ddb
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/code.less
    @@ -0,0 +1,8 @@
    +/*------------------------------------------------------------------
    +  [Code]
    +*/
    +pre{
    +	padding: 20px;
    +	border: 0;
    +	border-radius: 0;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/dropdowns.less b/public/assets/css/includes/bootstrap/dropdowns.less
    new file mode 100644
    index 0000000..100f5e8
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/dropdowns.less
    @@ -0,0 +1,91 @@
    +/*------------------------------------------------------------------
    +  [Dropdown menu]
    +*/
    +// div container for the dropdown showcase
    +.dropdown-showcase{
    +	margin: 0;
    +
    +	.showcase{
    +		display: inline-block;
    +		margin-right: 18px;
    +	}
    +}
    +
    +//Dropdown Menu Style
    +.dropdown-menu{
    +	box-shadow: @dropdown-box-shadow;
    +	border-radius: 3px;
    +	padding: 7px 0px;
    +	min-width: 185px;
    +
    +	> li{
    +
    +		//First level
    +		> a{
    +			font-weight: @font-weight-regular;
    +			color: @dropdown-text-color;
    +			padding: 8px 20px;
    +
    +			.icon{
    +				font-size: 16px;
    +				line-height: normal;
    +				vertical-align: middle;
    +				margin-right: 8px;
    +				color: darken(@light-color, 59%)
    +			}
    +
    +			&:focus, &:active{
    +				background-color: transparent;
    +				color: @dropdown-text-color;
    +			}
    +
    +			&:hover{
    +				background-color: darken(@light-color, 4%);
    +			}
    +		}
    +
    +		.btn-group{
    +			.btn{
    +				font-size: 16px;
    +				color: darken(@light-color, 59%);
    +				padding: 0 20px;
    +			}
    +		}
    +	}
    +	
    +	//Divider Line
    +	.divider{
    +		margin: 6px 0;
    +		background-color: @dropdown-border;
    +	}
    +}
    +
    +//Dropdown Header
    +.dropdown-header{
    +	padding: 5px 20px 1px;
    +	font-weight: 600;
    +	color: lighten(@dropdown-text-color, 45%);
    +	cursor: default;
    +}
    +
    +//Dropdown Tools
    +.dropdown-tools{
    +	text-align: center;
    +}
    +
    +//Dropdown Color Set
    +.dropdown-menu-primary{
    +	.dropdown-color(@primary-color-text);
    +}
    +
    +.dropdown-menu-success{
    +	.dropdown-color(@success-color-text);
    +}
    +
    +.dropdown-menu-warning{
    +	.dropdown-color(@warning-color-text);
    +}
    +
    +.dropdown-menu-danger{
    +	.dropdown-color(@danger-color-text);
    +}
    diff --git a/public/assets/css/includes/bootstrap/forms.less b/public/assets/css/includes/bootstrap/forms.less
    new file mode 100644
    index 0000000..ee5c75c
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/forms.less
    @@ -0,0 +1,404 @@
    +/*------------------------------------------------------------------
    +	[Forms]
    +*/
    +.form-control{
    +	border-width: 1px;
    +	border-top-color: @input-top-border;
    +	box-shadow: none;
    +	padding: 10px 12px;
    +	font-size: @font-size-base + 2px;
    +	transition: none;
    +
    +	&:focus{
    +		box-shadow: none;
    +	}
    +
    +	//Select multiple
    +	&[multiple]{
    +		padding: 0;
    +
    +		option{
    +			padding: 8px 12px;
    +		} 
    +	}
    +}
    +
    +//Remove default iOs input style
    +input.form-control, textarea.form-control{
    +	-webkit-appearance: none;
    +}
    +
    +label{
    +	font-weight: @font-weight-regular;
    +	font-size: @font-size-base;
    +	margin-bottom: 8px;
    +	color: @input-label-color;
    +}
    +
    +//Checkbox & Radio components
    +.be-checkbox, .be-radio{
    +	display: block;
    +	line-height: @input-check-component-size;
    +	margin: 0;
    +	padding: 7px 0;
    +
    +	.form-horizontal & {
    +		padding: 7px 0;
    +		min-height: auto;
    +	}
    +	
    +	input[type="checkbox"], input[type="radio"]{
    +		margin: 0;
    +		display: none;
    +		width: @input-check-component-size;
    +	}
    +
    +	label{
    +		margin-bottom: 0;
    +
    +		&::selection{
    +			background-color: transparent;
    +		}
    +	}
    + 
    +	input[type="checkbox"] + label, input[type="radio"] + label{
    +	 padding-left: 0;
    +		
    +		&:before{
    +			content: ""; 
    +			width: @input-check-component-size;
    +			height: @input-check-component-size;
    +			display: inline-block;
    +			border: @input-check-component-border;
    +			border-radius: @input-check-component-border-radius;
    +			margin-right: 6px;
    +			font-size: @input-check-component-size - 2px;
    +			font-family: @icons-font;
    +			font-weight: normal;
    +			line-height: @input-check-component-size - 3px;
    +			vertical-align: bottom;
    +			text-align: center;
    +			background-color: @light-color;
    +			cursor: pointer;
    +		} 
    +		
    +		&:hover:before{
    +			border-color: darken(@input-border, 18%);
    +		}
    +	}
    +
    +	input[type="checkbox"]:hover + label, input[type="radio"]:hover + label {
    +
    +		&:before{
    +			border-color: darken(@input-border, 10%);
    +		}
    +	}
    +	
    +	input[type="checkbox"]:checked + label, input[type="radio"]:checked + label{
    +		
    +		&:before{
    +			content: "\f26b";
    +			color: @primary-color;
    +			border-color: @primary-color;
    +		}
    +	}
    +
    +	input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label{
    +		opacity: .5;
    +		pointer-events: none;
    +
    +		&:before {
    +			pointer-events: none;
    +			background-color: @light-color;
    +		}
    +	}
    +	
    +	input[type="radio"] + label{
    +
    +		&:before{
    +			border-radius: 50%;
    +			width: @input-check-component-size + 1px;
    +			height: @input-check-component-size + 1px;
    +			line-height: @input-check-component-size - 1px;
    +			font-size: 13px;
    +		}
    +	}
    +
    +	input[type="radio"]:checked + label{
    +
    +		&:before{
    +			content: "\f26d";
    +		}
    +	} 
    +
    +	//Inline style
    +	&.inline{
    +		display: inline-block;
    +
    +		& + & {
    +			margin-left: 18px;
    +		}
    +	}
    +
    +	//Validation states
    +	&.has-success{
    +
    +		input[type="checkbox"] + label, 
    +		input[type="radio"] + label {
    +			
    +			&:before{
    +				color: @success-color-text;
    +				border-color: @success-color-text;
    +			}
    +		}
    +	}
    +
    +	&.has-warning{
    +
    +		input[type="checkbox"] + label,
    +		input[type="radio"] + label {
    +
    +			&:before{
    +				color: @warning-color-text;
    +				border-color: @warning-color-text;
    +			}
    +		}
    +	}
    +
    +	&.has-danger{
    +
    +		input[type="checkbox"] + label, 
    +		input[type="radio"] + label {
    +
    +			&:before{
    +				color: @danger-color-text;
    +				border-color: @danger-color-text;
    +			}
    +		}
    +	}
    +}
    +
    +//Checkbox & Radio color background
    +.be-checkbox-color,
    +.be-radio-color {
    +	
    +	input[type="checkbox"]:checked + label,
    +	input[type="radio"]:checked + label {
    +		
    +		&:before{
    +			color: @light-color;
    +			border-color: @primary-color;
    +			background-color: @primary-color;
    +		} 
    +	}
    +
    +	//Validation states
    +	&.has-success{
    +
    +		input[type="checkbox"]:checked + label,
    +		input[type="radio"]:checked + label {
    +			
    +			&:before{
    +				color: @light-color;
    +				border-color: @success-color-text;
    +				background-color: @success-color-text;
    +			} 
    +		}
    +	}
    +
    +	&.has-warning{
    +
    +		input[type="checkbox"]:checked + label,
    +		input[type="radio"]:checked + label {
    +			
    +			&:before{
    +				color: @light-color;
    +				border-color: @warning-color-text;
    +				background-color: @warning-color-text;
    +			} 
    +		}
    +	}
    +
    +	&.has-danger{
    +
    +		input[type="checkbox"]:checked + label,
    +		input[type="radio"]:checked + label {
    +			
    +			&:before{
    +				color: @light-color;
    +				border-color: @danger-color-text;
    +				background-color: @danger-color-text;
    +			} 
    +		}
    +	}
    +}
    +
    +//Icon Radio
    +.be-radio-icon{
    +	display: block;
    +	margin: 0;
    +	padding: 7px 0;
    +
    +	input[type="radio"]{
    +		margin: 0;
    +		display: none;
    +		width: @radio-icon-component-size;
    +	}
    +
    +	label{
    +		cursor: pointer;
    +		margin: 0;
    +		width: @radio-icon-component-size;
    +		height: @radio-icon-component-size;
    +		line-height: @radio-icon-component-size;
    +		border: 1px solid @radio-icon-component-border;
    +		border-radius: 50%;
    +		text-align: center;
    +		font-size: @radio-icon-component-icon-size;
    +		vertical-align: middle;
    +		color: @radio-icon-component-color;
    +
    +		&:hover{
    +			border-color: darken(@radio-icon-component-border, 10%);
    +		}
    +	}
    +
    +	//Checked
    +	input[type="radio"]:checked{
    +
    +		& + label{
    +			border-color: @primary-color;
    +			color: @primary-color;
    +		}
    +	}
    +
    +	//Validation states
    +	&.has-success{
    +
    +		input[type="radio"]:checked{
    +
    +			& + label{
    +				border-color: @success-color-text;
    +				color: @success-color-text;
    +			}
    +		}
    +	}
    +
    +	&.has-warning{
    +
    +		input[type="radio"]:checked, input[type="radio"]{
    +
    +			& + label{
    +				border-color: @warning-color-text;
    +				color: @warning-color-text;
    +			}
    +		}
    +
    +	}
    +
    +	&.has-danger{
    +
    +		input[type="radio"]:checked{
    +
    +			& + label{
    +				border-color: @danger-color-text;
    +				color: @danger-color-text;
    +			}
    +		}
    +	}
    +
    +	//Inline style
    +	&.inline{
    +		display: inline-block;
    +
    +		& + & {
    +			margin-left: 18px;
    +		}
    +	}
    +}
    +
    +//Small size
    +.be-checkbox-sm{
    +	line-height: @input-check-component-size - 4px;
    +
    +	input[type="checkbox"]{
    +		
    +		& + label{
    +
    +			&:before{
    +				width: @input-check-component-size - 4px;
    +				height: @input-check-component-size - 4px;
    +				font-size: @input-check-component-size - 5px;
    +				line-height: @input-check-component-size - 7px;
    +			}
    +		}
    +	} 
    +}
    +
    +//Form horizontal
    +.form-horizontal{
    +	
    +	.form-group{
    +		margin-bottom: 0;
    +		padding: 12px 0;
    +	}
    +}
    +
    +//Input group addon
    +.input-group-addon {
    +	font-size: 15px;
    +
    +	.be-checkbox, .be-radio{
    +		padding: 0;
    +		line-height: 21px;
    +
    +		input + label{
    +			margin: 0;
    +
    +			&:before{
    +				margin: 0;
    +				border-color: darken(@input-border, 5%);
    +			}
    +		}
    +	}
    +}
    +
    +.input-group-btn{
    +	
    +	.btn{
    +		height: @input-height-base;
    +	}
    +}
    +
    +//Input sizing
    +.input-lg{
    +	height: 57px;
    +	padding: 12px 14px;
    +	.font-size-large(3px);
    +	font-weight: @font-weight-light;
    +	border-radius: 2px;
    +}
    +
    +.input-sm{
    +	height: 37px;
    +	font-size: @font-size-base;
    +	padding: 4px 12px;
    +}
    +
    +.input-xs{
    +	height: 30px;
    +	font-size: @font-size-small;
    +	padding: 6px 9px;
    +}
    +
    +//Validation states
    +.has-feedback {
    +
    +	.form-control {
    +		padding-right: ceil(@input-height-base - 3px);
    +	}
    +}
    +
    +.form-control-feedback{
    +	font-size: @form-validation-icon-size;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/grid.less b/public/assets/css/includes/bootstrap/grid.less
    new file mode 100644
    index 0000000..a026348
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/grid.less
    @@ -0,0 +1,11 @@
    +/*------------------------------------------------------------------
    +  [Bootstrap grid]
    +*/
    +
    +.row{
    +
    +	@media @small-phone{
    +		margin-left: -10px;
    +		margin-right: -10px;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/images.less b/public/assets/css/includes/bootstrap/images.less
    new file mode 100644
    index 0000000..8a107f2
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/images.less
    @@ -0,0 +1,7 @@
    +/*------------------------------------------------------------------
    +  [Images]
    +*/
    +// Rounded corners
    +.img-rounded {
    +  border-radius: 4px;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/input-groups.less b/public/assets/css/includes/bootstrap/input-groups.less
    new file mode 100644
    index 0000000..e292fa8
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/input-groups.less
    @@ -0,0 +1,76 @@
    +/*------------------------------------------------------------------
    +  [Input Groups]
    +*/
    +
    +//Search input component
    +.input-search{
    +  display: block;
    +
    +  input{
    +    border: 1px solid @input-border;
    +    border-radius: 0;
    +    display: block;
    +    font-size: @font-size-base;
    +
    +    &:focus{
    +      background-color: transparent;
    +    }
    +  }
    +
    +  .input-group-btn{
    +    position: absolute;
    +    right: 0;
    +    display: block;
    +    width: auto;
    +    top: 1px;
    +    right: 1px;
    +    z-index: 3;
    +
    +    button{
    +      box-shadow: none;
    +      border: none;
    +      height: @input-height-base - 2px;
    +
    +      &:active{
    +        background-color: transparent;
    +        box-shadow: none;
    +      }
    +
    +      .icon{
    +        font-size: 25px;
    +        color: lighten(@text-color, 20%);
    +      }
    +
    +      &:hover{
    +
    +      	.icon{
    +      		color: lighten(@text-color, 10%);
    +      	}
    +      }
    +    }
    +  }
    +
    +  &.input-group-lg{
    +
    +  	.input-group-btn{
    +
    +  		button{
    +  			height: @input-height-large - 2px;
    +  		}
    +  	}
    +  }
    +
    +  &.input-group-sm{
    +
    +  	.input-group-btn{
    +
    +  		button{
    +  			height: @input-height-small - 2px;
    +
    +  			.icon{
    +  				font-size: 22px;
    +  			}
    +  		}
    +  	}
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/labels.less b/public/assets/css/includes/bootstrap/labels.less
    new file mode 100644
    index 0000000..73eb4ea
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/labels.less
    @@ -0,0 +1,14 @@
    +/*------------------------------------------------------------------
    +  [Label]
    +*/
    +.label{
    +	border-radius: 2px;
    +	padding: 3px 7px;
    +	font-size: @font-size-small - 1px;
    +	font-weight: @font-weight-bold;
    +}
    +
    +.label-default{
    +	border: 1px solid darken(@light-color, 15%);
    +	color: @text-color;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/list-group.less b/public/assets/css/includes/bootstrap/list-group.less
    new file mode 100644
    index 0000000..54f9cbd
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/list-group.less
    @@ -0,0 +1,17 @@
    +/*------------------------------------------------------------------
    +  [List group]
    +*/
    +.list-group-item {
    +	padding: 13px 15px;
    +
    +	.icon{
    +		margin-right: 15px;
    +		font-size: 16px;
    +	}
    +
    +	&.active{
    +		.icon{
    +			color: @light-color;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/mixins/alerts.less b/public/assets/css/includes/bootstrap/mixins/alerts.less
    new file mode 100644
    index 0000000..1e914a3
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/alerts.less
    @@ -0,0 +1,27 @@
    +//Colored alerts Mixin
    +.icon-alert-variation(@color){
    +
    +	> .icon{
    +		background-color: @color;
    +
    +		&:after{
    +			border-left-color: @color;
    +		}
    +	}
    +}
    +
    +//Dismissible alerts color variations
    +.dismissible-variation(@color){
    +
    +	.close{ 
    +		color: darken(@color, 30%);
    +	}
    +}
    +
    +//Alert Color Icon Bg
    +.alert-icon-colored(@color){
    +
    +	> .icon{
    +		color: @color;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/mixins/badges.less b/public/assets/css/includes/bootstrap/mixins/badges.less
    new file mode 100644
    index 0000000..573ea25
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/badges.less
    @@ -0,0 +1,6 @@
    +//Colored Badges Mixin
    +.badge-color(@color){
    +  color: @light-color;
    +  background-color: @color;
    +  border: transparent;
    +}
    diff --git a/public/assets/css/includes/bootstrap/mixins/buttons.less b/public/assets/css/includes/bootstrap/mixins/buttons.less
    new file mode 100644
    index 0000000..902ad21
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/buttons.less
    @@ -0,0 +1,235 @@
    +/*------------------------------------------------------------------
    +  [Bootstrap elements]
    +*/
    +.button-variant(@color; @background; @border) {
    +  color: @color;
    +  background-color: @background;
    +  border-color: @background;
    +
    +  &:focus,
    +  &.focus {
    +    color: @color;
    +    background-color: @background;
    +    border-color: @background;
    +    outline: none;
    +  }
    +
    +  &:hover, &.hover{
    +    box-shadow: inset 0 -1px 0 darken(@background, 10%);
    +    background-color: lighten(@background, 2%);
    +    border-color: lighten(@background, 2%);
    +    border-bottom-color: darken(@background, 10%);
    +  }
    +
    +  &:active,
    +  &.active,
    +  .open > .dropdown-toggle& {
    +    color: @color;
    +    box-shadow: inset 0 2px 0 darken(@background, 10%);
    +    background-color: darken(@background, 6%);
    +    border-color: darken(@background, 6%);
    +    border-top-color: darken(@background, 17%);
    +
    +    &:hover,
    +    &:focus,
    +    &.focus {
    +      color: @color;
    +      background-color: darken(@background, 6%);
    +      border-color: transparent;
    +      border-top-color: darken(@background, 17%);
    +      box-shadow: inset 0 2px 0 darken(@background, 10%);
    +
    +      .icon{
    +        color: @color;
    +      }
    +    }
    +  }
    +
    +  &:active,
    +  &.active,
    +  .open > .dropdown-toggle& {
    +    background-image: none;
    +  }
    +
    +  &.disabled,
    +  &[disabled],
    +  fieldset[disabled] & {
    +    &,
    +    &:hover,
    +    &:focus,
    +    &.focus,
    +    &:active,
    +    &.active {
    +      background-color: @background;
    +          border-color: @background;
    +    }
    +  }
    +
    +  .badge {
    +    color: @background;
    +    background-color: @color;
    +  }
    +}
    +
    +.button-shade(@background) {
    +  background-color: @background;
    +  border-color: @background;
    +
    +  &:focus,
    +  &.focus {
    +    background-color: @background;
    +        border-color: @background;
    +  }
    +
    +  &:hover {
    +    background-color: lighten(@background, 5%);
    +        border-color: lighten(@background, 5%);
    +  }
    +
    +  &:active,
    +  &.active,
    +  .open > .dropdown-toggle& {
    +    background-color: darken(@background, 3%);
    +        border-color: darken(@background, 3%);
    +
    +    &:hover,
    +    &:focus,
    +    &.focus {
    +      background-color: darken(@background, 3%);
    +          border-color: darken(@background, 3%);
    +    }
    +  }
    +
    +  &.disabled,
    +  &[disabled],
    +  fieldset[disabled] & {
    +    &,
    +    &:hover,
    +    &:focus,
    +    &.focus,
    +    &:active,
    +    &.active {
    +      background-color: @background;
    +          border-color: @background;
    +    }
    +  }
    +
    +  .badge {
    +    color: @background;
    +  }
    +}
    +
    +.button-icon-active-color(@color) {
    +
    +  &:active,
    +  &.active,
    +  .open > .dropdown-toggle& {
    +    
    +    .icon{
    +      color: @color;
    +    }
    +
    +    &:hover,
    +    &:focus,
    +    &.focus {
    +      
    +      .icon{
    +        color: @color;
    +      }
    +    }
    +  }
    +}
    +
    +//Colored buttons in buttons groups
    +.colored-btn-group(@bg) {
    +  border-left-color: darken(@bg, 7%);
    +  border-right-color: darken(@bg, 7%);
    +
    +  &:hover,
    +  &:active,
    +  &.active {
    +    box-shadow: none;
    +    border-left-color: darken(@bg, 13%);
    +    border-right-color: darken(@bg, 13%);
    +    border-bottom-color: transparent;
    +  }
    +
    +  &.active,
    +  &:active {
    +    box-shadow: inset 0 2px 0 darken(@bg, 10%);
    +  }
    +
    +  &:hover + .btn,
    +  &:active + .btn, 
    +  &.active + .btn {
    +    border-left-color: darken(@bg, 13%);
    +  }
    +
    +  &:first-child {
    +    border-left-color: transparent;
    +  }
    +
    +  &:last-child {
    +    border-right-color: transparent;
    +  }
    +}
    +
    +//Colored buttons in buttons groups
    +.colored-vertical-btn-group(@bg) {
    +  border-top-color: darken(@bg, 7%);
    +  border-bottom-color: darken(@bg, 7%);
    +
    +  &:hover,
    +  &:active,
    +  &.active {
    +    box-shadow: none;
    +    border-top-color: darken(@bg, 13%);
    +    border-bottom-color: darken(@bg, 13%);
    +  }
    +
    +  &:first-child {
    +    border-top-color: transparent;
    +  }
    +
    +  &:last-child {
    +    border-bottom-color: transparent;
    +  }
    +
    +  &:active,
    +  &.active{
    +    box-shadow: inset 0 1px 0 darken(@bg, 13%);
    +    border-top-color: darken(@bg, 13%);
    +    border-bottom-color: darken(@bg, 13%);
    +  }
    +}
    +
    +//Outline transparent button
    +.btn-transparent-outline(@color) {
    +  background-color: transparent;
    +  color: @light-color;
    +  border-color: rgba(255,255,255,.5);
    +  border-width: 2px;
    +  
    +  &:hover {
    +    border-color: @light-color;
    +    box-shadow: none;
    +    background-color: rgba(255, 255, 255, 0.1);
    +
    +    & + .btn {
    +      border-left-color: transparent; 
    +    }
    +  }
    +
    +  &:active,
    +  &.active {
    +    background-color: @light-color;
    +    color: @color;
    +    border-color: transparent;
    +    border-width: 2px;
    +    box-shadow: @btn-box-shadow-base;
    +  }
    +
    +  &:focus {
    +    box-shadow: @btn-box-shadow-base;
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/mixins/dropdown.less b/public/assets/css/includes/bootstrap/mixins/dropdown.less
    new file mode 100644
    index 0000000..2d9dcc0
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/dropdown.less
    @@ -0,0 +1,67 @@
    +//Full colored modal
    +.dropdown-color(@color) {
    +  border-color: transparent;
    +  background-color: @color;
    +
    +  > li {
    +
    +    //First level
    +    > a {
    +      color: @light-color;
    +
    +      &:focus, &:active {
    +        color: @light-color;
    +      }
    +
    +      &:hover {
    +        background-color: darken(@color, 5%);
    +        color: @light-color;
    +      }
    +
    +      .icon {
    +        color: @light-color;
    +      }
    +    }
    +
    +    .dropdown-tools {
    +      
    +      .btn-group {
    +        
    +        .btn {
    +          background-color: transparent;
    +          color: @light-color;
    +          border-color: lighten(@color, 18%);
    +          border-width: 2px;
    +          
    +          &:hover {
    +            border-color: @light-color;
    +            box-shadow: none;
    +            background-color: rgba(255, 255, 255, 0.1);
    +
    +            & + .btn {
    +              border-left-color: transparent; 
    +            }
    +          }
    +
    +          &:active,
    +          &.active {
    +            background-color: @light-color;
    +            color: @color;
    +            border-color: transparent;
    +            border-width: 2px;
    +            box-shadow: @btn-box-shadow-base;
    +          }
    +
    +          &:focus {
    +            box-shadow: @btn-box-shadow-base;
    +          }
    +        }
    +      }
    +    }
    +  }
    +
    +  //Divider Line
    +  .divider {
    +    background-color: darken(@color, 5%);
    +  }
    +}
    diff --git a/public/assets/css/includes/bootstrap/mixins/forms.less b/public/assets/css/includes/bootstrap/mixins/forms.less
    new file mode 100644
    index 0000000..5e6a35a
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/forms.less
    @@ -0,0 +1,39 @@
    +// Form validation states
    +//
    +// Used in forms.less to generate the form validation CSS for warnings, errors,
    +// and successes.
    +
    +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
    +  // Color the label and help text
    +  .help-block,
    +  .control-label,
    +  .radio,
    +  .checkbox,
    +  .radio-inline,
    +  .checkbox-inline,
    +  &.radio label,
    +  &.checkbox label,
    +  &.radio-inline label,
    +  &.checkbox-inline label  {
    +    color: @text-color;
    +  }
    +  // Set the border and box shadow on specific inputs to match
    +  .form-control {
    +    border-color: @border-color;
    +    .box-shadow(none); // Redeclare so transitions work
    +    &:focus {
    +      border-color: darken(@border-color, 5%);
    +      .box-shadow(none);
    +    }
    +  }
    +  // Set validation states also for addons
    +  .input-group-addon {
    +    color: @text-color;
    +    border-color: @border-color;
    +    background-color: @background-color;
    +  }
    +  // Optional feedback icon
    +  .form-control-feedback {
    +    color: @text-color;
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/mixins/labels.less b/public/assets/css/includes/bootstrap/mixins/labels.less
    new file mode 100644
    index 0000000..63f61e7
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/labels.less
    @@ -0,0 +1,6 @@
    +//Colored Labels Mixin
    +.label-color(@color){
    +  color: @light-color;
    +  background-color: @color;
    +  border: transparent;
    +}
    diff --git a/public/assets/css/includes/bootstrap/mixins/modals.less b/public/assets/css/includes/bootstrap/mixins/modals.less
    new file mode 100644
    index 0000000..84ea90e
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/modals.less
    @@ -0,0 +1,28 @@
    +//Full colored modal
    +.modal-full-color(@color){
    +
    +  .modal-header{
    +    background-color: @color;
    +  }
    +
    +  .modal-body, .modal-footer{
    +    background-color: @color;
    +  }
    +
    +  .btn-default{
    +		color: @color;
    +
    +    &:active{
    +      color: @color;
    +    }
    +  }
    +}
    +
    +//Colored header modal
    +.colored-header(@color){
    +  .modal-content{
    +    .modal-header{
    +      background-color: @color;
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/mixins/panels.less b/public/assets/css/includes/bootstrap/mixins/panels.less
    new file mode 100644
    index 0000000..881f3ee
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/panels.less
    @@ -0,0 +1,20 @@
    +//Full colored panel
    +.panel-full-color(@color){
    +  background-color: @color;
    +  color: @light-color;
    +
    +  .panel-heading-contrast{
    +      background-color: lighten(@color, 3%);
    +      padding: 20px 20px 15px;
    +      margin: 0;
    +  }
    +
    +  .tools{
    +    .icon{
    +      color:@light-color;
    +      &:hover{
    +        color: darken(@color, 6%);
    +      }
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/mixins/table-row.less b/public/assets/css/includes/bootstrap/mixins/table-row.less
    new file mode 100644
    index 0000000..de4ad55
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/table-row.less
    @@ -0,0 +1,28 @@
    +// Tables
    +
    +.table-row-variant(@state; @background) {
    +  // Exact selectors below required to override `.table-striped` and prevent
    +  // inheritance to nested tables.
    +  .table > thead > tr,
    +  .table > tbody > tr,
    +  .table > tfoot > tr {
    +    > td.@{state},
    +    > th.@{state},
    +    &.@{state} > td,
    +    &.@{state} > th {
    +      color: @light-color;
    +    }
    +  }
    +
    +  // Hover states for `.table-hover`
    +  // Note: this is not available for cells or rows within `thead` or `tfoot`.
    +  .table-hover > tbody > tr {
    +    > td.@{state}:hover,
    +    > th.@{state}:hover,
    +    &.@{state}:hover > td,
    +    &:hover > .@{state},
    +    &.@{state}:hover > th {
    +      color: @light-color;
    +    }
    +  }
    +}
    diff --git a/public/assets/css/includes/bootstrap/mixins/tabs.less b/public/assets/css/includes/bootstrap/mixins/tabs.less
    new file mode 100644
    index 0000000..116715d
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/mixins/tabs.less
    @@ -0,0 +1,16 @@
    +//Colored Labels Mixin
    +.tabs-color(@color){
    +  > li{
    +
    +		a:hover{
    +			color: @color;
    +		}
    +
    +		&.active{
    +
    +			a, a:hover, a:focus{
    +				border-bottom: 2px solid @color;
    +			}
    +		}
    +	}
    +}
    diff --git a/public/assets/css/includes/bootstrap/modals.less b/public/assets/css/includes/bootstrap/modals.less
    new file mode 100644
    index 0000000..e19ba12
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/modals.less
    @@ -0,0 +1,207 @@
    +/*------------------------------------------------------------------
    +  [Modals]
    +*/
    +
    +.modal-content{
    +	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    +	overflow: hidden;
    +	background-color: @light-color;
    +	color: @text-color;
    +	border: none;
    +}
    +
    +//Modal Header
    +.modal-header{
    +	border: 0;
    +	padding: 19px;
    +
    +	h1, h2, h3, h4, h5, h6{
    +		display: block;
    +		margin: 0;
    +	}
    +
    +	.close{
    +		font-size: 20px;
    +		opacity: 0.4;
    +		text-shadow: none;
    +
    +		&:hover{
    +			opacity: 0.8;
    +		}
    +	}
    +}
    +
    +//Modal Body
    +.modal-body{
    +	padding: 10px 20px 20px;
    +
    +	//Remove margin bottom from last row form group
    +	.row:last-child{
    +		
    +		.form-group{
    +			margin-bottom: 0;
    +		}
    +	}
    +}
    +
    +//Modal Main Icon
    +.modal-main-icon{
    +	display: inline-block;
    +	height: 45px;
    +	width: 45px;
    +	line-height: normal;
    +	font-size: 50px;
    +}
    +
    +//Modal Footer
    +.modal-footer{
    +	padding: 20px;
    +	border: none;
    +}
    +
    +//Full Color Alerts
    +.modal-full-color{
    +
    +	.modal-header{
    +		padding: 19px;
    +	}
    +
    +	.modal-content{
    +		color: @light-color;
    +		background-color: transparent;
    +
    +		.close{
    +			color: @light-color;
    +			line-height: 40px;
    +			opacity: 0.6;
    +
    +			&:hover{
    +				opacity: 1;
    +			}
    +		}
    +		
    +		.modal-footer{
    +			border: none;
    +		}
    +	}
    +
    +	.btn-default{
    +		border-width: 2px;
    +		border-color: transparent;
    +	}
    +
    +	//Transparent style for color buttons
    +	.btn-primary,
    +  .btn-success,
    +  .btn-warning,
    +  .btn-danger{
    +		background-color: transparent;
    +		border-color: rgba(255, 255, 255, 0.5);
    +		border-width: 2px;
    +		
    +		&:focus{
    +			background-color: transparent;
    +			border-color: rgba(255, 255, 255, 0.4);
    +		}
    +
    +		&:hover,.hover{
    +			box-shadow: none;
    +			background-color: rgba(255, 255, 255, 0.1);
    +			border-color: rgba(255, 255, 255, 0.8);
    +		}
    +
    +		&:active{
    +			box-shadow: none;
    +			background-color: rgba(255, 255, 255, 0.1);
    +			border-color: rgba(255, 255, 255, 0.8);
    +		}
    +  }
    +}
    +
    +//Modal Full Color set
    +.modal-full-color-success{
    +	.modal-full-color(@success-color-text);
    +}
    +
    +.modal-full-color-primary{
    +	.modal-full-color(@primary-color-text);
    +}
    +
    +.modal-full-color-warning{
    +	.modal-full-color(@warning-color-text);
    +}
    +
    +.modal-full-color-danger{
    +	.modal-full-color(@danger-color-text);
    +}
    +
    +.modal-full-color-dark{
    +	.modal-full-color(@dark-color);
    +}
    +
    +
    +//Bootstrap Modals
    +.full-width{
    +	width: 90%;
    +	max-width:none;
    +}
    +
    +//Colored Header Modals
    +.colored-header{
    +
    +	.modal-content{
    +
    +		.modal-header{
    +			background-color: darken(@light-color, 10%);
    +			color: @light-color;
    +			padding: 30px 20px;
    +			.modal-title{
    +				font-size: 20px;
    +			}
    +
    +			.close{
    +				color: rgba(0, 0, 0, 0.7);
    +				margin-top: 2px;
    +			}
    +		}
    +		.modal-body{
    +			padding: 35px 20px 20px;
    +			background-color: @light-color;
    +			color: @text-color;
    +		}
    +		.modal-footer{
    +			background-color: @light-color;
    +		}
    +	}
    +}
    +
    +//Colored header color set
    +
    +.colored-header-success{
    +	.colored-header(@success-color-text);
    +}
    +.colored-header-primary{
    +	.colored-header(@primary-color-text);
    +}
    +.colored-header-warning{
    +	.colored-header(@warning-color-text);
    +}
    +.colored-header-danger{
    +	.colored-header(@danger-color-text);
    +}
    +.colored-header-dark{
    +	.colored-header(@dark-color);
    +}
    +
    +//Responsive Design
    +@media @phone{
    +
    +	.modal-dialog{
    +		min-width: 100%;
    +		padding: 0 15px;
    +	}
    +}
    +
    +.be-modal-open{
    +	overflow-x: visible;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/pagination.less b/public/assets/css/includes/bootstrap/pagination.less
    new file mode 100644
    index 0000000..f60f853
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/pagination.less
    @@ -0,0 +1,66 @@
    +/*------------------------------------------------------------------
    +  [Pagination]
    +*/
    +.pagination{
    +  padding-left: 0;
    +  margin: @line-height-computed 0;
    +  border-radius: @border-radius-base;
    +
    +  > li {
    +    > a,
    +    > span {
    +  		font-size: 14px;
    +  		line-height: 14px;
    +  		font-weight: @font-weight-regular;
    +      padding: @padding-base-vertical @padding-base-horizontal;
    +      color: @pagination-color;
    +      background-color: @pagination-bg;
    +      border: 1px solid @pagination-border;
    +      border-radius: 2px;
    +      margin-left: 4px;
    + 
    +      span{
    +      	line-height: 12px;
    +      }
    +    }
    +    &:first-child {
    +      > a,
    +      > span {
    +        border-radius: 2px;
    +      }
    +    }
    +    &:last-child {
    +      > a,
    +      > span {
    +        border-radius: 2px;
    +      }
    +    }
    +  }
    +}
    +
    +.pagination-rounded{
    +	> li{
    +
    +		> a, > span{
    +	    border-radius: 50%;	    
    +	    width: 35px;
    +	    height: 35px;
    +	    text-align: center;
    +	    line-height: 14px;
    +		}
    +
    +		&:first-child {
    +      > a,
    +      > span {
    +        border-radius: 50%;
    +      }
    +    }
    +
    +    &:last-child {
    +      > a,
    +      > span {
    +        border-radius: 50%;
    +      }
    +    }
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/panels.less b/public/assets/css/includes/bootstrap/panels.less
    new file mode 100644
    index 0000000..94a9b50
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/panels.less
    @@ -0,0 +1,209 @@
    +/*------------------------------------------------------------------
    +  [Panels]
    +*/
    +.panel{
    +	background-color: @light-color;
    +	margin-bottom: @panel-margin-bottom;
    +	box-shadow: @panel-box-shadow;
    +	border-width: 0;
    +	border-radius: @panel-border-radius;
    +}
    +
    +//Panel body
    +.panel-body{
    +	padding: 8px 20px 20px;
    +	border-radius: 0 0 @panel-border-radius @panel-border-radius;
    +}
    +
    +//Panel heading
    +.panel-heading{
    +	font-size: @panel-heading-font-size;
    +	font-weight: @panel-heading-font-weight;
    +	padding-left: 0;
    +	padding-right: 0;
    +	padding-bottom: 10px;
    +	margin: 0 @panel-heading-horizontal-padding;
    +	border-bottom-width: 0;
    +	border-radius: @panel-border-radius @panel-border-radius 0 0;
    +
    +	.tools{
    +		float: right;
    +		font-size: 0;
    +
    +		> a{
    +			display: inline-block;
    +		}
    +
    +		.icon{
    +			display: inline-block;
    +			font-size: @panel-heading-icon-size;
    +			line-height: @panel-heading-icon-line-height;
    +			vertical-align: middle;
    +			cursor: pointer;
    +			color: @panel-heading-icon-color;
    +			min-width: @panel-heading-icon-size;
    +			text-align: center;
    +
    +			& + .icon{
    +				margin-left: @panel-heading-icon-separation;
    +			}
    +
    +			&:hover{
    +				color: @panel-heading-icon-hover;
    +			}
    +		}
    +	}
    +}
    +
    +//Panel title
    +.panel-title{
    +	font-size: @panel-heading-font-size;
    +	font-weight: @panel-heading-font-weight;
    +	display: block;
    +	margin: 0;
    +}
    +
    +//Panel subtitle
    +.panel-subtitle{
    +	display: block;
    +	font-size: @font-size-base;
    +	color: darken(@light-color, 56%);
    +	margin-bottom: 6px;
    +}
    +
    +//Panel heading divider
    +.panel-heading-divider{
    +	border-bottom: 1px solid darken(@light-color, 15%);
    +  margin: 0 20px 8px;
    +  padding-left: 0;
    +  padding-right: 0;
    +}
    +
    +//Panel flat
    +.panel-flat{
    +	border: none;
    +	box-shadow: none;
    +}
    +
    +//Panel border
    +.panel-border{
    +	box-shadow: none;
    +	border: 1px solid darken(@light-color,17%);
    +}
    +
    +//Panel contrast
    +.panel-contrast{
    +
    +	.panel-heading{
    +		margin: 0;
    +		padding: 20px 20px 11px;
    +	}
    +
    +	.panel-body{
    +		padding-top: 16px; 
    +	}
    +}
    +
    +//panel heading contrast
    +.panel-heading-contrast{
    +	background-color: darken(@light-color, 4%);
    +}
    +
    +//Panel body contrast
    +.panel-body-contrast{
    +	background-color: darken(@light-color, 4%);
    +}
    +
    +//panel border color
    +.panel-border-color{
    +	border-top: 3px solid darken(@light-color, 21%);
    +}
    +
    +//Panel border danger
    +.panel-border-color-primary{
    +	border-top-color: @primary-color;
    +}
    +
    +//Panel border danger
    +.panel-border-color-danger{
    +	border-top-color: @danger-color;
    +}
    +
    +//Panel border warning
    +.panel-border-color-warning{
    +	border-top-color: @warning-color;
    +}
    +
    +//Panel border success
    +.panel-border-color-success{
    +	border-top-color: @success-color;
    +}
    +
    +//Panel border dark
    +.panel-border-color-dark{
    +	border-top-color: @dark-color;
    +}
    +
    +//Panel full colors
    +.panel-full{
    +	
    +	.panel-heading{
    +		margin: 0;
    +		padding-left: @panel-heading-horizontal-padding;
    +		padding-right: @panel-heading-horizontal-padding;
    +
    +		.panel-title{
    +			border-width: 0;
    +		}
    +	}
    +}
    +
    +//Panel colors
    +.panel-full-color{
    +	
    +	.panel-heading{
    +		color: @light-color;
    +		padding: 27px 20px 15px;
    +		margin: 0;
    +
    +		.panel-subtitle, .icon{
    +			color: @light-color; 
    +		}
    +	}
    +
    +	.panel-body{
    +		padding: 20px;
    +	}
    +}
    +
    +//Full color style
    +.panel-full-primary{
    +	.panel-full-color(@primary-color-text);
    +}
    +
    +.panel-full-success{
    +	.panel-full-color(@success-color-text);
    +}
    +
    +.panel-full-warning{
    +	.panel-full-color(@warning-color-text);
    +}
    +
    +.panel-full-danger{
    +	.panel-full-color(@danger-color-text);
    +}
    +
    +.panel-full{
    +	.panel-full-color(@grey-color-text);
    +}
    +
    +.panel-full-dark{
    +	.panel-full-color(@dark-color-text);
    +}
    +
    +//Table Panel
    +.panel-table{
    +	.panel-body{
    +		padding: 0;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/popovers.less b/public/assets/css/includes/bootstrap/popovers.less
    new file mode 100644
    index 0000000..8cf3b93
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/popovers.less
    @@ -0,0 +1,20 @@
    +//
    +// Popovers
    +// --------------------------------------------------
    +
    +.popover {
    +
    +  &.bottom > .arrow {
    +    border-bottom-color: @popover-title-bg;
    +    top: -10px;
    +
    +    &:after{
    +      background-color: transparent;
    +      top: -2px;
    +      margin-left: -10px;
    +      border-bottom-color:@popover-border-color;
    +      border-top-width: 1px;
    +      z-index: -1;
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/progress-bars.less b/public/assets/css/includes/bootstrap/progress-bars.less
    new file mode 100644
    index 0000000..6d24bf5
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/progress-bars.less
    @@ -0,0 +1,12 @@
    +/*------------------------------------------------------------------
    +  [Progress bars]
    +*/
    +.progress {
    +	height: @progress-bar-height;
    +	box-shadow: none;
    +}
    +
    +.progress-bar{
    +	box-shadow: none;
    +	line-height: @progress-bar-height;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/tables.less b/public/assets/css/includes/bootstrap/tables.less
    new file mode 100644
    index 0000000..d8d3fa6
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/tables.less
    @@ -0,0 +1,264 @@
    +/*------------------------------------------------------------------
    +  [Tables]
    +*/
    +.table{
    +
    +	> thead{
    +		
    +		> tr{
    +
    +			> th{
    +				border-bottom-width: 2px;
    +				font-weight: @font-weight-bold;
    +			}
    +		}
    +
    +		//Color classes
    +		&.primary{
    +
    +			> tr{
    +				> th{
    +					color: @primary-color;
    +				}
    +			}
    +		}
    +
    +		&.success{
    +
    +			> tr{
    +				> th{
    +					color: @success-color;
    +				}
    +			}
    +		}
    +	}
    +
    +	> tbody{
    +
    +		> tr{
    +			> td{
    +				font-weight: @font-weight-regular;
    +				vertical-align: middle;
    +			}
    +		}
    +	}
    +}
    +
    +.table-condensed{
    +
    +	> thead{
    +
    +		> tr{
    +
    +			> th{
    +				padding-top: 10px;
    +				padding-bottom: 8px;
    +			}
    +		}
    +	}
    +}
    +
    +.table-bordered{
    +	
    +	> thead{
    +
    +		> tr{
    +
    +			> th{
    +				padding: 14px 10px;
    +			}
    +		}
    +	}
    +
    +	tbody{
    +
    +		>tr{
    +
    +			td{
    +
    +				&:first-child{
    +					padding-left: 10px;
    +				}
    +
    +				&:last-child{
    +					padding-right: 10px;
    +				} 
    +			}
    +		}
    +	}
    +}
    +
    +// Generate the contextual variants
    +.table-row-variant(primary; @primary-color-text);
    +
    +.table-responsive{
    +	border: 0;
    +
    +	tbody{
    +
    +		> tr{
    +
    +			> td{
    +				padding-top: @table-condensed-cell-padding + 4px;
    +				padding-bottom: @table-condensed-cell-padding + 4px;
    +			}
    +		}
    +	}
    +}
    +
    +//Helpers classes
    +.table{
    +
    +	tr{
    +		
    +		th, td{
    +
    +			.be-checkbox{
    +				padding: 0;
    +			}
    +
    +			//Actions column
    +			&.actions{
    +				text-align: center;
    +
    +				.icon{
    +					color: darken(@light-color, 37%);
    +					font-size: @font-size-base + 5px;
    +					line-height: 18px;
    +
    +					&:hover{
    +						color: darken(@light-color, 50%);
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	tbody{
    +
    +		tr{
    +	
    +			td{
    +
    +				&.user-avatar{
    +
    +					img{
    +						height: 30px;
    +						width: 30px;
    +						border-radius: 50%;
    +						margin-right: 10px;
    +
    +						@media @phone{
    +							display: none;
    +						}
    +					}
    +				}
    +
    +				&.cell-detail{
    +
    +					span{
    +						display: block;
    +					}
    +
    +					.cell-detail-description{
    +						display: block;
    +						font-size: @font-size-base - 2px;
    +						color: darken(@light-color, 40%);
    +					}
    +				}
    +
    +				&.user-info{
    +
    +					img{
    +						float: left;
    +					}
    +
    +					span{
    +						padding-left: 40px;
    +					}
    +				}
    +
    +				&.milestone{
    +
    +					span{
    +						display: block;
    +						font-size: @font-size-base - 2px;
    +						color: darken(@light-color, 40%);
    +						margin-bottom: 6px;
    +
    +						&.completed{
    +							float: right;
    +						}
    +					}
    +
    +					.progress{
    +						height: 6px;
    +						background-color: darken(@light-color, 10%);
    +						margin-bottom: 0;
    +
    +						.progress-bar{
    +							border-radius: @border-radius-base;
    +						}
    +					}
    +				}
    +			}
    +
    +			&.online{
    +
    +				td:first-child{
    +					border-left: 3px solid @primary-color-text;
    +					padding-left: 17px;
    +				}
    +			}
    +		}
    +	}
    +
    +	.number{
    +		text-align: right;
    +	}
    +
    +	&.table-borderless{
    +
    +		tbody{
    +
    +			tr{
    +
    +				td{
    +					border-top-width: 0;
    +				}
    +			}
    +		}
    +	}
    +}	
    +
    +//Table inside full-width widget
    +.panel-table{
    +	table{
    +			margin-bottom: 0;
    +		}
    +	
    +	tr{
    +
    +		th, td{
    +
    +			&:first-child{
    +				padding-left: 20px;
    +			}
    +
    +			&:last-child{
    +				padding-right: 20px;
    +			}
    +		}
    +	}
    +
    +	thead{
    +
    +		tr{
    +
    +			th{
    +				padding-top: 15px;
    +				padding-bottom: 10px;
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/tabs.less b/public/assets/css/includes/bootstrap/tabs.less
    new file mode 100644
    index 0000000..0fe8943
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/tabs.less
    @@ -0,0 +1,80 @@
    +/*------------------------------------------------------------------
    +  [Tabs]
    +*/
    +.nav-tabs{
    +	background-color: @light-color;
    +	border-bottom: 2px solid darken(@light-color, 8%);
    +
    +	> li{
    +		margin-right: 2px;
    +		margin-bottom: -2px;
    +
    +		a{
    +			padding: 12px 20px;
    +			margin-right: 0;  
    +			min-width: 60px;
    +    	text-align: center;
    +    	border-radius: 0;
    +    	color: @text-color;
    +    	border-width: 0;
    +
    +    	.icon{
    +    		font-size: 20px;
    +    		vertical-align: middle;
    +    		margin-right: 6px;
    +    		line-height: 17px;
    +    	}
    +
    +    	&:hover{
    +    		background: transparent;
    +				color: @primary-color;
    +    	}
    +
    +    	&:active{
    +    		background-color: transparent;
    +    	}
    +		}
    +
    +		&.active{
    +			position: relative;
    +			background: transparent;
    +			color: @primary-color;
    +
    +			a, a:hover, a:focus{
    +				background-color: @light-color;
    +				border: none;
    +				border-bottom: 2px solid @primary-color;
    +			}
    +		}
    +	}
    +}
    +
    +.tab-content{
    +	background: @light-color;
    +	padding: 20px;
    +	margin-bottom: 40px;
    +	border-radius: 0 0 3px 3px;
    +
    +	.tab-pane{
    +		
    +		//First heading margin-top fix
    +		h1, h2, h3, h4, h5, h6{
    +
    +			&:first-child{
    +				margin-top: 5px;
    +			}
    +		}
    +	}
    +}
    +
    +// Navs Color States
    +
    +.nav-tabs-success{
    +	.tabs-color(@success-color);
    +}
    +.nav-tabs-warning{
    +	.tabs-color(@warning-color);
    +}
    +.nav-tabs-danger{
    +	.tabs-color(@danger-color);
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/type.less b/public/assets/css/includes/bootstrap/type.less
    new file mode 100644
    index 0000000..de62d2e
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/type.less
    @@ -0,0 +1,152 @@
    +/*------------------------------------------------------------------
    +  [Typography]
    +*/
    +h1, h2, h3, h4, h5, h6,
    +.h1, .h2, .h3, .h4, .h5, .h6 {
    +
    +  small,
    +  .small {
    +  	font-weight: @font-weight-light;
    +  }
    +}
    +
    +h1, .h1,
    +h2, .h2,
    +h3, .h3 {
    +	margin-top: 20px;
    +	margin-bottom: 10px;
    +
    +}
    +
    +h4, .h4,
    +h5, .h5,
    +h6, .h6 {
    +  margin-top: 15px;
    +  margin-bottom: 10px;
    +
    +}
    +
    +// Body text
    +// -------------------------
    +
    +p {
    +	margin: 0 0 @paragraph-margin;
    +}
    +
    +.lead {
    +	font-size: floor((@font-size-base * 1.65));
    +	line-height: 26px;
    +}
    +
    +// Emphasis & misc
    +// -------------------------
    +small,
    +.small {
    +  font-size: 11px;
    +}
    +
    +mark,
    +.mark {
    +  background-color: @state-warning-bg;
    +  padding: 0;
    +}
    +
    +.text-bold {
    +	font-weight: @font-weight-medium !important;
    +}
    +
    +// Contextual colors
    +.text-success {
    +  .text-emphasis-variant(@success-color);
    +}
    +
    +.text-warning {
    +  .text-emphasis-variant(@warning-color);
    +}
    +
    +.text-danger {
    +  .text-emphasis-variant(@danger-color);
    +}
    +
    +// Lists
    +// -------------------------
    +
    +// Unordered and Ordered lists
    +ul,
    +ol {
    +	line-height: @list-lineheight;
    +
    +	ul,
    +	ol {
    +		padding-left: 25px;
    +	}
    +}
    +
    +// List options
    +
    +// Unstyled keeps list items block level, just removes default browser padding and list-style
    +.list-unstyled {
    +  ul, 
    +  ol {
    +  	padding-left: 40px;
    +  }
    +}
    +
    +// Misc
    +// -------------------------
    +
    +// Blockquotes
    +blockquote { 
    +
    +	p{
    +		margin-bottom: 18px;
    +	}
    +
    +	p,
    +  ul,
    +  ol {
    +    &:last-child {
    +      margin-bottom: 0;
    +    }
    +  }
    +
    +	footer,
    +  small,
    +  .small {
    +  	font-size: 13px;
    +  }
    +}
    +
    +
    +//Display Heading
    +// -------------------------
    +.display-heading{
    +	font-size: @display-heading-size;
    +	font-weight: @font-weight-thin;
    +	margin: @display-heading-margin;
    +
    +	@media @phone{
    +		font-size: ceil(@display-heading-size - (@display-heading-size * 0.2));
    +	}
    +}
    +
    +//Display Description
    +// -------------------------
    +
    +.display-description{
    +	font-size: @display-description-size;
    +	font-weight: @font-weight-thin;
    +	line-height: @display-description-line-height;
    +	margin: @display-description-margin;
    +
    +	@media @phone{
    +		font-size: ceil(@display-description-size - (@display-description-size * 0.2));
    +		line-height: ceil(@display-description-line-height - (@display-description-line-height * 0.2));
    +	}
    +}
    +
    +// Addresses
    +
    +address {
    +  line-height: 20px;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/bootstrap/wells.less b/public/assets/css/includes/bootstrap/wells.less
    new file mode 100644
    index 0000000..b49fc82
    --- /dev/null
    +++ b/public/assets/css/includes/bootstrap/wells.less
    @@ -0,0 +1,10 @@
    +//
    +// Wells
    +// --------------------------------------------------
    +
    +// Base class
    +.well {
    +	box-shadow: none;
    +	border-radius: @border-radius-base + 2px;
    +	margin-bottom: 30px;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/colors.less b/public/assets/css/includes/colors.less
    new file mode 100644
    index 0000000..0401486
    --- /dev/null
    +++ b/public/assets/css/includes/colors.less
    @@ -0,0 +1,34 @@
    +//Color shades
    +@primary-color-dark: 			darken(@primary-color, 10%);
    +@primary-color-darkest: 	darken(@primary-color, 20%);
    +@primary-color-light: 		lighten(@primary-color, 10%);
    +@primary-color-lightest: 	lighten(@primary-color, 20%);
    +
    +@danger-color-dark: 			darken(@danger-color, 10%);
    +@danger-color-darkest: 		darken(@danger-color, 20%);
    +@danger-color-light: 			lighten(@danger-color, 10%);
    +@danger-color-lightest: 	lighten(@danger-color, 20%);
    +
    +@warning-color-dark: 			darken(@warning-color, 10%);
    +@warning-color-darkest: 	darken(@warning-color, 20%);
    +@warning-color-light: 		lighten(@warning-color, 10%);
    +@warning-color-lightest: 	lighten(@warning-color, 20%);
    +
    +@success-color-dark: 			darken(@success-color, 10%);
    +@success-color-darkest: 	darken(@success-color, 20%);
    +@success-color-light: 		lighten(@success-color, 10%);
    +@success-color-lightest: 	lighten(@success-color, 20%);
    +
    +@grey-color-dark: 				darken(@grey-color, 10%);
    +@grey-color-darkest: 			darken(@grey-color, 20%);
    +@grey-color-light: 				lighten(@grey-color, 10%);
    +@grey-color-lightest: 		lighten(@grey-color, 20%);
    +
    +//Text contrast
    +@primary-color-text: 			#5f99f5;
    +@success-color-text: 			#37b358;	
    +@info-color-text: 				@info-color;	
    +@warning-color-text: 			#f6c163;	
    +@danger-color-text: 			#eb6357;	
    +@grey-color-text: 				darken(@grey-color, 6%);
    +@dark-color-text: 				#333333;
    \ No newline at end of file
    diff --git a/public/assets/css/includes/config.less b/public/assets/css/includes/config.less
    new file mode 100644
    index 0000000..a997254
    --- /dev/null
    +++ b/public/assets/css/includes/config.less
    @@ -0,0 +1,525 @@
    +//Paths
    +@img-path: 				"../img"; 
    +@fonts-path: 			"../lib"; 
    +@lib-path: 				"../lib"; 
    +
    +//General colors palette
    +@primary-color: 	#4285f4;
    +
    +@dark-color: 			#3d3c3c;
    +@light-color: 		#ffffff;
    +@black-color: 		#000000;
    +@body-color: 			#404040;
    +
    +//States Color
    +@danger-color: 		#ea4335;
    +@warning-color: 	#fbbc05;
    +@success-color: 	#34a853;
    +@grey-color: 			#cccccc;
    +@info-color: 			@primary-color;
    +
    +//Icons colors
    +@icon-default-color: 		darken(@light-color, 55%);
    +@icon-hover-color: 			darken(@light-color, 75%);
    +
    +//Color variations
    +@import "colors.less";
    +
    +//General elements
    +@logo-width: 										102px;
    +@logo-height: 									27px;
    +@logo-padding: 									20px;
    +@body-background: 							#EEEEEE;
    +@content-padding: 							25px;
    +@content-padding-tablet: 				25px;
    +@content-padding-phone: 				15px;
    +@content-padding-small-phone: 	10px;
    +@link-color: 										(@primary-color + 10%);
    +@scroller-size: 								6px;//Scroller plugin width
    +
    +//Aside
    +@page-aside-width: 									280px;
    +@page-aside-padding: 								22px;
    +@page-aside-title-size: 						27px;
    +
    +//Top Header
    +@top-header-bg:											@light-color;
    +@top-header-phone-bg:								@primary-color;
    +@top-header-link-color:							darken(@light-color, 55%);
    +@top-header-height: 								60px;
    +@top-header-height-phone: 					70px;
    +@top-header-navbar-color: 					lighten(@text-color, 10%);
    +@top-header-navbar-font-size: 			14px;
    +@top-header-navbar-padding: 				18px;
    +@icons-nav-dropdown-width: 					300px;
    +@user-dropdown-width:								220px;
    +
    +//Left Sidebar
    +@left-sidebar-bg: 									#f5f5f5;
    +@left-sidebar-width: 								230px;
    +@left-sidebar-color: 								lighten(@body-color, 14%);
    +@left-sidebar-logo-bg: 							darken(@dark-color, 1.5%);
    +@left-sidebar-icon-size: 						19px;
    +@left-sidebar-main-level-font-size: 14px;
    +@left-sidebar-main-level-padding:		20px;
    +@left-sidebar-main-level-height:		38px;
    +@left-sidebar-sub-level-color: 			@left-sidebar-color;
    +@left-sidebar-sub-level-bg: 				darken(@left-sidebar-bg, 2.8%);
    +@left-sidebar-sub-level-font-size: 	13px;
    +@left-sidebar-sub-level-padding:		8px 15px 8px 49px;
    +
    +//Right Sidebar
    +@right-sidebar-width: 							290px;
    +@right-sidebar-width-phone: 				290px;
    +@right-sidebar-icons-color: 				darken(@light-color, 33.2%);
    +@right-sidebar-low-contrast-color: 	darken(@light-color, 30%);
    +@right-sidebar-background: 					#FAFAFA;
    +@right-sidebar-z-index: 						@zindex-navbar-fixed + 1;
    +
    +//Typography
    +@roboto-font-path: 					'@{fonts-path}/roboto';
    +@roboto: 										'Roboto', Arial, sans-serif;
    +@icons-font-path:						'@{fonts-path}/material-design-icons/fonts';
    +@icons-font:								'Material Icons';
    +
    +@font-size-base:        		13px;
    +@font-size-large:         	ceil((@font-size-base * 1.15)); // ~15px
    +@font-size-small:         	ceil((@font-size-base * 0.85)); // ~12px
    +@font-size-extra-small:   	ceil((@font-size-base * 0.8)); // ~12px
    +
    +@font-weight-thin: 					100;
    +@font-weight-light: 				300;
    +@font-weight-regular: 			400;
    +@font-weight-medium: 				500;
    +@font-weight-bold: 					700;
    +@font-weight-black: 				900;
    +
    +@font-size-h1:            	floor((@font-size-base * 2.6)); // ~36px
    +@font-size-h2:            	floor((@font-size-base * 2.15)); // ~30px
    +@font-size-h3:           	 	ceil((@font-size-base * 1.7)); // ~24px
    +@font-size-h4:            	ceil((@font-size-base * 1.25)); // ~18px
    +@font-size-h5:           	 	@font-size-base;
    +@font-size-h6:            	ceil((@font-size-base * 0.85)); // ~12px
    +
    +@paragraph-font-size: 			inherit;
    +@paragraph-line-height: 		21px;
    +@paragraph-margin:					15px;
    +
    +@list-lineheight:						20px;
    +
    +@display-heading-size: 							40px;
    +@display-heading-margin: 						20px 0 15px;
    +@display-description-size:  				18px;
    +@display-description-line-height:  	29px;
    +@display-description-margin:  			0 0 50px;
    +
    +//== Sidebars
    +@sidebars-hardware-accelerated-animation: true;
    +@sidebars-push-effect: 			all .35s ease;
    +
    +//== Components
    +//
    +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
    +
    +@padding-base-vertical:     10px;
    +@padding-base-horizontal:   12px;
    +
    +@padding-large-vertical:    12px;
    +@padding-large-horizontal:  16px;
    +
    +@padding-small-vertical:    5px;
    +@padding-small-horizontal:  9px;
    +
    +@padding-xs-vertical:       1px;
    +@padding-xs-horizontal:     5px;
    +
    +@line-height-large:         1.7; // extra decimals for Win 8.1 Chrome
    +@line-height-small:         1.6;
    +
    +@border-radius-base:        2px;
    +@border-radius-large:       4px;
    +@border-radius-small:       2px;
    +
    +
    +//Forms
    +@input-check-component-size: 		 			22px;
    +@input-check-component-border: 	 			1px solid #ccc;
    +@input-check-component-border-radius: 3px;
    +
    +@radio-icon-component-size: 					52px;
    +@radio-icon-component-color: 					lighten(@input-color, 25%);
    +@radio-icon-component-icon-size: 			36px;
    +@radio-icon-component-border: 				#d5d8de;
    +
    +@input-bg:                       #fff;
    +@input-bg-disabled:              @gray-lighter;
    +@input-color:                    @body-color;
    +@input-border:                   #d5d8de;
    +@input-top-border:               #bdc0c7;
    +@input-border-radius:            @border-radius-base;
    +@input-border-radius-large:      @border-radius-large;
    +@input-border-radius-small:      @border-radius-small;
    +@input-border-focus:             @primary-color;
    +@input-color-placeholder:        #999;
    +
    +//** Default `.form-control` height
    +@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 10);
    +@input-height-large:             57px;
    +@input-height-small:             37px;
    +@input-height-extra-small:       30px;
    +
    +@form-group-margin-bottom:       20px;
    +@legend-color:                   @gray-dark;
    +@legend-border-color:            #e5e5e5;
    +
    +//** Background color for textual input addons
    +@input-group-addon-bg:           darken(@light-color, 3.8%);
    +//** Border color for textual input addons
    +@input-group-addon-border-color: @input-border;
    +
    +//** Disabled cursor for form controls and buttons.
    +@cursor-disabled:                not-allowed;
    +
    +@input-label-color: 						 lighten(@input-color, 15%);
    +
    +//Form validation states
    +@form-validation-icon-size: 		 19px;
    +
    +//Dropdowns
    +@dropdown-text-color: 					 lighten(@dark-color, 7.2%);
    +@dropdown-bg:                    #fff;
    +@dropdown-border:                darken(@light-color, 11%);
    +@dropdown-fallback-border:       @dropdown-border;
    +@dropdown-divider-bg:            #e5e5e5;
    +@dropdown-box-shadow:            0px 0px 6px 0px rgba(0, 0, 0, 0.12);
    +
    +//Panels & Widget Panels
    +@panel-border-radius:          			3px;
    +@panel-body-padding:          			15px 20px 20px;
    +@panel-heading-horizontal-padding:  20px;
    +@panel-heading-top-padding:   		 	20px;
    +@panel-heading-bottom-padding:    	15px;
    +@panel-heading-padding:       			@panel-heading-top-padding @panel-heading-horizontal-padding @panel-heading-bottom-padding;
    +@panel-heading-font-size: 					18px;
    +@panel-heading-font-weight: 				@font-weight-light;
    +@panel-heading-icon-color: 					darken(@light-color, 27%);
    +@panel-heading-icon-hover: 					darken(@light-color, 35%);
    +@panel-heading-icon-size: 					20px;
    +@panel-heading-icon-separation: 		2px;
    +@panel-heading-icon-line-height: 		25px;
    +@panel-margin-bottom: 							25px;
    +@panel-box-shadow: 									0px 0px 4px 0px rgba(0,0,0,0.04);
    +
    +@widget-heading-font-size: 					18px;
    +@widget-heading-font-weight: 				300;
    +@widget-horizontal-padding: 				20px;
    +@widget-horizontal-padding-small: 	15px;
    +@widget-margin-bottom: 							@panel-margin-bottom;
    +
    +//Buttons
    +@btn-padding-vertical: 						0;
    +@btn-padding-horizontal: 					10px;
    +@btn-font-size-base: 				 			13px;
    +@btn-line-height-base: 			 			28px;
    +@btn-border-radius-base: 			 		2px;
    +@btn-box-shadow-base: 						0 1px 0 rgba(0, 0, 0, .05);
    +
    +//Sizes
    +@btn-xs-font-size: 							 	@btn-font-size-base - 2px;
    +@btn-xs-padding-horizontal: 			6px;
    +@btn-xs-line-height: 				 			18px;
    +@btn-xs-border-radius: 				 		1px;
    +
    +@btn-sm-font-size: 							 	@btn-font-size-base;
    +@btn-sm-padding-horizontal: 			8px;
    +@btn-sm-line-height: 				 			22px;
    +@btn-sm-border-radius: 				 		2px;
    +
    +@btn-lg-font-size: 							 	@btn-font-size-base + 2px;
    +@btn-lg-padding-horizontal: 			12px;
    +@btn-lg-line-height: 				 			38px;
    +@btn-lg-border-radius: 				 		3px;
    +
    +@btn-xl-font-size: 							 	@btn-font-size-base + 2px;
    +@btn-xl-padding-horizontal: 			12px;
    +@btn-xl-line-height: 				 			43px;
    +@btn-xl-border-radius: 				 		3px;
    +
    +@btn-font-weight:                	@font-weight-bold;
    +@btn-icon-margin:								 	1px;	
    +
    +@btn-default-color:             	@text-color;
    +@btn-default-bg:                	#fff;
    +@btn-default-border:             	#dedede;
    +
    +@btn-primary-color:             	#fff;
    +@btn-primary-bg:                 	#4285f4;
    +@btn-primary-border:             	darken(@btn-primary-bg, 5%);
    +
    +@btn-success-color:              	#fff;
    +@btn-success-bg:                	#34a853;
    +@btn-success-border:             	darken(@btn-success-bg, 5%);
    +
    +@btn-info-color:                 	#fff;
    +@btn-info-bg:                    	@info-color-text;
    +@btn-info-border:                	darken(@btn-info-bg, 5%);
    +
    +@btn-warning-color:              	#fff;
    +@btn-warning-bg:                 	#fbbc05;
    +@btn-warning-border:             	darken(@btn-warning-bg, 5%);
    +
    +@btn-danger-color:               	#fff;
    +@btn-danger-bg:                  	#ea4335;
    +@btn-danger-border:              	darken(@btn-danger-bg, 5%);
    +
    +@btn-link-disabled-color:        	@gray-light;
    +
    +//== Alerts
    +@alert-icon-width: 			60px;
    +
    +//
    +//## Define alert colors, border radius, and padding.
    +@alert-success-bg:            @success-color;
    +@alert-success-border:        @success-color;
    +
    +@alert-warning-bg:            @warning-color;
    +@alert-warning-border:        @warning-color;
    +
    +@alert-danger-bg:             @danger-color;
    +@alert-danger-border:         @danger-color;
    +
    +
    +//== Tables
    +
    +//** Padding for ``s and ``s.
    +@table-cell-padding:            12px 10px;
    +//** Padding for cells in `.table-condensed`.
    +@table-condensed-cell-padding:  7px;
    +//** Background color used for `.table-striped`.
    +@table-bg-accent:               #f5f5f5;
    +//** background color used for '.table-hover'
    +@table-bg-hover:                #f0f0f0;
    +
    +//Breadcrumbs
    +@breadcrumb-color: 								darken(@light-color, 46%);
    +@breadcrumb-active-color: 				darken(@breadcrumb-color, 30%);
    +@breadcrumb-bg:  									darken(@light-color, 4%);
    +@breadcrumb-padding-vertical:  		7px;		
    +@breadcrumb-padding-horizontal:   20px;
    +
    +//== Labels
    +//
    +//##
    +
    +//** Default label background color
    +@label-default-bg:            @light-color;
    +//** Primary label background color
    +@label-primary-bg:            @primary-color-text;
    +//** Success label background color
    +@label-success-bg:            @success-color-text;
    +//** Warning label background color
    +@label-warning-bg:            @warning-color-text;
    +//** Danger label background color
    +@label-danger-bg:             @danger-color-text;
    +
    +//** Default label text color
    +@label-color:                	@light-color;
    +//** Default text color of a linked label
    +@label-link-hover-color:      darken(@primary-color, 10%);
    +
    +//== Badges
    +@badge-color:                 @text-color;
    +
    +//** Linked badge text color on hover
    +@badge-link-hover-color:      #fff;
    +@badge-bg:                    @light-color;
    +@badge-font-weight:           400;
    +
    +//== Pagination
    +//
    +//##
    +
    +@pagination-color:          	@body-color;
    +
    +//== Code
    +//
    +//##
    +
    +@code-color:                  #4285F4;
    +@code-bg:                     #fafafa;
    +
    +@kbd-color:                   #fff;
    +@kbd-bg:                      #333;
    +
    +@pre-bg:                      #fafafa;
    +@pre-color:                   darken(@gray-light, 6.8%);
    +@pre-border-color:            #ccc;
    +@pre-scrollable-max-height:   340px;
    +
    +//Progress bars
    +@progress-bar-height: 				22px;	
    +
    +//Status color
    +@status-online: 							#00b777;
    +@status-offline: 							#e65a5a;
    +@status-away: 								#f2c329;
    +
    +//Dividers
    +@divider-border: 							1px solid darken(@light-color, 5%);
    +@divider-margin: 							10px;
    +@divider-lg-margin: 					15px;
    +@divider-xl-margin: 					20px;
    +
    +//Loader
    +@loader-background: 					rgba(255, 255, 255, 0.7);
    +
    +//Pricing Tables
    +@pricing-tables-margin: 						30px 0 20px;
    +@pricing-table-border-radius: 			@panel-border-radius;
    +@pricing-table-horizontal-space: 		10px;
    +@pricing-table-padding: 						35px 20px;
    +@pricing-table-margin: 							0 0 20px;
    +@pricing-table-value-size: 					35px;
    +@pricing-table-price-line-height: 	40px;
    +@pricing-table-frecuency-size: 			20px;
    +@pricing-table-fatures-line-height: 33px;
    +@pricing-table-button-height: 			36px;
    +@pricing-table-button-min-width: 		120px;
    +
    +//==Pages
    +
    +//Splash screen (login, sign up, forgot passwrd)
    +@splash-screen-bg: 						#eee;
    +
    +//Login page
    +@login-width: 								401px;
    +@login-margin-top: 						50px;
    +
    +//Sign up page
    +@sign-up-width: 							433px;
    +@sign-up-margin-top: 					10px;
    +
    +//Email pages
    +@email-page-favorite-color: 	#FFC600;
    +
    +//Charts
    +@chart-legend-color-size: 		10px;
    +@chart-legend-padding: 				6px;
    +@chart-pie-counter-size: 			50px;
    +
    +//Timeline
    +@timeline-max-width: 					840px;
    +@timeline-left-padding: 			210px;
    +@timeline-vbar-position: 			@timeline-left-padding - 40px;// From timeline-item element to left
    +@timeline-margin-helper:			10px; //Helper to thumbnails whitout damage timeline content size
    +@timeline-avatar-size: 				35px;
    +@timeline-content-min-height: 85px;
    +@timeline-header-line-height: 21px;
    +@timeline-header-padding-top: (@timeline-avatar-size - @timeline-header-line-height) / 2;
    +@timeline-content-vpadding: 	25px;
    +@timeline-date-width: 				@timeline-vbar-position - 25px;
    +@timeline-date-position: 			ceil(@timeline-content-vpadding + @timeline-header-padding-top) + 2px;
    +@timeline-tail-size: 					10px;
    +@timeline-tail-position:			ceil(@timeline-content-min-height - @timeline-tail-size) / 2;
    +@timeline-bubble-size:				16px;
    +@timeline-bubble-position:		ceil(@timeline-content-min-height - @timeline-bubble-size) / 2;
    +@timeline-icon-size:					44px;
    +@timeline-icon-border-width:	2px;
    +@timeline-icon-position:			floor((@timeline-content-min-height - @timeline-icon-size) / 2);
    +
    +//Invoice
    +@invoice-page-padding:									100px 100px 70px;
    +@invoice-tablet-padding:								50px 50px 35px;
    +@invoice-small-phone-padding:						35px 25px 15px;
    +@invoice-logo-height:										@logo-height * 2;
    +@invoice-logo-width:										@logo-width * 2;
    +@invoice-logo-small-height:							@logo-height;
    +@invoice-logo-small-width:							@logo-width;
    +@invoice-header-margin:									100px;
    +@invoice-id-font-size:									30px; 
    +@invoice-id-lineheight:									@invoice-id-font-size;
    +@invoice-data-margin:										110px;
    +@invoice-person-font-size:								18px;
    +@invoice-person-lineheight:							26px;
    +@invoice-direction-height:							130px;
    +@invoice-direction-bubble-size:					80px;
    +@invoice-details-font-size:							16px;
    +@invoice-payment-font-size:							18px;
    +@invoice-payment-lineheight:						26px;
    +@invoice-payment-margin:								75px;
    +@invoice-message-font-size:							16px;
    +@invoice-message-lineheight:						26px;
    +@invoice-message-margin:								62px;
    +@invoice-company-info-margin:						70px;
    +@invoice-footer-button-font-size:				14px;
    +
    +
    +
    +//Widgets
    +
    +//User profile display widget
    +@user-profile-widget-avatar-size: 	110px;
    +
    +//User progress widget
    +@user-progress-height: 							10px;
    +
    +//==Plugins
    +
    +//Nifty Modals
    +@modal-prefix: 								modal;
    +@modal-zindex: 								@zindex-modal;
    +
    +//Gritter Notifications
    +@notification-width: 					360px;
    +@notification-top-position: 	82px;
    +
    +//Select2
    +@select2-border-width: 				1px;
    +
    +//Parsley
    +@parsley-error-bg: 						@danger-color-text;
    +
    +//Vector Maps
    +@vector-map-zoom-button-size: 30px;
    +@vector-map-zoom-font-size: 	22px;
    +@vector-map-zoom-line-height: 24px;
    +
    +//Social colors
    +@facebook: 			#5d82d1;
    +@twitter: 			#50bff5;
    +@google-plus: 	#eb5e4c;
    +@dribbble: 			#f7659c;
    +@youtube: 			#ef4e41;
    +@flickr: 				#0063dc;
    +@linkedin: 			#238cc8;
    +@pinterest: 		#e13138;
    +@github: 				#333;
    +@tumblr: 				#426d9b;
    +@evernote: 			#2DBE60;
    +@dropbox: 			#007EE5;
    +
    +//Responsive Variables
    +@desktop: 				~"(min-width: @{screen-lg})";
    +@laptop: 					~"(min-width: @{screen-md}) and (max-width: @{screen-md-max})";
    +@tablet: 					~"(min-width: @{screen-sm}) and (max-width: @{screen-sm-max})";
    +@phone: 					~"(max-width: @{screen-xs-max})";
    +@small-phone: 		~"(max-width: @{screen-xs})";
    +
    +//Non responsive devices
    +@non-responsive: 	~"(min-width: @{screen-sm})";
    +
    +//Retina Display
    +@retina: 					~"(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
    +@high-dpi: 				~"only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi)";
    +
    +//Google Chrome Query
    +@webkit: 					~"screen and (-webkit-min-device-pixel-ratio:0)";
    +
    +//IE8 Media Query
    +@ie8: 						~"\0screen";
    +
    +//IE9 & IE10 Media Query
    +@ie910: 					~"screen and (min-width:0\0)";
    +
    +//IE 10+ Media Query
    +@ie10: 						~"all and (-ms-high-contrast: none), (-ms-high-contrast: active)";
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/charts.less b/public/assets/css/includes/elements/charts.less
    new file mode 100644
    index 0000000..2c317d4
    --- /dev/null
    +++ b/public/assets/css/includes/elements/charts.less
    @@ -0,0 +1,73 @@
    +/*------------------------------------------------------------------
    +  [Charts]
    +*/
    +
    +//Chart legend for widgets (table)
    +.chart-legend{
    +
    +	table{
    +		width: 100%;
    +
    +		tr{
    +			
    +			td{
    +				padding: @chart-legend-padding 0;
    +				vertical-align: middle;
    +			}
    +		}
    +	}
    +}
    +
    +//Chart legend color cell
    +.chart-legend-color{
    +	
    +	> span{
    +		display: block;
    +		background-color: hsl(0, 0%, 95%);
    +		height: @chart-legend-color-size;
    +		width: @chart-legend-color-size;
    +	}
    +}
    +
    +//Chart legend value cell
    +.chart-legend-value{
    +	text-align: right;
    +}
    +
    +//Chart legend horizontal (list)
    +.chart-legend-horizontal{
    +	margin: 0;
    +	padding: 0;
    +	list-style: none;
    +	line-height: 14px;
    +
    +	> li{
    +		display: inline-block;
    +
    +		& + li{
    +			margin-left: 14px;
    +		}
    +
    +		> span{
    +			display: inline-block;
    +			height: 10px;
    +			width: 10px;
    +			border-radius: 50%;
    +			background-color: hsl(0, 0%, 95%);
    +			margin-right: 2px;
    +		}
    +	}
    +}
    +
    +//Chart pie counter
    +.chart-pie-counter{
    +	diplay: block;
    +	position: absolute;
    +	top: 50%;
    +	width: 100%;
    +	text-align: center;
    +	line-height: @chart-pie-counter-size;
    +	margin-top: -(@chart-pie-counter-size / 2);
    +	font-size: @chart-pie-counter-size;
    +	font-weight: @font-weight-light;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/code.less b/public/assets/css/includes/elements/code.less
    new file mode 100644
    index 0000000..2607685
    --- /dev/null
    +++ b/public/assets/css/includes/elements/code.less
    @@ -0,0 +1,121 @@
    +/*------------------------------------------------------------------
    +  [Code]
    +*/
    +/* Pretty printing styles. Used with prettify.js. */
    +
    +.prettyprint {
    +  font-size: 12px;
    +  line-height: 1.5;
    +}
    +
    +
    +/* Light Theme*/
    +pre{
    +  color: #555555;
    +
    +  .pln {
    +    color: #777777;
    +  }
    +  .str {
    +    color: #DD1144;
    +  }
    +  .kwd {
    +    color: #445588;
    +  }
    +  .com {
    +    color: #b8b6b1;
    +  }
    +  .typ {
    +    color: #008080;
    +  }
    +  .lit {
    +    color: #DD1144;
    +  }
    +  .pun,
    +  .opn,
    +  .clo {
    +    color: #949494;
    +  }
    +  .tag {
    +    color: #4285F4;
    +  }
    +  .atn {
    +    color: hsl(5, 81%, 66%);
    +  }
    +  .atv {
    +    color: hsl(231, 73%, 66%);
    +  }
    +  .dec,
    +  .var {
    +    color: #DD1144;
    +  }
    +  .fun {
    +    color: #445588;
    +  }
    +}
    +
    +
    +/*Dark Theme*/
    +pre.be-code-dark {
    +  background-color: #4d4342;
    +  color: #FFFFFF;
    +
    +  .pln {
    +    color: #ffffff;
    +  }
    +  .str {
    +    color: #b5db99;
    +  }
    +  .kwd {
    +    color: #e9c865;
    +  }
    +  .com {
    +    color: #c3b8b7;
    +  }
    +  .typ {
    +    color: #FF9787;
    +  }
    +  .lit {
    +    color: #b5db99;
    +  }
    +  .pun,
    +  .opn,
    +  .clo {
    +    color: #ffffff;
    +  }
    +  .tag {
    +    color: #e9c865;
    +  }
    +  .atn {
    +    color: #FF9787;
    +  }
    +  .atv {
    +    color: #b5db99;
    +  }
    +  .dec,
    +  .var {
    +    color: #b5db99;
    +  }
    +  .fun {
    +    color: #e9c865;
    +  }
    +}
    +
    +
    +/* Specify class=linenums on a pre to get line numbering */
    +ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
    +li.L0,
    +li.L1,
    +li.L2,
    +li.L3,
    +li.L5,
    +li.L6,
    +li.L7,
    +li.L8 { list-style-type: none }
    +
    +/* Alternate shading for lines */
    +li.L1,
    +li.L3,
    +li.L5,
    +li.L7,
    +li.L9 { background: #eee }
    diff --git a/public/assets/css/includes/elements/color-swatch.less b/public/assets/css/includes/elements/color-swatch.less
    new file mode 100644
    index 0000000..9c4cc9e
    --- /dev/null
    +++ b/public/assets/css/includes/elements/color-swatch.less
    @@ -0,0 +1,30 @@
    +/*------------------------------------------------------------------
    +  [Color swatch]
    +*/
    +.color-swatch{
    +	margin-top: 20px;
    +	display: inline-block;
    +	min-width: 230px;
    +  overflow: hidden;
    +  border-radius: 3px;
    +
    +  .colors{
    +		margin: 0;
    +
    +  	> div{
    +  		min-height: 90px;
    +  	}
    +  }
    +
    +  .desc{
    +		margin: 0;
    +
    +  	> div{
    +  		text-align: center;
    +  		background-color: @light-color;
    +  		line-height: 50px;
    +  		font-weight: 600;
    +  		color: lighten(@text-color, 7.5%);
    +  	}
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/colors.less b/public/assets/css/includes/elements/colors.less
    new file mode 100644
    index 0000000..0a4229e
    --- /dev/null
    +++ b/public/assets/css/includes/elements/colors.less
    @@ -0,0 +1,8 @@
    +/*------------------------------------------------------------------
    +  [Colors]
    +*/
    +.clr-primary{				background-color: @primary-color; }
    +.clr-success{				background-color: @success-color; }
    +.clr-warning{				background-color: @warning-color; }
    +.clr-danger{				background-color: @danger-color; }
    +.clr-grey{					background-color: @grey-color; }
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/divider.less b/public/assets/css/includes/elements/divider.less
    new file mode 100644
    index 0000000..495d87c
    --- /dev/null
    +++ b/public/assets/css/includes/elements/divider.less
    @@ -0,0 +1,15 @@
    +/*------------------------------------------------------------------
    +  [Dividers inside panels]
    +*/
    +.panel-divider{
    +	margin: @divider-margin 0;
    +	border-top: @divider-border;
    +
    +	&-lg{
    +		margin: @divider-lg-margin 0;
    +	}
    +
    +	&-xl{
    +		margin: @divider-xl-margin 0;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/grid.less b/public/assets/css/includes/elements/grid.less
    new file mode 100644
    index 0000000..3ecab6d
    --- /dev/null
    +++ b/public/assets/css/includes/elements/grid.less
    @@ -0,0 +1,52 @@
    +/*------------------------------------------------------------------
    +  [Grid]
    +*/
    +.bs-grid-block{
    +	border: 2px dashed darken(@body-background, 16.8%);
    +	font-weight: 300;
    +	font-size: 20px;
    +	color: lighten(@dark-color, 26%);
    +	display: table;
    +	table-layout: fixed;
    +	width: 100%;
    +	margin-bottom: 40px;
    +
    +	.content{
    +		display: table-cell;
    +		height: 177px;
    +		text-align: center;
    +		vertical-align: middle;
    +
    +		.size{
    +			display: block;
    +		}
    +
    +		.device{
    +			line-height: 0;
    +
    +			&:after{
    +				font-size: 15px;
    +
    +				@media @desktop{
    +					content: 'Desktop';
    +					color: @primary-color;
    +				}
    +
    +				@media @laptop{
    +					content: 'Laptop';
    +					color: @primary-color;
    +				}
    +
    +				@media @tablet{
    +					content: 'Tablet';
    +					color: @success-color;
    +				}
    +
    +				@media @phone{
    +					content: 'Phone';
    +					color: @success-color;
    +				}
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/icons.less b/public/assets/css/includes/elements/icons.less
    new file mode 100644
    index 0000000..1cf3784
    --- /dev/null
    +++ b/public/assets/css/includes/elements/icons.less
    @@ -0,0 +1,80 @@
    +/*------------------------------------------------------------------
    +  [Icons]
    +*/
    +.icon-container{
    +	background-color: @light-color;
    +	padding: 20px;
    +	cursor: default;
    +
    +	.icon{
    +		transition: background-color 300ms ease-in-out;
    +		background-color: darken(@light-color, 4%);
    +		border-radius: 50%;
    +		display: inline-block;
    +		height: 50px;
    +		width: 50px;
    +		margin-right:8px;
    +		padding: 12px;
    +		padding: 13px;
    +		text-align: center;
    +		vertical-align: middle;
    +
    +		span{
    +			transition: color 300ms ease-in-out;
    +			font-size: 25px;
    +			color: lighten(@dark-color, 17%);
    +		}
    +
    +		&:hover{
    +			background-color: @primary-color;
    +
    +			span{
    +				color: @light-color;
    +			}
    +		}
    +	}
    +
    +	.icon-class{
    +		transition: color 300ms ease-in-out;
    +		font-size: 18px;
    +		font-weight: 300;
    +		vertical-align: middle;
    +		color: lighten(@dark-color, 17%);
    +	}
    +
    +	&:hover{
    +
    +		.icon{
    +			background-color: @primary-color;
    +
    +			span{
    +				color: @light-color;
    +			}
    +		}
    +
    +		.icon-class{
    +			color: @primary-color;
    +		}
    +	}
    +}
    +
    +//Filter icons
    +.be-icons-list{
    +
    +	&.hide-icons{
    +	
    +		.icon-category{
    +
    +			.row{
    +
    +				> div{
    +					display: none;
    +
    +					&.icon-visible{
    +						display: block;
    +					}
    +				}
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/invoice.less b/public/assets/css/includes/elements/invoice.less
    new file mode 100644
    index 0000000..1c553c1
    --- /dev/null
    +++ b/public/assets/css/includes/elements/invoice.less
    @@ -0,0 +1,331 @@
    +/*------------------------------------------------------------------
    +  [Invoice]
    +*/
    +
    +.invoice {
    +	background-color: @light-color;
    +	padding: @invoice-page-padding;
    +	color: darken(@light-color, 45%);
    +
    +	@media @tablet, @phone {
    +		padding: @invoice-tablet-padding;
    +	}
    +
    +	@media @small-phone {
    +		padding: @invoice-small-phone-padding;
    +	}
    +}
    +
    +.invoice-header {
    +	margin-bottom: @invoice-header-margin;
    +	
    +	@media @tablet, @phone {
    +		margin-bottom: @invoice-header-margin / 2;
    +	}
    +
    +	@media @small-phone {
    +		> div {
    +			float: none;
    +			width: 100%;
    +		}
    +	}
    +}
    +
    +.invoice-logo {
    +	height: @invoice-logo-height;
    +	min-width: @invoice-logo-width;
    +	background-image: url("@{img-path}/logo-xx.png");
    +	background-repeat: no-repeat;
    +	background-position: 0 ;
    +
    +	@media @tablet, @phone {
    +		height: @invoice-logo-small-height;
    +		width: @invoice-logo-small-width;
    +		background-image: url("@{img-path}/logo.png");
    +	}	
    +
    +	@media @small-phone {
    +		margin: 0 auto 20px;
    +		float: none;
    +		min-width: auto;
    +	}
    +}
    +
    +.invoice-order {
    +	text-align: right;
    +
    +	@media @small-phone{
    +		text-align: center;
    +	}
    +}
    +
    +.invoice-id {
    +	display: block;
    +	font-size: @invoice-id-font-size;
    +	line-height: @invoice-id-lineheight;
    +
    +	@media @tablet, @phone{
    +		font-size: @invoice-id-font-size / 2;
    +		line-height: @invoice-id-lineheight - 12;
    +	}
    +}
    +
    +.incoice-date {
    +	display: block;
    +	font-size: 18px;
    +
    +	@media @tablet, @phone {
    +		font-size: @font-size-base;
    +	}
    +}
    +
    +.invoice-data {
    +	margin-bottom: @invoice-data-margin;
    +
    +	@media @tablet, @phone {
    +		margin-bottom: @invoice-data-margin / 2;
    +	}
    +
    +	@media @small-phone {
    +		> div {
    +			float: none;
    +			width: 100%;
    +		}
    +	}
    +}
    +
    +.invoice-person {
    +
    +	@media @small-phone {
    +		text-align: center;
    +	}
    +
    +	span {
    +		font-size: @invoice-person-font-size;
    +		line-height: @invoice-person-lineheight;
    +		display: block;
    +
    +		@media @tablet, @phone {
    +			font-size: @invoice-person-font-size - 5;
    +			line-height: @invoice-person-lineheight - 6;
    +		}
    +	}
    +
    +	.name {
    +		font-weight: @font-weight-medium;
    +	}
    +
    +	&:last-child {
    +		text-align: right;
    +
    +		@media @small-phone {
    +			text-align: center;
    +		}
    +	}
    +}
    +
    +.invoice-payment-direction {
    +	text-align: center;
    +	position: relative;
    +	padding-top: 20px;
    +
    +	@media @small-phone {
    +		padding: 20px;
    +	}
    +
    +	.icon {
    +		width: @invoice-direction-bubble-size;
    +		height: @invoice-direction-bubble-size; 
    +		border-radius: 50%;
    +		background-color: darken(@light-color, 3%);
    +		font-size: 50px;
    +		color: darken(@light-color, 24%);
    +		line-height: 80px;
    +
    +		@media @tablet, @phone {
    +			width: @invoice-direction-bubble-size / 2;
    +			height: @invoice-direction-bubble-size / 2; 
    +			line-height: 40px;
    +			font-size: 25px;
    +		}
    +
    +		@media @small-phone {
    +			transform: rotate(90deg);
    +		}
    +	}
    +}
    +
    +.invoice-details {
    +	width: 100%;
    +	font-size: @invoice-details-font-size;
    +
    +	@media @tablet, @phone {
    +			font-size: @invoice-details-font-size - 5;
    +	}
    +
    +	tr > td {
    +		padding: 20px 0;
    +
    +		@media @tablet, @phone {
    +			padding: 15px 0;
    +		}
    +	}
    +
    +	th {
    +		text-align: right;
    +		padding-bottom: 8px;
    +		border-bottom: 1px solid darken(@light-color, 6%);
    +
    +		&:first-child {
    +			text-align: left;
    +		}
    +	}
    +
    +	td {
    +
    +		&.description,
    +		&.hours,
    +		&.amount,
    +		&.summary {
    +			border-bottom: 1px solid darken(@light-color, 6%);
    +		}
    +
    +		&.description {
    +			
    +		}
    +
    +		&.hours {
    +			text-align: right;
    +		}
    +
    +		&.amount {
    +			text-align: right;
    +		}
    +
    +		&.summary {
    +			color: darken(@light-color, 23%);
    +		}
    +
    +		&.total {
    +			color: darken(@light-color, 45%);
    +			font-weight: @font-weight-medium;
    +		}
    +
    +		&.total-value {
    +			font-size: 22px;
    +			color: @primary-color;
    +
    +			@media @tablet, @phone {
    +				font-size: @invoice-details-font-size - 5;
    +			}
    +		}
    +	}
    +}
    +
    +.invoice-payment-method {
    +	margin-bottom: @invoice-payment-margin;
    +
    +	@media @tablet, @phone {
    +		margin-bottom: floor(@invoice-payment-margin / 2);
    +	}
    +
    +	span {
    +		font-size: @invoice-payment-font-size;
    +		line-height: @invoice-payment-lineheight;
    +		display: block;
    +
    +		@media @tablet, @phone {
    +			font-size: @invoice-payment-font-size - 5;
    +			line-height: @invoice-payment-lineheight - 6;
    +		}
    +	}
    +
    +	.title {
    +		font-weight: @font-weight-medium;
    +	}
    +}
    +
    +.invoice-message {
    +	font-size: @invoice-message-font-size;
    +	margin-bottom: @invoice-message-margin;
    +
    +	@media @tablet, @phone {
    +		font-size: @font-size-base;
    +	}
    +
    +	@media @small-phone {
    +		margin-bottom: @invoice-message-margin / 2;
    +	}
    +	
    +	.title {
    +		font-weight: @font-weight-medium;
    +		text-transform: uppercase;
    +		display: block;
    +		margin-bottom: 12px;
    +	}
    +
    +	p {
    +		line-height: @invoice-message-lineheight;
    +
    +		@media @tablet, @phone {
    +			line-height: @invoice-message-lineheight - 6;
    +		}
    +	}
    +}
    +
    +.invoice-company-info {
    +	margin-bottom: @invoice-company-info-margin;
    +
    +	@media @phone, @small-phone {
    +		margin-bottom: @invoice-company-info-margin / 2;
    +	}
    +
    +	> div {
    +		border-left: 1px solid darken(@light-color, 6%);
    +		padding: 8px 40px;
    +
    +		@media @phone, @small-phone {
    +			border: none;
    +			padding: 8px 15px;
    +		}
    +
    +		&:first-child {
    +			border-left: none;
    +		}
    +	}
    +
    +	.summary {
    +		padding: 0 40px 0;
    +		line-height: 16px;
    +
    +		@media @phone, @small-phone {
    +			padding: 8px 15px;
    +		}
    +
    +		.title {
    +			color: darken(@light-color, 45%);
    +			font-size: 14px;
    +			line-height: 21px;
    +			font-weight: @font-weight-medium;
    +		}
    +
    +		p {
    +			line-height: 16px;
    +		}
    +	}
    +
    +	@media @tablet {
    +		.phone {
    +			border-left-width: 0;
    +		}
    +	}
    +}
    +
    +.invoice-footer {
    +	text-align: center;
    +
    +	.btn {
    +		min-width: 96px;
    +		font-size: @invoice-footer-button-font-size;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/loader.less b/public/assets/css/includes/elements/loader.less
    new file mode 100644
    index 0000000..d231615
    --- /dev/null
    +++ b/public/assets/css/includes/elements/loader.less
    @@ -0,0 +1,87 @@
    +/*------------------------------------------------------------------
    +  Loader
    +*/
    +.be-loading{
    +	position: relative;
    +
    +	&:after{
    +    position: absolute;
    +    display: block;
    +    visibility: hidden;
    +    opacity: 0;
    +    content: "";
    +    top: 0;
    +    left: 0;
    +    height: 100%;
    +    width: 100%;
    +    background: @loader-background;
    +    transition: all .2s ease;
    +    z-index: 2;
    +  }
    +
    +  .be-spinner{
    +    display: none;
    +  }
    +
    +  &-active{
    +
    +    &:after{
    +      visibility: visible;
    +      opacity: 1;
    +    }
    +
    +    .be-spinner{
    +      display: block;
    +    }
    +  }
    +}
    +
    +.be-spinner{
    +
    +  .be-loading &{
    +    position: absolute;
    +    top: 50%;
    +    right: 50%;
    +    margin-top: -20px;
    +    margin-right: -20px;
    +    z-index: 3;
    +  }
    +
    +	svg{
    +  	animation: be-spinner-rotation 1.4s linear infinite;
    +  	stroke: @primary-color;
    +
    +    .circle{
    +		  stroke-dasharray: 187;
    +		  stroke-dashoffset: 0;
    +		  transform-origin: center;
    +		  animation: be-spinner-turn 1.4s ease-in-out infinite;
    +		}
    +	}
    +}
    +
    +@keyframes be-spinner-rotation{
    +  0% {
    +    transform: rotate(0deg);
    +  }
    +
    +  100% {
    +    transform: rotate(270deg);
    +  }
    +}
    +
    +@keyframes be-spinner-turn{
    +  0% {
    +    stroke-dashoffset: 187;
    +  }
    +
    +  50% {
    +    stroke-dashoffset: 46.75;
    +    transform: rotate(135deg);
    +  }
    +
    +  100% {
    +    stroke-dashoffset: 187;
    +    transform: rotate(450deg);
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/pricing-tables.less b/public/assets/css/includes/elements/pricing-tables.less
    new file mode 100644
    index 0000000..e98b4bc
    --- /dev/null
    +++ b/public/assets/css/includes/elements/pricing-tables.less
    @@ -0,0 +1,188 @@
    +/*------------------------------------------------------------------
    +  [Pricing tables]
    +*/
    +
    +//Pricing tables container
    +.pricing-tables{
    +	margin: @pricing-tables-margin;
    +
    +	> div{
    +		padding-left: @pricing-table-horizontal-space;
    +		padding-right: @pricing-table-horizontal-space;
    +	}
    +}
    +
    +//Individual element
    +.pricing-table{
    +	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.04);
    +	border-radius: @pricing-table-border-radius;
    +	border-top: 3px solid darken(@light-color, 21%);
    +	padding: @pricing-table-padding;
    +	background: @light-color;
    +	text-align: center;
    +	margin: @pricing-table-margin;
    +
    +	&-image{
    +		margin-bottom: 15px;
    +
    +		svg{
    +
    +			path{
    +				fill: darken(@light-color, 35%);
    +			}
    +		}
    +	}
    +
    +	&-title{
    +		.font-size-large(5px);
    +		font-weight: @font-weight-light;
    +	}
    +
    +	&-price{
    +		padding: 5px 0 20px;
    +
    +		.currency{
    +			vertical-align: top;
    +		}
    +
    +		.value{
    +			font-size: @pricing-table-value-size;
    +			line-height: @pricing-table-price-line-height;
    +		}
    +
    +		.frecuency{
    +			font-size: @pricing-table-frecuency-size;
    +			font-weight: @font-weight-light;
    +		}
    +	}
    +
    +	&-features{
    +		margin: 0 0 25px;
    +		padding: 0;
    +		list-style: none;
    +
    +		> li{
    +			line-height: 25px;
    +			.font-size(1px);
    +			font-weight: @font-weight-light;
    +			line-height: @pricing-table-fatures-line-height;
    +		}
    +	}
    +
    +	.btn{
    +		line-height: @pricing-table-button-height;
    +		min-width: @pricing-table-button-min-width;
    +	}
    +}
    +
    +//Styles
    +.pricing-table-primary{
    +	border-color: @primary-color;
    +	
    +	.pricing-table-image{
    +		
    +		svg{
    +
    +			path{
    +				fill: @primary-color;
    +			}
    +		}
    +	}
    +
    +	&.pricing-table-color{
    +		background-color: @primary-color-text;
    +		border-color: @primary-color-text;
    +
    +		.panel-divider{
    +			border-top-color: darken(@primary-color-text, 7%);
    +		}
    +	}
    +}
    +
    +.pricing-table-warning{
    +	border-color: @warning-color;
    +	
    +	.pricing-table-image{
    +		
    +		svg{
    +
    +			path{
    +				fill: @warning-color;
    +			}
    +		}
    +	}
    +
    +	&.pricing-table-color{
    +		background-color: @warning-color-text;
    +		border-color: @warning-color-text;
    +
    +		.panel-divider{
    +			border-top-color: darken(@warning-color-text, 7%);
    +		}
    +	}
    +}
    +
    +.pricing-table-success{
    +	border-color: @success-color;
    +	
    +	.pricing-table-image{
    +		
    +		svg{
    +
    +			path{
    +				fill: @success-color;
    +			}
    +		}
    +	}
    +
    +	&.pricing-table-color{
    +		background-color: @success-color-text;
    +		border-color: @success-color-text;
    +
    +		.panel-divider{
    +			border-top-color: darken(@success-color-text, 7%);
    +		}
    +	}
    +}
    +
    +.pricing-table-danger{
    +	border-color: @danger-color;
    +	
    +	.pricing-table-image{
    +		
    +		svg{
    +
    +			path{
    +				fill: @danger-color;
    +			}
    +		}
    +	}
    +
    +	&.pricing-table-color{
    +		background-color: @danger-color-text;
    +		border-color: @danger-color-text;
    +
    +		.panel-divider{
    +			border-top-color: darken(@danger-color-text, 7%);
    +		}
    +	}
    +}
    +
    +//Colored
    +.pricing-table-color{
    +	color: @light-color;
    +
    +	.pricing-table-image{
    +
    +		svg{
    +
    +			path{
    +				fill: @light-color;
    +			}
    +		}
    +	}
    +
    +	.panel-divider{
    +		border-top-color: @light-color;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/timeline.less b/public/assets/css/includes/elements/timeline.less
    new file mode 100644
    index 0000000..d9d2669
    --- /dev/null
    +++ b/public/assets/css/includes/elements/timeline.less
    @@ -0,0 +1,475 @@
    +/*------------------------------------------------------------------
    +  [Timeline]
    +*/
    +
    +.timeline {
    +	margin: 0 auto 40px;
    +	padding: 0;
    +	padding-bottom: 20px;
    +	max-width: @timeline-max-width;
    +	position: relative;
    +
    +	@media @phone {
    +   padding: 0;
    +	}
    +
    +	&:before {
    +		content: '';
    +    position: absolute;
    +    top: 40px;
    +    bottom: 0;
    +    width: 2px;
    +    background: darken(@light-color, 14%);
    +    left: @timeline-vbar-position;
    +    margin-left: -1px;
    +
    +    @media @phone {
    +    	left: 50%;
    +    	margin-left: -1px;
    +    	top: -35px;
    +    }
    +	}
    +}
    +
    +.timeline-item {
    +	position: relative;
    +	padding-left: @timeline-left-padding;
    +	list-style: none;
    +	margin-bottom: 30px;
    +
    +	@media @phone {
    +		padding-left: 0;
    +		margin-top: 60px;
    +		margin-bottom: 0;
    +	}
    +
    +	&:before {
    +		content: '';
    +		position: absolute;
    +		top: @timeline-bubble-position;
    +		left: 162px;
    +		border: 2px solid @grey-color;
    +		width: @timeline-bubble-size;
    +		height: @timeline-bubble-size;
    +		background-color: darken(@light-color, 7%);
    +		border-radius: 50px;
    +
    +		@media @phone {
    +			display: none;
    +		}
    +	}
    +
    +	&:nth-child(4n+1) {
    +		&:before {
    +			border-color: @primary-color;
    +		}
    +	}		
    +
    +	&:nth-child(4n+2) {
    +		&:before {
    +			border-color: @warning-color;
    +		}
    +	}
    +
    +	&:nth-child(4n+3) {
    +		&:before {
    +			border-color: @success-color;
    +		}
    +	}
    +
    +	&:nth-child(4n+4) {
    +		&:before {	
    +			border-color: @danger-color;
    +		}
    +	}
    +
    +	// Styles for timeline variant
    +	.timeline-variant & {
    +		padding-left: 0;
    +		margin: 30px 0 0;
    +
    +		@media @phone {
    +			margin-top: 60px;
    +		}
    +			
    +		&.right {
    +			right: 0;
    +	    padding-left: ~"calc(50% + 45px)";
    +
    +	    @media @phone {
    +	    	padding: 0;
    +	    }
    +
    +		}
    +
    +		&.left {
    +			left: 0;
    +	    padding-right: ~"calc(50% + 45px)";
    +
    +	    @media @phone {
    +	    	padding: 0;
    +	    } 
    +
    +	    .timeline-content {
    +
    +	    	&:after {
    +	    		right: -5px;
    +	    		left: inherit;
    +	    	}
    +
    +	    	&:before {
    +	    		right: -5px;
    +	    		left: inherit;
    +	    	}
    +	    }
    +
    +	    .timeline-icon {
    +	    	left: initial;
    +	    	right: -(@timeline-icon-size + 23px);
    +
    +	    	@media @phone {
    +					left: 50%;
    +					margin-left: -18px;
    +					top: -48px;
    +				}
    +	    }
    +		}
    +
    +		&:before {
    +			display: none;
    +		}
    +	}
    +}
    +
    +.timeline-date {
    +	position: absolute;
    +	display: block;
    +	left: 0;
    +	top: @timeline-date-position;
    +	width: @timeline-date-width;
    +	text-align: right;
    +	white-space: nowrap;
    +  overflow: hidden;
    +  text-overflow: ellipsis;
    +
    +	@media @phone {
    +    width: 100%;
    +    left: 0;
    +    top: -40px;
    +    text-align: center;
    +
    +    span {
    +    	background-color: darken(@light-color, 12%);
    +    	padding: 5px 8px;
    +    	border-radius: 4px;
    +    	line-height: 25px;
    +    }
    +	}
    +}
    +
    +.timeline-content {
    +	position: relative;
    +	background-color: @light-color;
    +	padding: 25px 30px 25px 28px;
    +	border-radius: 3px;
    +	box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
    +	min-height: @timeline-content-min-height;
    +
    +	.timeline-item-gallery & {
    +		padding-bottom: @timeline-content-vpadding - @timeline-margin-helper;
    +	}
    +
    +	@media @small-phone {
    +		padding: 15px 18px;
    +	}
    +
    +	&:after {
    +    content: "";
    +    position: absolute;
    +    width: @timeline-tail-size;
    +    height: @timeline-tail-size;
    +    background-color: transparent;
    +    transform: rotate(45deg);
    +    top: @timeline-tail-position;
    +    left: -(@timeline-tail-size / 2);
    +    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.07);
    +    z-index: -1;
    +
    +    @media @phone {
    +    	display: none
    +    }
    +	}
    +
    +	&:before {
    +    content: "";
    +    position: absolute;
    +    width: @timeline-tail-size;
    +    height: @timeline-tail-size;
    +    background-color: #fff;
    +    transform: rotate(45deg);
    +    top: @timeline-tail-position;
    +    left: -(@timeline-tail-size / 2);
    +
    +    @media @phone {
    +    	display: none
    +    }
    +	}
    +}
    +
    +.timeline-avatar {
    +	width: @timeline-avatar-size;
    +	height: @timeline-avatar-size;
    +	display: block;
    +  border-radius: 50px;
    +  overflow: hidden;
    +  vertical-align: middle;
    +  float: left;
    +
    +  img {
    +		width: 100%;
    +		height: 100%;
    +	}
    +}
    +
    +.timeline-header {
    +	display: block;
    +	padding: @timeline-header-padding-top 0 0 46px;
    +
    +	@media @phone {
    +		padding-top: 0;
    +	}
    +
    +	// Styles for timeline variant
    +	.timeline-variant & {
    +		padding-top: 0;
    +		line-height: @timeline-header-line-height - 5px;
    +	}
    +}
    +
    +.timeline-autor {
    +	display: inline-block;
    +	font-weight: @font-weight-bold;
    +}
    +
    +.timeline-activity {
    +	display: inline-block;
    +	margin: 0;
    +
    +	// Styles for timeline variant
    +	.timeline-variant & {
    +		display: inline;
    +		line-height: @timeline-header-line-height - 5px;
    +	}
    +}
    +
    +.timeline-time {
    +	float: right;
    +	color: darken(@light-color, 33%);
    +
    +	// Custom styles for timeline variant
    +	.timeline-variant & {
    +		float: none;
    +		display: block;
    +		line-height: @timeline-header-line-height;
    +	}
    +}
    +
    +.timeline-summary {
    +	color: darken(@light-color, 46%);
    +	margin-top: 4px;
    +
    +	p {
    +		margin-bottom: 0;
    +	}
    +
    +	// Styles for timeline variant
    +	.timeline-variant & {
    +		margin-top: 20px;
    +		
    +		p {
    +			line-height: 16px;
    +		}
    +	}
    +}
    +
    +// Timeline gallery item component
    +.timeline-gallery {
    +	margin-top: 12px; 
    +
    +	// Styles for timeline variant
    +	.timeline-variant & {
    +		margin-top: 20px;
    +	}
    +
    +	.gallery-thumbnail {
    +		display: inline-block;
    +		max-width: 100px;
    +		margin-right: 10px;
    +		margin-bottom: @timeline-margin-helper;
    +	}
    +}
    +
    +.timeline-blockquote {
    +	margin: 10px 0 0 5px;
    +	padding: 4px 10px;
    +	border-left: 4px solid darken(@light-color, 12%);
    +	color: darken(@light-color, 46%);
    +
    +	// Styles for timeline variant
    +	.timeline-variant & {
    +		margin-top: 20px;
    +	}
    +
    +	p {
    +		font-size: 13px;
    +	}
    +
    +	footer {
    +		color: darken(@light-color, 46%);
    +	}
    +}
    +
    +/*Load more button*/
    +
    +.timeline-loadmore {
    +
    +	@media @phone {
    +  	text-align: center;
    +  	padding: 0;
    +  	margin-bottom: 40px;
    +  	margin-top: 40px;
    +  }
    +
    +	.load-more-btn {
    +		background-color: darken(@light-color, 14%);
    +		border-radius: 2px;
    +		padding: 5px 9px;
    +		color: darken(@light-color, 74%);
    +		outline: none;
    +		font-size: @font-size-base - 1;
    +		font-weight: @font-weight-medium;
    +		position: absolute;
    +		left: 131px;
    +
    +		@media @phone {
    +			position: relative;
    +			left: 0;
    +		}
    +	}
    +
    +	&:before {
    +		display: none;
    +	}
    +
    +	.timeline-variant & {
    +		text-align: center;
    +		margin-bottom: 40px;
    +
    +		.load-more-btn {
    +			position: relative;
    +			left: initial; 
    +		}
    +	}
    +}
    +
    +/*------------------------------------------------------------------
    +  [Detailed items content like gallery & blockquote]
    +*/
    +.timeline-item-detailed {
    +
    +	.timeline-time {
    +		line-height: @timeline-header-line-height;
    +	}
    +
    +	.timeline-header {
    +		line-height: @timeline-header-line-height;
    +
    +		// Styles for timeline variant
    +		.timeline-variant & {
    +			border-bottom: 1px solid @body-background;
    +			padding-bottom: 15px;
    +		}
    +	}
    +
    +	.timeline-avatar {
    +		vertical-align: top;
    +	}
    +}
    +
    +// Time line variant (AKA Timeline 2)
    +.timeline-variant {
    +	max-width: none;
    +	padding-bottom: 0;
    +
    +	&:before {
    +		left: 50%;
    +		z-index: -1;
    +		top: 70px;
    +	}
    +}
    +
    +// Month divider in timeline-variant
    +.timeline-month {
    +  width: 100%;
    +  text-align: center;
    +  list-style: none;
    +  margin: 30px 0 15px; 
    +  padding: 11px 0 12px; 
    +  font-size: 18px;
    +  background-color: @body-background;
    +  font-weight: @font-weight-light;
    +
    +  &:first-child {
    +  	margin-top: 0;
    +  	padding-bottom: 5px;
    +  }
    +}
    +
    +// Timeline type icon
    +.timeline-icon {
    +	position: absolute;
    +	color: @light-color;
    +	top: @timeline-icon-position;
    +	left: -(@timeline-icon-size + 23px);
    +	width: @timeline-icon-size;
    +	height: @timeline-icon-size;
    +	font-size: 20px;
    +	border: @timeline-icon-border-width solid @light-color;
    +	text-align: center;
    +	background-color: darken(@light-color, 7%);
    +	border-radius: 50%;
    +
    +	@media @phone {
    +		left: 50%;
    +		margin-left: -18px;
    +		top: -48px;
    +		width: @timeline-icon-size - 6px;
    +		height: @timeline-icon-size - 6px;
    +		font-size: 18px
    +	}
    +
    +	> .icon {
    +		line-height: @timeline-icon-size - (@timeline-icon-border-width * 2);
    +		vertical-align: middle;
    +		
    +		@media @phone {
    +			line-height: (@timeline-icon-size - (@timeline-icon-border-width * 2)) - 6;
    +		}
    +	}
    +
    +	.file & {
    +		background-color: @primary-color;
    +	}
    +
    +	.comment & {
    +		background-color: @warning-color;
    +	}
    +
    +	.gallery & {
    +		background-color: @success-color;
    +	}
    +
    +	.quote & {
    +		background-color: @danger-color;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/widgets.less b/public/assets/css/includes/elements/widgets.less
    new file mode 100644
    index 0000000..570e140
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets.less
    @@ -0,0 +1,243 @@
    +/*------------------------------------------------------------------
    +  [Elements]
    +*/
    +/*------------------------------------------------------------------
    +  [Widgets]
    +*/
    +.widget{
    +	background-color: @light-color;
    +	padding: 20px;
    +	margin-bottom: @widget-margin-bottom;
    +	border-radius: @panel-border-radius;
    +
    +	&.widget-fullwidth{
    +		padding: 0;
    +		
    +		.widget-head{
    +			padding: 20px @widget-horizontal-padding 10px;
    +			margin-bottom: 0;
    +
    +			@media @small-phone{
    +				padding-left: @widget-horizontal-padding-small;
    +				padding-left: @widget-horizontal-padding-small;
    +			}
    +		}
    +
    +		.widget-chart-container{
    +
    +			.counter{
    +				left: @widget-horizontal-padding;
    +			}
    +		}
    +
    +		.chart-table{
    +
    +			table{
    +				margin-bottom: 0;
    +			}
    +		}
    +	}
    +
    +	&.widget-small{
    +		margin-bottom: 20px;
    +
    +		&.widget-fullwidth{
    +
    +			> .widget-head{
    +				padding: 20px 15px 10px;
    +			}
    +		}
    +	}
    +}
    +
    +//Widget head
    +.widget-head{
    +	margin-bottom: 20px;
    +	display: block;
    +	border-radius: @panel-border-radius @panel-border-radius 0 0;
    +	.clearfix();
    +
    +	.title{
    +		display: block;
    +		font-size: @widget-heading-font-size;
    +		font-weight: @widget-heading-font-weight;
    +	}
    +
    +	.description{
    +		display: block;
    +		color: hsl(0, 0%, 62%);
    +		line-height: 22px;
    +		font-weight: @font-weight-light;
    +	}
    +
    +	//Icon tools
    +	.tools{
    +		float: right;
    +		margin-left: 10px;
    +
    +		.icon{
    +			display: inline-block;
    +			font-size: @panel-heading-icon-size;
    +			line-height: @panel-heading-icon-line-height;
    +			vertical-align: middle;
    +			cursor: pointer;
    +			color: @panel-heading-icon-color;
    +			min-width: @panel-heading-icon-size;
    +			text-align: center;
    +
    +			& + .icon{
    +				margin-left: @panel-heading-icon-separation;
    +			}
    +
    +			&:hover{
    +				color: @panel-heading-icon-hover;
    +			}
    +		}
    +
    +		.value{
    +			font-size: 24px;
    +			line-height: 22px;
    +		}
    +
    +		.dropdown{
    +			display: inline-block;
    +		}
    +
    +		//Open dropdowns from right to left
    +		.dropdown-menu{
    +			right: 0;
    +			left: auto;
    +		}
    +	}
    +
    +	//Button toolbar
    +	.button-toolbar{
    +		float: right;
    +
    +		.btn-group{
    +
    +			@media @phone{
    +				margin-bottom: 5px;
    +			}
    +
    +			& + * {
    +				margin-left: 7px;
    +			}
    +		}
    +
    +		//Open dropdowns from right to left
    +		.dropdown-menu{
    +			right: 0;
    +			left: auto;
    +		}
    +	}
    +}
    +
    +//Widget chart container
    +.widget-chart-container{
    +	position: relative;
    +
    +	.counter{
    +		min-height: auto;
    +		top: 0;
    +		left: 0;
    +		position: absolute;
    +		z-index: 2;
    +
    +		&-inline{
    +			position: relative;
    +			display: inline-block;
    +		}
    +
    +		.value{
    +			.font-size-large(9px);
    +		}
    +
    +		.desc{
    +			text-transform: uppercase;
    +			font-size: 11px;
    +			color: lighten(@text-color, 36.5%);
    +		}
    +	}
    +
    +	.counter-big{
    +	
    +		.value{
    +			display: block;
    +			.font-size-large(12px);
    +			line-height: @font-size-large + 12px;
    +			font-weight: @font-weight-light;
    +			margin-bottom: 5px;
    +		}
    +	}
    +
    +	.indicator{
    +
    +		&-equal{
    +
    +			.icon{
    +				color: @primary-color;
    +			}
    +		}
    +
    +		&-positive{
    +
    +			.icon{
    +				color: @success-color;
    +			}
    +		}
    +
    +		&-negative{
    +
    +			.icon{
    +				color: @danger-color;
    +			}
    +		}
    +
    +		.icon{
    +			font-size: 25px;
    +	    margin-right: 7px;
    +	    line-height: 24px;
    +	    vertical-align: middle;
    +		}
    +
    +		.number{
    +			.font-size-large(5px);
    +			vertical-align: middle;
    +		}
    +	}
    +}
    +
    +//Chart information section
    +.widget-chart-info{
    +	.clearfix();
    +	
    +	@media @phone{
    +
    +		& + .widget-counter-group{
    +			margin-top: 15px;
    +		}
    +	}
    +
    +	.widget-fullwidth &{
    +		padding: 9px @widget-horizontal-padding 0;
    +	}
    +}
    +
    +//Widget counter group
    +.widget-counter-group{
    +	padding: 0 @widget-horizontal-padding 10px;
    +
    +	&-right{
    +		text-align: right;
    +	}
    +
    +	.counter{
    +		position: static;
    +		display: inline-block;
    +
    +		& + .counter{
    +			margin-left: 20px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/widgets/calendar.less b/public/assets/css/includes/elements/widgets/calendar.less
    new file mode 100644
    index 0000000..9edc76e
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/calendar.less
    @@ -0,0 +1,162 @@
    +/*------------------------------------------------------------------
    +  [Calendar Widget]
    +*/
    +.widget-calendar{
    +
    +	.ui-datepicker{
    +		position: relative;
    +		margin: 10px 0 32px;
    +
    +		.ui-datepicker-header{
    +			border-bottom: 1px solid rgba(255,255,255,0.6);
    +		  padding-bottom: 5px;
    +		  margin-bottom: 20px;
    +
    +		  .ui-datepicker-title{
    +		  	cursor:default;
    +		    line-height: 24px;
    +		    margin: 0 2.3em;
    +		    text-align: center;
    +		    font-weight: @font-weight-light;
    +		    .font-size-large(3px);
    +		  }
    +
    +		  .ui-datepicker-prev, .ui-datepicker-next {
    +		  	height: 1.8em;
    +		    position: absolute;
    +		    top: -5px;
    +		    width: 1.8em;
    +		    color: @text-color;
    +		    font-size: 25px;
    +
    +		    span{
    +		    	overflow: hidden;
    +				  display: block;
    +				  text-indent: -99999px;
    +
    +				  &:after{
    +				  	cursor: pointer;
    +					  content: "\f2fa";
    +					  font-family: @icons-font;
    +					  display: block;
    +					  position: absolute;
    +					  width: 16px;
    +					  height: 16px;
    +					  top: 0;
    +					  text-indent: 0;
    +				  }
    +		    }
    +		  }
    +
    +		  .ui-datepicker-prev{
    +		  	left: 8px;
    +		  }
    +
    +		  .ui-datepicker-next{
    +		  	right: 2px;
    +
    +		  	span{
    +		  		&:after{
    +		  			content: "\f2fb";
    +					  right: 2px;
    +		  		}
    +		  	}
    +		  }
    +		}
    +
    +		table.ui-datepicker-calendar{
    +			width: 100%;
    +
    +			tr{
    +
    +				td, th{
    +
    +					&:first-child{
    +						padding-left: 0;
    +					}
    +
    +					&:last-child{
    +						padding-right: 0;
    +					}
    +				}
    +			}
    +
    +			th{
    +				border: 0;
    +				padding: 3px;
    +				text-align: center;
    +				font-weight: @font-weight-regular;
    +				color: @text-color;
    +
    +				span{
    +					font-size: 14px;
    +				}
    +			}
    +
    +			tr{
    +
    +				td{
    +					border: 0;
    +					padding: 6px 0;
    +					text-align: center;
    +
    +					a{
    +						display: inline-block;
    +				    padding: 0;
    +				    text-align: center;
    +				    text-decoration: none;
    +				    color: lighten(@text-color, 20%);
    +				    width: 27px;
    +				    height: 27px;
    +				    line-height: 27px;
    +
    +				    &:hover{
    +				    	color: @text-color;
    +				    }
    +
    +				    &.ui-state-active, &.ui-state-highlight{
    +				    	background-color: darken(@light-color, 10%);
    +				    	border-radius: 50%;
    +				    }
    +
    +				    //Curent day style
    +				    &.ui-state-highlight{
    +				    	background-color: @primary-color;
    +				    	color: @light-color;
    +				    }
    +					}
    +
    +					&.has-events{
    +
    +						a{
    +							position: relative;
    +							background-color: lighten(@primary-color, 35%);
    +							border-radius: 50%;
    +						}
    +					}
    +
    +					&.ui-datepicker-other-month{
    +
    +						a{
    +							color: hsl(0, 0%, 80%);
    +						}
    +			    }
    +				}
    +			}
    +		}
    +
    +		&.ui-datepicker-6rows{
    +			margin-bottom: 28px;
    +
    +			table.ui-datepicker-calendar{
    +
    +				tr{
    +
    +					td{
    +						padding: 3px 0;
    +					}
    +				}	
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/widgets/map.less b/public/assets/css/includes/elements/widgets/map.less
    new file mode 100644
    index 0000000..426cb9a
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/map.less
    @@ -0,0 +1,10 @@
    +.widget.widget-map{
    +
    +	.map-container{
    +
    +		> div{
    +			height: 229px;
    +		}
    +	}
    +}
    +
    diff --git a/public/assets/css/includes/elements/widgets/tiles.less b/public/assets/css/includes/elements/widgets/tiles.less
    new file mode 100644
    index 0000000..ef5efeb
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/tiles.less
    @@ -0,0 +1,100 @@
    +/*------------------------------------------------------------------
    +  [Tile widgets]
    +*/
    +.widget.widget-tile{
    +	padding: 24px 20px;
    +	margin-bottom: @widget-margin-bottom;
    +	display: table;
    +	table-layout: fixed;
    +	width: 100%;
    +
    +	.data-info{
    +		display: table-cell;
    +		text-align: right;
    +
    +		.value{
    +			.font-size-large(7px);
    +			font-weight: @font-weight-light;
    +		}
    +
    +		.indicator{
    +			.font-size-large(10px);
    +			margin-right: 7px;
    +			line-height: 24px;
    +			vertical-align: middle;
    +
    +			&-equal{
    +				color: @primary-color;
    +			}
    +
    +			&-positive{
    +				color: @success-color;
    +			}
    +
    +			&-negative{
    +				color: @danger-color;
    +			}
    +		}
    +
    +		.desc{
    +			.font-size(1px);
    +			line-height: 18px;
    +			overflow: hidden;
    +			text-overflow: ellipsis;
    +			white-space: nowrap;
    +		}
    +	}
    +
    +	.chart{
    +		width: 85px;
    +		min-height: 45px;
    +		padding: 5px 0;
    +		display: table-cell;
    +		vertical-align: middle;
    +	}
    +
    +	&.widget-tile-wide{
    +		display: table;
    +		width: 100%;
    +		
    +		> div{
    +			display: table-cell;
    +			width: 50%;
    +			vertical-align: middle;
    +		}
    +
    +		.data-info{
    +			vertical-align: top;
    +
    +			.title{
    +				font-size: 16px;
    +		    line-height: 22px;
    +		    margin-bottom: 2px;
    +			}
    +
    +			.desc{
    +				color: darken(@light-color, 50%);
    +				font-size: 12px;
    +			}
    +		}
    +
    +		.tile-value{
    +			text-align: right;
    +
    +			> span{
    +				display: block;
    +				padding-right: 10px;
    +				font-weight: 300;
    +				font-size: 31px;
    +			}
    +		}
    +
    +		.icon{
    +			float: none;
    +			line-height: 43px;
    +			vertical-align: top;
    +			margin-right: 5px;
    +		}
    +	}
    +}
    +
    diff --git a/public/assets/css/includes/elements/widgets/user-info-list.less b/public/assets/css/includes/elements/widgets/user-info-list.less
    new file mode 100644
    index 0000000..c016a6a
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/user-info-list.less
    @@ -0,0 +1,30 @@
    +/*------------------------------------------------------------------
    +  [User info list widget]
    +*/
    +.user-info-list{
    +
    +	table{
    +		width: 100%;
    +		table-layout: fixed;
    +
    +		tr{
    +
    +			td{
    +				padding: 12px 0;
    +
    +				&.icon{
    +					width: 33px;
    +
    +					> span{
    +						.font-size-large(5px);
    +						vertical-align: middle;
    +					}
    +				}
    +
    +				&.item{
    +					width: 34%;
    +				}
    +			}
    +		}
    +	}		
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/widgets/user-profile-display.less b/public/assets/css/includes/elements/widgets/user-profile-display.less
    new file mode 100644
    index 0000000..a9ae9ed
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/user-profile-display.less
    @@ -0,0 +1,73 @@
    +/*------------------------------------------------------------------
    +  [User profile widget]
    +*/
    +.user-display{
    +	margin-bottom: 30px;
    +	border-radius: @border-radius-base;
    +	background-color: @light-color;
    +
    +	&-bg{
    +		max-height: 300px;
    +		overflow: hidden;
    +
    +		img{
    +			width: 100%;
    +			border-radius: @border-radius-base @border-radius-base 0 0;
    +
    +			@media @phone{
    +				min-height: 130px;
    +			}
    +		}
    +	}
    +
    +	&-bottom{
    +		position: relative;
    +		padding: 11px 20px;
    +	}
    +
    +	&-avatar{
    +		position: absolute;
    +		left: 20px;
    +		top: -50px;
    +		border-radius: 50%;
    +		background-color: @light-color;
    +
    +		img{
    +			width: @user-profile-widget-avatar-size;
    +			height: @user-profile-widget-avatar-size;
    +			border-radius: 50%;
    +			border: 3px solid @light-color;
    +		}
    +	}
    +
    +	&-info{
    +		line-height: 20px;
    +		padding-left: @user-profile-widget-avatar-size + 20px;
    +
    +		.name{
    +			display: block;
    +			.font-size-large(3px);
    +			font-weight: @font-weight-medium;
    +			line-height: 22px;
    +		}
    +
    +		.nick{
    +			line-height: 21px;
    +			color: lighten(@text-color, 12%);
    +		}
    +	}
    +
    +	&-details{
    +		margin-top: 15px;
    +
    +		.title{
    +			text-transform: uppercase;
    +			font-size: @font-size-small;
    +			color: lighten(@text-color, 12%);
    +		}
    +
    +		.counter{
    +			.font-size-large(3px);
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/widgets/user-progress.less b/public/assets/css/includes/elements/widgets/user-progress.less
    new file mode 100644
    index 0000000..50f38cc
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/user-progress.less
    @@ -0,0 +1,41 @@
    +/*------------------------------------------------------------------
    +  [User current progress widget]
    +*/
    +.user-progress{
    +	margin-bottom: 15px;
    +
    +	.title{
    +		display: block;
    +		margin-bottom: 10px;
    +	}
    +
    +	.value{
    +		display: block;
    +		text-align: right;
    +		.font-size-large(3px);
    +		padding-top: 18px;
    +	}
    +
    +	.progress{
    +		height: @user-progress-height;
    +		border-radius: ceil(@user-progress-height / 2);
    +		margin-bottom: 0;
    +
    +		&-bar{
    +			border-radius: ceil(@user-progress-height / 2);
    +		}
    +	}
    +
    +	&-small{
    +		margin-bottom: 20px;
    +
    +		.title{
    +			display: inline-block;
    +		}
    +
    +		.progress{
    +			margin-top: 5px;
    +			height: 5px;
    +		}
    +	} 
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/elements/widgets/user-timeline.less b/public/assets/css/includes/elements/widgets/user-timeline.less
    new file mode 100644
    index 0000000..71aed48
    --- /dev/null
    +++ b/public/assets/css/includes/elements/widgets/user-timeline.less
    @@ -0,0 +1,113 @@
    +/*------------------------------------------------------------------
    +  [User timeline widget]
    +*/
    +.user-timeline{
    +	padding: 0;
    +	margin: 5px 0 15px;
    +	list-style: none;
    +	position: relative;
    +
    +	&:before{
    +		content: "";
    +		position: absolute;
    +		left: 7px;
    +		top: 2px;
    +		height: 100%;
    +		width: 2px;
    +		background-color: @primary-color;
    +	}
    +
    +	&:after{
    +		content: "";
    +		position: absolute;
    +		left: 4px;
    +		bottom: -2px;
    +		height: 8px;
    +		width: 8px;
    +		background-color: @primary-color;
    +		border-radius: 50%;
    +	}
    +
    +	> li{
    +		display: block;
    +		position: relative;
    +		padding-left: 30px;
    +		padding-bottom: 27px;
    +
    +		&:before{
    +			content: "";
    +			position: absolute;
    +			left: 0;
    +			top: 2px;
    +			height: 16px;
    +			width: 16px;
    +			background-color: @light-color;
    +			border-radius: 50%;
    +			border: 1px solid @primary-color;
    +		}
    +
    +		&.latest{
    +
    +			&:before{
    +				background-color: @primary-color;
    +			}
    +		}
    +	}
    +
    +	&-date{
    +		text-transform: uppercase;
    +		color: lighten(@text-color, 20%);
    +		margin-bottom: 8px;
    +	}
    +
    +	&-title{
    +		font-weight: @font-weight-medium;
    +	}
    +
    +	&-compact{
    +
    +		.user-timeline-date{
    +			float: right;
    +			text-transform: capitalize;
    +			margin-bottom: 0;
    +			line-height: 22px;
    +		}
    +
    +		.user-timeline-title{
    +			font-size: 18px;
    +			font-weight: 300;
    +		}
    +
    +		.user-timeline-description{
    +			color: lighten(@text-color, 20%);
    +			margin-top: 4px;
    +		}
    +
    +		&:before{
    +			background-color: @warning-color-text;
    +		}
    +
    +		&:after{
    +			background-color: @warning-color-text;
    +		}
    +
    +		> li{
    +			padding-bottom: 35px;
    +
    +			&:last-child{
    +				padding-bottom: 25px;
    +			}
    +
    +			&:before{
    +				border: 1px solid @warning-color-text;
    +			}
    +
    +			&.latest{
    +
    +				&:before{
    +					background-color: @warning-color-text;
    +				}
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/fonts/roboto.less b/public/assets/css/includes/fonts/roboto.less
    new file mode 100644
    index 0000000..1f1fd4d
    --- /dev/null
    +++ b/public/assets/css/includes/fonts/roboto.less
    @@ -0,0 +1,43 @@
    +/*------------------------------------------------------------------
    +[Fonts - Roboto]
    +*/
    +
    +.roboto-font(@type, @weight, @style) {
    +    @font-face {
    +        font-family: 'Roboto';
    +        src: url('@{roboto-font-path}/Roboto-@{type}.eot');
    +        src: local('Roboto @{type}'),
    +             local('Roboto-@{type}'),
    +             url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
    +             url('@{roboto-font-path}/Roboto-@{type}.woff2') format('woff2'),
    +             url('@{roboto-font-path}/Roboto-@{type}.woff') format('woff'),
    +             url('@{roboto-font-path}/Roboto-@{type}.ttf') format('truetype'),
    +             url('@{roboto-font-path}/Roboto-@{type}.svg#Roboto') format('svg');
    +        font-weight: @weight;
    +        font-style: @style;
    +    }
    +
    +    @font-face {
    +        font-family: 'Roboto-@{type}';
    +        src: url('@{roboto-font-path}/Roboto-@{type}.eot');
    +        src: local('Roboto @{type}'),
    +             local('Roboto-@{type}'),
    +             url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
    +             url('@{roboto-font-path}/Roboto-@{type}.woff2') format('woff2'),
    +             url('@{roboto-font-path}/Roboto-@{type}.woff') format('woff'),
    +             url('@{roboto-font-path}/Roboto-@{type}.ttf') format('truetype'),
    +             url('@{roboto-font-path}/Roboto-@{type}.svg#Roboto') format('svg');
    +    }
    +}
    +
    +.roboto-font-pair(@type, @weight) {
    +    .roboto-font('@{type}', @weight, normal);
    +    .roboto-font('@{type}Italic', @weight, italic);
    +}
    +
    +.roboto-font-pair('Thin', 100);
    +.roboto-font-pair('Light', 300);
    +.roboto-font-pair('Regular', 400);
    +.roboto-font-pair('Medium', 500);
    +.roboto-font-pair('Bold', 700);
    +.roboto-font-pair('Black', 900);
    \ No newline at end of file
    diff --git a/public/assets/css/includes/forms/switch-button.less b/public/assets/css/includes/forms/switch-button.less
    new file mode 100644
    index 0000000..56db576
    --- /dev/null
    +++ b/public/assets/css/includes/forms/switch-button.less
    @@ -0,0 +1,157 @@
    +/*------------------------------------------------------------------
    +  [Forms]
    +*/
    +/*------------------------------------------------------------------
    +  [Switch button]
    +*/
    +.switch-button-size(@size-base){
    +  height: @size-base;
    +  width: @size-base + 33px;
    +  line-height: @size-base - 4px;
    +
    +  label{
    +    height: @size-base - 8px;
    +    width: @size-base - 8px;
    +
    +    &:before{
    +      line-height: @size-base + 1px;
    +    }
    +  }
    +}
    +
    +.switch-button-color(@active-color, @off-color: darken(@light-color, 30%)){
    +  background-color: @off-color;
    +
    +  label{
    +    border-color: darken(@off-color, 3%);
    +  }
    +
    +  input[type="checkbox"]:checked + span{ 
    +    background-color: @active-color;
    +
    +    label{
    +      border-color: darken(@active-color, 5%);
    +    }
    +  }
    +}
    +
    +.switch-button{
    +  display: inline-block;
    +  border-radius: 50px;
    +  background-color: darken(@light-color, 30%);
    +  width: 60px;
    +  height: 27px;
    +  padding: 4px;
    +  position: relative;
    +  overflow: hidden;
    +  vertical-align: middle;
    +  
    +  input[type="checkbox"]{
    +    display: none;
    +  }
    +  
    +  label{
    +    border-radius: 50%;
    +    box-shadow: 0 0 1px 1px #FFF inset;
    +    background-color: @light-color;
    +    margin: 0;
    +    height: 19px;
    +    width: 19px;
    +    z-index: 1;
    +    display: inline-block;
    +    cursor: pointer;
    +    background-clip: padding-box;
    +    
    +    &:before{
    +      position: absolute;
    +      font-size: 11px;
    +      font-weight: 600;
    +      z-index: 0;
    +      content: "OFF";
    +      right: 0;
    +      display: block;
    +      width: 100%;
    +      height: 100%;
    +      line-height: 27px;
    +      top: 0;
    +      text-align: right;
    +      padding-right: 10px;
    +      color: @light-color;
    +    } 								    
    +  }
    +  
    +  input[type="checkbox"]:checked + span{ 
    +    background-color: @primary-color;
    +    display: block;
    +    position: absolute;
    +    top: 0;
    +    left: 0;
    +    width: 100%;
    +    height: 100%;
    +    padding: 4px;
    +    
    +    label{
    +      float: right; 
    +      border-color: darken(@primary-color, 5%);
    +    
    +      &:before{
    +        position: absolute;
    +        font-size: 11px;
    +        font-weight: 600;
    +        z-index: 0;
    +        content: "ON";
    +        color: @light-color;
    +        left: 0;
    +        text-align: left;
    +        padding-left: 10px;
    +      }
    +    }
    +  }
    + 
    +  //Yes-No labels
    +  &.switch-button-yesno{
    +    label{
    + 
    +      &:before{
    +        content: "NO";
    +      }
    +    }
    + 
    +    input[type="checkbox"]:checked + span{
    + 
    +      label{
    +        &:before{
    +          content: "YES";
    +        }
    +      }
    +    }
    +  }
    +
    +  //Sizes
    +  &.switch-button-xs{
    +    .switch-button-size(20px);
    +    width: 50px;
    +  }
    +
    +  &.switch-button-sm{
    +    .switch-button-size(24px);
    +  }
    +
    +  &.switch-button-lg{
    +    .switch-button-size(30px);
    +    width: 65px;
    +  }
    +
    +  //Color styles
    +  &.switch-button-success{
    +    .switch-button-color(@success-color);
    +  }
    +  
    +  &.switch-button-warning{
    +    .switch-button-color(@warning-color);
    +  }
    +
    +  &.switch-button-danger{
    +    .switch-button-color(@danger-color);
    +  }
    +}
    diff --git a/public/assets/css/includes/general.less b/public/assets/css/includes/general.less
    new file mode 100644
    index 0000000..bd26ef4
    --- /dev/null
    +++ b/public/assets/css/includes/general.less
    @@ -0,0 +1,34 @@
    +/*------------------------------------------------------------------
    +[General elements style]
    +*/
    +
    +html{
    +	height:100%;
    +	overflow-x: hidden;
    +}
    +
    +body {
    +	padding: 0;
    +	background-color: @body-background;
    +	height: 100%;
    +}
    +
    +a{
    +
    +	&:hover, &:focus{
    +		text-decoration: none;
    +		outline: none;
    +	}	
    +}
    +
    +p{
    +	font-size: @paragraph-font-size;
    +	line-height: @paragraph-line-height;
    +}
    +
    +//Fix for plugins like charts
    +canvas{
    +  -moz-user-select: none;
    +  -webkit-user-select: none;
    +  -ms-user-select: none;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/helpers.less b/public/assets/css/includes/helpers.less
    new file mode 100644
    index 0000000..91b2538
    --- /dev/null
    +++ b/public/assets/css/includes/helpers.less
    @@ -0,0 +1,70 @@
    +/*------------------------------------------------------------------
    +  [Helper classes]
    +*/
    +//Space helpers
    +// global
    +.make-space(@prefix: xs; @value:50;   );
    +.make-space(@prefix: xs; @value:40;   );
    +.make-space(@prefix: xs; @value:30;   );
    +.make-space(@prefix: xs; @value:25;   );
    +.make-space(@prefix: xs; @value:20;   );
    +.make-space(@prefix: xs; @value:15;   );
    +.make-space(@prefix: xs; @value:10;   );
    +.make-space(@prefix: xs; @value:5;    );
    +.make-space(@prefix: xs; @value:0;    );
    +
    +// mobile
    +@media (min-width: @screen-sm) {
    +  .make-space(@prefix: sm; @value:50; );
    +  .make-space(@prefix: sm; @value:40; );
    +  .make-space(@prefix: sm; @value:30; );
    +  .make-space(@prefix: sm; @value:25; );
    +  .make-space(@prefix: sm; @value:20; );
    +  .make-space(@prefix: sm; @value:15; );
    +  .make-space(@prefix: sm; @value:10; );
    +  .make-space(@prefix: sm; @value:5;  );
    +  .make-space(@prefix: sm; @value:0;  );
    +}
    +
    +// tablet
    +@media (min-width: @screen-md) {
    +  .make-space(@prefix: md; @value:50; );
    +  .make-space(@prefix: md; @value:40; );
    +  .make-space(@prefix: md; @value:30; );
    +  .make-space(@prefix: md; @value:25; );
    +  .make-space(@prefix: md; @value:20; );
    +  .make-space(@prefix: md; @value:15; );
    +  .make-space(@prefix: md; @value:10; );
    +  .make-space(@prefix: md; @value:5;  );
    +  .make-space(@prefix: md; @value:0;  );
    +}
    +
    +// desktop
    +@media (min-width: @screen-lg) {
    +  .make-space(@prefix: lg; @value:200; );
    +  .make-space(@prefix: lg; @value:150; );
    +  .make-space(@prefix: lg; @value:100; );
    +  .make-space(@prefix: lg; @value:50; );
    +  .make-space(@prefix: lg; @value:40; );
    +  .make-space(@prefix: lg; @value:30; );
    +  .make-space(@prefix: lg; @value:25; );
    +  .make-space(@prefix: lg; @value:20; );
    +  .make-space(@prefix: lg; @value:15; );
    +  .make-space(@prefix: lg; @value:10; );
    +  .make-space(@prefix: lg; @value:5;  );
    +  .make-space(@prefix: lg; @value:0;  );
    +}
    +
    +// init functions
    +.make-space(@prefix; @value) {
    +  .@{prefix}-p-@{value}   { padding:        ~"@{value}px" !important; }
    +  .@{prefix}-pt-@{value}  { padding-top:    ~"@{value}px" !important; }
    +  .@{prefix}-pl-@{value}  { padding-left:   ~"@{value}px" !important; }
    +  .@{prefix}-pr-@{value}  { padding-right:  ~"@{value}px" !important; }
    +  .@{prefix}-pb-@{value}  { padding-bottom: ~"@{value}px" !important; }
    +  .@{prefix}-m-@{value}   { margin:         ~"@{value}px" !important; }
    +  .@{prefix}-mt-@{value}  { margin-top:     ~"@{value}px" !important; }
    +  .@{prefix}-ml-@{value}  { margin-left:    ~"@{value}px" !important; }
    +  .@{prefix}-mr-@{value}  { margin-right:   ~"@{value}px" !important; }
    +  .@{prefix}-mb-@{value}  { margin-bottom:  ~"@{value}px" !important; }
    +}
    diff --git a/public/assets/css/includes/mixins/font-size.less b/public/assets/css/includes/mixins/font-size.less
    new file mode 100644
    index 0000000..f2a15e2
    --- /dev/null
    +++ b/public/assets/css/includes/mixins/font-size.less
    @@ -0,0 +1,36 @@
    +//Typography Mixins
    +
    +//Font size using percentage
    +.font-size( @v ) when ( ispercentage(@v) ){
    +  @number: unit(@v);
    +  @value: @font-size-base * (@number / 100);
    +  
    +  font-size: unit(ceil( @font-size-base + @value ), px);
    +}
    +
    +.font-size-small( @v ) when ( ispercentage(@v) ){
    +  @number: unit(@v);
    +  @value: @font-size-small * (@number / 100);
    +  
    +  font-size: unit(ceil( @font-size-small + @value ), px);
    +}
    +
    +.font-size-large( @v ) when ( ispercentage(@v) ){
    +  @number: unit(@v);
    +  @value: @font-size-large * (@number / 100);
    +  
    +  font-size: unit(ceil( @font-size-large + @value ), px);
    +}
    +
    +//Font size using pixels
    +.font-size( @v ) when ( ispixel(@v) ){
    +  font-size: ceil( @font-size-base + @v );
    +}
    +
    +.font-size-small( @v ) when ( ispixel(@v) ){
    +  font-size: ceil( @font-size-small + @v );
    +}
    +
    +.font-size-large( @v ) when ( ispixel(@v) ){
    +  font-size: ceil( @font-size-large + @v );
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/mixins/triangle.less b/public/assets/css/includes/mixins/triangle.less
    new file mode 100644
    index 0000000..aa0d541
    --- /dev/null
    +++ b/public/assets/css/includes/mixins/triangle.less
    @@ -0,0 +1,34 @@
    +.triangle-base() {
    +    content: '';
    +    display: block;
    +    width: 0;
    +    height: 0;
    +    -moz-transform: scale(.9999);
    +}
    +.triangle(@direction, @size, @color) {
    +    .triangle(@direction, @size * 2, @size, @color);
    +}
    +.triangle(@direction, @width, @height, @color) when (@direction = up) {
    +    .triangle-base();
    +    border-left: (@width / 2) solid transparent;
    +    border-right: (@width / 2) solid transparent;
    +    border-bottom: @height solid @color;
    +}
    +.triangle(@direction, @width, @height, @color) when (@direction = down) {
    +    .triangle-base();
    +    border-left: (@width / 2) solid transparent;
    +    border-right: (@width / 2) solid transparent;
    +    border-top: @height solid @color;
    +}
    +.triangle(@direction, @width, @height, @color) when (@direction = left) {
    +    .triangle-base();
    +    border-top: (@width / 2) solid transparent;
    +    border-bottom: (@width / 2) solid transparent;
    +    border-right: @height solid @color;
    +}
    +.triangle(@direction, @width, @height, @color) when (@direction = right) {
    +    .triangle-base();
    +    border-top: (@width / 2) solid transparent;
    +    border-bottom: (@width / 2) solid transparent;
    +    border-left: @height solid @color;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/pages/404.less b/public/assets/css/includes/pages/404.less
    new file mode 100644
    index 0000000..8ee190f
    --- /dev/null
    +++ b/public/assets/css/includes/pages/404.less
    @@ -0,0 +1,95 @@
    +/*------------------------------------------------------------------
    +  [Error pages]
    +*/
    +.be-error{
    +	
    +	.error-container{
    +		text-align: center;
    +		margin-top: 100px;
    +
    +		@media @phone{
    +			margin-top: 50px;
    +		}
    +	}
    +
    +	.error-number{
    +		display: block;
    +		font-size: 150px;
    +		font-weight: @font-weight-bold;
    +		line-height: 240px;
    +		margin-bottom: 30px;
    +		max-height: 240px;
    +
    +		&:after {
    +			padding-top: 0.25%;
    +			display: block;
    +			content: '';
    +		}
    +
    +		@media @phone{
    +			padding: 20px 0;
    +			font-size: 90px;
    +			margin-bottom: 10px;
    +			line-height: 100px;
    +		}
    +	}
    +
    +	.error-description{
    +		.font-size-large(15px);
    +		font-weight: @font-weight-light;
    +		line-height: 32px;
    +		margin-bottom: 30px;
    +
    +		@media @phone{
    +			.font-size-large(4px);
    +		}
    +	}
    +
    +	.error-goback-text{
    +		.font-size-large(7px);
    +		font-weight: @font-weight-light;
    +		margin-bottom: 30px;
    +		margin-top: 15px;
    +
    +		@media @phone{
    +			font-size: @font-size-large;
    +		}
    +	}
    +
    +	.error-goback-button{
    +		margin-bottom: 30px;
    +
    +
    +		.btn{
    +			min-width: 153px;
    +			text-align: center;
    +		}
    +	}
    +}
    +
    +/*------------------------------------------------------------------
    +  [Page 404]
    +*/
    +.be-error-404{
    +
    +	.error-container{
    +
    +		.error-number{
    +			background: url("@{img-path}/404-bg.png") no-repeat center center;
    +			background-size: contain;
    +
    +			@media @small-phone{
    +				padding: 0;
    +				font-size: 70px;
    +			}
    +
    +			@media (max-width: 340px){
    +				font-size: 50px;
    +			}
    +
    +			@media (max-width: 295px){
    +				font-size: 40px;
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/pages/email.less b/public/assets/css/includes/pages/email.less
    new file mode 100644
    index 0000000..5076891
    --- /dev/null
    +++ b/public/assets/css/includes/pages/email.less
    @@ -0,0 +1,449 @@
    +.aside-compose{
    +	text-align: center;
    +	padding: 20px 25px;
    +	margin-top: 10px;
    +}
    +
    +//Email components
    +
    +//==Email inbox page
    +//Inbox header
    +.email-inbox-header{
    +	background-color: @light-color;
    +	padding: 37px 25px;
    +
    +	@media @tablet{
    +		padding: 20px 25px;
    +	}
    +}
    +
    +//Inbox title
    +.email-title{
    +	display: block;
    +	margin: 3px 0 0;
    +	.font-size-large(8px);
    +	font-weight: @font-weight-light;
    +
    +	@media @tablet, @phone{
    +		margin-bottom: 10px;
    +	}
    +
    +	.icon{
    +		.font-size-large(8px);
    +		color: lighten(@text-color, 20%)
    +	}
    +
    +	.new-messages{
    +		font-size: @font-size-base;
    +		color: lighten(@text-color, 30%);
    +		margin-left: 3px;
    +	}
    +}
    +
    +//Inbox filters
    +.email-filters{
    +	padding: 0 20px 30px;
    +  border-bottom: 1px solid darken(@light-color, 10%);
    +  background-color: @light-color;
    +  display: table;
    +  width: 100%;
    +
    +  > div{
    +  	display: table-cell;
    +  	vertical-align: middle;
    +
    +  	@media @tablet, @phone{
    +  		vertical-align: top;
    +  	}
    +  }
    +
    +  .btn-group + .btn-group{
    +		margin-left: 10px;
    +
    +		@media @tablet, @small-phone{
    +			margin-left: 0;
    +			margin-top: 10px;
    +		}
    +  }
    +
    +  .be-select-all.be-checkbox{
    +  	display: inline-block;
    +		vertical-align: middle;
    +  	padding: 0;
    +
    +  	label:before{
    +  		margin-right: 18px;
    +  	}
    +  }
    +
    +  .email-filters-right{
    +  	text-align: right;
    +  }
    +
    +  input{
    +  	margin-right: 8px;
    +  }
    +}
    +
    +//Pagination text
    +.email-pagination-indicator{
    +	display: inline-block;
    +	vertical-align: middle;
    +	margin-right: 13px;
    +
    +	@media @tablet{
    +		margin-right: 0;
    +	}
    +}
    +
    +//Pagination buttons nav
    +.email-pagination-nav{
    +
    +	.btn{
    +		min-width: 30px;
    +
    +		i{
    +			.font-size-large(6px);
    +			vertical-align: middle;
    +		}
    +	}
    +}
    +
    +//Inbox email list
    +.email-list{
    +	background: @light-color;
    +}
    +
    +//List element
    +.email-list-item{
    +	border-bottom: 1px solid darken(@light-color, 10%);
    +  padding: 14px 20px;
    +  display: table;
    +  width: 100%;
    +  cursor: pointer;
    +  position: relative;
    +  background-color: darken(@light-color, 2%);
    +
    +  &&--unread{
    +  	background-color: @light-color;
    +
    +  	&:after{
    +			content: '';
    +			display: block;
    +			position: absolute;
    +			width: 3px;
    +			top: -1px;
    +			bottom: -1px;
    +			left: 0;
    +			background-color: @primary-color;
    +  	}
    +
    +  	.from, .date{
    +  		font-weight: @font-weight-medium;
    +  	}
    +  }
    +
    +  .icon{
    +  	margin-right: 7px;
    +  	font-size: 15px;
    +  	vertical-align: middle;
    +  	color: lighten(@text-color, 15%)
    +  }
    +
    +  .from{
    +  	display: block;
    +  	font-weight: @font-weight-regular;
    +	  font-size: 13px;
    +	  margin:0 0 3px 0;
    +  }
    +
    +  .msg{
    +		margin: 0;
    +		color: lighten(@text-color, 20%);
    +  }
    +
    +  &:hover{
    +  	background-color: darken(@light-color, 3%);
    +  }
    +}
    +
    +//List columns specs
    +.email-list-detail, .email-list-actions{
    +	vertical-align: top;
    +	display: table-cell;
    +}
    +
    +//Action column
    +.email-list-actions{
    +	width: 40px;
    +
    +	.be-checkbox{
    +  	padding: 0;
    +  }
    +
    +  .favorite{
    +  	display: block;
    +  	padding-top: 5px;
    +		padding-left: 3px;
    +		line-height: 15px;
    +
    +  	span{
    +  		.font-size-large(5px);
    +  		line-height: 17px;
    +  		color: lighten(@text-color, 50%);
    +  	}
    +
    +  	&:hover{
    +
    +  		span{
    +  			color: lighten(@text-color, 30%);
    +  		}
    +  	}
    +
    +  	&.active{
    +
    +  		span{
    +  			color: @email-page-favorite-color;
    +  		}
    +  	}
    +  }
    +}
    +
    +
    +//==Email detail page
    +.email-head{
    +	background-color: @light-color;
    +}
    +
    +.email-head-title{
    +	padding: 25px 25px;
    +	border-bottom: 1px solid darken(@light-color, 10%);
    +	display: block;
    +	font-weight: @font-weight-regular;
    +	color: lighten(@text-color, 10%);
    +	.font-size-large(8px);
    +
    +	.icon{
    +		color: darken(@light-color, 59%);
    +		margin-right: 12px;
    +		vertical-align: middle;
    +		line-height: 31px;
    +		position: relative;
    +		top: -1px;
    +		float: left;
    +		.font-size-large(5px);
    +	}
    +}
    +
    +.email-head-subject{
    +	padding: 25px 25px;
    +	border-bottom: 1px solid darken(@light-color, 10%);
    +
    +	.title{
    +		display: block;
    +		.font-size-large(8px);
    +		font-weight: @font-weight-light;
    +		color: lighten(@text-color, 10%);
    +
    +		> a{
    +			.icon{
    +				color: lighten(@text-color, 50%);
    +				.font-size-large(3px);
    +				margin-right: 6px;
    +				vertical-align: middle;
    +				line-height: 31px;
    +				position: relative;
    +				top: -1px;
    +			}
    +
    +			&:hover{
    +
    +				.icon{
    +					color: lighten(@text-color, 30%);
    +				}
    +			}
    +
    +			&.active{
    +
    +				.icon{
    +					color: @email-page-favorite-color;
    +				}
    +			}
    +		}
    +	}
    +
    +	.icons{
    +		.font-size-large(5px);
    +  	float: right; 	
    +
    +  	.icon{
    +  		color: lighten(@text-color, 20%);
    +  		margin-left: 12px;
    +  		vertical-align: middle;
    +
    +  		&:hover{
    +	  		color: lighten(@text-color, 10%);
    +	  	}
    +  	}
    +	}
    +}
    +
    +.email-head-sender{
    +	padding: 13px 25px;
    +	line-height: 40px;
    +
    +	.avatar{
    +		float: left;
    +		margin-right: 10px;
    +
    +		img{
    +			max-width: 40px;
    +			max-height: 40px;
    +			border-radius: 50%;
    +		}
    +	}
    +
    +	.sender{
    +		font-size: @font-size-large;
    +
    +		.actions{
    +			display: inline-block;
    +			position: relative;
    +		}
    +
    +		.icon{
    +			.font-size-large(5px);
    +			line-height: 16px;
    +			color: lighten(@text-color, 10%);
    +			margin-left: 7px;
    +
    +			i{
    +				line-height: 16px;
    +				vertical-align: middle;
    +			}
    +		}
    +	}
    +
    +	.date{
    +		float: right;
    +
    +		a{
    +			vertical-align: middle;
    +			margin-right: 5px;
    +		}
    +
    +		.icon{
    +			font-size: 20px;
    +		}
    +	}
    +}
    +
    +
    +//Email body
    +.email-body{
    +	background-color: @light-color;
    +	border-top: 1px solid darken(@light-color, 10%);
    +	padding: 30px 28px;
    +
    +  p{
    +  	line-height: 25px;
    +  	margin-bottom: 20px;
    +
    +  	&:last-child{
    +  		margin-bottom: 0;
    +  	}
    +  }
    +}
    +
    +//Email attachments
    +.email-attachments{
    +	background-color: @light-color;
    +	padding: 25px 28px;
    +	border-top: 1px solid darken(@light-color, 10%);
    +
    +	.title{
    +		display: block;
    +		font-weight: @font-weight-medium;
    +
    +		span{
    +			font-weight: @font-weight-regular;
    +		}
    +	}
    +
    +	ul{
    +		list-style: none;
    +		margin: 15px 0 0;
    +		padding: 0;
    +
    +		> li{
    +			line-height: 23px;
    +
    +			a{
    +				color: @text-color;
    +				font-weight: @font-weight-medium;
    +
    +				&:hover{
    +					color: @primary-color;
    +				}
    +			}
    +
    +			span{
    +				font-weight: @font-weight-regular;
    +			}
    +
    +			.icon{
    +				vertical-align: middle;
    +				color: lighten(@text-color, 20%);
    +				margin-right: 2px;
    +			}
    +		}
    +	}
    +}
    +
    +//Email compose
    +.compose-title{
    +	font-weight: 400; 
    +  font-size: 23px;
    +  height: auto;
    +  padding: 25px 23px;
    +  border: 0;
    +  width: 100%;
    +  outline: none;
    +  background-color: @light-color;
    +
    +  .icon{
    +		float: left;
    +		font-size: 20px;
    +		margin-right: 15px;
    +		color: darken(@light-color, 59%);
    +		margin-top: 6px;
    +  }
    +}
    +
    +.email-compose-fields{
    +	background-color: @light-color;
    +  border-bottom: 1px solid darken(@light-color, 10%);
    +  padding: 30px 30px 10px;
    +
    +  label{
    +  	padding-top: 15px;
    +  }
    +}
    +
    +.email.editor{
    +	background-color: @light-color;
    +	padding: 30px;
    +
    +	.note-toolbar{
    +		border: 0;
    +	}
    +
    +	.form-group{
    +		text-align: right;
    +		margin-top: 15px;
    +
    +		.icon{
    +			font-size: 23px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/pages/forgot-password.less b/public/assets/css/includes/pages/forgot-password.less
    new file mode 100644
    index 0000000..fe90ce9
    --- /dev/null
    +++ b/public/assets/css/includes/pages/forgot-password.less
    @@ -0,0 +1,12 @@
    +/*------------------------------------------------------------------
    +  [Forgot password]
    +*/
    +.splash-container.forgot-password{
    +
    +	.panel{
    +		
    +		.panel-heading{
    +			margin-bottom: 5px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/pages/gallery.less b/public/assets/css/includes/pages/gallery.less
    new file mode 100644
    index 0000000..1eae8b2
    --- /dev/null
    +++ b/public/assets/css/includes/pages/gallery.less
    @@ -0,0 +1,177 @@
    +/*------------------------------------------------------------------
    +  [Gallery]
    +*/
    +.gallery-container{
    +
    +	.item{
    +		width: 25%;
    +	  margin-bottom: 20px;
    +	  padding: 0 10px;
    +
    +	  .photo{
    +	  	background: @light-color;
    +
    +	  	.img{
    +	  		position: relative;
    +
    +	  		img{
    +	  			width: 100%;
    +	  		}
    +
    +	  		.over{
    +	  			top:0;
    +				  opacity:0;
    +				  position:absolute;
    +				  height:100%;
    +				  width:100%;
    +				  background: rgba(red(@primary-color), green(@primary-color), blue(@primary-color), 0.8);
    +				  transition: opacity 300ms ease;
    +				  -webkit-transition: opacity 300ms ease;
    +				  overflow: hidden;
    +
    +				  .info-wrapper{
    +						display: table;
    +						height: 100%;
    +						margin-top: -80px;
    +						transition: margin-top 200ms ease-in-out;
    +				  }
    +
    +					.info{
    +						display: table-cell;
    +						vertical-align: middle;
    +					  position: relative;
    +					  top: 0;
    +					  text-align: center;
    +					  color: @light-color;
    +					  padding: 0 10px;
    +					}
    +
    +					.title{
    +						.font-size-large(3px);
    +						font-weight: @font-weight-light;
    +					}
    +
    +					.description{
    +						margin: 10px 0 18px;
    +						line-height: 15px;
    +					}
    +
    +	  			.func{
    +
    +					  a{
    +					  	display: inline-block;
    +					  	height: 30px;
    +					  	width: 30px;
    +					  	margin-right: 10px;
    +					  	background: rgba(255,255,255,0.2);
    +					  	border-radius: 50%;
    +
    +					   	&:hover{
    +								background: rgba(255,255,255,0.3);
    +							}
    +
    +							i{
    +							  font-size: 18px;
    +							  color: @light-color;
    +							  line-height: 30px;
    +							}
    +						}
    +					}
    +				}
    +
    +				&:hover{
    +					
    +					.over{
    +						opacity: 1;
    +
    +						.info-wrapper{
    +						  margin-top: 0;
    +						}
    +					}
    +				}
    +	  	}
    +
    +	  	.description{
    +			  line-height: 20px;
    +			  display: table;
    +			  width: 100%;
    +
    +			  .icon{
    +					display: table-cell;
    +					background-color: darken(@light-color, 10%);
    +					padding: 20px;
    +					vertical-align: middle;
    +					width: 20px;
    +
    +					a{
    +						color: lighten(@text-color, 5%);
    +
    +						i{
    +							font-size: 30px;
    +
    +							@media @phone{
    +								font-size: 20px;
    +							}
    +						}
    +
    +						&:hover{
    +							color: @primary-color;
    +						}
    +					}
    +
    +					@media @phone{
    +						padding: 15px;
    +					}
    +			  }
    +			  
    +			  .desc{
    + 					display: table-cell;
    + 					padding: 10px 20px;
    + 					vertical-align: middle;
    +
    + 					 h4{
    +				  	margin: 0;
    +	 					font-size: 18px;
    +
    +	 					@media @phone{
    +	 						font-size: 15px;
    +	 					}
    +				  }
    +
    +				  span{
    +				  	color: lighten(@dark-color, 30%); 
    +					  font-size: 12px;
    +	 					font-weight: 300;
    +				  }
    +
    +				  @media @phone{
    +				  	padding: 10px;
    +				  }
    +				}
    +			}
    +	  }
    +	}
    +
    +	.item.w2{
    +	 width: 50%;
    +	}
    +
    +	@media @phone{
    +		max-width: 767px;
    +
    +  	.item{
    +	  	width: 100%;
    +	  	padding: 0;
    +	  }
    +
    +	  .item.w2{ 
    +	  	width: 100%; 
    +	  }
    +	}
    +
    +	@media @tablet{
    +		.item{
    +			width: 50%;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/pages/login.less b/public/assets/css/includes/pages/login.less
    new file mode 100644
    index 0000000..6e6c5cb
    --- /dev/null
    +++ b/public/assets/css/includes/pages/login.less
    @@ -0,0 +1,39 @@
    +/*------------------------------------------------------------------
    +  [Custom pages]
    +*/
    +/*------------------------------------------------------------------
    +  [Login]
    +*/
    +
    +//Login container for remember me and forgot password
    +.login-tools{
    +	padding-top: 18px;
    +}
    +
    +//Login forgot password link
    +.login-forgot-password{
    +	line-height: @input-check-component-size;
    +	text-align: right;
    +}
    +
    +//Login submit
    +.login-submit{
    +	padding-top: 19px;
    +	margin-bottom: @form-group-margin-bottom - 2px;
    +
    +	.btn{
    +		width: 100%;
    +	}
    +
    +	//Reduce bs col padding
    +	> div{
    +		
    +		&:first-child{
    +			padding-right: 10px;
    +		}
    +
    +		&:last-child{
    +			padding-left: 10px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/pages/sign-up.less b/public/assets/css/includes/pages/sign-up.less
    new file mode 100644
    index 0000000..74d8b4d
    --- /dev/null
    +++ b/public/assets/css/includes/pages/sign-up.less
    @@ -0,0 +1,35 @@
    +/*------------------------------------------------------------------
    +  [Sign up]
    +*/
    +.splash-container.sign-up{
    +	max-width: @sign-up-width;
    +	margin: @sign-up-margin-top auto;
    +
    +	.panel{
    +		
    +		.panel-heading{
    +			margin-bottom: 0;
    +		}
    +	}
    +}
    +
    +//Signup password
    +.signup-password{
    +	margin-bottom: @form-group-margin-bottom - 2px;
    +
    +	.btn{
    +		width: 100%;
    +	}
    +
    +	//Reduce bs col padding
    +	> div{
    +		
    +		&:first-child{
    +			padding-right: 10px;
    +		}
    +
    +		&:last-child{
    +			padding-left: 10px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/bootstrap-markdown.less b/public/assets/css/includes/plugins/bootstrap-markdown.less
    new file mode 100644
    index 0000000..4b01c06
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/bootstrap-markdown.less
    @@ -0,0 +1,173 @@
    +/*------------------------------------------------------------------
    +  [Bootstrap Markdown]
    +*/
    +.md-editor {
    +  display: block;
    +  border: 1px solid @input-border;
    +
    +  > .md-header, .md-footer {
    +    display: block;
    +    padding: 6px 4px;
    +    background: @panel-default-heading-bg;
    +  }
    +
    +  > .md-header {
    +    margin: 0;
    +  }
    +
    +  > .md-preview {
    +    background: @panel-bg;
    +    border-top: 2px solid @input-border;
    +    padding: 10px 12px;
    +    min-height: 10px;
    +    overflow: auto;
    +  }
    +
    +  > textarea {
    +    font-family: @font-family-monospace;
    +    font-size: @font-size-base;
    +    outline: 0;
    +    outline: thin dotted  \9; /* IE6-9 */
    +    margin: 0;
    +    display: block;
    +    padding: 10px 12px;
    +    width: 100%;
    +    border: 0;
    +    border-top: 1px solid @input-border;
    +    border-radius: 0;
    +    box-shadow: none;
    +    background: darken(@light-color, 2%);
    +
    +    &:focus {
    +      box-shadow: none;
    +      background: @input-bg;
    +    }
    +  }
    +
    +  // Hover state
    +  &.active {
    +    border-color: darken(@input-border, 10%);
    +    outline: 0;
    +  }
    +
    +  .md-controls {
    +    float: right;
    +    padding: 3px;
    +
    +    .md-control {
    +      right: 5px;
    +      color: #bebebe;
    +      padding: 3px 3px 3px 10px;
    +      &:hover {
    +        color: #333;
    +      }
    +    }
    +  }
    +
    +  // fullscreen mode styles
    +  &.md-fullscreen-mode {
    +    width: 100%;
    +    height: 100%;
    +    position: fixed;
    +    top: 0;
    +    left: 0;
    +    z-index: 99999;
    +    padding: 60px 30px 15px;
    +    background: #fff;
    +    border: 0;
    +
    +    .md-footer {
    +      display: none;
    +    }
    +
    +    .md-input,
    +    .md-preview {
    +      margin: 0 auto;
    +      height: 100%;
    +      font-size: 20px;
    +      padding: 20px;
    +      color: #999;
    +      line-height: 1.6em;
    +      resize: none;
    +      box-shadow: none;
    +      background: #fff;
    +      border: 0;
    +    }
    +
    +    .md-preview {
    +      color: #333;
    +      overflow: auto;
    +    }
    +
    +    .md-input {
    +      &:hover,
    +      &:focus {
    +        color: #333;
    +        background: #fff;
    +      }
    +    }
    +
    +    .md-header {
    +      background: none;
    +      text-align: center;
    +      position: fixed;
    +      width: 100%;
    +      top: 20px;
    +    }
    +
    +    .btn-group {
    +      float: none;
    +    }
    +
    +    .btn {
    +      border: 0;
    +      background: none;
    +      color: #b3b3b3;
    +
    +      &:hover,
    +      &:focus,
    +      &.active,
    +      &:active {
    +        box-shadow: none;
    +        color: #333;
    +      }
    +    }
    +
    +    .md-fullscreen-controls {
    +      position: absolute;
    +      top: 20px;
    +      right: 20px;
    +      text-align: right;
    +      z-index: 1002;
    +      display: block;
    +      a {
    +        color: #b3b3b3;
    +        clear: right;
    +        margin: 10px;
    +        width: 30px;
    +        height: 30px;
    +        text-align: center;
    +
    +        &:hover {
    +          color: #333;
    +          text-decoration: none;
    +        }
    +      }
    +    }
    +
    +    .md-editor {
    +      height: 100%;
    +      position: relative;
    +    }
    +  }
    +
    +  .md-fullscreen-controls {
    +    display: none;
    +  }
    +}
    +
    +.md-nooverflow {
    +  overflow: hidden;
    +  position: fixed;
    +  width: 100%;    
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/datatables.less b/public/assets/css/includes/plugins/datatables.less
    new file mode 100644
    index 0000000..305cc58
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/datatables.less
    @@ -0,0 +1,65 @@
    +/*------------------------------------------------------------------
    +  [dataTables]
    +*/
    +table.dataTable{
    +	margin: 0 !important;
    +}
    +
    +div.dataTables_wrapper{
    +
    +	div.dataTables_info{
    +		color: lighten(@text-color, 13%);
    +		padding-top: 9px;
    +	}
    +
    +	div.dataTables_paginate{
    +
    +		ul.pagination{
    +			margin: 0;
    +		}
    +	}
    +
    +	div.dataTables_filter{
    +	
    +		input{
    +			padding-top: 6px;
    +			padding-bottom: 6px;
    +		}
    +	}
    +
    +	div.dataTables_length label, div.dataTables_filter label{
    +		margin-bottom: 0;
    +		font-size: 13px;
    +		color: lighten(@text-color, 13%);
    +	}
    +
    +	div.dataTables_length label{
    +
    +		select{
    +			padding: 2px;
    +		}
    +	}
    +}
    +
    +.be-datatable-header{
    +  border-bottom: 1px solid @input-border;
    +  margin: 2px 0 0;
    +  padding: 15px 10px 22px;
    +
    +  .dt-buttons{
    +
    +		.btn{
    +
    +			embed{
    +				outline: none;
    +			}
    +		}
    +  }
    +}
    +
    +.be-datatable-footer{
    +	margin: 0;
    +	padding: 15px 3px 13px;
    +	background-color: darken(@light-color, 3%);
    +	border-top: 1px solid @input-border;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/datetimepicker.less b/public/assets/css/includes/plugins/datetimepicker.less
    new file mode 100644
    index 0000000..0fe2b3c
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/datetimepicker.less
    @@ -0,0 +1,146 @@
    +/*------------------------------------------------------------------
    +  [Bootstrap dateTime Picker]
    +*/
    +.datetimepicker{
    +	padding: 4px 0;
    +
    +	.input-group-addon{
    +		padding: 0 13px;
    +		font-size: 24px;
    +		line-height: 23px;
    +
    +		> i{
    +			vertical-align: middle;
    +		}
    +	}
    +
    +	&.input-group-sm{
    +
    +		.input-group-addon{
    +			font-size: 20px;
    +			line-height: 21px;
    +			padding: 0 11px;
    +		}
    +	}
    +
    +	&.input-group-lg{
    +
    +		.input-group-addon{
    +			padding: 0 15px;
    +		}
    +	}
    +
    +	//Table
    +	table{
    +		border-collapse: separate;
    +		border-spacing: 7px 2px;
    +
    +		thead{
    +
    +			tr{
    +
    +				th{
    +					padding: 10px 4px 8px;
    +
    +					&.prev, &.next{
    +						padding: 0;
    +						
    +						> .icon{
    +							font-size: 21px;
    +						}
    +
    +						&:hover{
    +							background-color: transparent;
    +							color: @primary-color;
    +						}
    +					}
    +
    +					&.switch{
    +						font-weight: 600;
    +						font-size: 14px;
    +
    +						&:hover{
    +							background-color: transparent;
    +							color: lighten(@text-color, 10%);
    +						}
    +					}
    +
    +					&.dow{
    +						font-weight: 400;
    +						font-size: 14px;
    +						padding-top: 10px;
    +					}
    +				}
    +			}
    +		}
    +
    +		tbody{
    +
    +			tr{
    +
    +				td{
    +					line-height: 31px;
    +  				padding: 0 8px;
    +
    +  				&.day{
    +  					border-radius: 50%;
    +  					color: lighten(@text-color, 20%);
    +
    +  					&.old, &.new{
    +  						color: lighten(@text-color, 45%);
    +  					}
    +
    +  					&.active{
    +  						background: @primary-color;
    +  						color: @light-color;
    +  						text-shadow: none;
    +
    +  						&:hover{
    +  							background: darken(@primary-color, 10%);
    +  						}
    +  					}
    +  				}
    +
    +  				.year, .month, .hour, .minute{
    +  					color: lighten(@text-color, 20%);
    +
    +  					&.old, &.new{
    +  						color: lighten(@text-color, 45%);
    +  					}
    +
    +  					&.active{
    +  						background: @primary-color;
    +  						color: @light-color;
    +  						text-shadow: none;
    +
    +  						&:hover{
    +  							background: darken(@primary-color, 10%);
    +  						}
    +  					}
    +  				}
    +
    +  				fieldset{
    +
    +  					legend{
    +  						font-size: 17px;
    +  						font-weight: 400;
    +  						color: lighten(@text-color, 10%);
    +  						margin-bottom: 5px;
    +  					}
    +  				}
    +				}
    +			}
    +		}
    +	}
    +
    +	//Datepicker dropdown
    +	&.dropdown-menu{
    +		.box-shadow(0 2px 4px rgba(0,0,0,.08));
    +		border-color: rgba(0, 0, 0, 0.1);
    +		padding: 10px;
    +
    +		&:before{
    +			border-bottom-color: rgba(0, 0, 0, 0.08);
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/dropzone.less b/public/assets/css/includes/plugins/dropzone.less
    new file mode 100644
    index 0000000..80af404
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/dropzone.less
    @@ -0,0 +1,34 @@
    +/*------------------------------------------------------------------
    +  [DropZone]
    +*/
    +form.dropzone{
    +	border: 2px dashed darken(@body-background, 16.8%);
    +	padding: 70px 60px 80px;
    +	background: transparent;
    +
    +	.icon{
    +		background-color: darken(@light-color, 10%);
    +		border-radius: 50%;
    +		display: inline-block;
    +		height: 100px;
    +		width: 100px;
    +		margin-bottom: 15px;
    +		padding: 20px;
    +		text-align: center;
    +
    +		span{
    +			font-size: 60px;
    +			color: lighten(@dark-color, 17%);
    +		}
    +	}
    +
    +	h2{
    +		margin-bottom: 30px;
    +		font-size: 40px;
    +		font-weight: @font-weight-light;
    +	}
    +
    +	.note{
    +		font-size: 16px;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/full-calendar.less b/public/assets/css/includes/plugins/full-calendar.less
    new file mode 100644
    index 0000000..c101bdb
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/full-calendar.less
    @@ -0,0 +1,171 @@
    +/*------------------------------------------------------------------
    +  [Full calendar]
    +*/
    +.full-calendar{
    +
    +	.fc-toolbar{
    +		padding-top: 25px;
    +		margin-bottom: 30px;
    +	}
    +
    +	.fc-view-container{
    +		
    +		.fc-event-container{
    +
    +			.fc-event{
    +			  background: @primary-color;
    +			  border-color: darken(@primary-color, 8%);
    +			  color: @light-color;
    +			  border-radius: 0;
    +			}
    +		}
    +		
    +		.fc-border-separate{
    +			.fc-today{
    +				background-color: darken(@light-color, 3%);
    +			}
    +		}
    +
    +		.fc-cell-overlay{
    +			background-color: fade(@primary-color, 50%);
    +		}
    +	}
    +
    +	.fc-button{
    +	  color: @btn-default-color;
    +	  background: @btn-default-bg;
    +	  border-color: @btn-default-border;
    +		height: auto;
    +		padding: 10px;
    +	  font-size: @btn-font-size-base;
    +	  line-height: @btn-line-height-base;
    +
    +	  &:focus,
    +	  &.focus {
    +	  	color: @btn-default-color;
    +	    background-color: @btn-default-bg;
    +	  	border-color: @btn-default-border;
    +	  	box-shadow: @btn-box-shadow-base;
    +	  }
    +
    +	  &:hover, &.hover{
    +			box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    +	  	background-color: @btn-default-bg;
    +			border-color: darken(@btn-default-border, 13%);
    +	  }
    +
    +	  &:active,
    +	  &.fc-state-active,
    +	  &.active,
    +	  .open > .dropdown-toggle& {
    +	  	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +	    color: darken(@btn-default-color, 10%);
    +	    background-color: darken(@btn-default-bg, 11%);
    +	    border-color: darken(@btn-default-border, 13%);
    +
    +	    &:hover,
    +	    &:focus,
    +	    &.focus {
    +	      color: darken(@btn-default-color, 10%);
    +	      background-color: darken(@btn-default-bg, 11%);
    +	     	border-color: darken(@btn-default-border, 13%);
    +	     	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +	    }
    +	  }
    +
    +	  &:active,
    +	  &.active,
    +	  .open > .dropdown-toggle& {
    +	    background-image: none;
    +	  }
    +
    +	  &.disabled,
    +	  &[disabled],
    +	  fieldset[disabled] & {
    +	    &,
    +	    &:hover,
    +	    &:focus,
    +	    &.focus,
    +	    &:active,
    +	    &.active {
    +	      background-color: @btn-default-bg;
    +	          border-color: @btn-default-border;
    +	    }
    +	  }
    +
    +	  &.fc-prev-button,
    +	  &.fc-next-button {
    +			padding-left: 7px;
    +			padding-right: 7px;
    +	  }
    +
    +	  .fc-icon{
    +
    +	  	&:after{
    +	  		position: static;
    +	  		font-weight: @font-weight-regular;
    +	  		font-size: 21px;
    +	  	}
    +	  }
    +	}
    +
    +	.fc-state-default{
    +
    +		&.fc-corner-left{
    +			border-top-left-radius: @btn-border-radius-base;
    +    	border-bottom-left-radius: @btn-border-radius-base;
    +		}
    +
    +		&.fc-corner-right{
    +			border-top-right-radius: @btn-border-radius-base;
    +    	border-bottom-right-radius: @btn-border-radius-base;
    +		}
    +	}
    +
    +	@media @phone{
    +		max-width: 767px;
    +
    +	  .fc-toolbar{
    +			
    +			.fc-left, .fc-center, .fc-right{
    +		    text-align: center;
    +		    display: block;
    +		    width: 100%;
    +		  }
    +
    +		  .fc-left{
    +		  	padding-bottom: 20px;
    +		  }
    +  	
    +	  	.fc-center{
    +			  padding: 0;
    +			}
    +		}
    +	}
    +}
    +
    +//External events panel
    +.fullcalendar-external-events{
    +
    +	.fc-event{
    +		margin: 2px 0;
    +	  padding: 5px;
    +	  background: @primary-color;
    +	  color: @light-color;
    +	  font-size: .85em;
    +	  cursor: pointer;
    +	  display: inline-block;
    +	  border-width: 0;
    +	}
    +
    +	p{
    +		input{
    +			margin-top: 15px;
    +		}
    +
    +		label{
    +			font-weight: 300;
    +			vertical-align: middle;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/gritter.less b/public/assets/css/includes/plugins/gritter.less
    new file mode 100644
    index 0000000..6a51f45
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/gritter.less
    @@ -0,0 +1,169 @@
    +/*------------------------------------------------------------------
    +  [Notifications]
    +*/
    +#gritter-notice-wrapper{
    +	width: @notification-width;
    +	top: @notification-top-position;
    +}
    +
    +//Social Color Mixin
    +.social-gritter(@background){
    +	background: @background;
    +
    +	.gritter-item{
    +
    +		.gritter-img-container{
    +			background-color: darken(@background, 3%);
    +		}
    +	}
    +}
    +
    +.gritter-item-wrapper{
    +	background: url("@{lib-path}/jquery.gritter/images/gritter-bg.png");
    +	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    +
    +	.gritter-item{
    +		font-family:'Open Sans',sans-serif;
    +		background: transparent;
    +		color: @light-color;
    +		padding: 0;
    +		display: table;
    +		table-layout: fixed;
    +		width: 100%;
    +
    +		.gritter-img-container{
    +			display: table-cell;
    +			width: 26%;
    +			vertical-align: middle;
    +			text-align: center;
    +			background-color: darken(@dark-color, 5%);
    +
    +			.gritter-image{
    +				float: none;
    +			}
    +		}
    +
    +		.gritter-content{
    +			width: auto;
    +
    +			&.gritter-with-image, &.gritter-without-image{
    +				padding: 15px 35px 17px 15px;
    +				color: darken(@light-color, 15%);
    +				width: 267px;
    +				display: table-cell;
    +
    +				.gritter-close{
    +					display: block;
    +					top: 0;
    +					right: 0;
    +					left: auto;
    +					height: 30px;
    +					width: 30px;
    +					font-size: 0;
    +					background: transparent;
    +					text-indent: inherit;
    +					opacity: 0.4;
    +
    +					&:hover{
    +						opacity: 0.8;
    +					}
    +
    +					&:after{
    +						content: '\f136';
    +						font-family: @icons-font;
    +						color: @light-color;
    +						font-size: 20px;
    +						text-shadow: none;
    +						line-height: 35px;
    +						margin-left: 7px;
    +					}
    +				}
    +
    +				.gritter-title{
    +					text-shadow: none;
    +					font-weight:300;
    +					font-size:17px;
    +				}
    +
    +				p{
    +					font-size:12px;
    +					line-height:19px;
    +				}
    +			}
    +
    +			.gritter-without-image{
    +				border-left: 0;
    +			}
    +		}	
    +	}
    +
    +	&.img-rounded{
    +		border-radius: 0;
    +
    +		.gritter-img-container{
    +			
    +			.gritter-image{
    +				border-radius: 50%;
    +			}
    +		}
    +	}
    +
    +	&.clean{
    +		background: @light-color;
    +
    +		.gritter-item{
    +			color: @text-color;
    +
    +			.gritter-img-container{
    +				background-color: darken(@light-color, 2%);
    +			}
    +
    +			.gritter-content{
    +				color: @text-color;
    +
    +				.gritter-close{
    +					opacity: 0.5;
    +					
    +					&:after{
    +						color: @text-color;
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	&.color{
    +
    +		.gritter-item{
    +			.gritter-content{
    +				color: @light-color;
    +
    +				.gritter-close{
    +					opacity: 0.7;
    +					
    +					&:hover{
    +						opacity: 1;
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	&.primary	{ background: @primary-color; }
    +	&.success	{ background: @success-color; }
    +	&.warning { background: @warning-color; }
    +	&.danger	{ background: @danger-color; }
    +	&.dark { background: @dark-color; }
    +
    +
    +	&.facebook 		{ .social-gritter(@facebook); 		}
    +	&.twitter			{ .social-gritter(@twitter);  		}
    +	&.google-plus	{ .social-gritter(@google-plus);  }
    +	&.dribbble		{ .social-gritter(@dribbble);			}
    +	&.flickr			{ .social-gritter(@flickr);				}
    +	&.linkedin		{ .social-gritter(@linkedin);			}
    +	&.youtube			{ .social-gritter(@youtube);			}
    +	&.pinterest		{ .social-gritter(@pinterest);		}
    +	&.github			{ .social-gritter(@github);				}
    +	&.tumblr			{ .social-gritter(@tumblr);				}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/nestable-lists.less b/public/assets/css/includes/plugins/nestable-lists.less
    new file mode 100644
    index 0000000..1093a5d
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/nestable-lists.less
    @@ -0,0 +1,189 @@
    +/*------------------------------------------------------------------
    +  [Nestable list]
    +*/
    +.dd{
    +	position: relative;
    +	display: block; 
    +	margin: 0; 
    +	padding: 0; 
    +	max-width: 600px; 
    +	list-style: none; 
    +	font-size: 13px; 
    +	line-height: 20px;
    +}
    +
    +.dd-list{
    +	display: block; 
    +	position: relative; 
    +	margin: 0; 
    +	padding: 0; 
    +	list-style: none;
    +
    +	.dd-item, .dd3-item{
    +
    +		.dd-handle{
    +			cursor: default;
    +			display: block; 
    +			margin: 5px 0; 
    +			padding: 7px 10px; 
    +			text-decoration: none; 
    +			border: 1px solid darken(@light-color, 13%);
    +			background: @light-color;
    +
    +			&:hover{
    +				color: @light-color; 
    +				background: @primary-color; 
    +				border-color: @primary-color;
    +			}
    +		}
    +
    +		> button{
    +			font-family: @icons-font;
    +			display: block; 
    +			position: relative; 
    +			cursor: pointer; 
    +			float: left; 
    +			width: 25px; 
    +			height: 20px; 
    +			margin: 8px 2px; 
    +			padding: 0; 
    +			text-indent: 100%; 
    +			white-space: nowrap; 
    +			overflow: hidden; 
    +			border: 0; 
    +			background: 
    +			transparent; 
    +			.font-size-large(1px);
    +			line-height: 1; 
    +			text-align: center;
    +
    +			&:before{
    +				content: '\f278'; 
    +				display: block; 
    +				position: absolute; 
    +				width: 100%; 
    +				text-align: center; 
    +				text-indent: 0;
    +			}
    +
    +			&[data-action="collapse"]:before{
    +			 content: '\f273';
    +			}
    +		}
    +
    +		.dd3-content{
    +			display: block; 
    +			margin: 5px 0; 
    +			padding: 7px 10px 7px 40px;  
    +			text-decoration: none;
    +			background: none repeat scroll 0 0 @light-color;
    +			border: 1px solid darken(@light-color, 13%);
    +
    +			&:hover{
    +				background: @light-color;
    +			}
    +		} 
    +
    +		.dd3-handle{
    +			position: absolute;
    +			margin: 0; 
    +			left: 0; 
    +			top: 0; 
    +			cursor: all-scroll; 
    +			width: 34px; 
    +			text-indent: 100%; 
    +			white-space: nowrap; 
    +			overflow: hidden;
    +			border: 1px solid @primary-color;
    +			background: @primary-color;
    +			height:36px;
    +
    +			&:before{
    +				content: '='; 
    +				display: block; 
    +				position: absolute; 
    +				left: 0; 
    +				top: 5px; 
    +				width: 100%; 
    +				text-align: center; 
    +				text-indent: 0; 
    +				color: @light-color; 
    +				.font-size-large(8px);
    +				line-height: 24px;
    +				font-weight: normal;
    +			}
    +
    +			&:hover{
    +				background: lighten(@primary-color, 5%);
    +				border-color: lighten(@primary-color, 5%);
    +			}
    +		}
    +	}
    +
    +	.dd3-item{
    +		
    +		> button{
    +			margin-left: 35px;
    +		}
    +	}
    +
    +	.dd-item, .dd-empty, .dd-placeholder{
    +		display: block; 
    +		position: relative; 
    +		margin: 0; 
    +		padding: 0;
    +		min-height: 20px; 
    +		font-size: 13px; 
    +		line-height: 20px;
    +	}
    +
    +	.dd-placeholder, .dd-empty{
    +		margin: 5px 0; 
    +		padding: 0; 
    +		min-height: 30px; 
    +		background: #FFF; 
    +		border: 1px dashed darken(@light-color, 30%); 
    +		box-sizing: border-box; 
    +		-moz-box-sizing: border-box;
    +	}
    +
    +	.dd-empty{
    +		border: 1px dashed #bbb; 
    +		min-height: 100px; 
    +		background-color: #e5e5e5;
    +		background-image: -webkit-linear-gradient(45deg, @light-color 25%, transparent 25%, transparent 75%, @light-color 75%,@light-color),
    +		-webkit-linear-gradient(45deg, @light-color 25%, transparent 25%, transparent 75%, @light-color 75%, @light-color);
    +		background-image: -moz-linear-gradient(45deg, @light-color 25%, transparent 25%, transparent 75%, @light-color 75%, @light-color),
    +		-moz-linear-gradient(45deg, @light-color 25%, transparent 25%, transparent 75%, @light-color 75%, @light-color);
    +		background-image: linear-gradient(45deg, @light-color 25%, transparent 25%, transparent 75%, @light-color 75%, @light-color),
    +		linear-gradient(45deg, @light-color 25%, transparent 25%, transparent 75%, @light-color 75%, @light-color);
    +		background-size: 60px 60px;
    +		background-position: 0 0, 30px 30px;
    +	}
    +
    +	.dd-collapsed{
    +
    +		.dd-list{ 
    +			display: none; 
    +		}
    +	}
    +
    +	&.dd-dragel{
    +		position: absolute; 
    +		pointer-events: none; 
    +		z-index: 9999;
    +
    +		> .dd-item .dd-handle{
    +			margin-top: 0;
    +		}
    +
    +		.dd-handle, .dd3-handle{
    +			-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
    +			box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
    +		}
    +	}
    +
    +	.dd-list{
    +		padding-left: 30px;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/parsley.less b/public/assets/css/includes/plugins/parsley.less
    new file mode 100644
    index 0000000..8cd95dc
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/parsley.less
    @@ -0,0 +1,24 @@
    +/*------------------------------------------------------------------
    +  [Parsley]
    +*/
    +.parsley-errors-list.filled{
    +	margin-top: 10px;
    +	margin-bottom: 0;
    +	padding: 15px 20px;
    +	position: relative;
    +	background-color: @parsley-error-bg;
    +	color: @light-color;
    +	
    +	&:after{
    +		content: "";
    +		display: inline-block;
    +		position: absolute;
    +		top: -6px;
    +		left: 20px;
    +		.triangle(up, 7px, @parsley-error-bg);
    +	}
    +
    +	> li{
    +		list-style: none;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/perfect-scrollbar.less b/public/assets/css/includes/plugins/perfect-scrollbar.less
    new file mode 100644
    index 0000000..11b69e2
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/perfect-scrollbar.less
    @@ -0,0 +1,27 @@
    +/*------------------------------------------------------------------
    +  [Perfect Scrollbar]
    +*/
    +/*Perfect Scrollbar*/
    +
    +.ps-container {
    +
    +  > .ps-scrollbar-y-rail{
    +    width: @scroller-size;
    +    background-color: rgba(0,0,0, 0.1);
    +
    +    > .ps-scrollbar-y{
    +      right: 0;
    +      height: @scroller-size;
    +      width: @scroller-size;
    +      border-radius: 3px;
    +      background-color: rgba(0,0,0, 0.25);
    +    }
    +
    +    &:hover, &:active{
    +
    +      > .ps-scrollbar-y{
    +        width: @scroller-size;
    +      }
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/select2.less b/public/assets/css/includes/plugins/select2.less
    new file mode 100644
    index 0000000..45a46a9
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/select2.less
    @@ -0,0 +1,142 @@
    +/*------------------------------------------------------------------
    +  [Select2]
    +*/
    +.select2-container--default{
    +
    +	.select2-selection--single, .select2-selection--multiple{
    +		border: @select2-border-width solid @input-border;
    +		border-radius: @border-radius-base;
    +	}
    +
    +	.select2-selection--single{
    +		height: @input-height-base;
    +		
    +		.select2-selection__rendered{
    +			padding: 0 15px; 
    +			height: @input-height-base - (@select2-border-width * 2);
    +			line-height: @input-height-base - (@select2-border-width * 2);
    +			font-size: @font-size-base + 1px;
    +			color: @input-color;
    +		}
    +
    +		.select2-selection__arrow{
    +			height: @input-height-base - 2px;
    +			width: 30px;
    +
    +			//Angle icon
    +			b{
    +				border: 0;
    +				left: 0;
    +				top: 0;
    +				width: 100%;
    +				height: 100%;
    +				margin: 0; 
    +
    +				&:after{
    +					content: "\f2f9";
    +					font-family: @icons-font;
    +					font-size: 25px;
    +					font-weight: normal;
    +					line-height: @input-height-base - 2px;
    +					color: @input-color;
    +				}
    +			}
    +		}
    +	}
    +
    +	.select2-selection--multiple{
    +		min-height: @input-height-base - (@select2-border-width * 2);
    +
    +		.select2-selection__rendered{
    +			padding: 4px 12px;
    +		}
    +
    +		.select2-selection__choice{
    +			border-radius: 0;
    +			background-color: darken(@light-color, 5%);
    +			color: lighten(@text-color, 10%);
    +			border-width: 0;
    +			padding: 4px 6px;
    +			line-height: 18px;
    +		}
    +
    +		.select2-selection__choice__remove{
    +			color: lighten(@text-color, 15%);
    +			margin-right: 3px;
    +
    +			&:hover{
    +				color: lighten(@text-color, 5%);
    +			}
    +		}
    +
    +		.select2-search--inline .select2-search__field{
    +			line-height: @input-height-base - 22px;
    +		}
    +	}
    +
    +	&.select2-container--default.select2-container--focus{
    +
    +		.select2-selection--multiple{
    +			border: @select2-border-width solid @input-border;
    +		}
    +	}
    +
    +	&.select2-container--open{
    +
    +		.select2-selection--single{
    +			
    +			.select2-selection__arrow{
    +				
    +				b{
    +
    +					&:after{
    +						content: "\f2f9";
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	.select2-results__group{
    +		font-size: 12px;
    +		color: lighten(@text-color, 10%);
    +	}
    +
    +	.select2-results__option{
    +		padding: 10px 6px;
    +	}
    +
    +	.select2-results__option[aria-selected="true"]{
    +		background-color: darken(@light-color, 3%)
    +	}
    +
    +	.select2-results__option--highlighted[aria-selected]{
    +		background-color: @primary-color;
    +	}
    +
    +	.select2-dropdown{
    +		border-width: @select2-border-width;
    +		border-color: @input-border;
    +
    +		&--above{
    +			border-radius: @border-radius-base @border-radius-base 0 0;
    +			box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.12);
    +		}
    +
    +		&--below{
    +			border-radius: 0 0 @border-radius-base @border-radius-base;
    +			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    +		}
    +	}
    +
    +	.select2-search--dropdown{
    +		background-color: lighten(@input-border, 10%);
    +		border-bottom: @select2-border-width solid @input-border;
    +
    +		.select2-search__field{
    +			background-color: transparent;
    +			border-width: 0;
    +			outline: none;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/slider.less b/public/assets/css/includes/plugins/slider.less
    new file mode 100644
    index 0000000..2406178
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/slider.less
    @@ -0,0 +1,47 @@
    +/*------------------------------------------------------------------
    +  [Slider]
    +*/
    +/*Slider*/
    +.slider {
    +	
    +	&.slider-vertical {
    +		margin-right: 13px;
    +
    +		.slider-handle {
    +    	margin-left: -6px;
    +		}
    +	}
    +
    +	&.slider-horizontal{ 
    +		height: 23px;
    +
    +		.slider-track {
    +			height: 8px;
    +		}
    +
    +		.slider-handle {
    +    	margin-top: -7px;
    +		}
    +	}
    +}
    +
    +.slider-selection {
    +	background: @primary-color;
    +	border: 1px solid @primary-color;
    +	box-shadow: none;
    +}
    +
    +.slider-track {
    +	background: darken(@light-color, 5%);
    +	box-shadow: none;
    +}
    +
    +.slider-handle {
    +	opacity: 1;
    +	background: @light-color;
    +	border: 1px solid darken(@light-color, 6%);
    +	box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
    +	height: 22px;
    +	width: 22px;
    +	transition: box-shadow 200ms ease-in-out;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/summernote.less b/public/assets/css/includes/plugins/summernote.less
    new file mode 100644
    index 0000000..63c9198
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/summernote.less
    @@ -0,0 +1,55 @@
    +/*------------------------------------------------------------------
    +  [Summernote]
    +*/
    +.note-editor.note-frame{
    +	margin-bottom: 0;
    +	border-width: 0;
    +	box-shadow: none;
    +
    +	.note-toolbar{
    +		margin: 0;
    +		padding-bottom: 5px;
    +
    +		.btn{
    +
    +			.fa{
    +				font-size: 14px;
    +			}
    +		}
    +
    +		> .btn-group{
    +			margin-left: 0;
    +	    margin-right: 5px;
    +	    margin-top: 5px
    +		}
    +
    +		.note-color .dropdown-toggle{
    +			padding-left: 5px;
    +    	width: 20px;
    +		}
    +	}
    +
    +	.note-statusbar{
    +		background-color: darken(@light-color, 3.5%);
    +
    +		.note-resizebar{
    +			height: auto;
    +			padding-top: 3px; 
    +			padding-bottom: 4px; 
    +		}
    +	}
    +
    +	.note-editable{
    +		border: 1px solid @input-border;
    +		padding: 10px 12px;
    +		margin-top: 6px;
    +		border-radius: 0;
    +	}
    +
    +	.note-editing-area{
    +		
    +		.note-editable{
    +			color: @text-color;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/vector-maps.less b/public/assets/css/includes/plugins/vector-maps.less
    new file mode 100644
    index 0000000..56e82cd
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/vector-maps.less
    @@ -0,0 +1,30 @@
    +/*------------------------------------------------------------------
    +  [Vector Maps]
    +*/
    +.jvectormap-zoomin,
    +.jvectormap-zoomout {
    +	line-height: 11px;
    +}
    +
    +.jqvmap-zoomin,
    +.jqvmap-zoomout {
    +	width: @vector-map-zoom-button-size;
    +	height: @vector-map-zoom-button-size;
    +	background-color: hsl(0, 0%, 85%);
    +	color: #7a7a7a;
    +	font-size: @vector-map-zoom-font-size;
    +	line-height: @vector-map-zoom-line-height;
    +	text-align: center;
    +	border-radius: 0;
    +	top: auto;
    +	left: 0;
    +	bottom: 0;
    +
    +	&:hover{
    +		background-color: hsl(0, 0%, 79%);
    +	}
    +}
    +
    +.jqvmap-zoomin{
    +	left: @vector-map-zoom-button-size + 13px;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/plugins/wizard.less b/public/assets/css/includes/plugins/wizard.less
    new file mode 100644
    index 0000000..5cc4bd9
    --- /dev/null
    +++ b/public/assets/css/includes/plugins/wizard.less
    @@ -0,0 +1,328 @@
    +/*------------------------------------------------------------------
    +  [Wizard]
    +*/
    +.fuelux .wizard {
    +  *zoom: 1;
    +  border: 1px solid #d4d4d4;
    +  border-radius: 4px;
    +  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    +  background-color: #f9f9f9;
    +  position: relative;
    +  min-height: 48px;
    +  overflow: hidden;
    +}
    +.fuelux .wizard:before,
    +.fuelux .wizard:after {
    +  display: table;
    +  content: "";
    +  line-height: 0;
    +}
    +.fuelux .wizard:after {
    +  clear: both;
    +}
    +.fuelux .wizard > .steps {
    +  list-style: none outside none;
    +  padding: 0;
    +  margin: 0;
    +}
    +.fuelux .wizard > .steps.previous-disabled li.complete {
    +  cursor: default;
    +}
    +.fuelux .wizard > .steps.previous-disabled li.complete:hover {
    +  background: #f3f4f5;
    +  color: #468847;
    +  cursor: default;
    +}
    +.fuelux .wizard > .steps.previous-disabled li.complete:hover .chevron:before {
    +  border-left-color: #f3f4f5;
    +}
    +.fuelux .wizard > .steps li {
    +  float: left;
    +  margin: 0;
    +  padding: 0 20px 0 30px;
    +  height: 46px;
    +  line-height: 46px;
    +  position: relative;
    +  background: #ededed;
    +  color: #999999;
    +  font-size: 16px;
    +  cursor: not-allowed;
    +}
    +.fuelux .wizard > .steps li .chevron {
    +  border: 24px solid transparent;
    +  border-left: 14px solid #d4d4d4;
    +  border-right: 0;
    +  display: block;
    +  position: absolute;
    +  right: -14px;
    +  top: 0;
    +  z-index: 1;
    +}
    +.fuelux .wizard > .steps li .chevron:before {
    +  border: 24px solid transparent;
    +  border-left: 14px solid #ededed;
    +  border-right: 0;
    +  content: "";
    +  display: block;
    +  position: absolute;
    +  right: 1px;
    +  top: -24px;
    +}
    +.fuelux .wizard > .steps li.complete {
    +  background: #f3f4f5;
    +  color: #468847;
    +}
    +.fuelux .wizard > .steps li.complete:hover {
    +  background: #e7eff8;
    +  cursor: pointer;
    +}
    +.fuelux .wizard > .steps li.complete:hover .chevron:before {
    +  border-left: 14px solid #e7eff8;
    +}
    +.fuelux .wizard > .steps li.complete .chevron:before {
    +  border-left: 14px solid #f3f4f5;
    +}
    +.fuelux .wizard > .steps li.active {
    +  background: #f1f6fc;
    +  color: #3a87ad;
    +  cursor: default;
    +}
    +.fuelux .wizard > .steps li.active .chevron:before {
    +  border-left: 14px solid #f1f6fc;
    +}
    +.fuelux .wizard > .steps li.active .badge {
    +  background-color: #3a87ad;
    +}
    +.fuelux .wizard > .steps li .badge {
    +  margin-right: 8px;
    +}
    +.fuelux .wizard > .steps li .badge-success {
    +  background-color: #468847;
    +}
    +.fuelux .wizard > .steps li:first-child {
    +  border-radius: 4px 0 0 4px;
    +  padding-left: 20px;
    +}
    +.fuelux .wizard > .actions {
    +  z-index: 1000;
    +  position: absolute;
    +  right: 0;
    +  line-height: 46px;
    +  float: right;
    +  padding-left: 15px;
    +  padding-right: 15px;
    +  vertical-align: middle;
    +  background-color: #e5e5e5;
    +  border-left: 1px solid #d4d4d4;
    +}
    +.fuelux .wizard > .actions a {
    +  line-height: 45px;
    +  font-size: 12px;
    +  margin-right: 8px;
    +}
    +.fuelux .wizard > .actions .btn-prev[disabled] {
    +  cursor: not-allowed;
    +}
    +.fuelux .wizard > .actions .btn-prev span {
    +  margin-right: 5px;
    +}
    +.fuelux .wizard > .actions .btn-next[disabled] {
    +  cursor: not-allowed;
    +}
    +.fuelux .wizard > .actions .btn-next span {
    +  margin-left: 5px;
    +}
    +.fuelux .wizard .step-content {
    +  border-top: 1px solid #D4D4D4;
    +  padding: 10px;
    +  float: left;
    +  width: 100%;
    +}
    +.fuelux .wizard .step-content .step-pane {
    +  display: none;
    +}
    +.fuelux .wizard .step-content > .active {
    +  display: block;
    +}
    +.fuelux .wizard .step-content > .active .btn-group .active {
    +  display: inline-block;
    +}
    +.fuelux .wizard.complete > .actions .glyphicon-arrow-right:before {
    +  display: none;
    +}
    +.fuelux .wizard.complete > .actions .glyphicon-arrow-right {
    +  margin-left: 0;
    +}
    +
    +//Custom Wizard Style
    +.block-wizard{
    +	padding:0;
    +}
    +
    +.fuelux .wizard {
    +	box-shadow: none;
    +	border-radius: 0;
    +	-webkit-border-radius: 0;
    +	border: 0;
    +	background: @light-color;
    +
    +  label.control-label{
    +    font-weight: 600;
    +  }
    +
    +  .wizard-title{
    +    margin: 10px 0 0;
    +  }
    +
    +	> .actions{
    +		line-height: 48px;
    +    background: darken(@light-color, 3%);
    +    padding: 0;
    +    font-size: 0;
    +
    +    .btn{
    +      line-height: 48px;
    +      border-width: 0;
    +      border-radius: 0;
    +      vertical-align: top;
    +      padding: 0 14px;
    +      box-shadow: none;
    +      font-weight: @font-weight-regular;
    +      color: hsl(0, 0%, 58%);
    +
    +      &:focus, &:active{
    +        box-shadow: none;
    +        border-width: 0;
    +      }
    +
    +      &:hover{
    +        background-color: darken(@light-color, 3%);
    +      }
    +
    +      &:first-child{
    +        border-right: 1px solid #d4d4d4;
    +      }
    +
    +      .icon{
    +        font-size: 17px;
    +        line-height: 17px;
    +        position: relative;
    +        top: -1px;
    +        color: hsl(0, 0%, 58%);
    +      }
    +
    +      &.btn-previous{
    +
    +        i{
    +          margin-right: 5px;
    +        }
    +      }
    +
    +      &.btn-next{
    +
    +        i{
    +          margin-left: 5px;
    +        }
    +      }
    +    }
    +	}
    +
    +	> .steps{
    +
    +		> li{
    +			height: 48px;
    +      background-color: darken(@light-color, 3%);
    +      
    +      .chevron{
    +        border-left-color: darken(@light-color, 12%);
    +
    +        &:before{
    +          border-left: 14px solid darken(@light-color, 3%);
    +        }
    +      }
    +    
    +		}
    +
    +		li{
    +			font-size: 15px;
    +
    +			&:first-child{
    +				border-radius: 0;
    +			}
    +
    +			&.active{
    +				background: @light-color;
    +				color: @primary-color;
    +
    +				.chevron:before {
    +					-moz-transform: scale(.9999);
    +			    border-left: 14px solid @light-color;
    +				}
    +			}
    +
    +			&.complete{
    +				color: @light-color;
    +				background: @primary-color;
    +
    +				.chevron{
    +					border-left-color: darken(@primary-color, 8%);
    +
    +					&:before{
    +						border-left: 14px solid @primary-color;
    +					}
    +				}
    +
    +				&:hover{
    +					background: #5c9aff;
    +
    +					.chevron:before{
    +					    border-left-color: #5c9aff;
    +					}
    +				}
    +			}
    +
    +			.chevron{
    +				-moz-transform: scale(.9999);
    +			}
    +		}
    +	}
    +
    +	> .actions{
    +
    +		button{
    +			font-size: 12px;
    +
    +			i{
    +				font-size: 11px;
    +				line-height: 17px;
    +			}
    +
    +			&.btn-prev{
    +
    +				i{
    +					margin-right: 3px;
    +				}
    +			}
    +
    +			&.btn-next{
    +
    +				i{
    +					margin-left: 3px;
    +				}
    +			}
    +		}
    +	}
    +
    +	.step-content{
    +		padding: 20px 30px;
    +		clear: both;
    +		border-top: 1px solid #E2E2E2;
    +	}
    +}
    +
    +
    +@media (max-width: 767px) {
    +  .wizard-row .fuelux{
    +  	position: static;
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/left-sidebar.less b/public/assets/css/includes/structure/left-sidebar.less
    new file mode 100644
    index 0000000..4758b19
    --- /dev/null
    +++ b/public/assets/css/includes/structure/left-sidebar.less
    @@ -0,0 +1,355 @@
    +/*------------------------------------------------------------------
    +	[Left sidebar]
    +*/
    +.be-left-sidebar{
    +	background-color: @left-sidebar-bg;
    +	width: @left-sidebar-width;
    +	left: 0;
    +	position: absolute;
    +	border-right: 1px solid darken(@left-sidebar-bg, 7%);
    +	
    +	.left-sidebar-wrapper{
    +		display: table;
    +		table-layout: fixed;
    +		width: 100%;
    +		height: 100%;
    +	}
    +
    +	.left-sidebar-spacer{
    +		height: 100%;
    +		display: table-row;
    +
    +		@media @non-responsive{
    +			display: table-row;
    +		}
    +	}
    +
    +	.left-sidebar-scroll{
    +		position: relative;
    +		height: 100%;
    +		width: 100%;
    +		overflow: hidden;
    +	}
    +
    +	.left-sidebar-content{
    +		position: relative;
    +		top: 0;
    +		bottom: 0;
    +		left: 0;
    +		right: 0;
    +		padding-top: 8px;
    +	}
    +
    +	.left-sidebar-toggle{
    +		display: none;
    +		background-color: @light-color;
    +		padding: 16px 10px;
    +		color: @text-color;
    +		font-weight: @font-weight-light;
    +		font-size: 14px;
    +
    +		&:before{
    +			content: '\f2f2';
    +			float: right;
    +			font-family: @icons-font;
    +			font-size: 27px;
    +			line-height: 22px;
    +			color: darken(@left-sidebar-bg, 19%);
    +		}
    +
    +		&.open{
    +
    +			&:before{
    +				content: '\f2f8';
    +			}
    +		}
    +
    +		@media @phone{
    +			display: block;
    +		}
    +	}
    +
    +	.sidebar-elements{
    +		margin: 0;
    +		padding: 0;
    +
    +		.divider{
    +			padding: 20px @left-sidebar-main-level-padding 0;
    +			color: lighten(@left-sidebar-color, 30%);
    +			line-height: 30px;
    +			font-weight: 600;
    +			text-transform: uppercase;
    +			font-size: 11px;
    +		}
    +
    +		//First Level
    +		> li{
    +			list-style: none;
    +
    +			> a{
    +				display: block;
    +				padding: 0 @left-sidebar-main-level-padding;
    +				color: @left-sidebar-color;
    +				font-size: @left-sidebar-main-level-font-size;
    +				line-height: @left-sidebar-main-level-height;
    +				text-overflow: ellipsis;
    +		    overflow: hidden;
    +		    white-space: nowrap;
    +
    +				.icon{
    +					line-height: @left-sidebar-icon-size - 1px;
    +					font-size: @left-sidebar-icon-size;
    +					min-width: @left-sidebar-icon-size;
    +					margin-right: 9px;
    +					text-align: center;
    +					vertical-align: middle;
    +				}
    +
    +				&:hover{
    +					background-color: darken(@left-sidebar-bg, 2%);
    +
    +					> span{
    +						color: darken(@left-sidebar-color, 15%);
    +					}
    +				}
    +			}
    +			
    +			//Parent elements
    +			&.parent{
    +
    +				> a:before{
    +					content: '\f2f2';
    +					float: right;
    +					font-family: @icons-font;
    +					font-size: 21px;
    +					line-height: 37px;
    +					color: darken(@left-sidebar-bg, 19%);
    +				}
    +
    +				&.open{
    +
    +					> a:before{
    +						content: '\f2f8';
    +					}
    +				}
    +			}
    +
    +			//Second Level
    +			ul{
    +				display: none;
    +				background-color: @left-sidebar-sub-level-bg;
    +				padding: 10px 0;
    +				list-style: none;
    +				border-top: 1px solid darken(@left-sidebar-bg, 6%);
    +				border-bottom: 1px solid darken(@left-sidebar-bg, 6%);
    +
    +				//Sub menu items
    +    		li{
    +
    +					> a{
    +						padding: @left-sidebar-sub-level-padding;
    +						color: @left-sidebar-sub-level-color;
    +						font-size: @left-sidebar-sub-level-font-size;
    +						display: block;
    +						text-overflow: ellipsis;
    +				    overflow: hidden;
    +				    white-space: nowrap;
    +
    +						.label{
    +							border-radius: 2px;
    +							font-weight: @font-weight-medium;
    +							line-height: 9px;
    +							font-size: @font-size-small - 1px;
    +							padding: 4px 7px;
    +							margin-left: 4px;
    +							margin-top: 1px;
    +						}
    +
    +						&:hover{
    +							background-color: darken(@left-sidebar-sub-level-bg, 2.5%);
    +						}
    +					}
    +
    +					&.active{
    +
    +						> a{
    +							color: @primary-color;
    +						}
    +					}
    +				}
    +			}
    +			
    +			//First level active
    +			&.active{
    +				
    +				> a{
    +					padding-left: @left-sidebar-main-level-padding;
    +					font-weight: 500;
    +					color: @primary-color;
    +
    +					> span{
    +						color: @primary-color;
    +					}
    +				}
    +			}
    +
    +			&.open{
    +				
    +				> ul{
    +					display: block;
    +				}
    +			}
    +		}
    +	}
    +
    +	&:before{
    +		content: "";
    +		position: fixed;
    +		z-index: -1;
    +		width: inherit;
    +		top: 0;
    +		left: 0;
    +		bottom: 0;
    +		background-color: inherit;
    +		border-right: 1px solid darken(@left-sidebar-bg, 7%);
    +
    +		@media @phone{
    +			display: none;
    +		}
    +	}
    +
    +	@media @phone{
    +		width: 100%;
    +		background-color: lighten(@left-sidebar-bg, 2%);
    +		border-bottom: 1px solid darken(@left-sidebar-bg, 7%);
    +		border-right-width: 0;
    +		position: relative;
    +
    +		.left-sidebar-wrapper, 
    +		.left-sidebar-spacer, 
    +		.left-sidebar-scroll,
    +		.left-sidebar-content{
    +			display: block;
    +			position: relative;
    +			overflow: visible;
    +		}
    +
    +		.left-sidebar-spacer{
    +			display: none;
    +			border-top: 2px solid @left-sidebar-bg;
    +
    +			&.open{
    +				display: block;
    +			}
    +		}
    +
    +		.left-sidebar-content{
    +			padding-bottom: 20px;
    +		}
    +
    +		.sidebar-elements{
    +
    +			> li{
    +
    +				> a{
    +					text-align: left;
    +					position: relative;
    +
    +					&:hover{
    +						background-color: transparent;
    +
    +						> span{
    +							color: inherit;
    +						}
    +					}
    +				}
    +
    +				//Second level style
    +				> ul{
    +					position: relative;
    +					height: auto;
    +					width: 100%;
    +					left: 0;
    +
    +					li{
    +
    +						> a{
    +
    +							&:hover{
    +								background-color: transparent;
    +							}
    +
    +							&:active{
    +								background-color: darken(@left-sidebar-sub-level-bg, 2.5%);
    +							}
    +						}
    +					}
    +
    +					> li.title{
    +						display: none;
    +					}
    +
    +					> li.nav-items{
    +						display: block;
    +						height: auto;
    +
    +						> .be-scroller{
    +							height: auto;
    +							overflow: visible;
    +
    +							> .content{
    +								padding-top: 0;
    +								overflow: visible;
    +								position: relative;
    +							}
    +						}
    +					}
    +				}
    +
    +				&:hover{
    +					background-color: inherit;
    +
    +					> ul{
    +						display: none;
    +					}
    +				}
    +			}
    +
    +			li.open{
    +
    +				> ul{
    +					display: block;
    +				}
    +			}
    +		}
    +	}
    +
    +	.be-fixed-sidebar & {
    +		height: 100%;
    +		margin-top: @top-header-height + 1px;
    +		padding-bottom: @top-header-height + 1px;
    +		position: fixed;
    +		top: 0;
    +		bottom: 0;
    +
    +		.left-sidebar-content{
    +			position: absolute;
    +
    +			@media @phone{
    +				position: relative;
    +			}
    +		}
    +	
    +		@media @phone{
    +			margin-top: 0;
    +			position: static;
    +			height: auto;
    +			margin-top: 0;
    +			padding-bottom: 0;
    +		}
    +
    +		&:before{
    +			top: @top-header-height;
    +		}
    +	}
    +}
    diff --git a/public/assets/css/includes/structure/left-sidebar/progress-widget.less b/public/assets/css/includes/structure/left-sidebar/progress-widget.less
    new file mode 100644
    index 0000000..c86e220
    --- /dev/null
    +++ b/public/assets/css/includes/structure/left-sidebar/progress-widget.less
    @@ -0,0 +1,34 @@
    +.be-left-sidebar{
    +
    +	.progress-widget{
    +		padding: 20px;
    +		cursor: pointer;
    +		
    +		.progress-data{
    +			color: @left-sidebar-color;
    +		}
    +
    +		.progress-value{
    +			float: right;
    +		}
    +
    +		.progress{
    +			margin: 10px 0 0;
    +			height: 8px;
    +			background-color: darken(@left-sidebar-bg, 4%);
    +			border-radius: 2px;
    +		}
    +
    +		&:hover{
    +			background-color: darken(@left-sidebar-bg, 2%);
    +
    +			.progress{
    +				background-color: darken(@left-sidebar-bg, 6%);
    +			}
    +		}
    +
    +		@media @phone{
    +			display: none;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/main-content.less b/public/assets/css/includes/structure/main-content.less
    new file mode 100644
    index 0000000..d1f099f
    --- /dev/null
    +++ b/public/assets/css/includes/structure/main-content.less
    @@ -0,0 +1,45 @@
    +/*------------------------------------------------------------------
    +  [Main content]
    +*/
    +.be-content{
    +	position: relative;
    +	left: 0;
    +	margin-left: @left-sidebar-width;
    +	min-height: 100%;
    +
    +	@media @phone{
    +		margin-left: 0;
    +	}
    +
    +	.be-nosidebar-left &{
    +		margin-left: 0;
    +	}
    +}
    +
    +.main-content{
    +	padding: @content-padding;
    +
    +	@media @tablet{
    +		padding-left: @content-padding-tablet;
    +		padding-right: @content-padding-tablet;
    +		padding-top: @content-padding-tablet + 5px;
    +	}
    +
    +	@media @phone{
    +		height: 100%;
    +		overflow: auto;
    +		-webkit-overflow-scrolling: touch;
    +		padding-left: @content-padding-phone;
    +		padding-right: @content-padding-phone;
    +		padding-top: 20px;
    +	}
    +
    +	@media @small-phone{
    +		padding-right: @content-padding-small-phone;
    +		padding-left: @content-padding-small-phone;
    +	}
    +
    +	.be-no-padding &{
    +		padding: 0;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/main-wrapper.less b/public/assets/css/includes/structure/main-wrapper.less
    new file mode 100644
    index 0000000..6fd7110
    --- /dev/null
    +++ b/public/assets/css/includes/structure/main-wrapper.less
    @@ -0,0 +1,11 @@
    +/*------------------------------------------------------------------
    +	[Main wrapper]
    +*/
    +.be-wrapper{
    +	min-height: 100%;
    +	padding-top: @top-header-height + 1px;
    +
    +	@media @phone {
    +		overflow-x: hidden;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/page-aside.less b/public/assets/css/includes/structure/page-aside.less
    new file mode 100644
    index 0000000..7084624
    --- /dev/null
    +++ b/public/assets/css/includes/structure/page-aside.less
    @@ -0,0 +1,146 @@
    +/*------------------------------------------------------------------
    +  [Page aside]
    +*/
    +.be-aside{
    +
    +	.main-content{
    +		margin-left: @page-aside-width;
    +
    +		@media @phone{
    +			margin-left: inherit;
    +		}
    +	}
    +}
    +
    +.page-aside{
    +  background: none repeat scroll 0 0 @light-color;
    +  width: @page-aside-width;
    +  height: 100%;
    +  position: fixed;
    +  top: 0;
    +  left: @left-sidebar-width;
    +  border-right: 1px solid darken(@light-color, 10%);
    +  margin-top: @top-header-height + 1px;
    +	padding-bottom: @top-header-height + 1px;
    +
    +  .be-scroller{
    +    position: relative;
    +    height: 100%;
    +    width: 100%;
    +  }
    +
    +  .content{
    +  	padding: 20px @page-aside-padding;
    +    position: relative;
    +  }
    +
    +	@media @phone{
    +    width: 100%;
    +    display: block;
    +    height: auto;
    +    position: relative;
    +    margin-top: 0;
    +    padding-bottom: 0;
    +    left: 0;
    +    border-bottom: 2px solid darken(@light-color, 5%);
    +	}
    +}
    +
    +.aside-header{
    +  margin-bottom: 5px;
    +
    +  .title{
    +    display: block;
    +    margin: 16px 0 0;
    +    font-size: @page-aside-title-size;
    +    line-height: @page-aside-title-size;
    +    font-weight: @font-weight-light;
    +  }
    +
    +  .navbar-toggle{
    +    padding: 0;
    +    padding-right: 11px;
    +    text-align: right;
    +    margin: 0;
    +    width: 100%;
    +    height: 100%;
    +    top: 0;
    +    left: 0;
    +    position: absolute;
    +
    +    .icon{
    +      font-size: 27px;
    +      color: lighten(@text-color, 50%)
    +    }
    +  }
    +
    +  .description{
    +    color: lighten(@text-color, 10%);
    +    margin: 0;
    +  }
    +}
    +
    +.aside-nav{
    +  display: block;
    +  visibility: visible;
    +
    +  .nav{
    +
    +    li{
    +
    +      a{
    +        color: @text-color;
    +        padding: 13px @page-aside-padding;
    +      }
    +
    +      &.active{
    +        
    +        a{
    +          color: @primary-color;
    +
    +          .icon{
    +            color: @primary-color;
    +          }
    +        }
    +      }
    +
    +      .label{
    +        float: right;
    +        font-size: 12px;
    +        font-weight: @font-weight-light;
    +        padding: 4px 7px;
    +      }
    +
    +      .icon{
    +        font-size: 19px;
    +        vertical-align: middle;
    +        text-align: center;
    +        min-width: 19px;
    +        margin-right: 3px;
    +        color: lighten(@text-color, 13%);
    +      }
    +    } 
    +  }
    +
    +  .title{
    +    display: block;
    +    color: lighten(@text-color, 35%);
    +    font-size: @font-size-small - 1px;
    +    font-weight: @font-weight-bold;
    +    text-transform: uppercase;
    +    margin: 20px 0 0;
    +    padding: 8px @page-aside-padding 4px;
    +  }
    +
    +  @media @phone{
    +    border-bottom: 1px solid darken(@light-color, 10%);
    +
    +    &.collapse{
    +      display: none;
    +    }
    +
    +    &.in{
    +      display: block;
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/page-head.less b/public/assets/css/includes/structure/page-head.less
    new file mode 100644
    index 0000000..0550d18
    --- /dev/null
    +++ b/public/assets/css/includes/structure/page-head.less
    @@ -0,0 +1,64 @@
    +/*------------------------------------------------------------------
    +  [Page head]
    +*/
    +
    +.page-head {
    +	padding: 20px @content-padding 10px;
    +	position: relative;
    +
    +	&-title{
    +		display: block;
    +		margin-bottom: 5px;
    +		margin-top: 6px;
    +		font-weight: @font-weight-light;
    +		letter-spacing: -1px;
    +		.font-size-large(13px);
    +		color: hsl(0, 0%, 42%);
    +		line-height: 36px; 
    +	}
    +
    +	&-description{
    +		display: block;
    +		color: hsl(0, 0%, 43%);
    +		.font-size(1px);
    +		font-weight: @font-weight-light;
    +	}
    +
    +	.breadcrumb{
    +		background-color: transparent;
    +		padding: 3px 0;
    +		margin-bottom: 7px;
    +
    +		> li{
    +			.font-size(1px);
    +			font-weight: @font-weight-light;
    +
    +			& + li:before{
    +				padding: 0 2px;
    +				color: hsl(0, 0%, 64%);
    +			}
    +
    +			> a{
    +				color: hsl(0,0%,37%);
    +
    +				&:hover{
    +					color: hsl(0, 0%, 19%);
    +				}
    +			}
    +		}
    +
    +		> .active{
    +			color: hsl(0, 0%, 48%);
    +		}
    +	}
    +
    +	@media @phone{
    +		padding: 18px @content-padding-phone 0;
    +		display: none;
    +
    +		&-title{
    +			.font-size-large(9px);
    +			line-height: 28px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/right-sidebar.less b/public/assets/css/includes/structure/right-sidebar.less
    new file mode 100644
    index 0000000..04c03e5
    --- /dev/null
    +++ b/public/assets/css/includes/structure/right-sidebar.less
    @@ -0,0 +1,212 @@
    +/*------------------------------------------------------------------
    +  [Right sidebar]
    +*/
    +//Sidebar Structure
    +.be-right-sidebar{
    +  background-color: @right-sidebar-background;
    +  margin-top: @top-header-height + 1px;
    +  padding-bottom: @top-header-height + 1px;
    +  position: fixed;
    +  width: @right-sidebar-width;
    +  height: 100%;
    +  right: -@right-sidebar-width;
    +  top: 0;
    +  bottom: 0;
    +  border-left: 1px solid darken(@right-sidebar-background, 7%);
    +  z-index: @right-sidebar-z-index;
    +
    +  .be-animate & {
    +    transition: @sidebars-push-effect;
    +  }
    +}
    +
    +
    +//Push sidebar animation
    +body.open-right-sidebar{
    +
    +  @media @non-responsive{
    +    .right-sidebar-animation(false);
    +  }
    +
    +  @media @phone{
    +    .right-sidebar-animation(@sidebars-hardware-accelerated-animation);
    +  }
    +}
    +
    +//Sidebar Style
    +.be-right-sidebar{
    +
    +  .sb-content{
    +    display: table;
    +    table-layout: fixed;
    +    height: 100%;
    +    width: 100%;
    +  }
    +
    +  .tab-navigation{
    +
    +    .nav-tabs{
    +      background-color: transparent;
    +      border-bottom: 0;
    +      padding: 0;
    +
    +      > li{
    +
    +        > a{
    +          background-color: darken(@right-sidebar-background, 3%);
    +          border-width: 0;
    +          padding: 14px 10px;
    +          min-width: auto;
    +          font-size: 14px;
    +
    +          .icon{
    +            font-size: 25px;
    +            color: @right-sidebar-icons-color;
    +          }
    +
    +          &:hover{
    +            border: 0;
    +            background-color: darken(@right-sidebar-background, 1.5%);
    +            color: darken(@body-color, 2%);
    +          }
    +
    +          &:focus{
    +            border: 0;
    +          }
    +        }
    +
    +        &.active{
    +
    +          > a{
    +            color: @primary-color;
    +            background-color: transparent;
    +          }
    +        }
    +      }
    +    }
    +
    +    @media @phone{
    +
    +      .nav-justified{
    +        display: table;
    +
    +        > li{
    +          display: table-cell;
    +
    +          > a{
    +            margin-bottom: 0;
    +            min-width: 40px;
    +          }
    +        }
    +      }
    +    }
    +  }
    +
    +  .tab-panel{
    +    height: 100%;
    +    display: table-row;
    +
    +    .tab-content{
    +      height: 100%;
    +      position: relative;
    +      width: 100%;
    +      padding: 0;
    +      background: transparent;
    +      display: table-cell;
    +      overflow: hidden;
    +
    +      .tab-pane{
    +        height: 100%;
    +        position: relative;
    +        width: 100%;
    +
    +        > .content{
    +          overflow: auto;
    +          bottom: 0;
    +          left: 0;
    +          position: absolute;
    +          right: 0;
    +          top: 0;
    +        }
    +
    +        h2{
    +          font-size: 15px;
    +          font-weight: @font-weight-regular;
    +          padding-bottom: 15px;
    +          border-bottom: 1px solid darken(@right-sidebar-background, 6%);
    +          padding-left: 5px;
    +          margin-bottom: 20px;
    +          margin-top: 18px;
    +        }
    +      }
    +      
    +      //Search input at the bottom of the sb
    +      .bottom-input{
    +        position: relative;
    +        border-top: 1px solid darken(@right-sidebar-background, 3%);
    +
    +        > input{
    +          border: 0;
    +          background-color: @right-sidebar-background;
    +          color:@body-color;
    +          width: 100%;
    +          font-size: 13px;
    +          font-weight: @font-weight-regular;
    +          padding: 15px 20px;
    +          outline: none;
    +        }
    +
    +        > span{
    +          position: absolute;
    +          color: @right-sidebar-icons-color;
    +          right: 15px;
    +          top: 50%;
    +          font-size: 20px;
    +          margin-top: -10px;
    +          cursor: pointer;
    +
    +          &:hover{
    +            color: lighten(@right-sidebar-icons-color, 15%);
    +          }
    +        }
    +      }
    +    }
    +  }
    +
    +  @media @phone{
    +    width: @right-sidebar-width-phone;
    +    right: 0;
    +    transform: translate3d(100%, 0, 0);
    +    margin-top: 0;
    +    padding-bottom: 0;
    +
    +    .tab-panel{
    +
    +      .tab-content{
    +
    +        > .chat{
    +          width: 100%;
    +
    +          .chat-contacts, .chat-window{
    +            width: 100%;
    +          }
    +
    +          .chat-window{
    +            left: 100%;
    +          }
    +
    +          &.chat-opened{
    +            
    +            .chat-contacts{
    +              left: -100%;
    +            }
    +          }
    +        }
    +      }
    +    }
    +  }
    +
    +  @media (max-width: 320px){
    +    width: 90%;
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/right-sidebar/tab-chat.less b/public/assets/css/includes/structure/right-sidebar/tab-chat.less
    new file mode 100644
    index 0000000..c0d724a
    --- /dev/null
    +++ b/public/assets/css/includes/structure/right-sidebar/tab-chat.less
    @@ -0,0 +1,295 @@
    +//Chat Tab
    +.tab-chat{
    +  white-space: nowrap;
    +  font-size: 0;//This is used to remove undesired "white space" when using inline-blocks
    +  width: @right-sidebar-width;
    +
    +  h2{
    +    margin: 30px 20px 15px;
    +  }
    +
    +  .contact-list{
    +    font-size: 12px;
    +
    +    .user{
    +
    +      a{
    +        display: block;
    +        padding: 11px 25px;
    +        overflow: hidden;
    +
    +        img{
    +          width: 30px;
    +          height: 30px;
    +          border-radius: 50%;
    +          float: left;
    +        }
    +
    +        .user-data, .user-data2{
    +          padding-left: 40px;
    +          line-height: 16px;
    +
    +          .status{
    +            background-color: @status-online;
    +            border-radius: 50%;
    +            float: right;
    +            width: 7px;
    +            height: 7px;
    +            position: relative;
    +            top: 5px;
    +
    +            &.offline{
    +              background-color: @status-offline;
    +            }
    +
    +            &.away{
    +              background-color: @status-away;
    +            }
    +          }
    +
    +          .name{
    +            color: @body-color;
    +            font-weight: 500;
    +            font-size: 13px;
    +          }
    +
    +          .message{
    +            display: block;
    +            color: darken(@right-sidebar-low-contrast-color, 10%);
    +            font-size: 13px;
    +          }
    +        }
    +
    +        .user-data2{
    +          margin-top: 7px;
    +        }
    +
    +        &:hover{
    +          background-color: darken(@right-sidebar-background, 2%);
    +        }
    +      }
    +    }
    +
    +    &-recent{
    +      margin-bottom: 30px;
    +    }
    +  }
    +
    +  .chat-contacts, .chat-window{
    +    height: 100%;
    +    width: 100%;
    +    display: table;
    +    table-layout: fixed;
    +    position: absolute;
    +    left: 0;
    +    transition: left 0.3s ease;
    +  }
    +
    +  .chat-contacts{
    +
    +    .chat-sections{
    +      height: 100%;
    +      display: table-row;
    +
    +      .be-scroller{
    +        position: relative;
    +        width: 100%;
    +        height: 100%;
    +        overflow: hidden;
    +      }
    +
    +      .content{
    +        position: absolute;
    +        width: 100%;
    +        top: 0;
    +        bottom: 0;
    +      }
    +    }
    +
    +    .search{
    +      position: relative;
    +    }
    +  }
    +
    +  .chat-window{
    +    height: 100%;
    +    left: @right-sidebar-width;
    +    display: table;
    +    table-layout: fixed;
    +
    +    .title{
    +      padding: 20px 10px;
    +      padding-right: 20px;
    +      overflow: hidden;
    +
    +      .icon{
    +        font-size: 27px;
    +        width: 27px;
    +        text-align: center;
    +        color: @right-sidebar-low-contrast-color;
    +        position: relative;
    +        vertical-align: middle;
    +        cursor: pointer;
    +      }
    +
    +      .user{
    +        display: inline-block;
    +        float: right;
    +        text-align: right;
    +        line-height: 13px;
    +
    +        img{
    +          height: 35px;
    +          width: 35x;
    +          border-radius: 50%;
    +          float: right;
    +          margin-left: 10px;
    +        }
    +
    +        h2{
    +          display: inline-block;
    +          margin: 0;
    +          padding: 0;
    +          border: 0;
    +        }
    +
    +        span{
    +          display: block;
    +          font-size: 12px;
    +          color: darken(@right-sidebar-low-contrast-color, 10%);
    +        }
    +      }
    +    }
    +
    +    .chat-messages{
    +      height: 100%;
    +      display: table-row;
    +      font-size: 13px;
    +    
    +      .be-scroller{
    +        position: relative;
    +        width: 100%;
    +        height: 100%;
    +        overflow: hidden;
    +        outline: none;
    +      }
    +
    +      .content{
    +        position: absolute;
    +        width: 100%;
    +        top: 0;
    +        bottom: 0;
    +      }
    +
    +      ul{
    +        outline: none;
    +        margin: 0;
    +        padding: 0;
    +
    +        > li{
    +          display: block;
    +          list-style: none;
    +          padding: 9px 16px;
    +
    +          .msg{
    +            position: relative;
    +            display: inline-block;
    +            background-color: lighten(@primary-color, 2%);
    +            color: @light-color;
    +            font-size: 13px;
    +            padding: 6px 8px;
    +            border-radius: 3px;
    +            white-space: normal;
    +            text-align: left;
    +            margin-left: 40px;
    +
    +            &:after{
    +              content: "";
    +              position: absolute;
    +              right: -5px;
    +              top: 7px;
    +              border-bottom: 6px solid transparent;
    +              border-left: 6px solid lighten(@primary-color, 2%);
    +              border-top: 6px solid transparent;
    +            }
    +          }
    +          
    +          &.friend{
    +
    +            .msg{
    +              background-color: darken(@light-color, 6%);
    +              color: lighten(@dark-color, 11%);
    +              margin-left: 0;
    +              margin-right: 40px;
    +
    +              &:after{
    +                right: auto;
    +                left: -5px;
    +                border-left-width: 0;
    +                border-right: 5px solid darken(@light-color, 6%);
    +              }
    +            }
    +          }
    +
    +          &.self{
    +            text-align: right;
    +          }
    +        }
    +      }
    +    }
    +
    +    .chat-input{
    +      position: relative;
    +
    +      .input-wrapper{
    +        border-top: 1px solid darken(@right-sidebar-background, 3%);
    +
    +        > input{
    +          border: 0;
    +          background-color: @right-sidebar-background;
    +          color: @right-sidebar-low-contrast-color;
    +          width: 100%;
    +          font-size: 13px;
    +          font-weight: 300;
    +          padding: 15px 20px;
    +          padding-left: 42px;
    +          padding-right: 40px;
    +          outline: none;
    +        }
    +
    +        > span{
    +          position: absolute;
    +          color: @right-sidebar-icons-color;
    +          right: 15px;
    +          top: 50%;
    +          font-size: 20px;
    +          margin-top: -10px;
    +          cursor: pointer;
    +
    +          &:hover{
    +            color: lighten(@right-sidebar-icons-color, 15%);
    +          }
    +        }
    +
    +        .photo{
    +          left: 15px;
    +          font-size: 22px;
    +          top: 50%;
    +          right: auto;
    +        }
    +      }
    +    }
    +
    +  }
    +
    +  &.chat-opened{
    +    
    +    .chat-contacts{
    +      left: -@right-sidebar-width;
    +    }
    +
    +    .chat-window{
    +      left: 0;
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/right-sidebar/tab-settings.less b/public/assets/css/includes/structure/right-sidebar/tab-settings.less
    new file mode 100644
    index 0000000..2ca5b68
    --- /dev/null
    +++ b/public/assets/css/includes/structure/right-sidebar/tab-settings.less
    @@ -0,0 +1,58 @@
    +//Tab Settings
    +.tab-settings{
    +  
    +  .settings-wrapper{
    +    position: relative;
    +    height: 100%;
    +    overflow: hidden;
    +  }
    +
    +  .settings-content{
    +
    +  }
    +
    +  .be-scroller{
    +    padding: 10px 20px 0;
    +    position: absolute;
    +    top: 0;
    +    left: 0;
    +    width: 100%;
    +    height: 100%;
    +  }
    +
    +  .category-title{
    +    display: block;
    +    font-size: 15px;
    +    font-weight: @font-weight-regular;
    +    color: lighten(@text-color, 25%);
    +    padding-top: 15px;
    +    padding-bottom: 15px;
    +    border-bottom: 1px solid darken(@right-sidebar-background, 6%);
    +    margin-bottom: 15px;
    +  }
    +}
    +
    +.settings-list{
    +  list-style: none;
    +  padding-left: 0;
    +  margin-bottom: 15px;
    +
    +  > li{
    +    margin: 0;
    +    padding: 5px 0;
    +    line-height: 24px;
    +    font-size: 14px;
    +
    +    .name{
    +      display: block;
    +      overflow: hidden;
    +      text-overflow: ellipsis;
    +      white-space: nowrap;
    +    }
    +
    +    .switch-button{
    +      float: right;
    +      margin-left: 5px;
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/right-sidebar/tab-todo.less b/public/assets/css/includes/structure/right-sidebar/tab-todo.less
    new file mode 100644
    index 0000000..2818428
    --- /dev/null
    +++ b/public/assets/css/includes/structure/right-sidebar/tab-todo.less
    @@ -0,0 +1,98 @@
    +//Tab Todo
    +.tab-todo{
    +  
    +  .todo-container{
    +    height: 100%;
    +    display: table;
    +    table-layout: fixed;
    +    width: 100%;
    +  }
    +
    +  .todo-wrapper{
    +    display: table-row;
    +    height: 100%;
    +  }
    +
    +  .be-scroller{
    +    position: relative;
    +    overflow: hidden;
    +    height: 100%;
    +  }
    +
    +  .todo-content{
    +    padding: 10px 20px 0;
    +    position: absolute;
    +    top: 0;
    +    left: 0;
    +    width: 100%;
    +    height: 100%;
    +  }
    +
    +  .category-title{
    +    display: block;
    +    font-size: 15px;
    +    font-weight: @font-weight-regular;
    +    color: lighten(@text-color, 25%);
    +    padding-top: 15px;
    +    padding-bottom: 15px;
    +    border-bottom: 1px solid darken(@right-sidebar-background, 6%);
    +    margin-bottom: 15px;
    +  }
    +}
    +
    +//Todo list
    +.todo-list{
    +  list-style: none;
    +  padding-left: 0;
    +  margin-bottom: 15px;
    +
    +  > li{
    +    margin: 0;
    +    padding: 0;
    +
    +    .be-checkbox{
    +      margin-right: 4px;
    +
    +      input[type="checkbox"]{
    +       
    +        & + label{
    +          display: block;
    +          cursor: pointer;
    +          white-space: nowrap;
    +          overflow: hidden;
    +          text-overflow: ellipsis;
    +
    +          &:before{
    +            margin-right: 8px;
    +          }
    +        }
    +
    +        &:checked + label{
    +          text-decoration: line-through;
    +          color: lighten(@text-color, 35%);
    +        }
    +      }
    +
    +      .delete{
    +        display: none;
    +        float: right;
    +        font-size: 17px;
    +        color: lighten(@text-color, 45%);
    +        line-height: 22px;
    +        margin-left: 5px;
    +        cursor: pointer;
    +
    +        &:hover{
    +          color: lighten(@text-color, 25%);
    +        }
    +      }
    +
    +      &:hover{
    +
    +        .delete{
    +          display: block;
    +        }
    +      }
    +    }
    +  }
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/scroll-top.less b/public/assets/css/includes/structure/scroll-top.less
    new file mode 100644
    index 0000000..fd91ca8
    --- /dev/null
    +++ b/public/assets/css/includes/structure/scroll-top.less
    @@ -0,0 +1,31 @@
    +/*------------------------------------------------------------------
    +	[Scroll to top button]
    +*/
    +.be-scroll-top{
    +	cursor: pointer;
    +	position: fixed;
    +	bottom: 10px;
    +	right: 10px;
    +	color: @light-color;
    +	background-color: rgba(0,0,0, 0.6);
    +	padding: 0 14px;
    +	display: none;
    +	transition: background-color .2s ease;
    +	border-radius: 4px;
    +
    +	&:hover{
    +		background-color: rgba(0,0,0, 0.8);
    +	}
    +
    +	&:hover, &:focus{
    +		color: @light-color;
    +	}
    +
    +	&:before{
    +		content: '\f2fc';
    +		font-family: @icons-font;
    +		.font-size-large(18px);
    +		display: inline-block;
    +		vertical-align: middle;
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/sidebars-push-effect.less b/public/assets/css/includes/structure/sidebars-push-effect.less
    new file mode 100644
    index 0000000..a69b650
    --- /dev/null
    +++ b/public/assets/css/includes/structure/sidebars-push-effect.less
    @@ -0,0 +1,23 @@
    +//Right sidebar animation
    +//Without Hardware Acceleration
    +.right-sidebar-animation(@ha_animation) when (@ha_animation = false){
    +
    +	.be-right-sidebar{
    +		right: 0;
    +	}
    +}
    +
    +//With Hardware Acceleration
    +.right-sidebar-animation(@ha_animation) when (@ha_animation = true){
    +
    +	@media @phone{
    +
    +		.be-wrapper{
    +			overflow: hidden;
    +		}
    +
    +		.be-right-sidebar{
    +    	transform: translate3d(0, 0, 0);
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/splash-screen.less b/public/assets/css/includes/structure/splash-screen.less
    new file mode 100644
    index 0000000..c9ea14c
    --- /dev/null
    +++ b/public/assets/css/includes/structure/splash-screen.less
    @@ -0,0 +1,68 @@
    +/*------------------------------------------------------------------
    +  [Splash screen]
    +*/
    +.be-splash-screen{
    +	background-color: @splash-screen-bg;
    +
    +	.be-wrapper{
    +		padding-top: 0;
    +
    +		.be-content{
    +			margin: 0;
    +		}
    +	}
    +}
    +
    +//Centered container
    +.splash-container{
    +	max-width: @login-width;
    +	margin: @login-margin-top auto;
    +
    +	.panel{
    +		margin-bottom: 30px;
    +
    +		.panel-heading{
    +			text-align: center;
    +			margin-bottom: 20px;
    +			padding-top: 40px;
    +			padding-bottom: 0;
    +		}
    +
    +		.panel-body{
    +			padding: 20px 30px 15px;
    +
    +			.be-checkbox{
    +				display: inline-block;
    +				padding: 0;
    +			}
    +		}
    +	}
    +
    +	@media @phone{
    +		margin-top: 50px;
    +	}
    +}
    +
    +//Title
    +.splash-title{
    +	text-align: center;
    +	display: block;
    +	.font-size-large(2px);
    +	font-weight: @font-weight-light;
    +}
    +
    +//Description text
    +.splash-description{
    +	text-align: center;
    +	display: block;
    +	line-height: 20px;
    +	font-size: @font-size-base;
    +	color: lighten(@text-color, 10%);
    +	margin-top: 11px;
    +	padding-bottom: 10px;
    +}
    +
    +//Footer
    +.splash-footer{
    +	text-align: center;
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/top-header.less b/public/assets/css/includes/structure/top-header.less
    new file mode 100644
    index 0000000..dac10ab
    --- /dev/null
    +++ b/public/assets/css/includes/structure/top-header.less
    @@ -0,0 +1,427 @@
    +/*------------------------------------------------------------------
    +	[Top header]
    +*/
    +.be-top-header{
    +	background-color: @top-header-bg;
    +	border:	0;
    +	margin-bottom: 0;
    +	border-bottom: 1px solid darken(@light-color, 10%);
    +
    +	@media @phone{
    +		border-bottom-width: 0;
    +		position: relative;
    +		min-height: 0;
    +	}
    +
    +	.container-fluid{
    +		padding: 0;
    +	}
    +
    +	//logo and toggle button
    +	.navbar-header{
    +
    +		//logo
    +		.navbar-brand{
    +			line-height: @top-header-height;
    +			height: @top-header-height;
    +			width: @left-sidebar-width;
    +			background-image: url("@{img-path}/logo.png");
    +			background-repeat: no-repeat;
    +			background-position: @logo-padding center;
    +			padding: 0 @logo-padding;
    +			margin: 0;
    +
    +			//Retina logo
    +			@media @retina{
    +				background-image: url("@{img-path}/logo-xx.png");
    +				background-size: @logo-width @logo-height;
    +			}
    +
    +			//Phone style
    +			@media @phone{
    +				display: none;
    +			}
    +
    +			//Reduce content spacing on tablet res.
    +			@media @tablet{
    +				margin-right: 10px;
    +			}
    +
    +			//Whitout left sidebar style
    +			.be-nosidebar-left &{
    +				width: @logo-width + (@logo-padding * 2);
    +			}
    +		}
    +
    +		@media @phone{
    +			display: none;
    +		}
    +	}
    +
    +	//Page title
    +	.page-title{
    +		font-size: 19px;
    +		line-height: @top-header-height;
    +		float: left;
    +		padding: 0 20px;
    +
    +		.be-nosidebar-left &{
    +			padding-left: 10px;
    +		}
    +
    +		@media @phone{
    +			display: none;
    +		}
    +	}
    +
    +	//Top general navigation
    +	.navbar-nav{
    +
    +		> li{
    +
    +			> a{
    +				line-height: @top-header-height;
    +				color: @top-header-navbar-color;
    +				font-size: @top-header-navbar-font-size;
    +				padding: 0 @top-header-navbar-padding;
    +				outline: none;
    +				
    +				&:hover, &:focus{
    +					color: @top-header-navbar-color;
    +				}
    +
    +				@media @tablet{
    +					padding: 0 @top-header-navbar-padding + 6px;
    +				}
    +			}
    +
    +			&.open{
    +
    +				> a{
    +					color: @primary-color;
    +
    +					&:focus, &:active, &:hover{
    +						color: @primary-color;
    +					}
    +				}
    +			}
    +
    +			&.dropdown{
    +
    +				> a{
    +
    +					.mdi-caret-down{
    +						font-size: 23px;
    +						vertical-align: middle;
    +						margin-left: 3px;
    +					}
    +				}
    +
    +				.dropdown-menu{
    +					border-radius: 3px;
    +					margin-top: 12px;
    +
    +					> li{
    +
    +						> a{
    +							color: @dropdown-text-color;
    +							padding: 10px 20px;
    +							min-width: 175px;
    +
    +							&:hover{
    +								background-color: @primary-color;
    +								color: @light-color;
    +							}
    +
    +							&:focus, &:active{
    +								background-color: transparent;
    +								color: @dropdown-text-color;
    +							}
    +						}
    +					}
    +
    +					&:after, &:before{
    +						border-bottom: 8px solid white;
    +				    border-left: 8px solid transparent;
    +				    border-right: 8px solid transparent;
    +				    top: -8px;
    +				    content: "";
    +				    display: inline-block;
    +				    left: 42px;
    +				    margin-left: -6px;
    +				    position: absolute;
    +					}
    +
    +					&:before{
    +						border-bottom-width: 9px;
    +						border-left-width: 9px;
    +						border-right-width: 9px;
    +						border-bottom-color: @dropdown-border;
    +						margin-left: -7px;
    +						top: -9px;
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	//Default navbar collapse
    +	.navbar-collapse{
    +		border-width: 0;
    +		
    +		@media @phone{
    +			border-top: 1px solid @left-sidebar-bg;
    +			max-height: none;
    +		}
    +
    +		.navbar-nav{
    +
    +			@media @phone{
    +				background-color: lighten(@left-sidebar-bg, 2%);
    +				margin: 0;
    +				padding: 15px 0;
    +
    +				> li{
    +
    +					> a{
    +						display: block;
    +						padding: 0 @left-sidebar-main-level-padding;
    +						color: @left-sidebar-color;
    +						font-size: @left-sidebar-main-level-font-size;
    +						line-height: @left-sidebar-main-level-height;
    +						text-overflow: ellipsis;
    +				    overflow: hidden;
    +				    white-space: nowrap;
    +
    +				    .icon{
    +							line-height: @left-sidebar-icon-size - 1px;
    +							font-size: @left-sidebar-icon-size;
    +							min-width: @left-sidebar-icon-size;
    +							margin-right: 9px;
    +							text-align: center;
    +							vertical-align: middle;
    +						}
    +					}
    +
    +					&.dropdown{
    +
    +						.mdi-caret-down{
    +							float: right;
    +							line-height: @left-sidebar-main-level-height;
    +							color: darken(@left-sidebar-bg, 19%);
    +						}
    +
    +						.dropdown-menu{
    +							background-color: @left-sidebar-sub-level-bg;
    +							padding: 10px 0;
    +							border-top: 1px solid darken(@left-sidebar-bg, 6%);
    +							border-bottom: 1px solid darken(@left-sidebar-bg, 6%);
    +							border-radius: 0;
    +
    +							&:before, &:after{
    +								display: none;
    +							}
    +
    +							> li{
    +
    +								> a{
    +									color: @left-sidebar-sub-level-color;
    +									padding: @left-sidebar-sub-level-padding;
    +									padding-left: 23px;
    +								}
    +							}
    +						}
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	//Right navbar
    +	.be-right-navbar{
    +		padding-right: 20px;
    +
    +		.navbar-nav{
    +			background-color: transparent;
    +								
    +			@media @phone{
    +
    +				> li{
    +
    +					> a{
    +
    +						color: @light-color;
    +
    +						&:focus, &:active{
    +							color: @light-color;
    +						}
    +					}
    +
    +					&.open{
    +
    +						> a{
    +							color: @light-color;
    +
    +							&:focus, &:active, &:hover{
    +								color: @light-color;
    +							}
    +						}
    +					}
    +				}
    +			}
    +		}
    +		
    +		@media @phone{
    +			padding-right: 0;
    +			display: flex;
    +    	justify-content: space-between;
    +    	border-bottom: 1px solid @top-header-phone-bg;
    +    	position: fixed;
    +    	top: 0;
    +    	left: 0;
    +    	width: 100%;
    +    	background-color: @top-header-phone-bg;
    +    	z-index: @zindex-navbar-fixed;
    +		}
    +	}
    +
    +	//Toggle button for right sidebar
    +	.be-toggle-right-sidebar{
    +			
    +		@media @tablet{
    +			margin-right: 0;
    +			padding-left: 5px;
    +			padding-right: 9px;
    +		}
    +	}
    +
    +	//Toggle button for general navbar
    +	.be-toggle-top-header-menu{
    +		display: none;
    +		background-color: @light-color;
    +		padding: 16px 10px;
    +		color: @text-color;
    +		font-weight: @font-weight-light;
    +		font-size: 14px;
    +		border-bottom: 1px solid @left-sidebar-bg;
    +
    +		&:before{
    +			content: '\f2f8';
    +			float: right;
    +			font-family: @icons-font;
    +			font-size: 27px;
    +			line-height: 22px;
    +			color: darken(@left-sidebar-bg, 19%);
    +		}
    +
    +		&.collapsed{
    +			border-bottom: 1px solid darken(@left-sidebar-bg, 7%);
    +			transition: border-bottom-color 0.4s ease;
    +
    +			&:before{
    +				content: '\f2f2';
    +			}
    +		}
    +
    +		@media @phone{
    +			display: block;
    +		}
    +	}
    +
    +	//Color version
    +	.be-color-header &{
    +		background-color: @primary-color;
    +		border-bottom-color: @primary-color;
    +
    +		.be-right-navbar{
    +			background-color: @primary-color;
    +		}
    +
    +		.navbar-header{
    +
    +			.navbar-brand{
    +				background-image: url("@{img-path}/logo-white.png");
    +
    +				@media @retina{
    +					background-image: url("@{img-path}/logo-white-xx.png");
    +				}
    +			}
    +		}
    +
    +		.page-title{
    +			color: @light-color;
    +		}
    +
    +		.be-right-navbar{
    +
    +			.navbar-nav{
    +		
    +				> li{
    +		
    +					> a{
    +						color: @light-color;
    +					}
    +				}
    +			}
    +
    +			.be-icons-nav{
    +
    +				> li.dropdown{
    +
    +					> a{
    +
    +						.icon{
    +							color: @light-color;
    +						}
    +
    +						.indicator{
    +							background-color: @light-color;
    +						}
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	//Success color header
    +	.be-color-header-success &{
    +		background-color: @success-color;
    +		border-bottom-color: @success-color;
    +
    +		@media @phone{
    +
    +			.be-right-navbar{
    +				background-color: @success-color;
    +				border-bottom-color: @success-color;
    +			}
    +		}
    +	}
    +
    +	//Warning color header
    +	.be-color-header-warning &{
    +		background-color: @warning-color;
    +		border-bottom-color: @warning-color;
    +
    +		@media @phone{
    +
    +			.be-right-navbar{
    +				background-color: @warning-color;
    +				border-bottom-color: @warning-color;
    +			}
    +		}
    +	}
    +
    +	//Danger color header
    +	.be-color-header-danger &{
    +		background-color: @danger-color;
    +		border-bottom-color: @danger-color;
    +
    +		@media @phone{
    +
    +			.be-right-navbar{
    +				background-color: @danger-color;
    +				border-bottom-color: @danger-color;
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/top-header/connections-dropdown.less b/public/assets/css/includes/structure/top-header/connections-dropdown.less
    new file mode 100644
    index 0000000..24c6317
    --- /dev/null
    +++ b/public/assets/css/includes/structure/top-header/connections-dropdown.less
    @@ -0,0 +1,80 @@
    +.be-connections{
    +	min-width: 304px;
    +
    +	.navbar-right &{
    +		left: auto;
    +		right: @content-padding;
    +	}
    +
    +	.content{
    +		padding: 20px 15px;
    +		
    +		.row{
    +			margin: 0;
    +
    +			> div{
    +				padding-left: 5px;
    +				padding-right: 5px;
    +			}
    +		}
    +	}
    +
    +	.connection-item{
    +		display: block;
    +		border-radius: 3px;
    +		line-height: 34px;
    +		text-align: center;
    +		padding: 15px 0 9px;
    +		display: block;
    +		border: 1px solid transparent;
    +		color: @top-header-link-color;
    +
    +		span{
    +			display: block;
    +			overflow: hidden;
    +			text-overflow: ellipsis;
    +			white-space: nowrap;
    +		}
    +
    +		img{
    +			max-height: 35px;
    +			max-width: 35px;
    +		}
    +
    +		&:hover{
    +			background-color: transparent;
    +			border-color: darken(@light-color, 7.7%);
    +		}
    +	}	
    +}
    +
    +@media @phone{
    +
    +	.be-connections{
    +
    +		.navbar-right & {
    +			right: 5px;
    +		}
    +
    +		.navbar-nav .open & {
    +			position: absolute;
    +			background-color: @light-color;
    +		}
    +	}
    +}
    +
    +@media @small-phone{
    +
    +	.be-connections{
    +		min-width: 260px;
    +
    +		.navbar-nav .open & {
    +			position: fixed;
    +		}
    +
    +		.content{
    +			padding-left: 10px;
    +			padding-right: 10px;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/top-header/icons-nav.less b/public/assets/css/includes/structure/top-header/icons-nav.less
    new file mode 100644
    index 0000000..6ef4439
    --- /dev/null
    +++ b/public/assets/css/includes/structure/top-header/icons-nav.less
    @@ -0,0 +1,211 @@
    +//Icons nav
    +.be-icons-nav{
    +
    +	.be-top-header & {
    +		margin-right: 20px;
    +	}
    +
    +	@media @tablet{
    +		
    +		.be-top-header & {
    +			margin-right: 10px;
    +		}
    +	}
    +
    +	> li.dropdown{
    +		position: static;
    +
    +		> a{
    +			padding: 0 10px;
    +
    +			.icon{
    +				font-size: 24px;
    +				vertical-align: middle;
    +				color: @icon-default-color;
    +
    +				&.mdi-comment-more{
    +					font-size: 20px;
    +					position: relative;
    +					top: 1px;
    +				}
    +			}
    +
    +			.indicator{
    +				background-color: @primary-color;
    +				border-radius: 50%;
    +				display: block;
    +				height: 6px;
    +				width: 6px;
    +				position: absolute;
    +				top: 18px;
    +				right: 6px;
    +			}
    +		}
    +		
    +		&.open{
    +			
    +			> a:after, > a:before{
    +				border-bottom: 8px solid @light-color;
    +		    border-left: 8px solid transparent;
    +		    border-right: 8px solid transparent;
    +		    bottom: -13px;
    +		    content: "";
    +		    display: inline-block;
    +		    left: 50%;
    +		    margin-left: -8px;
    +		    position: absolute;
    +		    z-index: @zindex-dropdown + 1;
    +			}
    +
    +			> a:before{
    +				border-bottom-width: 9px;
    +				border-left-width: 9px;
    +				border-right-width: 9px;
    +				border-bottom-color: @dropdown-border;
    +				margin-left: -9px;
    +				bottom: -12px;
    +			}
    +		}
    +
    +		.dropdown-menu{
    +			width: @icons-nav-dropdown-width;
    +			border-radius: 3px;
    +			padding: 0;
    +			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    +			border: 1px solid hsl(0, 0%, 88%);
    +			box-sizing: content-box;
    +
    +			.title{
    +				font-size: 13px;
    +				color: darken(@light-color, 45.7%);
    +				text-align: center;
    +				padding: 10px 0 8px;
    +				border-bottom: 1px solid darken(@light-color, 7.7%);
    +
    +				.badge{
    +					font-size: @font-size-small - 2px;
    +					line-height: 10px;
    +					vertical-align: middle;
    +					margin-left: 4px;
    +					background-color: darken(@light-color, 10.5%);
    +					color: darken(@light-color, 45.7%);
    +					min-width: 17px;
    +					height: 17px;
    +					text-align: center;
    +					padding: 3px 6px;
    +
    +					&-new{
    +						background-color: @primary-color;
    +						border-color: @primary-color;
    +						color: @light-color;
    +					}
    +				}
    +			}
    +
    +			.footer{
    +
    +				a{
    +					background-color: darken(@light-color, 2%);
    +					font-size: 13px;
    +					color: darken(@light-color, 45.7%);
    +					text-align: center;
    +					padding: 10px 0;
    +					border-top: 1px solid darken(@light-color, 7.7%);
    +					display: block;
    +					outline: none;
    +
    +					&:hover{
    +						background-color: darken(@light-color, 4%);
    +					}
    +				}	
    +			}
    +
    +			.be-top-header & {
    +				&:after, &:before{
    +					display: none;
    +				}
    +			}
    +		}
    +
    +		&.open{
    +
    +			> a{
    +				background-color: transparent;
    +
    +				.icon{
    +					color: @primary-color;
    +
    +					@media @phone{
    +						color: @light-color;
    +					}
    +				}
    +			}
    +		}
    +	}
    +
    +	@media @phone{
    +		float: right;
    +		flex: 0 0 auto;
    +
    +		.be-top-header & {
    +			margin: 0 5px 0 0;
    +		}
    +
    +		> li.dropdown{
    +			display: inline-block;
    +
    +			> a{
    +				padding: 0 7px;
    +
    +				.icon{
    +					color: @light-color;
    +				}
    +
    +				.indicator{
    +					right: 2px;
    +					background-color: @light-color;
    +				}
    +			}
    +		}
    +	}
    +
    +	@media @small-phone{
    +
    +		> li.dropdown{
    +
    +			.dropdown-menu{
    +				left: 0;
    +				top: @top-header-height;
    +				width: 100%;
    +				box-shadow: none;
    +				border-width: 0;
    +
    +				.be-top-header & {
    +					border-radius: 0;
    +					margin-top: 1px;
    +				}
    +
    +				.footer{
    +
    +					a{
    +						border-bottom: 1px solid darken(@light-color, 7.7%);
    +					}
    +				}
    +			}
    +
    +			&.open{
    +				
    +				> a{
    +					
    +					&:before{
    +						display: none;
    +					}
    +
    +					&:after{
    +						bottom: -1px;
    +					}
    +				}
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/top-header/notifications-dropdown.less b/public/assets/css/includes/structure/top-header/notifications-dropdown.less
    new file mode 100644
    index 0000000..619e034
    --- /dev/null
    +++ b/public/assets/css/includes/structure/top-header/notifications-dropdown.less
    @@ -0,0 +1,154 @@
    +.be-notifications{
    +	padding-top: 0;
    +
    +	.navbar-right &{
    +		left: auto;
    +		right: @content-padding;
    +	}
    +
    +	.be-scroller{
    +		position: relative;
    +		height: 222px;
    +
    +		> .content{
    +
    +			> ul{
    +				list-style: none;
    +				padding-left: 0;
    +			}
    +		}
    +	}
    +
    +	.notification{
    +		overflow: hidden;
    +		border-bottom: 1px solid darken(@light-color, 7.7%);
    +
    +		> a{
    +			padding: 15px;
    +			display: block;
    +			overflow: hidden;
    +
    +			.image{
    +				height: 38px;
    +				width: 38px;
    +				border-radius: 50%;
    +				background-color: darken(@light-color, 10.5%);
    +				float: left;												
    +				text-align: center;
    +				overflow: hidden;
    +
    +				img{
    +					height: 38px;
    +					width: 38px;
    +					font-size: 25px;
    +					color: lighten(@dark-color, 35%);
    +					line-height: 36px;
    +				}
    +			}
    +
    +			.notification-info{
    +				padding-left: 50px;
    +				line-height: 14px;
    +
    +				.text{
    +					font-weight: 500;
    +					font-size: 13px;
    +					color: darken(@light-color, 45.7%);
    +					font-size: 12px;
    +					line-height: 16px;
    +				}
    +
    +				.user-name{
    +					color: @link-color;
    +					font-size: 13px;
    +				}
    +
    +				.date{
    +					color: darken(@light-color, 45.7%);
    +					display: block;
    +					font-size: 9px;
    +					margin-top: 4px;
    +					text-transform: uppercase;
    +				}
    +			}
    +		}
    +
    +		&.notification-unread{
    +			background-color: fade(@primary-color, 10%);
    +			border-bottom: 1px solid fade(@primary-color, 10%);
    +
    +			> a{
    +				position: relative;
    +
    +				&:after{
    +					content: '';
    +					display: block;
    +					position: absolute;
    +					right: 15px;
    +					top: 20px;
    +					width: 6px;
    +					height: 6px;
    +					background-color: @primary-color;
    +					border-radius: 50%;
    +				}
    +			}
    +		}
    +
    +		&:hover{
    +			background-color: @primary-color;
    +
    +			> a{
    +				color: @light-color;
    +
    +				.logo{
    +					background-color: darken(@primary-color, 7%);
    +
    +					.icon{
    +						color: @light-color;
    +					}
    +				}
    +
    +				.notification-info{
    +
    +					.circle{
    +						background: @light-color;
    +					}
    +
    +					.text, .date, .user-name{
    +						color: @light-color;
    +					}
    +				}
    +
    +				&:after{
    +					background-color: @light-color;
    +				}
    +			}
    +		}
    +
    +		&:last-child{
    +			border-bottom: 0;
    +		}
    +	}
    +}
    +
    +//Phone resolution
    +@media @phone{
    +
    +	.be-notifications{
    +
    +		.navbar-nav .open &{
    +			position: absolute;
    +			background-color: @light-color;
    +		}
    +	}
    +}
    +
    +@media @small-phone{
    +
    +	.be-notifications{
    +
    +		.navbar-nav .open &{
    +			position: fixed;
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/structure/top-header/user-dropdown.less b/public/assets/css/includes/structure/top-header/user-dropdown.less
    new file mode 100644
    index 0000000..00987c3
    --- /dev/null
    +++ b/public/assets/css/includes/structure/top-header/user-dropdown.less
    @@ -0,0 +1,206 @@
    +.be-user-nav{
    +	margin-right: 0;
    +
    +	> li.dropdown{
    +
    +		> a{
    +			padding-left: 5px;
    +			padding-right: 5px;
    +			font-size: 0;
    +
    +			@media @tablet{
    +				padding-left: 10px;
    +			}
    +
    +			img{
    +				max-width: 32px;
    +				max-height: 32px;
    +				border-radius: 50%;
    +			}
    +
    +			.user-name{
    +				margin-left: 8px;
    +				display: none;
    +				font-size: 14px;
    +				line-height: 20px;
    +				vertical-align: middle;
    +			}
    +
    +			&:after{
    +				display: none;
    +				content: '\f2f2';
    +		    float: right;
    +		    font-family: @icons-font;
    +		    font-size: 21px;
    +		    color: darken(@left-sidebar-bg, 19%);
    +		    margin-left: 7px;
    +
    +		    @media @phone{
    +		    	display: inline-block;
    +		    }
    +			}
    +		}
    +
    +		.dropdown-menu{
    +			width: @user-dropdown-width;
    +			padding: 0 0 7px;
    +
    +			li{
    +
    +				a{
    +
    +					.be-top-header & {
    +						
    +						&:focus, &:active{
    +							background-color: transparent;
    +							color: @dropdown-text-color;
    +						}
    +
    +						&:hover{
    +							background-color: darken(@light-color, 4%);
    +							color: @dropdown-text-color;
    +						}
    +					}
    +
    +					.icon{
    +						vertical-align: middle;
    +						margin-right: 6px;
    +					}
    +				}
    +			}
    +
    +			.user-info{
    +				background-color: @primary-color;
    +				color: @light-color;
    +				overflow: hidden;
    +				padding: 20px 15px 14px;
    +				border-radius: 2px 2px 0 0;
    +				margin-bottom: 7px;
    +
    +				.user-name{
    +					display: block;
    +					.font-size-large(4px);
    +					line-height: 22px;
    +					text-overflow: ellipsis;
    +  				white-space: nowrap;
    +  				overflow: hidden;
    +				}
    +
    +				.user-position{
    +					display: block;
    +					text-overflow: ellipsis;
    +  				white-space: nowrap;
    +  				overflow: hidden;
    +  				padding-left: 13px;
    +  				position: relative;
    +
    +  				&:after{
    +				  	content: "";
    +				    position: absolute;
    +				    height: 7px;
    +				    width: 7px;
    +				    left: 0;
    +				    top: 5px;
    +				    border: 1px solid hsl(0, 0%, 94%);
    +				    border-radius: 50%;
    +				    background-color: transparent;
    +				    display: block;
    +  				}
    +
    +  				&.online{
    +
    +  					&:after{
    +	  					background-color: lighten(@success-color, 19%);
    +	  					border-color: lighten(@success-color, 19%);
    +  					}
    +  				}
    +
    +  				&.away{
    +
    +  					&:after{
    +	  					background-color: lighten(@warning-color, 15%);
    +	  					border-color: lighten(@warning-color, 15%);
    +  					}
    +  				}
    +
    +  				&.busy{
    +
    +  					&:after{
    +	  					background-color: lighten(@danger-color, 18%);
    +	  					border-color: lighten(@danger-color, 18%);
    +  					}
    +  				}
    +				}
    +
    +				.switch-status{
    +					float: right;
    +					margin-top: 5px;
    +				}
    +			}
    +
    +			.be-top-header & {
    +	
    +				&:after{
    +					left: auto;
    +					right: 13px;
    +					border-bottom-color: @primary-color;
    +				}
    +
    +				&:before{
    +					display: none;
    +				}
    +			}
    +		}
    +	}
    +
    +	@media @phone{
    +		margin: 0;
    +		display: inline-block;
    +		flex: 0 1 auto;
    +		overflow: hidden;
    +
    +		> li.dropdown{
    +
    +			> a{
    +				align-items: center;
    +				display: flex;
    +				height: @top-header-height;
    +				white-space: nowrap;
    +
    +				&:after{
    +					color: @light-color;
    +				}
    +
    +				img{
    +					flex: 0 0 auto;
    +				}
    +
    +				.user-name{
    +					display: block;
    +			    flex: 1 1 100%;
    +			    overflow: hidden;
    +			    text-overflow: ellipsis;
    +				}
    +			}
    +
    +			.dropdown-menu{
    +				box-shadow: 0 2px 4px rgba(0,0,0,.08);
    +				background-color: @light-color;
    +				position: fixed;
    +				top: @top-header-height;
    +				left: 0;
    +				margin-left: 10px;
    +				margin-right: 10px;
    +				max-width: @user-dropdown-width;
    +				
    +				.be-top-header & {
    +				
    +					&:after{
    +						right: auto;
    +						left: 20px;
    +					}
    +				}
    +			}
    +		}
    +	}
    +}
    \ No newline at end of file
    diff --git a/public/assets/css/includes/table-of-content.less b/public/assets/css/includes/table-of-content.less
    new file mode 100644
    index 0000000..7c68647
    --- /dev/null
    +++ b/public/assets/css/includes/table-of-content.less
    @@ -0,0 +1,78 @@
    +/*------------------------------------------------------------------
    +[Bootstrap CSS : Lines #80 to #7464]
    +[Template CSS : From line #7465]
    +
    +--------------------------------------------------------------------
    +
    +[General elements style]
    +
    +[Fonts]
    +
    +[Structure]
    +
    +* Main Wrapper / .be-wrapper
    +	+ Top header / .be-top-header
    +	+ Left sidebar / .be-left-sidebar
    +	+ Left sidebar / .be-right-sidebar
    +	+ Main content / .be-content
    +		- Page header / .page-head
    +		- Page aside / .page-aside
    +	+ Splash screen / .be-splash-screen
    +	+ Footer / #footer
    +	+ Scroll Top Button / #be-scroll-top
    +
    +[Forms]
    +	- Switch button / .switch-button
    +
    +[Elements]
    +	- Widgets / .widget
    +	- Colors / .clr-*
    +	- Notifications / #gritter-notice-wrapper
    +	- Grid / .bs-grid-block
    +	- Icons / .icon-container
    +	- Code / pre
    +
    +[Custom pages]
    +	- Login / .login-container
    +	- Error pages / .error-container
    +	- Page 404 / .error-container
    +	- Sign up / .sign-up
    +	- Forgot password / .forgot-password
    +	- Gallery / .gallery-container
    +	- Full calendar / .full-calendar
    +	- Profile page / .user-profile
    +
    +[Bootstrap elements]
    +	- Images / .img-rounded
    +	- Code / pre
    +	- Buttons / .btn
    +	- Panels / .panel
    +	- Dropdown menu / .dropdown-menu
    +	- Accordions / .panel-group.accordion
    +	- Tabs / .nav-tabs
    +	- Modals / .modal, .md-modal
    +	- Alerts / .alert
    +	- Tables / .table
    +	- Badges / .badge
    +	- Label / .label
    +	- List group / .list-group-item
    +	- Contextual colors / .text-*
    +	- Progress bars / .progress
    +	- Forms / .form-*
    +	- Forms / .form-*
    +
    +[Plugins]
    +	- nanoScroller / .nano
    +	- DropZone / .dropzone
    +	- Wizard / .wizard
    +	- Nestable list / .wdd-list
    +	- Bootstrap dateTime Picker / .datetimepicker
    +	- Select2 / .select2-container
    +	- Bootstrap slider / .slider
    +	- Summernote / .note-editor
    +	- Bootstrap Markdown / .md-editor
    +	- Parsley / .parsley
    +	- dataTables / .dataTable
    +
    +[Helper classes]
    +-------------------------------------------------------------------*/
    \ No newline at end of file
    diff --git a/public/assets/css/style.css b/public/assets/css/style.css
    index 1f7d01e..5abfbd1 100644
    --- a/public/assets/css/style.css
    +++ b/public/assets/css/style.css
    @@ -1,336 +1,20414 @@
    +/*!
    + * beagle v1.1.1 (http://foxythemes.net/themes/beagle)
    + * Copyright 2014-2016 Foxy Themes all rights reserved 
    + */
     
    -/*=============================================================
    -    Authour URL: www.designbootstrap.com
    +/*------------------------------------------------------------------
    +[Bootstrap CSS : Lines #80 to #7464]
    +[Template CSS : From line #7465]
     
    -    http://www.designbootstrap.com/
    +--------------------------------------------------------------------
     
    -    License: MIT
    +[General elements style]
     
    -    http://opensource.org/licenses/MIT
    +[Fonts]
     
    -    100% Free To use For Personal And Commercial Use.
    +[Structure]
     
    -    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
    +* Main Wrapper / .be-wrapper
    +	+ Top header / .be-top-header
    +	+ Left sidebar / .be-left-sidebar
    +	+ Left sidebar / .be-right-sidebar
    +	+ Main content / .be-content
    +		- Page header / .page-head
    +		- Page aside / .page-aside
    +	+ Splash screen / .be-splash-screen
    +	+ Footer / #footer
    +	+ Scroll Top Button / #be-scroll-top
     
    -========================================================  */
    +[Forms]
    +	- Switch button / .switch-button
     
    +[Elements]
    +	- Widgets / .widget
    +	- Colors / .clr-*
    +	- Notifications / #gritter-notice-wrapper
    +	- Grid / .bs-grid-block
    +	- Icons / .icon-container
    +	- Code / pre
     
    -/* =============================================================
    -   GENERAL STYLES
    - ============================================================ */
    +[Custom pages]
    +	- Login / .login-container
    +	- Error pages / .error-container
    +	- Page 404 / .error-container
    +	- Sign up / .sign-up
    +	- Forgot password / .forgot-password
    +	- Gallery / .gallery-container
    +	- Full calendar / .full-calendar
    +	- Profile page / .user-profile
     
    -@import url(http://fonts.googleapis.com/css?family=Roboto); /* FREE GOOGLE FONT */
    +[Bootstrap elements]
    +	- Images / .img-rounded
    +	- Code / pre
    +	- Buttons / .btn
    +	- Panels / .panel
    +	- Dropdown menu / .dropdown-menu
    +	- Accordions / .panel-group.accordion
    +	- Tabs / .nav-tabs
    +	- Modals / .modal, .md-modal
    +	- Alerts / .alert
    +	- Tables / .table
    +	- Badges / .badge
    +	- Label / .label
    +	- List group / .list-group-item
    +	- Contextual colors / .text-*
    +	- Progress bars / .progress
    +	- Forms / .form-*
    +	- Forms / .form-*
     
    +[Plugins]
    +	- nanoScroller / .nano
    +	- DropZone / .dropzone
    +	- Wizard / .wizard
    +	- Nestable list / .wdd-list
    +	- Bootstrap dateTime Picker / .datetimepicker
    +	- Select2 / .select2-container
    +	- Bootstrap slider / .slider
    +	- Summernote / .note-editor
    +	- Bootstrap Markdown / .md-editor
    +	- Parsley / .parsley
    +	- dataTables / .dataTable
    +
    +[Helper classes]
    +-------------------------------------------------------------------*/
    +/*------------------------------------------------------------------
    +[Bootstrap CSS]
    +*/
    +/*!
    + * Bootstrap v3.3.7 (http://getbootstrap.com)
    + * Copyright 2011-2016 Twitter, Inc.
    + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    + */
    +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    +html {
    +  font-family: sans-serif;
    +  -ms-text-size-adjust: 100%;
    +  -webkit-text-size-adjust: 100%;
    +}
     body {
    -    font-family: 'Roboto', sans-serif;
    -    line-height: 15px;
    +  margin: 0;
    +}
    +article,
    +aside,
    +details,
    +figcaption,
    +figure,
    +footer,
    +header,
    +hgroup,
    +main,
    +menu,
    +nav,
    +section,
    +summary {
    +  display: block;
    +}
    +audio,
    +canvas,
    +progress,
    +video {
    +  display: inline-block;
    +  vertical-align: baseline;
    +}
    +audio:not([controls]) {
    +  display: none;
    +  height: 0;
    +}
    +[hidden],
    +template {
    +  display: none;
    +}
    +a {
    +  background-color: transparent;
    +}
    +a:active,
    +a:hover {
    +  outline: 0;
    +}
    +abbr[title] {
    +  border-bottom: 1px dotted;
    +}
    +b,
    +strong {
    +  font-weight: bold;
    +}
    +dfn {
    +  font-style: italic;
    +}
    +h1 {
    +  font-size: 2em;
    +  margin: 0.67em 0;
    +}
    +mark {
    +  background: #ff0;
    +  color: #000;
    +}
    +small {
    +  font-size: 80%;
    +}
    +sub,
    +sup {
    +  font-size: 75%;
    +  line-height: 0;
    +  position: relative;
    +  vertical-align: baseline;
    +}
    +sup {
    +  top: -0.5em;
    +}
    +sub {
    +  bottom: -0.25em;
    +}
    +img {
    +  border: 0;
    +}
    +svg:not(:root) {
    +  overflow: hidden;
    +}
    +figure {
    +  margin: 1em 40px;
    +}
    +hr {
    +  -moz-box-sizing: content-box;
    +       box-sizing: content-box;
    +  height: 0;
    +}
    +pre {
    +  overflow: auto;
    +}
    +code,
    +kbd,
    +pre,
    +samp {
    +  font-family: monospace, monospace;
    +  font-size: 1em;
    +}
    +button,
    +input,
    +optgroup,
    +select,
    +textarea {
    +  color: inherit;
    +  font: inherit;
    +  margin: 0;
    +}
    +button {
    +  overflow: visible;
    +}
    +button,
    +select {
    +  text-transform: none;
    +}
    +button,
    +html input[type="button"],
    +input[type="reset"],
    +input[type="submit"] {
    +  -webkit-appearance: button;
    +  cursor: pointer;
    +}
    +button[disabled],
    +html input[disabled] {
    +  cursor: default;
    +}
    +button::-moz-focus-inner,
    +input::-moz-focus-inner {
    +  border: 0;
    +  padding: 0;
    +}
    +input {
    +  line-height: normal;
    +}
    +input[type="checkbox"],
    +input[type="radio"] {
    +  -moz-box-sizing: border-box;
    +       box-sizing: border-box;
    +  padding: 0;
    +}
    +input[type="number"]::-webkit-inner-spin-button,
    +input[type="number"]::-webkit-outer-spin-button {
    +  height: auto;
    +}
    +input[type="search"] {
    +  -webkit-appearance: textfield;
    +  -moz-box-sizing: content-box;
    +       box-sizing: content-box;
    +}
    +input[type="search"]::-webkit-search-cancel-button,
    +input[type="search"]::-webkit-search-decoration {
    +  -webkit-appearance: none;
    +}
    +fieldset {
    +  border: 1px solid #c0c0c0;
    +  margin: 0 2px;
    +  padding: 0.35em 0.625em 0.75em;
    +}
    +legend {
    +  border: 0;
    +  padding: 0;
    +}
    +textarea {
    +  overflow: auto;
    +}
    +optgroup {
    +  font-weight: bold;
    +}
    +table {
    +  border-collapse: collapse;
    +  border-spacing: 0;
    +}
    +td,
    +th {
    +  padding: 0;
    +}
    +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
    +@media print {
    +  *,
    +  *:before,
    +  *:after {
    +    background: transparent !important;
    +    color: #000 !important;
    +    box-shadow: none !important;
    +    text-shadow: none !important;
    +  }
    +  a,
    +  a:visited {
    +    text-decoration: underline;
    +  }
    +  a[href]:after {
    +    content: " (" attr(href) ")";
    +  }
    +  abbr[title]:after {
    +    content: " (" attr(title) ")";
    +  }
    +  a[href^="#"]:after,
    +  a[href^="javascript:"]:after {
    +    content: "";
    +  }
    +  pre,
    +  blockquote {
    +    border: 1px solid #999;
    +    page-break-inside: avoid;
    +  }
    +  thead {
    +    display: table-header-group;
    +  }
    +  tr,
    +  img {
    +    page-break-inside: avoid;
    +  }
    +  img {
    +    max-width: 100% !important;
    +  }
    +  p,
    +  h2,
    +  h3 {
    +    orphans: 3;
    +    widows: 3;
    +  }
    +  h2,
    +  h3 {
    +    page-break-after: avoid;
    +  }
    +  .navbar {
    +    display: none;
    +  }
    +  .btn > .caret,
    +  .dropup > .btn > .caret {
    +    border-top-color: #000 !important;
    +  }
    +  .label {
    +    border: 1px solid #000;
    +  }
    +  .table {
    +    border-collapse: collapse !important;
    +  }
    +  .table td,
    +  .table th {
    +    background-color: #fff !important;
    +  }
    +  .table-bordered th,
    +  .table-bordered td {
    +    border: 1px solid #ddd !important;
    +  }
    +}
    +@font-face {
    +  font-family: 'Glyphicons Halflings';
    +  src: url('../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot');
    +  src: url('../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    +}
    +.glyphicon {
    +  position: relative;
    +  top: 1px;
    +  display: inline-block;
    +  font-family: 'Glyphicons Halflings';
    +  font-style: normal;
    +  font-weight: normal;
    +  line-height: 1;
    +  -webkit-font-smoothing: antialiased;
    +  -moz-osx-font-smoothing: grayscale;
    +}
    +.glyphicon-asterisk:before {
    +  content: "\002a";
    +}
    +.glyphicon-plus:before {
    +  content: "\002b";
    +}
    +.glyphicon-euro:before,
    +.glyphicon-eur:before {
    +  content: "\20ac";
    +}
    +.glyphicon-minus:before {
    +  content: "\2212";
    +}
    +.glyphicon-cloud:before {
    +  content: "\2601";
    +}
    +.glyphicon-envelope:before {
    +  content: "\2709";
    +}
    +.glyphicon-pencil:before {
    +  content: "\270f";
    +}
    +.glyphicon-glass:before {
    +  content: "\e001";
    +}
    +.glyphicon-music:before {
    +  content: "\e002";
    +}
    +.glyphicon-search:before {
    +  content: "\e003";
    +}
    +.glyphicon-heart:before {
    +  content: "\e005";
    +}
    +.glyphicon-star:before {
    +  content: "\e006";
    +}
    +.glyphicon-star-empty:before {
    +  content: "\e007";
    +}
    +.glyphicon-user:before {
    +  content: "\e008";
    +}
    +.glyphicon-film:before {
    +  content: "\e009";
    +}
    +.glyphicon-th-large:before {
    +  content: "\e010";
    +}
    +.glyphicon-th:before {
    +  content: "\e011";
    +}
    +.glyphicon-th-list:before {
    +  content: "\e012";
    +}
    +.glyphicon-ok:before {
    +  content: "\e013";
    +}
    +.glyphicon-remove:before {
    +  content: "\e014";
    +}
    +.glyphicon-zoom-in:before {
    +  content: "\e015";
    +}
    +.glyphicon-zoom-out:before {
    +  content: "\e016";
    +}
    +.glyphicon-off:before {
    +  content: "\e017";
    +}
    +.glyphicon-signal:before {
    +  content: "\e018";
    +}
    +.glyphicon-cog:before {
    +  content: "\e019";
    +}
    +.glyphicon-trash:before {
    +  content: "\e020";
    +}
    +.glyphicon-home:before {
    +  content: "\e021";
    +}
    +.glyphicon-file:before {
    +  content: "\e022";
    +}
    +.glyphicon-time:before {
    +  content: "\e023";
    +}
    +.glyphicon-road:before {
    +  content: "\e024";
    +}
    +.glyphicon-download-alt:before {
    +  content: "\e025";
    +}
    +.glyphicon-download:before {
    +  content: "\e026";
    +}
    +.glyphicon-upload:before {
    +  content: "\e027";
    +}
    +.glyphicon-inbox:before {
    +  content: "\e028";
    +}
    +.glyphicon-play-circle:before {
    +  content: "\e029";
    +}
    +.glyphicon-repeat:before {
    +  content: "\e030";
    +}
    +.glyphicon-refresh:before {
    +  content: "\e031";
    +}
    +.glyphicon-list-alt:before {
    +  content: "\e032";
    +}
    +.glyphicon-lock:before {
    +  content: "\e033";
    +}
    +.glyphicon-flag:before {
    +  content: "\e034";
    +}
    +.glyphicon-headphones:before {
    +  content: "\e035";
    +}
    +.glyphicon-volume-off:before {
    +  content: "\e036";
    +}
    +.glyphicon-volume-down:before {
    +  content: "\e037";
    +}
    +.glyphicon-volume-up:before {
    +  content: "\e038";
    +}
    +.glyphicon-qrcode:before {
    +  content: "\e039";
    +}
    +.glyphicon-barcode:before {
    +  content: "\e040";
    +}
    +.glyphicon-tag:before {
    +  content: "\e041";
    +}
    +.glyphicon-tags:before {
    +  content: "\e042";
    +}
    +.glyphicon-book:before {
    +  content: "\e043";
    +}
    +.glyphicon-bookmark:before {
    +  content: "\e044";
    +}
    +.glyphicon-print:before {
    +  content: "\e045";
    +}
    +.glyphicon-camera:before {
    +  content: "\e046";
    +}
    +.glyphicon-font:before {
    +  content: "\e047";
    +}
    +.glyphicon-bold:before {
    +  content: "\e048";
    +}
    +.glyphicon-italic:before {
    +  content: "\e049";
    +}
    +.glyphicon-text-height:before {
    +  content: "\e050";
    +}
    +.glyphicon-text-width:before {
    +  content: "\e051";
    +}
    +.glyphicon-align-left:before {
    +  content: "\e052";
    +}
    +.glyphicon-align-center:before {
    +  content: "\e053";
    +}
    +.glyphicon-align-right:before {
    +  content: "\e054";
    +}
    +.glyphicon-align-justify:before {
    +  content: "\e055";
    +}
    +.glyphicon-list:before {
    +  content: "\e056";
    +}
    +.glyphicon-indent-left:before {
    +  content: "\e057";
    +}
    +.glyphicon-indent-right:before {
    +  content: "\e058";
    +}
    +.glyphicon-facetime-video:before {
    +  content: "\e059";
    +}
    +.glyphicon-picture:before {
    +  content: "\e060";
    +}
    +.glyphicon-map-marker:before {
    +  content: "\e062";
    +}
    +.glyphicon-adjust:before {
    +  content: "\e063";
    +}
    +.glyphicon-tint:before {
    +  content: "\e064";
    +}
    +.glyphicon-edit:before {
    +  content: "\e065";
    +}
    +.glyphicon-share:before {
    +  content: "\e066";
    +}
    +.glyphicon-check:before {
    +  content: "\e067";
    +}
    +.glyphicon-move:before {
    +  content: "\e068";
    +}
    +.glyphicon-step-backward:before {
    +  content: "\e069";
    +}
    +.glyphicon-fast-backward:before {
    +  content: "\e070";
    +}
    +.glyphicon-backward:before {
    +  content: "\e071";
    +}
    +.glyphicon-play:before {
    +  content: "\e072";
    +}
    +.glyphicon-pause:before {
    +  content: "\e073";
    +}
    +.glyphicon-stop:before {
    +  content: "\e074";
    +}
    +.glyphicon-forward:before {
    +  content: "\e075";
    +}
    +.glyphicon-fast-forward:before {
    +  content: "\e076";
    +}
    +.glyphicon-step-forward:before {
    +  content: "\e077";
    +}
    +.glyphicon-eject:before {
    +  content: "\e078";
    +}
    +.glyphicon-chevron-left:before {
    +  content: "\e079";
    +}
    +.glyphicon-chevron-right:before {
    +  content: "\e080";
    +}
    +.glyphicon-plus-sign:before {
    +  content: "\e081";
    +}
    +.glyphicon-minus-sign:before {
    +  content: "\e082";
    +}
    +.glyphicon-remove-sign:before {
    +  content: "\e083";
    +}
    +.glyphicon-ok-sign:before {
    +  content: "\e084";
    +}
    +.glyphicon-question-sign:before {
    +  content: "\e085";
    +}
    +.glyphicon-info-sign:before {
    +  content: "\e086";
    +}
    +.glyphicon-screenshot:before {
    +  content: "\e087";
    +}
    +.glyphicon-remove-circle:before {
    +  content: "\e088";
    +}
    +.glyphicon-ok-circle:before {
    +  content: "\e089";
    +}
    +.glyphicon-ban-circle:before {
    +  content: "\e090";
    +}
    +.glyphicon-arrow-left:before {
    +  content: "\e091";
    +}
    +.glyphicon-arrow-right:before {
    +  content: "\e092";
    +}
    +.glyphicon-arrow-up:before {
    +  content: "\e093";
    +}
    +.glyphicon-arrow-down:before {
    +  content: "\e094";
    +}
    +.glyphicon-share-alt:before {
    +  content: "\e095";
    +}
    +.glyphicon-resize-full:before {
    +  content: "\e096";
    +}
    +.glyphicon-resize-small:before {
    +  content: "\e097";
    +}
    +.glyphicon-exclamation-sign:before {
    +  content: "\e101";
    +}
    +.glyphicon-gift:before {
    +  content: "\e102";
    +}
    +.glyphicon-leaf:before {
    +  content: "\e103";
    +}
    +.glyphicon-fire:before {
    +  content: "\e104";
    +}
    +.glyphicon-eye-open:before {
    +  content: "\e105";
    +}
    +.glyphicon-eye-close:before {
    +  content: "\e106";
    +}
    +.glyphicon-warning-sign:before {
    +  content: "\e107";
    +}
    +.glyphicon-plane:before {
    +  content: "\e108";
    +}
    +.glyphicon-calendar:before {
    +  content: "\e109";
    +}
    +.glyphicon-random:before {
    +  content: "\e110";
    +}
    +.glyphicon-comment:before {
    +  content: "\e111";
    +}
    +.glyphicon-magnet:before {
    +  content: "\e112";
    +}
    +.glyphicon-chevron-up:before {
    +  content: "\e113";
    +}
    +.glyphicon-chevron-down:before {
    +  content: "\e114";
    +}
    +.glyphicon-retweet:before {
    +  content: "\e115";
    +}
    +.glyphicon-shopping-cart:before {
    +  content: "\e116";
    +}
    +.glyphicon-folder-close:before {
    +  content: "\e117";
    +}
    +.glyphicon-folder-open:before {
    +  content: "\e118";
    +}
    +.glyphicon-resize-vertical:before {
    +  content: "\e119";
    +}
    +.glyphicon-resize-horizontal:before {
    +  content: "\e120";
    +}
    +.glyphicon-hdd:before {
    +  content: "\e121";
    +}
    +.glyphicon-bullhorn:before {
    +  content: "\e122";
    +}
    +.glyphicon-bell:before {
    +  content: "\e123";
    +}
    +.glyphicon-certificate:before {
    +  content: "\e124";
    +}
    +.glyphicon-thumbs-up:before {
    +  content: "\e125";
    +}
    +.glyphicon-thumbs-down:before {
    +  content: "\e126";
    +}
    +.glyphicon-hand-right:before {
    +  content: "\e127";
    +}
    +.glyphicon-hand-left:before {
    +  content: "\e128";
    +}
    +.glyphicon-hand-up:before {
    +  content: "\e129";
    +}
    +.glyphicon-hand-down:before {
    +  content: "\e130";
    +}
    +.glyphicon-circle-arrow-right:before {
    +  content: "\e131";
    +}
    +.glyphicon-circle-arrow-left:before {
    +  content: "\e132";
    +}
    +.glyphicon-circle-arrow-up:before {
    +  content: "\e133";
    +}
    +.glyphicon-circle-arrow-down:before {
    +  content: "\e134";
    +}
    +.glyphicon-globe:before {
    +  content: "\e135";
    +}
    +.glyphicon-wrench:before {
    +  content: "\e136";
    +}
    +.glyphicon-tasks:before {
    +  content: "\e137";
    +}
    +.glyphicon-filter:before {
    +  content: "\e138";
    +}
    +.glyphicon-briefcase:before {
    +  content: "\e139";
    +}
    +.glyphicon-fullscreen:before {
    +  content: "\e140";
    +}
    +.glyphicon-dashboard:before {
    +  content: "\e141";
    +}
    +.glyphicon-paperclip:before {
    +  content: "\e142";
    +}
    +.glyphicon-heart-empty:before {
    +  content: "\e143";
    +}
    +.glyphicon-link:before {
    +  content: "\e144";
    +}
    +.glyphicon-phone:before {
    +  content: "\e145";
    +}
    +.glyphicon-pushpin:before {
    +  content: "\e146";
    +}
    +.glyphicon-usd:before {
    +  content: "\e148";
    +}
    +.glyphicon-gbp:before {
    +  content: "\e149";
    +}
    +.glyphicon-sort:before {
    +  content: "\e150";
    +}
    +.glyphicon-sort-by-alphabet:before {
    +  content: "\e151";
    +}
    +.glyphicon-sort-by-alphabet-alt:before {
    +  content: "\e152";
    +}
    +.glyphicon-sort-by-order:before {
    +  content: "\e153";
    +}
    +.glyphicon-sort-by-order-alt:before {
    +  content: "\e154";
    +}
    +.glyphicon-sort-by-attributes:before {
    +  content: "\e155";
    +}
    +.glyphicon-sort-by-attributes-alt:before {
    +  content: "\e156";
    +}
    +.glyphicon-unchecked:before {
    +  content: "\e157";
    +}
    +.glyphicon-expand:before {
    +  content: "\e158";
    +}
    +.glyphicon-collapse-down:before {
    +  content: "\e159";
    +}
    +.glyphicon-collapse-up:before {
    +  content: "\e160";
    +}
    +.glyphicon-log-in:before {
    +  content: "\e161";
    +}
    +.glyphicon-flash:before {
    +  content: "\e162";
    +}
    +.glyphicon-log-out:before {
    +  content: "\e163";
    +}
    +.glyphicon-new-window:before {
    +  content: "\e164";
    +}
    +.glyphicon-record:before {
    +  content: "\e165";
    +}
    +.glyphicon-save:before {
    +  content: "\e166";
    +}
    +.glyphicon-open:before {
    +  content: "\e167";
    +}
    +.glyphicon-saved:before {
    +  content: "\e168";
    +}
    +.glyphicon-import:before {
    +  content: "\e169";
    +}
    +.glyphicon-export:before {
    +  content: "\e170";
    +}
    +.glyphicon-send:before {
    +  content: "\e171";
    +}
    +.glyphicon-floppy-disk:before {
    +  content: "\e172";
    +}
    +.glyphicon-floppy-saved:before {
    +  content: "\e173";
    +}
    +.glyphicon-floppy-remove:before {
    +  content: "\e174";
    +}
    +.glyphicon-floppy-save:before {
    +  content: "\e175";
    +}
    +.glyphicon-floppy-open:before {
    +  content: "\e176";
    +}
    +.glyphicon-credit-card:before {
    +  content: "\e177";
    +}
    +.glyphicon-transfer:before {
    +  content: "\e178";
    +}
    +.glyphicon-cutlery:before {
    +  content: "\e179";
    +}
    +.glyphicon-header:before {
    +  content: "\e180";
    +}
    +.glyphicon-compressed:before {
    +  content: "\e181";
    +}
    +.glyphicon-earphone:before {
    +  content: "\e182";
    +}
    +.glyphicon-phone-alt:before {
    +  content: "\e183";
    +}
    +.glyphicon-tower:before {
    +  content: "\e184";
    +}
    +.glyphicon-stats:before {
    +  content: "\e185";
    +}
    +.glyphicon-sd-video:before {
    +  content: "\e186";
    +}
    +.glyphicon-hd-video:before {
    +  content: "\e187";
    +}
    +.glyphicon-subtitles:before {
    +  content: "\e188";
    +}
    +.glyphicon-sound-stereo:before {
    +  content: "\e189";
    +}
    +.glyphicon-sound-dolby:before {
    +  content: "\e190";
    +}
    +.glyphicon-sound-5-1:before {
    +  content: "\e191";
    +}
    +.glyphicon-sound-6-1:before {
    +  content: "\e192";
    +}
    +.glyphicon-sound-7-1:before {
    +  content: "\e193";
    +}
    +.glyphicon-copyright-mark:before {
    +  content: "\e194";
    +}
    +.glyphicon-registration-mark:before {
    +  content: "\e195";
    +}
    +.glyphicon-cloud-download:before {
    +  content: "\e197";
    +}
    +.glyphicon-cloud-upload:before {
    +  content: "\e198";
    +}
    +.glyphicon-tree-conifer:before {
    +  content: "\e199";
    +}
    +.glyphicon-tree-deciduous:before {
    +  content: "\e200";
    +}
    +.glyphicon-cd:before {
    +  content: "\e201";
    +}
    +.glyphicon-save-file:before {
    +  content: "\e202";
    +}
    +.glyphicon-open-file:before {
    +  content: "\e203";
    +}
    +.glyphicon-level-up:before {
    +  content: "\e204";
    +}
    +.glyphicon-copy:before {
    +  content: "\e205";
    +}
    +.glyphicon-paste:before {
    +  content: "\e206";
    +}
    +.glyphicon-alert:before {
    +  content: "\e209";
    +}
    +.glyphicon-equalizer:before {
    +  content: "\e210";
    +}
    +.glyphicon-king:before {
    +  content: "\e211";
    +}
    +.glyphicon-queen:before {
    +  content: "\e212";
    +}
    +.glyphicon-pawn:before {
    +  content: "\e213";
    +}
    +.glyphicon-bishop:before {
    +  content: "\e214";
    +}
    +.glyphicon-knight:before {
    +  content: "\e215";
    +}
    +.glyphicon-baby-formula:before {
    +  content: "\e216";
    +}
    +.glyphicon-tent:before {
    +  content: "\26fa";
    +}
    +.glyphicon-blackboard:before {
    +  content: "\e218";
    +}
    +.glyphicon-bed:before {
    +  content: "\e219";
    +}
    +.glyphicon-apple:before {
    +  content: "\f8ff";
    +}
    +.glyphicon-erase:before {
    +  content: "\e221";
    +}
    +.glyphicon-hourglass:before {
    +  content: "\231b";
    +}
    +.glyphicon-lamp:before {
    +  content: "\e223";
    +}
    +.glyphicon-duplicate:before {
    +  content: "\e224";
    +}
    +.glyphicon-piggy-bank:before {
    +  content: "\e225";
    +}
    +.glyphicon-scissors:before {
    +  content: "\e226";
    +}
    +.glyphicon-bitcoin:before {
    +  content: "\e227";
    +}
    +.glyphicon-btc:before {
    +  content: "\e227";
    +}
    +.glyphicon-xbt:before {
    +  content: "\e227";
    +}
    +.glyphicon-yen:before {
    +  content: "\00a5";
    +}
    +.glyphicon-jpy:before {
    +  content: "\00a5";
    +}
    +.glyphicon-ruble:before {
    +  content: "\20bd";
    +}
    +.glyphicon-rub:before {
    +  content: "\20bd";
    +}
    +.glyphicon-scale:before {
    +  content: "\e230";
    +}
    +.glyphicon-ice-lolly:before {
    +  content: "\e231";
    +}
    +.glyphicon-ice-lolly-tasted:before {
    +  content: "\e232";
    +}
    +.glyphicon-education:before {
    +  content: "\e233";
    +}
    +.glyphicon-option-horizontal:before {
    +  content: "\e234";
    +}
    +.glyphicon-option-vertical:before {
    +  content: "\e235";
    +}
    +.glyphicon-menu-hamburger:before {
    +  content: "\e236";
    +}
    +.glyphicon-modal-window:before {
    +  content: "\e237";
    +}
    +.glyphicon-oil:before {
    +  content: "\e238";
    +}
    +.glyphicon-grain:before {
    +  content: "\e239";
    +}
    +.glyphicon-sunglasses:before {
    +  content: "\e240";
    +}
    +.glyphicon-text-size:before {
    +  content: "\e241";
    +}
    +.glyphicon-text-color:before {
    +  content: "\e242";
    +}
    +.glyphicon-text-background:before {
    +  content: "\e243";
    +}
    +.glyphicon-object-align-top:before {
    +  content: "\e244";
    +}
    +.glyphicon-object-align-bottom:before {
    +  content: "\e245";
    +}
    +.glyphicon-object-align-horizontal:before {
    +  content: "\e246";
    +}
    +.glyphicon-object-align-left:before {
    +  content: "\e247";
    +}
    +.glyphicon-object-align-vertical:before {
    +  content: "\e248";
    +}
    +.glyphicon-object-align-right:before {
    +  content: "\e249";
    +}
    +.glyphicon-triangle-right:before {
    +  content: "\e250";
    +}
    +.glyphicon-triangle-left:before {
    +  content: "\e251";
    +}
    +.glyphicon-triangle-bottom:before {
    +  content: "\e252";
    +}
    +.glyphicon-triangle-top:before {
    +  content: "\e253";
    +}
    +.glyphicon-console:before {
    +  content: "\e254";
    +}
    +.glyphicon-superscript:before {
    +  content: "\e255";
    +}
    +.glyphicon-subscript:before {
    +  content: "\e256";
    +}
    +.glyphicon-menu-left:before {
    +  content: "\e257";
    +}
    +.glyphicon-menu-right:before {
    +  content: "\e258";
    +}
    +.glyphicon-menu-down:before {
    +  content: "\e259";
    +}
    +.glyphicon-menu-up:before {
    +  content: "\e260";
    +}
    +* {
    +  -moz-box-sizing: border-box;
    +  box-sizing: border-box;
    +}
    +*:before,
    +*:after {
    +  -moz-box-sizing: border-box;
    +  box-sizing: border-box;
    +}
    +html {
    +  font-size: 10px;
    +  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    +}
    +body {
    +  font-family: 'Roboto', Arial, sans-serif;
    +  font-size: 13px;
    +  line-height: 1.42857143;
    +  color: #404040;
    +  background-color: #EEEEEE;
    +}
    +input,
    +button,
    +select,
    +textarea {
    +  font-family: inherit;
    +  font-size: inherit;
    +  line-height: inherit;
    +}
    +a {
    +  color: #4285f4;
    +  text-decoration: none;
    +}
    +a:hover,
    +a:focus {
    +  color: #0d5bdd;
    +  text-decoration: underline;
    +}
    +a:focus {
    +  outline: 5px auto -webkit-focus-ring-color;
    +  outline-offset: -2px;
    +}
    +figure {
    +  margin: 0;
    +}
    +img {
    +  vertical-align: middle;
    +}
    +.img-responsive,
    +.thumbnail > img,
    +.thumbnail a > img,
    +.carousel-inner > .item > img,
    +.carousel-inner > .item > a > img {
    +  display: block;
    +  max-width: 100%;
    +  height: auto;
    +}
    +.img-rounded {
    +  border-radius: 4px;
    +}
    +.img-thumbnail {
    +  padding: 4px;
    +  line-height: 1.42857143;
    +  background-color: #EEEEEE;
    +  border: 1px solid #ddd;
    +  border-radius: 2px;
    +  -webkit-transition: all 0.2s ease-in-out;
    +  -o-transition: all 0.2s ease-in-out;
    +  transition: all 0.2s ease-in-out;
    +  display: inline-block;
    +  max-width: 100%;
    +  height: auto;
    +}
    +.img-circle {
    +  border-radius: 50%;
    +}
    +hr {
    +  margin-top: 18px;
    +  margin-bottom: 18px;
    +  border: 0;
    +  border-top: 1px solid #eeeeee;
    +}
    +.sr-only {
    +  position: absolute;
    +  width: 1px;
    +  height: 1px;
    +  margin: -1px;
    +  padding: 0;
    +  overflow: hidden;
    +  clip: rect(0, 0, 0, 0);
    +  border: 0;
    +}
    +.sr-only-focusable:active,
    +.sr-only-focusable:focus {
    +  position: static;
    +  width: auto;
    +  height: auto;
    +  margin: 0;
    +  overflow: visible;
    +  clip: auto;
    +}
    +[role="button"] {
    +  cursor: pointer;
    +}
    +h1,
    +h2,
    +h3,
    +h4,
    +h5,
    +h6,
    +.h1,
    +.h2,
    +.h3,
    +.h4,
    +.h5,
    +.h6 {
    +  font-family: inherit;
    +  font-weight: 300;
    +  line-height: 1.1;
    +  color: inherit;
    +}
    +h1 small,
    +h2 small,
    +h3 small,
    +h4 small,
    +h5 small,
    +h6 small,
    +.h1 small,
    +.h2 small,
    +.h3 small,
    +.h4 small,
    +.h5 small,
    +.h6 small,
    +h1 .small,
    +h2 .small,
    +h3 .small,
    +h4 .small,
    +h5 .small,
    +h6 .small,
    +.h1 .small,
    +.h2 .small,
    +.h3 .small,
    +.h4 .small,
    +.h5 .small,
    +.h6 .small {
    +  font-weight: normal;
    +  line-height: 1;
    +  color: inherit;
    +}
    +h1,
    +.h1,
    +h2,
    +.h2,
    +h3,
    +.h3 {
    +  margin-top: 18px;
    +  margin-bottom: 9px;
    +}
    +h1 small,
    +.h1 small,
    +h2 small,
    +.h2 small,
    +h3 small,
    +.h3 small,
    +h1 .small,
    +.h1 .small,
    +h2 .small,
    +.h2 .small,
    +h3 .small,
    +.h3 .small {
    +  font-size: 65%;
    +}
    +h4,
    +.h4,
    +h5,
    +.h5,
    +h6,
    +.h6 {
    +  margin-top: 9px;
    +  margin-bottom: 9px;
    +}
    +h4 small,
    +.h4 small,
    +h5 small,
    +.h5 small,
    +h6 small,
    +.h6 small,
    +h4 .small,
    +.h4 .small,
    +h5 .small,
    +.h5 .small,
    +h6 .small,
    +.h6 .small {
    +  font-size: 75%;
    +}
    +h1,
    +.h1 {
    +  font-size: 33px;
    +}
    +h2,
    +.h2 {
    +  font-size: 27px;
    +}
    +h3,
    +.h3 {
    +  font-size: 23px;
    +}
    +h4,
    +.h4 {
    +  font-size: 17px;
    +}
    +h5,
    +.h5 {
    +  font-size: 13px;
    +}
    +h6,
    +.h6 {
    +  font-size: 12px;
    +}
    +p {
    +  margin: 0 0 9px;
    +}
    +.lead {
    +  margin-bottom: 18px;
    +  font-size: 14px;
    +  font-weight: 300;
    +  line-height: 1.4;
    +}
    +@media (min-width: 768px) {
    +  .lead {
    +    font-size: 19.5px;
    +  }
    +}
    +small,
    +.small {
    +  font-size: 92%;
    +}
    +mark,
    +.mark {
    +  background-color: #fcf8e3;
    +  padding: .2em;
    +}
    +.text-left {
    +  text-align: left;
    +}
    +.text-right {
    +  text-align: right;
    +}
    +.text-center {
    +  text-align: center;
    +}
    +.text-justify {
    +  text-align: justify;
    +}
    +.text-nowrap {
    +  white-space: nowrap;
    +}
    +.text-lowercase {
    +  text-transform: lowercase;
    +}
    +.text-uppercase {
    +  text-transform: uppercase;
    +}
    +.text-capitalize {
    +  text-transform: capitalize;
    +}
    +.text-muted {
    +  color: #777777;
    +}
    +.text-primary {
    +  color: #4285f4;
    +}
    +a.text-primary:hover,
    +a.text-primary:focus {
    +  color: #1266f1;
    +}
    +.text-success {
    +  color: #37b358;
    +}
    +a.text-success:hover,
    +a.text-success:focus {
    +  color: #2b8c45;
    +}
    +.text-info {
    +  color: #31708f;
    +}
    +a.text-info:hover,
    +a.text-info:focus {
    +  color: #245269;
    +}
    +.text-warning {
    +  color: #f6c163;
    +}
    +a.text-warning:hover,
    +a.text-warning:focus {
    +  color: #f3ae33;
    +}
    +.text-danger {
    +  color: #ea4335;
    +}
    +a.text-danger:hover,
    +a.text-danger:focus {
    +  color: #d62516;
    +}
    +.bg-primary {
    +  color: #fff;
    +  background-color: #4285f4;
    +}
    +a.bg-primary:hover,
    +a.bg-primary:focus {
    +  background-color: #1266f1;
    +}
    +.bg-success {
    +  background-color: #34a853;
    +}
    +a.bg-success:hover,
    +a.bg-success:focus {
    +  background-color: #288140;
    +}
    +.bg-info {
    +  background-color: #d9edf7;
    +}
    +a.bg-info:hover,
    +a.bg-info:focus {
    +  background-color: #afd9ee;
    +}
    +.bg-warning {
    +  background-color: #fcf8e3;
    +}
    +a.bg-warning:hover,
    +a.bg-warning:focus {
    +  background-color: #f7ecb5;
    +}
    +.bg-danger {
    +  background-color: #ea4335;
    +}
    +a.bg-danger:hover,
    +a.bg-danger:focus {
    +  background-color: #d62516;
    +}
    +.page-header {
    +  padding-bottom: 8px;
    +  margin: 36px 0 18px;
    +  border-bottom: 1px solid #eeeeee;
    +}
    +ul,
    +ol {
    +  margin-top: 0;
    +  margin-bottom: 9px;
    +}
    +ul ul,
    +ol ul,
    +ul ol,
    +ol ol {
    +  margin-bottom: 0;
    +}
    +.list-unstyled {
    +  padding-left: 0;
    +  list-style: none;
    +}
    +.list-inline {
    +  padding-left: 0;
    +  list-style: none;
    +  margin-left: -5px;
    +}
    +.list-inline ul,
    +.list-inline ol {
    +  padding-left: 40px;
    +}
    +.list-inline > li {
    +  display: inline-block;
    +  padding-left: 5px;
    +  padding-right: 5px;
    +}
    +dl {
    +  margin-top: 0;
    +  margin-bottom: 18px;
    +}
    +dt,
    +dd {
    +  line-height: 1.42857143;
    +}
    +dt {
    +  font-weight: bold;
    +}
    +dd {
    +  margin-left: 0;
    +}
    +@media (min-width: 768px) {
    +  .dl-horizontal dt {
    +    float: left;
    +    width: 160px;
    +    clear: left;
    +    text-align: right;
    +    overflow: hidden;
    +    text-overflow: ellipsis;
    +    white-space: nowrap;
    +  }
    +  .dl-horizontal dd {
    +    margin-left: 180px;
    +  }
    +}
    +abbr[title],
    +abbr[data-original-title] {
    +  cursor: help;
    +  border-bottom: 1px dotted #777777;
    +}
    +.initialism {
    +  font-size: 90%;
    +  text-transform: uppercase;
    +}
    +blockquote {
    +  padding: 9px 18px;
    +  margin: 0 0 18px;
    +  font-size: 17px;
    +  border-left: 5px solid #eeeeee;
    +}
    +blockquote p:last-child,
    +blockquote ul:last-child,
    +blockquote ol:last-child {
    +  margin-bottom: 0;
    +}
    +blockquote footer,
    +blockquote small,
    +blockquote .small {
    +  display: block;
    +  font-size: 80%;
    +  line-height: 1.42857143;
    +  color: #777777;
    +}
    +blockquote footer:before,
    +blockquote small:before,
    +blockquote .small:before {
    +  content: '\2014 \00A0';
    +}
    +.blockquote-reverse,
    +blockquote.pull-right {
    +  padding-right: 15px;
    +  padding-left: 0;
    +  border-right: 5px solid #eeeeee;
    +  border-left: 0;
    +  text-align: right;
    +}
    +.blockquote-reverse footer:before,
    +blockquote.pull-right footer:before,
    +.blockquote-reverse small:before,
    +blockquote.pull-right small:before,
    +.blockquote-reverse .small:before,
    +blockquote.pull-right .small:before {
    +  content: '';
    +}
    +.blockquote-reverse footer:after,
    +blockquote.pull-right footer:after,
    +.blockquote-reverse small:after,
    +blockquote.pull-right small:after,
    +.blockquote-reverse .small:after,
    +blockquote.pull-right .small:after {
    +  content: '\00A0 \2014';
    +}
    +address {
    +  margin-bottom: 18px;
    +  font-style: normal;
    +  line-height: 1.42857143;
    +}
    +code,
    +kbd,
    +pre,
    +samp {
    +  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    +}
    +code {
    +  padding: 2px 4px;
    +  font-size: 90%;
    +  color: #4285F4;
    +  background-color: #fafafa;
    +  border-radius: 2px;
    +}
    +kbd {
    +  padding: 2px 4px;
    +  font-size: 90%;
    +  color: #fff;
    +  background-color: #333;
    +  border-radius: 2px;
    +  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    +}
    +kbd kbd {
    +  padding: 0;
    +  font-size: 100%;
    +  font-weight: bold;
    +  box-shadow: none;
    +}
    +pre {
    +  display: block;
    +  padding: 8.5px;
    +  margin: 0 0 9px;
    +  font-size: 12px;
    +  line-height: 1.42857143;
    +  word-break: break-all;
    +  word-wrap: break-word;
    +  color: #666666;
    +  background-color: #fafafa;
    +  border: 1px solid #ccc;
    +  border-radius: 2px;
    +}
    +pre code {
    +  padding: 0;
    +  font-size: inherit;
    +  color: inherit;
    +  white-space: pre-wrap;
    +  background-color: transparent;
    +  border-radius: 0;
    +}
    +.pre-scrollable {
    +  max-height: 340px;
    +  overflow-y: scroll;
    +}
    +.container {
    +  margin-right: auto;
    +  margin-left: auto;
    +  padding-left: 15px;
    +  padding-right: 15px;
    +}
    +@media (min-width: 768px) {
    +  .container {
    +    width: 750px;
    +  }
    +}
    +@media (min-width: 992px) {
    +  .container {
    +    width: 970px;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .container {
    +    width: 1170px;
    +  }
    +}
    +.container-fluid {
    +  margin-right: auto;
    +  margin-left: auto;
    +  padding-left: 15px;
    +  padding-right: 15px;
    +}
    +.row {
    +  margin-left: -15px;
    +  margin-right: -15px;
    +}
    +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    +  position: relative;
    +  min-height: 1px;
    +  padding-left: 15px;
    +  padding-right: 15px;
    +}
    +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    +  float: left;
    +}
    +.col-xs-12 {
    +  width: 100%;
    +}
    +.col-xs-11 {
    +  width: 91.66666667%;
    +}
    +.col-xs-10 {
    +  width: 83.33333333%;
    +}
    +.col-xs-9 {
    +  width: 75%;
    +}
    +.col-xs-8 {
    +  width: 66.66666667%;
    +}
    +.col-xs-7 {
    +  width: 58.33333333%;
    +}
    +.col-xs-6 {
    +  width: 50%;
    +}
    +.col-xs-5 {
    +  width: 41.66666667%;
    +}
    +.col-xs-4 {
    +  width: 33.33333333%;
    +}
    +.col-xs-3 {
    +  width: 25%;
    +}
    +.col-xs-2 {
    +  width: 16.66666667%;
    +}
    +.col-xs-1 {
    +  width: 8.33333333%;
    +}
    +.col-xs-pull-12 {
    +  right: 100%;
    +}
    +.col-xs-pull-11 {
    +  right: 91.66666667%;
    +}
    +.col-xs-pull-10 {
    +  right: 83.33333333%;
    +}
    +.col-xs-pull-9 {
    +  right: 75%;
    +}
    +.col-xs-pull-8 {
    +  right: 66.66666667%;
    +}
    +.col-xs-pull-7 {
    +  right: 58.33333333%;
    +}
    +.col-xs-pull-6 {
    +  right: 50%;
    +}
    +.col-xs-pull-5 {
    +  right: 41.66666667%;
    +}
    +.col-xs-pull-4 {
    +  right: 33.33333333%;
    +}
    +.col-xs-pull-3 {
    +  right: 25%;
    +}
    +.col-xs-pull-2 {
    +  right: 16.66666667%;
    +}
    +.col-xs-pull-1 {
    +  right: 8.33333333%;
    +}
    +.col-xs-pull-0 {
    +  right: auto;
    +}
    +.col-xs-push-12 {
    +  left: 100%;
    +}
    +.col-xs-push-11 {
    +  left: 91.66666667%;
    +}
    +.col-xs-push-10 {
    +  left: 83.33333333%;
    +}
    +.col-xs-push-9 {
    +  left: 75%;
    +}
    +.col-xs-push-8 {
    +  left: 66.66666667%;
    +}
    +.col-xs-push-7 {
    +  left: 58.33333333%;
    +}
    +.col-xs-push-6 {
    +  left: 50%;
    +}
    +.col-xs-push-5 {
    +  left: 41.66666667%;
    +}
    +.col-xs-push-4 {
    +  left: 33.33333333%;
    +}
    +.col-xs-push-3 {
    +  left: 25%;
    +}
    +.col-xs-push-2 {
    +  left: 16.66666667%;
    +}
    +.col-xs-push-1 {
    +  left: 8.33333333%;
    +}
    +.col-xs-push-0 {
    +  left: auto;
    +}
    +.col-xs-offset-12 {
    +  margin-left: 100%;
    +}
    +.col-xs-offset-11 {
    +  margin-left: 91.66666667%;
    +}
    +.col-xs-offset-10 {
    +  margin-left: 83.33333333%;
    +}
    +.col-xs-offset-9 {
    +  margin-left: 75%;
    +}
    +.col-xs-offset-8 {
    +  margin-left: 66.66666667%;
    +}
    +.col-xs-offset-7 {
    +  margin-left: 58.33333333%;
    +}
    +.col-xs-offset-6 {
    +  margin-left: 50%;
    +}
    +.col-xs-offset-5 {
    +  margin-left: 41.66666667%;
    +}
    +.col-xs-offset-4 {
    +  margin-left: 33.33333333%;
    +}
    +.col-xs-offset-3 {
    +  margin-left: 25%;
    +}
    +.col-xs-offset-2 {
    +  margin-left: 16.66666667%;
    +}
    +.col-xs-offset-1 {
    +  margin-left: 8.33333333%;
    +}
    +.col-xs-offset-0 {
    +  margin-left: 0%;
    +}
    +@media (min-width: 768px) {
    +  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    +    float: left;
    +  }
    +  .col-sm-12 {
    +    width: 100%;
    +  }
    +  .col-sm-11 {
    +    width: 91.66666667%;
    +  }
    +  .col-sm-10 {
    +    width: 83.33333333%;
    +  }
    +  .col-sm-9 {
    +    width: 75%;
    +  }
    +  .col-sm-8 {
    +    width: 66.66666667%;
    +  }
    +  .col-sm-7 {
    +    width: 58.33333333%;
    +  }
    +  .col-sm-6 {
    +    width: 50%;
    +  }
    +  .col-sm-5 {
    +    width: 41.66666667%;
    +  }
    +  .col-sm-4 {
    +    width: 33.33333333%;
    +  }
    +  .col-sm-3 {
    +    width: 25%;
    +  }
    +  .col-sm-2 {
    +    width: 16.66666667%;
    +  }
    +  .col-sm-1 {
    +    width: 8.33333333%;
    +  }
    +  .col-sm-pull-12 {
    +    right: 100%;
    +  }
    +  .col-sm-pull-11 {
    +    right: 91.66666667%;
    +  }
    +  .col-sm-pull-10 {
    +    right: 83.33333333%;
    +  }
    +  .col-sm-pull-9 {
    +    right: 75%;
    +  }
    +  .col-sm-pull-8 {
    +    right: 66.66666667%;
    +  }
    +  .col-sm-pull-7 {
    +    right: 58.33333333%;
    +  }
    +  .col-sm-pull-6 {
    +    right: 50%;
    +  }
    +  .col-sm-pull-5 {
    +    right: 41.66666667%;
    +  }
    +  .col-sm-pull-4 {
    +    right: 33.33333333%;
    +  }
    +  .col-sm-pull-3 {
    +    right: 25%;
    +  }
    +  .col-sm-pull-2 {
    +    right: 16.66666667%;
    +  }
    +  .col-sm-pull-1 {
    +    right: 8.33333333%;
    +  }
    +  .col-sm-pull-0 {
    +    right: auto;
    +  }
    +  .col-sm-push-12 {
    +    left: 100%;
    +  }
    +  .col-sm-push-11 {
    +    left: 91.66666667%;
    +  }
    +  .col-sm-push-10 {
    +    left: 83.33333333%;
    +  }
    +  .col-sm-push-9 {
    +    left: 75%;
    +  }
    +  .col-sm-push-8 {
    +    left: 66.66666667%;
    +  }
    +  .col-sm-push-7 {
    +    left: 58.33333333%;
    +  }
    +  .col-sm-push-6 {
    +    left: 50%;
    +  }
    +  .col-sm-push-5 {
    +    left: 41.66666667%;
    +  }
    +  .col-sm-push-4 {
    +    left: 33.33333333%;
    +  }
    +  .col-sm-push-3 {
    +    left: 25%;
    +  }
    +  .col-sm-push-2 {
    +    left: 16.66666667%;
    +  }
    +  .col-sm-push-1 {
    +    left: 8.33333333%;
    +  }
    +  .col-sm-push-0 {
    +    left: auto;
    +  }
    +  .col-sm-offset-12 {
    +    margin-left: 100%;
    +  }
    +  .col-sm-offset-11 {
    +    margin-left: 91.66666667%;
    +  }
    +  .col-sm-offset-10 {
    +    margin-left: 83.33333333%;
    +  }
    +  .col-sm-offset-9 {
    +    margin-left: 75%;
    +  }
    +  .col-sm-offset-8 {
    +    margin-left: 66.66666667%;
    +  }
    +  .col-sm-offset-7 {
    +    margin-left: 58.33333333%;
    +  }
    +  .col-sm-offset-6 {
    +    margin-left: 50%;
    +  }
    +  .col-sm-offset-5 {
    +    margin-left: 41.66666667%;
    +  }
    +  .col-sm-offset-4 {
    +    margin-left: 33.33333333%;
    +  }
    +  .col-sm-offset-3 {
    +    margin-left: 25%;
    +  }
    +  .col-sm-offset-2 {
    +    margin-left: 16.66666667%;
    +  }
    +  .col-sm-offset-1 {
    +    margin-left: 8.33333333%;
    +  }
    +  .col-sm-offset-0 {
    +    margin-left: 0%;
    +  }
    +}
    +@media (min-width: 992px) {
    +  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    +    float: left;
    +  }
    +  .col-md-12 {
    +    width: 100%;
    +  }
    +  .col-md-11 {
    +    width: 91.66666667%;
    +  }
    +  .col-md-10 {
    +    width: 83.33333333%;
    +  }
    +  .col-md-9 {
    +    width: 75%;
    +  }
    +  .col-md-8 {
    +    width: 66.66666667%;
    +  }
    +  .col-md-7 {
    +    width: 58.33333333%;
    +  }
    +  .col-md-6 {
    +    width: 50%;
    +  }
    +  .col-md-5 {
    +    width: 41.66666667%;
    +  }
    +  .col-md-4 {
    +    width: 33.33333333%;
    +  }
    +  .col-md-3 {
    +    width: 25%;
    +  }
    +  .col-md-2 {
    +    width: 16.66666667%;
    +  }
    +  .col-md-1 {
    +    width: 8.33333333%;
    +  }
    +  .col-md-pull-12 {
    +    right: 100%;
    +  }
    +  .col-md-pull-11 {
    +    right: 91.66666667%;
    +  }
    +  .col-md-pull-10 {
    +    right: 83.33333333%;
    +  }
    +  .col-md-pull-9 {
    +    right: 75%;
    +  }
    +  .col-md-pull-8 {
    +    right: 66.66666667%;
    +  }
    +  .col-md-pull-7 {
    +    right: 58.33333333%;
    +  }
    +  .col-md-pull-6 {
    +    right: 50%;
    +  }
    +  .col-md-pull-5 {
    +    right: 41.66666667%;
    +  }
    +  .col-md-pull-4 {
    +    right: 33.33333333%;
    +  }
    +  .col-md-pull-3 {
    +    right: 25%;
    +  }
    +  .col-md-pull-2 {
    +    right: 16.66666667%;
    +  }
    +  .col-md-pull-1 {
    +    right: 8.33333333%;
    +  }
    +  .col-md-pull-0 {
    +    right: auto;
    +  }
    +  .col-md-push-12 {
    +    left: 100%;
    +  }
    +  .col-md-push-11 {
    +    left: 91.66666667%;
    +  }
    +  .col-md-push-10 {
    +    left: 83.33333333%;
    +  }
    +  .col-md-push-9 {
    +    left: 75%;
    +  }
    +  .col-md-push-8 {
    +    left: 66.66666667%;
    +  }
    +  .col-md-push-7 {
    +    left: 58.33333333%;
    +  }
    +  .col-md-push-6 {
    +    left: 50%;
    +  }
    +  .col-md-push-5 {
    +    left: 41.66666667%;
    +  }
    +  .col-md-push-4 {
    +    left: 33.33333333%;
    +  }
    +  .col-md-push-3 {
    +    left: 25%;
    +  }
    +  .col-md-push-2 {
    +    left: 16.66666667%;
    +  }
    +  .col-md-push-1 {
    +    left: 8.33333333%;
    +  }
    +  .col-md-push-0 {
    +    left: auto;
    +  }
    +  .col-md-offset-12 {
    +    margin-left: 100%;
    +  }
    +  .col-md-offset-11 {
    +    margin-left: 91.66666667%;
    +  }
    +  .col-md-offset-10 {
    +    margin-left: 83.33333333%;
    +  }
    +  .col-md-offset-9 {
    +    margin-left: 75%;
    +  }
    +  .col-md-offset-8 {
    +    margin-left: 66.66666667%;
    +  }
    +  .col-md-offset-7 {
    +    margin-left: 58.33333333%;
    +  }
    +  .col-md-offset-6 {
    +    margin-left: 50%;
    +  }
    +  .col-md-offset-5 {
    +    margin-left: 41.66666667%;
    +  }
    +  .col-md-offset-4 {
    +    margin-left: 33.33333333%;
    +  }
    +  .col-md-offset-3 {
    +    margin-left: 25%;
    +  }
    +  .col-md-offset-2 {
    +    margin-left: 16.66666667%;
    +  }
    +  .col-md-offset-1 {
    +    margin-left: 8.33333333%;
    +  }
    +  .col-md-offset-0 {
    +    margin-left: 0%;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    +    float: left;
    +  }
    +  .col-lg-12 {
    +    width: 100%;
    +  }
    +  .col-lg-11 {
    +    width: 91.66666667%;
    +  }
    +  .col-lg-10 {
    +    width: 83.33333333%;
    +  }
    +  .col-lg-9 {
    +    width: 75%;
    +  }
    +  .col-lg-8 {
    +    width: 66.66666667%;
    +  }
    +  .col-lg-7 {
    +    width: 58.33333333%;
    +  }
    +  .col-lg-6 {
    +    width: 50%;
    +  }
    +  .col-lg-5 {
    +    width: 41.66666667%;
    +  }
    +  .col-lg-4 {
    +    width: 33.33333333%;
    +  }
    +  .col-lg-3 {
    +    width: 25%;
    +  }
    +  .col-lg-2 {
    +    width: 16.66666667%;
    +  }
    +  .col-lg-1 {
    +    width: 8.33333333%;
    +  }
    +  .col-lg-pull-12 {
    +    right: 100%;
    +  }
    +  .col-lg-pull-11 {
    +    right: 91.66666667%;
    +  }
    +  .col-lg-pull-10 {
    +    right: 83.33333333%;
    +  }
    +  .col-lg-pull-9 {
    +    right: 75%;
    +  }
    +  .col-lg-pull-8 {
    +    right: 66.66666667%;
    +  }
    +  .col-lg-pull-7 {
    +    right: 58.33333333%;
    +  }
    +  .col-lg-pull-6 {
    +    right: 50%;
    +  }
    +  .col-lg-pull-5 {
    +    right: 41.66666667%;
    +  }
    +  .col-lg-pull-4 {
    +    right: 33.33333333%;
    +  }
    +  .col-lg-pull-3 {
    +    right: 25%;
    +  }
    +  .col-lg-pull-2 {
    +    right: 16.66666667%;
    +  }
    +  .col-lg-pull-1 {
    +    right: 8.33333333%;
    +  }
    +  .col-lg-pull-0 {
    +    right: auto;
    +  }
    +  .col-lg-push-12 {
    +    left: 100%;
    +  }
    +  .col-lg-push-11 {
    +    left: 91.66666667%;
    +  }
    +  .col-lg-push-10 {
    +    left: 83.33333333%;
    +  }
    +  .col-lg-push-9 {
    +    left: 75%;
    +  }
    +  .col-lg-push-8 {
    +    left: 66.66666667%;
    +  }
    +  .col-lg-push-7 {
    +    left: 58.33333333%;
    +  }
    +  .col-lg-push-6 {
    +    left: 50%;
    +  }
    +  .col-lg-push-5 {
    +    left: 41.66666667%;
    +  }
    +  .col-lg-push-4 {
    +    left: 33.33333333%;
    +  }
    +  .col-lg-push-3 {
    +    left: 25%;
    +  }
    +  .col-lg-push-2 {
    +    left: 16.66666667%;
    +  }
    +  .col-lg-push-1 {
    +    left: 8.33333333%;
    +  }
    +  .col-lg-push-0 {
    +    left: auto;
    +  }
    +  .col-lg-offset-12 {
    +    margin-left: 100%;
    +  }
    +  .col-lg-offset-11 {
    +    margin-left: 91.66666667%;
    +  }
    +  .col-lg-offset-10 {
    +    margin-left: 83.33333333%;
    +  }
    +  .col-lg-offset-9 {
    +    margin-left: 75%;
    +  }
    +  .col-lg-offset-8 {
    +    margin-left: 66.66666667%;
    +  }
    +  .col-lg-offset-7 {
    +    margin-left: 58.33333333%;
    +  }
    +  .col-lg-offset-6 {
    +    margin-left: 50%;
    +  }
    +  .col-lg-offset-5 {
    +    margin-left: 41.66666667%;
    +  }
    +  .col-lg-offset-4 {
    +    margin-left: 33.33333333%;
    +  }
    +  .col-lg-offset-3 {
    +    margin-left: 25%;
    +  }
    +  .col-lg-offset-2 {
    +    margin-left: 16.66666667%;
    +  }
    +  .col-lg-offset-1 {
    +    margin-left: 8.33333333%;
    +  }
    +  .col-lg-offset-0 {
    +    margin-left: 0%;
    +  }
    +}
    +table {
    +  background-color: transparent;
    +}
    +caption {
    +  padding-top: 12px 10px;
    +  padding-bottom: 12px 10px;
    +  color: #777777;
    +  text-align: left;
    +}
    +th {
    +  text-align: left;
    +}
    +.table {
    +  width: 100%;
    +  max-width: 100%;
    +  margin-bottom: 18px;
    +}
    +.table > thead > tr > th,
    +.table > tbody > tr > th,
    +.table > tfoot > tr > th,
    +.table > thead > tr > td,
    +.table > tbody > tr > td,
    +.table > tfoot > tr > td {
    +  padding: 12px 10px;
    +  line-height: 1.42857143;
    +  vertical-align: top;
    +  border-top: 1px solid #ddd;
    +}
    +.table > thead > tr > th {
    +  vertical-align: bottom;
    +  border-bottom: 2px solid #ddd;
    +}
    +.table > caption + thead > tr:first-child > th,
    +.table > colgroup + thead > tr:first-child > th,
    +.table > thead:first-child > tr:first-child > th,
    +.table > caption + thead > tr:first-child > td,
    +.table > colgroup + thead > tr:first-child > td,
    +.table > thead:first-child > tr:first-child > td {
    +  border-top: 0;
    +}
    +.table > tbody + tbody {
    +  border-top: 2px solid #ddd;
    +}
    +.table .table {
    +  background-color: #EEEEEE;
    +}
    +.table-condensed > thead > tr > th,
    +.table-condensed > tbody > tr > th,
    +.table-condensed > tfoot > tr > th,
    +.table-condensed > thead > tr > td,
    +.table-condensed > tbody > tr > td,
    +.table-condensed > tfoot > tr > td {
    +  padding: 7px;
    +}
    +.table-bordered {
    +  border: 1px solid #ddd;
    +}
    +.table-bordered > thead > tr > th,
    +.table-bordered > tbody > tr > th,
    +.table-bordered > tfoot > tr > th,
    +.table-bordered > thead > tr > td,
    +.table-bordered > tbody > tr > td,
    +.table-bordered > tfoot > tr > td {
    +  border: 1px solid #ddd;
    +}
    +.table-bordered > thead > tr > th,
    +.table-bordered > thead > tr > td {
    +  border-bottom-width: 2px;
    +}
    +.table-striped > tbody > tr:nth-of-type(odd) {
    +  background-color: #f5f5f5;
    +}
    +.table-hover > tbody > tr:hover {
    +  background-color: #f0f0f0;
    +}
    +table col[class*="col-"] {
    +  position: static;
    +  float: none;
    +  display: table-column;
    +}
    +table td[class*="col-"],
    +table th[class*="col-"] {
    +  position: static;
    +  float: none;
    +  display: table-cell;
    +}
    +.table > thead > tr > td.active,
    +.table > tbody > tr > td.active,
    +.table > tfoot > tr > td.active,
    +.table > thead > tr > th.active,
    +.table > tbody > tr > th.active,
    +.table > tfoot > tr > th.active,
    +.table > thead > tr.active > td,
    +.table > tbody > tr.active > td,
    +.table > tfoot > tr.active > td,
    +.table > thead > tr.active > th,
    +.table > tbody > tr.active > th,
    +.table > tfoot > tr.active > th {
    +  background-color: #f0f0f0;
    +}
    +.table-hover > tbody > tr > td.active:hover,
    +.table-hover > tbody > tr > th.active:hover,
    +.table-hover > tbody > tr.active:hover > td,
    +.table-hover > tbody > tr:hover > .active,
    +.table-hover > tbody > tr.active:hover > th {
    +  background-color: #e3e3e3;
    +}
    +.table > thead > tr > td.active,
    +.table > tbody > tr > td.active,
    +.table > tfoot > tr > td.active,
    +.table > thead > tr > th.active,
    +.table > tbody > tr > th.active,
    +.table > tfoot > tr > th.active,
    +.table > thead > tr.active > td,
    +.table > tbody > tr.active > td,
    +.table > tfoot > tr.active > td,
    +.table > thead > tr.active > th,
    +.table > tbody > tr.active > th,
    +.table > tfoot > tr.active > th {
    +  color: #ffffff;
    +}
    +.table-hover > tbody > tr > td.active:hover,
    +.table-hover > tbody > tr > th.active:hover,
    +.table-hover > tbody > tr.active:hover > td,
    +.table-hover > tbody > tr:hover > .active,
    +.table-hover > tbody > tr.active:hover > th {
    +  color: #ffffff;
    +}
    +.table > thead > tr > td.success,
    +.table > tbody > tr > td.success,
    +.table > tfoot > tr > td.success,
    +.table > thead > tr > th.success,
    +.table > tbody > tr > th.success,
    +.table > tfoot > tr > th.success,
    +.table > thead > tr.success > td,
    +.table > tbody > tr.success > td,
    +.table > tfoot > tr.success > td,
    +.table > thead > tr.success > th,
    +.table > tbody > tr.success > th,
    +.table > tfoot > tr.success > th {
    +  background-color: #34a853;
    +}
    +.table-hover > tbody > tr > td.success:hover,
    +.table-hover > tbody > tr > th.success:hover,
    +.table-hover > tbody > tr.success:hover > td,
    +.table-hover > tbody > tr:hover > .success,
    +.table-hover > tbody > tr.success:hover > th {
    +  background-color: #2e9549;
    +}
    +.table > thead > tr > td.success,
    +.table > tbody > tr > td.success,
    +.table > tfoot > tr > td.success,
    +.table > thead > tr > th.success,
    +.table > tbody > tr > th.success,
    +.table > tfoot > tr > th.success,
    +.table > thead > tr.success > td,
    +.table > tbody > tr.success > td,
    +.table > tfoot > tr.success > td,
    +.table > thead > tr.success > th,
    +.table > tbody > tr.success > th,
    +.table > tfoot > tr.success > th {
    +  color: #ffffff;
    +}
    +.table-hover > tbody > tr > td.success:hover,
    +.table-hover > tbody > tr > th.success:hover,
    +.table-hover > tbody > tr.success:hover > td,
    +.table-hover > tbody > tr:hover > .success,
    +.table-hover > tbody > tr.success:hover > th {
    +  color: #ffffff;
    +}
    +.table > thead > tr > td.info,
    +.table > tbody > tr > td.info,
    +.table > tfoot > tr > td.info,
    +.table > thead > tr > th.info,
    +.table > tbody > tr > th.info,
    +.table > tfoot > tr > th.info,
    +.table > thead > tr.info > td,
    +.table > tbody > tr.info > td,
    +.table > tfoot > tr.info > td,
    +.table > thead > tr.info > th,
    +.table > tbody > tr.info > th,
    +.table > tfoot > tr.info > th {
    +  background-color: #d9edf7;
    +}
    +.table-hover > tbody > tr > td.info:hover,
    +.table-hover > tbody > tr > th.info:hover,
    +.table-hover > tbody > tr.info:hover > td,
    +.table-hover > tbody > tr:hover > .info,
    +.table-hover > tbody > tr.info:hover > th {
    +  background-color: #c4e3f3;
    +}
    +.table > thead > tr > td.info,
    +.table > tbody > tr > td.info,
    +.table > tfoot > tr > td.info,
    +.table > thead > tr > th.info,
    +.table > tbody > tr > th.info,
    +.table > tfoot > tr > th.info,
    +.table > thead > tr.info > td,
    +.table > tbody > tr.info > td,
    +.table > tfoot > tr.info > td,
    +.table > thead > tr.info > th,
    +.table > tbody > tr.info > th,
    +.table > tfoot > tr.info > th {
    +  color: #ffffff;
    +}
    +.table-hover > tbody > tr > td.info:hover,
    +.table-hover > tbody > tr > th.info:hover,
    +.table-hover > tbody > tr.info:hover > td,
    +.table-hover > tbody > tr:hover > .info,
    +.table-hover > tbody > tr.info:hover > th {
    +  color: #ffffff;
    +}
    +.table > thead > tr > td.warning,
    +.table > tbody > tr > td.warning,
    +.table > tfoot > tr > td.warning,
    +.table > thead > tr > th.warning,
    +.table > tbody > tr > th.warning,
    +.table > tfoot > tr > th.warning,
    +.table > thead > tr.warning > td,
    +.table > tbody > tr.warning > td,
    +.table > tfoot > tr.warning > td,
    +.table > thead > tr.warning > th,
    +.table > tbody > tr.warning > th,
    +.table > tfoot > tr.warning > th {
    +  background-color: #fcf8e3;
    +}
    +.table-hover > tbody > tr > td.warning:hover,
    +.table-hover > tbody > tr > th.warning:hover,
    +.table-hover > tbody > tr.warning:hover > td,
    +.table-hover > tbody > tr:hover > .warning,
    +.table-hover > tbody > tr.warning:hover > th {
    +  background-color: #faf2cc;
    +}
    +.table > thead > tr > td.warning,
    +.table > tbody > tr > td.warning,
    +.table > tfoot > tr > td.warning,
    +.table > thead > tr > th.warning,
    +.table > tbody > tr > th.warning,
    +.table > tfoot > tr > th.warning,
    +.table > thead > tr.warning > td,
    +.table > tbody > tr.warning > td,
    +.table > tfoot > tr.warning > td,
    +.table > thead > tr.warning > th,
    +.table > tbody > tr.warning > th,
    +.table > tfoot > tr.warning > th {
    +  color: #ffffff;
    +}
    +.table-hover > tbody > tr > td.warning:hover,
    +.table-hover > tbody > tr > th.warning:hover,
    +.table-hover > tbody > tr.warning:hover > td,
    +.table-hover > tbody > tr:hover > .warning,
    +.table-hover > tbody > tr.warning:hover > th {
    +  color: #ffffff;
    +}
    +.table > thead > tr > td.danger,
    +.table > tbody > tr > td.danger,
    +.table > tfoot > tr > td.danger,
    +.table > thead > tr > th.danger,
    +.table > tbody > tr > th.danger,
    +.table > tfoot > tr > th.danger,
    +.table > thead > tr.danger > td,
    +.table > tbody > tr.danger > td,
    +.table > tfoot > tr.danger > td,
    +.table > thead > tr.danger > th,
    +.table > tbody > tr.danger > th,
    +.table > tfoot > tr.danger > th {
    +  background-color: #ea4335;
    +}
    +.table-hover > tbody > tr > td.danger:hover,
    +.table-hover > tbody > tr > th.danger:hover,
    +.table-hover > tbody > tr.danger:hover > td,
    +.table-hover > tbody > tr:hover > .danger,
    +.table-hover > tbody > tr.danger:hover > th {
    +  background-color: #e82e1e;
    +}
    +.table > thead > tr > td.danger,
    +.table > tbody > tr > td.danger,
    +.table > tfoot > tr > td.danger,
    +.table > thead > tr > th.danger,
    +.table > tbody > tr > th.danger,
    +.table > tfoot > tr > th.danger,
    +.table > thead > tr.danger > td,
    +.table > tbody > tr.danger > td,
    +.table > tfoot > tr.danger > td,
    +.table > thead > tr.danger > th,
    +.table > tbody > tr.danger > th,
    +.table > tfoot > tr.danger > th {
    +  color: #ffffff;
    +}
    +.table-hover > tbody > tr > td.danger:hover,
    +.table-hover > tbody > tr > th.danger:hover,
    +.table-hover > tbody > tr.danger:hover > td,
    +.table-hover > tbody > tr:hover > .danger,
    +.table-hover > tbody > tr.danger:hover > th {
    +  color: #ffffff;
    +}
    +.table-responsive {
    +  overflow-x: auto;
    +  min-height: 0.01%;
    +}
    +@media screen and (max-width: 767px) {
    +  .table-responsive {
    +    width: 100%;
    +    margin-bottom: 13.5px;
    +    overflow-y: hidden;
    +    -ms-overflow-style: -ms-autohiding-scrollbar;
    +    border: 1px solid #ddd;
    +  }
    +  .table-responsive > .table {
    +    margin-bottom: 0;
    +  }
    +  .table-responsive > .table > thead > tr > th,
    +  .table-responsive > .table > tbody > tr > th,
    +  .table-responsive > .table > tfoot > tr > th,
    +  .table-responsive > .table > thead > tr > td,
    +  .table-responsive > .table > tbody > tr > td,
    +  .table-responsive > .table > tfoot > tr > td {
    +    white-space: nowrap;
    +  }
    +  .table-responsive > .table-bordered {
    +    border: 0;
    +  }
    +  .table-responsive > .table-bordered > thead > tr > th:first-child,
    +  .table-responsive > .table-bordered > tbody > tr > th:first-child,
    +  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    +  .table-responsive > .table-bordered > thead > tr > td:first-child,
    +  .table-responsive > .table-bordered > tbody > tr > td:first-child,
    +  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    +    border-left: 0;
    +  }
    +  .table-responsive > .table-bordered > thead > tr > th:last-child,
    +  .table-responsive > .table-bordered > tbody > tr > th:last-child,
    +  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    +  .table-responsive > .table-bordered > thead > tr > td:last-child,
    +  .table-responsive > .table-bordered > tbody > tr > td:last-child,
    +  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    +    border-right: 0;
    +  }
    +  .table-responsive > .table-bordered > tbody > tr:last-child > th,
    +  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    +  .table-responsive > .table-bordered > tbody > tr:last-child > td,
    +  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    +    border-bottom: 0;
    +  }
    +}
    +fieldset {
    +  padding: 0;
    +  margin: 0;
    +  border: 0;
    +  min-width: 0;
    +}
    +legend {
    +  display: block;
    +  width: 100%;
    +  padding: 0;
    +  margin-bottom: 18px;
    +  font-size: 19.5px;
    +  line-height: inherit;
    +  color: #333333;
    +  border: 0;
    +  border-bottom: 1px solid #e5e5e5;
    +}
    +label {
    +  display: inline-block;
    +  max-width: 100%;
    +  margin-bottom: 5px;
    +  font-weight: bold;
    +}
    +input[type="search"] {
    +  -moz-box-sizing: border-box;
    +  box-sizing: border-box;
    +}
    +input[type="radio"],
    +input[type="checkbox"] {
    +  margin: 4px 0 0;
    +  margin-top: 1px \9;
    +  line-height: normal;
    +}
    +input[type="file"] {
    +  display: block;
    +}
    +input[type="range"] {
    +  display: block;
    +  width: 100%;
    +}
    +select[multiple],
    +select[size] {
    +  height: auto;
    +}
    +input[type="file"]:focus,
    +input[type="radio"]:focus,
    +input[type="checkbox"]:focus {
    +  outline: 5px auto -webkit-focus-ring-color;
    +  outline-offset: -2px;
    +}
    +output {
    +  display: block;
    +  padding-top: 11px;
    +  font-size: 13px;
    +  line-height: 1.42857143;
    +  color: #404040;
    +}
    +.form-control {
    +  display: block;
    +  width: 100%;
    +  height: 48px;
    +  padding: 10px 12px;
    +  font-size: 13px;
    +  line-height: 1.42857143;
    +  color: #404040;
    +  background-color: #fff;
    +  background-image: none;
    +  border: 1px solid #d5d8de;
    +  border-radius: 2px;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    +  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    +  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    +  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    +}
    +.form-control:focus {
    +  border-color: #4285f4;
    +  outline: 0;
    +  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 133, 244, 0.6);
    +}
    +.form-control::-moz-placeholder {
    +  color: #999;
    +  opacity: 1;
    +}
    +.form-control:-ms-input-placeholder {
    +  color: #999;
    +}
    +.form-control::-webkit-input-placeholder {
    +  color: #999;
    +}
    +.form-control::-ms-expand {
    +  border: 0;
    +  background-color: transparent;
    +}
    +.form-control[disabled],
    +.form-control[readonly],
    +fieldset[disabled] .form-control {
    +  background-color: #eeeeee;
    +  opacity: 1;
    +}
    +.form-control[disabled],
    +fieldset[disabled] .form-control {
    +  cursor: not-allowed;
    +}
    +textarea.form-control {
    +  height: auto;
    +}
    +input[type="search"] {
    +  -webkit-appearance: none;
    +}
    +@media screen and (-webkit-min-device-pixel-ratio: 0) {
    +  input[type="date"].form-control,
    +  input[type="time"].form-control,
    +  input[type="datetime-local"].form-control,
    +  input[type="month"].form-control {
    +    line-height: 48px;
    +  }
    +  input[type="date"].input-sm,
    +  input[type="time"].input-sm,
    +  input[type="datetime-local"].input-sm,
    +  input[type="month"].input-sm,
    +  .input-group-sm input[type="date"],
    +  .input-group-sm input[type="time"],
    +  .input-group-sm input[type="datetime-local"],
    +  .input-group-sm input[type="month"] {
    +    line-height: 37px;
    +  }
    +  input[type="date"].input-lg,
    +  input[type="time"].input-lg,
    +  input[type="datetime-local"].input-lg,
    +  input[type="month"].input-lg,
    +  .input-group-lg input[type="date"],
    +  .input-group-lg input[type="time"],
    +  .input-group-lg input[type="datetime-local"],
    +  .input-group-lg input[type="month"] {
    +    line-height: 57px;
    +  }
    +}
    +.form-group {
    +  margin-bottom: 20px;
    +}
    +.radio,
    +.checkbox {
    +  position: relative;
    +  display: block;
    +  margin-top: 10px;
    +  margin-bottom: 10px;
    +}
    +.radio label,
    +.checkbox label {
    +  min-height: 18px;
    +  padding-left: 20px;
    +  margin-bottom: 0;
    +  font-weight: normal;
    +  cursor: pointer;
    +}
    +.radio input[type="radio"],
    +.radio-inline input[type="radio"],
    +.checkbox input[type="checkbox"],
    +.checkbox-inline input[type="checkbox"] {
    +  position: absolute;
    +  margin-left: -20px;
    +  margin-top: 4px \9;
    +}
    +.radio + .radio,
    +.checkbox + .checkbox {
    +  margin-top: -5px;
    +}
    +.radio-inline,
    +.checkbox-inline {
    +  position: relative;
    +  display: inline-block;
    +  padding-left: 20px;
    +  margin-bottom: 0;
    +  vertical-align: middle;
    +  font-weight: normal;
    +  cursor: pointer;
    +}
    +.radio-inline + .radio-inline,
    +.checkbox-inline + .checkbox-inline {
    +  margin-top: 0;
    +  margin-left: 10px;
    +}
    +input[type="radio"][disabled],
    +input[type="checkbox"][disabled],
    +input[type="radio"].disabled,
    +input[type="checkbox"].disabled,
    +fieldset[disabled] input[type="radio"],
    +fieldset[disabled] input[type="checkbox"] {
    +  cursor: not-allowed;
    +}
    +.radio-inline.disabled,
    +.checkbox-inline.disabled,
    +fieldset[disabled] .radio-inline,
    +fieldset[disabled] .checkbox-inline {
    +  cursor: not-allowed;
    +}
    +.radio.disabled label,
    +.checkbox.disabled label,
    +fieldset[disabled] .radio label,
    +fieldset[disabled] .checkbox label {
    +  cursor: not-allowed;
    +}
    +.form-control-static {
    +  padding-top: 11px;
    +  padding-bottom: 11px;
    +  margin-bottom: 0;
    +  min-height: 31px;
    +}
    +.form-control-static.input-lg,
    +.form-control-static.input-sm {
    +  padding-left: 0;
    +  padding-right: 0;
    +}
    +.input-sm {
    +  height: 37px;
    +  padding: 5px 9px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +  border-radius: 2px;
    +}
    +select.input-sm {
    +  height: 37px;
    +  line-height: 37px;
    +}
    +textarea.input-sm,
    +select[multiple].input-sm {
    +  height: auto;
    +}
    +.form-group-sm .form-control {
    +  height: 37px;
    +  padding: 5px 9px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +  border-radius: 2px;
    +}
    +.form-group-sm select.form-control {
    +  height: 37px;
    +  line-height: 37px;
    +}
    +.form-group-sm textarea.form-control,
    +.form-group-sm select[multiple].form-control {
    +  height: auto;
    +}
    +.form-group-sm .form-control-static {
    +  height: 37px;
    +  min-height: 30px;
    +  padding: 6px 9px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +}
    +.input-lg {
    +  height: 57px;
    +  padding: 12px 16px;
    +  font-size: 15px;
    +  line-height: 1.7;
    +  border-radius: 4px;
    +}
    +select.input-lg {
    +  height: 57px;
    +  line-height: 57px;
    +}
    +textarea.input-lg,
    +select[multiple].input-lg {
    +  height: auto;
    +}
    +.form-group-lg .form-control {
    +  height: 57px;
    +  padding: 12px 16px;
    +  font-size: 15px;
    +  line-height: 1.7;
    +  border-radius: 4px;
    +}
    +.form-group-lg select.form-control {
    +  height: 57px;
    +  line-height: 57px;
    +}
    +.form-group-lg textarea.form-control,
    +.form-group-lg select[multiple].form-control {
    +  height: auto;
    +}
    +.form-group-lg .form-control-static {
    +  height: 57px;
    +  min-height: 33px;
    +  padding: 13px 16px;
    +  font-size: 15px;
    +  line-height: 1.7;
    +}
    +.has-feedback {
    +  position: relative;
    +}
    +.has-feedback .form-control {
    +  padding-right: 60px;
    +}
    +.form-control-feedback {
    +  position: absolute;
    +  top: 0;
    +  right: 0;
    +  z-index: 2;
    +  display: block;
    +  width: 48px;
    +  height: 48px;
    +  line-height: 48px;
    +  text-align: center;
    +  pointer-events: none;
    +}
    +.input-lg + .form-control-feedback,
    +.input-group-lg + .form-control-feedback,
    +.form-group-lg .form-control + .form-control-feedback {
    +  width: 57px;
    +  height: 57px;
    +  line-height: 57px;
    +}
    +.input-sm + .form-control-feedback,
    +.input-group-sm + .form-control-feedback,
    +.form-group-sm .form-control + .form-control-feedback {
    +  width: 37px;
    +  height: 37px;
    +  line-height: 37px;
    +}
    +.has-success .help-block,
    +.has-success .control-label,
    +.has-success .radio,
    +.has-success .checkbox,
    +.has-success .radio-inline,
    +.has-success .checkbox-inline,
    +.has-success.radio label,
    +.has-success.checkbox label,
    +.has-success.radio-inline label,
    +.has-success.checkbox-inline label {
    +  color: #37b358;
    +}
    +.has-success .form-control {
    +  border-color: #37b358;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    +}
    +.has-success .form-control:focus {
    +  border-color: #2b8c45;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ad692;
    +}
    +.has-success .input-group-addon {
    +  color: #37b358;
    +  border-color: #37b358;
    +  background-color: #34a853;
    +}
    +.has-success .form-control-feedback {
    +  color: #37b358;
    +}
    +.has-success .help-block,
    +.has-success .control-label,
    +.has-success .radio,
    +.has-success .checkbox,
    +.has-success .radio-inline,
    +.has-success .checkbox-inline,
    +.has-success.radio label,
    +.has-success.checkbox label,
    +.has-success.radio-inline label,
    +.has-success.checkbox-inline label {
    +  color: #37b358;
    +}
    +.has-success .form-control {
    +  border-color: #37b358;
    +  box-shadow: none;
    +}
    +.has-success .form-control:focus {
    +  border-color: #319f4e;
    +  box-shadow: none;
    +}
    +.has-success .input-group-addon {
    +  color: #37b358;
    +  border-color: #37b358;
    +  background-color: #34a853;
    +}
    +.has-success .form-control-feedback {
    +  color: #37b358;
    +}
    +.has-warning .help-block,
    +.has-warning .control-label,
    +.has-warning .radio,
    +.has-warning .checkbox,
    +.has-warning .radio-inline,
    +.has-warning .checkbox-inline,
    +.has-warning.radio label,
    +.has-warning.checkbox label,
    +.has-warning.radio-inline label,
    +.has-warning.checkbox-inline label {
    +  color: #f6c163;
    +}
    +.has-warning .form-control {
    +  border-color: #f6c163;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    +}
    +.has-warning .form-control:focus {
    +  border-color: #f3ae33;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fce7c3;
    +}
    +.has-warning .input-group-addon {
    +  color: #f6c163;
    +  border-color: #f6c163;
    +  background-color: #fcf8e3;
    +}
    +.has-warning .form-control-feedback {
    +  color: #f6c163;
    +}
    +.has-warning .help-block,
    +.has-warning .control-label,
    +.has-warning .radio,
    +.has-warning .checkbox,
    +.has-warning .radio-inline,
    +.has-warning .checkbox-inline,
    +.has-warning.radio label,
    +.has-warning.checkbox label,
    +.has-warning.radio-inline label,
    +.has-warning.checkbox-inline label {
    +  color: #f6c163;
    +}
    +.has-warning .form-control {
    +  border-color: #f6c163;
    +  box-shadow: none;
    +}
    +.has-warning .form-control:focus {
    +  border-color: #f5b74b;
    +  box-shadow: none;
    +}
    +.has-warning .input-group-addon {
    +  color: #f6c163;
    +  border-color: #f6c163;
    +  background-color: #fcf8e3;
    +}
    +.has-warning .form-control-feedback {
    +  color: #f6c163;
    +}
    +.has-error .help-block,
    +.has-error .control-label,
    +.has-error .radio,
    +.has-error .checkbox,
    +.has-error .radio-inline,
    +.has-error .checkbox-inline,
    +.has-error.radio label,
    +.has-error.checkbox label,
    +.has-error.radio-inline label,
    +.has-error.checkbox-inline label {
    +  color: #ea4335;
    +}
    +.has-error .form-control {
    +  border-color: #ea4335;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    +}
    +.has-error .form-control:focus {
    +  border-color: #d62516;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f49991;
    +}
    +.has-error .input-group-addon {
    +  color: #ea4335;
    +  border-color: #ea4335;
    +  background-color: #ea4335;
    +}
    +.has-error .form-control-feedback {
    +  color: #ea4335;
    +}
    +.has-error .help-block,
    +.has-error .control-label,
    +.has-error .radio,
    +.has-error .checkbox,
    +.has-error .radio-inline,
    +.has-error .checkbox-inline,
    +.has-error.radio label,
    +.has-error.checkbox label,
    +.has-error.radio-inline label,
    +.has-error.checkbox-inline label {
    +  color: #ea4335;
    +}
    +.has-error .form-control {
    +  border-color: #ea4335;
    +  box-shadow: none;
    +}
    +.has-error .form-control:focus {
    +  border-color: #e82e1e;
    +  box-shadow: none;
    +}
    +.has-error .input-group-addon {
    +  color: #ea4335;
    +  border-color: #ea4335;
    +  background-color: #ea4335;
    +}
    +.has-error .form-control-feedback {
    +  color: #ea4335;
    +}
    +.has-feedback label ~ .form-control-feedback {
    +  top: 23px;
    +}
    +.has-feedback label.sr-only ~ .form-control-feedback {
    +  top: 0;
    +}
    +.help-block {
    +  display: block;
    +  margin-top: 5px;
    +  margin-bottom: 10px;
    +  color: #808080;
    +}
    +@media (min-width: 768px) {
    +  .form-inline .form-group {
    +    display: inline-block;
    +    margin-bottom: 0;
    +    vertical-align: middle;
    +  }
    +  .form-inline .form-control {
    +    display: inline-block;
    +    width: auto;
    +    vertical-align: middle;
    +  }
    +  .form-inline .form-control-static {
    +    display: inline-block;
    +  }
    +  .form-inline .input-group {
    +    display: inline-table;
    +    vertical-align: middle;
    +  }
    +  .form-inline .input-group .input-group-addon,
    +  .form-inline .input-group .input-group-btn,
    +  .form-inline .input-group .form-control {
    +    width: auto;
    +  }
    +  .form-inline .input-group > .form-control {
    +    width: 100%;
    +  }
    +  .form-inline .control-label {
    +    margin-bottom: 0;
    +    vertical-align: middle;
    +  }
    +  .form-inline .radio,
    +  .form-inline .checkbox {
    +    display: inline-block;
    +    margin-top: 0;
    +    margin-bottom: 0;
    +    vertical-align: middle;
    +  }
    +  .form-inline .radio label,
    +  .form-inline .checkbox label {
    +    padding-left: 0;
    +  }
    +  .form-inline .radio input[type="radio"],
    +  .form-inline .checkbox input[type="checkbox"] {
    +    position: relative;
    +    margin-left: 0;
    +  }
    +  .form-inline .has-feedback .form-control-feedback {
    +    top: 0;
    +  }
    +}
    +.form-horizontal .radio,
    +.form-horizontal .checkbox,
    +.form-horizontal .radio-inline,
    +.form-horizontal .checkbox-inline {
    +  margin-top: 0;
    +  margin-bottom: 0;
    +  padding-top: 11px;
    +}
    +.form-horizontal .radio,
    +.form-horizontal .checkbox {
    +  min-height: 29px;
    +}
    +.form-horizontal .form-group {
    +  margin-left: -15px;
    +  margin-right: -15px;
    +}
    +@media (min-width: 768px) {
    +  .form-horizontal .control-label {
    +    text-align: right;
    +    margin-bottom: 0;
    +    padding-top: 11px;
    +  }
    +}
    +.form-horizontal .has-feedback .form-control-feedback {
    +  right: 15px;
    +}
    +@media (min-width: 768px) {
    +  .form-horizontal .form-group-lg .control-label {
    +    padding-top: 13px;
    +    font-size: 15px;
    +  }
    +}
    +@media (min-width: 768px) {
    +  .form-horizontal .form-group-sm .control-label {
    +    padding-top: 6px;
    +    font-size: 12px;
    +  }
    +}
    +.btn {
    +  display: inline-block;
    +  margin-bottom: 0;
    +  font-weight: 700;
    +  text-align: center;
    +  vertical-align: middle;
    +  -ms-touch-action: manipulation;
    +      touch-action: manipulation;
    +  cursor: pointer;
    +  background-image: none;
    +  border: 1px solid transparent;
    +  white-space: nowrap;
    +  padding: 10px 12px;
    +  font-size: 13px;
    +  line-height: 1.42857143;
    +  border-radius: 2px;
    +  -webkit-user-select: none;
    +  -moz-user-select: none;
    +  -ms-user-select: none;
    +  user-select: none;
    +}
    +.btn:focus,
    +.btn:active:focus,
    +.btn.active:focus,
    +.btn.focus,
    +.btn:active.focus,
    +.btn.active.focus {
    +  outline: 5px auto -webkit-focus-ring-color;
    +  outline-offset: -2px;
    +}
    +.btn:hover,
    +.btn:focus,
    +.btn.focus {
    +  color: #404040;
    +  text-decoration: none;
    +}
    +.btn:active,
    +.btn.active {
    +  outline: 0;
    +  background-image: none;
    +  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    +}
    +.btn.disabled,
    +.btn[disabled],
    +fieldset[disabled] .btn {
    +  cursor: not-allowed;
    +  opacity: 0.65;
    +  filter: alpha(opacity=65);
    +  box-shadow: none;
    +}
    +a.btn.disabled,
    +fieldset[disabled] a.btn {
    +  pointer-events: none;
    +}
    +.btn-default {
    +  border-color: #dedede;
    +  color: #404040;
    +  background-color: #fff;
    +  border-color: #fff;
    +}
    +.btn-default:focus,
    +.btn-default.focus {
    +  color: #404040;
    +  background-color: #e6e6e6;
    +  border-color: #9e9e9e;
    +}
    +.btn-default:hover {
    +  color: #404040;
    +  background-color: #e6e6e6;
    +  border-color: #bfbfbf;
    +}
    +.btn-default:active,
    +.btn-default.active,
    +.open > .dropdown-toggle.btn-default {
    +  color: #404040;
    +  background-color: #e6e6e6;
    +  border-color: #bfbfbf;
    +}
    +.btn-default:active:hover,
    +.btn-default.active:hover,
    +.open > .dropdown-toggle.btn-default:hover,
    +.btn-default:active:focus,
    +.btn-default.active:focus,
    +.open > .dropdown-toggle.btn-default:focus,
    +.btn-default:active.focus,
    +.btn-default.active.focus,
    +.open > .dropdown-toggle.btn-default.focus {
    +  color: #404040;
    +  background-color: #d4d4d4;
    +  border-color: #9e9e9e;
    +}
    +.btn-default:active,
    +.btn-default.active,
    +.open > .dropdown-toggle.btn-default {
    +  background-image: none;
    +}
    +.btn-default.disabled:hover,
    +.btn-default[disabled]:hover,
    +fieldset[disabled] .btn-default:hover,
    +.btn-default.disabled:focus,
    +.btn-default[disabled]:focus,
    +fieldset[disabled] .btn-default:focus,
    +.btn-default.disabled.focus,
    +.btn-default[disabled].focus,
    +fieldset[disabled] .btn-default.focus {
    +  background-color: #fff;
    +  border-color: #dedede;
    +}
    +.btn-default .badge {
    +  color: #fff;
    +  background-color: #404040;
    +}
    +.btn-default:focus,
    +.btn-default.focus {
    +  color: #404040;
    +  background-color: #fff;
    +  border-color: #fff;
    +  outline: none;
    +}
    +.btn-default:hover,
    +.btn-default.hover {
    +  box-shadow: inset 0 -1px 0 #e6e6e6;
    +  background-color: #ffffff;
    +  border-color: #ffffff;
    +  border-bottom-color: #e6e6e6;
    +}
    +.btn-default:active,
    +.btn-default.active,
    +.open > .dropdown-toggle.btn-default {
    +  color: #404040;
    +  box-shadow: inset 0 2px 0 #e6e6e6;
    +  background-color: #f0f0f0;
    +  border-color: #f0f0f0;
    +  border-top-color: #d4d4d4;
    +}
    +.btn-default:active:hover,
    +.btn-default.active:hover,
    +.open > .dropdown-toggle.btn-default:hover,
    +.btn-default:active:focus,
    +.btn-default.active:focus,
    +.open > .dropdown-toggle.btn-default:focus,
    +.btn-default:active.focus,
    +.btn-default.active.focus,
    +.open > .dropdown-toggle.btn-default.focus {
    +  color: #404040;
    +  background-color: #f0f0f0;
    +  border-color: transparent;
    +  border-top-color: #d4d4d4;
    +  box-shadow: inset 0 2px 0 #e6e6e6;
    +}
    +.btn-default:active:hover .icon,
    +.btn-default.active:hover .icon,
    +.open > .dropdown-toggle.btn-default:hover .icon,
    +.btn-default:active:focus .icon,
    +.btn-default.active:focus .icon,
    +.open > .dropdown-toggle.btn-default:focus .icon,
    +.btn-default:active.focus .icon,
    +.btn-default.active.focus .icon,
    +.open > .dropdown-toggle.btn-default.focus .icon {
    +  color: #404040;
    +}
    +.btn-default:active,
    +.btn-default.active,
    +.open > .dropdown-toggle.btn-default {
    +  background-image: none;
    +}
    +.btn-default.disabled,
    +.btn-default[disabled],
    +fieldset[disabled] .btn-default,
    +.btn-default.disabled:hover,
    +.btn-default[disabled]:hover,
    +fieldset[disabled] .btn-default:hover,
    +.btn-default.disabled:focus,
    +.btn-default[disabled]:focus,
    +fieldset[disabled] .btn-default:focus,
    +.btn-default.disabled.focus,
    +.btn-default[disabled].focus,
    +fieldset[disabled] .btn-default.focus,
    +.btn-default.disabled:active,
    +.btn-default[disabled]:active,
    +fieldset[disabled] .btn-default:active,
    +.btn-default.disabled.active,
    +.btn-default[disabled].active,
    +fieldset[disabled] .btn-default.active {
    +  background-color: #fff;
    +  border-color: #fff;
    +}
    +.btn-default .badge {
    +  color: #fff;
    +  background-color: #404040;
    +}
    +.btn-primary {
    +  border-color: #2a75f3;
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.btn-primary:focus,
    +.btn-primary.focus {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #093d94;
    +}
    +.btn-primary:hover {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #0c57d3;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #0c57d3;
    +}
    +.btn-primary:active:hover,
    +.btn-primary.active:hover,
    +.open > .dropdown-toggle.btn-primary:hover,
    +.btn-primary:active:focus,
    +.btn-primary.active:focus,
    +.open > .dropdown-toggle.btn-primary:focus,
    +.btn-primary:active.focus,
    +.btn-primary.active.focus,
    +.open > .dropdown-toggle.btn-primary.focus {
    +  color: #fff;
    +  background-color: #0c57d3;
    +  border-color: #093d94;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  background-image: none;
    +}
    +.btn-primary.disabled:hover,
    +.btn-primary[disabled]:hover,
    +fieldset[disabled] .btn-primary:hover,
    +.btn-primary.disabled:focus,
    +.btn-primary[disabled]:focus,
    +fieldset[disabled] .btn-primary:focus,
    +.btn-primary.disabled.focus,
    +.btn-primary[disabled].focus,
    +fieldset[disabled] .btn-primary.focus {
    +  background-color: #4285f4;
    +  border-color: #2a75f3;
    +}
    +.btn-primary .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.btn-primary:focus,
    +.btn-primary.focus {
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +  outline: none;
    +}
    +.btn-primary:hover,
    +.btn-primary.hover {
    +  box-shadow: inset 0 -1px 0 #1266f1;
    +  background-color: #4c8bf5;
    +  border-color: #4c8bf5;
    +  border-bottom-color: #1266f1;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #1266f1;
    +  background-color: #2572f2;
    +  border-color: #2572f2;
    +  border-top-color: #0c57d3;
    +}
    +.btn-primary:active:hover,
    +.btn-primary.active:hover,
    +.open > .dropdown-toggle.btn-primary:hover,
    +.btn-primary:active:focus,
    +.btn-primary.active:focus,
    +.open > .dropdown-toggle.btn-primary:focus,
    +.btn-primary:active.focus,
    +.btn-primary.active.focus,
    +.open > .dropdown-toggle.btn-primary.focus {
    +  color: #fff;
    +  background-color: #2572f2;
    +  border-color: transparent;
    +  border-top-color: #0c57d3;
    +  box-shadow: inset 0 2px 0 #1266f1;
    +}
    +.btn-primary:active:hover .icon,
    +.btn-primary.active:hover .icon,
    +.open > .dropdown-toggle.btn-primary:hover .icon,
    +.btn-primary:active:focus .icon,
    +.btn-primary.active:focus .icon,
    +.open > .dropdown-toggle.btn-primary:focus .icon,
    +.btn-primary:active.focus .icon,
    +.btn-primary.active.focus .icon,
    +.open > .dropdown-toggle.btn-primary.focus .icon {
    +  color: #fff;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  background-image: none;
    +}
    +.btn-primary.disabled,
    +.btn-primary[disabled],
    +fieldset[disabled] .btn-primary,
    +.btn-primary.disabled:hover,
    +.btn-primary[disabled]:hover,
    +fieldset[disabled] .btn-primary:hover,
    +.btn-primary.disabled:focus,
    +.btn-primary[disabled]:focus,
    +fieldset[disabled] .btn-primary:focus,
    +.btn-primary.disabled.focus,
    +.btn-primary[disabled].focus,
    +fieldset[disabled] .btn-primary.focus,
    +.btn-primary.disabled:active,
    +.btn-primary[disabled]:active,
    +fieldset[disabled] .btn-primary:active,
    +.btn-primary.disabled.active,
    +.btn-primary[disabled].active,
    +fieldset[disabled] .btn-primary.active {
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.btn-primary .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.btn-success {
    +  border-color: #2e9549;
    +  color: #fff;
    +  background-color: #34a853;
    +  border-color: #34a853;
    +}
    +.btn-success:focus,
    +.btn-success.focus {
    +  color: #fff;
    +  background-color: #288140;
    +  border-color: #103319;
    +}
    +.btn-success:hover {
    +  color: #fff;
    +  background-color: #288140;
    +  border-color: #206632;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  color: #fff;
    +  background-color: #288140;
    +  border-color: #206632;
    +}
    +.btn-success:active:hover,
    +.btn-success.active:hover,
    +.open > .dropdown-toggle.btn-success:hover,
    +.btn-success:active:focus,
    +.btn-success.active:focus,
    +.open > .dropdown-toggle.btn-success:focus,
    +.btn-success:active.focus,
    +.btn-success.active.focus,
    +.open > .dropdown-toggle.btn-success.focus {
    +  color: #fff;
    +  background-color: #206632;
    +  border-color: #103319;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  background-image: none;
    +}
    +.btn-success.disabled:hover,
    +.btn-success[disabled]:hover,
    +fieldset[disabled] .btn-success:hover,
    +.btn-success.disabled:focus,
    +.btn-success[disabled]:focus,
    +fieldset[disabled] .btn-success:focus,
    +.btn-success.disabled.focus,
    +.btn-success[disabled].focus,
    +fieldset[disabled] .btn-success.focus {
    +  background-color: #34a853;
    +  border-color: #2e9549;
    +}
    +.btn-success .badge {
    +  color: #34a853;
    +  background-color: #fff;
    +}
    +.btn-success:focus,
    +.btn-success.focus {
    +  color: #fff;
    +  background-color: #34a853;
    +  border-color: #34a853;
    +  outline: none;
    +}
    +.btn-success:hover,
    +.btn-success.hover {
    +  box-shadow: inset 0 -1px 0 #288140;
    +  background-color: #36b057;
    +  border-color: #36b057;
    +  border-bottom-color: #288140;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #288140;
    +  background-color: #2d9147;
    +  border-color: #2d9147;
    +  border-top-color: #206632;
    +}
    +.btn-success:active:hover,
    +.btn-success.active:hover,
    +.open > .dropdown-toggle.btn-success:hover,
    +.btn-success:active:focus,
    +.btn-success.active:focus,
    +.open > .dropdown-toggle.btn-success:focus,
    +.btn-success:active.focus,
    +.btn-success.active.focus,
    +.open > .dropdown-toggle.btn-success.focus {
    +  color: #fff;
    +  background-color: #2d9147;
    +  border-color: transparent;
    +  border-top-color: #206632;
    +  box-shadow: inset 0 2px 0 #288140;
    +}
    +.btn-success:active:hover .icon,
    +.btn-success.active:hover .icon,
    +.open > .dropdown-toggle.btn-success:hover .icon,
    +.btn-success:active:focus .icon,
    +.btn-success.active:focus .icon,
    +.open > .dropdown-toggle.btn-success:focus .icon,
    +.btn-success:active.focus .icon,
    +.btn-success.active.focus .icon,
    +.open > .dropdown-toggle.btn-success.focus .icon {
    +  color: #fff;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  background-image: none;
    +}
    +.btn-success.disabled,
    +.btn-success[disabled],
    +fieldset[disabled] .btn-success,
    +.btn-success.disabled:hover,
    +.btn-success[disabled]:hover,
    +fieldset[disabled] .btn-success:hover,
    +.btn-success.disabled:focus,
    +.btn-success[disabled]:focus,
    +fieldset[disabled] .btn-success:focus,
    +.btn-success.disabled.focus,
    +.btn-success[disabled].focus,
    +fieldset[disabled] .btn-success.focus,
    +.btn-success.disabled:active,
    +.btn-success[disabled]:active,
    +fieldset[disabled] .btn-success:active,
    +.btn-success.disabled.active,
    +.btn-success[disabled].active,
    +fieldset[disabled] .btn-success.active {
    +  background-color: #34a853;
    +  border-color: #34a853;
    +}
    +.btn-success .badge {
    +  color: #34a853;
    +  background-color: #fff;
    +}
    +.btn-info {
    +  border-color: #2a75f3;
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.btn-info:focus,
    +.btn-info.focus {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #093d94;
    +}
    +.btn-info:hover {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #0c57d3;
    +}
    +.btn-info:active,
    +.btn-info.active,
    +.open > .dropdown-toggle.btn-info {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #0c57d3;
    +}
    +.btn-info:active:hover,
    +.btn-info.active:hover,
    +.open > .dropdown-toggle.btn-info:hover,
    +.btn-info:active:focus,
    +.btn-info.active:focus,
    +.open > .dropdown-toggle.btn-info:focus,
    +.btn-info:active.focus,
    +.btn-info.active.focus,
    +.open > .dropdown-toggle.btn-info.focus {
    +  color: #fff;
    +  background-color: #0c57d3;
    +  border-color: #093d94;
    +}
    +.btn-info:active,
    +.btn-info.active,
    +.open > .dropdown-toggle.btn-info {
    +  background-image: none;
    +}
    +.btn-info.disabled:hover,
    +.btn-info[disabled]:hover,
    +fieldset[disabled] .btn-info:hover,
    +.btn-info.disabled:focus,
    +.btn-info[disabled]:focus,
    +fieldset[disabled] .btn-info:focus,
    +.btn-info.disabled.focus,
    +.btn-info[disabled].focus,
    +fieldset[disabled] .btn-info.focus {
    +  background-color: #4285f4;
    +  border-color: #2a75f3;
    +}
    +.btn-info .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.btn-info:focus,
    +.btn-info.focus {
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +  outline: none;
    +}
    +.btn-info:hover,
    +.btn-info.hover {
    +  box-shadow: inset 0 -1px 0 #1266f1;
    +  background-color: #4c8bf5;
    +  border-color: #4c8bf5;
    +  border-bottom-color: #1266f1;
    +}
    +.btn-info:active,
    +.btn-info.active,
    +.open > .dropdown-toggle.btn-info {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #1266f1;
    +  background-color: #2572f2;
    +  border-color: #2572f2;
    +  border-top-color: #0c57d3;
    +}
    +.btn-info:active:hover,
    +.btn-info.active:hover,
    +.open > .dropdown-toggle.btn-info:hover,
    +.btn-info:active:focus,
    +.btn-info.active:focus,
    +.open > .dropdown-toggle.btn-info:focus,
    +.btn-info:active.focus,
    +.btn-info.active.focus,
    +.open > .dropdown-toggle.btn-info.focus {
    +  color: #fff;
    +  background-color: #2572f2;
    +  border-color: transparent;
    +  border-top-color: #0c57d3;
    +  box-shadow: inset 0 2px 0 #1266f1;
    +}
    +.btn-info:active:hover .icon,
    +.btn-info.active:hover .icon,
    +.open > .dropdown-toggle.btn-info:hover .icon,
    +.btn-info:active:focus .icon,
    +.btn-info.active:focus .icon,
    +.open > .dropdown-toggle.btn-info:focus .icon,
    +.btn-info:active.focus .icon,
    +.btn-info.active.focus .icon,
    +.open > .dropdown-toggle.btn-info.focus .icon {
    +  color: #fff;
    +}
    +.btn-info:active,
    +.btn-info.active,
    +.open > .dropdown-toggle.btn-info {
    +  background-image: none;
    +}
    +.btn-info.disabled,
    +.btn-info[disabled],
    +fieldset[disabled] .btn-info,
    +.btn-info.disabled:hover,
    +.btn-info[disabled]:hover,
    +fieldset[disabled] .btn-info:hover,
    +.btn-info.disabled:focus,
    +.btn-info[disabled]:focus,
    +fieldset[disabled] .btn-info:focus,
    +.btn-info.disabled.focus,
    +.btn-info[disabled].focus,
    +fieldset[disabled] .btn-info.focus,
    +.btn-info.disabled:active,
    +.btn-info[disabled]:active,
    +fieldset[disabled] .btn-info:active,
    +.btn-info.disabled.active,
    +.btn-info[disabled].active,
    +fieldset[disabled] .btn-info.active {
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.btn-info .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.btn-warning {
    +  border-color: #e3aa04;
    +  color: #fff;
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +}
    +.btn-warning:focus,
    +.btn-warning.focus {
    +  color: #fff;
    +  background-color: #ca9703;
    +  border-color: #654c02;
    +}
    +.btn-warning:hover {
    +  color: #fff;
    +  background-color: #ca9703;
    +  border-color: #a77d03;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  color: #fff;
    +  background-color: #ca9703;
    +  border-color: #a77d03;
    +}
    +.btn-warning:active:hover,
    +.btn-warning.active:hover,
    +.open > .dropdown-toggle.btn-warning:hover,
    +.btn-warning:active:focus,
    +.btn-warning.active:focus,
    +.open > .dropdown-toggle.btn-warning:focus,
    +.btn-warning:active.focus,
    +.btn-warning.active.focus,
    +.open > .dropdown-toggle.btn-warning.focus {
    +  color: #fff;
    +  background-color: #a77d03;
    +  border-color: #654c02;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  background-image: none;
    +}
    +.btn-warning.disabled:hover,
    +.btn-warning[disabled]:hover,
    +fieldset[disabled] .btn-warning:hover,
    +.btn-warning.disabled:focus,
    +.btn-warning[disabled]:focus,
    +fieldset[disabled] .btn-warning:focus,
    +.btn-warning.disabled.focus,
    +.btn-warning[disabled].focus,
    +fieldset[disabled] .btn-warning.focus {
    +  background-color: #fbbc05;
    +  border-color: #e3aa04;
    +}
    +.btn-warning .badge {
    +  color: #fbbc05;
    +  background-color: #fff;
    +}
    +.btn-warning:focus,
    +.btn-warning.focus {
    +  color: #fff;
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +  outline: none;
    +}
    +.btn-warning:hover,
    +.btn-warning.hover {
    +  box-shadow: inset 0 -1px 0 #ca9703;
    +  background-color: #fbbf0f;
    +  border-color: #fbbf0f;
    +  border-bottom-color: #ca9703;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #ca9703;
    +  background-color: #dea604;
    +  border-color: #dea604;
    +  border-top-color: #a77d03;
    +}
    +.btn-warning:active:hover,
    +.btn-warning.active:hover,
    +.open > .dropdown-toggle.btn-warning:hover,
    +.btn-warning:active:focus,
    +.btn-warning.active:focus,
    +.open > .dropdown-toggle.btn-warning:focus,
    +.btn-warning:active.focus,
    +.btn-warning.active.focus,
    +.open > .dropdown-toggle.btn-warning.focus {
    +  color: #fff;
    +  background-color: #dea604;
    +  border-color: transparent;
    +  border-top-color: #a77d03;
    +  box-shadow: inset 0 2px 0 #ca9703;
    +}
    +.btn-warning:active:hover .icon,
    +.btn-warning.active:hover .icon,
    +.open > .dropdown-toggle.btn-warning:hover .icon,
    +.btn-warning:active:focus .icon,
    +.btn-warning.active:focus .icon,
    +.open > .dropdown-toggle.btn-warning:focus .icon,
    +.btn-warning:active.focus .icon,
    +.btn-warning.active.focus .icon,
    +.open > .dropdown-toggle.btn-warning.focus .icon {
    +  color: #fff;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  background-image: none;
    +}
    +.btn-warning.disabled,
    +.btn-warning[disabled],
    +fieldset[disabled] .btn-warning,
    +.btn-warning.disabled:hover,
    +.btn-warning[disabled]:hover,
    +fieldset[disabled] .btn-warning:hover,
    +.btn-warning.disabled:focus,
    +.btn-warning[disabled]:focus,
    +fieldset[disabled] .btn-warning:focus,
    +.btn-warning.disabled.focus,
    +.btn-warning[disabled].focus,
    +fieldset[disabled] .btn-warning.focus,
    +.btn-warning.disabled:active,
    +.btn-warning[disabled]:active,
    +fieldset[disabled] .btn-warning:active,
    +.btn-warning.disabled.active,
    +.btn-warning[disabled].active,
    +fieldset[disabled] .btn-warning.active {
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +}
    +.btn-warning .badge {
    +  color: #fbbc05;
    +  background-color: #fff;
    +}
    +.btn-danger {
    +  border-color: #e82e1e;
    +  color: #fff;
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +}
    +.btn-danger:focus,
    +.btn-danger.focus {
    +  color: #fff;
    +  background-color: #d62516;
    +  border-color: #79150d;
    +}
    +.btn-danger:hover {
    +  color: #fff;
    +  background-color: #d62516;
    +  border-color: #b51f13;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  color: #fff;
    +  background-color: #d62516;
    +  border-color: #b51f13;
    +}
    +.btn-danger:active:hover,
    +.btn-danger.active:hover,
    +.open > .dropdown-toggle.btn-danger:hover,
    +.btn-danger:active:focus,
    +.btn-danger.active:focus,
    +.open > .dropdown-toggle.btn-danger:focus,
    +.btn-danger:active.focus,
    +.btn-danger.active.focus,
    +.open > .dropdown-toggle.btn-danger.focus {
    +  color: #fff;
    +  background-color: #b51f13;
    +  border-color: #79150d;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  background-image: none;
    +}
    +.btn-danger.disabled:hover,
    +.btn-danger[disabled]:hover,
    +fieldset[disabled] .btn-danger:hover,
    +.btn-danger.disabled:focus,
    +.btn-danger[disabled]:focus,
    +fieldset[disabled] .btn-danger:focus,
    +.btn-danger.disabled.focus,
    +.btn-danger[disabled].focus,
    +fieldset[disabled] .btn-danger.focus {
    +  background-color: #ea4335;
    +  border-color: #e82e1e;
    +}
    +.btn-danger .badge {
    +  color: #ea4335;
    +  background-color: #fff;
    +}
    +.btn-danger:focus,
    +.btn-danger.focus {
    +  color: #fff;
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +  outline: none;
    +}
    +.btn-danger:hover,
    +.btn-danger.hover {
    +  box-shadow: inset 0 -1px 0 #d62516;
    +  background-color: #eb4c3e;
    +  border-color: #eb4c3e;
    +  border-bottom-color: #d62516;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #d62516;
    +  background-color: #e72919;
    +  border-color: #e72919;
    +  border-top-color: #b51f13;
    +}
    +.btn-danger:active:hover,
    +.btn-danger.active:hover,
    +.open > .dropdown-toggle.btn-danger:hover,
    +.btn-danger:active:focus,
    +.btn-danger.active:focus,
    +.open > .dropdown-toggle.btn-danger:focus,
    +.btn-danger:active.focus,
    +.btn-danger.active.focus,
    +.open > .dropdown-toggle.btn-danger.focus {
    +  color: #fff;
    +  background-color: #e72919;
    +  border-color: transparent;
    +  border-top-color: #b51f13;
    +  box-shadow: inset 0 2px 0 #d62516;
    +}
    +.btn-danger:active:hover .icon,
    +.btn-danger.active:hover .icon,
    +.open > .dropdown-toggle.btn-danger:hover .icon,
    +.btn-danger:active:focus .icon,
    +.btn-danger.active:focus .icon,
    +.open > .dropdown-toggle.btn-danger:focus .icon,
    +.btn-danger:active.focus .icon,
    +.btn-danger.active.focus .icon,
    +.open > .dropdown-toggle.btn-danger.focus .icon {
    +  color: #fff;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  background-image: none;
    +}
    +.btn-danger.disabled,
    +.btn-danger[disabled],
    +fieldset[disabled] .btn-danger,
    +.btn-danger.disabled:hover,
    +.btn-danger[disabled]:hover,
    +fieldset[disabled] .btn-danger:hover,
    +.btn-danger.disabled:focus,
    +.btn-danger[disabled]:focus,
    +fieldset[disabled] .btn-danger:focus,
    +.btn-danger.disabled.focus,
    +.btn-danger[disabled].focus,
    +fieldset[disabled] .btn-danger.focus,
    +.btn-danger.disabled:active,
    +.btn-danger[disabled]:active,
    +fieldset[disabled] .btn-danger:active,
    +.btn-danger.disabled.active,
    +.btn-danger[disabled].active,
    +fieldset[disabled] .btn-danger.active {
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +}
    +.btn-danger .badge {
    +  color: #ea4335;
    +  background-color: #fff;
    +}
    +.btn-link {
    +  color: #4285f4;
    +  font-weight: normal;
    +  border-radius: 0;
    +}
    +.btn-link,
    +.btn-link:active,
    +.btn-link.active,
    +.btn-link[disabled],
    +fieldset[disabled] .btn-link {
    +  background-color: transparent;
    +  box-shadow: none;
    +}
    +.btn-link,
    +.btn-link:hover,
    +.btn-link:focus,
    +.btn-link:active {
    +  border-color: transparent;
    +}
    +.btn-link:hover,
    +.btn-link:focus {
    +  color: #0d5bdd;
    +  text-decoration: underline;
    +  background-color: transparent;
    +}
    +.btn-link[disabled]:hover,
    +fieldset[disabled] .btn-link:hover,
    +.btn-link[disabled]:focus,
    +fieldset[disabled] .btn-link:focus {
    +  color: #777777;
    +  text-decoration: none;
    +}
    +.btn-lg,
    +.btn-group-lg > .btn {
    +  padding: 12px 16px;
    +  font-size: 15px;
    +  line-height: 1.7;
    +  border-radius: 4px;
    +}
    +.btn-sm,
    +.btn-group-sm > .btn {
    +  padding: 5px 9px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +  border-radius: 2px;
    +}
    +.btn-xs,
    +.btn-group-xs > .btn {
    +  padding: 1px 5px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +  border-radius: 2px;
    +}
    +.btn-block {
    +  display: block;
    +  width: 100%;
    +}
    +.btn-block + .btn-block {
    +  margin-top: 5px;
    +}
    +input[type="submit"].btn-block,
    +input[type="reset"].btn-block,
    +input[type="button"].btn-block {
    +  width: 100%;
    +}
    +.fade {
    +  opacity: 0;
    +  -webkit-transition: opacity 0.15s linear;
    +  -o-transition: opacity 0.15s linear;
    +  transition: opacity 0.15s linear;
    +}
    +.fade.in {
    +  opacity: 1;
    +}
    +.collapse {
    +  display: none;
    +}
    +.collapse.in {
    +  display: block;
    +}
    +tr.collapse.in {
    +  display: table-row;
    +}
    +tbody.collapse.in {
    +  display: table-row-group;
    +}
    +.collapsing {
    +  position: relative;
    +  height: 0;
    +  overflow: hidden;
    +  -webkit-transition-property: height, visibility;
    +  -o-transition-property: height, visibility;
    +  transition-property: height, visibility;
    +  -webkit-transition-duration: 0.35s;
    +  -o-transition-duration: 0.35s;
    +     transition-duration: 0.35s;
    +  -webkit-transition-timing-function: ease;
    +  -o-transition-timing-function: ease;
    +     transition-timing-function: ease;
    +}
    +.caret {
    +  display: inline-block;
    +  width: 0;
    +  height: 0;
    +  margin-left: 2px;
    +  vertical-align: middle;
    +  border-top: 4px dashed;
    +  border-top: 4px solid \9;
    +  border-right: 4px solid transparent;
    +  border-left: 4px solid transparent;
    +}
    +.dropup,
    +.dropdown {
    +  position: relative;
    +}
    +.dropdown-toggle:focus {
    +  outline: 0;
    +}
    +.dropdown-menu {
    +  position: absolute;
    +  top: 100%;
    +  left: 0;
    +  z-index: 1000;
    +  display: none;
    +  float: left;
    +  min-width: 160px;
    +  padding: 5px 0;
    +  margin: 2px 0 0;
    +  list-style: none;
    +  font-size: 13px;
    +  text-align: left;
    +  background-color: #fff;
    +  border: 1px solid #e3e3e3;
    +  border-radius: 2px;
    +  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    +  background-clip: padding-box;
    +}
    +.dropdown-menu.pull-right {
    +  right: 0;
    +  left: auto;
    +}
    +.dropdown-menu .divider {
    +  height: 1px;
    +  margin: 8px 0;
    +  overflow: hidden;
    +  background-color: #e5e5e5;
    +}
    +.dropdown-menu > li > a {
    +  display: block;
    +  padding: 3px 20px;
    +  clear: both;
    +  font-weight: normal;
    +  line-height: 1.42857143;
    +  color: #333333;
    +  white-space: nowrap;
    +}
    +.dropdown-menu > li > a:hover,
    +.dropdown-menu > li > a:focus {
    +  text-decoration: none;
    +  color: #262626;
    +  background-color: #f5f5f5;
    +}
    +.dropdown-menu > .active > a,
    +.dropdown-menu > .active > a:hover,
    +.dropdown-menu > .active > a:focus {
    +  color: #fff;
    +  text-decoration: none;
    +  outline: 0;
    +  background-color: #4285f4;
    +}
    +.dropdown-menu > .disabled > a,
    +.dropdown-menu > .disabled > a:hover,
    +.dropdown-menu > .disabled > a:focus {
    +  color: #777777;
    +}
    +.dropdown-menu > .disabled > a:hover,
    +.dropdown-menu > .disabled > a:focus {
    +  text-decoration: none;
    +  background-color: transparent;
    +  background-image: none;
    +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    +  cursor: not-allowed;
    +}
    +.open > .dropdown-menu {
    +  display: block;
    +}
    +.open > a {
    +  outline: 0;
    +}
    +.dropdown-menu-right {
    +  left: auto;
    +  right: 0;
    +}
    +.dropdown-menu-left {
    +  left: 0;
    +  right: auto;
    +}
    +.dropdown-header {
    +  display: block;
    +  padding: 3px 20px;
    +  font-size: 12px;
    +  line-height: 1.42857143;
    +  color: #777777;
    +  white-space: nowrap;
    +}
    +.dropdown-backdrop {
    +  position: fixed;
    +  left: 0;
    +  right: 0;
    +  bottom: 0;
    +  top: 0;
    +  z-index: 990;
    +}
    +.pull-right > .dropdown-menu {
    +  right: 0;
    +  left: auto;
    +}
    +.dropup .caret,
    +.navbar-fixed-bottom .dropdown .caret {
    +  border-top: 0;
    +  border-bottom: 4px dashed;
    +  border-bottom: 4px solid \9;
    +  content: "";
    +}
    +.dropup .dropdown-menu,
    +.navbar-fixed-bottom .dropdown .dropdown-menu {
    +  top: auto;
    +  bottom: 100%;
    +  margin-bottom: 2px;
    +}
    +@media (min-width: 768px) {
    +  .navbar-right .dropdown-menu {
    +    left: auto;
    +    right: 0;
    +  }
    +  .navbar-right .dropdown-menu-left {
    +    left: 0;
    +    right: auto;
    +  }
    +}
    +.btn-group,
    +.btn-group-vertical {
    +  position: relative;
    +  display: inline-block;
    +  vertical-align: middle;
    +}
    +.btn-group > .btn,
    +.btn-group-vertical > .btn {
    +  position: relative;
    +  float: left;
    +}
    +.btn-group > .btn:hover,
    +.btn-group-vertical > .btn:hover,
    +.btn-group > .btn:focus,
    +.btn-group-vertical > .btn:focus,
    +.btn-group > .btn:active,
    +.btn-group-vertical > .btn:active,
    +.btn-group > .btn.active,
    +.btn-group-vertical > .btn.active {
    +  z-index: 2;
    +}
    +.btn-group .btn + .btn,
    +.btn-group .btn + .btn-group,
    +.btn-group .btn-group + .btn,
    +.btn-group .btn-group + .btn-group {
    +  margin-left: -1px;
    +}
    +.btn-toolbar {
    +  margin-left: -5px;
    +}
    +.btn-toolbar .btn,
    +.btn-toolbar .btn-group,
    +.btn-toolbar .input-group {
    +  float: left;
    +}
    +.btn-toolbar > .btn,
    +.btn-toolbar > .btn-group,
    +.btn-toolbar > .input-group {
    +  margin-left: 5px;
    +}
    +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    +  border-radius: 0;
    +}
    +.btn-group > .btn:first-child {
    +  margin-left: 0;
    +}
    +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    +  border-bottom-right-radius: 0;
    +  border-top-right-radius: 0;
    +}
    +.btn-group > .btn:last-child:not(:first-child),
    +.btn-group > .dropdown-toggle:not(:first-child) {
    +  border-bottom-left-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.btn-group > .btn-group {
    +  float: left;
    +}
    +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    +  border-radius: 0;
    +}
    +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    +  border-bottom-right-radius: 0;
    +  border-top-right-radius: 0;
    +}
    +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    +  border-bottom-left-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.btn-group .dropdown-toggle:active,
    +.btn-group.open .dropdown-toggle {
    +  outline: 0;
    +}
    +.btn-group > .btn + .dropdown-toggle {
    +  padding-left: 8px;
    +  padding-right: 8px;
    +}
    +.btn-group > .btn-lg + .dropdown-toggle {
    +  padding-left: 12px;
    +  padding-right: 12px;
    +}
    +.btn-group.open .dropdown-toggle {
    +  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    +}
    +.btn-group.open .dropdown-toggle.btn-link {
    +  box-shadow: none;
    +}
    +.btn .caret {
    +  margin-left: 0;
    +}
    +.btn-lg .caret {
    +  border-width: 5px 5px 0;
    +  border-bottom-width: 0;
    +}
    +.dropup .btn-lg .caret {
    +  border-width: 0 5px 5px;
    +}
    +.btn-group-vertical > .btn,
    +.btn-group-vertical > .btn-group,
    +.btn-group-vertical > .btn-group > .btn {
    +  display: block;
    +  float: none;
    +  width: 100%;
    +  max-width: 100%;
    +}
    +.btn-group-vertical > .btn-group > .btn {
    +  float: none;
    +}
    +.btn-group-vertical > .btn + .btn,
    +.btn-group-vertical > .btn + .btn-group,
    +.btn-group-vertical > .btn-group + .btn,
    +.btn-group-vertical > .btn-group + .btn-group {
    +  margin-top: -1px;
    +  margin-left: 0;
    +}
    +.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    +  border-radius: 0;
    +}
    +.btn-group-vertical > .btn:first-child:not(:last-child) {
    +  border-top-right-radius: 2px;
    +  border-top-left-radius: 2px;
    +  border-bottom-right-radius: 0;
    +  border-bottom-left-radius: 0;
    +}
    +.btn-group-vertical > .btn:last-child:not(:first-child) {
    +  border-top-right-radius: 0;
    +  border-top-left-radius: 0;
    +  border-bottom-right-radius: 2px;
    +  border-bottom-left-radius: 2px;
    +}
    +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    +  border-radius: 0;
    +}
    +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    +  border-bottom-right-radius: 0;
    +  border-bottom-left-radius: 0;
    +}
    +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    +  border-top-right-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.btn-group-justified {
    +  display: table;
    +  width: 100%;
    +  table-layout: fixed;
    +  border-collapse: separate;
    +}
    +.btn-group-justified > .btn,
    +.btn-group-justified > .btn-group {
    +  float: none;
    +  display: table-cell;
    +  width: 1%;
    +}
    +.btn-group-justified > .btn-group .btn {
    +  width: 100%;
    +}
    +.btn-group-justified > .btn-group .dropdown-menu {
    +  left: auto;
    +}
    +[data-toggle="buttons"] > .btn input[type="radio"],
    +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
    +[data-toggle="buttons"] > .btn input[type="checkbox"],
    +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    +  position: absolute;
    +  clip: rect(0, 0, 0, 0);
    +  pointer-events: none;
    +}
    +.input-group {
    +  position: relative;
    +  display: table;
    +  border-collapse: separate;
    +}
    +.input-group[class*="col-"] {
    +  float: none;
    +  padding-left: 0;
    +  padding-right: 0;
    +}
    +.input-group .form-control {
    +  position: relative;
    +  z-index: 2;
    +  float: left;
    +  width: 100%;
    +  margin-bottom: 0;
    +}
    +.input-group .form-control:focus {
    +  z-index: 3;
    +}
    +.input-group-lg > .form-control,
    +.input-group-lg > .input-group-addon,
    +.input-group-lg > .input-group-btn > .btn {
    +  padding: 12px 16px;
    +  font-size: 15px;
    +  line-height: 1.7;
    +  border-radius: 4px;
    +  height: 57px;
    +  padding: 12px 14px;
    +  font-size: 18px;
    +  font-weight: 300;
    +  border-radius: 2px;
    +}
    +select.input-group-lg > .form-control,
    +select.input-group-lg > .input-group-addon,
    +select.input-group-lg > .input-group-btn > .btn {
    +  height: 57px;
    +  line-height: 57px;
    +}
    +textarea.input-group-lg > .form-control,
    +textarea.input-group-lg > .input-group-addon,
    +textarea.input-group-lg > .input-group-btn > .btn,
    +select[multiple].input-group-lg > .form-control,
    +select[multiple].input-group-lg > .input-group-addon,
    +select[multiple].input-group-lg > .input-group-btn > .btn {
    +  height: auto;
    +}
    +.input-group-sm > .form-control,
    +.input-group-sm > .input-group-addon,
    +.input-group-sm > .input-group-btn > .btn {
    +  padding: 5px 9px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +  border-radius: 2px;
    +  height: 37px;
    +  font-size: 13px;
    +  padding: 4px 12px;
    +}
    +select.input-group-sm > .form-control,
    +select.input-group-sm > .input-group-addon,
    +select.input-group-sm > .input-group-btn > .btn {
    +  height: 37px;
    +  line-height: 37px;
    +}
    +textarea.input-group-sm > .form-control,
    +textarea.input-group-sm > .input-group-addon,
    +textarea.input-group-sm > .input-group-btn > .btn,
    +select[multiple].input-group-sm > .form-control,
    +select[multiple].input-group-sm > .input-group-addon,
    +select[multiple].input-group-sm > .input-group-btn > .btn {
    +  height: auto;
    +}
    +.input-group-addon,
    +.input-group-btn,
    +.input-group .form-control {
    +  display: table-cell;
    +}
    +.input-group-addon:not(:first-child):not(:last-child),
    +.input-group-btn:not(:first-child):not(:last-child),
    +.input-group .form-control:not(:first-child):not(:last-child) {
    +  border-radius: 0;
    +}
    +.input-group-addon,
    +.input-group-btn {
    +  width: 1%;
    +  white-space: nowrap;
    +  vertical-align: middle;
    +}
    +.input-group-addon {
    +  padding: 10px 12px;
    +  font-size: 13px;
    +  font-weight: normal;
    +  line-height: 1;
    +  color: #404040;
    +  text-align: center;
    +  background-color: #f5f5f5;
    +  border: 1px solid #d5d8de;
    +  border-radius: 2px;
    +}
    +.input-group-addon.input-sm {
    +  padding: 5px 9px;
    +  font-size: 12px;
    +  border-radius: 2px;
    +}
    +.input-group-addon.input-lg {
    +  padding: 12px 16px;
    +  font-size: 15px;
    +  border-radius: 4px;
    +}
    +.input-group-addon input[type="radio"],
    +.input-group-addon input[type="checkbox"] {
    +  margin-top: 0;
    +}
    +.input-group .form-control:first-child,
    +.input-group-addon:first-child,
    +.input-group-btn:first-child > .btn,
    +.input-group-btn:first-child > .btn-group > .btn,
    +.input-group-btn:first-child > .dropdown-toggle,
    +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    +  border-bottom-right-radius: 0;
    +  border-top-right-radius: 0;
    +}
    +.input-group-addon:first-child {
    +  border-right: 0;
    +}
    +.input-group .form-control:last-child,
    +.input-group-addon:last-child,
    +.input-group-btn:last-child > .btn,
    +.input-group-btn:last-child > .btn-group > .btn,
    +.input-group-btn:last-child > .dropdown-toggle,
    +.input-group-btn:first-child > .btn:not(:first-child),
    +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    +  border-bottom-left-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.input-group-addon:last-child {
    +  border-left: 0;
    +}
    +.input-group-btn {
    +  position: relative;
    +  font-size: 0;
    +  white-space: nowrap;
    +}
    +.input-group-btn > .btn {
    +  position: relative;
    +}
    +.input-group-btn > .btn + .btn {
    +  margin-left: -1px;
    +}
    +.input-group-btn > .btn:hover,
    +.input-group-btn > .btn:focus,
    +.input-group-btn > .btn:active {
    +  z-index: 2;
    +}
    +.input-group-btn:first-child > .btn,
    +.input-group-btn:first-child > .btn-group {
    +  margin-right: -1px;
    +}
    +.input-group-btn:last-child > .btn,
    +.input-group-btn:last-child > .btn-group {
    +  z-index: 2;
    +  margin-left: -1px;
    +}
    +.nav {
    +  margin-bottom: 0;
    +  padding-left: 0;
    +  list-style: none;
    +}
    +.nav > li {
    +  position: relative;
    +  display: block;
    +}
    +.nav > li > a {
    +  position: relative;
    +  display: block;
    +  padding: 10px 15px;
    +}
    +.nav > li > a:hover,
    +.nav > li > a:focus {
    +  text-decoration: none;
    +  background-color: #eeeeee;
    +}
    +.nav > li.disabled > a {
    +  color: #777777;
    +}
    +.nav > li.disabled > a:hover,
    +.nav > li.disabled > a:focus {
    +  color: #777777;
    +  text-decoration: none;
    +  background-color: transparent;
    +  cursor: not-allowed;
    +}
    +.nav .open > a,
    +.nav .open > a:hover,
    +.nav .open > a:focus {
    +  background-color: #eeeeee;
    +  border-color: #4285f4;
    +}
    +.nav .nav-divider {
    +  height: 1px;
    +  margin: 8px 0;
    +  overflow: hidden;
    +  background-color: #e5e5e5;
    +}
    +.nav > li > a > img {
    +  max-width: none;
    +}
    +.nav-tabs {
    +  border-bottom: 1px solid transparent;
    +}
    +.nav-tabs > li {
    +  float: left;
    +  margin-bottom: -1px;
    +}
    +.nav-tabs > li > a {
    +  margin-right: 2px;
    +  line-height: 1.42857143;
    +  border: 1px solid transparent;
    +  border-radius: 2px 2px 0 0;
    +}
    +.nav-tabs > li > a:hover {
    +  border-color: #eeeeee #eeeeee transparent;
    +}
    +.nav-tabs > li.active > a,
    +.nav-tabs > li.active > a:hover,
    +.nav-tabs > li.active > a:focus {
    +  color: #555555;
    +  background-color: #EEEEEE;
    +  border: 1px solid #ffffff;
    +  border-bottom-color: transparent;
    +  cursor: default;
    +}
    +.nav-tabs.nav-justified {
    +  width: 100%;
    +  border-bottom: 0;
    +}
    +.nav-tabs.nav-justified > li {
    +  float: none;
    +}
    +.nav-tabs.nav-justified > li > a {
    +  text-align: center;
    +  margin-bottom: 5px;
    +}
    +.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    +  top: auto;
    +  left: auto;
    +}
    +@media (min-width: 768px) {
    +  .nav-tabs.nav-justified > li {
    +    display: table-cell;
    +    width: 1%;
    +  }
    +  .nav-tabs.nav-justified > li > a {
    +    margin-bottom: 0;
    +  }
    +}
    +.nav-tabs.nav-justified > li > a {
    +  margin-right: 0;
    +  border-radius: 2px;
    +}
    +.nav-tabs.nav-justified > .active > a,
    +.nav-tabs.nav-justified > .active > a:hover,
    +.nav-tabs.nav-justified > .active > a:focus {
    +  border: 1px solid #ddd;
    +}
    +@media (min-width: 768px) {
    +  .nav-tabs.nav-justified > li > a {
    +    border-bottom: 1px solid #ddd;
    +    border-radius: 2px 2px 0 0;
    +  }
    +  .nav-tabs.nav-justified > .active > a,
    +  .nav-tabs.nav-justified > .active > a:hover,
    +  .nav-tabs.nav-justified > .active > a:focus {
    +    border-bottom-color: #EEEEEE;
    +  }
    +}
    +.nav-pills > li {
    +  float: left;
    +}
    +.nav-pills > li > a {
    +  border-radius: 2px;
    +}
    +.nav-pills > li + li {
    +  margin-left: 2px;
    +}
    +.nav-pills > li.active > a,
    +.nav-pills > li.active > a:hover,
    +.nav-pills > li.active > a:focus {
    +  color: #fff;
    +  background-color: #4285f4;
    +}
    +.nav-stacked > li {
    +  float: none;
    +}
    +.nav-stacked > li + li {
    +  margin-top: 2px;
    +  margin-left: 0;
    +}
    +.nav-justified {
    +  width: 100%;
    +}
    +.nav-justified > li {
    +  float: none;
    +}
    +.nav-justified > li > a {
    +  text-align: center;
    +  margin-bottom: 5px;
    +}
    +.nav-justified > .dropdown .dropdown-menu {
    +  top: auto;
    +  left: auto;
    +}
    +@media (min-width: 768px) {
    +  .nav-justified > li {
    +    display: table-cell;
    +    width: 1%;
    +  }
    +  .nav-justified > li > a {
    +    margin-bottom: 0;
    +  }
    +}
    +.nav-tabs-justified {
    +  border-bottom: 0;
    +}
    +.nav-tabs-justified > li > a {
    +  margin-right: 0;
    +  border-radius: 2px;
    +}
    +.nav-tabs-justified > .active > a,
    +.nav-tabs-justified > .active > a:hover,
    +.nav-tabs-justified > .active > a:focus {
    +  border: 1px solid #ddd;
    +}
    +@media (min-width: 768px) {
    +  .nav-tabs-justified > li > a {
    +    border-bottom: 1px solid #ddd;
    +    border-radius: 2px 2px 0 0;
    +  }
    +  .nav-tabs-justified > .active > a,
    +  .nav-tabs-justified > .active > a:hover,
    +  .nav-tabs-justified > .active > a:focus {
    +    border-bottom-color: #EEEEEE;
    +  }
    +}
    +.tab-content > .tab-pane {
    +  display: none;
    +}
    +.tab-content > .active {
    +  display: block;
    +}
    +.nav-tabs .dropdown-menu {
    +  margin-top: -1px;
    +  border-top-right-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.navbar {
    +  position: relative;
    +  min-height: 50px;
    +  margin-bottom: 18px;
    +  border: 1px solid transparent;
    +}
    +@media (min-width: 768px) {
    +  .navbar {
    +    border-radius: 2px;
    +  }
    +}
    +@media (min-width: 768px) {
    +  .navbar-header {
    +    float: left;
    +  }
    +}
    +.navbar-collapse {
    +  overflow-x: visible;
    +  padding-right: 15px;
    +  padding-left: 15px;
    +  border-top: 1px solid transparent;
    +  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    +  -webkit-overflow-scrolling: touch;
    +}
    +.navbar-collapse.in {
    +  overflow-y: auto;
    +}
    +@media (min-width: 768px) {
    +  .navbar-collapse {
    +    width: auto;
    +    border-top: 0;
    +    box-shadow: none;
    +  }
    +  .navbar-collapse.collapse {
    +    display: block !important;
    +    height: auto !important;
    +    padding-bottom: 0;
    +    overflow: visible !important;
    +  }
    +  .navbar-collapse.in {
    +    overflow-y: visible;
    +  }
    +  .navbar-fixed-top .navbar-collapse,
    +  .navbar-static-top .navbar-collapse,
    +  .navbar-fixed-bottom .navbar-collapse {
    +    padding-left: 0;
    +    padding-right: 0;
    +  }
    +}
    +.navbar-fixed-top .navbar-collapse,
    +.navbar-fixed-bottom .navbar-collapse {
    +  max-height: 340px;
    +}
    +@media (max-device-width: 480px) and (orientation: landscape) {
    +  .navbar-fixed-top .navbar-collapse,
    +  .navbar-fixed-bottom .navbar-collapse {
    +    max-height: 200px;
    +  }
    +}
    +.container > .navbar-header,
    +.container-fluid > .navbar-header,
    +.container > .navbar-collapse,
    +.container-fluid > .navbar-collapse {
    +  margin-right: -15px;
    +  margin-left: -15px;
    +}
    +@media (min-width: 768px) {
    +  .container > .navbar-header,
    +  .container-fluid > .navbar-header,
    +  .container > .navbar-collapse,
    +  .container-fluid > .navbar-collapse {
    +    margin-right: 0;
    +    margin-left: 0;
    +  }
    +}
    +.navbar-static-top {
    +  z-index: 1000;
    +  border-width: 0 0 1px;
    +}
    +@media (min-width: 768px) {
    +  .navbar-static-top {
    +    border-radius: 0;
    +  }
    +}
    +.navbar-fixed-top,
    +.navbar-fixed-bottom {
    +  position: fixed;
    +  right: 0;
    +  left: 0;
    +  z-index: 1030;
    +}
    +@media (min-width: 768px) {
    +  .navbar-fixed-top,
    +  .navbar-fixed-bottom {
    +    border-radius: 0;
    +  }
    +}
    +.navbar-fixed-top {
    +  top: 0;
    +  border-width: 0 0 1px;
    +}
    +.navbar-fixed-bottom {
    +  bottom: 0;
    +  margin-bottom: 0;
    +  border-width: 1px 0 0;
    +}
    +.navbar-brand {
    +  float: left;
    +  padding: 16px 15px;
    +  font-size: 15px;
    +  line-height: 18px;
    +  height: 50px;
    +}
    +.navbar-brand:hover,
    +.navbar-brand:focus {
    +  text-decoration: none;
    +}
    +.navbar-brand > img {
    +  display: block;
    +}
    +@media (min-width: 768px) {
    +  .navbar > .container .navbar-brand,
    +  .navbar > .container-fluid .navbar-brand {
    +    margin-left: -15px;
    +  }
    +}
    +.navbar-toggle {
    +  position: relative;
    +  float: right;
    +  margin-right: 15px;
    +  padding: 9px 10px;
    +  margin-top: 8px;
    +  margin-bottom: 8px;
    +  background-color: transparent;
    +  background-image: none;
    +  border: 1px solid transparent;
    +  border-radius: 2px;
    +}
    +.navbar-toggle:focus {
    +  outline: 0;
    +}
    +.navbar-toggle .icon-bar {
    +  display: block;
    +  width: 22px;
    +  height: 2px;
    +  border-radius: 1px;
    +}
    +.navbar-toggle .icon-bar + .icon-bar {
    +  margin-top: 4px;
    +}
    +@media (min-width: 768px) {
    +  .navbar-toggle {
    +    display: none;
    +  }
    +}
    +.navbar-nav {
    +  margin: 8px -15px;
    +}
    +.navbar-nav > li > a {
    +  padding-top: 10px;
    +  padding-bottom: 10px;
    +  line-height: 18px;
    +}
    +@media (max-width: 767px) {
    +  .navbar-nav .open .dropdown-menu {
    +    position: static;
    +    float: none;
    +    width: auto;
    +    margin-top: 0;
    +    background-color: transparent;
    +    border: 0;
    +    box-shadow: none;
    +  }
    +  .navbar-nav .open .dropdown-menu > li > a,
    +  .navbar-nav .open .dropdown-menu .dropdown-header {
    +    padding: 5px 15px 5px 25px;
    +  }
    +  .navbar-nav .open .dropdown-menu > li > a {
    +    line-height: 18px;
    +  }
    +  .navbar-nav .open .dropdown-menu > li > a:hover,
    +  .navbar-nav .open .dropdown-menu > li > a:focus {
    +    background-image: none;
    +  }
    +}
    +@media (min-width: 768px) {
    +  .navbar-nav {
    +    float: left;
    +    margin: 0;
    +  }
    +  .navbar-nav > li {
    +    float: left;
    +  }
    +  .navbar-nav > li > a {
    +    padding-top: 16px;
    +    padding-bottom: 16px;
    +  }
    +}
    +.navbar-form {
    +  margin-left: -15px;
    +  margin-right: -15px;
    +  padding: 10px 15px;
    +  border-top: 1px solid transparent;
    +  border-bottom: 1px solid transparent;
    +  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    +  margin-top: 1px;
    +  margin-bottom: 1px;
    +}
    +@media (min-width: 768px) {
    +  .navbar-form .form-group {
    +    display: inline-block;
    +    margin-bottom: 0;
    +    vertical-align: middle;
    +  }
    +  .navbar-form .form-control {
    +    display: inline-block;
    +    width: auto;
    +    vertical-align: middle;
    +  }
    +  .navbar-form .form-control-static {
    +    display: inline-block;
    +  }
    +  .navbar-form .input-group {
    +    display: inline-table;
    +    vertical-align: middle;
    +  }
    +  .navbar-form .input-group .input-group-addon,
    +  .navbar-form .input-group .input-group-btn,
    +  .navbar-form .input-group .form-control {
    +    width: auto;
    +  }
    +  .navbar-form .input-group > .form-control {
    +    width: 100%;
    +  }
    +  .navbar-form .control-label {
    +    margin-bottom: 0;
    +    vertical-align: middle;
    +  }
    +  .navbar-form .radio,
    +  .navbar-form .checkbox {
    +    display: inline-block;
    +    margin-top: 0;
    +    margin-bottom: 0;
    +    vertical-align: middle;
    +  }
    +  .navbar-form .radio label,
    +  .navbar-form .checkbox label {
    +    padding-left: 0;
    +  }
    +  .navbar-form .radio input[type="radio"],
    +  .navbar-form .checkbox input[type="checkbox"] {
    +    position: relative;
    +    margin-left: 0;
    +  }
    +  .navbar-form .has-feedback .form-control-feedback {
    +    top: 0;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .navbar-form .form-group {
    +    margin-bottom: 5px;
    +  }
    +  .navbar-form .form-group:last-child {
    +    margin-bottom: 0;
    +  }
    +}
    +@media (min-width: 768px) {
    +  .navbar-form {
    +    width: auto;
    +    border: 0;
    +    margin-left: 0;
    +    margin-right: 0;
    +    padding-top: 0;
    +    padding-bottom: 0;
    +    box-shadow: none;
    +  }
    +}
    +.navbar-nav > li > .dropdown-menu {
    +  margin-top: 0;
    +  border-top-right-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    +  margin-bottom: 0;
    +  border-top-right-radius: 2px;
    +  border-top-left-radius: 2px;
    +  border-bottom-right-radius: 0;
    +  border-bottom-left-radius: 0;
    +}
    +.navbar-btn {
    +  margin-top: 1px;
    +  margin-bottom: 1px;
    +}
    +.navbar-btn.btn-sm {
    +  margin-top: 6.5px;
    +  margin-bottom: 6.5px;
    +}
    +.navbar-btn.btn-xs {
    +  margin-top: 14px;
    +  margin-bottom: 14px;
    +}
    +.navbar-text {
    +  margin-top: 16px;
    +  margin-bottom: 16px;
    +}
    +@media (min-width: 768px) {
    +  .navbar-text {
    +    float: left;
    +    margin-left: 15px;
    +    margin-right: 15px;
    +  }
    +}
    +@media (min-width: 768px) {
    +  .navbar-left {
    +    float: left !important;
    +  }
    +  .navbar-right {
    +    float: right !important;
    +    margin-right: -15px;
    +  }
    +  .navbar-right ~ .navbar-right {
    +    margin-right: 0;
    +  }
    +}
    +.navbar-default {
    +  background-color: #4285f4;
    +  border-color: #2371f2;
    +}
    +.navbar-default .navbar-brand {
    +  color: #777;
    +}
    +.navbar-default .navbar-brand:hover,
    +.navbar-default .navbar-brand:focus {
    +  color: #5e5e5e;
    +  background-color: transparent;
    +}
    +.navbar-default .navbar-text {
    +  color: #777;
    +}
    +.navbar-default .navbar-nav > li > a {
    +  color: #777;
    +}
    +.navbar-default .navbar-nav > li > a:hover,
    +.navbar-default .navbar-nav > li > a:focus {
    +  color: #333;
    +  background-color: transparent;
    +}
    +.navbar-default .navbar-nav > .active > a,
    +.navbar-default .navbar-nav > .active > a:hover,
    +.navbar-default .navbar-nav > .active > a:focus {
    +  color: #ffffff;
    +  background-color: transparent;
    +}
    +.navbar-default .navbar-nav > .disabled > a,
    +.navbar-default .navbar-nav > .disabled > a:hover,
    +.navbar-default .navbar-nav > .disabled > a:focus {
    +  color: #ccc;
    +  background-color: transparent;
    +}
    +.navbar-default .navbar-toggle {
    +  border-color: #ddd;
    +}
    +.navbar-default .navbar-toggle:hover,
    +.navbar-default .navbar-toggle:focus {
    +  background-color: #ddd;
    +}
    +.navbar-default .navbar-toggle .icon-bar {
    +  background-color: #888;
    +}
    +.navbar-default .navbar-collapse,
    +.navbar-default .navbar-form {
    +  border-color: #2371f2;
    +}
    +.navbar-default .navbar-nav > .open > a,
    +.navbar-default .navbar-nav > .open > a:hover,
    +.navbar-default .navbar-nav > .open > a:focus {
    +  background-color: transparent;
    +  color: #ffffff;
    +}
    +@media (max-width: 767px) {
    +  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    +    color: #777;
    +  }
    +  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    +  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    +    color: #333;
    +    background-color: transparent;
    +  }
    +  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    +  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    +  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    +    color: #ffffff;
    +    background-color: transparent;
    +  }
    +  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    +  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    +  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    +    color: #ccc;
    +    background-color: transparent;
    +  }
    +}
    +.navbar-default .navbar-link {
    +  color: #777;
    +}
    +.navbar-default .navbar-link:hover {
    +  color: #333;
    +}
    +.navbar-default .btn-link {
    +  color: #777;
    +}
    +.navbar-default .btn-link:hover,
    +.navbar-default .btn-link:focus {
    +  color: #333;
    +}
    +.navbar-default .btn-link[disabled]:hover,
    +fieldset[disabled] .navbar-default .btn-link:hover,
    +.navbar-default .btn-link[disabled]:focus,
    +fieldset[disabled] .navbar-default .btn-link:focus {
    +  color: #ccc;
    +}
    +.navbar-inverse {
    +  background-color: #222;
    +  border-color: #080808;
    +}
    +.navbar-inverse .navbar-brand {
    +  color: #9d9d9d;
    +}
    +.navbar-inverse .navbar-brand:hover,
    +.navbar-inverse .navbar-brand:focus {
    +  color: #fff;
    +  background-color: transparent;
    +}
    +.navbar-inverse .navbar-text {
    +  color: #9d9d9d;
    +}
    +.navbar-inverse .navbar-nav > li > a {
    +  color: #9d9d9d;
    +}
    +.navbar-inverse .navbar-nav > li > a:hover,
    +.navbar-inverse .navbar-nav > li > a:focus {
    +  color: #fff;
    +  background-color: transparent;
    +}
    +.navbar-inverse .navbar-nav > .active > a,
    +.navbar-inverse .navbar-nav > .active > a:hover,
    +.navbar-inverse .navbar-nav > .active > a:focus {
    +  color: #fff;
    +  background-color: #080808;
    +}
    +.navbar-inverse .navbar-nav > .disabled > a,
    +.navbar-inverse .navbar-nav > .disabled > a:hover,
    +.navbar-inverse .navbar-nav > .disabled > a:focus {
    +  color: #444;
    +  background-color: transparent;
    +}
    +.navbar-inverse .navbar-toggle {
    +  border-color: #333;
    +}
    +.navbar-inverse .navbar-toggle:hover,
    +.navbar-inverse .navbar-toggle:focus {
    +  background-color: #333;
    +}
    +.navbar-inverse .navbar-toggle .icon-bar {
    +  background-color: #fff;
    +}
    +.navbar-inverse .navbar-collapse,
    +.navbar-inverse .navbar-form {
    +  border-color: #101010;
    +}
    +.navbar-inverse .navbar-nav > .open > a,
    +.navbar-inverse .navbar-nav > .open > a:hover,
    +.navbar-inverse .navbar-nav > .open > a:focus {
    +  background-color: #080808;
    +  color: #fff;
    +}
    +@media (max-width: 767px) {
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    +    border-color: #080808;
    +  }
    +  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    +    background-color: #080808;
    +  }
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    +    color: #9d9d9d;
    +  }
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    +    color: #fff;
    +    background-color: transparent;
    +  }
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    +    color: #fff;
    +    background-color: #080808;
    +  }
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    +  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    +    color: #444;
    +    background-color: transparent;
    +  }
    +}
    +.navbar-inverse .navbar-link {
    +  color: #9d9d9d;
    +}
    +.navbar-inverse .navbar-link:hover {
    +  color: #fff;
    +}
    +.navbar-inverse .btn-link {
    +  color: #9d9d9d;
    +}
    +.navbar-inverse .btn-link:hover,
    +.navbar-inverse .btn-link:focus {
    +  color: #fff;
    +}
    +.navbar-inverse .btn-link[disabled]:hover,
    +fieldset[disabled] .navbar-inverse .btn-link:hover,
    +.navbar-inverse .btn-link[disabled]:focus,
    +fieldset[disabled] .navbar-inverse .btn-link:focus {
    +  color: #444;
    +}
    +.breadcrumb {
    +  padding: 7px 20px;
    +  margin-bottom: 18px;
    +  list-style: none;
    +  background-color: #f5f5f5;
    +  border-radius: 2px;
    +}
    +.breadcrumb > li {
    +  display: inline-block;
    +}
    +.breadcrumb > li + li:before {
    +  content: "/\00a0";
    +  padding: 0 5px;
    +  color: #8a8a8a;
    +}
    +.breadcrumb > .active {
    +  color: #3d3d3d;
    +}
    +.pagination {
    +  display: inline-block;
    +  padding-left: 0;
    +  margin: 18px 0;
    +  border-radius: 2px;
    +}
    +.pagination > li {
    +  display: inline;
    +}
    +.pagination > li > a,
    +.pagination > li > span {
    +  position: relative;
    +  float: left;
    +  padding: 10px 12px;
    +  line-height: 1.42857143;
    +  text-decoration: none;
    +  color: #404040;
    +  background-color: #fff;
    +  border: 1px solid #ddd;
    +  margin-left: -1px;
    +}
    +.pagination > li:first-child > a,
    +.pagination > li:first-child > span {
    +  margin-left: 0;
    +  border-bottom-left-radius: 2px;
    +  border-top-left-radius: 2px;
    +}
    +.pagination > li:last-child > a,
    +.pagination > li:last-child > span {
    +  border-bottom-right-radius: 2px;
    +  border-top-right-radius: 2px;
    +}
    +.pagination > li > a:hover,
    +.pagination > li > span:hover,
    +.pagination > li > a:focus,
    +.pagination > li > span:focus {
    +  z-index: 2;
    +  color: #0d5bdd;
    +  background-color: #eeeeee;
    +  border-color: #ddd;
    +}
    +.pagination > .active > a,
    +.pagination > .active > span,
    +.pagination > .active > a:hover,
    +.pagination > .active > span:hover,
    +.pagination > .active > a:focus,
    +.pagination > .active > span:focus {
    +  z-index: 3;
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +  cursor: default;
    +}
    +.pagination > .disabled > span,
    +.pagination > .disabled > span:hover,
    +.pagination > .disabled > span:focus,
    +.pagination > .disabled > a,
    +.pagination > .disabled > a:hover,
    +.pagination > .disabled > a:focus {
    +  color: #777777;
    +  background-color: #fff;
    +  border-color: #ddd;
    +  cursor: not-allowed;
    +}
    +.pagination-lg > li > a,
    +.pagination-lg > li > span {
    +  padding: 12px 16px;
    +  font-size: 15px;
    +  line-height: 1.7;
    +}
    +.pagination-lg > li:first-child > a,
    +.pagination-lg > li:first-child > span {
    +  border-bottom-left-radius: 4px;
    +  border-top-left-radius: 4px;
    +}
    +.pagination-lg > li:last-child > a,
    +.pagination-lg > li:last-child > span {
    +  border-bottom-right-radius: 4px;
    +  border-top-right-radius: 4px;
    +}
    +.pagination-sm > li > a,
    +.pagination-sm > li > span {
    +  padding: 5px 9px;
    +  font-size: 12px;
    +  line-height: 1.6;
    +}
    +.pagination-sm > li:first-child > a,
    +.pagination-sm > li:first-child > span {
    +  border-bottom-left-radius: 2px;
    +  border-top-left-radius: 2px;
    +}
    +.pagination-sm > li:last-child > a,
    +.pagination-sm > li:last-child > span {
    +  border-bottom-right-radius: 2px;
    +  border-top-right-radius: 2px;
    +}
    +.pager {
    +  padding-left: 0;
    +  margin: 18px 0;
    +  list-style: none;
    +  text-align: center;
    +}
    +.pager li {
    +  display: inline;
    +}
    +.pager li > a,
    +.pager li > span {
    +  display: inline-block;
    +  padding: 5px 14px;
    +  background-color: #fff;
    +  border: 1px solid #ddd;
    +  border-radius: 15px;
    +}
    +.pager li > a:hover,
    +.pager li > a:focus {
    +  text-decoration: none;
    +  background-color: #eeeeee;
    +}
    +.pager .next > a,
    +.pager .next > span {
    +  float: right;
    +}
    +.pager .previous > a,
    +.pager .previous > span {
    +  float: left;
    +}
    +.pager .disabled > a,
    +.pager .disabled > a:hover,
    +.pager .disabled > a:focus,
    +.pager .disabled > span {
    +  color: #777777;
    +  background-color: #fff;
    +  cursor: not-allowed;
    +}
    +.label {
    +  display: inline;
    +  padding: .2em .6em .3em;
    +  font-size: 75%;
    +  font-weight: bold;
    +  line-height: 1;
    +  color: #ffffff;
    +  text-align: center;
    +  white-space: nowrap;
    +  vertical-align: baseline;
    +  border-radius: .25em;
    +}
    +a.label:hover,
    +a.label:focus {
    +  color: #1266f1;
    +  text-decoration: none;
    +  cursor: pointer;
    +}
    +.label:empty {
    +  display: none;
    +}
    +.btn .label {
    +  position: relative;
    +  top: -1px;
    +}
    +.label-default {
    +  background-color: #ffffff;
    +}
    +.label-default[href]:hover,
    +.label-default[href]:focus {
    +  background-color: #e6e6e6;
    +}
    +.label-primary {
    +  background-color: #5f99f5;
    +}
    +.label-primary[href]:hover,
    +.label-primary[href]:focus {
    +  background-color: #2f7af2;
    +}
    +.label-success {
    +  background-color: #37b358;
    +}
    +.label-success[href]:hover,
    +.label-success[href]:focus {
    +  background-color: #2b8c45;
    +}
    +.label-info {
    +  background-color: #4285f4;
    +}
    +.label-info[href]:hover,
    +.label-info[href]:focus {
    +  background-color: #1266f1;
    +}
    +.label-warning {
    +  background-color: #f6c163;
    +}
    +.label-warning[href]:hover,
    +.label-warning[href]:focus {
    +  background-color: #f3ae33;
    +}
    +.label-danger {
    +  background-color: #eb6357;
    +}
    +.label-danger[href]:hover,
    +.label-danger[href]:focus {
    +  background-color: #e63929;
    +}
    +.badge {
    +  display: inline-block;
    +  min-width: 10px;
    +  padding: 3px 7px;
    +  font-size: 12px;
    +  font-weight: 400;
    +  color: #404040;
    +  line-height: 1;
    +  vertical-align: middle;
    +  white-space: nowrap;
    +  text-align: center;
    +  background-color: #ffffff;
    +  border-radius: 10px;
    +}
    +.badge:empty {
    +  display: none;
    +}
    +.btn .badge {
    +  position: relative;
    +  top: -1px;
    +}
    +.btn-xs .badge,
    +.btn-group-xs > .btn .badge {
    +  top: 0;
    +  padding: 1px 5px;
    +}
    +a.badge:hover,
    +a.badge:focus {
    +  color: #fff;
    +  text-decoration: none;
    +  cursor: pointer;
    +}
    +.list-group-item.active > .badge,
    +.nav-pills > .active > a > .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.list-group-item > .badge {
    +  float: right;
    +}
    +.list-group-item > .badge + .badge {
    +  margin-right: 5px;
    +}
    +.nav-pills > li > a > .badge {
    +  margin-left: 3px;
    +}
    +.jumbotron {
    +  padding-top: 30px;
    +  padding-bottom: 30px;
    +  margin-bottom: 30px;
    +  color: inherit;
    +  background-color: #eeeeee;
    +}
    +.jumbotron h1,
    +.jumbotron .h1 {
    +  color: inherit;
    +}
    +.jumbotron p {
    +  margin-bottom: 15px;
    +  font-size: 20px;
    +  font-weight: 200;
    +}
    +.jumbotron > hr {
    +  border-top-color: #d5d5d5;
    +}
    +.container .jumbotron,
    +.container-fluid .jumbotron {
    +  border-radius: 4px;
    +  padding-left: 15px;
    +  padding-right: 15px;
    +}
    +.jumbotron .container {
    +  max-width: 100%;
    +}
    +@media screen and (min-width: 768px) {
    +  .jumbotron {
    +    padding-top: 48px;
    +    padding-bottom: 48px;
    +  }
    +  .container .jumbotron,
    +  .container-fluid .jumbotron {
    +    padding-left: 60px;
    +    padding-right: 60px;
    +  }
    +  .jumbotron h1,
    +  .jumbotron .h1 {
    +    font-size: 59px;
    +  }
    +}
    +.thumbnail {
    +  display: block;
    +  padding: 4px;
    +  margin-bottom: 18px;
    +  line-height: 1.42857143;
    +  background-color: #EEEEEE;
    +  border: 1px solid #ddd;
    +  border-radius: 2px;
    +  -webkit-transition: border 0.2s ease-in-out;
    +  -o-transition: border 0.2s ease-in-out;
    +  transition: border 0.2s ease-in-out;
    +}
    +.thumbnail > img,
    +.thumbnail a > img {
    +  margin-left: auto;
    +  margin-right: auto;
    +}
    +a.thumbnail:hover,
    +a.thumbnail:focus,
    +a.thumbnail.active {
    +  border-color: #4285f4;
    +}
    +.thumbnail .caption {
    +  padding: 9px;
    +  color: #404040;
    +}
    +.alert {
    +  padding: 18px;
    +  margin-bottom: 18px;
    +  border: 1px solid transparent;
    +  border-radius: 2px;
    +}
    +.alert h4 {
    +  margin-top: 0;
    +  color: inherit;
    +}
    +.alert .alert-link {
    +  font-weight: bold;
    +}
    +.alert > p,
    +.alert > ul {
    +  margin-bottom: 0;
    +}
    +.alert > p + p {
    +  margin-top: 5px;
    +}
    +.alert-dismissable,
    +.alert-dismissible {
    +  padding-right: 38px;
    +}
    +.alert-dismissable .close,
    +.alert-dismissible .close {
    +  position: relative;
    +  top: -2px;
    +  right: -21px;
    +  color: inherit;
    +}
    +.alert-success {
    +  background-color: #34a853;
    +  border-color: #34a853;
    +  color: #ffffff;
    +}
    +.alert-success hr {
    +  border-top-color: #2e9549;
    +}
    +.alert-success .alert-link {
    +  color: #e6e6e6;
    +}
    +.alert-info {
    +  background-color: #d9edf7;
    +  border-color: #bce8f1;
    +  color: #ffffff;
    +}
    +.alert-info hr {
    +  border-top-color: #a6e1ec;
    +}
    +.alert-info .alert-link {
    +  color: #e6e6e6;
    +}
    +.alert-warning {
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +  color: #ffffff;
    +}
    +.alert-warning hr {
    +  border-top-color: #e3aa04;
    +}
    +.alert-warning .alert-link {
    +  color: #e6e6e6;
    +}
    +.alert-danger {
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +  color: #ffffff;
    +}
    +.alert-danger hr {
    +  border-top-color: #e82e1e;
    +}
    +.alert-danger .alert-link {
    +  color: #e6e6e6;
    +}
    +@-webkit-keyframes progress-bar-stripes {
    +  from {
    +    background-position: 40px 0;
    +  }
    +  to {
    +    background-position: 0 0;
    +  }
    +}
    +@-o-keyframes progress-bar-stripes {
    +  from {
    +    background-position: 40px 0;
    +  }
    +  to {
    +    background-position: 0 0;
    +  }
    +}
    +@keyframes progress-bar-stripes {
    +  from {
    +    background-position: 40px 0;
    +  }
    +  to {
    +    background-position: 0 0;
    +  }
    +}
    +.progress {
    +  overflow: hidden;
    +  height: 18px;
    +  margin-bottom: 18px;
    +  background-color: #f5f5f5;
    +  border-radius: 2px;
    +  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    +}
    +.progress-bar {
    +  float: left;
    +  width: 0%;
    +  height: 100%;
    +  font-size: 12px;
    +  line-height: 18px;
    +  color: #fff;
    +  text-align: center;
    +  background-color: #4285f4;
    +  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    +  -webkit-transition: width 0.6s ease;
    +  -o-transition: width 0.6s ease;
    +  transition: width 0.6s ease;
    +}
    +.progress-striped .progress-bar,
    +.progress-bar-striped {
    +  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-size: 40px 40px;
    +}
    +.progress.active .progress-bar,
    +.progress-bar.active {
    +  -webkit-animation: progress-bar-stripes 2s linear infinite;
    +  -o-animation: progress-bar-stripes 2s linear infinite;
    +  animation: progress-bar-stripes 2s linear infinite;
    +}
    +.progress-bar-success {
    +  background-color: #34a853;
    +}
    +.progress-striped .progress-bar-success {
    +  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +}
    +.progress-bar-info {
    +  background-color: #33b4f3;
    +}
    +.progress-striped .progress-bar-info {
    +  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +}
    +.progress-bar-warning {
    +  background-color: #fbbc05;
    +}
    +.progress-striped .progress-bar-warning {
    +  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +}
    +.progress-bar-danger {
    +  background-color: #ea4335;
    +}
    +.progress-striped .progress-bar-danger {
    +  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    +}
    +.media {
    +  margin-top: 15px;
    +}
    +.media:first-child {
    +  margin-top: 0;
    +}
    +.media,
    +.media-body {
    +  zoom: 1;
    +  overflow: hidden;
    +}
    +.media-body {
    +  width: 10000px;
    +}
    +.media-object {
    +  display: block;
    +}
    +.media-object.img-thumbnail {
    +  max-width: none;
    +}
    +.media-right,
    +.media > .pull-right {
    +  padding-left: 10px;
    +}
    +.media-left,
    +.media > .pull-left {
    +  padding-right: 10px;
    +}
    +.media-left,
    +.media-right,
    +.media-body {
    +  display: table-cell;
    +  vertical-align: top;
    +}
    +.media-middle {
    +  vertical-align: middle;
    +}
    +.media-bottom {
    +  vertical-align: bottom;
    +}
    +.media-heading {
    +  margin-top: 0;
    +  margin-bottom: 5px;
    +}
    +.media-list {
    +  padding-left: 0;
    +  list-style: none;
    +}
    +.list-group {
    +  margin-bottom: 20px;
    +  padding-left: 0;
    +}
    +.list-group-item {
    +  position: relative;
    +  display: block;
    +  padding: 10px 15px;
    +  margin-bottom: -1px;
    +  background-color: #fff;
    +  border: 1px solid #ddd;
    +}
    +.list-group-item:first-child {
    +  border-top-right-radius: 2px;
    +  border-top-left-radius: 2px;
    +}
    +.list-group-item:last-child {
    +  margin-bottom: 0;
    +  border-bottom-right-radius: 2px;
    +  border-bottom-left-radius: 2px;
    +}
    +a.list-group-item,
    +button.list-group-item {
    +  color: #555;
    +}
    +a.list-group-item .list-group-item-heading,
    +button.list-group-item .list-group-item-heading {
    +  color: #333;
    +}
    +a.list-group-item:hover,
    +button.list-group-item:hover,
    +a.list-group-item:focus,
    +button.list-group-item:focus {
    +  text-decoration: none;
    +  color: #555;
    +  background-color: #f5f5f5;
    +}
    +button.list-group-item {
    +  width: 100%;
    +  text-align: left;
    +}
    +.list-group-item.disabled,
    +.list-group-item.disabled:hover,
    +.list-group-item.disabled:focus {
    +  background-color: #eeeeee;
    +  color: #777777;
    +  cursor: not-allowed;
    +}
    +.list-group-item.disabled .list-group-item-heading,
    +.list-group-item.disabled:hover .list-group-item-heading,
    +.list-group-item.disabled:focus .list-group-item-heading {
    +  color: inherit;
    +}
    +.list-group-item.disabled .list-group-item-text,
    +.list-group-item.disabled:hover .list-group-item-text,
    +.list-group-item.disabled:focus .list-group-item-text {
    +  color: #777777;
    +}
    +.list-group-item.active,
    +.list-group-item.active:hover,
    +.list-group-item.active:focus {
    +  z-index: 2;
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.list-group-item.active .list-group-item-heading,
    +.list-group-item.active:hover .list-group-item-heading,
    +.list-group-item.active:focus .list-group-item-heading,
    +.list-group-item.active .list-group-item-heading > small,
    +.list-group-item.active:hover .list-group-item-heading > small,
    +.list-group-item.active:focus .list-group-item-heading > small,
    +.list-group-item.active .list-group-item-heading > .small,
    +.list-group-item.active:hover .list-group-item-heading > .small,
    +.list-group-item.active:focus .list-group-item-heading > .small {
    +  color: inherit;
    +}
    +.list-group-item.active .list-group-item-text,
    +.list-group-item.active:hover .list-group-item-text,
    +.list-group-item.active:focus .list-group-item-text {
    +  color: #ffffff;
    +}
    +.list-group-item-success {
    +  color: #37b358;
    +  background-color: #34a853;
    +}
    +a.list-group-item-success,
    +button.list-group-item-success {
    +  color: #37b358;
    +}
    +a.list-group-item-success .list-group-item-heading,
    +button.list-group-item-success .list-group-item-heading {
    +  color: inherit;
    +}
    +a.list-group-item-success:hover,
    +button.list-group-item-success:hover,
    +a.list-group-item-success:focus,
    +button.list-group-item-success:focus {
    +  color: #37b358;
    +  background-color: #2e9549;
    +}
    +a.list-group-item-success.active,
    +button.list-group-item-success.active,
    +a.list-group-item-success.active:hover,
    +button.list-group-item-success.active:hover,
    +a.list-group-item-success.active:focus,
    +button.list-group-item-success.active:focus {
    +  color: #fff;
    +  background-color: #37b358;
    +  border-color: #37b358;
    +}
    +.list-group-item-info {
    +  color: #31708f;
    +  background-color: #d9edf7;
    +}
    +a.list-group-item-info,
    +button.list-group-item-info {
    +  color: #31708f;
    +}
    +a.list-group-item-info .list-group-item-heading,
    +button.list-group-item-info .list-group-item-heading {
    +  color: inherit;
    +}
    +a.list-group-item-info:hover,
    +button.list-group-item-info:hover,
    +a.list-group-item-info:focus,
    +button.list-group-item-info:focus {
    +  color: #31708f;
    +  background-color: #c4e3f3;
    +}
    +a.list-group-item-info.active,
    +button.list-group-item-info.active,
    +a.list-group-item-info.active:hover,
    +button.list-group-item-info.active:hover,
    +a.list-group-item-info.active:focus,
    +button.list-group-item-info.active:focus {
    +  color: #fff;
    +  background-color: #31708f;
    +  border-color: #31708f;
    +}
    +.list-group-item-warning {
    +  color: #f6c163;
    +  background-color: #fcf8e3;
    +}
    +a.list-group-item-warning,
    +button.list-group-item-warning {
    +  color: #f6c163;
    +}
    +a.list-group-item-warning .list-group-item-heading,
    +button.list-group-item-warning .list-group-item-heading {
    +  color: inherit;
    +}
    +a.list-group-item-warning:hover,
    +button.list-group-item-warning:hover,
    +a.list-group-item-warning:focus,
    +button.list-group-item-warning:focus {
    +  color: #f6c163;
    +  background-color: #faf2cc;
    +}
    +a.list-group-item-warning.active,
    +button.list-group-item-warning.active,
    +a.list-group-item-warning.active:hover,
    +button.list-group-item-warning.active:hover,
    +a.list-group-item-warning.active:focus,
    +button.list-group-item-warning.active:focus {
    +  color: #fff;
    +  background-color: #f6c163;
    +  border-color: #f6c163;
    +}
    +.list-group-item-danger {
    +  color: #ea4335;
    +  background-color: #ea4335;
    +}
    +a.list-group-item-danger,
    +button.list-group-item-danger {
    +  color: #ea4335;
    +}
    +a.list-group-item-danger .list-group-item-heading,
    +button.list-group-item-danger .list-group-item-heading {
    +  color: inherit;
    +}
    +a.list-group-item-danger:hover,
    +button.list-group-item-danger:hover,
    +a.list-group-item-danger:focus,
    +button.list-group-item-danger:focus {
    +  color: #ea4335;
    +  background-color: #e82e1e;
    +}
    +a.list-group-item-danger.active,
    +button.list-group-item-danger.active,
    +a.list-group-item-danger.active:hover,
    +button.list-group-item-danger.active:hover,
    +a.list-group-item-danger.active:focus,
    +button.list-group-item-danger.active:focus {
    +  color: #fff;
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +}
    +.list-group-item-heading {
    +  margin-top: 0;
    +  margin-bottom: 5px;
    +}
    +.list-group-item-text {
    +  margin-bottom: 0;
    +  line-height: 1.3;
    +}
    +.panel {
    +  margin-bottom: 18px;
    +  background-color: #fff;
    +  border: 1px solid transparent;
    +  border-radius: 3px;
    +  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    +}
    +.panel-body {
    +  padding: 15px 20px 20px;
    +}
    +.panel-heading {
    +  padding: 20px 20px 15px;
    +  border-bottom: 1px solid transparent;
    +  border-top-right-radius: 2px;
    +  border-top-left-radius: 2px;
    +}
    +.panel-heading > .dropdown .dropdown-toggle {
    +  color: inherit;
    +}
    +.panel-title {
    +  margin-top: 0;
    +  margin-bottom: 0;
    +  font-size: 15px;
    +  color: inherit;
    +}
    +.panel-title > a,
    +.panel-title > small,
    +.panel-title > .small,
    +.panel-title > small > a,
    +.panel-title > .small > a {
    +  color: inherit;
    +}
    +.panel-footer {
    +  padding: 20px 20px 15px;
    +  background-color: #f5f5f5;
    +  border-top: 1px solid #ddd;
    +  border-bottom-right-radius: 2px;
    +  border-bottom-left-radius: 2px;
    +}
    +.panel > .list-group,
    +.panel > .panel-collapse > .list-group {
    +  margin-bottom: 0;
    +}
    +.panel > .list-group .list-group-item,
    +.panel > .panel-collapse > .list-group .list-group-item {
    +  border-width: 1px 0;
    +  border-radius: 0;
    +}
    +.panel > .list-group:first-child .list-group-item:first-child,
    +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    +  border-top: 0;
    +  border-top-right-radius: 2px;
    +  border-top-left-radius: 2px;
    +}
    +.panel > .list-group:last-child .list-group-item:last-child,
    +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    +  border-bottom: 0;
    +  border-bottom-right-radius: 2px;
    +  border-bottom-left-radius: 2px;
    +}
    +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    +  border-top-right-radius: 0;
    +  border-top-left-radius: 0;
    +}
    +.panel-heading + .list-group .list-group-item:first-child {
    +  border-top-width: 0;
    +}
    +.list-group + .panel-footer {
    +  border-top-width: 0;
    +}
    +.panel > .table,
    +.panel > .table-responsive > .table,
    +.panel > .panel-collapse > .table {
    +  margin-bottom: 0;
    +}
    +.panel > .table caption,
    +.panel > .table-responsive > .table caption,
    +.panel > .panel-collapse > .table caption {
    +  padding-left: 15px 20px 20px;
    +  padding-right: 15px 20px 20px;
    +}
    +.panel > .table:first-child,
    +.panel > .table-responsive:first-child > .table:first-child {
    +  border-top-right-radius: 2px;
    +  border-top-left-radius: 2px;
    +}
    +.panel > .table:first-child > thead:first-child > tr:first-child,
    +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
    +.panel > .table:first-child > tbody:first-child > tr:first-child,
    +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    +  border-top-left-radius: 2px;
    +  border-top-right-radius: 2px;
    +}
    +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    +  border-top-left-radius: 2px;
    +}
    +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    +  border-top-right-radius: 2px;
    +}
    +.panel > .table:last-child,
    +.panel > .table-responsive:last-child > .table:last-child {
    +  border-bottom-right-radius: 2px;
    +  border-bottom-left-radius: 2px;
    +}
    +.panel > .table:last-child > tbody:last-child > tr:last-child,
    +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
    +.panel > .table:last-child > tfoot:last-child > tr:last-child,
    +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    +  border-bottom-left-radius: 2px;
    +  border-bottom-right-radius: 2px;
    +}
    +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    +  border-bottom-left-radius: 2px;
    +}
    +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    +  border-bottom-right-radius: 2px;
    +}
    +.panel > .panel-body + .table,
    +.panel > .panel-body + .table-responsive,
    +.panel > .table + .panel-body,
    +.panel > .table-responsive + .panel-body {
    +  border-top: 1px solid #ddd;
    +}
    +.panel > .table > tbody:first-child > tr:first-child th,
    +.panel > .table > tbody:first-child > tr:first-child td {
    +  border-top: 0;
    +}
    +.panel > .table-bordered,
    +.panel > .table-responsive > .table-bordered {
    +  border: 0;
    +}
    +.panel > .table-bordered > thead > tr > th:first-child,
    +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    +.panel > .table-bordered > tbody > tr > th:first-child,
    +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    +.panel > .table-bordered > tfoot > tr > th:first-child,
    +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    +.panel > .table-bordered > thead > tr > td:first-child,
    +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    +.panel > .table-bordered > tbody > tr > td:first-child,
    +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    +.panel > .table-bordered > tfoot > tr > td:first-child,
    +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    +  border-left: 0;
    +}
    +.panel > .table-bordered > thead > tr > th:last-child,
    +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    +.panel > .table-bordered > tbody > tr > th:last-child,
    +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    +.panel > .table-bordered > tfoot > tr > th:last-child,
    +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    +.panel > .table-bordered > thead > tr > td:last-child,
    +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    +.panel > .table-bordered > tbody > tr > td:last-child,
    +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    +.panel > .table-bordered > tfoot > tr > td:last-child,
    +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    +  border-right: 0;
    +}
    +.panel > .table-bordered > thead > tr:first-child > td,
    +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    +.panel > .table-bordered > tbody > tr:first-child > td,
    +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    +.panel > .table-bordered > thead > tr:first-child > th,
    +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    +.panel > .table-bordered > tbody > tr:first-child > th,
    +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    +  border-bottom: 0;
    +}
    +.panel > .table-bordered > tbody > tr:last-child > td,
    +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    +.panel > .table-bordered > tfoot > tr:last-child > td,
    +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    +.panel > .table-bordered > tbody > tr:last-child > th,
    +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    +.panel > .table-bordered > tfoot > tr:last-child > th,
    +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    +  border-bottom: 0;
    +}
    +.panel > .table-responsive {
    +  border: 0;
    +  margin-bottom: 0;
    +}
    +.panel-group {
    +  margin-bottom: 18px;
    +}
    +.panel-group .panel {
    +  margin-bottom: 0;
    +  border-radius: 3px;
    +}
    +.panel-group .panel + .panel {
    +  margin-top: 5px;
    +}
    +.panel-group .panel-heading {
    +  border-bottom: 0;
    +}
    +.panel-group .panel-heading + .panel-collapse > .panel-body,
    +.panel-group .panel-heading + .panel-collapse > .list-group {
    +  border-top: 1px solid #ddd;
    +}
    +.panel-group .panel-footer {
    +  border-top: 0;
    +}
    +.panel-group .panel-footer + .panel-collapse .panel-body {
    +  border-bottom: 1px solid #ddd;
    +}
    +.panel-default {
    +  border-color: #ddd;
    +}
    +.panel-default > .panel-heading {
    +  color: #333333;
    +  background-color: transparent;
    +  border-color: #ddd;
    +}
    +.panel-default > .panel-heading + .panel-collapse > .panel-body {
    +  border-top-color: #ddd;
    +}
    +.panel-default > .panel-heading .badge {
    +  color: transparent;
    +  background-color: #333333;
    +}
    +.panel-default > .panel-footer + .panel-collapse > .panel-body {
    +  border-bottom-color: #ddd;
    +}
    +.panel-primary {
    +  border-color: #4285f4;
    +}
    +.panel-primary > .panel-heading {
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    +  border-top-color: #4285f4;
    +}
    +.panel-primary > .panel-heading .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    +  border-bottom-color: #4285f4;
    +}
    +.panel-success {
    +  border-color: #34a853;
    +}
    +.panel-success > .panel-heading {
    +  color: #37b358;
    +  background-color: #34a853;
    +  border-color: #34a853;
    +}
    +.panel-success > .panel-heading + .panel-collapse > .panel-body {
    +  border-top-color: #34a853;
    +}
    +.panel-success > .panel-heading .badge {
    +  color: #34a853;
    +  background-color: #37b358;
    +}
    +.panel-success > .panel-footer + .panel-collapse > .panel-body {
    +  border-bottom-color: #34a853;
    +}
    +.panel-info {
    +  border-color: #bce8f1;
    +}
    +.panel-info > .panel-heading {
    +  color: #31708f;
    +  background-color: #d9edf7;
    +  border-color: #bce8f1;
    +}
    +.panel-info > .panel-heading + .panel-collapse > .panel-body {
    +  border-top-color: #bce8f1;
    +}
    +.panel-info > .panel-heading .badge {
    +  color: #d9edf7;
    +  background-color: #31708f;
    +}
    +.panel-info > .panel-footer + .panel-collapse > .panel-body {
    +  border-bottom-color: #bce8f1;
    +}
    +.panel-warning {
    +  border-color: #fbbc05;
    +}
    +.panel-warning > .panel-heading {
    +  color: #f6c163;
    +  background-color: #fcf8e3;
    +  border-color: #fbbc05;
    +}
    +.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    +  border-top-color: #fbbc05;
    +}
    +.panel-warning > .panel-heading .badge {
    +  color: #fcf8e3;
    +  background-color: #f6c163;
    +}
    +.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    +  border-bottom-color: #fbbc05;
    +}
    +.panel-danger {
    +  border-color: #ea4335;
    +}
    +.panel-danger > .panel-heading {
    +  color: #ea4335;
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +}
    +.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    +  border-top-color: #ea4335;
    +}
    +.panel-danger > .panel-heading .badge {
    +  color: #ea4335;
    +  background-color: #ea4335;
    +}
    +.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    +  border-bottom-color: #ea4335;
    +}
    +.embed-responsive {
    +  position: relative;
    +  display: block;
    +  height: 0;
    +  padding: 0;
    +  overflow: hidden;
    +}
    +.embed-responsive .embed-responsive-item,
    +.embed-responsive iframe,
    +.embed-responsive embed,
    +.embed-responsive object,
    +.embed-responsive video {
    +  position: absolute;
    +  top: 0;
    +  left: 0;
    +  bottom: 0;
    +  height: 100%;
    +  width: 100%;
    +  border: 0;
    +}
    +.embed-responsive-16by9 {
    +  padding-bottom: 56.25%;
    +}
    +.embed-responsive-4by3 {
    +  padding-bottom: 75%;
    +}
    +.well {
    +  min-height: 20px;
    +  padding: 19px;
    +  margin-bottom: 20px;
    +  background-color: #f5f5f5;
    +  border: 1px solid #e3e3e3;
    +  border-radius: 2px;
    +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    +}
    +.well blockquote {
    +  border-color: #ddd;
    +  border-color: rgba(0, 0, 0, 0.15);
    +}
    +.well-lg {
    +  padding: 24px;
    +  border-radius: 4px;
    +}
    +.well-sm {
    +  padding: 9px;
    +  border-radius: 2px;
    +}
    +.close {
    +  float: right;
    +  font-size: 19.5px;
    +  font-weight: bold;
    +  line-height: 1;
    +  color: #000;
    +  text-shadow: 0 1px 0 #fff;
    +  opacity: 0.2;
    +  filter: alpha(opacity=20);
    +}
    +.close:hover,
    +.close:focus {
    +  color: #000;
    +  text-decoration: none;
    +  cursor: pointer;
    +  opacity: 0.5;
    +  filter: alpha(opacity=50);
    +}
    +button.close {
    +  padding: 0;
    +  cursor: pointer;
    +  background: transparent;
    +  border: 0;
    +  -webkit-appearance: none;
    +}
    +.modal-open {
    +  overflow: hidden;
    +}
    +.modal {
    +  display: none;
    +  overflow: hidden;
    +  position: fixed;
    +  top: 0;
    +  right: 0;
    +  bottom: 0;
    +  left: 0;
    +  z-index: 1050;
    +  -webkit-overflow-scrolling: touch;
    +  outline: 0;
    +}
    +.modal.fade .modal-dialog {
    +  -webkit-transform: translate(0, -25%);
    +  -ms-transform: translate(0, -25%);
    +  -o-transform: translate(0, -25%);
    +  transform: translate(0, -25%);
    +  -webkit-transition: -webkit-transform 0.3s ease-out;
    +  -o-transition: -o-transform 0.3s ease-out;
    +  transition: -webkit-transform 0.3s ease-out;
    +  -o-transition: transform 0.3s ease-out, -o-transform 0.3s ease-out;
    +  transition: transform 0.3s ease-out;
    +  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    +}
    +.modal.in .modal-dialog {
    +  -webkit-transform: translate(0, 0);
    +  -ms-transform: translate(0, 0);
    +  -o-transform: translate(0, 0);
    +  transform: translate(0, 0);
    +}
    +.modal-open .modal {
    +  overflow-x: hidden;
    +  overflow-y: auto;
    +}
    +.modal-dialog {
    +  position: relative;
    +  width: auto;
    +  margin: 10px;
    +}
    +.modal-content {
    +  position: relative;
    +  background-color: #fff;
    +  border: 1px solid #999;
    +  border: 1px solid rgba(0, 0, 0, 0.2);
    +  border-radius: 4px;
    +  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    +  background-clip: padding-box;
    +  outline: 0;
    +}
    +.modal-backdrop {
    +  position: fixed;
    +  top: 0;
    +  right: 0;
    +  bottom: 0;
    +  left: 0;
    +  z-index: 1040;
    +  background-color: #000;
    +}
    +.modal-backdrop.fade {
    +  opacity: 0;
    +  filter: alpha(opacity=0);
    +}
    +.modal-backdrop.in {
    +  opacity: 0.5;
    +  filter: alpha(opacity=50);
    +}
    +.modal-header {
    +  padding: 15px;
    +  border-bottom: 1px solid #e5e5e5;
    +}
    +.modal-header .close {
    +  margin-top: -2px;
    +}
    +.modal-title {
    +  margin: 0;
    +  line-height: 1.42857143;
    +}
    +.modal-body {
    +  position: relative;
    +  padding: 15px;
    +}
    +.modal-footer {
    +  padding: 15px;
    +  text-align: right;
    +  border-top: 1px solid #e5e5e5;
    +}
    +.modal-footer .btn + .btn {
    +  margin-left: 5px;
    +  margin-bottom: 0;
    +}
    +.modal-footer .btn-group .btn + .btn {
    +  margin-left: -1px;
    +}
    +.modal-footer .btn-block + .btn-block {
    +  margin-left: 0;
    +}
    +.modal-scrollbar-measure {
    +  position: absolute;
    +  top: -9999px;
    +  width: 50px;
    +  height: 50px;
    +  overflow: scroll;
    +}
    +@media (min-width: 768px) {
    +  .modal-dialog {
    +    width: 600px;
    +    margin: 30px auto;
    +  }
    +  .modal-content {
    +    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    +  }
    +  .modal-sm {
    +    width: 300px;
    +  }
    +}
    +@media (min-width: 992px) {
    +  .modal-lg {
    +    width: 900px;
    +  }
    +}
    +.tooltip {
    +  position: absolute;
    +  z-index: 1070;
    +  display: block;
    +  font-family: 'Roboto', Arial, sans-serif;
    +  font-style: normal;
    +  font-weight: normal;
    +  letter-spacing: normal;
    +  line-break: auto;
    +  line-height: 1.42857143;
    +  text-align: left;
    +  text-align: start;
    +  text-decoration: none;
    +  text-shadow: none;
    +  text-transform: none;
    +  white-space: normal;
    +  word-break: normal;
    +  word-spacing: normal;
    +  word-wrap: normal;
    +  font-size: 12px;
    +  opacity: 0;
    +  filter: alpha(opacity=0);
    +}
    +.tooltip.in {
    +  opacity: 0.9;
    +  filter: alpha(opacity=90);
    +}
    +.tooltip.top {
    +  margin-top: -3px;
    +  padding: 5px 0;
    +}
    +.tooltip.right {
    +  margin-left: 3px;
    +  padding: 0 5px;
    +}
    +.tooltip.bottom {
    +  margin-top: 3px;
    +  padding: 5px 0;
    +}
    +.tooltip.left {
    +  margin-left: -3px;
    +  padding: 0 5px;
    +}
    +.tooltip-inner {
    +  max-width: 200px;
    +  padding: 3px 8px;
    +  color: #fff;
    +  text-align: center;
    +  background-color: #000;
    +  border-radius: 2px;
    +}
    +.tooltip-arrow {
    +  position: absolute;
    +  width: 0;
    +  height: 0;
    +  border-color: transparent;
    +  border-style: solid;
    +}
    +.tooltip.top .tooltip-arrow {
    +  bottom: 0;
    +  left: 50%;
    +  margin-left: -5px;
    +  border-width: 5px 5px 0;
    +  border-top-color: #000;
    +}
    +.tooltip.top-left .tooltip-arrow {
    +  bottom: 0;
    +  right: 5px;
    +  margin-bottom: -5px;
    +  border-width: 5px 5px 0;
    +  border-top-color: #000;
    +}
    +.tooltip.top-right .tooltip-arrow {
    +  bottom: 0;
    +  left: 5px;
    +  margin-bottom: -5px;
    +  border-width: 5px 5px 0;
    +  border-top-color: #000;
    +}
    +.tooltip.right .tooltip-arrow {
    +  top: 50%;
    +  left: 0;
    +  margin-top: -5px;
    +  border-width: 5px 5px 5px 0;
    +  border-right-color: #000;
    +}
    +.tooltip.left .tooltip-arrow {
    +  top: 50%;
    +  right: 0;
    +  margin-top: -5px;
    +  border-width: 5px 0 5px 5px;
    +  border-left-color: #000;
    +}
    +.tooltip.bottom .tooltip-arrow {
    +  top: 0;
    +  left: 50%;
    +  margin-left: -5px;
    +  border-width: 0 5px 5px;
    +  border-bottom-color: #000;
    +}
    +.tooltip.bottom-left .tooltip-arrow {
    +  top: 0;
    +  right: 5px;
    +  margin-top: -5px;
    +  border-width: 0 5px 5px;
    +  border-bottom-color: #000;
    +}
    +.tooltip.bottom-right .tooltip-arrow {
    +  top: 0;
    +  left: 5px;
    +  margin-top: -5px;
    +  border-width: 0 5px 5px;
    +  border-bottom-color: #000;
    +}
    +.popover {
    +  position: absolute;
    +  top: 0;
    +  left: 0;
    +  z-index: 1060;
    +  display: none;
    +  max-width: 276px;
    +  padding: 1px;
    +  font-family: 'Roboto', Arial, sans-serif;
    +  font-style: normal;
    +  font-weight: normal;
    +  letter-spacing: normal;
    +  line-break: auto;
    +  line-height: 1.42857143;
    +  text-align: left;
    +  text-align: start;
    +  text-decoration: none;
    +  text-shadow: none;
    +  text-transform: none;
    +  white-space: normal;
    +  word-break: normal;
    +  word-spacing: normal;
    +  word-wrap: normal;
    +  font-size: 13px;
    +  background-color: #fff;
    +  background-clip: padding-box;
    +  border: 1px solid #ccc;
    +  border: 1px solid rgba(0, 0, 0, 0.2);
    +  border-radius: 4px;
    +  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    +}
    +.popover.top {
    +  margin-top: -10px;
    +}
    +.popover.right {
    +  margin-left: 10px;
    +}
    +.popover.bottom {
    +  margin-top: 10px;
    +}
    +.popover.left {
    +  margin-left: -10px;
    +}
    +.popover-title {
    +  margin: 0;
    +  padding: 8px 14px;
    +  font-size: 13px;
    +  background-color: #f7f7f7;
    +  border-bottom: 1px solid #ebebeb;
    +  border-radius: 3px 3px 0 0;
    +}
    +.popover-content {
    +  padding: 9px 14px;
    +}
    +.popover > .arrow,
    +.popover > .arrow:after {
    +  position: absolute;
    +  display: block;
    +  width: 0;
    +  height: 0;
    +  border-color: transparent;
    +  border-style: solid;
    +}
    +.popover > .arrow {
    +  border-width: 11px;
    +}
    +.popover > .arrow:after {
    +  border-width: 10px;
    +  content: "";
    +}
    +.popover.top > .arrow {
    +  left: 50%;
    +  margin-left: -11px;
    +  border-bottom-width: 0;
    +  border-top-color: #999999;
    +  border-top-color: rgba(0, 0, 0, 0.25);
    +  bottom: -11px;
    +}
    +.popover.top > .arrow:after {
    +  content: " ";
    +  bottom: 1px;
    +  margin-left: -10px;
    +  border-bottom-width: 0;
    +  border-top-color: #fff;
    +}
    +.popover.right > .arrow {
    +  top: 50%;
    +  left: -11px;
    +  margin-top: -11px;
    +  border-left-width: 0;
    +  border-right-color: #999999;
    +  border-right-color: rgba(0, 0, 0, 0.25);
    +}
    +.popover.right > .arrow:after {
    +  content: " ";
    +  left: 1px;
    +  bottom: -10px;
    +  border-left-width: 0;
    +  border-right-color: #fff;
    +}
    +.popover.bottom > .arrow {
    +  left: 50%;
    +  margin-left: -11px;
    +  border-top-width: 0;
    +  border-bottom-color: #999999;
    +  border-bottom-color: rgba(0, 0, 0, 0.25);
    +  top: -11px;
    +}
    +.popover.bottom > .arrow:after {
    +  content: " ";
    +  top: 1px;
    +  margin-left: -10px;
    +  border-top-width: 0;
    +  border-bottom-color: #fff;
    +}
    +.popover.left > .arrow {
    +  top: 50%;
    +  right: -11px;
    +  margin-top: -11px;
    +  border-right-width: 0;
    +  border-left-color: #999999;
    +  border-left-color: rgba(0, 0, 0, 0.25);
    +}
    +.popover.left > .arrow:after {
    +  content: " ";
    +  right: 1px;
    +  border-right-width: 0;
    +  border-left-color: #fff;
    +  bottom: -10px;
    +}
    +.carousel {
    +  position: relative;
    +}
    +.carousel-inner {
    +  position: relative;
    +  overflow: hidden;
    +  width: 100%;
    +}
    +.carousel-inner > .item {
    +  display: none;
    +  position: relative;
    +  -webkit-transition: 0.6s ease-in-out left;
    +  -o-transition: 0.6s ease-in-out left;
    +  transition: 0.6s ease-in-out left;
    +}
    +.carousel-inner > .item > img,
    +.carousel-inner > .item > a > img {
    +  line-height: 1;
    +}
    +@media all and (transform-3d), (-webkit-transform-3d) {
    +  .carousel-inner > .item {
    +    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    +    -o-transition: -o-transform 0.6s ease-in-out;
    +    transition: -webkit-transform 0.6s ease-in-out;
    +    -o-transition: transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    +    transition: transform 0.6s ease-in-out;
    +    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    +    -webkit-backface-visibility: hidden;
    +    backface-visibility: hidden;
    +    -webkit-perspective: 1000px;
    +    perspective: 1000px;
    +  }
    +  .carousel-inner > .item.next,
    +  .carousel-inner > .item.active.right {
    +    -webkit-transform: translate3d(100%, 0, 0);
    +    transform: translate3d(100%, 0, 0);
    +    left: 0;
    +  }
    +  .carousel-inner > .item.prev,
    +  .carousel-inner > .item.active.left {
    +    -webkit-transform: translate3d(-100%, 0, 0);
    +    transform: translate3d(-100%, 0, 0);
    +    left: 0;
    +  }
    +  .carousel-inner > .item.next.left,
    +  .carousel-inner > .item.prev.right,
    +  .carousel-inner > .item.active {
    +    -webkit-transform: translate3d(0, 0, 0);
    +    transform: translate3d(0, 0, 0);
    +    left: 0;
    +  }
    +}
    +.carousel-inner > .active,
    +.carousel-inner > .next,
    +.carousel-inner > .prev {
    +  display: block;
    +}
    +.carousel-inner > .active {
    +  left: 0;
    +}
    +.carousel-inner > .next,
    +.carousel-inner > .prev {
    +  position: absolute;
    +  top: 0;
    +  width: 100%;
    +}
    +.carousel-inner > .next {
    +  left: 100%;
    +}
    +.carousel-inner > .prev {
    +  left: -100%;
    +}
    +.carousel-inner > .next.left,
    +.carousel-inner > .prev.right {
    +  left: 0;
    +}
    +.carousel-inner > .active.left {
    +  left: -100%;
    +}
    +.carousel-inner > .active.right {
    +  left: 100%;
    +}
    +.carousel-control {
    +  position: absolute;
    +  top: 0;
    +  left: 0;
    +  bottom: 0;
    +  width: 15%;
    +  opacity: 0.5;
    +  filter: alpha(opacity=50);
    +  font-size: 20px;
    +  color: #fff;
    +  text-align: center;
    +  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    +  background-color: rgba(0, 0, 0, 0);
    +}
    +.carousel-control.left {
    +  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    +  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    +  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    +  background-repeat: repeat-x;
    +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    +}
    +.carousel-control.right {
    +  left: auto;
    +  right: 0;
    +  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    +  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    +  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    +  background-repeat: repeat-x;
    +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    +}
    +.carousel-control:hover,
    +.carousel-control:focus {
    +  outline: 0;
    +  color: #fff;
    +  text-decoration: none;
    +  opacity: 0.9;
    +  filter: alpha(opacity=90);
    +}
    +.carousel-control .icon-prev,
    +.carousel-control .icon-next,
    +.carousel-control .glyphicon-chevron-left,
    +.carousel-control .glyphicon-chevron-right {
    +  position: absolute;
    +  top: 50%;
    +  margin-top: -10px;
    +  z-index: 5;
    +  display: inline-block;
    +}
    +.carousel-control .icon-prev,
    +.carousel-control .glyphicon-chevron-left {
    +  left: 50%;
    +  margin-left: -10px;
    +}
    +.carousel-control .icon-next,
    +.carousel-control .glyphicon-chevron-right {
    +  right: 50%;
    +  margin-right: -10px;
    +}
    +.carousel-control .icon-prev,
    +.carousel-control .icon-next {
    +  width: 20px;
    +  height: 20px;
    +  line-height: 1;
    +  font-family: serif;
    +}
    +.carousel-control .icon-prev:before {
    +  content: '\2039';
    +}
    +.carousel-control .icon-next:before {
    +  content: '\203a';
    +}
    +.carousel-indicators {
    +  position: absolute;
    +  bottom: 10px;
    +  left: 50%;
    +  z-index: 15;
    +  width: 60%;
    +  margin-left: -30%;
    +  padding-left: 0;
    +  list-style: none;
    +  text-align: center;
    +}
    +.carousel-indicators li {
    +  display: inline-block;
    +  width: 10px;
    +  height: 10px;
    +  margin: 1px;
    +  text-indent: -999px;
    +  border: 1px solid #fff;
    +  border-radius: 10px;
    +  cursor: pointer;
    +  background-color: #000 \9;
    +  background-color: rgba(0, 0, 0, 0);
    +}
    +.carousel-indicators .active {
    +  margin: 0;
    +  width: 12px;
    +  height: 12px;
    +  background-color: #fff;
    +}
    +.carousel-caption {
    +  position: absolute;
    +  left: 15%;
    +  right: 15%;
    +  bottom: 20px;
    +  z-index: 10;
    +  padding-top: 20px;
    +  padding-bottom: 20px;
    +  color: #fff;
    +  text-align: center;
    +  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    +}
    +.carousel-caption .btn {
    +  text-shadow: none;
    +}
    +@media screen and (min-width: 768px) {
    +  .carousel-control .glyphicon-chevron-left,
    +  .carousel-control .glyphicon-chevron-right,
    +  .carousel-control .icon-prev,
    +  .carousel-control .icon-next {
    +    width: 30px;
    +    height: 30px;
    +    margin-top: -10px;
    +    font-size: 30px;
    +  }
    +  .carousel-control .glyphicon-chevron-left,
    +  .carousel-control .icon-prev {
    +    margin-left: -10px;
    +  }
    +  .carousel-control .glyphicon-chevron-right,
    +  .carousel-control .icon-next {
    +    margin-right: -10px;
    +  }
    +  .carousel-caption {
    +    left: 20%;
    +    right: 20%;
    +    padding-bottom: 30px;
    +  }
    +  .carousel-indicators {
    +    bottom: 20px;
    +  }
    +}
    +.clearfix:before,
    +.clearfix:after,
    +.dl-horizontal dd:before,
    +.dl-horizontal dd:after,
    +.container:before,
    +.container:after,
    +.container-fluid:before,
    +.container-fluid:after,
    +.row:before,
    +.row:after,
    +.form-horizontal .form-group:before,
    +.form-horizontal .form-group:after,
    +.btn-toolbar:before,
    +.btn-toolbar:after,
    +.btn-group-vertical > .btn-group:before,
    +.btn-group-vertical > .btn-group:after,
    +.nav:before,
    +.nav:after,
    +.navbar:before,
    +.navbar:after,
    +.navbar-header:before,
    +.navbar-header:after,
    +.navbar-collapse:before,
    +.navbar-collapse:after,
    +.pager:before,
    +.pager:after,
    +.panel-body:before,
    +.panel-body:after,
    +.modal-header:before,
    +.modal-header:after,
    +.modal-footer:before,
    +.modal-footer:after {
    +  content: " ";
    +  display: table;
    +}
    +.clearfix:after,
    +.dl-horizontal dd:after,
    +.container:after,
    +.container-fluid:after,
    +.row:after,
    +.form-horizontal .form-group:after,
    +.btn-toolbar:after,
    +.btn-group-vertical > .btn-group:after,
    +.nav:after,
    +.navbar:after,
    +.navbar-header:after,
    +.navbar-collapse:after,
    +.pager:after,
    +.panel-body:after,
    +.modal-header:after,
    +.modal-footer:after {
    +  clear: both;
    +}
    +.center-block {
    +  display: block;
    +  margin-left: auto;
    +  margin-right: auto;
    +}
    +.pull-right {
    +  float: right !important;
    +}
    +.pull-left {
    +  float: left !important;
    +}
    +.hide {
    +  display: none !important;
    +}
    +.show {
    +  display: block !important;
    +}
    +.invisible {
    +  visibility: hidden;
    +}
    +.text-hide {
    +  font: 0/0 a;
    +  color: transparent;
    +  text-shadow: none;
    +  background-color: transparent;
    +  border: 0;
    +}
    +.hidden {
    +  display: none !important;
    +}
    +.affix {
    +  position: fixed;
    +}
    +@-ms-viewport {
    +  width: device-width;
    +}
    +.visible-xs,
    +.visible-sm,
    +.visible-md,
    +.visible-lg {
    +  display: none !important;
    +}
    +.visible-xs-block,
    +.visible-xs-inline,
    +.visible-xs-inline-block,
    +.visible-sm-block,
    +.visible-sm-inline,
    +.visible-sm-inline-block,
    +.visible-md-block,
    +.visible-md-inline,
    +.visible-md-inline-block,
    +.visible-lg-block,
    +.visible-lg-inline,
    +.visible-lg-inline-block {
    +  display: none !important;
    +}
    +@media (max-width: 767px) {
    +  .visible-xs {
    +    display: block !important;
    +  }
    +  table.visible-xs {
    +    display: table !important;
    +  }
    +  tr.visible-xs {
    +    display: table-row !important;
    +  }
    +  th.visible-xs,
    +  td.visible-xs {
    +    display: table-cell !important;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .visible-xs-block {
    +    display: block !important;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .visible-xs-inline {
    +    display: inline !important;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .visible-xs-inline-block {
    +    display: inline-block !important;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .visible-sm {
    +    display: block !important;
    +  }
    +  table.visible-sm {
    +    display: table !important;
    +  }
    +  tr.visible-sm {
    +    display: table-row !important;
    +  }
    +  th.visible-sm,
    +  td.visible-sm {
    +    display: table-cell !important;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .visible-sm-block {
    +    display: block !important;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .visible-sm-inline {
    +    display: inline !important;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .visible-sm-inline-block {
    +    display: inline-block !important;
    +  }
    +}
    +@media (min-width: 992px) and (max-width: 1199px) {
    +  .visible-md {
    +    display: block !important;
    +  }
    +  table.visible-md {
    +    display: table !important;
    +  }
    +  tr.visible-md {
    +    display: table-row !important;
    +  }
    +  th.visible-md,
    +  td.visible-md {
    +    display: table-cell !important;
    +  }
    +}
    +@media (min-width: 992px) and (max-width: 1199px) {
    +  .visible-md-block {
    +    display: block !important;
    +  }
    +}
    +@media (min-width: 992px) and (max-width: 1199px) {
    +  .visible-md-inline {
    +    display: inline !important;
    +  }
    +}
    +@media (min-width: 992px) and (max-width: 1199px) {
    +  .visible-md-inline-block {
    +    display: inline-block !important;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .visible-lg {
    +    display: block !important;
    +  }
    +  table.visible-lg {
    +    display: table !important;
    +  }
    +  tr.visible-lg {
    +    display: table-row !important;
    +  }
    +  th.visible-lg,
    +  td.visible-lg {
    +    display: table-cell !important;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .visible-lg-block {
    +    display: block !important;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .visible-lg-inline {
    +    display: inline !important;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .visible-lg-inline-block {
    +    display: inline-block !important;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .hidden-xs {
    +    display: none !important;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .hidden-sm {
    +    display: none !important;
    +  }
    +}
    +@media (min-width: 992px) and (max-width: 1199px) {
    +  .hidden-md {
    +    display: none !important;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .hidden-lg {
    +    display: none !important;
    +  }
    +}
    +.visible-print {
    +  display: none !important;
    +}
    +@media print {
    +  .visible-print {
    +    display: block !important;
    +  }
    +  table.visible-print {
    +    display: table !important;
    +  }
    +  tr.visible-print {
    +    display: table-row !important;
    +  }
    +  th.visible-print,
    +  td.visible-print {
    +    display: table-cell !important;
    +  }
    +}
    +.visible-print-block {
    +  display: none !important;
    +}
    +@media print {
    +  .visible-print-block {
    +    display: block !important;
    +  }
    +}
    +.visible-print-inline {
    +  display: none !important;
    +}
    +@media print {
    +  .visible-print-inline {
    +    display: inline !important;
    +  }
    +}
    +.visible-print-inline-block {
    +  display: none !important;
    +}
    +@media print {
    +  .visible-print-inline-block {
    +    display: inline-block !important;
    +  }
    +}
    +@media print {
    +  .hidden-print {
    +    display: none !important;
    +  }
    +}
    +/* General styles for the modal */
    +/* 
    +Styles for the html/body for special modal where we want 3d effects
    +Note that we need a container wrapping all content on the page for the 
    +perspective effects (not including the modals and the overlay).
    +*/
    +.modal-perspective,
    +.modal-perspective body {
    +  height: 100%;
    +  overflow: hidden;
    +}
    +.modal-perspective body {
    +  background: #222;
    +  -webkit-perspective: 600px;
    +  perspective: 600px;
    +}
    +.modal-container {
    +  position: fixed;
    +  top: 50%;
    +  left: 50%;
    +  width: 50%;
    +  max-width: 630px;
    +  min-width: 320px;
    +  height: auto;
    +  z-index: 1051;
    +  visibility: hidden;
    +  -webkit-backface-visibility: hidden;
    +  backface-visibility: hidden;
    +  -webkit-transform: translateX(-50%) translateY(-50%);
    +  -ms-transform: translateX(-50%) translateY(-50%);
    +  -o-transform: translateX(-50%) translateY(-50%);
    +     transform: translateX(-50%) translateY(-50%);
    +}
    +.modal-show {
    +  visibility: visible;
    +}
    +.modal-overlay {
    +  position: fixed;
    +  width: 100%;
    +  height: 100%;
    +  visibility: hidden;
    +  top: 0;
    +  left: 0;
    +  z-index: 1050;
    +  opacity: 0;
    +  background: rgba(0, 0, 0, 0.5);
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show ~ .modal-overlay {
    +  opacity: 1;
    +  visibility: visible;
    +}
    +/* Content styles */
    +.modal-content {
    +  position: relative;
    +  border-radius: 3px;
    +}
    +/* Effect 1: Fade in and scale up */
    +.modal-effect-1 .modal-content {
    +  -webkit-transform: scale(0.7);
    +  -ms-transform: scale(0.7);
    +  -o-transform: scale(0.7);
    +     transform: scale(0.7);
    +  opacity: 0;
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-1 .modal-content {
    +  -webkit-transform: scale(1);
    +  -ms-transform: scale(1);
    +  -o-transform: scale(1);
    +     transform: scale(1);
    +  opacity: 1;
    +}
    +/* Effect 2: Slide from the right */
    +.modal-effect-2 .modal-content {
    +  -webkit-transform: translateX(20%);
    +  -ms-transform: translateX(20%);
    +  -o-transform: translateX(20%);
    +     transform: translateX(20%);
    +  opacity: 0;
    +  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    +  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    +  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    +}
    +.modal-show.modal-effect-2 .modal-content {
    +  -webkit-transform: translateX(0);
    +  -ms-transform: translateX(0);
    +  -o-transform: translateX(0);
    +     transform: translateX(0);
    +  opacity: 1;
    +}
    +/* Effect 3: Slide from the bottom */
    +.modal-effect-3 .modal-content {
    +  -webkit-transform: translateY(20%);
    +  -ms-transform: translateY(20%);
    +  -o-transform: translateY(20%);
    +     transform: translateY(20%);
    +  opacity: 0;
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-3 .modal-content {
    +  -webkit-transform: translateY(0);
    +  -ms-transform: translateY(0);
    +  -o-transform: translateY(0);
    +     transform: translateY(0);
    +  opacity: 1;
    +}
    +/* Effect 4: Newspaper */
    +.modal-effect-4 .modal-content {
    +  -webkit-transform: scale(0) rotate(720deg);
    +  -ms-transform: scale(0) rotate(720deg);
    +  -o-transform: scale(0) rotate(720deg);
    +     transform: scale(0) rotate(720deg);
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-4 ~ .modal-overlay,
    +.modal-effect-4 .modal-content {
    +  -webkit-transition: all 0.5s;
    +  -o-transition: all 0.5s;
    +  transition: all 0.5s;
    +}
    +.modal-show.modal-effect-4 .modal-content {
    +  -webkit-transform: scale(1) rotate(0deg);
    +  -ms-transform: scale(1) rotate(0deg);
    +  -o-transform: scale(1) rotate(0deg);
    +     transform: scale(1) rotate(0deg);
    +  opacity: 1;
    +}
    +/* Effect 5: fall */
    +.modal-effect-5.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-5 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: translateZ(600px) rotateX(20deg);
    +  -ms-transform: translateZ(600px) rotateX(20deg);
    +  transform: translateZ(600px) rotateX(20deg);
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-5 .modal-content {
    +  -webkit-transition: all 0.3s ease-in;
    +  -o-transition: all 0.3s ease-in;
    +  transition: all 0.3s ease-in;
    +  -webkit-transform: translateZ(0px) rotateX(0deg);
    +  -ms-transform: translateZ(0px) rotateX(0deg);
    +  transform: translateZ(0px) rotateX(0deg);
    +  opacity: 1;
    +}
    +/* Effect 6: side fall */
    +.modal-effect-6.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-6 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    +  -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    +  transform: translate(30%) translateZ(600px) rotate(10deg);
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-6 .modal-content {
    +  -webkit-transition: all 0.3s ease-in;
    +  -o-transition: all 0.3s ease-in;
    +  transition: all 0.3s ease-in;
    +  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
    +  -ms-transform: translate(0%) translateZ(0) rotate(0deg);
    +  transform: translate(0%) translateZ(0) rotate(0deg);
    +  opacity: 1;
    +}
    +/* Effect 7:  slide and stick to top */
    +.modal-effect-7 {
    +  top: 0;
    +  -webkit-transform: translateX(-50%);
    +  -ms-transform: translateX(-50%);
    +  -o-transform: translateX(-50%);
    +     transform: translateX(-50%);
    +}
    +.modal-effect-7 .modal-content {
    +  -webkit-transform: translateY(-200%);
    +  -ms-transform: translateY(-200%);
    +  -o-transform: translateY(-200%);
    +     transform: translateY(-200%);
    +  -webkit-transition: all .3s;
    +  -o-transition: all .3s;
    +  transition: all .3s;
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-7 .modal-content {
    +  -webkit-transform: translateY(0%);
    +  -ms-transform: translateY(0%);
    +  -o-transform: translateY(0%);
    +     transform: translateY(0%);
    +  border-radius: 0 0 3px 3px;
    +  opacity: 1;
    +}
    +/* Effect 8: 3D flip horizontal */
    +.modal-effect-8.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-8 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: rotateY(-70deg);
    +  -ms-transform: rotateY(-70deg);
    +  transform: rotateY(-70deg);
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-8 .modal-content {
    +  -webkit-transform: rotateY(0deg);
    +  -ms-transform: rotateY(0deg);
    +  transform: rotateY(0deg);
    +  opacity: 1;
    +}
    +/* Effect 9: 3D flip vertical */
    +.modal-effect-9.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-9 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: rotateX(-70deg);
    +  -ms-transform: rotateX(-70deg);
    +  transform: rotateX(-70deg);
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-9 .modal-content {
    +  -webkit-transform: rotateX(0deg);
    +  -ms-transform: rotateX(0deg);
    +  transform: rotateX(0deg);
    +  opacity: 1;
    +}
    +/* Effect 10: 3D sign */
    +.modal-effect-10.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-10 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: rotateX(-60deg);
    +  -ms-transform: rotateX(-60deg);
    +  transform: rotateX(-60deg);
    +  -webkit-transform-origin: 50% 0;
    +  -ms-transform-origin: 50% 0;
    +   -o-transform-origin: 50% 0;
    +      transform-origin: 50% 0;
    +  opacity: 0;
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-10 .modal-content {
    +  -webkit-transform: rotateX(0deg);
    +  -ms-transform: rotateX(0deg);
    +  transform: rotateX(0deg);
    +  opacity: 1;
    +}
    +/* Effect 11: Super scaled */
    +.modal-effect-11 .modal-content {
    +  -webkit-transform: scale(2);
    +  -ms-transform: scale(2);
    +  -o-transform: scale(2);
    +     transform: scale(2);
    +  opacity: 0;
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-11 .modal-content {
    +  -webkit-transform: scale(1);
    +  -ms-transform: scale(1);
    +  -o-transform: scale(1);
    +     transform: scale(1);
    +  opacity: 1;
    +}
    +/* Effect 12:  Just me */
    +.modal-effect-12 .modal-content {
    +  -webkit-transform: scale(0.8);
    +  -ms-transform: scale(0.8);
    +  -o-transform: scale(0.8);
    +     transform: scale(0.8);
    +  opacity: 0;
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-12 ~ .modal-overlay {
    +  background: #000;
    +}
    +.modal-show.modal-effect-12 .modal-content {
    +  -webkit-transform: scale(1);
    +  -ms-transform: scale(1);
    +  -o-transform: scale(1);
    +     transform: scale(1);
    +  opacity: 1;
    +}
    +/* Effect 13: 3D slit */
    +.modal-effect-13.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-13 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: translateZ(-3000px) rotateY(90deg);
    +  -ms-transform: translateZ(-3000px) rotateY(90deg);
    +  transform: translateZ(-3000px) rotateY(90deg);
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-13 .modal-content {
    +  -webkit-animation: slit 0.7s forwards ease-out;
    +  -o-animation: slit 0.7s forwards ease-out;
    +     animation: slit 0.7s forwards ease-out;
    +}
    +@-webkit-keyframes slit {
    +  50% {
    +    -webkit-transform: translateZ(-250px) rotateY(89deg);
    +    opacity: .5;
    +    -webkit-animation-timing-function: ease-out;
    +  }
    +  100% {
    +    -webkit-transform: translateZ(0) rotateY(0deg);
    +    opacity: 1;
    +  }
    +}
    +@-o-keyframes slit {
    +  50% {
    +    transform: translateZ(-250px) rotateY(89deg);
    +    opacity: 1;
    +    -o-animation-timing-function: ease-in;
    +       animation-timing-function: ease-in;
    +  }
    +  100% {
    +    transform: translateZ(0) rotateY(0deg);
    +    opacity: 1;
    +  }
    +}
    +@keyframes slit {
    +  50% {
    +    -webkit-transform: translateZ(-250px) rotateY(89deg);
    +            transform: translateZ(-250px) rotateY(89deg);
    +    opacity: 1;
    +    -webkit-animation-timing-function: ease-in;
    +         -o-animation-timing-function: ease-in;
    +            animation-timing-function: ease-in;
    +  }
    +  100% {
    +    -webkit-transform: translateZ(0) rotateY(0deg);
    +            transform: translateZ(0) rotateY(0deg);
    +    opacity: 1;
    +  }
    +}
    +/* Effect 14:  3D Rotate from bottom */
    +.modal-effect-14.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-14 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: translateY(100%) rotateX(90deg);
    +  -ms-transform: translateY(100%) rotateX(90deg);
    +  transform: translateY(100%) rotateX(90deg);
    +  -webkit-transform-origin: 0 100%;
    +  -ms-transform-origin: 0 100%;
    +   -o-transform-origin: 0 100%;
    +      transform-origin: 0 100%;
    +  opacity: 0;
    +  -webkit-transition: all 0.3s ease-out;
    +  -o-transition: all 0.3s ease-out;
    +  transition: all 0.3s ease-out;
    +}
    +.modal-show.modal-effect-14 .modal-content {
    +  -webkit-transform: translateY(0%) rotateX(0deg);
    +  -ms-transform: translateY(0%) rotateX(0deg);
    +  transform: translateY(0%) rotateX(0deg);
    +  opacity: 1;
    +}
    +/* Effect 15:  3D Rotate in from left */
    +.modal-effect-15.modal-container {
    +  -webkit-perspective: 1300px;
    +  perspective: 1300px;
    +}
    +.modal-effect-15 .modal-content {
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    +  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    +  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    +  -webkit-transform-origin: 0 100%;
    +  -ms-transform-origin: 0 100%;
    +   -o-transform-origin: 0 100%;
    +      transform-origin: 0 100%;
    +  opacity: 0;
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-15 .modal-content {
    +  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    +  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    +  transform: translateZ(0px) translateX(0%) rotateY(0deg);
    +  opacity: 1;
    +}
    +/* Effect 16:  Blur */
    +.modal-show.modal-effect-16 ~ .modal-overlay {
    +  background: rgba(180, 46, 32, 0.5);
    +}
    +.modal-show.modal-effect-16 ~ .container {
    +  -webkit-filter: blur(3px);
    +  -moz-filter: blur(3px);
    +  filter: blur(3px);
    +}
    +.modal-effect-16 .modal-content {
    +  -webkit-transform: translateY(-5%);
    +  -ms-transform: translateY(-5%);
    +  -o-transform: translateY(-5%);
    +     transform: translateY(-5%);
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-16 ~ .container,
    +.modal-effect-16 .modal-content {
    +  -webkit-transition: all 0.3s;
    +  -o-transition: all 0.3s;
    +  transition: all 0.3s;
    +}
    +.modal-show.modal-effect-16 .modal-content {
    +  -webkit-transform: translateY(0);
    +  -ms-transform: translateY(0);
    +  -o-transform: translateY(0);
    +     transform: translateY(0);
    +  opacity: 1;
    +}
    +/* Effect 17:  Slide in from bottom with perspective on container */
    +.modal-show.modal-effect-17 ~ .container {
    +  height: 100%;
    +  overflow: hidden;
    +  -webkit-transition: -webkit-transform 0.3s;
    +  transition: -webkit-transform 0.3s;
    +  -o-transition: transform 0.3s, -o-transform 0.3s;
    +  transition: transform 0.3s;
    +  transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
    +}
    +.modal-show.modal-effect-17 ~ .container,
    +.modal-show.modal-effect-17 ~ .modal-overlay {
    +  -webkit-transform: rotateX(-2deg);
    +  -ms-transform: rotateX(-2deg);
    +  transform: rotateX(-2deg);
    +  -webkit-transform-origin: 50% 0%;
    +  -ms-transform-origin: 50% 0%;
    +   -o-transform-origin: 50% 0%;
    +      transform-origin: 50% 0%;
    +  -webkit-transform-style: preserve-3d;
    +  transform-style: preserve-3d;
    +}
    +.modal-effect-17 .modal-content {
    +  opacity: 0;
    +  -webkit-transform: translateY(200%);
    +  -ms-transform: translateY(200%);
    +  -o-transform: translateY(200%);
    +     transform: translateY(200%);
    +}
    +.modal-show.modal-effect-17 .modal-content {
    +  -webkit-transform: translateY(0);
    +  -ms-transform: translateY(0);
    +  -o-transform: translateY(0);
    +     transform: translateY(0);
    +  opacity: 1;
    +  -webkit-transition: all 0.3s 0.2s;
    +  -o-transition: all 0.3s 0.2s;
    +  transition: all 0.3s 0.2s;
    +}
    +/* Effect 18:  Slide from right with perspective on container */
    +.modal-show.modal-effect-18 ~ .container {
    +  height: 100%;
    +  overflow: hidden;
    +}
    +.modal-show.modal-effect-18 ~ .modal-overlay {
    +  background: rgba(143, 27, 15, 0.8);
    +  -webkit-transition: all 0.5s;
    +  -o-transition: all 0.5s;
    +  transition: all 0.5s;
    +}
    +.modal-show.modal-effect-18 ~ .container,
    +.modal-show.modal-effect-18 ~ .modal-overlay {
    +  -webkit-transform-style: preserve-3d;
    +  -webkit-transform-origin: 0% 50%;
    +  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
    +  -moz-transform-style: preserve-3d;
    +  -moz-transform-origin: 0% 50%;
    +  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
    +  transform-style: preserve-3d;
    +  -ms-transform-origin: 0% 50%;
    +   -o-transform-origin: 0% 50%;
    +      transform-origin: 0% 50%;
    +  -o-animation: rotateRightSideFirst 0.5s forwards ease-in;
    +     animation: rotateRightSideFirst 0.5s forwards ease-in;
    +}
    +@-webkit-keyframes rotateRightSideFirst {
    +  50% {
    +    -webkit-transform: translateZ(-50px) rotateY(5deg);
    +    -webkit-animation-timing-function: ease-out;
    +  }
    +  100% {
    +    -webkit-transform: translateZ(-200px);
    +  }
    +}
    +@-o-keyframes rotateRightSideFirst {
    +  50% {
    +    transform: translateZ(-50px) rotateY(5deg);
    +    -o-animation-timing-function: ease-out;
    +       animation-timing-function: ease-out;
    +  }
    +  100% {
    +    transform: translateZ(-200px);
    +  }
    +}
    +@keyframes rotateRightSideFirst {
    +  50% {
    +    -webkit-transform: translateZ(-50px) rotateY(5deg);
    +            transform: translateZ(-50px) rotateY(5deg);
    +    -webkit-animation-timing-function: ease-out;
    +         -o-animation-timing-function: ease-out;
    +            animation-timing-function: ease-out;
    +  }
    +  100% {
    +    -webkit-transform: translateZ(-200px);
    +            transform: translateZ(-200px);
    +  }
    +}
    +.modal-effect-18 .modal-content {
    +  -webkit-transform: translateX(200%);
    +  -ms-transform: translateX(200%);
    +  -o-transform: translateX(200%);
    +     transform: translateX(200%);
    +  opacity: 0;
    +}
    +.modal-show.modal-effect-18 .modal-content {
    +  -webkit-transform: translateX(0);
    +  -ms-transform: translateX(0);
    +  -o-transform: translateX(0);
    +     transform: translateX(0);
    +  opacity: 1;
    +  -webkit-transition: all 0.5s 0.1s;
    +  -o-transition: all 0.5s 0.1s;
    +  transition: all 0.5s 0.1s;
    +}
    +/*------------------------------------------------------------------
    +[General elements style]
    +*/
    +html {
    +  height: 100%;
    +  overflow-x: hidden;
    +}
    +body {
    +  padding: 0;
    +  background-color: #EEEEEE;
    +  height: 100%;
    +}
    +a:hover,
    +a:focus {
    +  text-decoration: none;
    +  outline: none;
    +}
    +p {
    +  font-size: inherit;
    +  line-height: 21px;
    +}
    +canvas {
    +  -moz-user-select: none;
    +  -webkit-user-select: none;
    +  -ms-user-select: none;
    +}
    +/*------------------------------------------------------------------
    +[Fonts - Roboto]
    +*/
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-Thin.eot');
    +  src: local('Roboto Thin'), local('Roboto-Thin'), url('../lib/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Thin.woff2') format('woff2'), url('../lib/roboto/Roboto-Thin.woff') format('woff'), url('../lib/roboto/Roboto-Thin.ttf') format('truetype'), url('../lib/roboto/Roboto-Thin.svg#Roboto') format('svg');
    +  font-weight: 100;
    +  font-style: normal;
    +}
    +@font-face {
    +  font-family: 'Roboto-Thin';
    +  src: url('../lib/roboto/Roboto-Thin.eot');
    +  src: local('Roboto Thin'), local('Roboto-Thin'), url('../lib/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Thin.woff2') format('woff2'), url('../lib/roboto/Roboto-Thin.woff') format('woff'), url('../lib/roboto/Roboto-Thin.ttf') format('truetype'), url('../lib/roboto/Roboto-Thin.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-ThinItalic.eot');
    +  src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('../lib/roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-ThinItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-ThinItalic.woff') format('woff'), url('../lib/roboto/Roboto-ThinItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-ThinItalic.svg#Roboto') format('svg');
    +  font-weight: 100;
    +  font-style: italic;
    +}
    +@font-face {
    +  font-family: 'Roboto-ThinItalic';
    +  src: url('../lib/roboto/Roboto-ThinItalic.eot');
    +  src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('../lib/roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-ThinItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-ThinItalic.woff') format('woff'), url('../lib/roboto/Roboto-ThinItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-ThinItalic.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-Light.eot');
    +  src: local('Roboto Light'), local('Roboto-Light'), url('../lib/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Light.woff2') format('woff2'), url('../lib/roboto/Roboto-Light.woff') format('woff'), url('../lib/roboto/Roboto-Light.ttf') format('truetype'), url('../lib/roboto/Roboto-Light.svg#Roboto') format('svg');
    +  font-weight: 300;
    +  font-style: normal;
    +}
    +@font-face {
    +  font-family: 'Roboto-Light';
    +  src: url('../lib/roboto/Roboto-Light.eot');
    +  src: local('Roboto Light'), local('Roboto-Light'), url('../lib/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Light.woff2') format('woff2'), url('../lib/roboto/Roboto-Light.woff') format('woff'), url('../lib/roboto/Roboto-Light.ttf') format('truetype'), url('../lib/roboto/Roboto-Light.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-LightItalic.eot');
    +  src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('../lib/roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-LightItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-LightItalic.woff') format('woff'), url('../lib/roboto/Roboto-LightItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-LightItalic.svg#Roboto') format('svg');
    +  font-weight: 300;
    +  font-style: italic;
    +}
    +@font-face {
    +  font-family: 'Roboto-LightItalic';
    +  src: url('../lib/roboto/Roboto-LightItalic.eot');
    +  src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('../lib/roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-LightItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-LightItalic.woff') format('woff'), url('../lib/roboto/Roboto-LightItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-LightItalic.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-Regular.eot');
    +  src: local('Roboto Regular'), local('Roboto-Regular'), url('../lib/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Regular.woff2') format('woff2'), url('../lib/roboto/Roboto-Regular.woff') format('woff'), url('../lib/roboto/Roboto-Regular.ttf') format('truetype'), url('../lib/roboto/Roboto-Regular.svg#Roboto') format('svg');
    +  font-weight: 400;
    +  font-style: normal;
    +}
    +@font-face {
    +  font-family: 'Roboto-Regular';
    +  src: url('../lib/roboto/Roboto-Regular.eot');
    +  src: local('Roboto Regular'), local('Roboto-Regular'), url('../lib/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Regular.woff2') format('woff2'), url('../lib/roboto/Roboto-Regular.woff') format('woff'), url('../lib/roboto/Roboto-Regular.ttf') format('truetype'), url('../lib/roboto/Roboto-Regular.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-RegularItalic.eot');
    +  src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('../lib/roboto/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-RegularItalic.woff') format('woff'), url('../lib/roboto/Roboto-RegularItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-RegularItalic.svg#Roboto') format('svg');
    +  font-weight: 400;
    +  font-style: italic;
    +}
    +@font-face {
    +  font-family: 'Roboto-RegularItalic';
    +  src: url('../lib/roboto/Roboto-RegularItalic.eot');
    +  src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('../lib/roboto/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-RegularItalic.woff') format('woff'), url('../lib/roboto/Roboto-RegularItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-RegularItalic.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-Medium.eot');
    +  src: local('Roboto Medium'), local('Roboto-Medium'), url('../lib/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Medium.woff2') format('woff2'), url('../lib/roboto/Roboto-Medium.woff') format('woff'), url('../lib/roboto/Roboto-Medium.ttf') format('truetype'), url('../lib/roboto/Roboto-Medium.svg#Roboto') format('svg');
    +  font-weight: 500;
    +  font-style: normal;
    +}
    +@font-face {
    +  font-family: 'Roboto-Medium';
    +  src: url('../lib/roboto/Roboto-Medium.eot');
    +  src: local('Roboto Medium'), local('Roboto-Medium'), url('../lib/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Medium.woff2') format('woff2'), url('../lib/roboto/Roboto-Medium.woff') format('woff'), url('../lib/roboto/Roboto-Medium.ttf') format('truetype'), url('../lib/roboto/Roboto-Medium.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-MediumItalic.eot');
    +  src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('../lib/roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-MediumItalic.woff') format('woff'), url('../lib/roboto/Roboto-MediumItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-MediumItalic.svg#Roboto') format('svg');
    +  font-weight: 500;
    +  font-style: italic;
    +}
    +@font-face {
    +  font-family: 'Roboto-MediumItalic';
    +  src: url('../lib/roboto/Roboto-MediumItalic.eot');
    +  src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('../lib/roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-MediumItalic.woff') format('woff'), url('../lib/roboto/Roboto-MediumItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-MediumItalic.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-Bold.eot');
    +  src: local('Roboto Bold'), local('Roboto-Bold'), url('../lib/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Bold.woff2') format('woff2'), url('../lib/roboto/Roboto-Bold.woff') format('woff'), url('../lib/roboto/Roboto-Bold.ttf') format('truetype'), url('../lib/roboto/Roboto-Bold.svg#Roboto') format('svg');
    +  font-weight: 700;
    +  font-style: normal;
    +}
    +@font-face {
    +  font-family: 'Roboto-Bold';
    +  src: url('../lib/roboto/Roboto-Bold.eot');
    +  src: local('Roboto Bold'), local('Roboto-Bold'), url('../lib/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Bold.woff2') format('woff2'), url('../lib/roboto/Roboto-Bold.woff') format('woff'), url('../lib/roboto/Roboto-Bold.ttf') format('truetype'), url('../lib/roboto/Roboto-Bold.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-BoldItalic.eot');
    +  src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('../lib/roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-BoldItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-BoldItalic.woff') format('woff'), url('../lib/roboto/Roboto-BoldItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-BoldItalic.svg#Roboto') format('svg');
    +  font-weight: 700;
    +  font-style: italic;
    +}
    +@font-face {
    +  font-family: 'Roboto-BoldItalic';
    +  src: url('../lib/roboto/Roboto-BoldItalic.eot');
    +  src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('../lib/roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-BoldItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-BoldItalic.woff') format('woff'), url('../lib/roboto/Roboto-BoldItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-BoldItalic.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-Black.eot');
    +  src: local('Roboto Black'), local('Roboto-Black'), url('../lib/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Black.woff2') format('woff2'), url('../lib/roboto/Roboto-Black.woff') format('woff'), url('../lib/roboto/Roboto-Black.ttf') format('truetype'), url('../lib/roboto/Roboto-Black.svg#Roboto') format('svg');
    +  font-weight: 900;
    +  font-style: normal;
    +}
    +@font-face {
    +  font-family: 'Roboto-Black';
    +  src: url('../lib/roboto/Roboto-Black.eot');
    +  src: local('Roboto Black'), local('Roboto-Black'), url('../lib/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-Black.woff2') format('woff2'), url('../lib/roboto/Roboto-Black.woff') format('woff'), url('../lib/roboto/Roboto-Black.ttf') format('truetype'), url('../lib/roboto/Roboto-Black.svg#Roboto') format('svg');
    +}
    +@font-face {
    +  font-family: 'Roboto';
    +  src: url('../lib/roboto/Roboto-BlackItalic.eot');
    +  src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('../lib/roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-BlackItalic.woff') format('woff'), url('../lib/roboto/Roboto-BlackItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-BlackItalic.svg#Roboto') format('svg');
    +  font-weight: 900;
    +  font-style: italic;
    +}
    +@font-face {
    +  font-family: 'Roboto-BlackItalic';
    +  src: url('../lib/roboto/Roboto-BlackItalic.eot');
    +  src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('../lib/roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../lib/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../lib/roboto/Roboto-BlackItalic.woff') format('woff'), url('../lib/roboto/Roboto-BlackItalic.ttf') format('truetype'), url('../lib/roboto/Roboto-BlackItalic.svg#Roboto') format('svg');
    +}
    +/*------------------------------------------------------------------
    +	[Main wrapper]
    +*/
    +.be-wrapper {
    +  min-height: 100%;
    +  padding-top: 61px;
    +}
    +@media (max-width: 767px) {
    +  .be-wrapper {
    +    overflow-x: hidden;
    +  }
    +}
    +/*------------------------------------------------------------------
    +	[Top header]
    +*/
    +.be-top-header {
    +  background-color: #ffffff;
    +  border: 0;
    +  margin-bottom: 0;
    +  border-bottom: 1px solid #e6e6e6;
    +}
    +@media (max-width: 767px) {
    +  .be-top-header {
    +    border-bottom-width: 0;
    +    position: relative;
    +    min-height: 0;
    +  }
    +}
    +.be-top-header .container-fluid {
    +  padding: 0;
    +}
    +.be-top-header .navbar-header .navbar-brand {
    +  line-height: 60px;
    +  height: 60px;
    +  width: 230px;
    +  background-image: url("../../assets/img/logo1.png");
    +  background-repeat: no-repeat;
    +  background-position: center;
    +  background-size: contain;
    +  padding: 0 20px;
    +  margin: 0;
    +}
    +@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    +  .be-top-header .navbar-header .navbar-brand {
    +    background-image: url("../img/logo-xx.png");
    +    background-size: 102px 27px;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .navbar-header .navbar-brand {
    +    display: none;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .be-top-header .navbar-header .navbar-brand {
    +    margin-right: 10px;
    +  }
    +}
    +.be-nosidebar-left .be-top-header .navbar-header .navbar-brand {
    +  width: 142px;
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .navbar-header {
    +    display: none;
    +  }
    +}
    +.be-top-header .page-title {
    +  font-size: 19px;
    +  line-height: 60px;
    +  float: left;
    +  padding: 0 20px;
    +}
    +.be-nosidebar-left .be-top-header .page-title {
    +  padding-left: 10px;
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .page-title {
    +    display: none;
    +  }
    +}
    +.be-top-header .navbar-nav > li > a {
    +  line-height: 60px;
    +  color: #5a5a5a;
    +  font-size: 14px;
    +  padding: 0 18px;
    +  outline: none;
    +}
    +.be-top-header .navbar-nav > li > a:hover,
    +.be-top-header .navbar-nav > li > a:focus {
    +  color: #5a5a5a;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .be-top-header .navbar-nav > li > a {
    +    padding: 0 24px;
    +  }
    +}
    +.be-top-header .navbar-nav > li.open > a {
    +  color: #4285f4;
    +}
    +.be-top-header .navbar-nav > li.open > a:focus,
    +.be-top-header .navbar-nav > li.open > a:active,
    +.be-top-header .navbar-nav > li.open > a:hover {
    +  color: #4285f4;
    +}
    +.be-top-header .navbar-nav > li.dropdown > a .mdi-caret-down {
    +  font-size: 23px;
    +  vertical-align: middle;
    +  margin-left: 3px;
    +}
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu {
    +  border-radius: 3px;
    +  margin-top: 12px;
    +}
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a {
    +  color: #504e4e;
    +  padding: 10px 20px;
    +  min-width: 175px;
    +}
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
    +  background-color: #4285f4;
    +  color: #ffffff;
    +}
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a:focus,
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu > li > a:active {
    +  background-color: transparent;
    +  color: #504e4e;
    +}
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu:after,
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu:before {
    +  border-bottom: 8px solid white;
    +  border-left: 8px solid transparent;
    +  border-right: 8px solid transparent;
    +  top: -8px;
    +  content: "";
    +  display: inline-block;
    +  left: 42px;
    +  margin-left: -6px;
    +  position: absolute;
    +}
    +.be-top-header .navbar-nav > li.dropdown .dropdown-menu:before {
    +  border-bottom-width: 9px;
    +  border-left-width: 9px;
    +  border-right-width: 9px;
    +  border-bottom-color: #e3e3e3;
    +  margin-left: -7px;
    +  top: -9px;
    +}
    +.be-top-header .navbar-collapse {
    +  border-width: 0;
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .navbar-collapse {
    +    border-top: 1px solid #f5f5f5;
    +    max-height: none;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .navbar-collapse .navbar-nav {
    +    background-color: #fafafa;
    +    margin: 0;
    +    padding: 15px 0;
    +  }
    +  .be-top-header .navbar-collapse .navbar-nav > li > a {
    +    display: block;
    +    padding: 0 20px;
    +    color: #646464;
    +    font-size: 14px;
    +    line-height: 38px;
    +    text-overflow: ellipsis;
    +    overflow: hidden;
    +    white-space: nowrap;
    +  }
    +  .be-top-header .navbar-collapse .navbar-nav > li > a .icon {
    +    line-height: 18px;
    +    font-size: 19px;
    +    min-width: 19px;
    +    margin-right: 9px;
    +    text-align: center;
    +    vertical-align: middle;
    +  }
    +  .be-top-header .navbar-collapse .navbar-nav > li.dropdown .mdi-caret-down {
    +    float: right;
    +    line-height: 38px;
    +    color: #c5c5c5;
    +  }
    +  .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu {
    +    background-color: #eeeeee;
    +    padding: 10px 0;
    +    border-top: 1px solid #e6e6e6;
    +    border-bottom: 1px solid #e6e6e6;
    +    border-radius: 0;
    +  }
    +  .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:before,
    +  .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:after {
    +    display: none;
    +  }
    +  .be-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > li > a {
    +    color: #646464;
    +    padding: 8px 15px 8px 49px;
    +    padding-left: 23px;
    +  }
    +}
    +.be-top-header .be-right-navbar {
    +  padding-right: 20px;
    +}
    +.be-top-header .be-right-navbar .navbar-nav {
    +  background-color: transparent;
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .be-right-navbar .navbar-nav > li > a {
    +    color: #ffffff;
    +  }
    +  .be-top-header .be-right-navbar .navbar-nav > li > a:focus,
    +  .be-top-header .be-right-navbar .navbar-nav > li > a:active {
    +    color: #ffffff;
    +  }
    +  .be-top-header .be-right-navbar .navbar-nav > li.open > a {
    +    color: #ffffff;
    +  }
    +  .be-top-header .be-right-navbar .navbar-nav > li.open > a:focus,
    +  .be-top-header .be-right-navbar .navbar-nav > li.open > a:active,
    +  .be-top-header .be-right-navbar .navbar-nav > li.open > a:hover {
    +    color: #ffffff;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .be-right-navbar {
    +    padding-right: 0;
    +    display: -webkit-box;
    +    display: -webkit-flex;
    +    display: -ms-flexbox;
    +    display: flex;
    +    -webkit-box-pack: justify;
    +    -webkit-justify-content: space-between;
    +        -ms-flex-pack: justify;
    +            justify-content: space-between;
    +    border-bottom: 1px solid #4285f4;
    +    position: fixed;
    +    top: 0;
    +    left: 0;
    +    width: 100%;
    +    background-color: #4285f4;
    +    z-index: 1030;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .be-top-header .be-toggle-right-sidebar {
    +    margin-right: 0;
    +    padding-left: 5px;
    +    padding-right: 9px;
    +  }
    +}
    +.be-top-header .be-toggle-top-header-menu {
    +  display: none;
    +  background-color: #ffffff;
    +  padding: 16px 10px;
    +  color: #404040;
    +  font-weight: 300;
    +  font-size: 14px;
    +  border-bottom: 1px solid #f5f5f5;
    +}
    +.be-top-header .be-toggle-top-header-menu:before {
    +  content: '\f2f8';
    +  float: right;
    +  font-family: 'Material Icons';
    +  font-size: 27px;
    +  line-height: 22px;
    +  color: #c5c5c5;
    +}
    +.be-top-header .be-toggle-top-header-menu.collapsed {
    +  border-bottom: 1px solid #e3e3e3;
    +  -webkit-transition: border-bottom-color 0.4s ease;
    +  -o-transition: border-bottom-color 0.4s ease;
    +  transition: border-bottom-color 0.4s ease;
    +}
    +.be-top-header .be-toggle-top-header-menu.collapsed:before {
    +  content: '\f2f2';
    +}
    +@media (max-width: 767px) {
    +  .be-top-header .be-toggle-top-header-menu {
    +    display: block;
    +  }
    +}
    +.be-color-header .be-top-header {
    +  background-color: #4285f4;
    +  border-bottom-color: #4285f4;
    +}
    +.be-color-header .be-top-header .be-right-navbar {
    +  background-color: #4285f4;
    +}
    +.be-color-header .be-top-header .navbar-header .navbar-brand {
    +  background-image: url("../img/logo-white.png");
    +}
    +@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    +  .be-color-header .be-top-header .navbar-header .navbar-brand {
    +    background-image: url("../img/logo-white-xx.png");
    +  }
    +}
    +.be-color-header .be-top-header .page-title {
    +  color: #ffffff;
    +}
    +.be-color-header .be-top-header .be-right-navbar .navbar-nav > li > a {
    +  color: #ffffff;
    +}
    +.be-color-header .be-top-header .be-right-navbar .be-icons-nav > li.dropdown > a .icon {
    +  color: #ffffff;
    +}
    +.be-color-header .be-top-header .be-right-navbar .be-icons-nav > li.dropdown > a .indicator {
    +  background-color: #ffffff;
    +}
    +.be-color-header-success .be-top-header {
    +  background-color: #34a853;
    +  border-bottom-color: #34a853;
    +}
    +@media (max-width: 767px) {
    +  .be-color-header-success .be-top-header .be-right-navbar {
    +    background-color: #34a853;
    +    border-bottom-color: #34a853;
    +  }
    +}
    +.be-color-header-warning .be-top-header {
    +  background-color: #fbbc05;
    +  border-bottom-color: #fbbc05;
    +}
    +@media (max-width: 767px) {
    +  .be-color-header-warning .be-top-header .be-right-navbar {
    +    background-color: #fbbc05;
    +    border-bottom-color: #fbbc05;
    +  }
    +}
    +.be-color-header-danger .be-top-header {
    +  background-color: #ea4335;
    +  border-bottom-color: #ea4335;
    +}
    +@media (max-width: 767px) {
    +  .be-color-header-danger .be-top-header .be-right-navbar {
    +    background-color: #ea4335;
    +    border-bottom-color: #ea4335;
    +  }
    +}
    +.be-top-header .be-icons-nav {
    +  margin-right: 20px;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .be-top-header .be-icons-nav {
    +    margin-right: 10px;
    +  }
    +}
    +.be-icons-nav > li.dropdown {
    +  position: static;
    +}
    +.be-icons-nav > li.dropdown > a {
    +  padding: 0 10px;
    +}
    +.be-icons-nav > li.dropdown > a .icon {
    +  font-size: 24px;
    +  vertical-align: middle;
    +  color: #737373;
    +}
    +.be-icons-nav > li.dropdown > a .icon.mdi-comment-more {
    +  font-size: 20px;
    +  position: relative;
    +  top: 1px;
    +}
    +.be-icons-nav > li.dropdown > a .indicator {
    +  background-color: #4285f4;
    +  border-radius: 50%;
    +  display: block;
    +  height: 6px;
    +  width: 6px;
    +  position: absolute;
    +  top: 18px;
    +  right: 6px;
    +}
    +.be-icons-nav > li.dropdown.open > a:after,
    +.be-icons-nav > li.dropdown.open > a:before {
    +  border-bottom: 8px solid #ffffff;
    +  border-left: 8px solid transparent;
    +  border-right: 8px solid transparent;
    +  bottom: -13px;
    +  content: "";
    +  display: inline-block;
    +  left: 50%;
    +  margin-left: -8px;
    +  position: absolute;
    +  z-index: 1001;
    +}
    +.be-icons-nav > li.dropdown.open > a:before {
    +  border-bottom-width: 9px;
    +  border-left-width: 9px;
    +  border-right-width: 9px;
    +  border-bottom-color: #e3e3e3;
    +  margin-left: -9px;
    +  bottom: -12px;
    +}
    +.be-icons-nav > li.dropdown .dropdown-menu {
    +  width: 300px;
    +  border-radius: 3px;
    +  padding: 0;
    +  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    +  border: 1px solid #e0e0e0;
    +  -moz-box-sizing: content-box;
    +       box-sizing: content-box;
    +}
    +.be-icons-nav > li.dropdown .dropdown-menu .title {
    +  font-size: 13px;
    +  color: #8a8a8a;
    +  text-align: center;
    +  padding: 10px 0 8px;
    +  border-bottom: 1px solid #ebebeb;
    +}
    +.be-icons-nav > li.dropdown .dropdown-menu .title .badge {
    +  font-size: 10px;
    +  line-height: 10px;
    +  vertical-align: middle;
    +  margin-left: 4px;
    +  background-color: #e4e4e4;
    +  color: #8a8a8a;
    +  min-width: 17px;
    +  height: 17px;
    +  text-align: center;
    +  padding: 3px 6px;
    +}
    +.be-icons-nav > li.dropdown .dropdown-menu .title .badge-new {
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +  color: #ffffff;
    +}
    +.be-icons-nav > li.dropdown .dropdown-menu .footer a {
    +  background-color: #fafafa;
    +  font-size: 13px;
    +  color: #8a8a8a;
    +  text-align: center;
    +  padding: 10px 0;
    +  border-top: 1px solid #ebebeb;
    +  display: block;
    +  outline: none;
    +}
    +.be-icons-nav > li.dropdown .dropdown-menu .footer a:hover {
    +  background-color: #f5f5f5;
    +}
    +.be-top-header .be-icons-nav > li.dropdown .dropdown-menu:after,
    +.be-top-header .be-icons-nav > li.dropdown .dropdown-menu:before {
    +  display: none;
    +}
    +.be-icons-nav > li.dropdown.open > a {
    +  background-color: transparent;
    +}
    +.be-icons-nav > li.dropdown.open > a .icon {
    +  color: #4285f4;
    +}
    +@media (max-width: 767px) {
    +  .be-icons-nav > li.dropdown.open > a .icon {
    +    color: #ffffff;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .be-icons-nav {
    +    float: right;
    +    -webkit-box-flex: 0;
    +    -webkit-flex: 0 0 auto;
    +        -ms-flex: 0 0 auto;
    +            flex: 0 0 auto;
    +  }
    +  .be-top-header .be-icons-nav {
    +    margin: 0 5px 0 0;
    +  }
    +  .be-icons-nav > li.dropdown {
    +    display: inline-block;
    +  }
    +  .be-icons-nav > li.dropdown > a {
    +    padding: 0 7px;
    +  }
    +  .be-icons-nav > li.dropdown > a .icon {
    +    color: #ffffff;
    +  }
    +  .be-icons-nav > li.dropdown > a .indicator {
    +    right: 2px;
    +    background-color: #ffffff;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .be-icons-nav > li.dropdown .dropdown-menu {
    +    left: 0;
    +    top: 60px;
    +    width: 100%;
    +    box-shadow: none;
    +    border-width: 0;
    +  }
    +  .be-top-header .be-icons-nav > li.dropdown .dropdown-menu {
    +    border-radius: 0;
    +    margin-top: 1px;
    +  }
    +  .be-icons-nav > li.dropdown .dropdown-menu .footer a {
    +    border-bottom: 1px solid #ebebeb;
    +  }
    +  .be-icons-nav > li.dropdown.open > a:before {
    +    display: none;
    +  }
    +  .be-icons-nav > li.dropdown.open > a:after {
    +    bottom: -1px;
    +  }
    +}
    +.be-user-nav {
    +  margin-right: 0;
    +}
    +.be-user-nav > li.dropdown > a {
    +  padding-left: 5px;
    +  padding-right: 5px;
    +  font-size: 0;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .be-user-nav > li.dropdown > a {
    +    padding-left: 10px;
    +  }
    +}
    +.be-user-nav > li.dropdown > a img {
    +  max-width: 32px;
    +  max-height: 32px;
    +  border-radius: 50%;
    +}
    +.be-user-nav > li.dropdown > a .user-name {
    +  margin-left: 8px;
    +  display: none;
    +  font-size: 14px;
    +  line-height: 20px;
    +  vertical-align: middle;
    +}
    +.be-user-nav > li.dropdown > a:after {
    +  display: none;
    +  content: '\f2f2';
    +  float: right;
    +  font-family: 'Material Icons';
    +  font-size: 21px;
    +  color: #c5c5c5;
    +  margin-left: 7px;
    +}
    +@media (max-width: 767px) {
    +  .be-user-nav > li.dropdown > a:after {
    +    display: inline-block;
    +  }
    +}
    +.be-user-nav > li.dropdown .dropdown-menu {
    +  width: 220px;
    +  padding: 0 0 7px;
    +}
    +.be-top-header .be-user-nav > li.dropdown .dropdown-menu li a:focus,
    +.be-top-header .be-user-nav > li.dropdown .dropdown-menu li a:active {
    +  background-color: transparent;
    +  color: #504e4e;
    +}
    +.be-top-header .be-user-nav > li.dropdown .dropdown-menu li a:hover {
    +  background-color: #f5f5f5;
    +  color: #504e4e;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu li a .icon {
    +  vertical-align: middle;
    +  margin-right: 6px;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info {
    +  background-color: #4285f4;
    +  color: #ffffff;
    +  overflow: hidden;
    +  padding: 20px 15px 14px;
    +  border-radius: 2px 2px 0 0;
    +  margin-bottom: 7px;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .user-name {
    +  display: block;
    +  font-size: 19px;
    +  line-height: 22px;
    +  text-overflow: ellipsis;
    +  white-space: nowrap;
    +  overflow: hidden;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position {
    +  display: block;
    +  text-overflow: ellipsis;
    +  white-space: nowrap;
    +  overflow: hidden;
    +  padding-left: 13px;
    +  position: relative;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position:after {
    +  content: "";
    +  position: absolute;
    +  height: 7px;
    +  width: 7px;
    +  left: 0;
    +  top: 5px;
    +  border: 1px solid #f0f0f0;
    +  border-radius: 50%;
    +  background-color: transparent;
    +  display: block;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.online:after {
    +  background-color: #6cd187;
    +  border-color: #6cd187;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.away:after {
    +  background-color: #fcd050;
    +  border-color: #fcd050;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.busy:after {
    +  background-color: #f39088;
    +  border-color: #f39088;
    +}
    +.be-user-nav > li.dropdown .dropdown-menu .user-info .switch-status {
    +  float: right;
    +  margin-top: 5px;
    +}
    +.be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
    +  left: auto;
    +  right: 13px;
    +  border-bottom-color: #4285f4;
    +}
    +.be-top-header .be-user-nav > li.dropdown .dropdown-menu:before {
    +  display: none;
    +}
    +@media (max-width: 767px) {
    +  .be-user-nav {
    +    margin: 0;
    +    display: inline-block;
    +    -webkit-box-flex: 0;
    +    -webkit-flex: 0 1 auto;
    +        -ms-flex: 0 1 auto;
    +            flex: 0 1 auto;
    +    overflow: hidden;
    +  }
    +  .be-user-nav > li.dropdown > a {
    +    -webkit-box-align: center;
    +    -webkit-align-items: center;
    +        -ms-flex-align: center;
    +            align-items: center;
    +    display: -webkit-box;
    +    display: -webkit-flex;
    +    display: -ms-flexbox;
    +    display: flex;
    +    height: 60px;
    +    white-space: nowrap;
    +  }
    +  .be-user-nav > li.dropdown > a:after {
    +    color: #ffffff;
    +  }
    +  .be-user-nav > li.dropdown > a img {
    +    -webkit-box-flex: 0;
    +    -webkit-flex: 0 0 auto;
    +        -ms-flex: 0 0 auto;
    +            flex: 0 0 auto;
    +  }
    +  .be-user-nav > li.dropdown > a .user-name {
    +    display: block;
    +    -webkit-box-flex: 1;
    +    -webkit-flex: 1 1 100%;
    +        -ms-flex: 1 1 100%;
    +            flex: 1 1 100%;
    +    overflow: hidden;
    +    text-overflow: ellipsis;
    +  }
    +  .be-user-nav > li.dropdown .dropdown-menu {
    +    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    +    background-color: #ffffff;
    +    position: fixed;
    +    top: 60px;
    +    left: 0;
    +    margin-left: 10px;
    +    margin-right: 10px;
    +    max-width: 220px;
    +  }
    +  .be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
    +    right: auto;
    +    left: 20px;
    +  }
    +}
    +.be-notifications {
    +  padding-top: 0;
    +}
    +.navbar-right .be-notifications {
    +  left: auto;
    +  right: 25px;
    +}
    +.be-notifications .be-scroller {
    +  position: relative;
    +  height: 222px;
    +}
    +.be-notifications .be-scroller > .content > ul {
    +  list-style: none;
    +  padding-left: 0;
    +}
    +.be-notifications .notification {
    +  overflow: hidden;
    +  border-bottom: 1px solid #ebebeb;
    +}
    +.be-notifications .notification > a {
    +  padding: 15px;
    +  display: block;
    +  overflow: hidden;
    +}
    +.be-notifications .notification > a .image {
    +  height: 38px;
    +  width: 38px;
    +  border-radius: 50%;
    +  background-color: #e4e4e4;
    +  float: left;
    +  text-align: center;
    +  overflow: hidden;
    +}
    +.be-notifications .notification > a .image img {
    +  height: 38px;
    +  width: 38px;
    +  font-size: 25px;
    +  color: #979595;
    +  line-height: 36px;
    +}
    +.be-notifications .notification > a .notification-info {
    +  padding-left: 50px;
    +  line-height: 14px;
    +}
    +.be-notifications .notification > a .notification-info .text {
    +  font-weight: 500;
    +  font-size: 13px;
    +  color: #8a8a8a;
    +  font-size: 12px;
    +  line-height: 16px;
    +}
    +.be-notifications .notification > a .notification-info .user-name {
    +  color: #4285f4;
    +  font-size: 13px;
    +}
    +.be-notifications .notification > a .notification-info .date {
    +  color: #8a8a8a;
    +  display: block;
    +  font-size: 9px;
    +  margin-top: 4px;
    +  text-transform: uppercase;
    +}
    +.be-notifications .notification.notification-unread {
    +  background-color: rgba(66, 133, 244, 0.1);
    +  border-bottom: 1px solid rgba(66, 133, 244, 0.1);
    +}
    +.be-notifications .notification.notification-unread > a {
    +  position: relative;
    +}
    +.be-notifications .notification.notification-unread > a:after {
    +  content: '';
    +  display: block;
    +  position: absolute;
    +  right: 15px;
    +  top: 20px;
    +  width: 6px;
    +  height: 6px;
    +  background-color: #4285f4;
    +  border-radius: 50%;
    +}
    +.be-notifications .notification:hover {
    +  background-color: #4285f4;
    +}
    +.be-notifications .notification:hover > a {
    +  color: #ffffff;
    +}
    +.be-notifications .notification:hover > a .logo {
    +  background-color: #206ff2;
    +}
    +.be-notifications .notification:hover > a .logo .icon {
    +  color: #ffffff;
    +}
    +.be-notifications .notification:hover > a .notification-info .circle {
    +  background: #ffffff;
    +}
    +.be-notifications .notification:hover > a .notification-info .text,
    +.be-notifications .notification:hover > a .notification-info .date,
    +.be-notifications .notification:hover > a .notification-info .user-name {
    +  color: #ffffff;
    +}
    +.be-notifications .notification:hover > a:after {
    +  background-color: #ffffff;
    +}
    +.be-notifications .notification:last-child {
    +  border-bottom: 0;
    +}
    +@media (max-width: 767px) {
    +  .navbar-nav .open .be-notifications {
    +    position: absolute;
    +    background-color: #ffffff;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .navbar-nav .open .be-notifications {
    +    position: fixed;
    +  }
    +}
    +.be-connections {
    +  min-width: 304px;
    +}
    +.navbar-right .be-connections {
    +  left: auto;
    +  right: 25px;
    +}
    +.be-connections .content {
    +  padding: 20px 15px;
    +}
    +.be-connections .content .row {
    +  margin: 0;
    +}
    +.be-connections .content .row > div {
    +  padding-left: 5px;
    +  padding-right: 5px;
    +}
    +.be-connections .connection-item {
    +  border-radius: 3px;
    +  line-height: 34px;
    +  text-align: center;
    +  padding: 15px 0 9px;
    +  display: block;
    +  border: 1px solid transparent;
    +  color: #737373;
    +}
    +.be-connections .connection-item span {
    +  display: block;
    +  overflow: hidden;
    +  text-overflow: ellipsis;
    +  white-space: nowrap;
    +}
    +.be-connections .connection-item img {
    +  max-height: 35px;
    +  max-width: 35px;
    +}
    +.be-connections .connection-item:hover {
    +  background-color: transparent;
    +  border-color: #ebebeb;
    +}
    +@media (max-width: 767px) {
    +  .navbar-right .be-connections {
    +    right: 5px;
    +  }
    +  .navbar-nav .open .be-connections {
    +    position: absolute;
    +    background-color: #ffffff;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .be-connections {
    +    min-width: 260px;
    +  }
    +  .navbar-nav .open .be-connections {
    +    position: fixed;
    +  }
    +  .be-connections .content {
    +    padding-left: 10px;
    +    padding-right: 10px;
    +  }
    +}
    +/*------------------------------------------------------------------
    +	[Left sidebar]
    +*/
    +.be-left-sidebar {
    +  background-color: #f5f5f5;
    +  width: 230px;
    +  left: 0;
    +  position: absolute;
    +  border-right: 1px solid #e3e3e3;
    +}
    +.be-left-sidebar .left-sidebar-wrapper {
    +  display: table;
    +  table-layout: fixed;
    +  width: 100%;
    +  height: 100%;
    +}
    +.be-left-sidebar .left-sidebar-spacer {
    +  height: 100%;
    +  display: table-row;
    +}
    +@media (min-width: 768px) {
    +  .be-left-sidebar .left-sidebar-spacer {
    +    display: table-row;
    +  }
    +}
    +.be-left-sidebar .left-sidebar-scroll {
    +  position: relative;
    +  height: 100%;
    +  width: 100%;
    +  overflow: hidden;
    +}
    +.be-left-sidebar .left-sidebar-content {
    +  position: relative;
    +  top: 0;
    +  bottom: 0;
    +  left: 0;
    +  right: 0;
    +  padding-top: 8px;
    +}
    +.be-left-sidebar .left-sidebar-toggle {
    +  display: none;
    +  background-color: #ffffff;
    +  padding: 16px 10px;
    +  color: #404040;
    +  font-weight: 300;
    +  font-size: 14px;
    +}
    +.be-left-sidebar .left-sidebar-toggle:before {
    +  content: '\f2f2';
    +  float: right;
    +  font-family: 'Material Icons';
    +  font-size: 27px;
    +  line-height: 22px;
    +  color: #c5c5c5;
    +}
    +.be-left-sidebar .left-sidebar-toggle.open:before {
    +  content: '\f2f8';
    +}
    +@media (max-width: 767px) {
    +  .be-left-sidebar .left-sidebar-toggle {
    +    display: block;
    +  }
    +}
    +.be-left-sidebar .sidebar-elements {
    +  margin: 0;
    +  padding: 0;
    +}
    +.be-left-sidebar .sidebar-elements .divider {
    +  padding: 20px 20px 0;
    +  color: #b0b0b0;
    +  line-height: 30px;
    +  font-weight: 600;
    +  text-transform: uppercase;
    +  font-size: 11px;
    +}
    +.be-left-sidebar .sidebar-elements > li {
    +  list-style: none;
    +}
    +.be-left-sidebar .sidebar-elements > li > a {
    +  display: block;
    +  padding: 0 20px;
    +  color: #646464;
    +  font-size: 14px;
    +  line-height: 38px;
    +  text-overflow: ellipsis;
    +  overflow: hidden;
    +  white-space: nowrap;
    +}
    +.be-left-sidebar .sidebar-elements > li > a .icon {
    +  line-height: 18px;
    +  font-size: 19px;
    +  min-width: 19px;
    +  margin-right: 9px;
    +  text-align: center;
    +  vertical-align: middle;
    +}
    +.be-left-sidebar .sidebar-elements > li > a:hover {
    +  background-color: #f0f0f0;
    +}
    +.be-left-sidebar .sidebar-elements > li > a:hover > span {
    +  color: #3d3d3d;
    +}
    +.be-left-sidebar .sidebar-elements > li.parent > a:before {
    +  content: '\f2f2';
    +  float: right;
    +  font-family: 'Material Icons';
    +  font-size: 21px;
    +  line-height: 37px;
    +  color: #c5c5c5;
    +}
    +.be-left-sidebar .sidebar-elements > li.parent.open > a:before {
    +  content: '\f2f8';
    +}
    +.be-left-sidebar .sidebar-elements > li ul {
    +  display: none;
    +  background-color: #eeeeee;
    +  padding: 10px 0;
    +  list-style: none;
    +  border-top: 1px solid #e6e6e6;
    +  border-bottom: 1px solid #e6e6e6;
    +}
    +.be-left-sidebar .sidebar-elements > li ul li > a {
    +  padding: 8px 15px 8px 49px;
    +  color: #646464;
    +  font-size: 13px;
    +  display: block;
    +  text-overflow: ellipsis;
    +  overflow: hidden;
    +  white-space: nowrap;
    +}
    +.be-left-sidebar .sidebar-elements > li ul li > a .label {
    +  border-radius: 2px;
    +  font-weight: 500;
    +  line-height: 9px;
    +  font-size: 11px;
    +  padding: 4px 7px;
    +  margin-left: 4px;
    +  margin-top: 1px;
    +}
    +.be-left-sidebar .sidebar-elements > li ul li > a:hover {
    +  background-color: #e7e7e7;
    +}
    +.be-left-sidebar .sidebar-elements > li ul li.active > a {
    +  color: #4285f4;
    +}
    +.be-left-sidebar .sidebar-elements > li.active > a {
    +  padding-left: 20px;
    +  font-weight: 500;
    +  color: #4285f4;
    +}
    +.be-left-sidebar .sidebar-elements > li.active > a > span {
    +  color: #4285f4;
    +}
    +.be-left-sidebar .sidebar-elements > li.open > ul {
    +  display: block;
    +}
    +.be-left-sidebar:before {
    +  content: "";
    +  position: fixed;
    +  z-index: -1;
    +  width: inherit;
    +  top: 0;
    +  left: 0;
    +  bottom: 0;
    +  background-color: inherit;
    +  border-right: 1px solid #e3e3e3;
    +}
    +@media (max-width: 767px) {
    +  .be-left-sidebar:before {
    +    display: none;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .be-left-sidebar {
    +    width: 100%;
    +    background-color: #fafafa;
    +    border-bottom: 1px solid #e3e3e3;
    +    border-right-width: 0;
    +    position: relative;
    +  }
    +  .be-left-sidebar .left-sidebar-wrapper,
    +  .be-left-sidebar .left-sidebar-spacer,
    +  .be-left-sidebar .left-sidebar-scroll,
    +  .be-left-sidebar .left-sidebar-content {
    +    display: block;
    +    position: relative;
    +    overflow: visible;
    +  }
    +  .be-left-sidebar .left-sidebar-spacer {
    +    display: none;
    +    border-top: 2px solid #f5f5f5;
    +  }
    +  .be-left-sidebar .left-sidebar-spacer.open {
    +    display: block;
    +  }
    +  .be-left-sidebar .left-sidebar-content {
    +    padding-bottom: 20px;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > a {
    +    text-align: left;
    +    position: relative;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > a:hover {
    +    background-color: transparent;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > a:hover > span {
    +    color: inherit;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul {
    +    position: relative;
    +    height: auto;
    +    width: 100%;
    +    left: 0;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul li > a:hover {
    +    background-color: transparent;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul li > a:active {
    +    background-color: #e7e7e7;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul > li.title {
    +    display: none;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul > li.nav-items {
    +    display: block;
    +    height: auto;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul > li.nav-items > .be-scroller {
    +    height: auto;
    +    overflow: visible;
    +  }
    +  .be-left-sidebar .sidebar-elements > li > ul > li.nav-items > .be-scroller > .content {
    +    padding-top: 0;
    +    overflow: visible;
    +    position: relative;
    +  }
    +  .be-left-sidebar .sidebar-elements > li:hover {
    +    background-color: inherit;
    +  }
    +  .be-left-sidebar .sidebar-elements > li:hover > ul {
    +    display: none;
    +  }
    +  .be-left-sidebar .sidebar-elements li.open > ul {
    +    display: block;
    +  }
    +}
    +.be-fixed-sidebar .be-left-sidebar {
    +  height: 100%;
    +  margin-top: 61px;
    +  padding-bottom: 61px;
    +  position: fixed;
    +  top: 0;
    +  bottom: 0;
    +}
    +.be-fixed-sidebar .be-left-sidebar .left-sidebar-content {
    +  position: absolute;
    +}
    +@media (max-width: 767px) {
    +  .be-fixed-sidebar .be-left-sidebar .left-sidebar-content {
    +    position: relative;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .be-fixed-sidebar .be-left-sidebar {
    +    position: static;
    +    height: auto;
    +    margin-top: 0;
    +    padding-bottom: 0;
    +  }
    +}
    +.be-fixed-sidebar .be-left-sidebar:before {
    +  top: 60px;
    +}
    +.be-left-sidebar .progress-widget {
    +  padding: 20px;
    +  cursor: pointer;
    +}
    +.be-left-sidebar .progress-widget .progress-data {
    +  color: #646464;
    +}
    +.be-left-sidebar .progress-widget .progress-value {
    +  float: right;
    +}
    +.be-left-sidebar .progress-widget .progress {
    +  margin: 10px 0 0;
    +  height: 8px;
    +  background-color: #ebebeb;
    +  border-radius: 2px;
    +}
    +.be-left-sidebar .progress-widget:hover {
    +  background-color: #f0f0f0;
    +}
    +.be-left-sidebar .progress-widget:hover .progress {
    +  background-color: #e6e6e6;
    +}
    +@media (max-width: 767px) {
    +  .be-left-sidebar .progress-widget {
    +    display: none;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Right sidebar]
    +*/
    +.be-right-sidebar {
    +  background-color: #FAFAFA;
    +  margin-top: 61px;
    +  padding-bottom: 61px;
    +  position: fixed;
    +  width: 290px;
    +  height: 100%;
    +  right: -290px;
    +  top: 0;
    +  bottom: 0;
    +  border-left: 1px solid #e8e8e8;
    +  z-index: 1031;
    +}
    +.be-animate .be-right-sidebar {
    +  -webkit-transition: all 0.35s ease;
    +  -o-transition: all 0.35s ease;
    +  transition: all 0.35s ease;
    +}
    +@media (min-width: 768px) {
    +  body.open-right-sidebar .be-right-sidebar {
    +    right: 0;
    +  }
    +}
    +@media (max-width: 767px) and (max-width: 767px) {
    +  body.open-right-sidebar .be-wrapper {
    +    overflow: hidden;
    +  }
    +  body.open-right-sidebar .be-right-sidebar {
    +    -webkit-transform: translate3d(0, 0, 0);
    +            transform: translate3d(0, 0, 0);
    +  }
    +}
    +.be-right-sidebar .sb-content {
    +  display: table;
    +  table-layout: fixed;
    +  height: 100%;
    +  width: 100%;
    +}
    +.be-right-sidebar .tab-navigation .nav-tabs {
    +  background-color: transparent;
    +  border-bottom: 0;
    +  padding: 0;
    +}
    +.be-right-sidebar .tab-navigation .nav-tabs > li > a {
    +  background-color: #f2f2f2;
    +  border-width: 0;
    +  padding: 14px 10px;
    +  min-width: auto;
    +  font-size: 14px;
    +}
    +.be-right-sidebar .tab-navigation .nav-tabs > li > a .icon {
    +  font-size: 25px;
    +  color: #aaaaaa;
    +}
    +.be-right-sidebar .tab-navigation .nav-tabs > li > a:hover {
    +  border: 0;
    +  background-color: #f6f6f6;
    +  color: #3b3b3b;
    +}
    +.be-right-sidebar .tab-navigation .nav-tabs > li > a:focus {
    +  border: 0;
    +}
    +.be-right-sidebar .tab-navigation .nav-tabs > li.active > a {
    +  color: #4285f4;
    +  background-color: transparent;
    +}
    +@media (max-width: 767px) {
    +  .be-right-sidebar .tab-navigation .nav-justified {
    +    display: table;
    +  }
    +  .be-right-sidebar .tab-navigation .nav-justified > li {
    +    display: table-cell;
    +  }
    +  .be-right-sidebar .tab-navigation .nav-justified > li > a {
    +    margin-bottom: 0;
    +    min-width: 40px;
    +  }
    +}
    +.be-right-sidebar .tab-panel {
    +  height: 100%;
    +  display: table-row;
    +}
    +.be-right-sidebar .tab-panel .tab-content {
    +  height: 100%;
    +  position: relative;
    +  width: 100%;
    +  padding: 0;
    +  background: transparent;
    +  display: table-cell;
    +  overflow: hidden;
    +}
    +.be-right-sidebar .tab-panel .tab-content .tab-pane {
    +  height: 100%;
    +  position: relative;
    +  width: 100%;
    +}
    +.be-right-sidebar .tab-panel .tab-content .tab-pane > .content {
    +  overflow: auto;
    +  bottom: 0;
    +  left: 0;
    +  position: absolute;
    +  right: 0;
    +  top: 0;
    +}
    +.be-right-sidebar .tab-panel .tab-content .tab-pane h2 {
    +  font-size: 15px;
    +  font-weight: 400;
    +  padding-bottom: 15px;
    +  border-bottom: 1px solid #ebebeb;
    +  padding-left: 5px;
    +  margin-bottom: 20px;
    +  margin-top: 18px;
    +}
    +.be-right-sidebar .tab-panel .tab-content .bottom-input {
    +  position: relative;
    +  border-top: 1px solid #f2f2f2;
    +}
    +.be-right-sidebar .tab-panel .tab-content .bottom-input > input {
    +  border: 0;
    +  background-color: #FAFAFA;
    +  color: #404040;
    +  width: 100%;
    +  font-size: 13px;
    +  font-weight: 400;
    +  padding: 15px 20px;
    +  outline: none;
    +}
    +.be-right-sidebar .tab-panel .tab-content .bottom-input > span {
    +  position: absolute;
    +  color: #aaaaaa;
    +  right: 15px;
    +  top: 50%;
    +  font-size: 20px;
    +  margin-top: -10px;
    +  cursor: pointer;
    +}
    +.be-right-sidebar .tab-panel .tab-content .bottom-input > span:hover {
    +  color: #d1d1d1;
    +}
    +@media (max-width: 767px) {
    +  .be-right-sidebar {
    +    width: 290px;
    +    right: 0;
    +    -webkit-transform: translate3d(100%, 0, 0);
    +            transform: translate3d(100%, 0, 0);
    +    margin-top: 0;
    +    padding-bottom: 0;
    +  }
    +  .be-right-sidebar .tab-panel .tab-content > .chat {
    +    width: 100%;
    +  }
    +  .be-right-sidebar .tab-panel .tab-content > .chat .chat-contacts,
    +  .be-right-sidebar .tab-panel .tab-content > .chat .chat-window {
    +    width: 100%;
    +  }
    +  .be-right-sidebar .tab-panel .tab-content > .chat .chat-window {
    +    left: 100%;
    +  }
    +  .be-right-sidebar .tab-panel .tab-content > .chat.chat-opened .chat-contacts {
    +    left: -100%;
    +  }
    +}
    +@media (max-width: 320px) {
    +  .be-right-sidebar {
    +    width: 90%;
    +  }
    +}
    +.tab-chat {
    +  white-space: nowrap;
    +  font-size: 0;
    +  width: 290px;
    +}
    +.tab-chat h2 {
    +  margin: 30px 20px 15px;
    +}
    +.tab-chat .contact-list {
    +  font-size: 12px;
    +}
    +.tab-chat .contact-list .user a {
    +  display: block;
    +  padding: 11px 25px;
    +  overflow: hidden;
    +}
    +.tab-chat .contact-list .user a img {
    +  width: 30px;
    +  height: 30px;
    +  border-radius: 50%;
    +  float: left;
    +}
    +.tab-chat .contact-list .user a .user-data,
    +.tab-chat .contact-list .user a .user-data2 {
    +  padding-left: 40px;
    +  line-height: 16px;
    +}
    +.tab-chat .contact-list .user a .user-data .status,
    +.tab-chat .contact-list .user a .user-data2 .status {
    +  background-color: #00b777;
    +  border-radius: 50%;
    +  float: right;
    +  width: 7px;
    +  height: 7px;
    +  position: relative;
    +  top: 5px;
    +}
    +.tab-chat .contact-list .user a .user-data .status.offline,
    +.tab-chat .contact-list .user a .user-data2 .status.offline {
    +  background-color: #e65a5a;
    +}
    +.tab-chat .contact-list .user a .user-data .status.away,
    +.tab-chat .contact-list .user a .user-data2 .status.away {
    +  background-color: #f2c329;
    +}
    +.tab-chat .contact-list .user a .user-data .name,
    +.tab-chat .contact-list .user a .user-data2 .name {
    +  color: #404040;
    +  font-weight: 500;
    +  font-size: 13px;
    +}
    +.tab-chat .contact-list .user a .user-data .message,
    +.tab-chat .contact-list .user a .user-data2 .message {
    +  display: block;
    +  color: #999999;
    +  font-size: 13px;
    +}
    +.tab-chat .contact-list .user a .user-data2 {
    +  margin-top: 7px;
    +}
    +.tab-chat .contact-list .user a:hover {
    +  background-color: #f5f5f5;
    +}
    +.tab-chat .contact-list-recent {
    +  margin-bottom: 30px;
    +}
    +.tab-chat .chat-contacts,
    +.tab-chat .chat-window {
    +  height: 100%;
    +  width: 100%;
    +  display: table;
    +  table-layout: fixed;
    +  position: absolute;
    +  left: 0;
    +  -webkit-transition: left 0.3s ease;
    +  -o-transition: left 0.3s ease;
    +  transition: left 0.3s ease;
    +}
    +.tab-chat .chat-contacts .chat-sections {
    +  height: 100%;
    +  display: table-row;
    +}
    +.tab-chat .chat-contacts .chat-sections .be-scroller {
    +  position: relative;
    +  width: 100%;
    +  height: 100%;
    +  overflow: hidden;
    +}
    +.tab-chat .chat-contacts .chat-sections .content {
    +  position: absolute;
    +  width: 100%;
    +  top: 0;
    +  bottom: 0;
    +}
    +.tab-chat .chat-contacts .search {
    +  position: relative;
    +}
    +.tab-chat .chat-window {
    +  height: 100%;
    +  left: 290px;
    +  display: table;
    +  table-layout: fixed;
    +}
    +.tab-chat .chat-window .title {
    +  padding: 20px 10px;
    +  padding-right: 20px;
    +  overflow: hidden;
    +}
    +.tab-chat .chat-window .title .icon {
    +  font-size: 27px;
    +  width: 27px;
    +  text-align: center;
    +  color: #b3b3b3;
    +  position: relative;
    +  vertical-align: middle;
    +  cursor: pointer;
    +}
    +.tab-chat .chat-window .title .user {
    +  display: inline-block;
    +  float: right;
    +  text-align: right;
    +  line-height: 13px;
    +}
    +.tab-chat .chat-window .title .user img {
    +  height: 35px;
    +  width: 35x;
    +  border-radius: 50%;
    +  float: right;
    +  margin-left: 10px;
    +}
    +.tab-chat .chat-window .title .user h2 {
    +  display: inline-block;
    +  margin: 0;
    +  padding: 0;
    +  border: 0;
    +}
    +.tab-chat .chat-window .title .user span {
    +  display: block;
    +  font-size: 12px;
    +  color: #999999;
    +}
    +.tab-chat .chat-window .chat-messages {
    +  height: 100%;
    +  display: table-row;
    +  font-size: 13px;
    +}
    +.tab-chat .chat-window .chat-messages .be-scroller {
    +  position: relative;
    +  width: 100%;
    +  height: 100%;
    +  overflow: hidden;
    +  outline: none;
    +}
    +.tab-chat .chat-window .chat-messages .content {
    +  position: absolute;
    +  width: 100%;
    +  top: 0;
    +  bottom: 0;
    +}
    +.tab-chat .chat-window .chat-messages ul {
    +  outline: none;
    +  margin: 0;
    +  padding: 0;
    +}
    +.tab-chat .chat-window .chat-messages ul > li {
    +  display: block;
    +  list-style: none;
    +  padding: 9px 16px;
    +}
    +.tab-chat .chat-window .chat-messages ul > li .msg {
    +  position: relative;
    +  display: inline-block;
    +  background-color: #4c8bf5;
    +  color: #ffffff;
    +  font-size: 13px;
    +  padding: 6px 8px;
    +  border-radius: 3px;
    +  white-space: normal;
    +  text-align: left;
    +  margin-left: 40px;
    +}
    +.tab-chat .chat-window .chat-messages ul > li .msg:after {
    +  content: "";
    +  position: absolute;
    +  right: -5px;
    +  top: 7px;
    +  border-bottom: 6px solid transparent;
    +  border-left: 6px solid #4c8bf5;
    +  border-top: 6px solid transparent;
    +}
    +.tab-chat .chat-window .chat-messages ul > li.friend .msg {
    +  background-color: #f0f0f0;
    +  color: #595858;
    +  margin-left: 0;
    +  margin-right: 40px;
    +}
    +.tab-chat .chat-window .chat-messages ul > li.friend .msg:after {
    +  right: auto;
    +  left: -5px;
    +  border-left-width: 0;
    +  border-right: 5px solid #f0f0f0;
    +}
    +.tab-chat .chat-window .chat-messages ul > li.self {
    +  text-align: right;
    +}
    +.tab-chat .chat-window .chat-input {
    +  position: relative;
    +}
    +.tab-chat .chat-window .chat-input .input-wrapper {
    +  border-top: 1px solid #f2f2f2;
    +}
    +.tab-chat .chat-window .chat-input .input-wrapper > input {
    +  border: 0;
    +  background-color: #FAFAFA;
    +  color: #b3b3b3;
    +  width: 100%;
    +  font-size: 13px;
    +  font-weight: 300;
    +  padding: 15px 20px;
    +  padding-left: 42px;
    +  padding-right: 40px;
    +  outline: none;
    +}
    +.tab-chat .chat-window .chat-input .input-wrapper > span {
    +  position: absolute;
    +  color: #aaaaaa;
    +  right: 15px;
    +  top: 50%;
    +  font-size: 20px;
    +  margin-top: -10px;
    +  cursor: pointer;
    +}
    +.tab-chat .chat-window .chat-input .input-wrapper > span:hover {
    +  color: #d1d1d1;
    +}
    +.tab-chat .chat-window .chat-input .input-wrapper .photo {
    +  left: 15px;
    +  font-size: 22px;
    +  top: 50%;
    +  right: auto;
    +}
    +.tab-chat.chat-opened .chat-contacts {
    +  left: -290px;
    +}
    +.tab-chat.chat-opened .chat-window {
    +  left: 0;
    +}
    +.tab-todo .todo-container {
    +  height: 100%;
    +  display: table;
    +  table-layout: fixed;
    +  width: 100%;
    +}
    +.tab-todo .todo-wrapper {
    +  display: table-row;
    +  height: 100%;
    +}
    +.tab-todo .be-scroller {
    +  position: relative;
    +  overflow: hidden;
    +  height: 100%;
    +}
    +.tab-todo .todo-content {
    +  padding: 10px 20px 0;
    +  position: absolute;
    +  top: 0;
    +  left: 0;
    +  width: 100%;
    +  height: 100%;
    +}
    +.tab-todo .category-title {
    +  display: block;
    +  font-size: 15px;
    +  font-weight: 400;
    +  color: #808080;
    +  padding-top: 15px;
    +  padding-bottom: 15px;
    +  border-bottom: 1px solid #ebebeb;
    +  margin-bottom: 15px;
    +}
    +.todo-list {
    +  list-style: none;
    +  padding-left: 0;
    +  margin-bottom: 15px;
    +}
    +.todo-list > li {
    +  margin: 0;
    +  padding: 0;
    +}
    +.todo-list > li .be-checkbox {
    +  margin-right: 4px;
    +}
    +.todo-list > li .be-checkbox input[type="checkbox"] + label {
    +  display: block;
    +  cursor: pointer;
    +  white-space: nowrap;
    +  overflow: hidden;
    +  text-overflow: ellipsis;
    +}
    +.todo-list > li .be-checkbox input[type="checkbox"] + label:before {
    +  margin-right: 8px;
    +}
    +.todo-list > li .be-checkbox input[type="checkbox"]:checked + label {
    +  text-decoration: line-through;
    +  color: #999999;
    +}
    +.todo-list > li .be-checkbox .delete {
    +  display: none;
    +  float: right;
    +  font-size: 17px;
    +  color: #b3b3b3;
    +  line-height: 22px;
    +  margin-left: 5px;
    +  cursor: pointer;
    +}
    +.todo-list > li .be-checkbox .delete:hover {
    +  color: #808080;
    +}
    +.todo-list > li .be-checkbox:hover .delete {
    +  display: block;
    +}
    +.tab-settings .settings-wrapper {
    +  position: relative;
    +  height: 100%;
    +  overflow: hidden;
    +}
    +.tab-settings .be-scroller {
    +  padding: 10px 20px 0;
    +  position: absolute;
    +  top: 0;
    +  left: 0;
    +  width: 100%;
    +  height: 100%;
    +}
    +.tab-settings .category-title {
    +  display: block;
    +  font-size: 15px;
    +  font-weight: 400;
    +  color: #808080;
    +  padding-top: 15px;
    +  padding-bottom: 15px;
    +  border-bottom: 1px solid #ebebeb;
    +  margin-bottom: 15px;
    +}
    +.settings-list {
    +  list-style: none;
    +  padding-left: 0;
    +  margin-bottom: 15px;
    +}
    +.settings-list > li {
    +  margin: 0;
    +  padding: 5px 0;
    +  line-height: 24px;
    +  font-size: 14px;
    +}
    +.settings-list > li .name {
    +  display: block;
    +  overflow: hidden;
    +  text-overflow: ellipsis;
    +  white-space: nowrap;
    +}
    +.settings-list > li .switch-button {
    +  float: right;
    +  margin-left: 5px;
    +}
    +/*------------------------------------------------------------------
    +  [Main content]
    +*/
    +.be-content {
    +  position: relative;
    +  left: 0;
    +  margin-left: 230px;
    +  min-height: 100%;
    +}
    +@media (max-width: 767px) {
    +  .be-content {
    +    margin-left: 0;
    +  }
    +}
    +.be-nosidebar-left .be-content {
    +  margin-left: 0;
    +}
    +.main-content {
    +  padding: 25px;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .main-content {
    +    padding-left: 25px;
    +    padding-right: 25px;
    +    padding-top: 30px;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .main-content {
    +    height: 100%;
    +    overflow: auto;
    +    -webkit-overflow-scrolling: touch;
    +    padding-left: 15px;
    +    padding-right: 15px;
    +    padding-top: 20px;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .main-content {
    +    padding-right: 10px;
    +    padding-left: 10px;
    +  }
    +}
    +.be-no-padding .main-content {
    +  padding: 0;
    +}
    +/*------------------------------------------------------------------
    +  [Page head]
    +*/
    +.page-head {
    +  padding: 20px 25px 10px;
    +  position: relative;
    +}
    +.page-head-title {
    +  display: block;
    +  margin-bottom: 5px;
    +  margin-top: 6px;
    +  font-weight: 300;
    +  letter-spacing: -1px;
    +  font-size: 28px;
    +  color: #6b6b6b;
    +  line-height: 36px;
    +}
    +.page-head-description {
    +  display: block;
    +  color: #6e6e6e;
    +  font-size: 14px;
    +  font-weight: 300;
    +}
    +.page-head .breadcrumb {
    +  background-color: transparent;
    +  padding: 3px 0;
    +  margin-bottom: 7px;
    +}
    +.page-head .breadcrumb > li {
    +  font-size: 14px;
    +  font-weight: 300;
    +}
    +.page-head .breadcrumb > li + li:before {
    +  padding: 0 2px;
    +  color: #a3a3a3;
    +}
    +.page-head .breadcrumb > li > a {
    +  color: #5e5e5e;
    +}
    +.page-head .breadcrumb > li > a:hover {
    +  color: #303030;
    +}
    +.page-head .breadcrumb > .active {
    +  color: #7a7a7a;
    +}
    +@media (max-width: 767px) {
    +  .page-head {
    +    padding: 18px 15px 0;
    +    display: none;
    +  }
    +  .page-head-title {
    +    font-size: 24px;
    +    line-height: 28px;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Page aside]
    +*/
    +.be-aside .main-content {
    +  margin-left: 280px;
    +}
    +@media (max-width: 767px) {
    +  .be-aside .main-content {
    +    margin-left: inherit;
    +  }
    +}
    +.page-aside {
    +  background: none repeat scroll 0 0 #ffffff;
    +  width: 280px;
    +  height: 100%;
    +  position: fixed;
    +  top: 0;
    +  left: 230px;
    +  border-right: 1px solid #e6e6e6;
    +  margin-top: 61px;
    +  padding-bottom: 61px;
    +}
    +.page-aside .be-scroller {
    +  position: relative;
    +  height: 100%;
    +  width: 100%;
    +}
    +.page-aside .content {
    +  padding: 20px 22px;
    +  position: relative;
    +}
    +@media (max-width: 767px) {
    +  .page-aside {
    +    width: 100%;
    +    display: block;
    +    height: auto;
    +    position: relative;
    +    margin-top: 0;
    +    padding-bottom: 0;
    +    left: 0;
    +    border-bottom: 2px solid #f2f2f2;
    +  }
    +}
    +.aside-header {
    +  margin-bottom: 5px;
    +}
    +.aside-header .title {
    +  display: block;
    +  margin: 16px 0 0;
    +  font-size: 27px;
    +  line-height: 27px;
    +  font-weight: 300;
    +}
    +.aside-header .navbar-toggle {
    +  padding: 0;
    +  padding-right: 11px;
    +  text-align: right;
    +  margin: 0;
    +  width: 100%;
    +  height: 100%;
    +  top: 0;
    +  left: 0;
    +  position: absolute;
    +}
    +.aside-header .navbar-toggle .icon {
    +  font-size: 27px;
    +  color: #c0c0c0;
    +}
    +.aside-header .description {
    +  color: #5a5a5a;
    +  margin: 0;
    +}
    +.aside-nav {
    +  display: block;
    +  visibility: visible;
    +}
    +.aside-nav .nav li a {
    +  color: #404040;
    +  padding: 13px 22px;
    +}
    +.aside-nav .nav li.active a {
    +  color: #4285f4;
    +}
    +.aside-nav .nav li.active a .icon {
    +  color: #4285f4;
    +}
    +.aside-nav .nav li .label {
    +  float: right;
    +  font-size: 12px;
    +  font-weight: 300;
    +  padding: 4px 7px;
    +}
    +.aside-nav .nav li .icon {
    +  font-size: 19px;
    +  vertical-align: middle;
    +  text-align: center;
    +  min-width: 19px;
    +  margin-right: 3px;
    +  color: #616161;
    +}
    +.aside-nav .title {
    +  display: block;
    +  color: #999999;
    +  font-size: 11px;
    +  font-weight: 700;
    +  text-transform: uppercase;
    +  margin: 20px 0 0;
    +  padding: 8px 22px 4px;
    +}
    +@media (max-width: 767px) {
    +  .aside-nav {
    +    border-bottom: 1px solid #e6e6e6;
    +  }
    +  .aside-nav.collapse {
    +    display: none;
    +  }
    +  .aside-nav.in {
    +    display: block;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Splash screen]
    +*/
    +.be-splash-screen {
    +  background-color: #eee;
    +}
    +.be-splash-screen .be-wrapper {
    +  padding-top: 0;
    +}
    +.be-splash-screen .be-wrapper .be-content {
    +  margin: 0;
    +}
    +.splash-container {
    +  max-width: 401px;
    +  margin: 50px auto;
    +}
    +.splash-container .panel {
    +  margin-bottom: 30px;
    +}
    +.splash-container .panel .panel-heading {
    +  text-align: center;
    +  margin-bottom: 20px;
    +  padding-top: 40px;
    +  padding-bottom: 0;
    +}
    +.splash-container .panel .panel-body {
    +  padding: 20px 30px 15px;
    +}
    +.splash-container .panel .panel-body .be-checkbox {
    +  display: inline-block;
    +  padding: 0;
    +}
    +@media (max-width: 767px) {
    +  .splash-container {
    +    margin-top: 50px;
    +  }
    +}
    +.splash-title {
    +  text-align: center;
    +  display: block;
    +  font-size: 17px;
    +  font-weight: 300;
    +}
    +.splash-description {
    +  text-align: center;
    +  display: block;
    +  line-height: 20px;
    +  font-size: 13px;
    +  color: #5a5a5a;
    +  margin-top: 11px;
    +  padding-bottom: 10px;
    +}
    +.splash-footer {
    +  text-align: center;
    +}
    +/*------------------------------------------------------------------
    +	[Scroll to top button]
    +*/
    +.be-scroll-top {
    +  cursor: pointer;
    +  position: fixed;
    +  bottom: 10px;
    +  right: 10px;
    +  color: #ffffff;
    +  background-color: rgba(0, 0, 0, 0.6);
    +  padding: 0 14px;
    +  display: none;
    +  -webkit-transition: background-color 0.2s ease;
    +  -o-transition: background-color 0.2s ease;
    +  transition: background-color 0.2s ease;
    +  border-radius: 4px;
    +}
    +.be-scroll-top:hover {
    +  background-color: rgba(0, 0, 0, 0.8);
    +}
    +.be-scroll-top:hover,
    +.be-scroll-top:focus {
    +  color: #ffffff;
    +}
    +.be-scroll-top:before {
    +  content: '\f2fc';
    +  font-family: 'Material Icons';
    +  font-size: 33px;
    +  display: inline-block;
    +  vertical-align: middle;
    +}
    +/*------------------------------------------------------------------
    +  [Forms]
    +*/
    +/*------------------------------------------------------------------
    +  [Switch button]
    +*/
    +.switch-button {
    +  display: inline-block;
    +  border-radius: 50px;
    +  background-color: #b3b3b3;
    +  width: 60px;
    +  height: 27px;
    +  padding: 4px;
    +  position: relative;
    +  overflow: hidden;
    +  vertical-align: middle;
    +}
    +.switch-button input[type="checkbox"] {
    +  display: none;
    +}
    +.switch-button label {
    +  border-radius: 50%;
    +  box-shadow: 0 0 1px 1px #FFF inset;
    +  background-color: #ffffff;
    +  margin: 0;
    +  height: 19px;
    +  width: 19px;
    +  z-index: 1;
    +  display: inline-block;
    +  cursor: pointer;
    +  background-clip: padding-box;
    +}
    +.switch-button label:before {
    +  position: absolute;
    +  font-size: 11px;
    +  font-weight: 600;
    +  z-index: 0;
    +  content: "OFF";
    +  right: 0;
    +  display: block;
    +  width: 100%;
    +  height: 100%;
    +  line-height: 27px;
    +  top: 0;
    +  text-align: right;
    +  padding-right: 10px;
    +  color: #ffffff;
    +}
    +.switch-button input[type="checkbox"]:checked + span {
    +  background-color: #4285f4;
    +  display: block;
    +  position: absolute;
    +  top: 0;
    +  left: 0;
    +  width: 100%;
    +  height: 100%;
    +  padding: 4px;
    +}
    +.switch-button input[type="checkbox"]:checked + span label {
    +  float: right;
    +  border-color: #2a75f3;
    +}
    +.switch-button input[type="checkbox"]:checked + span label:before {
    +  position: absolute;
    +  font-size: 11px;
    +  font-weight: 600;
    +  z-index: 0;
    +  content: "ON";
    +  color: #ffffff;
    +  left: 0;
    +  text-align: left;
    +  padding-left: 10px;
    +}
    +.switch-button.switch-button-yesno label:before {
    +  content: "NO";
    +}
    +.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    +  content: "YES";
    +}
    +.switch-button.switch-button-xs {
    +  height: 20px;
    +  width: 53px;
    +  line-height: 16px;
    +  width: 50px;
    +}
    +.switch-button.switch-button-xs label {
    +  height: 12px;
    +  width: 12px;
    +}
    +.switch-button.switch-button-xs label:before {
    +  line-height: 21px;
    +}
    +.switch-button.switch-button-sm {
    +  height: 24px;
    +  width: 57px;
    +  line-height: 20px;
    +}
    +.switch-button.switch-button-sm label {
    +  height: 16px;
    +  width: 16px;
    +}
    +.switch-button.switch-button-sm label:before {
    +  line-height: 25px;
    +}
    +.switch-button.switch-button-lg {
    +  height: 30px;
    +  width: 63px;
    +  line-height: 26px;
    +  width: 65px;
    +}
    +.switch-button.switch-button-lg label {
    +  height: 22px;
    +  width: 22px;
    +}
    +.switch-button.switch-button-lg label:before {
    +  line-height: 31px;
    +}
    +.switch-button.switch-button-success {
    +  background-color: #b3b3b3;
    +}
    +.switch-button.switch-button-success label {
    +  border-color: #ababab;
    +}
    +.switch-button.switch-button-success input[type="checkbox"]:checked + span {
    +  background-color: #34a853;
    +}
    +.switch-button.switch-button-success input[type="checkbox"]:checked + span label {
    +  border-color: #2e9549;
    +}
    +.switch-button.switch-button-warning {
    +  background-color: #b3b3b3;
    +}
    +.switch-button.switch-button-warning label {
    +  border-color: #ababab;
    +}
    +.switch-button.switch-button-warning input[type="checkbox"]:checked + span {
    +  background-color: #fbbc05;
    +}
    +.switch-button.switch-button-warning input[type="checkbox"]:checked + span label {
    +  border-color: #e3aa04;
    +}
    +.switch-button.switch-button-danger {
    +  background-color: #b3b3b3;
    +}
    +.switch-button.switch-button-danger label {
    +  border-color: #ababab;
    +}
    +.switch-button.switch-button-danger input[type="checkbox"]:checked + span {
    +  background-color: #ea4335;
    +}
    +.switch-button.switch-button-danger input[type="checkbox"]:checked + span label {
    +  border-color: #e82e1e;
    +}
    +/*------------------------------------------------------------------
    +  [Elements]
    +*/
    +/*------------------------------------------------------------------
    +  [Widgets]
    +*/
    +.widget {
    +  background-color: #ffffff;
    +  padding: 20px;
    +  margin-bottom: 25px;
    +  border-radius: 3px;
    +}
    +.widget.widget-fullwidth {
    +  padding: 0;
    +}
    +.widget.widget-fullwidth .widget-head {
    +  padding: 20px 20px 10px;
    +  margin-bottom: 0;
    +}
    +@media (max-width: 480px) {
    +  .widget.widget-fullwidth .widget-head {
    +    padding-left: 15px;
    +  }
    +}
    +.widget.widget-fullwidth .widget-chart-container .counter {
    +  left: 20px;
    +}
    +.widget.widget-fullwidth .chart-table table {
    +  margin-bottom: 0;
    +}
    +.widget.widget-small {
    +  margin-bottom: 20px;
    +}
    +.widget.widget-small.widget-fullwidth > .widget-head {
    +  padding: 20px 15px 10px;
    +}
    +.widget-head {
    +  margin-bottom: 20px;
    +  display: block;
    +  border-radius: 3px 3px 0 0;
    +}
    +.widget-head:before,
    +.widget-head:after {
    +  content: " ";
    +  display: table;
    +}
    +.widget-head:after {
    +  clear: both;
    +}
    +.widget-head:before,
    +.widget-head:after {
    +  content: " ";
    +  display: table;
    +}
    +.widget-head:after {
    +  clear: both;
    +}
    +.widget-head .title {
    +  display: block;
    +  font-size: 18px;
    +  font-weight: 300;
    +}
    +.widget-head .description {
    +  display: block;
    +  color: #9e9e9e;
    +  line-height: 22px;
    +  font-weight: 300;
    +}
    +.widget-head .tools {
    +  float: right;
    +  margin-left: 10px;
    +}
    +.widget-head .tools .icon {
    +  display: inline-block;
    +  font-size: 20px;
    +  line-height: 25px;
    +  vertical-align: middle;
    +  cursor: pointer;
    +  color: #bababa;
    +  min-width: 20px;
    +  text-align: center;
    +}
    +.widget-head .tools .icon + .icon {
    +  margin-left: 2px;
    +}
    +.widget-head .tools .icon:hover {
    +  color: #a6a6a6;
    +}
    +.widget-head .tools .value {
    +  font-size: 24px;
    +  line-height: 22px;
    +}
    +.widget-head .tools .dropdown {
    +  display: inline-block;
    +}
    +.widget-head .tools .dropdown-menu {
    +  right: 0;
    +  left: auto;
    +}
    +.widget-head .button-toolbar {
    +  float: right;
    +}
    +@media (max-width: 767px) {
    +  .widget-head .button-toolbar .btn-group {
    +    margin-bottom: 5px;
    +  }
    +}
    +.widget-head .button-toolbar .btn-group + * {
    +  margin-left: 7px;
    +}
    +.widget-head .button-toolbar .dropdown-menu {
    +  right: 0;
    +  left: auto;
    +}
    +.widget-chart-container {
    +  position: relative;
    +}
    +.widget-chart-container .counter {
    +  min-height: auto;
    +  top: 0;
    +  left: 0;
    +  position: absolute;
    +  z-index: 2;
    +}
    +.widget-chart-container .counter-inline {
    +  position: relative;
    +  display: inline-block;
    +}
    +.widget-chart-container .counter .value {
    +  font-size: 24px;
    +}
    +.widget-chart-container .counter .desc {
    +  text-transform: uppercase;
    +  font-size: 11px;
    +  color: #9d9d9d;
    +}
    +.widget-chart-container .counter-big .value {
    +  display: block;
    +  font-size: 27px;
    +  line-height: 27px;
    +  font-weight: 300;
    +  margin-bottom: 5px;
    +}
    +.widget-chart-container .indicator-equal .icon {
    +  color: #4285f4;
    +}
    +.widget-chart-container .indicator-positive .icon {
    +  color: #34a853;
    +}
    +.widget-chart-container .indicator-negative .icon {
    +  color: #ea4335;
    +}
    +.widget-chart-container .indicator .icon {
    +  font-size: 25px;
    +  margin-right: 7px;
    +  line-height: 24px;
    +  vertical-align: middle;
    +}
    +.widget-chart-container .indicator .number {
    +  font-size: 20px;
    +  vertical-align: middle;
    +}
    +.widget-chart-info:before,
    +.widget-chart-info:after {
    +  content: " ";
    +  display: table;
    +}
    +.widget-chart-info:after {
    +  clear: both;
    +}
    +.widget-chart-info:before,
    +.widget-chart-info:after {
    +  content: " ";
    +  display: table;
    +}
    +.widget-chart-info:after {
    +  clear: both;
    +}
    +@media (max-width: 767px) {
    +  .widget-chart-info + .widget-counter-group {
    +    margin-top: 15px;
    +  }
    +}
    +.widget-fullwidth .widget-chart-info {
    +  padding: 9px 20px 0;
    +}
    +.widget-counter-group {
    +  padding: 0 20px 10px;
    +}
    +.widget-counter-group-right {
    +  text-align: right;
    +}
    +.widget-counter-group .counter {
    +  position: static;
    +  display: inline-block;
    +}
    +.widget-counter-group .counter + .counter {
    +  margin-left: 20px;
    +}
    +/*------------------------------------------------------------------
    +  [Charts]
    +*/
    +.chart-legend table {
    +  width: 100%;
    +}
    +.chart-legend table tr td {
    +  padding: 6px 0;
    +  vertical-align: middle;
    +}
    +.chart-legend-color > span {
    +  display: block;
    +  background-color: #f2f2f2;
    +  height: 10px;
    +  width: 10px;
    +}
    +.chart-legend-value {
    +  text-align: right;
    +}
    +.chart-legend-horizontal {
    +  margin: 0;
    +  padding: 0;
    +  list-style: none;
    +  line-height: 14px;
    +}
    +.chart-legend-horizontal > li {
    +  display: inline-block;
    +}
    +.chart-legend-horizontal > li + li {
    +  margin-left: 14px;
    +}
    +.chart-legend-horizontal > li > span {
    +  display: inline-block;
    +  height: 10px;
    +  width: 10px;
    +  border-radius: 50%;
    +  background-color: #f2f2f2;
    +  margin-right: 2px;
    +}
    +.chart-pie-counter {
    +  diplay: block;
    +  position: absolute;
    +  top: 50%;
    +  width: 100%;
    +  text-align: center;
    +  line-height: 50px;
    +  margin-top: -25px;
    +  font-size: 50px;
    +  font-weight: 300;
    +}
    +/*------------------------------------------------------------------
    +  [Colors]
    +*/
    +.clr-primary {
    +  background-color: #4285f4;
    +}
    +.clr-success {
    +  background-color: #34a853;
    +}
    +.clr-warning {
    +  background-color: #fbbc05;
    +}
    +.clr-danger {
    +  background-color: #ea4335;
    +}
    +.clr-grey {
    +  background-color: #cccccc;
    +}
    +/*------------------------------------------------------------------
    +  [Grid]
    +*/
    +.bs-grid-block {
    +  border: 2px dashed #c3c3c3;
    +  font-weight: 300;
    +  font-size: 20px;
    +  color: #807e7e;
    +  display: table;
    +  table-layout: fixed;
    +  width: 100%;
    +  margin-bottom: 40px;
    +}
    +.bs-grid-block .content {
    +  display: table-cell;
    +  height: 177px;
    +  text-align: center;
    +  vertical-align: middle;
    +}
    +.bs-grid-block .content .size {
    +  display: block;
    +}
    +.bs-grid-block .content .device {
    +  line-height: 0;
    +}
    +.bs-grid-block .content .device:after {
    +  font-size: 15px;
    +}
    +@media (min-width: 1200px) {
    +  .bs-grid-block .content .device:after {
    +    content: 'Desktop';
    +    color: #4285f4;
    +  }
    +}
    +@media (min-width: 992px) and (max-width: 1199px) {
    +  .bs-grid-block .content .device:after {
    +    content: 'Laptop';
    +    color: #4285f4;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .bs-grid-block .content .device:after {
    +    content: 'Tablet';
    +    color: #34a853;
    +  }
    +}
    +@media (max-width: 767px) {
    +  .bs-grid-block .content .device:after {
    +    content: 'Phone';
    +    color: #34a853;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Icons]
    +*/
    +.icon-container {
    +  background-color: #ffffff;
    +  padding: 20px;
    +  cursor: default;
    +}
    +.icon-container .icon {
    +  -webkit-transition: background-color 300ms ease-in-out;
    +  -o-transition: background-color 300ms ease-in-out;
    +  transition: background-color 300ms ease-in-out;
    +  background-color: #f5f5f5;
    +  border-radius: 50%;
    +  display: inline-block;
    +  height: 50px;
    +  width: 50px;
    +  margin-right: 8px;
    +  padding: 12px;
    +  padding: 13px;
    +  text-align: center;
    +  vertical-align: middle;
    +}
    +.icon-container .icon span {
    +  -webkit-transition: color 300ms ease-in-out;
    +  -o-transition: color 300ms ease-in-out;
    +  transition: color 300ms ease-in-out;
    +  font-size: 25px;
    +  color: #696767;
    +}
    +.icon-container .icon:hover {
    +  background-color: #4285f4;
    +}
    +.icon-container .icon:hover span {
    +  color: #ffffff;
    +}
    +.icon-container .icon-class {
    +  -webkit-transition: color 300ms ease-in-out;
    +  -o-transition: color 300ms ease-in-out;
    +  transition: color 300ms ease-in-out;
    +  font-size: 18px;
    +  font-weight: 300;
    +  vertical-align: middle;
    +  color: #696767;
    +}
    +.icon-container:hover .icon {
    +  background-color: #4285f4;
    +}
    +.icon-container:hover .icon span {
    +  color: #ffffff;
    +}
    +.icon-container:hover .icon-class {
    +  color: #4285f4;
    +}
    +.be-icons-list.hide-icons .icon-category .row > div {
    +  display: none;
    +}
    +.be-icons-list.hide-icons .icon-category .row > div.icon-visible {
    +  display: block;
    +}
    +/*------------------------------------------------------------------
    +  Loader
    +*/
    +.be-loading {
    +  position: relative;
    +}
    +.be-loading:after {
    +  position: absolute;
    +  display: block;
    +  visibility: hidden;
    +  opacity: 0;
    +  content: "";
    +  top: 0;
    +  left: 0;
    +  height: 100%;
    +  width: 100%;
    +  background: rgba(255, 255, 255, 0.7);
    +  -webkit-transition: all .2s ease;
    +  -o-transition: all .2s ease;
    +  transition: all .2s ease;
    +  z-index: 2;
    +}
    +.be-loading .be-spinner {
    +  display: none;
    +}
    +.be-loading-active:after {
    +  visibility: visible;
    +  opacity: 1;
    +}
    +.be-loading-active .be-spinner {
    +  display: block;
    +}
    +.be-loading .be-spinner {
    +  position: absolute;
    +  top: 50%;
    +  right: 50%;
    +  margin-top: -20px;
    +  margin-right: -20px;
    +  z-index: 3;
    +}
    +.be-spinner svg {
    +  -webkit-animation: be-spinner-rotation 1.4s linear infinite;
    +       -o-animation: be-spinner-rotation 1.4s linear infinite;
    +          animation: be-spinner-rotation 1.4s linear infinite;
    +  stroke: #4285f4;
    +}
    +.be-spinner svg .circle {
    +  stroke-dasharray: 187;
    +  stroke-dashoffset: 0;
    +  -webkit-transform-origin: center;
    +      -ms-transform-origin: center;
    +       -o-transform-origin: center;
    +          transform-origin: center;
    +  -webkit-animation: be-spinner-turn 1.4s ease-in-out infinite;
    +       -o-animation: be-spinner-turn 1.4s ease-in-out infinite;
    +          animation: be-spinner-turn 1.4s ease-in-out infinite;
    +}
    +@-webkit-keyframes be-spinner-rotation {
    +  0% {
    +    -webkit-transform: rotate(0deg);
    +            transform: rotate(0deg);
    +  }
    +  100% {
    +    -webkit-transform: rotate(270deg);
    +            transform: rotate(270deg);
    +  }
    +}
    +@-o-keyframes be-spinner-rotation {
    +  0% {
    +    -o-transform: rotate(0deg);
    +       transform: rotate(0deg);
    +  }
    +  100% {
    +    -o-transform: rotate(270deg);
    +       transform: rotate(270deg);
    +  }
    +}
    +@keyframes be-spinner-rotation {
    +  0% {
    +    -webkit-transform: rotate(0deg);
    +         -o-transform: rotate(0deg);
    +            transform: rotate(0deg);
    +  }
    +  100% {
    +    -webkit-transform: rotate(270deg);
    +         -o-transform: rotate(270deg);
    +            transform: rotate(270deg);
    +  }
    +}
    +@-webkit-keyframes be-spinner-turn {
    +  0% {
    +    stroke-dashoffset: 187;
    +  }
    +  50% {
    +    stroke-dashoffset: 46.75;
    +    -webkit-transform: rotate(135deg);
    +            transform: rotate(135deg);
    +  }
    +  100% {
    +    stroke-dashoffset: 187;
    +    -webkit-transform: rotate(450deg);
    +            transform: rotate(450deg);
    +  }
    +}
    +@-o-keyframes be-spinner-turn {
    +  0% {
    +    stroke-dashoffset: 187;
    +  }
    +  50% {
    +    stroke-dashoffset: 46.75;
    +    -o-transform: rotate(135deg);
    +       transform: rotate(135deg);
    +  }
    +  100% {
    +    stroke-dashoffset: 187;
    +    -o-transform: rotate(450deg);
    +       transform: rotate(450deg);
    +  }
    +}
    +@keyframes be-spinner-turn {
    +  0% {
    +    stroke-dashoffset: 187;
    +  }
    +  50% {
    +    stroke-dashoffset: 46.75;
    +    -webkit-transform: rotate(135deg);
    +         -o-transform: rotate(135deg);
    +            transform: rotate(135deg);
    +  }
    +  100% {
    +    stroke-dashoffset: 187;
    +    -webkit-transform: rotate(450deg);
    +         -o-transform: rotate(450deg);
    +            transform: rotate(450deg);
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Code]
    +*/
    +/* Pretty printing styles. Used with prettify.js. */
    +.prettyprint {
    +  font-size: 12px;
    +  line-height: 1.5;
    +}
    +/* Light Theme*/
    +pre {
    +  color: #555555;
    +}
    +pre .pln {
    +  color: #777777;
    +}
    +pre .str {
    +  color: #DD1144;
    +}
    +pre .kwd {
    +  color: #445588;
    +}
    +pre .com {
    +  color: #b8b6b1;
    +}
    +pre .typ {
    +  color: #008080;
    +}
    +pre .lit {
    +  color: #DD1144;
    +}
    +pre .pun,
    +pre .opn,
    +pre .clo {
    +  color: #949494;
    +}
    +pre .tag {
    +  color: #4285F4;
    +}
    +pre .atn {
    +  color: #ef6e62;
    +}
    +pre .atv {
    +  color: #697ce8;
    +}
    +pre .dec,
    +pre .var {
    +  color: #DD1144;
    +}
    +pre .fun {
    +  color: #445588;
    +}
    +/*Dark Theme*/
    +pre.be-code-dark {
    +  background-color: #4d4342;
    +  color: #FFFFFF;
    +}
    +pre.be-code-dark .pln {
    +  color: #ffffff;
    +}
    +pre.be-code-dark .str {
    +  color: #b5db99;
    +}
    +pre.be-code-dark .kwd {
    +  color: #e9c865;
    +}
    +pre.be-code-dark .com {
    +  color: #c3b8b7;
    +}
    +pre.be-code-dark .typ {
    +  color: #FF9787;
    +}
    +pre.be-code-dark .lit {
    +  color: #b5db99;
    +}
    +pre.be-code-dark .pun,
    +pre.be-code-dark .opn,
    +pre.be-code-dark .clo {
    +  color: #ffffff;
    +}
    +pre.be-code-dark .tag {
    +  color: #e9c865;
    +}
    +pre.be-code-dark .atn {
    +  color: #FF9787;
    +}
    +pre.be-code-dark .atv {
    +  color: #b5db99;
    +}
    +pre.be-code-dark .dec,
    +pre.be-code-dark .var {
    +  color: #b5db99;
    +}
    +pre.be-code-dark .fun {
    +  color: #e9c865;
    +}
    +/* Specify class=linenums on a pre to get line numbering */
    +ol.linenums {
    +  margin-top: 0;
    +  margin-bottom: 0;
    +}
    +/* IE indents via margin-left */
    +li.L0,
    +li.L1,
    +li.L2,
    +li.L3,
    +li.L5,
    +li.L6,
    +li.L7,
    +li.L8 {
    +  list-style-type: none;
    +}
    +/* Alternate shading for lines */
    +li.L1,
    +li.L3,
    +li.L5,
    +li.L7,
    +li.L9 {
    +  background: #eee;
    +}
    +/*------------------------------------------------------------------
    +  [Dividers inside panels]
    +*/
    +.panel-divider {
    +  margin: 10px 0;
    +  border-top: 1px solid #f2f2f2;
    +}
    +.panel-divider-lg {
    +  margin: 15px 0;
    +}
    +.panel-divider-xl {
    +  margin: 20px 0;
    +}
    +/*------------------------------------------------------------------
    +  [Pricing tables]
    +*/
    +.pricing-tables {
    +  margin: 30px 0 20px;
    +}
    +.pricing-tables > div {
    +  padding-left: 10px;
    +  padding-right: 10px;
    +}
    +.pricing-table {
    +  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    +  border-radius: 3px;
    +  border-top: 3px solid #c9c9c9;
    +  padding: 35px 20px;
    +  background: #ffffff;
    +  text-align: center;
    +  margin: 0 0 20px;
    +}
    +.pricing-table-image {
    +  margin-bottom: 15px;
    +}
    +.pricing-table-image svg path {
    +  fill: #a6a6a6;
    +}
    +.pricing-table-title {
    +  font-size: 20px;
    +  font-weight: 300;
    +}
    +.pricing-table-price {
    +  padding: 5px 0 20px;
    +}
    +.pricing-table-price .currency {
    +  vertical-align: top;
    +}
    +.pricing-table-price .value {
    +  font-size: 35px;
    +  line-height: 40px;
    +}
    +.pricing-table-price .frecuency {
    +  font-size: 20px;
    +  font-weight: 300;
    +}
    +.pricing-table-features {
    +  margin: 0 0 25px;
    +  padding: 0;
    +  list-style: none;
    +}
    +.pricing-table-features > li {
    +  line-height: 25px;
    +  font-size: 14px;
    +  font-weight: 300;
    +  line-height: 33px;
    +}
    +.pricing-table .btn {
    +  line-height: 36px;
    +  min-width: 120px;
    +}
    +.pricing-table-primary {
    +  border-color: #4285f4;
    +}
    +.pricing-table-primary .pricing-table-image svg path {
    +  fill: #4285f4;
    +}
    +.pricing-table-primary.pricing-table-color {
    +  background-color: #5f99f5;
    +  border-color: #5f99f5;
    +}
    +.pricing-table-primary.pricing-table-color .panel-divider {
    +  border-top-color: #3d84f3;
    +}
    +.pricing-table-warning {
    +  border-color: #fbbc05;
    +}
    +.pricing-table-warning .pricing-table-image svg path {
    +  fill: #fbbc05;
    +}
    +.pricing-table-warning.pricing-table-color {
    +  background-color: #f6c163;
    +  border-color: #f6c163;
    +}
    +.pricing-table-warning.pricing-table-color .panel-divider {
    +  border-top-color: #f4b441;
    +}
    +.pricing-table-success {
    +  border-color: #34a853;
    +}
    +.pricing-table-success .pricing-table-image svg path {
    +  fill: #34a853;
    +}
    +.pricing-table-success.pricing-table-color {
    +  background-color: #37b358;
    +  border-color: #37b358;
    +}
    +.pricing-table-success.pricing-table-color .panel-divider {
    +  border-top-color: #2f984b;
    +}
    +.pricing-table-danger {
    +  border-color: #ea4335;
    +}
    +.pricing-table-danger .pricing-table-image svg path {
    +  fill: #ea4335;
    +}
    +.pricing-table-danger.pricing-table-color {
    +  background-color: #eb6357;
    +  border-color: #eb6357;
    +}
    +.pricing-table-danger.pricing-table-color .panel-divider {
    +  border-top-color: #e74537;
    +}
    +.pricing-table-color {
    +  color: #ffffff;
    +}
    +.pricing-table-color .pricing-table-image svg path {
    +  fill: #ffffff;
    +}
    +.pricing-table-color .panel-divider {
    +  border-top-color: #ffffff;
    +}
    +/*------------------------------------------------------------------
    +  [Timeline]
    +*/
    +.timeline {
    +  margin: 0 auto 40px;
    +  padding: 0;
    +  padding-bottom: 20px;
    +  max-width: 840px;
    +  position: relative;
    +}
    +@media (max-width: 767px) {
    +  .timeline {
    +    padding: 0;
    +  }
    +}
    +.timeline:before {
    +  content: '';
    +  position: absolute;
    +  top: 40px;
    +  bottom: 0;
    +  width: 2px;
    +  background: #dbdbdb;
    +  left: 170px;
    +  margin-left: -1px;
    +}
    +@media (max-width: 767px) {
    +  .timeline:before {
    +    left: 50%;
    +    margin-left: -1px;
    +    top: -35px;
    +  }
    +}
    +.timeline-item {
    +  position: relative;
    +  padding-left: 210px;
    +  list-style: none;
    +  margin-bottom: 30px;
    +}
    +@media (max-width: 767px) {
    +  .timeline-item {
    +    padding-left: 0;
    +    margin-top: 60px;
    +    margin-bottom: 0;
    +  }
    +}
    +.timeline-item:before {
    +  content: '';
    +  position: absolute;
    +  top: 34.5px;
    +  left: 162px;
    +  border: 2px solid #cccccc;
    +  width: 16px;
    +  height: 16px;
    +  background-color: #ededed;
    +  border-radius: 50px;
    +}
    +@media (max-width: 767px) {
    +  .timeline-item:before {
    +    display: none;
    +  }
    +}
    +.timeline-item:nth-child(4n+1):before {
    +  border-color: #4285f4;
    +}
    +.timeline-item:nth-child(4n+2):before {
    +  border-color: #fbbc05;
    +}
    +.timeline-item:nth-child(4n+3):before {
    +  border-color: #34a853;
    +}
    +.timeline-item:nth-child(4n+4):before {
    +  border-color: #ea4335;
    +}
    +.timeline-variant .timeline-item {
    +  padding-left: 0;
    +  margin: 30px 0 0;
    +}
    +@media (max-width: 767px) {
    +  .timeline-variant .timeline-item {
    +    margin-top: 60px;
    +  }
    +}
    +.timeline-variant .timeline-item.right {
    +  right: 0;
    +  padding-left: -webkit-calc(50% + 45px);
    +  padding-left: calc(50% + 45px);
    +}
    +.timeline-variant.mod .timeline-item.right {
    +  padding-left: 15%;
    +}
    +@media (max-width: 767px) {
    +  .timeline-variant .timeline-item.right {
    +    padding: 0;
    +  }
    +}
    +.timeline-variant .timeline-item.left {
    +  left: 0;
    +  padding-right: -webkit-calc(50% + 45px);
    +  padding-right: calc(50% + 45px);
    +}
    +@media (max-width: 767px) {
    +  .timeline-variant .timeline-item.left {
    +    padding: 0;
    +  }
    +}
    +.timeline-variant .timeline-item.left .timeline-content:after {
    +  right: -5px;
    +  left: inherit;
    +}
    +.timeline-variant .timeline-item.left .timeline-content:before {
    +  right: -5px;
    +  left: inherit;
    +}
    +.timeline-variant .timeline-item.left .timeline-icon {
    +  left: initial;
    +  right: -67px;
    +}
    +@media (max-width: 767px) {
    +  .timeline-variant .timeline-item.left .timeline-icon {
    +    left: 50%;
    +    margin-left: -18px;
    +    top: -48px;
    +  }
    +}
    +.timeline-variant .timeline-item:before {
    +  display: none;
    +}
    +.timeline-date {
    +  position: absolute;
    +  display: block;
    +  left: 0;
    +  top: 34px;
    +  width: 145px;
    +  text-align: right;
    +  white-space: nowrap;
    +  overflow: hidden;
    +  text-overflow: ellipsis;
    +}
    +@media (max-width: 767px) {
    +  .timeline-date {
    +    width: 100%;
    +    left: 0;
    +    top: -40px;
    +    text-align: center;
    +  }
    +  .timeline-date span {
    +    background-color: #e0e0e0;
    +    padding: 5px 8px;
    +    border-radius: 4px;
    +    line-height: 25px;
    +  }
    +}
    +.timeline-content {
    +  position: relative;
    +  background-color: #ffffff;
    +  padding: 25px 30px 25px 28px;
    +  border-radius: 3px;
    +  box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
    +  min-height: 85px;
    +}
    +.timeline-item-gallery .timeline-content {
    +  padding-bottom: 15px;
    +}
    +@media (max-width: 480px) {
    +  .timeline-content {
    +    padding: 15px 18px;
    +  }
    +}
    +.timeline-content:after {
    +  content: "";
    +  position: absolute;
    +  width: 10px;
    +  height: 10px;
    +  background-color: transparent;
    +  -webkit-transform: rotate(45deg);
    +      -ms-transform: rotate(45deg);
    +       -o-transform: rotate(45deg);
    +          transform: rotate(45deg);
    +  top: 37.5px;
    +  left: -5px;
    +  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.07);
    +  z-index: -1;
    +}
    +@media (max-width: 767px) {
    +  .timeline-content:after {
    +    display: none;
    +  }
    +}
    +.timeline-content:before {
    +  content: "";
    +  position: absolute;
    +  width: 10px;
    +  height: 10px;
    +  background-color: #fff;
    +  -webkit-transform: rotate(45deg);
    +      -ms-transform: rotate(45deg);
    +       -o-transform: rotate(45deg);
    +          transform: rotate(45deg);
    +  top: 37.5px;
    +  left: -5px;
    +}
    +@media (max-width: 767px) {
    +  .timeline-content:before {
    +    display: none;
    +  }
    +}
    +.timeline-avatar {
    +  width: 35px;
    +  height: 35px;
    +  display: block;
    +  border-radius: 50px;
    +  overflow: hidden;
    +  vertical-align: middle;
    +  float: left;
    +}
    +.timeline-avatar img {
    +  width: 100%;
    +  height: 100%;
    +}
    +.timeline-header {
    +  display: block;
    +  padding: 7px 0 0 46px;
    +}
    +@media (max-width: 767px) {
    +  .timeline-header {
    +    padding-top: 0;
    +  }
    +}
    +.timeline-variant .timeline-header {
    +  padding-top: 0;
    +  line-height: 16px;
    +}
    +.timeline-autor {
    +  display: inline-block;
    +  font-weight: 700;
    +}
    +.timeline-activity {
    +  display: inline-block;
    +  margin: 0;
    +}
    +.timeline-variant .timeline-activity {
    +  display: inline;
    +  line-height: 16px;
    +}
    +.timeline-time {
    +  float: right;
    +  color: #ababab;
    +}
    +.timeline-variant .timeline-time {
    +  float: none;
    +  display: block;
    +  line-height: 21px;
    +}
    +.timeline-summary {
    +  color: #8a8a8a;
    +  margin-top: 4px;
    +}
    +.timeline-summary p {
    +  margin-bottom: 0;
    +}
    +.timeline-variant .timeline-summary {
    +  margin-top: 20px;
    +}
    +.timeline-variant .timeline-summary p {
    +  line-height: 16px;
    +}
    +.timeline-gallery {
    +  margin-top: 12px;
    +}
    +.timeline-variant .timeline-gallery {
    +  margin-top: 20px;
    +}
    +.timeline-gallery .gallery-thumbnail {
    +  display: inline-block;
    +  max-width: 100px;
    +  margin-right: 10px;
    +  margin-bottom: 10px;
    +}
    +.timeline-blockquote {
    +  margin: 10px 0 0 5px;
    +  padding: 4px 10px;
    +  border-left: 4px solid #e0e0e0;
    +  color: #8a8a8a;
    +}
    +.timeline-variant .timeline-blockquote {
    +  margin-top: 20px;
    +}
    +.timeline-blockquote p {
    +  font-size: 13px;
    +}
    +.timeline-blockquote footer {
    +  color: #8a8a8a;
    +}
    +/*Load more button*/
    +@media (max-width: 767px) {
    +  .timeline-loadmore {
    +    text-align: center;
    +    padding: 0;
    +    margin-bottom: 40px;
    +    margin-top: 40px;
    +  }
    +}
    +.timeline-loadmore .load-more-btn {
    +  background-color: #dbdbdb;
    +  border-radius: 2px;
    +  padding: 5px 9px;
    +  color: #424242;
    +  outline: none;
    +  font-size: 12px;
    +  font-weight: 500;
    +  position: absolute;
    +  left: 131px;
    +}
    +@media (max-width: 767px) {
    +  .timeline-loadmore .load-more-btn {
    +    position: relative;
    +    left: 0;
    +  }
    +}
    +.timeline-loadmore:before {
    +  display: none;
    +}
    +.timeline-variant .timeline-loadmore {
    +  text-align: center;
    +  margin-bottom: 40px;
    +}
    +.timeline-variant.mod .timeline-loadmore {
    +  text-align: left;
    +  margin-left: 30px;
    +  margin-bottom: 40px;
    +}
    +.timeline-variant .timeline-loadmore .load-more-btn {
    +  position: relative;
    +  left: initial;
    +}
    +/*------------------------------------------------------------------
    +  [Detailed items content like gallery & blockquote]
    +*/
    +.timeline-item-detailed .timeline-time {
    +  line-height: 21px;
    +}
    +.timeline-item-detailed .timeline-header {
    +  line-height: 21px;
    +}
    +.timeline-variant .timeline-item-detailed .timeline-header {
    +  border-bottom: 1px solid #EEEEEE;
    +  padding-bottom: 15px;
    +}
    +.timeline-item-detailed .timeline-avatar {
    +  vertical-align: top;
    +}
    +.timeline-variant {
    +  max-width: none;
    +  padding-bottom: 0;
    +}
    +.timeline-variant:before {
    +  left: 50%;
    +  z-index: -1;
    +  top: 70px;
    +}
    +.timeline-variant.mod:before {
    +  left: 6%;
    +  z-index: -1;
    +  top: 70px;
    +}
    +.timeline-month {
    +  width: 100%;
    +  text-align: center;
    +  list-style: none;
    +  margin: 30px 0 15px;
    +  padding: 11px 0 12px;
    +  font-size: 18px;
    +  background-color: #EEEEEE;
    +  font-weight: 300;
    +}
    +.timeline-month:first-child {
    +  margin-top: 0;
    +  padding-bottom: 5px;
    +}
    +.timeline-icon {
    +  position: absolute;
    +  color: #ffffff;
    +  top: 20px;
    +  left: -67px;
    +  width: 44px;
    +  height: 44px;
    +  font-size: 20px;
    +  border: 2px solid #ffffff;
    +  text-align: center;
    +  background-color: #ededed;
    +  border-radius: 50%;
    +}
    +@media (max-width: 767px) {
    +  .timeline-icon {
    +    left: 50%;
    +    margin-left: -18px;
    +    top: -48px;
    +    width: 38px;
    +    height: 38px;
    +    font-size: 18px;
    +  }
    +}
    +.timeline-icon > .icon {
    +  line-height: 40px;
    +  vertical-align: middle;
    +}
    +@media (max-width: 767px) {
    +  .timeline-icon > .icon {
    +    line-height: 34px;
    +  }
    +}
    +.file .timeline-icon {
    +  background-color: #4285f4;
    +}
    +.comment .timeline-icon {
    +  background-color: #fbbc05;
    +}
    +.gallery .timeline-icon {
    +  background-color: #34a853;
    +}
    +.quote .timeline-icon {
    +  background-color: #ea4335;
    +}
    +/*------------------------------------------------------------------
    +  [Invoice]
    +*/
    +.invoice {
    +  background-color: #ffffff;
    +  padding: 100px 100px 70px;
    +  color: #8c8c8c;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice {
    +    padding: 50px 50px 35px;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice {
    +    padding: 35px 25px 15px;
    +  }
    +}
    +.invoice-header {
    +  margin-bottom: 100px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-header {
    +    margin-bottom: 50px;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice-header > div {
    +    float: none;
    +    width: 100%;
    +  }
    +}
    +.invoice-logo {
    +  height: 54px;
    +  min-width: 204px;
    +  background-image: url("../img/logo-xx.png");
    +  background-repeat: no-repeat;
    +  background-position: 0 ;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-logo {
    +    height: 27px;
    +    width: 102px;
    +    background-image: url("../img/logo.png");
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice-logo {
    +    margin: 0 auto 20px;
    +    float: none;
    +    min-width: auto;
    +  }
    +}
    +.invoice-order {
    +  text-align: right;
    +}
    +@media (max-width: 480px) {
    +  .invoice-order {
    +    text-align: center;
    +  }
    +}
    +.invoice-id {
    +  display: block;
    +  font-size: 30px;
    +  line-height: 30px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-id {
    +    font-size: 15px;
    +    line-height: 18px;
    +  }
    +}
    +.incoice-date {
    +  display: block;
    +  font-size: 18px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .incoice-date {
    +    font-size: 13px;
    +  }
    +}
    +.invoice-data {
    +  margin-bottom: 110px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-data {
    +    margin-bottom: 55px;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice-data > div {
    +    float: none;
    +    width: 100%;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice-person {
    +    text-align: center;
    +  }
    +}
    +.invoice-person span {
    +  font-size: 18px;
    +  line-height: 26px;
    +  display: block;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-person span {
    +    font-size: 13px;
    +    line-height: 20px;
    +  }
    +}
    +.invoice-person .name {
    +  font-weight: 500;
    +}
    +.invoice-person:last-child {
    +  text-align: right;
    +}
    +@media (max-width: 480px) {
    +  .invoice-person:last-child {
    +    text-align: center;
    +  }
    +}
    +.invoice-payment-direction {
    +  text-align: center;
    +  position: relative;
    +  padding-top: 20px;
    +}
    +@media (max-width: 480px) {
    +  .invoice-payment-direction {
    +    padding: 20px;
    +  }
    +}
    +.invoice-payment-direction .icon {
    +  width: 80px;
    +  height: 80px;
    +  border-radius: 50%;
    +  background-color: #f7f7f7;
    +  font-size: 50px;
    +  color: #c2c2c2;
    +  line-height: 80px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-payment-direction .icon {
    +    width: 40px;
    +    height: 40px;
    +    line-height: 40px;
    +    font-size: 25px;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice-payment-direction .icon {
    +    -webkit-transform: rotate(90deg);
    +        -ms-transform: rotate(90deg);
    +         -o-transform: rotate(90deg);
    +            transform: rotate(90deg);
    +  }
    +}
    +.invoice-details {
    +  width: 100%;
    +  font-size: 16px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-details {
    +    font-size: 11px;
    +  }
    +}
    +.invoice-details tr > td {
    +  padding: 20px 0;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-details tr > td {
    +    padding: 15px 0;
    +  }
    +}
    +.invoice-details th {
    +  text-align: right;
    +  padding-bottom: 8px;
    +  border-bottom: 1px solid #f0f0f0;
    +}
    +.invoice-details th:first-child {
    +  text-align: left;
    +}
    +.invoice-details td.description,
    +.invoice-details td.hours,
    +.invoice-details td.amount,
    +.invoice-details td.summary {
    +  border-bottom: 1px solid #f0f0f0;
    +}
    +.invoice-details td.hours {
    +  text-align: right;
    +}
    +.invoice-details td.amount {
    +  text-align: right;
    +}
    +.invoice-details td.summary {
    +  color: #c4c4c4;
    +}
    +.invoice-details td.total {
    +  color: #8c8c8c;
    +  font-weight: 500;
    +}
    +.invoice-details td.total-value {
    +  font-size: 22px;
    +  color: #4285f4;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-details td.total-value {
    +    font-size: 11px;
    +  }
    +}
    +.invoice-payment-method {
    +  margin-bottom: 75px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-payment-method {
    +    margin-bottom: 37px;
    +  }
    +}
    +.invoice-payment-method span {
    +  font-size: 18px;
    +  line-height: 26px;
    +  display: block;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-payment-method span {
    +    font-size: 13px;
    +    line-height: 20px;
    +  }
    +}
    +.invoice-payment-method .title {
    +  font-weight: 500;
    +}
    +.invoice-message {
    +  font-size: 16px;
    +  margin-bottom: 62px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-message {
    +    font-size: 13px;
    +  }
    +}
    +@media (max-width: 480px) {
    +  .invoice-message {
    +    margin-bottom: 31px;
    +  }
    +}
    +.invoice-message .title {
    +  font-weight: 500;
    +  text-transform: uppercase;
    +  display: block;
    +  margin-bottom: 12px;
    +}
    +.invoice-message p {
    +  line-height: 26px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .invoice-message p {
    +    line-height: 20px;
    +  }
    +}
    +.invoice-company-info {
    +  margin-bottom: 70px;
    +}
    +@media (max-width: 767px), (max-width: 480px) {
    +  .invoice-company-info {
    +    margin-bottom: 35px;
    +  }
    +}
    +.invoice-company-info > div {
    +  border-left: 1px solid #f0f0f0;
    +  padding: 8px 40px;
    +}
    +@media (max-width: 767px), (max-width: 480px) {
    +  .invoice-company-info > div {
    +    border: none;
    +    padding: 8px 15px;
    +  }
    +}
    +.invoice-company-info > div:first-child {
    +  border-left: none;
    +}
    +.invoice-company-info .summary {
    +  padding: 0 40px 0;
    +  line-height: 16px;
    +}
    +@media (max-width: 767px), (max-width: 480px) {
    +  .invoice-company-info .summary {
    +    padding: 8px 15px;
    +  }
    +}
    +.invoice-company-info .summary .title {
    +  color: #8c8c8c;
    +  font-size: 14px;
    +  line-height: 21px;
    +  font-weight: 500;
    +}
    +.invoice-company-info .summary p {
    +  line-height: 16px;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .invoice-company-info .phone {
    +    border-left-width: 0;
    +  }
    +}
    +.invoice-footer {
    +  text-align: center;
    +}
    +.invoice-footer .btn {
    +  min-width: 96px;
    +  font-size: 14px;
    +}
    +/*------------------------------------------------------------------
    +  [Calendar Widget]
    +*/
    +.widget-calendar .ui-datepicker {
    +  position: relative;
    +  margin: 10px 0 32px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header {
    +  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    +  padding-bottom: 5px;
    +  margin-bottom: 20px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    +  cursor: default;
    +  line-height: 24px;
    +  margin: 0 2.3em;
    +  text-align: center;
    +  font-weight: 300;
    +  font-size: 18px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    +  height: 1.8em;
    +  position: absolute;
    +  top: -5px;
    +  width: 1.8em;
    +  color: #404040;
    +  font-size: 25px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
    +  overflow: hidden;
    +  display: block;
    +  text-indent: -99999px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after,
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
    +  cursor: pointer;
    +  content: "\f2fa";
    +  font-family: 'Material Icons';
    +  display: block;
    +  position: absolute;
    +  width: 16px;
    +  height: 16px;
    +  top: 0;
    +  text-indent: 0;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    +  left: 8px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    +  right: 2px;
    +}
    +.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
    +  content: "\f2fb";
    +  right: 2px;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar {
    +  width: 100%;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:first-child,
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:first-child {
    +  padding-left: 0;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:last-child,
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:last-child {
    +  padding-right: 0;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar th {
    +  border: 0;
    +  padding: 3px;
    +  text-align: center;
    +  font-weight: 400;
    +  color: #404040;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar th span {
    +  font-size: 14px;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td {
    +  border: 0;
    +  padding: 6px 0;
    +  text-align: center;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a {
    +  display: inline-block;
    +  padding: 0;
    +  text-align: center;
    +  text-decoration: none;
    +  color: #737373;
    +  width: 27px;
    +  height: 27px;
    +  line-height: 27px;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover {
    +  color: #404040;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    +  background-color: #e6e6e6;
    +  border-radius: 50%;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    +  background-color: #4285f4;
    +  color: #ffffff;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.has-events a {
    +  position: relative;
    +  background-color: #ebf2fe;
    +  border-radius: 50%;
    +}
    +.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-other-month a {
    +  color: #cccccc;
    +}
    +.widget-calendar .ui-datepicker.ui-datepicker-6rows {
    +  margin-bottom: 28px;
    +}
    +.widget-calendar .ui-datepicker.ui-datepicker-6rows table.ui-datepicker-calendar tr td {
    +  padding: 3px 0;
    +}
    +.widget.widget-map .map-container > div {
    +  height: 229px;
    +}
    +/*------------------------------------------------------------------
    +  [Tile widgets]
    +*/
    +.widget.widget-tile {
    +  padding: 24px 20px;
    +  margin-bottom: 25px;
    +  display: table;
    +  table-layout: fixed;
    +  width: 100%;
    +}
    +.widget.widget-tile .data-info {
    +  display: table-cell;
    +  text-align: right;
    +}
    +.widget.widget-tile .data-info .value {
    +  font-size: 22px;
    +  font-weight: 300;
    +}
    +.widget.widget-tile .data-info .indicator {
    +  font-size: 25px;
    +  margin-right: 7px;
    +  line-height: 24px;
    +  vertical-align: middle;
    +}
    +.widget.widget-tile .data-info .indicator-equal {
    +  color: #4285f4;
    +}
    +.widget.widget-tile .data-info .indicator-positive {
    +  color: #34a853;
    +}
    +.widget.widget-tile .data-info .indicator-negative {
    +  color: #ea4335;
    +}
    +.widget.widget-tile .data-info .desc {
    +  font-size: 14px;
    +  line-height: 18px;
    +  overflow: hidden;
    +  text-overflow: ellipsis;
    +  white-space: nowrap;
    +}
    +.widget.widget-tile .chart {
    +  width: 85px;
    +  min-height: 45px;
    +  padding: 5px 0;
    +  display: table-cell;
    +  vertical-align: middle;
    +}
    +.widget.widget-tile.widget-tile-wide {
    +  display: table;
    +  width: 100%;
    +}
    +.widget.widget-tile.widget-tile-wide > div {
    +  display: table-cell;
    +  width: 50%;
    +  vertical-align: middle;
    +}
    +.widget.widget-tile.widget-tile-wide .data-info {
    +  vertical-align: top;
    +}
    +.widget.widget-tile.widget-tile-wide .data-info .title {
    +  font-size: 16px;
    +  line-height: 22px;
    +  margin-bottom: 2px;
    +}
    +.widget.widget-tile.widget-tile-wide .data-info .desc {
    +  color: #808080;
    +  font-size: 12px;
    +}
    +.widget.widget-tile.widget-tile-wide .tile-value {
    +  text-align: right;
    +}
    +.widget.widget-tile.widget-tile-wide .tile-value > span {
    +  display: block;
    +  padding-right: 10px;
    +  font-weight: 300;
    +  font-size: 31px;
    +}
    +.widget.widget-tile.widget-tile-wide .icon {
    +  float: none;
    +  line-height: 43px;
    +  vertical-align: top;
    +  margin-right: 5px;
    +}
    +/*------------------------------------------------------------------
    +  [User profile widget]
    +*/
    +.user-display {
    +  margin-bottom: 30px;
    +  border-radius: 2px;
    +  background-color: #ffffff;
    +}
    +.user-display-bg {
    +  max-height: 300px;
    +  overflow: hidden;
    +}
    +.user-display-bg img {
    +  width: 100%;
    +  border-radius: 2px 2px 0 0;
    +}
    +@media (max-width: 767px) {
    +  .user-display-bg img {
    +    min-height: 130px;
    +  }
    +}
    +.user-display-bottom {
    +  position: relative;
    +  padding: 11px 20px;
    +}
    +.user-display-avatar {
    +  position: absolute;
    +  left: 20px;
    +  top: -50px;
    +  border-radius: 50%;
    +  background-color: #ffffff;
    +}
    +.user-display-avatar img {
    +  width: 110px;
    +  height: 110px;
    +  border-radius: 50%;
    +  border: 3px solid #ffffff;
    +}
    +.user-display-info {
    +  line-height: 20px;
    +  padding-left: 130px;
    +}
    +.user-display-info .name {
    +  display: block;
    +  font-size: 18px;
    +  font-weight: 500;
    +  line-height: 22px;
    +}
    +.user-display-info .nick {
    +  line-height: 21px;
    +  color: #5f5f5f;
    +}
    +.user-display-details {
    +  margin-top: 15px;
    +}
    +.user-display-details .title {
    +  text-transform: uppercase;
    +  font-size: 12px;
    +  color: #5f5f5f;
    +}
    +.user-display-details .counter {
    +  font-size: 18px;
    +}
    +/*------------------------------------------------------------------
    +  [User info list widget]
    +*/
    +.user-info-list table {
    +  width: 100%;
    +  table-layout: fixed;
    +}
    +.user-info-list table tr td {
    +  padding: 12px 0;
    +}
    +.user-info-list table tr td.icon {
    +  width: 33px;
    +}
    +.user-info-list table tr td.icon > span {
    +  font-size: 20px;
    +  vertical-align: middle;
    +}
    +.user-info-list table tr td.item {
    +  width: 34%;
    +}
    +/*------------------------------------------------------------------
    +  [User current progress widget]
    +*/
    +.user-progress {
    +  margin-bottom: 15px;
    +}
    +.user-progress .title {
    +  display: block;
    +  margin-bottom: 10px;
    +}
    +.user-progress .value {
    +  display: block;
    +  text-align: right;
    +  font-size: 18px;
    +  padding-top: 18px;
    +}
    +.user-progress .progress {
    +  height: 10px;
    +  border-radius: 5px;
    +  margin-bottom: 0;
    +}
    +.user-progress .progress-bar {
    +  border-radius: 5px;
    +}
    +.user-progress-small {
    +  margin-bottom: 20px;
    +}
    +.user-progress-small .title {
    +  display: inline-block;
    +}
    +.user-progress-small .progress {
    +  margin-top: 5px;
    +  height: 5px;
    +}
    +/*------------------------------------------------------------------
    +  [User timeline widget]
    +*/
    +.user-timeline {
    +  padding: 0;
    +  margin: 5px 0 15px;
    +  list-style: none;
    +  position: relative;
    +}
    +.user-timeline:before {
    +  content: "";
    +  position: absolute;
    +  left: 7px;
    +  top: 2px;
    +  height: 100%;
    +  width: 2px;
    +  background-color: #4285f4;
    +}
    +.user-timeline:after {
    +  content: "";
    +  position: absolute;
    +  left: 4px;
    +  bottom: -2px;
    +  height: 8px;
    +  width: 8px;
    +  background-color: #4285f4;
    +  border-radius: 50%;
    +}
    +.user-timeline > li {
    +  display: block;
    +  position: relative;
    +  padding-left: 30px;
    +  padding-bottom: 27px;
    +}
    +.user-timeline > li:before {
    +  content: "";
    +  position: absolute;
    +  left: 0;
    +  top: 2px;
    +  height: 16px;
    +  width: 16px;
    +  background-color: #ffffff;
    +  border-radius: 50%;
    +  border: 1px solid #4285f4;
    +}
    +.user-timeline > li.latest:before {
    +  background-color: #4285f4;
    +}
    +.user-timeline-date {
    +  text-transform: uppercase;
    +  color: #737373;
    +  margin-bottom: 8px;
    +}
    +.user-timeline-title {
    +  font-weight: 500;
    +}
    +.user-timeline-compact .user-timeline-date {
    +  float: right;
    +  text-transform: capitalize;
    +  margin-bottom: 0;
    +  line-height: 22px;
    +}
    +.user-timeline-compact .user-timeline-title {
    +  font-size: 18px;
    +  font-weight: 300;
    +}
    +.user-timeline-compact .user-timeline-description {
    +  color: #737373;
    +  margin-top: 4px;
    +}
    +.user-timeline-compact:before {
    +  background-color: #f6c163;
    +}
    +.user-timeline-compact:after {
    +  background-color: #f6c163;
    +}
    +.user-timeline-compact > li {
    +  padding-bottom: 35px;
    +}
    +.user-timeline-compact > li:last-child {
    +  padding-bottom: 25px;
    +}
    +.user-timeline-compact > li:before {
    +  border: 1px solid #f6c163;
    +}
    +.user-timeline-compact > li.latest:before {
    +  background-color: #f6c163;
    +}
    +/*------------------------------------------------------------------
    +  [Custom pages]
    +*/
    +/*------------------------------------------------------------------
    +  [Login]
    +*/
    +.login-tools {
    +  padding-top: 18px;
    +}
    +.login-forgot-password {
    +  line-height: 22px;
    +  text-align: right;
    +}
    +.login-submit {
    +  padding-top: 19px;
    +  margin-bottom: 18px;
    +}
    +.login-submit .btn {
    +  width: 100%;
    +}
    +.login-submit > div:first-child {
    +  padding-right: 10px;
    +}
    +.login-submit > div:last-child {
    +  padding-left: 10px;
    +}
    +/*------------------------------------------------------------------
    +  [Error pages]
    +*/
    +.be-error .error-container {
    +  text-align: center;
    +  margin-top: 100px;
    +}
    +@media (max-width: 767px) {
    +  .be-error .error-container {
    +    margin-top: 50px;
    +  }
    +}
    +.be-error .error-number {
    +  display: block;
    +  font-size: 150px;
    +  font-weight: 700;
    +  line-height: 240px;
    +  margin-bottom: 30px;
    +  max-height: 240px;
    +}
    +.be-error .error-number:after {
    +  padding-top: 0.25%;
    +  display: block;
    +  content: '';
    +}
    +@media (max-width: 767px) {
    +  .be-error .error-number {
    +    padding: 20px 0;
    +    font-size: 90px;
    +    margin-bottom: 10px;
    +    line-height: 100px;
    +  }
    +}
    +.be-error .error-description {
    +  font-size: 30px;
    +  font-weight: 300;
    +  line-height: 32px;
    +  margin-bottom: 30px;
    +}
    +@media (max-width: 767px) {
    +  .be-error .error-description {
    +    font-size: 19px;
    +  }
    +}
    +.be-error .error-goback-text {
    +  font-size: 22px;
    +  font-weight: 300;
    +  margin-bottom: 30px;
    +  margin-top: 15px;
    +}
    +@media (max-width: 767px) {
    +  .be-error .error-goback-text {
    +    font-size: 15px;
    +  }
    +}
    +.be-error .error-goback-button {
    +  margin-bottom: 30px;
    +}
    +.be-error .error-goback-button .btn {
    +  min-width: 153px;
    +  text-align: center;
    +}
    +/*------------------------------------------------------------------
    +  [Page 404]
    +*/
    +.be-error-404 .error-container .error-number {
    +  background: url("../img/404-bg.png") no-repeat center center;
    +  background-size: contain;
    +}
    +@media (max-width: 480px) {
    +  .be-error-404 .error-container .error-number {
    +    padding: 0;
    +    font-size: 70px;
    +  }
    +}
    +@media (max-width: 340px) {
    +  .be-error-404 .error-container .error-number {
    +    font-size: 50px;
    +  }
    +}
    +@media (max-width: 295px) {
    +  .be-error-404 .error-container .error-number {
    +    font-size: 40px;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Sign up]
    +*/
    +.splash-container.sign-up {
    +  max-width: 433px;
    +  margin: 10px auto;
    +}
    +.splash-container.sign-up .panel .panel-heading {
    +  margin-bottom: 0;
    +}
    +.signup-password {
    +  margin-bottom: 18px;
    +}
    +.signup-password .btn {
    +  width: 100%;
    +}
    +.signup-password > div:first-child {
    +  padding-right: 10px;
    +}
    +.signup-password > div:last-child {
    +  padding-left: 10px;
    +}
    +/*------------------------------------------------------------------
    +  [Forgot password]
    +*/
    +.splash-container.forgot-password .panel .panel-heading {
    +  margin-bottom: 5px;
    +}
    +/*------------------------------------------------------------------
    +  [Gallery]
    +*/
    +.gallery-container .item {
    +  width: 25%;
    +  margin-bottom: 20px;
    +  padding: 0 10px;
    +}
    +.gallery-container .item .photo {
    +  background: #ffffff;
    +}
    +.gallery-container .item .photo .img {
    +  position: relative;
    +}
    +.gallery-container .item .photo .img img {
    +  width: 100%;
    +}
    +.gallery-container .item .photo .img .over {
    +  top: 0;
    +  opacity: 0;
    +  position: absolute;
    +  height: 100%;
    +  width: 100%;
    +  background: rgba(66, 133, 244, 0.8);
    +  -o-transition: opacity 300ms ease;
    +  transition: opacity 300ms ease;
    +  -webkit-transition: opacity 300ms ease;
    +  overflow: hidden;
    +}
    +.gallery-container .item .photo .img .over .info-wrapper {
    +  display: table;
    +  height: 100%;
    +  margin-top: -80px;
    +  -webkit-transition: margin-top 200ms ease-in-out;
    +  -o-transition: margin-top 200ms ease-in-out;
    +  transition: margin-top 200ms ease-in-out;
    +}
    +.gallery-container .item .photo .img .over .info {
    +  display: table-cell;
    +  vertical-align: middle;
    +  position: relative;
    +  top: 0;
    +  text-align: center;
    +  color: #ffffff;
    +  padding: 0 10px;
    +}
    +.gallery-container .item .photo .img .over .title {
    +  font-size: 18px;
    +  font-weight: 300;
    +}
    +.gallery-container .item .photo .img .over .description {
    +  margin: 10px 0 18px;
    +  line-height: 15px;
    +}
    +.gallery-container .item .photo .img .over .func a {
    +  display: inline-block;
    +  height: 30px;
    +  width: 30px;
    +  margin-right: 10px;
    +  background: rgba(255, 255, 255, 0.2);
    +  border-radius: 50%;
    +}
    +.gallery-container .item .photo .img .over .func a:hover {
    +  background: rgba(255, 255, 255, 0.3);
    +}
    +.gallery-container .item .photo .img .over .func a i {
    +  font-size: 18px;
    +  color: #ffffff;
    +  line-height: 30px;
    +}
    +.gallery-container .item .photo .img:hover .over {
    +  opacity: 1;
    +}
    +.gallery-container .item .photo .img:hover .over .info-wrapper {
    +  margin-top: 0;
    +}
    +.gallery-container .item .photo .description {
    +  line-height: 20px;
    +  display: table;
    +  width: 100%;
    +}
    +.gallery-container .item .photo .description .icon {
    +  display: table-cell;
    +  background-color: #e6e6e6;
    +  padding: 20px;
    +  vertical-align: middle;
    +  width: 20px;
    +}
    +.gallery-container .item .photo .description .icon a {
    +  color: #4d4d4d;
    +}
    +.gallery-container .item .photo .description .icon a i {
    +  font-size: 30px;
    +}
    +@media (max-width: 767px) {
    +  .gallery-container .item .photo .description .icon a i {
    +    font-size: 20px;
    +  }
    +}
    +.gallery-container .item .photo .description .icon a:hover {
    +  color: #4285f4;
    +}
    +@media (max-width: 767px) {
    +  .gallery-container .item .photo .description .icon {
    +    padding: 15px;
    +  }
    +}
    +.gallery-container .item .photo .description .desc {
    +  display: table-cell;
    +  padding: 10px 20px;
    +  vertical-align: middle;
    +}
    +.gallery-container .item .photo .description .desc h4 {
    +  margin: 0;
    +  font-size: 18px;
    +}
    +@media (max-width: 767px) {
    +  .gallery-container .item .photo .description .desc h4 {
    +    font-size: 15px;
    +  }
    +}
    +.gallery-container .item .photo .description .desc span {
    +  color: #8a8888;
    +  font-size: 12px;
    +  font-weight: 300;
    +}
    +@media (max-width: 767px) {
    +  .gallery-container .item .photo .description .desc {
    +    padding: 10px;
    +  }
    +}
    +.gallery-container .item.w2 {
    +  width: 50%;
    +}
    +@media (max-width: 767px) {
    +  .gallery-container {
    +    max-width: 767px;
    +  }
    +  .gallery-container .item {
    +    width: 100%;
    +    padding: 0;
    +  }
    +  .gallery-container .item.w2 {
    +    width: 100%;
    +  }
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .gallery-container .item {
    +    width: 50%;
    +  }
    +}
    +.aside-compose {
    +  text-align: center;
    +  padding: 20px 25px;
    +  margin-top: 10px;
    +}
    +.email-inbox-header {
    +  background-color: #ffffff;
    +  padding: 37px 25px;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .email-inbox-header {
    +    padding: 20px 25px;
    +  }
    +}
    +.email-title {
    +  display: block;
    +  margin: 3px 0 0;
    +  font-size: 23px;
    +  font-weight: 300;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .email-title {
    +    margin-bottom: 10px;
    +  }
    +}
    +.email-title .icon {
    +  font-size: 23px;
    +  color: #737373;
    +}
    +.email-title .new-messages {
    +  font-size: 13px;
    +  color: #8d8d8d;
    +  margin-left: 3px;
    +}
    +.email-filters {
    +  padding: 0 20px 30px;
    +  border-bottom: 1px solid #e6e6e6;
    +  background-color: #ffffff;
    +  display: table;
    +  width: 100%;
    +}
    +.email-filters > div {
    +  display: table-cell;
    +  vertical-align: middle;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    +  .email-filters > div {
    +    vertical-align: top;
    +  }
    +}
    +.email-filters .btn-group + .btn-group {
    +  margin-left: 10px;
    +}
    +@media (min-width: 768px) and (max-width: 991px), (max-width: 480px) {
    +  .email-filters .btn-group + .btn-group {
    +    margin-left: 0;
    +    margin-top: 10px;
    +  }
    +}
    +.email-filters .be-select-all.be-checkbox {
    +  display: inline-block;
    +  vertical-align: middle;
    +  padding: 0;
    +}
    +.email-filters .be-select-all.be-checkbox label:before {
    +  margin-right: 18px;
    +}
    +.email-filters .email-filters-right {
    +  text-align: right;
    +}
    +.email-filters input {
    +  margin-right: 8px;
    +}
    +.email-pagination-indicator {
    +  display: inline-block;
    +  vertical-align: middle;
    +  margin-right: 13px;
    +}
    +@media (min-width: 768px) and (max-width: 991px) {
    +  .email-pagination-indicator {
    +    margin-right: 0;
    +  }
    +}
    +.email-pagination-nav .btn {
    +  min-width: 30px;
    +}
    +.email-pagination-nav .btn i {
    +  font-size: 21px;
    +  vertical-align: middle;
    +}
    +.email-list {
    +  background: #ffffff;
    +}
    +.email-list-item {
    +  border-bottom: 1px solid #e6e6e6;
    +  padding: 14px 20px;
    +  display: table;
    +  width: 100%;
    +  cursor: pointer;
    +  position: relative;
    +  background-color: #fafafa;
    +}
    +.email-list-item.email-list-item--unread {
    +  background-color: #ffffff;
    +}
    +.email-list-item.email-list-item--unread:after {
    +  content: '';
    +  display: block;
    +  position: absolute;
    +  width: 3px;
    +  top: -1px;
    +  bottom: -1px;
    +  left: 0;
    +  background-color: #4285f4;
    +}
    +.email-list-item.email-list-item--unread .from,
    +.email-list-item.email-list-item--unread .date {
    +  font-weight: 500;
    +}
    +.email-list-item .icon {
    +  margin-right: 7px;
    +  font-size: 15px;
    +  vertical-align: middle;
    +  color: #666666;
    +}
    +.email-list-item .from {
    +  display: block;
    +  font-weight: 400;
    +  font-size: 13px;
    +  margin: 0 0 3px 0;
    +}
    +.email-list-item .msg {
    +  margin: 0;
    +  color: #737373;
    +}
    +.email-list-item:hover {
    +  background-color: #f7f7f7;
    +}
    +.email-list-detail,
    +.email-list-actions {
    +  vertical-align: top;
    +  display: table-cell;
    +}
    +.email-list-actions {
    +  width: 40px;
    +}
    +.email-list-actions .be-checkbox {
    +  padding: 0;
    +}
    +.email-list-actions .favorite {
    +  display: block;
    +  padding-top: 5px;
    +  padding-left: 3px;
    +  line-height: 15px;
    +}
    +.email-list-actions .favorite span {
    +  font-size: 20px;
    +  line-height: 17px;
    +  color: #c0c0c0;
    +}
    +.email-list-actions .favorite:hover span {
    +  color: #8d8d8d;
    +}
    +.email-list-actions .favorite.active span {
    +  color: #FFC600;
    +}
    +.email-head {
    +  background-color: #ffffff;
    +}
    +.email-head-title {
    +  padding: 25px 25px;
    +  border-bottom: 1px solid #e6e6e6;
    +  display: block;
    +  font-weight: 400;
    +  color: #5a5a5a;
    +  font-size: 23px;
    +}
    +.email-head-title .icon {
    +  color: #696969;
    +  margin-right: 12px;
    +  vertical-align: middle;
    +  line-height: 31px;
    +  position: relative;
    +  top: -1px;
    +  float: left;
    +  font-size: 20px;
    +}
    +.email-head-subject {
    +  padding: 25px 25px;
    +  border-bottom: 1px solid #e6e6e6;
    +}
    +.email-head-subject .title {
    +  display: block;
    +  font-size: 23px;
    +  font-weight: 300;
    +  color: #5a5a5a;
    +}
    +.email-head-subject .title > a .icon {
    +  color: #c0c0c0;
    +  font-size: 18px;
    +  margin-right: 6px;
    +  vertical-align: middle;
    +  line-height: 31px;
    +  position: relative;
    +  top: -1px;
    +}
    +.email-head-subject .title > a:hover .icon {
    +  color: #8d8d8d;
    +}
    +.email-head-subject .title > a.active .icon {
    +  color: #FFC600;
    +}
    +.email-head-subject .icons {
    +  font-size: 20px;
    +  float: right;
    +}
    +.email-head-subject .icons .icon {
    +  color: #737373;
    +  margin-left: 12px;
    +  vertical-align: middle;
    +}
    +.email-head-subject .icons .icon:hover {
    +  color: #5a5a5a;
    +}
    +.email-head-sender {
    +  padding: 13px 25px;
    +  line-height: 40px;
    +}
    +.email-head-sender .avatar {
    +  float: left;
    +  margin-right: 10px;
    +}
    +.email-head-sender .avatar img {
    +  max-width: 40px;
    +  max-height: 40px;
    +  border-radius: 50%;
    +}
    +.email-head-sender .sender {
    +  font-size: 15px;
    +}
    +.email-head-sender .sender .actions {
    +  display: inline-block;
    +  position: relative;
    +}
    +.email-head-sender .sender .icon {
    +  font-size: 20px;
    +  line-height: 16px;
    +  color: #5a5a5a;
    +  margin-left: 7px;
    +}
    +.email-head-sender .sender .icon i {
    +  line-height: 16px;
    +  vertical-align: middle;
    +}
    +.email-head-sender .date {
    +  float: right;
    +}
    +.email-head-sender .date a {
    +  vertical-align: middle;
    +  margin-right: 5px;
    +}
    +.email-head-sender .date .icon {
    +  font-size: 20px;
    +}
    +.email-body {
    +  background-color: #ffffff;
    +  border-top: 1px solid #e6e6e6;
    +  padding: 30px 28px;
    +}
    +.email-body p {
    +  line-height: 25px;
    +  margin-bottom: 20px;
    +}
    +.email-body p:last-child {
    +  margin-bottom: 0;
    +}
    +.email-attachments {
    +  background-color: #ffffff;
    +  padding: 25px 28px;
    +  border-top: 1px solid #e6e6e6;
    +}
    +.email-attachments .title {
    +  display: block;
    +  font-weight: 500;
    +}
    +.email-attachments .title span {
    +  font-weight: 400;
    +}
    +.email-attachments ul {
    +  list-style: none;
    +  margin: 15px 0 0;
    +  padding: 0;
    +}
    +.email-attachments ul > li {
    +  line-height: 23px;
    +}
    +.email-attachments ul > li a {
    +  color: #404040;
    +  font-weight: 500;
    +}
    +.email-attachments ul > li a:hover {
    +  color: #4285f4;
    +}
    +.email-attachments ul > li span {
    +  font-weight: 400;
    +}
    +.email-attachments ul > li .icon {
    +  vertical-align: middle;
    +  color: #737373;
    +  margin-right: 2px;
    +}
    +.compose-title {
    +  font-weight: 400;
    +  font-size: 23px;
    +  height: auto;
    +  padding: 25px 23px;
    +  border: 0;
    +  width: 100%;
    +  outline: none;
    +  background-color: #ffffff;
    +}
    +.compose-title .icon {
    +  float: left;
    +  font-size: 20px;
    +  margin-right: 15px;
    +  color: #696969;
    +  margin-top: 6px;
    +}
    +.email-compose-fields {
    +  background-color: #ffffff;
    +  border-bottom: 1px solid #e6e6e6;
    +  padding: 30px 30px 10px;
    +}
    +.email-compose-fields label {
    +  padding-top: 15px;
    +}
    +.email.editor {
    +  background-color: #ffffff;
    +  padding: 30px;
    +}
    +.email.editor .note-toolbar {
    +  border: 0;
    +}
    +.email.editor .form-group {
    +  text-align: right;
    +  margin-top: 15px;
    +}
    +.email.editor .form-group .icon {
    +  font-size: 23px;
    +}
    +/*------------------------------------------------------------------
    +  [Bootstrap elements]
    +*/
    +/*------------------------------------------------------------------
    +  [Bootstrap grid]
    +*/
    +@media (max-width: 480px) {
    +  .row {
    +    margin-left: -10px;
    +    margin-right: -10px;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Images]
    +*/
    +.img-rounded {
    +  border-radius: 4px;
    +}
    +/*------------------------------------------------------------------
    +  [Code]
    +*/
    +pre {
    +  padding: 20px;
    +  border: 0;
    +  border-radius: 0;
    +}
    +/*------------------------------------------------------------------
    +  [Buttons]
    +*/
    +.btn {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +  border: 1px solid transparent;
    +  padding: 0 10px;
    +  font-size: 13px;
    +  line-height: 28px;
    +  border-radius: 2px;
    +}
    +.btn:active,
    +.btn.active {
    +  box-shadow: none;
    +}
    +.btn:active:focus {
    +  outline: none;
    +}
    +.btn-default {
    +  color: #404040;
    +  background-color: #fff;
    +  border-color: #dedede;
    +}
    +.btn-default:focus,
    +.btn-default.focus {
    +  color: #404040;
    +  background-color: #fff;
    +  border-color: #dedede;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-default:hover,
    +.btn-default.hover {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    +  background-color: #fff;
    +  border-color: #bdbdbd;
    +}
    +.btn-default:active,
    +.btn-default.active,
    +.open > .dropdown-toggle.btn-default {
    +  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +  color: #272727;
    +  background-color: #e3e3e3;
    +  border-color: #bdbdbd;
    +}
    +.btn-default:active:hover,
    +.btn-default.active:hover,
    +.open > .dropdown-toggle.btn-default:hover,
    +.btn-default:active:focus,
    +.btn-default.active:focus,
    +.open > .dropdown-toggle.btn-default:focus,
    +.btn-default:active.focus,
    +.btn-default.active.focus,
    +.open > .dropdown-toggle.btn-default.focus {
    +  color: #272727;
    +  background-color: #e3e3e3;
    +  border-color: #bdbdbd;
    +  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +}
    +.btn-default:active,
    +.btn-default.active,
    +.open > .dropdown-toggle.btn-default {
    +  background-image: none;
    +}
    +.btn-default.disabled,
    +.btn-default[disabled],
    +fieldset[disabled] .btn-default,
    +.btn-default.disabled:hover,
    +.btn-default[disabled]:hover,
    +fieldset[disabled] .btn-default:hover,
    +.btn-default.disabled:focus,
    +.btn-default[disabled]:focus,
    +fieldset[disabled] .btn-default:focus,
    +.btn-default.disabled.focus,
    +.btn-default[disabled].focus,
    +fieldset[disabled] .btn-default.focus,
    +.btn-default.disabled:active,
    +.btn-default[disabled]:active,
    +fieldset[disabled] .btn-default:active,
    +.btn-default.disabled.active,
    +.btn-default[disabled].active,
    +fieldset[disabled] .btn-default.active {
    +  background-color: #fff;
    +  border-color: #dedede;
    +}
    +.btn-default .icon {
    +  color: #646464;
    +}
    +.btn-default:active .icon {
    +  color: #4a4a4a;
    +}
    +.btn-default .badge {
    +  color: #fff;
    +  background-color: #404040;
    +}
    +.btn-primary {
    +  border-color: #2a75f3;
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.btn-primary:focus,
    +.btn-primary.focus {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #093d94;
    +}
    +.btn-primary:hover {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #0c57d3;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  color: #fff;
    +  background-color: #1266f1;
    +  border-color: #0c57d3;
    +}
    +.btn-primary:active:hover,
    +.btn-primary.active:hover,
    +.open > .dropdown-toggle.btn-primary:hover,
    +.btn-primary:active:focus,
    +.btn-primary.active:focus,
    +.open > .dropdown-toggle.btn-primary:focus,
    +.btn-primary:active.focus,
    +.btn-primary.active.focus,
    +.open > .dropdown-toggle.btn-primary.focus {
    +  color: #fff;
    +  background-color: #0c57d3;
    +  border-color: #093d94;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  background-image: none;
    +}
    +.btn-primary.disabled:hover,
    +.btn-primary[disabled]:hover,
    +fieldset[disabled] .btn-primary:hover,
    +.btn-primary.disabled:focus,
    +.btn-primary[disabled]:focus,
    +fieldset[disabled] .btn-primary:focus,
    +.btn-primary.disabled.focus,
    +.btn-primary[disabled].focus,
    +fieldset[disabled] .btn-primary.focus {
    +  background-color: #4285f4;
    +  border-color: #2a75f3;
    +}
    +.btn-primary .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.btn-primary:focus,
    +.btn-primary.focus {
    +  color: #fff;
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +  outline: none;
    +}
    +.btn-primary:hover,
    +.btn-primary.hover {
    +  box-shadow: inset 0 -1px 0 #1266f1;
    +  background-color: #4c8bf5;
    +  border-color: #4c8bf5;
    +  border-bottom-color: #1266f1;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #1266f1;
    +  background-color: #2572f2;
    +  border-color: #2572f2;
    +  border-top-color: #0c57d3;
    +}
    +.btn-primary:active:hover,
    +.btn-primary.active:hover,
    +.open > .dropdown-toggle.btn-primary:hover,
    +.btn-primary:active:focus,
    +.btn-primary.active:focus,
    +.open > .dropdown-toggle.btn-primary:focus,
    +.btn-primary:active.focus,
    +.btn-primary.active.focus,
    +.open > .dropdown-toggle.btn-primary.focus {
    +  color: #fff;
    +  background-color: #2572f2;
    +  border-color: transparent;
    +  border-top-color: #0c57d3;
    +  box-shadow: inset 0 2px 0 #1266f1;
    +}
    +.btn-primary:active:hover .icon,
    +.btn-primary.active:hover .icon,
    +.open > .dropdown-toggle.btn-primary:hover .icon,
    +.btn-primary:active:focus .icon,
    +.btn-primary.active:focus .icon,
    +.open > .dropdown-toggle.btn-primary:focus .icon,
    +.btn-primary:active.focus .icon,
    +.btn-primary.active.focus .icon,
    +.open > .dropdown-toggle.btn-primary.focus .icon {
    +  color: #fff;
    +}
    +.btn-primary:active,
    +.btn-primary.active,
    +.open > .dropdown-toggle.btn-primary {
    +  background-image: none;
    +}
    +.btn-primary.disabled,
    +.btn-primary[disabled],
    +fieldset[disabled] .btn-primary,
    +.btn-primary.disabled:hover,
    +.btn-primary[disabled]:hover,
    +fieldset[disabled] .btn-primary:hover,
    +.btn-primary.disabled:focus,
    +.btn-primary[disabled]:focus,
    +fieldset[disabled] .btn-primary:focus,
    +.btn-primary.disabled.focus,
    +.btn-primary[disabled].focus,
    +fieldset[disabled] .btn-primary.focus,
    +.btn-primary.disabled:active,
    +.btn-primary[disabled]:active,
    +fieldset[disabled] .btn-primary:active,
    +.btn-primary.disabled.active,
    +.btn-primary[disabled].active,
    +fieldset[disabled] .btn-primary.active {
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.btn-primary .badge {
    +  color: #4285f4;
    +  background-color: #fff;
    +}
    +.btn-danger {
    +  border-color: #e82e1e;
    +  color: #fff;
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +}
    +.btn-danger:focus,
    +.btn-danger.focus {
    +  color: #fff;
    +  background-color: #d62516;
    +  border-color: #79150d;
    +}
    +.btn-danger:hover {
    +  color: #fff;
    +  background-color: #d62516;
    +  border-color: #b51f13;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  color: #fff;
    +  background-color: #d62516;
    +  border-color: #b51f13;
    +}
    +.btn-danger:active:hover,
    +.btn-danger.active:hover,
    +.open > .dropdown-toggle.btn-danger:hover,
    +.btn-danger:active:focus,
    +.btn-danger.active:focus,
    +.open > .dropdown-toggle.btn-danger:focus,
    +.btn-danger:active.focus,
    +.btn-danger.active.focus,
    +.open > .dropdown-toggle.btn-danger.focus {
    +  color: #fff;
    +  background-color: #b51f13;
    +  border-color: #79150d;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  background-image: none;
    +}
    +.btn-danger.disabled:hover,
    +.btn-danger[disabled]:hover,
    +fieldset[disabled] .btn-danger:hover,
    +.btn-danger.disabled:focus,
    +.btn-danger[disabled]:focus,
    +fieldset[disabled] .btn-danger:focus,
    +.btn-danger.disabled.focus,
    +.btn-danger[disabled].focus,
    +fieldset[disabled] .btn-danger.focus {
    +  background-color: #ea4335;
    +  border-color: #e82e1e;
    +}
    +.btn-danger .badge {
    +  color: #ea4335;
    +  background-color: #fff;
    +}
    +.btn-danger:focus,
    +.btn-danger.focus {
    +  color: #fff;
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +  outline: none;
    +}
    +.btn-danger:hover,
    +.btn-danger.hover {
    +  box-shadow: inset 0 -1px 0 #d62516;
    +  background-color: #eb4c3e;
    +  border-color: #eb4c3e;
    +  border-bottom-color: #d62516;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #d62516;
    +  background-color: #e72919;
    +  border-color: #e72919;
    +  border-top-color: #b51f13;
    +}
    +.btn-danger:active:hover,
    +.btn-danger.active:hover,
    +.open > .dropdown-toggle.btn-danger:hover,
    +.btn-danger:active:focus,
    +.btn-danger.active:focus,
    +.open > .dropdown-toggle.btn-danger:focus,
    +.btn-danger:active.focus,
    +.btn-danger.active.focus,
    +.open > .dropdown-toggle.btn-danger.focus {
    +  color: #fff;
    +  background-color: #e72919;
    +  border-color: transparent;
    +  border-top-color: #b51f13;
    +  box-shadow: inset 0 2px 0 #d62516;
    +}
    +.btn-danger:active:hover .icon,
    +.btn-danger.active:hover .icon,
    +.open > .dropdown-toggle.btn-danger:hover .icon,
    +.btn-danger:active:focus .icon,
    +.btn-danger.active:focus .icon,
    +.open > .dropdown-toggle.btn-danger:focus .icon,
    +.btn-danger:active.focus .icon,
    +.btn-danger.active.focus .icon,
    +.open > .dropdown-toggle.btn-danger.focus .icon {
    +  color: #fff;
    +}
    +.btn-danger:active,
    +.btn-danger.active,
    +.open > .dropdown-toggle.btn-danger {
    +  background-image: none;
    +}
    +.btn-danger.disabled,
    +.btn-danger[disabled],
    +fieldset[disabled] .btn-danger,
    +.btn-danger.disabled:hover,
    +.btn-danger[disabled]:hover,
    +fieldset[disabled] .btn-danger:hover,
    +.btn-danger.disabled:focus,
    +.btn-danger[disabled]:focus,
    +fieldset[disabled] .btn-danger:focus,
    +.btn-danger.disabled.focus,
    +.btn-danger[disabled].focus,
    +fieldset[disabled] .btn-danger.focus,
    +.btn-danger.disabled:active,
    +.btn-danger[disabled]:active,
    +fieldset[disabled] .btn-danger:active,
    +.btn-danger.disabled.active,
    +.btn-danger[disabled].active,
    +fieldset[disabled] .btn-danger.active {
    +  background-color: #ea4335;
    +  border-color: #ea4335;
    +}
    +.btn-danger .badge {
    +  color: #ea4335;
    +  background-color: #fff;
    +}
    +.btn-warning {
    +  border-color: #e3aa04;
    +  color: #fff;
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +}
    +.btn-warning:focus,
    +.btn-warning.focus {
    +  color: #fff;
    +  background-color: #ca9703;
    +  border-color: #654c02;
    +}
    +.btn-warning:hover {
    +  color: #fff;
    +  background-color: #ca9703;
    +  border-color: #a77d03;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  color: #fff;
    +  background-color: #ca9703;
    +  border-color: #a77d03;
    +}
    +.btn-warning:active:hover,
    +.btn-warning.active:hover,
    +.open > .dropdown-toggle.btn-warning:hover,
    +.btn-warning:active:focus,
    +.btn-warning.active:focus,
    +.open > .dropdown-toggle.btn-warning:focus,
    +.btn-warning:active.focus,
    +.btn-warning.active.focus,
    +.open > .dropdown-toggle.btn-warning.focus {
    +  color: #fff;
    +  background-color: #a77d03;
    +  border-color: #654c02;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  background-image: none;
    +}
    +.btn-warning.disabled:hover,
    +.btn-warning[disabled]:hover,
    +fieldset[disabled] .btn-warning:hover,
    +.btn-warning.disabled:focus,
    +.btn-warning[disabled]:focus,
    +fieldset[disabled] .btn-warning:focus,
    +.btn-warning.disabled.focus,
    +.btn-warning[disabled].focus,
    +fieldset[disabled] .btn-warning.focus {
    +  background-color: #fbbc05;
    +  border-color: #e3aa04;
    +}
    +.btn-warning .badge {
    +  color: #fbbc05;
    +  background-color: #fff;
    +}
    +.btn-warning:focus,
    +.btn-warning.focus {
    +  color: #fff;
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +  outline: none;
    +}
    +.btn-warning:hover,
    +.btn-warning.hover {
    +  box-shadow: inset 0 -1px 0 #ca9703;
    +  background-color: #fbbf0f;
    +  border-color: #fbbf0f;
    +  border-bottom-color: #ca9703;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #ca9703;
    +  background-color: #dea604;
    +  border-color: #dea604;
    +  border-top-color: #a77d03;
    +}
    +.btn-warning:active:hover,
    +.btn-warning.active:hover,
    +.open > .dropdown-toggle.btn-warning:hover,
    +.btn-warning:active:focus,
    +.btn-warning.active:focus,
    +.open > .dropdown-toggle.btn-warning:focus,
    +.btn-warning:active.focus,
    +.btn-warning.active.focus,
    +.open > .dropdown-toggle.btn-warning.focus {
    +  color: #fff;
    +  background-color: #dea604;
    +  border-color: transparent;
    +  border-top-color: #a77d03;
    +  box-shadow: inset 0 2px 0 #ca9703;
    +}
    +.btn-warning:active:hover .icon,
    +.btn-warning.active:hover .icon,
    +.open > .dropdown-toggle.btn-warning:hover .icon,
    +.btn-warning:active:focus .icon,
    +.btn-warning.active:focus .icon,
    +.open > .dropdown-toggle.btn-warning:focus .icon,
    +.btn-warning:active.focus .icon,
    +.btn-warning.active.focus .icon,
    +.open > .dropdown-toggle.btn-warning.focus .icon {
    +  color: #fff;
    +}
    +.btn-warning:active,
    +.btn-warning.active,
    +.open > .dropdown-toggle.btn-warning {
    +  background-image: none;
    +}
    +.btn-warning.disabled,
    +.btn-warning[disabled],
    +fieldset[disabled] .btn-warning,
    +.btn-warning.disabled:hover,
    +.btn-warning[disabled]:hover,
    +fieldset[disabled] .btn-warning:hover,
    +.btn-warning.disabled:focus,
    +.btn-warning[disabled]:focus,
    +fieldset[disabled] .btn-warning:focus,
    +.btn-warning.disabled.focus,
    +.btn-warning[disabled].focus,
    +fieldset[disabled] .btn-warning.focus,
    +.btn-warning.disabled:active,
    +.btn-warning[disabled]:active,
    +fieldset[disabled] .btn-warning:active,
    +.btn-warning.disabled.active,
    +.btn-warning[disabled].active,
    +fieldset[disabled] .btn-warning.active {
    +  background-color: #fbbc05;
    +  border-color: #fbbc05;
    +}
    +.btn-warning .badge {
    +  color: #fbbc05;
    +  background-color: #fff;
    +}
    +.btn-success {
    +  border-color: #2e9549;
    +  color: #fff;
    +  background-color: #34a853;
    +  border-color: #34a853;
    +}
    +.btn-success:focus,
    +.btn-success.focus {
    +  color: #fff;
    +  background-color: #288140;
    +  border-color: #103319;
    +}
    +.btn-success:hover {
    +  color: #fff;
    +  background-color: #288140;
    +  border-color: #206632;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  color: #fff;
    +  background-color: #288140;
    +  border-color: #206632;
    +}
    +.btn-success:active:hover,
    +.btn-success.active:hover,
    +.open > .dropdown-toggle.btn-success:hover,
    +.btn-success:active:focus,
    +.btn-success.active:focus,
    +.open > .dropdown-toggle.btn-success:focus,
    +.btn-success:active.focus,
    +.btn-success.active.focus,
    +.open > .dropdown-toggle.btn-success.focus {
    +  color: #fff;
    +  background-color: #206632;
    +  border-color: #103319;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  background-image: none;
    +}
    +.btn-success.disabled:hover,
    +.btn-success[disabled]:hover,
    +fieldset[disabled] .btn-success:hover,
    +.btn-success.disabled:focus,
    +.btn-success[disabled]:focus,
    +fieldset[disabled] .btn-success:focus,
    +.btn-success.disabled.focus,
    +.btn-success[disabled].focus,
    +fieldset[disabled] .btn-success.focus {
    +  background-color: #34a853;
    +  border-color: #2e9549;
    +}
    +.btn-success .badge {
    +  color: #34a853;
    +  background-color: #fff;
    +}
    +.btn-success:focus,
    +.btn-success.focus {
    +  color: #fff;
    +  background-color: #34a853;
    +  border-color: #34a853;
    +  outline: none;
    +}
    +.btn-success:hover,
    +.btn-success.hover {
    +  box-shadow: inset 0 -1px 0 #288140;
    +  background-color: #36b057;
    +  border-color: #36b057;
    +  border-bottom-color: #288140;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  color: #fff;
    +  box-shadow: inset 0 2px 0 #288140;
    +  background-color: #2d9147;
    +  border-color: #2d9147;
    +  border-top-color: #206632;
    +}
    +.btn-success:active:hover,
    +.btn-success.active:hover,
    +.open > .dropdown-toggle.btn-success:hover,
    +.btn-success:active:focus,
    +.btn-success.active:focus,
    +.open > .dropdown-toggle.btn-success:focus,
    +.btn-success:active.focus,
    +.btn-success.active.focus,
    +.open > .dropdown-toggle.btn-success.focus {
    +  color: #fff;
    +  background-color: #2d9147;
    +  border-color: transparent;
    +  border-top-color: #206632;
    +  box-shadow: inset 0 2px 0 #288140;
    +}
    +.btn-success:active:hover .icon,
    +.btn-success.active:hover .icon,
    +.open > .dropdown-toggle.btn-success:hover .icon,
    +.btn-success:active:focus .icon,
    +.btn-success.active:focus .icon,
    +.open > .dropdown-toggle.btn-success:focus .icon,
    +.btn-success:active.focus .icon,
    +.btn-success.active.focus .icon,
    +.open > .dropdown-toggle.btn-success.focus .icon {
    +  color: #fff;
    +}
    +.btn-success:active,
    +.btn-success.active,
    +.open > .dropdown-toggle.btn-success {
    +  background-image: none;
    +}
    +.btn-success.disabled,
    +.btn-success[disabled],
    +fieldset[disabled] .btn-success,
    +.btn-success.disabled:hover,
    +.btn-success[disabled]:hover,
    +fieldset[disabled] .btn-success:hover,
    +.btn-success.disabled:focus,
    +.btn-success[disabled]:focus,
    +fieldset[disabled] .btn-success:focus,
    +.btn-success.disabled.focus,
    +.btn-success[disabled].focus,
    +fieldset[disabled] .btn-success.focus,
    +.btn-success.disabled:active,
    +.btn-success[disabled]:active,
    +fieldset[disabled] .btn-success:active,
    +.btn-success.disabled.active,
    +.btn-success[disabled].active,
    +fieldset[disabled] .btn-success.active {
    +  background-color: #34a853;
    +  border-color: #34a853;
    +}
    +.btn-success .badge {
    +  color: #34a853;
    +  background-color: #fff;
    +}
    +.btn-xs,
    +.btn-group-xs > .btn {
    +  padding: 0 6px;
    +  font-size: 11px;
    +  line-height: 18px;
    +  border-radius: 1px;
    +}
    +.btn-sm,
    +.btn-group-sm > .btn {
    +  padding: 0 8px;
    +  font-size: 13px;
    +  line-height: 22px;
    +  border-radius: 2px;
    +}
    +.btn-lg,
    +.btn-group-lg > .btn {
    +  padding: 0 12px;
    +  font-size: 15px;
    +  line-height: 38px;
    +  border-radius: 3px;
    +  font-weight: 500;
    +}
    +.btn-xl {
    +  padding: 0 12px;
    +  font-size: 15px;
    +  line-height: 43px;
    +  border-radius: 3px;
    +  font-weight: 500;
    +}
    +.btn-rounded {
    +  border-radius: 15px;
    +}
    +.btn-rounded.btn-xs {
    +  border-radius: 10px;
    +}
    +.btn-rounded.btn-sm {
    +  border-radius: 12px;
    +}
    +.btn-rounded.btn-lg {
    +  border-radius: 20px;
    +}
    +.btn-hspace {
    +  margin-right: 5px;
    +}
    +.btn-vspace {
    +  margin-bottom: 5px;
    +}
    +.btn-space {
    +  margin-right: 5px;
    +  margin-bottom: 5px;
    +}
    +.btn-facebook .icon {
    +  color: #5d82d1;
    +}
    +.btn-facebook:active .icon,
    +.btn-facebook.active .icon,
    +.open > .dropdown-toggle.btn-facebook .icon {
    +  color: #5d82d1;
    +}
    +.btn-facebook:active:hover .icon,
    +.btn-facebook.active:hover .icon,
    +.open > .dropdown-toggle.btn-facebook:hover .icon,
    +.btn-facebook:active:focus .icon,
    +.btn-facebook.active:focus .icon,
    +.open > .dropdown-toggle.btn-facebook:focus .icon,
    +.btn-facebook:active.focus .icon,
    +.btn-facebook.active.focus .icon,
    +.open > .dropdown-toggle.btn-facebook.focus .icon {
    +  color: #5d82d1;
    +}
    +.btn-twitter .icon {
    +  color: #50bff5;
    +}
    +.btn-twitter:active .icon,
    +.btn-twitter.active .icon,
    +.open > .dropdown-toggle.btn-twitter .icon {
    +  color: #50bff5;
    +}
    +.btn-twitter:active:hover .icon,
    +.btn-twitter.active:hover .icon,
    +.open > .dropdown-toggle.btn-twitter:hover .icon,
    +.btn-twitter:active:focus .icon,
    +.btn-twitter.active:focus .icon,
    +.open > .dropdown-toggle.btn-twitter:focus .icon,
    +.btn-twitter:active.focus .icon,
    +.btn-twitter.active.focus .icon,
    +.open > .dropdown-toggle.btn-twitter.focus .icon {
    +  color: #50bff5;
    +}
    +.btn-google-plus .icon {
    +  color: #eb5e4c;
    +}
    +.btn-google-plus:active .icon,
    +.btn-google-plus.active .icon,
    +.open > .dropdown-toggle.btn-google-plus .icon {
    +  color: #eb5e4c;
    +}
    +.btn-google-plus:active:hover .icon,
    +.btn-google-plus.active:hover .icon,
    +.open > .dropdown-toggle.btn-google-plus:hover .icon,
    +.btn-google-plus:active:focus .icon,
    +.btn-google-plus.active:focus .icon,
    +.open > .dropdown-toggle.btn-google-plus:focus .icon,
    +.btn-google-plus:active.focus .icon,
    +.btn-google-plus.active.focus .icon,
    +.open > .dropdown-toggle.btn-google-plus.focus .icon {
    +  color: #eb5e4c;
    +}
    +.btn-dribbble .icon {
    +  color: #f7659c;
    +}
    +.btn-dribbble:active .icon,
    +.btn-dribbble.active .icon,
    +.open > .dropdown-toggle.btn-dribbble .icon {
    +  color: #f7659c;
    +}
    +.btn-dribbble:active:hover .icon,
    +.btn-dribbble.active:hover .icon,
    +.open > .dropdown-toggle.btn-dribbble:hover .icon,
    +.btn-dribbble:active:focus .icon,
    +.btn-dribbble.active:focus .icon,
    +.open > .dropdown-toggle.btn-dribbble:focus .icon,
    +.btn-dribbble:active.focus .icon,
    +.btn-dribbble.active.focus .icon,
    +.open > .dropdown-toggle.btn-dribbble.focus .icon {
    +  color: #f7659c;
    +}
    +.btn-flickr .icon {
    +  color: #0063dc;
    +}
    +.btn-flickr:active .icon,
    +.btn-flickr.active .icon,
    +.open > .dropdown-toggle.btn-flickr .icon {
    +  color: #0063dc;
    +}
    +.btn-flickr:active:hover .icon,
    +.btn-flickr.active:hover .icon,
    +.open > .dropdown-toggle.btn-flickr:hover .icon,
    +.btn-flickr:active:focus .icon,
    +.btn-flickr.active:focus .icon,
    +.open > .dropdown-toggle.btn-flickr:focus .icon,
    +.btn-flickr:active.focus .icon,
    +.btn-flickr.active.focus .icon,
    +.open > .dropdown-toggle.btn-flickr.focus .icon {
    +  color: #0063dc;
    +}
    +.btn-linkedin .icon {
    +  color: #238cc8;
    +}
    +.btn-linkedin:active .icon,
    +.btn-linkedin.active .icon,
    +.open > .dropdown-toggle.btn-linkedin .icon {
    +  color: #238cc8;
    +}
    +.btn-linkedin:active:hover .icon,
    +.btn-linkedin.active:hover .icon,
    +.open > .dropdown-toggle.btn-linkedin:hover .icon,
    +.btn-linkedin:active:focus .icon,
    +.btn-linkedin.active:focus .icon,
    +.open > .dropdown-toggle.btn-linkedin:focus .icon,
    +.btn-linkedin:active.focus .icon,
    +.btn-linkedin.active.focus .icon,
    +.open > .dropdown-toggle.btn-linkedin.focus .icon {
    +  color: #238cc8;
    +}
    +.btn-youtube .icon {
    +  color: #ef4e41;
    +}
    +.btn-youtube:active .icon,
    +.btn-youtube.active .icon,
    +.open > .dropdown-toggle.btn-youtube .icon {
    +  color: #ef4e41;
    +}
    +.btn-youtube:active:hover .icon,
    +.btn-youtube.active:hover .icon,
    +.open > .dropdown-toggle.btn-youtube:hover .icon,
    +.btn-youtube:active:focus .icon,
    +.btn-youtube.active:focus .icon,
    +.open > .dropdown-toggle.btn-youtube:focus .icon,
    +.btn-youtube:active.focus .icon,
    +.btn-youtube.active.focus .icon,
    +.open > .dropdown-toggle.btn-youtube.focus .icon {
    +  color: #ef4e41;
    +}
    +.btn-pinterest .icon {
    +  color: #e13138;
    +}
    +.btn-pinterest:active .icon,
    +.btn-pinterest.active .icon,
    +.open > .dropdown-toggle.btn-pinterest .icon {
    +  color: #e13138;
    +}
    +.btn-pinterest:active:hover .icon,
    +.btn-pinterest.active:hover .icon,
    +.open > .dropdown-toggle.btn-pinterest:hover .icon,
    +.btn-pinterest:active:focus .icon,
    +.btn-pinterest.active:focus .icon,
    +.open > .dropdown-toggle.btn-pinterest:focus .icon,
    +.btn-pinterest:active.focus .icon,
    +.btn-pinterest.active.focus .icon,
    +.open > .dropdown-toggle.btn-pinterest.focus .icon {
    +  color: #e13138;
    +}
    +.btn-github .icon {
    +  color: #333;
    +}
    +.btn-github:active .icon,
    +.btn-github.active .icon,
    +.open > .dropdown-toggle.btn-github .icon {
    +  color: #333;
    +}
    +.btn-github:active:hover .icon,
    +.btn-github.active:hover .icon,
    +.open > .dropdown-toggle.btn-github:hover .icon,
    +.btn-github:active:focus .icon,
    +.btn-github.active:focus .icon,
    +.open > .dropdown-toggle.btn-github:focus .icon,
    +.btn-github:active.focus .icon,
    +.btn-github.active.focus .icon,
    +.open > .dropdown-toggle.btn-github.focus .icon {
    +  color: #333;
    +}
    +.btn-tumblr .icon {
    +  color: #426d9b;
    +}
    +.btn-tumblr:active .icon,
    +.btn-tumblr.active .icon,
    +.open > .dropdown-toggle.btn-tumblr .icon {
    +  color: #426d9b;
    +}
    +.btn-tumblr:active:hover .icon,
    +.btn-tumblr.active:hover .icon,
    +.open > .dropdown-toggle.btn-tumblr:hover .icon,
    +.btn-tumblr:active:focus .icon,
    +.btn-tumblr.active:focus .icon,
    +.open > .dropdown-toggle.btn-tumblr:focus .icon,
    +.btn-tumblr:active.focus .icon,
    +.btn-tumblr.active.focus .icon,
    +.open > .dropdown-toggle.btn-tumblr.focus .icon {
    +  color: #426d9b;
    +}
    +.btn-dropbox .icon {
    +  color: #007EE5;
    +}
    +.btn-dropbox:active .icon,
    +.btn-dropbox.active .icon,
    +.open > .dropdown-toggle.btn-dropbox .icon {
    +  color: #007EE5;
    +}
    +.btn-dropbox:active:hover .icon,
    +.btn-dropbox.active:hover .icon,
    +.open > .dropdown-toggle.btn-dropbox:hover .icon,
    +.btn-dropbox:active:focus .icon,
    +.btn-dropbox.active:focus .icon,
    +.open > .dropdown-toggle.btn-dropbox:focus .icon,
    +.btn-dropbox:active.focus .icon,
    +.btn-dropbox.active.focus .icon,
    +.open > .dropdown-toggle.btn-dropbox.focus .icon {
    +  color: #007EE5;
    +}
    +.btn-evernote .icon {
    +  color: #2DBE60;
    +}
    +.btn-evernote:active .icon,
    +.btn-evernote.active .icon,
    +.open > .dropdown-toggle.btn-evernote .icon {
    +  color: #2DBE60;
    +}
    +.btn-evernote:active:hover .icon,
    +.btn-evernote.active:hover .icon,
    +.open > .dropdown-toggle.btn-evernote:hover .icon,
    +.btn-evernote:active:focus .icon,
    +.btn-evernote.active:focus .icon,
    +.open > .dropdown-toggle.btn-evernote:focus .icon,
    +.btn-evernote:active.focus .icon,
    +.btn-evernote.active.focus .icon,
    +.open > .dropdown-toggle.btn-evernote.focus .icon {
    +  color: #2DBE60;
    +}
    +.btn-social {
    +  min-width: 31px;
    +  padding: 0 8px;
    +}
    +.btn-social .icon {
    +  font-size: 17px;
    +}
    +.btn-color.btn-facebook {
    +  color: #ffffff;
    +  background-color: #5d82d1;
    +  border-color: #5d82d1;
    +}
    +.btn-color.btn-facebook .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-facebook:focus,
    +.btn-color.btn-facebook.focus {
    +  color: #ffffff;
    +  background-color: #3864c3;
    +  border-color: #274688;
    +}
    +.btn-color.btn-facebook:hover {
    +  color: #ffffff;
    +  background-color: #3864c3;
    +  border-color: #3560bc;
    +}
    +.btn-color.btn-facebook:active,
    +.btn-color.btn-facebook.active,
    +.open > .dropdown-toggle.btn-color.btn-facebook {
    +  color: #ffffff;
    +  background-color: #3864c3;
    +  border-color: #3560bc;
    +}
    +.btn-color.btn-facebook:active:hover,
    +.btn-color.btn-facebook.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-facebook:hover,
    +.btn-color.btn-facebook:active:focus,
    +.btn-color.btn-facebook.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-facebook:focus,
    +.btn-color.btn-facebook:active.focus,
    +.btn-color.btn-facebook.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-facebook.focus {
    +  color: #ffffff;
    +  background-color: #3056a8;
    +  border-color: #274688;
    +}
    +.btn-color.btn-facebook:active,
    +.btn-color.btn-facebook.active,
    +.open > .dropdown-toggle.btn-color.btn-facebook {
    +  background-image: none;
    +}
    +.btn-color.btn-facebook.disabled:hover,
    +.btn-color.btn-facebook[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-facebook:hover,
    +.btn-color.btn-facebook.disabled:focus,
    +.btn-color.btn-facebook[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-facebook:focus,
    +.btn-color.btn-facebook.disabled.focus,
    +.btn-color.btn-facebook[disabled].focus,
    +fieldset[disabled] .btn-color.btn-facebook.focus {
    +  background-color: #5d82d1;
    +  border-color: #5d82d1;
    +}
    +.btn-color.btn-facebook .badge {
    +  color: #5d82d1;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-facebook:focus,
    +.btn-color.btn-facebook.focus {
    +  color: #ffffff;
    +  background-color: #5d82d1;
    +  border-color: #5d82d1;
    +  outline: none;
    +}
    +.btn-color.btn-facebook:hover,
    +.btn-color.btn-facebook.hover {
    +  box-shadow: inset 0 -1px 0 #3864c3;
    +  background-color: #6588d3;
    +  border-color: #6588d3;
    +  border-bottom-color: #3864c3;
    +}
    +.btn-color.btn-facebook:active,
    +.btn-color.btn-facebook.active,
    +.open > .dropdown-toggle.btn-color.btn-facebook {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #3864c3;
    +  background-color: #4570ca;
    +  border-color: #4570ca;
    +  border-top-color: #3056a8;
    +}
    +.btn-color.btn-facebook:active:hover,
    +.btn-color.btn-facebook.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-facebook:hover,
    +.btn-color.btn-facebook:active:focus,
    +.btn-color.btn-facebook.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-facebook:focus,
    +.btn-color.btn-facebook:active.focus,
    +.btn-color.btn-facebook.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-facebook.focus {
    +  color: #ffffff;
    +  background-color: #4570ca;
    +  border-color: transparent;
    +  border-top-color: #3056a8;
    +  box-shadow: inset 0 2px 0 #3864c3;
    +}
    +.btn-color.btn-facebook:active:hover .icon,
    +.btn-color.btn-facebook.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-facebook:hover .icon,
    +.btn-color.btn-facebook:active:focus .icon,
    +.btn-color.btn-facebook.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-facebook:focus .icon,
    +.btn-color.btn-facebook:active.focus .icon,
    +.btn-color.btn-facebook.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-facebook.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-facebook:active,
    +.btn-color.btn-facebook.active,
    +.open > .dropdown-toggle.btn-color.btn-facebook {
    +  background-image: none;
    +}
    +.btn-color.btn-facebook.disabled,
    +.btn-color.btn-facebook[disabled],
    +fieldset[disabled] .btn-color.btn-facebook,
    +.btn-color.btn-facebook.disabled:hover,
    +.btn-color.btn-facebook[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-facebook:hover,
    +.btn-color.btn-facebook.disabled:focus,
    +.btn-color.btn-facebook[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-facebook:focus,
    +.btn-color.btn-facebook.disabled.focus,
    +.btn-color.btn-facebook[disabled].focus,
    +fieldset[disabled] .btn-color.btn-facebook.focus,
    +.btn-color.btn-facebook.disabled:active,
    +.btn-color.btn-facebook[disabled]:active,
    +fieldset[disabled] .btn-color.btn-facebook:active,
    +.btn-color.btn-facebook.disabled.active,
    +.btn-color.btn-facebook[disabled].active,
    +fieldset[disabled] .btn-color.btn-facebook.active {
    +  background-color: #5d82d1;
    +  border-color: #5d82d1;
    +}
    +.btn-color.btn-facebook .badge {
    +  color: #5d82d1;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-twitter {
    +  color: #ffffff;
    +  background-color: #50bff5;
    +  border-color: #50bff5;
    +}
    +.btn-color.btn-twitter .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-twitter:focus,
    +.btn-color.btn-twitter.focus {
    +  color: #ffffff;
    +  background-color: #20adf2;
    +  border-color: #0b81bb;
    +}
    +.btn-color.btn-twitter:hover {
    +  color: #ffffff;
    +  background-color: #20adf2;
    +  border-color: #16aaf2;
    +}
    +.btn-color.btn-twitter:active,
    +.btn-color.btn-twitter.active,
    +.open > .dropdown-toggle.btn-color.btn-twitter {
    +  color: #ffffff;
    +  background-color: #20adf2;
    +  border-color: #16aaf2;
    +}
    +.btn-color.btn-twitter:active:hover,
    +.btn-color.btn-twitter.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-twitter:hover,
    +.btn-color.btn-twitter:active:focus,
    +.btn-color.btn-twitter.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-twitter:focus,
    +.btn-color.btn-twitter:active.focus,
    +.btn-color.btn-twitter.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-twitter.focus {
    +  color: #ffffff;
    +  background-color: #0d9ce1;
    +  border-color: #0b81bb;
    +}
    +.btn-color.btn-twitter:active,
    +.btn-color.btn-twitter.active,
    +.open > .dropdown-toggle.btn-color.btn-twitter {
    +  background-image: none;
    +}
    +.btn-color.btn-twitter.disabled:hover,
    +.btn-color.btn-twitter[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-twitter:hover,
    +.btn-color.btn-twitter.disabled:focus,
    +.btn-color.btn-twitter[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-twitter:focus,
    +.btn-color.btn-twitter.disabled.focus,
    +.btn-color.btn-twitter[disabled].focus,
    +fieldset[disabled] .btn-color.btn-twitter.focus {
    +  background-color: #50bff5;
    +  border-color: #50bff5;
    +}
    +.btn-color.btn-twitter .badge {
    +  color: #50bff5;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-twitter:focus,
    +.btn-color.btn-twitter.focus {
    +  color: #ffffff;
    +  background-color: #50bff5;
    +  border-color: #50bff5;
    +  outline: none;
    +}
    +.btn-color.btn-twitter:hover,
    +.btn-color.btn-twitter.hover {
    +  box-shadow: inset 0 -1px 0 #20adf2;
    +  background-color: #5ac3f6;
    +  border-color: #5ac3f6;
    +  border-bottom-color: #20adf2;
    +}
    +.btn-color.btn-twitter:active,
    +.btn-color.btn-twitter.active,
    +.open > .dropdown-toggle.btn-color.btn-twitter {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #20adf2;
    +  background-color: #33b4f3;
    +  border-color: #33b4f3;
    +  border-top-color: #0d9ce1;
    +}
    +.btn-color.btn-twitter:active:hover,
    +.btn-color.btn-twitter.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-twitter:hover,
    +.btn-color.btn-twitter:active:focus,
    +.btn-color.btn-twitter.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-twitter:focus,
    +.btn-color.btn-twitter:active.focus,
    +.btn-color.btn-twitter.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-twitter.focus {
    +  color: #ffffff;
    +  background-color: #33b4f3;
    +  border-color: transparent;
    +  border-top-color: #0d9ce1;
    +  box-shadow: inset 0 2px 0 #20adf2;
    +}
    +.btn-color.btn-twitter:active:hover .icon,
    +.btn-color.btn-twitter.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-twitter:hover .icon,
    +.btn-color.btn-twitter:active:focus .icon,
    +.btn-color.btn-twitter.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-twitter:focus .icon,
    +.btn-color.btn-twitter:active.focus .icon,
    +.btn-color.btn-twitter.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-twitter.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-twitter:active,
    +.btn-color.btn-twitter.active,
    +.open > .dropdown-toggle.btn-color.btn-twitter {
    +  background-image: none;
    +}
    +.btn-color.btn-twitter.disabled,
    +.btn-color.btn-twitter[disabled],
    +fieldset[disabled] .btn-color.btn-twitter,
    +.btn-color.btn-twitter.disabled:hover,
    +.btn-color.btn-twitter[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-twitter:hover,
    +.btn-color.btn-twitter.disabled:focus,
    +.btn-color.btn-twitter[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-twitter:focus,
    +.btn-color.btn-twitter.disabled.focus,
    +.btn-color.btn-twitter[disabled].focus,
    +fieldset[disabled] .btn-color.btn-twitter.focus,
    +.btn-color.btn-twitter.disabled:active,
    +.btn-color.btn-twitter[disabled]:active,
    +fieldset[disabled] .btn-color.btn-twitter:active,
    +.btn-color.btn-twitter.disabled.active,
    +.btn-color.btn-twitter[disabled].active,
    +fieldset[disabled] .btn-color.btn-twitter.active {
    +  background-color: #50bff5;
    +  border-color: #50bff5;
    +}
    +.btn-color.btn-twitter .badge {
    +  color: #50bff5;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-google-plus {
    +  color: #ffffff;
    +  background-color: #eb5e4c;
    +  border-color: #eb5e4c;
    +}
    +.btn-color.btn-google-plus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-google-plus:focus,
    +.btn-color.btn-google-plus.focus {
    +  color: #ffffff;
    +  background-color: #e6351e;
    +  border-color: #a52312;
    +}
    +.btn-color.btn-google-plus:hover {
    +  color: #ffffff;
    +  background-color: #e6351e;
    +  border-color: #e13019;
    +}
    +.btn-color.btn-google-plus:active,
    +.btn-color.btn-google-plus.active,
    +.open > .dropdown-toggle.btn-color.btn-google-plus {
    +  color: #ffffff;
    +  background-color: #e6351e;
    +  border-color: #e13019;
    +}
    +.btn-color.btn-google-plus:active:hover,
    +.btn-color.btn-google-plus.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-google-plus:hover,
    +.btn-color.btn-google-plus:active:focus,
    +.btn-color.btn-google-plus.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-google-plus:focus,
    +.btn-color.btn-google-plus:active.focus,
    +.btn-color.btn-google-plus.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-google-plus.focus {
    +  color: #ffffff;
    +  background-color: #ca2b17;
    +  border-color: #a52312;
    +}
    +.btn-color.btn-google-plus:active,
    +.btn-color.btn-google-plus.active,
    +.open > .dropdown-toggle.btn-color.btn-google-plus {
    +  background-image: none;
    +}
    +.btn-color.btn-google-plus.disabled:hover,
    +.btn-color.btn-google-plus[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-google-plus:hover,
    +.btn-color.btn-google-plus.disabled:focus,
    +.btn-color.btn-google-plus[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-google-plus:focus,
    +.btn-color.btn-google-plus.disabled.focus,
    +.btn-color.btn-google-plus[disabled].focus,
    +fieldset[disabled] .btn-color.btn-google-plus.focus {
    +  background-color: #eb5e4c;
    +  border-color: #eb5e4c;
    +}
    +.btn-color.btn-google-plus .badge {
    +  color: #eb5e4c;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-google-plus:focus,
    +.btn-color.btn-google-plus.focus {
    +  color: #ffffff;
    +  background-color: #eb5e4c;
    +  border-color: #eb5e4c;
    +  outline: none;
    +}
    +.btn-color.btn-google-plus:hover,
    +.btn-color.btn-google-plus.hover {
    +  box-shadow: inset 0 -1px 0 #e6351e;
    +  background-color: #ec6655;
    +  border-color: #ec6655;
    +  border-bottom-color: #e6351e;
    +}
    +.btn-color.btn-google-plus:active,
    +.btn-color.btn-google-plus.active,
    +.open > .dropdown-toggle.btn-color.btn-google-plus {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #e6351e;
    +  background-color: #e84530;
    +  border-color: #e84530;
    +  border-top-color: #ca2b17;
    +}
    +.btn-color.btn-google-plus:active:hover,
    +.btn-color.btn-google-plus.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-google-plus:hover,
    +.btn-color.btn-google-plus:active:focus,
    +.btn-color.btn-google-plus.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-google-plus:focus,
    +.btn-color.btn-google-plus:active.focus,
    +.btn-color.btn-google-plus.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-google-plus.focus {
    +  color: #ffffff;
    +  background-color: #e84530;
    +  border-color: transparent;
    +  border-top-color: #ca2b17;
    +  box-shadow: inset 0 2px 0 #e6351e;
    +}
    +.btn-color.btn-google-plus:active:hover .icon,
    +.btn-color.btn-google-plus.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-google-plus:hover .icon,
    +.btn-color.btn-google-plus:active:focus .icon,
    +.btn-color.btn-google-plus.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-google-plus:focus .icon,
    +.btn-color.btn-google-plus:active.focus .icon,
    +.btn-color.btn-google-plus.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-google-plus.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-google-plus:active,
    +.btn-color.btn-google-plus.active,
    +.open > .dropdown-toggle.btn-color.btn-google-plus {
    +  background-image: none;
    +}
    +.btn-color.btn-google-plus.disabled,
    +.btn-color.btn-google-plus[disabled],
    +fieldset[disabled] .btn-color.btn-google-plus,
    +.btn-color.btn-google-plus.disabled:hover,
    +.btn-color.btn-google-plus[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-google-plus:hover,
    +.btn-color.btn-google-plus.disabled:focus,
    +.btn-color.btn-google-plus[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-google-plus:focus,
    +.btn-color.btn-google-plus.disabled.focus,
    +.btn-color.btn-google-plus[disabled].focus,
    +fieldset[disabled] .btn-color.btn-google-plus.focus,
    +.btn-color.btn-google-plus.disabled:active,
    +.btn-color.btn-google-plus[disabled]:active,
    +fieldset[disabled] .btn-color.btn-google-plus:active,
    +.btn-color.btn-google-plus.disabled.active,
    +.btn-color.btn-google-plus[disabled].active,
    +fieldset[disabled] .btn-color.btn-google-plus.active {
    +  background-color: #eb5e4c;
    +  border-color: #eb5e4c;
    +}
    +.btn-color.btn-google-plus .badge {
    +  color: #eb5e4c;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-dribbble {
    +  color: #ffffff;
    +  background-color: #f7659c;
    +  border-color: #f7659c;
    +}
    +.btn-color.btn-dribbble .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-dribbble:focus,
    +.btn-color.btn-dribbble.focus {
    +  color: #ffffff;
    +  background-color: #f4357d;
    +  border-color: #d20b56;
    +}
    +.btn-color.btn-dribbble:hover {
    +  color: #ffffff;
    +  background-color: #f4357d;
    +  border-color: #f42b77;
    +}
    +.btn-color.btn-dribbble:active,
    +.btn-color.btn-dribbble.active,
    +.open > .dropdown-toggle.btn-color.btn-dribbble {
    +  color: #ffffff;
    +  background-color: #f4357d;
    +  border-color: #f42b77;
    +}
    +.btn-color.btn-dribbble:active:hover,
    +.btn-color.btn-dribbble.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-dribbble:hover,
    +.btn-color.btn-dribbble:active:focus,
    +.btn-color.btn-dribbble.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-dribbble:focus,
    +.btn-color.btn-dribbble:active.focus,
    +.btn-color.btn-dribbble.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-dribbble.focus {
    +  color: #ffffff;
    +  background-color: #f31367;
    +  border-color: #d20b56;
    +}
    +.btn-color.btn-dribbble:active,
    +.btn-color.btn-dribbble.active,
    +.open > .dropdown-toggle.btn-color.btn-dribbble {
    +  background-image: none;
    +}
    +.btn-color.btn-dribbble.disabled:hover,
    +.btn-color.btn-dribbble[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-dribbble:hover,
    +.btn-color.btn-dribbble.disabled:focus,
    +.btn-color.btn-dribbble[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-dribbble:focus,
    +.btn-color.btn-dribbble.disabled.focus,
    +.btn-color.btn-dribbble[disabled].focus,
    +fieldset[disabled] .btn-color.btn-dribbble.focus {
    +  background-color: #f7659c;
    +  border-color: #f7659c;
    +}
    +.btn-color.btn-dribbble .badge {
    +  color: #f7659c;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-dribbble:focus,
    +.btn-color.btn-dribbble.focus {
    +  color: #ffffff;
    +  background-color: #f7659c;
    +  border-color: #f7659c;
    +  outline: none;
    +}
    +.btn-color.btn-dribbble:hover,
    +.btn-color.btn-dribbble.hover {
    +  box-shadow: inset 0 -1px 0 #f4357d;
    +  background-color: #f86fa2;
    +  border-color: #f86fa2;
    +  border-bottom-color: #f4357d;
    +}
    +.btn-color.btn-dribbble:active,
    +.btn-color.btn-dribbble.active,
    +.open > .dropdown-toggle.btn-color.btn-dribbble {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #f4357d;
    +  background-color: #f54889;
    +  border-color: #f54889;
    +  border-top-color: #f31367;
    +}
    +.btn-color.btn-dribbble:active:hover,
    +.btn-color.btn-dribbble.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-dribbble:hover,
    +.btn-color.btn-dribbble:active:focus,
    +.btn-color.btn-dribbble.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-dribbble:focus,
    +.btn-color.btn-dribbble:active.focus,
    +.btn-color.btn-dribbble.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-dribbble.focus {
    +  color: #ffffff;
    +  background-color: #f54889;
    +  border-color: transparent;
    +  border-top-color: #f31367;
    +  box-shadow: inset 0 2px 0 #f4357d;
    +}
    +.btn-color.btn-dribbble:active:hover .icon,
    +.btn-color.btn-dribbble.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-dribbble:hover .icon,
    +.btn-color.btn-dribbble:active:focus .icon,
    +.btn-color.btn-dribbble.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-dribbble:focus .icon,
    +.btn-color.btn-dribbble:active.focus .icon,
    +.btn-color.btn-dribbble.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-dribbble.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-dribbble:active,
    +.btn-color.btn-dribbble.active,
    +.open > .dropdown-toggle.btn-color.btn-dribbble {
    +  background-image: none;
    +}
    +.btn-color.btn-dribbble.disabled,
    +.btn-color.btn-dribbble[disabled],
    +fieldset[disabled] .btn-color.btn-dribbble,
    +.btn-color.btn-dribbble.disabled:hover,
    +.btn-color.btn-dribbble[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-dribbble:hover,
    +.btn-color.btn-dribbble.disabled:focus,
    +.btn-color.btn-dribbble[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-dribbble:focus,
    +.btn-color.btn-dribbble.disabled.focus,
    +.btn-color.btn-dribbble[disabled].focus,
    +fieldset[disabled] .btn-color.btn-dribbble.focus,
    +.btn-color.btn-dribbble.disabled:active,
    +.btn-color.btn-dribbble[disabled]:active,
    +fieldset[disabled] .btn-color.btn-dribbble:active,
    +.btn-color.btn-dribbble.disabled.active,
    +.btn-color.btn-dribbble[disabled].active,
    +fieldset[disabled] .btn-color.btn-dribbble.active {
    +  background-color: #f7659c;
    +  border-color: #f7659c;
    +}
    +.btn-color.btn-dribbble .badge {
    +  color: #f7659c;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-flickr {
    +  color: #ffffff;
    +  background-color: #0063dc;
    +  border-color: #0063dc;
    +}
    +.btn-color.btn-flickr .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-flickr:focus,
    +.btn-color.btn-flickr.focus {
    +  color: #ffffff;
    +  background-color: #004ca9;
    +  border-color: #002a5d;
    +}
    +.btn-color.btn-flickr:hover {
    +  color: #ffffff;
    +  background-color: #004ca9;
    +  border-color: #00479f;
    +}
    +.btn-color.btn-flickr:active,
    +.btn-color.btn-flickr.active,
    +.open > .dropdown-toggle.btn-color.btn-flickr {
    +  color: #ffffff;
    +  background-color: #004ca9;
    +  border-color: #00479f;
    +}
    +.btn-color.btn-flickr:active:hover,
    +.btn-color.btn-flickr.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-flickr:hover,
    +.btn-color.btn-flickr:active:focus,
    +.btn-color.btn-flickr.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-flickr:focus,
    +.btn-color.btn-flickr:active.focus,
    +.btn-color.btn-flickr.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-flickr.focus {
    +  color: #ffffff;
    +  background-color: #003c85;
    +  border-color: #002a5d;
    +}
    +.btn-color.btn-flickr:active,
    +.btn-color.btn-flickr.active,
    +.open > .dropdown-toggle.btn-color.btn-flickr {
    +  background-image: none;
    +}
    +.btn-color.btn-flickr.disabled:hover,
    +.btn-color.btn-flickr[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-flickr:hover,
    +.btn-color.btn-flickr.disabled:focus,
    +.btn-color.btn-flickr[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-flickr:focus,
    +.btn-color.btn-flickr.disabled.focus,
    +.btn-color.btn-flickr[disabled].focus,
    +fieldset[disabled] .btn-color.btn-flickr.focus {
    +  background-color: #0063dc;
    +  border-color: #0063dc;
    +}
    +.btn-color.btn-flickr .badge {
    +  color: #0063dc;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-flickr:focus,
    +.btn-color.btn-flickr.focus {
    +  color: #ffffff;
    +  background-color: #0063dc;
    +  border-color: #0063dc;
    +  outline: none;
    +}
    +.btn-color.btn-flickr:hover,
    +.btn-color.btn-flickr.hover {
    +  box-shadow: inset 0 -1px 0 #004ca9;
    +  background-color: #0068e6;
    +  border-color: #0068e6;
    +  border-bottom-color: #004ca9;
    +}
    +.btn-color.btn-flickr:active,
    +.btn-color.btn-flickr.active,
    +.open > .dropdown-toggle.btn-color.btn-flickr {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #004ca9;
    +  background-color: #0055bd;
    +  border-color: #0055bd;
    +  border-top-color: #003c85;
    +}
    +.btn-color.btn-flickr:active:hover,
    +.btn-color.btn-flickr.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-flickr:hover,
    +.btn-color.btn-flickr:active:focus,
    +.btn-color.btn-flickr.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-flickr:focus,
    +.btn-color.btn-flickr:active.focus,
    +.btn-color.btn-flickr.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-flickr.focus {
    +  color: #ffffff;
    +  background-color: #0055bd;
    +  border-color: transparent;
    +  border-top-color: #003c85;
    +  box-shadow: inset 0 2px 0 #004ca9;
    +}
    +.btn-color.btn-flickr:active:hover .icon,
    +.btn-color.btn-flickr.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-flickr:hover .icon,
    +.btn-color.btn-flickr:active:focus .icon,
    +.btn-color.btn-flickr.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-flickr:focus .icon,
    +.btn-color.btn-flickr:active.focus .icon,
    +.btn-color.btn-flickr.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-flickr.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-flickr:active,
    +.btn-color.btn-flickr.active,
    +.open > .dropdown-toggle.btn-color.btn-flickr {
    +  background-image: none;
    +}
    +.btn-color.btn-flickr.disabled,
    +.btn-color.btn-flickr[disabled],
    +fieldset[disabled] .btn-color.btn-flickr,
    +.btn-color.btn-flickr.disabled:hover,
    +.btn-color.btn-flickr[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-flickr:hover,
    +.btn-color.btn-flickr.disabled:focus,
    +.btn-color.btn-flickr[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-flickr:focus,
    +.btn-color.btn-flickr.disabled.focus,
    +.btn-color.btn-flickr[disabled].focus,
    +fieldset[disabled] .btn-color.btn-flickr.focus,
    +.btn-color.btn-flickr.disabled:active,
    +.btn-color.btn-flickr[disabled]:active,
    +fieldset[disabled] .btn-color.btn-flickr:active,
    +.btn-color.btn-flickr.disabled.active,
    +.btn-color.btn-flickr[disabled].active,
    +fieldset[disabled] .btn-color.btn-flickr.active {
    +  background-color: #0063dc;
    +  border-color: #0063dc;
    +}
    +.btn-color.btn-flickr .badge {
    +  color: #0063dc;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-linkedin {
    +  color: #ffffff;
    +  background-color: #238cc8;
    +  border-color: #238cc8;
    +}
    +.btn-color.btn-linkedin .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-linkedin:focus,
    +.btn-color.btn-linkedin.focus {
    +  color: #ffffff;
    +  background-color: #1b6e9d;
    +  border-color: #10405b;
    +}
    +.btn-color.btn-linkedin:hover {
    +  color: #ffffff;
    +  background-color: #1b6e9d;
    +  border-color: #1a6894;
    +}
    +.btn-color.btn-linkedin:active,
    +.btn-color.btn-linkedin.active,
    +.open > .dropdown-toggle.btn-color.btn-linkedin {
    +  color: #ffffff;
    +  background-color: #1b6e9d;
    +  border-color: #1a6894;
    +}
    +.btn-color.btn-linkedin:active:hover,
    +.btn-color.btn-linkedin.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-linkedin:hover,
    +.btn-color.btn-linkedin:active:focus,
    +.btn-color.btn-linkedin.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-linkedin:focus,
    +.btn-color.btn-linkedin:active.focus,
    +.btn-color.btn-linkedin.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-linkedin.focus {
    +  color: #ffffff;
    +  background-color: #16587e;
    +  border-color: #10405b;
    +}
    +.btn-color.btn-linkedin:active,
    +.btn-color.btn-linkedin.active,
    +.open > .dropdown-toggle.btn-color.btn-linkedin {
    +  background-image: none;
    +}
    +.btn-color.btn-linkedin.disabled:hover,
    +.btn-color.btn-linkedin[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-linkedin:hover,
    +.btn-color.btn-linkedin.disabled:focus,
    +.btn-color.btn-linkedin[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-linkedin:focus,
    +.btn-color.btn-linkedin.disabled.focus,
    +.btn-color.btn-linkedin[disabled].focus,
    +fieldset[disabled] .btn-color.btn-linkedin.focus {
    +  background-color: #238cc8;
    +  border-color: #238cc8;
    +}
    +.btn-color.btn-linkedin .badge {
    +  color: #238cc8;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-linkedin:focus,
    +.btn-color.btn-linkedin.focus {
    +  color: #ffffff;
    +  background-color: #238cc8;
    +  border-color: #238cc8;
    +  outline: none;
    +}
    +.btn-color.btn-linkedin:hover,
    +.btn-color.btn-linkedin.hover {
    +  box-shadow: inset 0 -1px 0 #1b6e9d;
    +  background-color: #2592d1;
    +  border-color: #2592d1;
    +  border-bottom-color: #1b6e9d;
    +}
    +.btn-color.btn-linkedin:active,
    +.btn-color.btn-linkedin.active,
    +.open > .dropdown-toggle.btn-color.btn-linkedin {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #1b6e9d;
    +  background-color: #1e7aae;
    +  border-color: #1e7aae;
    +  border-top-color: #16587e;
    +}
    +.btn-color.btn-linkedin:active:hover,
    +.btn-color.btn-linkedin.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-linkedin:hover,
    +.btn-color.btn-linkedin:active:focus,
    +.btn-color.btn-linkedin.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-linkedin:focus,
    +.btn-color.btn-linkedin:active.focus,
    +.btn-color.btn-linkedin.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-linkedin.focus {
    +  color: #ffffff;
    +  background-color: #1e7aae;
    +  border-color: transparent;
    +  border-top-color: #16587e;
    +  box-shadow: inset 0 2px 0 #1b6e9d;
    +}
    +.btn-color.btn-linkedin:active:hover .icon,
    +.btn-color.btn-linkedin.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-linkedin:hover .icon,
    +.btn-color.btn-linkedin:active:focus .icon,
    +.btn-color.btn-linkedin.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-linkedin:focus .icon,
    +.btn-color.btn-linkedin:active.focus .icon,
    +.btn-color.btn-linkedin.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-linkedin.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-linkedin:active,
    +.btn-color.btn-linkedin.active,
    +.open > .dropdown-toggle.btn-color.btn-linkedin {
    +  background-image: none;
    +}
    +.btn-color.btn-linkedin.disabled,
    +.btn-color.btn-linkedin[disabled],
    +fieldset[disabled] .btn-color.btn-linkedin,
    +.btn-color.btn-linkedin.disabled:hover,
    +.btn-color.btn-linkedin[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-linkedin:hover,
    +.btn-color.btn-linkedin.disabled:focus,
    +.btn-color.btn-linkedin[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-linkedin:focus,
    +.btn-color.btn-linkedin.disabled.focus,
    +.btn-color.btn-linkedin[disabled].focus,
    +fieldset[disabled] .btn-color.btn-linkedin.focus,
    +.btn-color.btn-linkedin.disabled:active,
    +.btn-color.btn-linkedin[disabled]:active,
    +fieldset[disabled] .btn-color.btn-linkedin:active,
    +.btn-color.btn-linkedin.disabled.active,
    +.btn-color.btn-linkedin[disabled].active,
    +fieldset[disabled] .btn-color.btn-linkedin.active {
    +  background-color: #238cc8;
    +  border-color: #238cc8;
    +}
    +.btn-color.btn-linkedin .badge {
    +  color: #238cc8;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-youtube {
    +  color: #ffffff;
    +  background-color: #ef4e41;
    +  border-color: #ef4e41;
    +}
    +.btn-color.btn-youtube .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-youtube:focus,
    +.btn-color.btn-youtube.focus {
    +  color: #ffffff;
    +  background-color: #e92414;
    +  border-color: #a3190e;
    +}
    +.btn-color.btn-youtube:hover {
    +  color: #ffffff;
    +  background-color: #e92414;
    +  border-color: #e02213;
    +}
    +.btn-color.btn-youtube:active,
    +.btn-color.btn-youtube.active,
    +.open > .dropdown-toggle.btn-color.btn-youtube {
    +  color: #ffffff;
    +  background-color: #e92414;
    +  border-color: #e02213;
    +}
    +.btn-color.btn-youtube:active:hover,
    +.btn-color.btn-youtube.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-youtube:hover,
    +.btn-color.btn-youtube:active:focus,
    +.btn-color.btn-youtube.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-youtube:focus,
    +.btn-color.btn-youtube:active.focus,
    +.btn-color.btn-youtube.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-youtube.focus {
    +  color: #ffffff;
    +  background-color: #c81f11;
    +  border-color: #a3190e;
    +}
    +.btn-color.btn-youtube:active,
    +.btn-color.btn-youtube.active,
    +.open > .dropdown-toggle.btn-color.btn-youtube {
    +  background-image: none;
    +}
    +.btn-color.btn-youtube.disabled:hover,
    +.btn-color.btn-youtube[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-youtube:hover,
    +.btn-color.btn-youtube.disabled:focus,
    +.btn-color.btn-youtube[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-youtube:focus,
    +.btn-color.btn-youtube.disabled.focus,
    +.btn-color.btn-youtube[disabled].focus,
    +fieldset[disabled] .btn-color.btn-youtube.focus {
    +  background-color: #ef4e41;
    +  border-color: #ef4e41;
    +}
    +.btn-color.btn-youtube .badge {
    +  color: #ef4e41;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-youtube:focus,
    +.btn-color.btn-youtube.focus {
    +  color: #ffffff;
    +  background-color: #ef4e41;
    +  border-color: #ef4e41;
    +  outline: none;
    +}
    +.btn-color.btn-youtube:hover,
    +.btn-color.btn-youtube.hover {
    +  box-shadow: inset 0 -1px 0 #e92414;
    +  background-color: #f0574a;
    +  border-color: #f0574a;
    +  border-bottom-color: #e92414;
    +}
    +.btn-color.btn-youtube:active,
    +.btn-color.btn-youtube.active,
    +.open > .dropdown-toggle.btn-color.btn-youtube {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #e92414;
    +  background-color: #ed3425;
    +  border-color: #ed3425;
    +  border-top-color: #c81f11;
    +}
    +.btn-color.btn-youtube:active:hover,
    +.btn-color.btn-youtube.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-youtube:hover,
    +.btn-color.btn-youtube:active:focus,
    +.btn-color.btn-youtube.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-youtube:focus,
    +.btn-color.btn-youtube:active.focus,
    +.btn-color.btn-youtube.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-youtube.focus {
    +  color: #ffffff;
    +  background-color: #ed3425;
    +  border-color: transparent;
    +  border-top-color: #c81f11;
    +  box-shadow: inset 0 2px 0 #e92414;
    +}
    +.btn-color.btn-youtube:active:hover .icon,
    +.btn-color.btn-youtube.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-youtube:hover .icon,
    +.btn-color.btn-youtube:active:focus .icon,
    +.btn-color.btn-youtube.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-youtube:focus .icon,
    +.btn-color.btn-youtube:active.focus .icon,
    +.btn-color.btn-youtube.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-youtube.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-youtube:active,
    +.btn-color.btn-youtube.active,
    +.open > .dropdown-toggle.btn-color.btn-youtube {
    +  background-image: none;
    +}
    +.btn-color.btn-youtube.disabled,
    +.btn-color.btn-youtube[disabled],
    +fieldset[disabled] .btn-color.btn-youtube,
    +.btn-color.btn-youtube.disabled:hover,
    +.btn-color.btn-youtube[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-youtube:hover,
    +.btn-color.btn-youtube.disabled:focus,
    +.btn-color.btn-youtube[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-youtube:focus,
    +.btn-color.btn-youtube.disabled.focus,
    +.btn-color.btn-youtube[disabled].focus,
    +fieldset[disabled] .btn-color.btn-youtube.focus,
    +.btn-color.btn-youtube.disabled:active,
    +.btn-color.btn-youtube[disabled]:active,
    +fieldset[disabled] .btn-color.btn-youtube:active,
    +.btn-color.btn-youtube.disabled.active,
    +.btn-color.btn-youtube[disabled].active,
    +fieldset[disabled] .btn-color.btn-youtube.active {
    +  background-color: #ef4e41;
    +  border-color: #ef4e41;
    +}
    +.btn-color.btn-youtube .badge {
    +  color: #ef4e41;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-pinterest {
    +  color: #ffffff;
    +  background-color: #e13138;
    +  border-color: #e13138;
    +}
    +.btn-color.btn-pinterest .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-pinterest:focus,
    +.btn-color.btn-pinterest.focus {
    +  color: #ffffff;
    +  background-color: #c31c23;
    +  border-color: #801317;
    +}
    +.btn-color.btn-pinterest:hover {
    +  color: #ffffff;
    +  background-color: #c31c23;
    +  border-color: #ba1b21;
    +}
    +.btn-color.btn-pinterest:active,
    +.btn-color.btn-pinterest.active,
    +.open > .dropdown-toggle.btn-color.btn-pinterest {
    +  color: #ffffff;
    +  background-color: #c31c23;
    +  border-color: #ba1b21;
    +}
    +.btn-color.btn-pinterest:active:hover,
    +.btn-color.btn-pinterest.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-pinterest:hover,
    +.btn-color.btn-pinterest:active:focus,
    +.btn-color.btn-pinterest.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-pinterest:focus,
    +.btn-color.btn-pinterest:active.focus,
    +.btn-color.btn-pinterest.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-pinterest.focus {
    +  color: #ffffff;
    +  background-color: #a3181d;
    +  border-color: #801317;
    +}
    +.btn-color.btn-pinterest:active,
    +.btn-color.btn-pinterest.active,
    +.open > .dropdown-toggle.btn-color.btn-pinterest {
    +  background-image: none;
    +}
    +.btn-color.btn-pinterest.disabled:hover,
    +.btn-color.btn-pinterest[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-pinterest:hover,
    +.btn-color.btn-pinterest.disabled:focus,
    +.btn-color.btn-pinterest[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-pinterest:focus,
    +.btn-color.btn-pinterest.disabled.focus,
    +.btn-color.btn-pinterest[disabled].focus,
    +fieldset[disabled] .btn-color.btn-pinterest.focus {
    +  background-color: #e13138;
    +  border-color: #e13138;
    +}
    +.btn-color.btn-pinterest .badge {
    +  color: #e13138;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-pinterest:focus,
    +.btn-color.btn-pinterest.focus {
    +  color: #ffffff;
    +  background-color: #e13138;
    +  border-color: #e13138;
    +  outline: none;
    +}
    +.btn-color.btn-pinterest:hover,
    +.btn-color.btn-pinterest.hover {
    +  box-shadow: inset 0 -1px 0 #c31c23;
    +  background-color: #e23a41;
    +  border-color: #e23a41;
    +  border-bottom-color: #c31c23;
    +}
    +.btn-color.btn-pinterest:active,
    +.btn-color.btn-pinterest.active,
    +.open > .dropdown-toggle.btn-color.btn-pinterest {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #c31c23;
    +  background-color: #d41f26;
    +  border-color: #d41f26;
    +  border-top-color: #a3181d;
    +}
    +.btn-color.btn-pinterest:active:hover,
    +.btn-color.btn-pinterest.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-pinterest:hover,
    +.btn-color.btn-pinterest:active:focus,
    +.btn-color.btn-pinterest.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-pinterest:focus,
    +.btn-color.btn-pinterest:active.focus,
    +.btn-color.btn-pinterest.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-pinterest.focus {
    +  color: #ffffff;
    +  background-color: #d41f26;
    +  border-color: transparent;
    +  border-top-color: #a3181d;
    +  box-shadow: inset 0 2px 0 #c31c23;
    +}
    +.btn-color.btn-pinterest:active:hover .icon,
    +.btn-color.btn-pinterest.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-pinterest:hover .icon,
    +.btn-color.btn-pinterest:active:focus .icon,
    +.btn-color.btn-pinterest.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-pinterest:focus .icon,
    +.btn-color.btn-pinterest:active.focus .icon,
    +.btn-color.btn-pinterest.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-pinterest.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-pinterest:active,
    +.btn-color.btn-pinterest.active,
    +.open > .dropdown-toggle.btn-color.btn-pinterest {
    +  background-image: none;
    +}
    +.btn-color.btn-pinterest.disabled,
    +.btn-color.btn-pinterest[disabled],
    +fieldset[disabled] .btn-color.btn-pinterest,
    +.btn-color.btn-pinterest.disabled:hover,
    +.btn-color.btn-pinterest[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-pinterest:hover,
    +.btn-color.btn-pinterest.disabled:focus,
    +.btn-color.btn-pinterest[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-pinterest:focus,
    +.btn-color.btn-pinterest.disabled.focus,
    +.btn-color.btn-pinterest[disabled].focus,
    +fieldset[disabled] .btn-color.btn-pinterest.focus,
    +.btn-color.btn-pinterest.disabled:active,
    +.btn-color.btn-pinterest[disabled]:active,
    +fieldset[disabled] .btn-color.btn-pinterest:active,
    +.btn-color.btn-pinterest.disabled.active,
    +.btn-color.btn-pinterest[disabled].active,
    +fieldset[disabled] .btn-color.btn-pinterest.active {
    +  background-color: #e13138;
    +  border-color: #e13138;
    +}
    +.btn-color.btn-pinterest .badge {
    +  color: #e13138;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-github {
    +  color: #ffffff;
    +  background-color: #333;
    +  border-color: #333;
    +}
    +.btn-color.btn-github .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-github:focus,
    +.btn-color.btn-github.focus {
    +  color: #ffffff;
    +  background-color: #1a1a1a;
    +  border-color: #000000;
    +}
    +.btn-color.btn-github:hover {
    +  color: #ffffff;
    +  background-color: #1a1a1a;
    +  border-color: #141414;
    +}
    +.btn-color.btn-github:active,
    +.btn-color.btn-github.active,
    +.open > .dropdown-toggle.btn-color.btn-github {
    +  color: #ffffff;
    +  background-color: #1a1a1a;
    +  border-color: #141414;
    +}
    +.btn-color.btn-github:active:hover,
    +.btn-color.btn-github.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-github:hover,
    +.btn-color.btn-github:active:focus,
    +.btn-color.btn-github.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-github:focus,
    +.btn-color.btn-github:active.focus,
    +.btn-color.btn-github.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-github.focus {
    +  color: #ffffff;
    +  background-color: #080808;
    +  border-color: #000000;
    +}
    +.btn-color.btn-github:active,
    +.btn-color.btn-github.active,
    +.open > .dropdown-toggle.btn-color.btn-github {
    +  background-image: none;
    +}
    +.btn-color.btn-github.disabled:hover,
    +.btn-color.btn-github[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-github:hover,
    +.btn-color.btn-github.disabled:focus,
    +.btn-color.btn-github[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-github:focus,
    +.btn-color.btn-github.disabled.focus,
    +.btn-color.btn-github[disabled].focus,
    +fieldset[disabled] .btn-color.btn-github.focus {
    +  background-color: #333;
    +  border-color: #333;
    +}
    +.btn-color.btn-github .badge {
    +  color: #333;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-github:focus,
    +.btn-color.btn-github.focus {
    +  color: #ffffff;
    +  background-color: #333;
    +  border-color: #333;
    +  outline: none;
    +}
    +.btn-color.btn-github:hover,
    +.btn-color.btn-github.hover {
    +  box-shadow: inset 0 -1px 0 #1a1a1a;
    +  background-color: #383838;
    +  border-color: #383838;
    +  border-bottom-color: #1a1a1a;
    +}
    +.btn-color.btn-github:active,
    +.btn-color.btn-github.active,
    +.open > .dropdown-toggle.btn-color.btn-github {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #1a1a1a;
    +  background-color: #242424;
    +  border-color: #242424;
    +  border-top-color: #080808;
    +}
    +.btn-color.btn-github:active:hover,
    +.btn-color.btn-github.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-github:hover,
    +.btn-color.btn-github:active:focus,
    +.btn-color.btn-github.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-github:focus,
    +.btn-color.btn-github:active.focus,
    +.btn-color.btn-github.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-github.focus {
    +  color: #ffffff;
    +  background-color: #242424;
    +  border-color: transparent;
    +  border-top-color: #080808;
    +  box-shadow: inset 0 2px 0 #1a1a1a;
    +}
    +.btn-color.btn-github:active:hover .icon,
    +.btn-color.btn-github.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-github:hover .icon,
    +.btn-color.btn-github:active:focus .icon,
    +.btn-color.btn-github.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-github:focus .icon,
    +.btn-color.btn-github:active.focus .icon,
    +.btn-color.btn-github.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-github.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-github:active,
    +.btn-color.btn-github.active,
    +.open > .dropdown-toggle.btn-color.btn-github {
    +  background-image: none;
    +}
    +.btn-color.btn-github.disabled,
    +.btn-color.btn-github[disabled],
    +fieldset[disabled] .btn-color.btn-github,
    +.btn-color.btn-github.disabled:hover,
    +.btn-color.btn-github[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-github:hover,
    +.btn-color.btn-github.disabled:focus,
    +.btn-color.btn-github[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-github:focus,
    +.btn-color.btn-github.disabled.focus,
    +.btn-color.btn-github[disabled].focus,
    +fieldset[disabled] .btn-color.btn-github.focus,
    +.btn-color.btn-github.disabled:active,
    +.btn-color.btn-github[disabled]:active,
    +fieldset[disabled] .btn-color.btn-github:active,
    +.btn-color.btn-github.disabled.active,
    +.btn-color.btn-github[disabled].active,
    +fieldset[disabled] .btn-color.btn-github.active {
    +  background-color: #333;
    +  border-color: #333;
    +}
    +.btn-color.btn-github .badge {
    +  color: #333;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-tumblr {
    +  color: #ffffff;
    +  background-color: #426d9b;
    +  border-color: #426d9b;
    +}
    +.btn-color.btn-tumblr .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-tumblr:focus,
    +.btn-color.btn-tumblr.focus {
    +  color: #ffffff;
    +  background-color: #335477;
    +  border-color: #1c2e42;
    +}
    +.btn-color.btn-tumblr:hover {
    +  color: #ffffff;
    +  background-color: #335477;
    +  border-color: #304f70;
    +}
    +.btn-color.btn-tumblr:active,
    +.btn-color.btn-tumblr.active,
    +.open > .dropdown-toggle.btn-color.btn-tumblr {
    +  color: #ffffff;
    +  background-color: #335477;
    +  border-color: #304f70;
    +}
    +.btn-color.btn-tumblr:active:hover,
    +.btn-color.btn-tumblr.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-tumblr:hover,
    +.btn-color.btn-tumblr:active:focus,
    +.btn-color.btn-tumblr.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-tumblr:focus,
    +.btn-color.btn-tumblr:active.focus,
    +.btn-color.btn-tumblr.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-tumblr.focus {
    +  color: #ffffff;
    +  background-color: #28425e;
    +  border-color: #1c2e42;
    +}
    +.btn-color.btn-tumblr:active,
    +.btn-color.btn-tumblr.active,
    +.open > .dropdown-toggle.btn-color.btn-tumblr {
    +  background-image: none;
    +}
    +.btn-color.btn-tumblr.disabled:hover,
    +.btn-color.btn-tumblr[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-tumblr:hover,
    +.btn-color.btn-tumblr.disabled:focus,
    +.btn-color.btn-tumblr[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-tumblr:focus,
    +.btn-color.btn-tumblr.disabled.focus,
    +.btn-color.btn-tumblr[disabled].focus,
    +fieldset[disabled] .btn-color.btn-tumblr.focus {
    +  background-color: #426d9b;
    +  border-color: #426d9b;
    +}
    +.btn-color.btn-tumblr .badge {
    +  color: #426d9b;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-tumblr:focus,
    +.btn-color.btn-tumblr.focus {
    +  color: #ffffff;
    +  background-color: #426d9b;
    +  border-color: #426d9b;
    +  outline: none;
    +}
    +.btn-color.btn-tumblr:hover,
    +.btn-color.btn-tumblr.hover {
    +  box-shadow: inset 0 -1px 0 #335477;
    +  background-color: #4572a2;
    +  border-color: #4572a2;
    +  border-bottom-color: #335477;
    +}
    +.btn-color.btn-tumblr:active,
    +.btn-color.btn-tumblr.active,
    +.open > .dropdown-toggle.btn-color.btn-tumblr {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #335477;
    +  background-color: #395e86;
    +  border-color: #395e86;
    +  border-top-color: #28425e;
    +}
    +.btn-color.btn-tumblr:active:hover,
    +.btn-color.btn-tumblr.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-tumblr:hover,
    +.btn-color.btn-tumblr:active:focus,
    +.btn-color.btn-tumblr.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-tumblr:focus,
    +.btn-color.btn-tumblr:active.focus,
    +.btn-color.btn-tumblr.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-tumblr.focus {
    +  color: #ffffff;
    +  background-color: #395e86;
    +  border-color: transparent;
    +  border-top-color: #28425e;
    +  box-shadow: inset 0 2px 0 #335477;
    +}
    +.btn-color.btn-tumblr:active:hover .icon,
    +.btn-color.btn-tumblr.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-tumblr:hover .icon,
    +.btn-color.btn-tumblr:active:focus .icon,
    +.btn-color.btn-tumblr.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-tumblr:focus .icon,
    +.btn-color.btn-tumblr:active.focus .icon,
    +.btn-color.btn-tumblr.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-tumblr.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-tumblr:active,
    +.btn-color.btn-tumblr.active,
    +.open > .dropdown-toggle.btn-color.btn-tumblr {
    +  background-image: none;
    +}
    +.btn-color.btn-tumblr.disabled,
    +.btn-color.btn-tumblr[disabled],
    +fieldset[disabled] .btn-color.btn-tumblr,
    +.btn-color.btn-tumblr.disabled:hover,
    +.btn-color.btn-tumblr[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-tumblr:hover,
    +.btn-color.btn-tumblr.disabled:focus,
    +.btn-color.btn-tumblr[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-tumblr:focus,
    +.btn-color.btn-tumblr.disabled.focus,
    +.btn-color.btn-tumblr[disabled].focus,
    +fieldset[disabled] .btn-color.btn-tumblr.focus,
    +.btn-color.btn-tumblr.disabled:active,
    +.btn-color.btn-tumblr[disabled]:active,
    +fieldset[disabled] .btn-color.btn-tumblr:active,
    +.btn-color.btn-tumblr.disabled.active,
    +.btn-color.btn-tumblr[disabled].active,
    +fieldset[disabled] .btn-color.btn-tumblr.active {
    +  background-color: #426d9b;
    +  border-color: #426d9b;
    +}
    +.btn-color.btn-tumblr .badge {
    +  color: #426d9b;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-dropbox {
    +  color: #ffffff;
    +  background-color: #007EE5;
    +  border-color: #007EE5;
    +}
    +.btn-color.btn-dropbox .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-dropbox:focus,
    +.btn-color.btn-dropbox.focus {
    +  color: #ffffff;
    +  background-color: #0062b2;
    +  border-color: #003866;
    +}
    +.btn-color.btn-dropbox:hover {
    +  color: #ffffff;
    +  background-color: #0062b2;
    +  border-color: #005ca8;
    +}
    +.btn-color.btn-dropbox:active,
    +.btn-color.btn-dropbox.active,
    +.open > .dropdown-toggle.btn-color.btn-dropbox {
    +  color: #ffffff;
    +  background-color: #0062b2;
    +  border-color: #005ca8;
    +}
    +.btn-color.btn-dropbox:active:hover,
    +.btn-color.btn-dropbox.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-dropbox:hover,
    +.btn-color.btn-dropbox:active:focus,
    +.btn-color.btn-dropbox.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-dropbox:focus,
    +.btn-color.btn-dropbox:active.focus,
    +.btn-color.btn-dropbox.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-dropbox.focus {
    +  color: #ffffff;
    +  background-color: #004e8e;
    +  border-color: #003866;
    +}
    +.btn-color.btn-dropbox:active,
    +.btn-color.btn-dropbox.active,
    +.open > .dropdown-toggle.btn-color.btn-dropbox {
    +  background-image: none;
    +}
    +.btn-color.btn-dropbox.disabled:hover,
    +.btn-color.btn-dropbox[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-dropbox:hover,
    +.btn-color.btn-dropbox.disabled:focus,
    +.btn-color.btn-dropbox[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-dropbox:focus,
    +.btn-color.btn-dropbox.disabled.focus,
    +.btn-color.btn-dropbox[disabled].focus,
    +fieldset[disabled] .btn-color.btn-dropbox.focus {
    +  background-color: #007EE5;
    +  border-color: #007EE5;
    +}
    +.btn-color.btn-dropbox .badge {
    +  color: #007EE5;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-dropbox:focus,
    +.btn-color.btn-dropbox.focus {
    +  color: #ffffff;
    +  background-color: #007EE5;
    +  border-color: #007EE5;
    +  outline: none;
    +}
    +.btn-color.btn-dropbox:hover,
    +.btn-color.btn-dropbox.hover {
    +  box-shadow: inset 0 -1px 0 #0062b2;
    +  background-color: #0084ef;
    +  border-color: #0084ef;
    +  border-bottom-color: #0062b2;
    +}
    +.btn-color.btn-dropbox:active,
    +.btn-color.btn-dropbox.active,
    +.open > .dropdown-toggle.btn-color.btn-dropbox {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #0062b2;
    +  background-color: #006dc6;
    +  border-color: #006dc6;
    +  border-top-color: #004e8e;
    +}
    +.btn-color.btn-dropbox:active:hover,
    +.btn-color.btn-dropbox.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-dropbox:hover,
    +.btn-color.btn-dropbox:active:focus,
    +.btn-color.btn-dropbox.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-dropbox:focus,
    +.btn-color.btn-dropbox:active.focus,
    +.btn-color.btn-dropbox.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-dropbox.focus {
    +  color: #ffffff;
    +  background-color: #006dc6;
    +  border-color: transparent;
    +  border-top-color: #004e8e;
    +  box-shadow: inset 0 2px 0 #0062b2;
    +}
    +.btn-color.btn-dropbox:active:hover .icon,
    +.btn-color.btn-dropbox.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-dropbox:hover .icon,
    +.btn-color.btn-dropbox:active:focus .icon,
    +.btn-color.btn-dropbox.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-dropbox:focus .icon,
    +.btn-color.btn-dropbox:active.focus .icon,
    +.btn-color.btn-dropbox.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-dropbox.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-dropbox:active,
    +.btn-color.btn-dropbox.active,
    +.open > .dropdown-toggle.btn-color.btn-dropbox {
    +  background-image: none;
    +}
    +.btn-color.btn-dropbox.disabled,
    +.btn-color.btn-dropbox[disabled],
    +fieldset[disabled] .btn-color.btn-dropbox,
    +.btn-color.btn-dropbox.disabled:hover,
    +.btn-color.btn-dropbox[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-dropbox:hover,
    +.btn-color.btn-dropbox.disabled:focus,
    +.btn-color.btn-dropbox[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-dropbox:focus,
    +.btn-color.btn-dropbox.disabled.focus,
    +.btn-color.btn-dropbox[disabled].focus,
    +fieldset[disabled] .btn-color.btn-dropbox.focus,
    +.btn-color.btn-dropbox.disabled:active,
    +.btn-color.btn-dropbox[disabled]:active,
    +fieldset[disabled] .btn-color.btn-dropbox:active,
    +.btn-color.btn-dropbox.disabled.active,
    +.btn-color.btn-dropbox[disabled].active,
    +fieldset[disabled] .btn-color.btn-dropbox.active {
    +  background-color: #007EE5;
    +  border-color: #007EE5;
    +}
    +.btn-color.btn-dropbox .badge {
    +  color: #007EE5;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-evernote {
    +  color: #ffffff;
    +  background-color: #2DBE60;
    +  border-color: #2DBE60;
    +}
    +.btn-color.btn-evernote .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-evernote:focus,
    +.btn-color.btn-evernote.focus {
    +  color: #ffffff;
    +  background-color: #23954b;
    +  border-color: #15572c;
    +}
    +.btn-color.btn-evernote:hover {
    +  color: #ffffff;
    +  background-color: #23954b;
    +  border-color: #218d47;
    +}
    +.btn-color.btn-evernote:active,
    +.btn-color.btn-evernote.active,
    +.open > .dropdown-toggle.btn-color.btn-evernote {
    +  color: #ffffff;
    +  background-color: #23954b;
    +  border-color: #218d47;
    +}
    +.btn-color.btn-evernote:active:hover,
    +.btn-color.btn-evernote.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-evernote:hover,
    +.btn-color.btn-evernote:active:focus,
    +.btn-color.btn-evernote.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-evernote:focus,
    +.btn-color.btn-evernote:active.focus,
    +.btn-color.btn-evernote.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-evernote.focus {
    +  color: #ffffff;
    +  background-color: #1c783d;
    +  border-color: #15572c;
    +}
    +.btn-color.btn-evernote:active,
    +.btn-color.btn-evernote.active,
    +.open > .dropdown-toggle.btn-color.btn-evernote {
    +  background-image: none;
    +}
    +.btn-color.btn-evernote.disabled:hover,
    +.btn-color.btn-evernote[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-evernote:hover,
    +.btn-color.btn-evernote.disabled:focus,
    +.btn-color.btn-evernote[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-evernote:focus,
    +.btn-color.btn-evernote.disabled.focus,
    +.btn-color.btn-evernote[disabled].focus,
    +fieldset[disabled] .btn-color.btn-evernote.focus {
    +  background-color: #2DBE60;
    +  border-color: #2DBE60;
    +}
    +.btn-color.btn-evernote .badge {
    +  color: #2DBE60;
    +  background-color: #ffffff;
    +}
    +.btn-color.btn-evernote:focus,
    +.btn-color.btn-evernote.focus {
    +  color: #ffffff;
    +  background-color: #2DBE60;
    +  border-color: #2DBE60;
    +  outline: none;
    +}
    +.btn-color.btn-evernote:hover,
    +.btn-color.btn-evernote.hover {
    +  box-shadow: inset 0 -1px 0 #23954b;
    +  background-color: #2fc664;
    +  border-color: #2fc664;
    +  border-bottom-color: #23954b;
    +}
    +.btn-color.btn-evernote:active,
    +.btn-color.btn-evernote.active,
    +.open > .dropdown-toggle.btn-color.btn-evernote {
    +  color: #ffffff;
    +  box-shadow: inset 0 2px 0 #23954b;
    +  background-color: #27a553;
    +  border-color: #27a553;
    +  border-top-color: #1c783d;
    +}
    +.btn-color.btn-evernote:active:hover,
    +.btn-color.btn-evernote.active:hover,
    +.open > .dropdown-toggle.btn-color.btn-evernote:hover,
    +.btn-color.btn-evernote:active:focus,
    +.btn-color.btn-evernote.active:focus,
    +.open > .dropdown-toggle.btn-color.btn-evernote:focus,
    +.btn-color.btn-evernote:active.focus,
    +.btn-color.btn-evernote.active.focus,
    +.open > .dropdown-toggle.btn-color.btn-evernote.focus {
    +  color: #ffffff;
    +  background-color: #27a553;
    +  border-color: transparent;
    +  border-top-color: #1c783d;
    +  box-shadow: inset 0 2px 0 #23954b;
    +}
    +.btn-color.btn-evernote:active:hover .icon,
    +.btn-color.btn-evernote.active:hover .icon,
    +.open > .dropdown-toggle.btn-color.btn-evernote:hover .icon,
    +.btn-color.btn-evernote:active:focus .icon,
    +.btn-color.btn-evernote.active:focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-evernote:focus .icon,
    +.btn-color.btn-evernote:active.focus .icon,
    +.btn-color.btn-evernote.active.focus .icon,
    +.open > .dropdown-toggle.btn-color.btn-evernote.focus .icon {
    +  color: #ffffff;
    +}
    +.btn-color.btn-evernote:active,
    +.btn-color.btn-evernote.active,
    +.open > .dropdown-toggle.btn-color.btn-evernote {
    +  background-image: none;
    +}
    +.btn-color.btn-evernote.disabled,
    +.btn-color.btn-evernote[disabled],
    +fieldset[disabled] .btn-color.btn-evernote,
    +.btn-color.btn-evernote.disabled:hover,
    +.btn-color.btn-evernote[disabled]:hover,
    +fieldset[disabled] .btn-color.btn-evernote:hover,
    +.btn-color.btn-evernote.disabled:focus,
    +.btn-color.btn-evernote[disabled]:focus,
    +fieldset[disabled] .btn-color.btn-evernote:focus,
    +.btn-color.btn-evernote.disabled.focus,
    +.btn-color.btn-evernote[disabled].focus,
    +fieldset[disabled] .btn-color.btn-evernote.focus,
    +.btn-color.btn-evernote.disabled:active,
    +.btn-color.btn-evernote[disabled]:active,
    +fieldset[disabled] .btn-color.btn-evernote:active,
    +.btn-color.btn-evernote.disabled.active,
    +.btn-color.btn-evernote[disabled].active,
    +fieldset[disabled] .btn-color.btn-evernote.active {
    +  background-color: #2DBE60;
    +  border-color: #2DBE60;
    +}
    +.btn-color.btn-evernote .badge {
    +  color: #2DBE60;
    +  background-color: #ffffff;
    +}
    +.btn .icon {
    +  font-size: 16px;
    +  line-height: 15px;
    +  vertical-align: middle;
    +}
    +.btn .icon.icon-left {
    +  margin-right: 1px;
    +}
    +.btn .icon.icon-right {
    +  margin-left: 1px;
    +}
    +.btn .icon.fa {
    +  font-size: 15px;
    +}
    +.btn.btn-lg .icon {
    +  font-size: 21px;
    +  line-height: 20px;
    +}
    +.btn.btn-sm .icon {
    +  font-size: 15px;
    +  line-height: 15px;
    +}
    +.btn.btn-xs .icon {
    +  font-size: 14px;
    +  line-height: 14px;
    +}
    +.btn-group .btn.dropdown-toggle.btn-primary,
    +.btn-group .btn.dropdown-toggle.btn-success,
    +.btn-group .btn.dropdown-toggle.btn-warning,
    +.btn-group .btn.dropdown-toggle.btn-danger {
    +  border-right-color: transparent;
    +}
    +.btn-group .btn.dropdown-toggle.btn-primary:hover,
    +.btn-group .btn.dropdown-toggle.btn-success:hover,
    +.btn-group .btn.dropdown-toggle.btn-warning:hover,
    +.btn-group .btn.dropdown-toggle.btn-danger:hover {
    +  border-right-color: transparent;
    +}
    +.btn.dropdown-toggle .mdi-chevron-down,
    +.btn.dropdown-toggle .mdi-chevron-up {
    +  font-size: 18px;
    +  vertical-align: middle;
    +  line-height: 17px;
    +}
    +.btn.dropdown-toggle .icon-dropdown {
    +  font-size: 18px;
    +  line-height: 17px;
    +  margin-left: 6px;
    +}
    +.btn.dropdown-toggle .icon-dropdown-left {
    +  margin-left: 0;
    +  margin-right: 6px;
    +}
    +.btn-big {
    +  padding: 10px 13px;
    +  text-align: center;
    +  line-height: 13px;
    +  min-width: 62px;
    +}
    +.btn-big > .icon {
    +  display: block;
    +  font-size: 26px;
    +  line-height: 20px;
    +  margin-bottom: 7px;
    +}
    +.btn-outline.btn-default {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: rgba(255, 255, 255, 0.5);
    +  border-width: 2px;
    +}
    +.btn-outline.btn-default:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.btn-outline.btn-default:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.btn-outline.btn-default:active,
    +.btn-outline.btn-default.active {
    +  background-color: #ffffff;
    +  color: #d9d9d9;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-default:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-primary {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: rgba(255, 255, 255, 0.5);
    +  border-width: 2px;
    +}
    +.btn-outline.btn-primary:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.btn-outline.btn-primary:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.btn-outline.btn-primary:active,
    +.btn-outline.btn-primary.active {
    +  background-color: #ffffff;
    +  color: #5f99f5;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-primary:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-success {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: rgba(255, 255, 255, 0.5);
    +  border-width: 2px;
    +}
    +.btn-outline.btn-success:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.btn-outline.btn-success:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.btn-outline.btn-success:active,
    +.btn-outline.btn-success.active {
    +  background-color: #ffffff;
    +  color: #37b358;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-success:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-warning {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: rgba(255, 255, 255, 0.5);
    +  border-width: 2px;
    +}
    +.btn-outline.btn-warning:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.btn-outline.btn-warning:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.btn-outline.btn-warning:active,
    +.btn-outline.btn-warning.active {
    +  background-color: #ffffff;
    +  color: #f6c163;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-warning:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-danger {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: rgba(255, 255, 255, 0.5);
    +  border-width: 2px;
    +}
    +.btn-outline.btn-danger:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.btn-outline.btn-danger:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.btn-outline.btn-danger:active,
    +.btn-outline.btn-danger.active {
    +  background-color: #ffffff;
    +  color: #eb6357;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-outline.btn-danger:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.btn-group > .btn.btn-default:hover + .btn,
    +.input-group-btn > .btn.btn-default:hover + .btn,
    +.btn-group > .btn.btn-default.active + .btn,
    +.input-group-btn > .btn.btn-default.active + .btn {
    +  border-left-color: #bdbdbd;
    +}
    +.btn-group > .btn.btn-primary,
    +.input-group-btn > .btn.btn-primary {
    +  border-left-color: #206ff2;
    +  border-right-color: #206ff2;
    +}
    +.btn-group > .btn.btn-primary:hover,
    +.input-group-btn > .btn.btn-primary:hover,
    +.btn-group > .btn.btn-primary:active,
    +.input-group-btn > .btn.btn-primary:active,
    +.btn-group > .btn.btn-primary.active,
    +.input-group-btn > .btn.btn-primary.active {
    +  box-shadow: none;
    +  border-left-color: #0d5fe6;
    +  border-right-color: #0d5fe6;
    +  border-bottom-color: transparent;
    +}
    +.btn-group > .btn.btn-primary.active,
    +.input-group-btn > .btn.btn-primary.active,
    +.btn-group > .btn.btn-primary:active,
    +.input-group-btn > .btn.btn-primary:active {
    +  box-shadow: inset 0 2px 0 #1266f1;
    +}
    +.btn-group > .btn.btn-primary:hover + .btn,
    +.input-group-btn > .btn.btn-primary:hover + .btn,
    +.btn-group > .btn.btn-primary:active + .btn,
    +.input-group-btn > .btn.btn-primary:active + .btn,
    +.btn-group > .btn.btn-primary.active + .btn,
    +.input-group-btn > .btn.btn-primary.active + .btn {
    +  border-left-color: #0d5fe6;
    +}
    +.btn-group > .btn.btn-primary:first-child,
    +.input-group-btn > .btn.btn-primary:first-child {
    +  border-left-color: transparent;
    +}
    +.btn-group > .btn.btn-primary:last-child,
    +.input-group-btn > .btn.btn-primary:last-child {
    +  border-right-color: transparent;
    +}
    +.btn-group > .btn.btn-success,
    +.input-group-btn > .btn.btn-success {
    +  border-left-color: #2c8d46;
    +  border-right-color: #2c8d46;
    +}
    +.btn-group > .btn.btn-success:hover,
    +.input-group-btn > .btn.btn-success:hover,
    +.btn-group > .btn.btn-success:active,
    +.input-group-btn > .btn.btn-success:active,
    +.btn-group > .btn.btn-success.active,
    +.input-group-btn > .btn.btn-success.active {
    +  box-shadow: none;
    +  border-left-color: #24753a;
    +  border-right-color: #24753a;
    +  border-bottom-color: transparent;
    +}
    +.btn-group > .btn.btn-success.active,
    +.input-group-btn > .btn.btn-success.active,
    +.btn-group > .btn.btn-success:active,
    +.input-group-btn > .btn.btn-success:active {
    +  box-shadow: inset 0 2px 0 #288140;
    +}
    +.btn-group > .btn.btn-success:hover + .btn,
    +.input-group-btn > .btn.btn-success:hover + .btn,
    +.btn-group > .btn.btn-success:active + .btn,
    +.input-group-btn > .btn.btn-success:active + .btn,
    +.btn-group > .btn.btn-success.active + .btn,
    +.input-group-btn > .btn.btn-success.active + .btn {
    +  border-left-color: #24753a;
    +}
    +.btn-group > .btn.btn-success:first-child,
    +.input-group-btn > .btn.btn-success:first-child {
    +  border-left-color: transparent;
    +}
    +.btn-group > .btn.btn-success:last-child,
    +.input-group-btn > .btn.btn-success:last-child {
    +  border-right-color: transparent;
    +}
    +.btn-group > .btn.btn-warning,
    +.input-group-btn > .btn.btn-warning {
    +  border-left-color: #d9a203;
    +  border-right-color: #d9a203;
    +}
    +.btn-group > .btn.btn-warning:hover,
    +.input-group-btn > .btn.btn-warning:hover,
    +.btn-group > .btn.btn-warning:active,
    +.input-group-btn > .btn.btn-warning:active,
    +.btn-group > .btn.btn-warning.active,
    +.input-group-btn > .btn.btn-warning.active {
    +  box-shadow: none;
    +  border-left-color: #bb8c03;
    +  border-right-color: #bb8c03;
    +  border-bottom-color: transparent;
    +}
    +.btn-group > .btn.btn-warning.active,
    +.input-group-btn > .btn.btn-warning.active,
    +.btn-group > .btn.btn-warning:active,
    +.input-group-btn > .btn.btn-warning:active {
    +  box-shadow: inset 0 2px 0 #ca9703;
    +}
    +.btn-group > .btn.btn-warning:hover + .btn,
    +.input-group-btn > .btn.btn-warning:hover + .btn,
    +.btn-group > .btn.btn-warning:active + .btn,
    +.input-group-btn > .btn.btn-warning:active + .btn,
    +.btn-group > .btn.btn-warning.active + .btn,
    +.input-group-btn > .btn.btn-warning.active + .btn {
    +  border-left-color: #bb8c03;
    +}
    +.btn-group > .btn.btn-warning:first-child,
    +.input-group-btn > .btn.btn-warning:first-child {
    +  border-left-color: transparent;
    +}
    +.btn-group > .btn.btn-warning:last-child,
    +.input-group-btn > .btn.btn-warning:last-child {
    +  border-right-color: transparent;
    +}
    +.btn-group > .btn.btn-danger,
    +.input-group-btn > .btn.btn-danger {
    +  border-left-color: #e42718;
    +  border-right-color: #e42718;
    +}
    +.btn-group > .btn.btn-danger:hover,
    +.input-group-btn > .btn.btn-danger:hover,
    +.btn-group > .btn.btn-danger:active,
    +.input-group-btn > .btn.btn-danger:active,
    +.btn-group > .btn.btn-danger.active,
    +.input-group-btn > .btn.btn-danger.active {
    +  box-shadow: none;
    +  border-left-color: #c82315;
    +  border-right-color: #c82315;
    +  border-bottom-color: transparent;
    +}
    +.btn-group > .btn.btn-danger.active,
    +.input-group-btn > .btn.btn-danger.active,
    +.btn-group > .btn.btn-danger:active,
    +.input-group-btn > .btn.btn-danger:active {
    +  box-shadow: inset 0 2px 0 #d62516;
    +}
    +.btn-group > .btn.btn-danger:hover + .btn,
    +.input-group-btn > .btn.btn-danger:hover + .btn,
    +.btn-group > .btn.btn-danger:active + .btn,
    +.input-group-btn > .btn.btn-danger:active + .btn,
    +.btn-group > .btn.btn-danger.active + .btn,
    +.input-group-btn > .btn.btn-danger.active + .btn {
    +  border-left-color: #c82315;
    +}
    +.btn-group > .btn.btn-danger:first-child,
    +.input-group-btn > .btn.btn-danger:first-child {
    +  border-left-color: transparent;
    +}
    +.btn-group > .btn.btn-danger:last-child,
    +.input-group-btn > .btn.btn-danger:last-child {
    +  border-right-color: transparent;
    +}
    +.btn-group > .btn:last-of-type:not(.btn-default),
    +.input-group-btn > .btn:last-of-type:not(.btn-default) {
    +  border-right-color: transparent;
    +}
    +.btn-group > .btn:last-of-type:not(.btn-default):hover,
    +.input-group-btn > .btn:last-of-type:not(.btn-default):hover {
    +  border-right-color: transparent;
    +}
    +.btn-group > .btn + .dropdown-toggle,
    +.input-group-btn > .btn + .dropdown-toggle {
    +  padding-left: 7px;
    +  padding-right: 7px;
    +}
    +.btn-group:first-child,
    +.input-group-btn:first-child {
    +  border-right-color: transparent;
    +}
    +.btn-group:last-child,
    +.input-group-btn:last-child {
    +  border-right-color: transparent;
    +}
    +.btn-group.open > .btn.btn-primary:hover,
    +.input-group-btn.open > .btn.btn-primary:hover,
    +.btn-group.open > .btn.btn-success:hover,
    +.input-group-btn.open > .btn.btn-success:hover,
    +.btn-group.open > .btn.btn-warning:hover,
    +.input-group-btn.open > .btn.btn-warning:hover,
    +.btn-group.open > .btn.btn-danger:hover,
    +.input-group-btn.open > .btn.btn-danger:hover {
    +  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
    +}
    +.btn-group.open > .btn + .btn-primary,
    +.input-group-btn.open > .btn + .btn-primary,
    +.btn-group.open > .btn + .btn-success,
    +.input-group-btn.open > .btn + .btn-success,
    +.btn-group.open > .btn + .btn-warning,
    +.input-group-btn.open > .btn + .btn-warning,
    +.btn-group.open > .btn + .btn-danger,
    +.input-group-btn.open > .btn + .btn-danger {
    +  border-left-color: rgba(0, 0, 0, 0.15);
    +}
    +.btn-group-justified > .btn {
    +  border-right-width: 0;
    +}
    +.btn-group-justified > .btn:last-child {
    +  border-right-width: 1px;
    +}
    +.btn-group-vertical > .btn.btn-default:hover,
    +.btn-group-vertical > .btn.btn-default:focus {
    +  box-shadow: none;
    +}
    +.btn-group-vertical > .btn.btn-default:active,
    +.btn-group-vertical > .btn.btn-default.active {
    +  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +}
    +.btn-group-vertical > .btn.btn-primary {
    +  border-top-color: #206ff2;
    +  border-bottom-color: #206ff2;
    +}
    +.btn-group-vertical > .btn.btn-primary:hover,
    +.btn-group-vertical > .btn.btn-primary:active,
    +.btn-group-vertical > .btn.btn-primary.active {
    +  box-shadow: none;
    +  border-top-color: #0d5fe6;
    +  border-bottom-color: #0d5fe6;
    +}
    +.btn-group-vertical > .btn.btn-primary:first-child {
    +  border-top-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-primary:last-child {
    +  border-bottom-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-primary:active,
    +.btn-group-vertical > .btn.btn-primary.active {
    +  box-shadow: inset 0 1px 0 #0d5fe6;
    +  border-top-color: #0d5fe6;
    +  border-bottom-color: #0d5fe6;
    +}
    +.btn-group-vertical > .btn.btn-success {
    +  border-top-color: #2c8d46;
    +  border-bottom-color: #2c8d46;
    +}
    +.btn-group-vertical > .btn.btn-success:hover,
    +.btn-group-vertical > .btn.btn-success:active,
    +.btn-group-vertical > .btn.btn-success.active {
    +  box-shadow: none;
    +  border-top-color: #24753a;
    +  border-bottom-color: #24753a;
    +}
    +.btn-group-vertical > .btn.btn-success:first-child {
    +  border-top-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-success:last-child {
    +  border-bottom-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-success:active,
    +.btn-group-vertical > .btn.btn-success.active {
    +  box-shadow: inset 0 1px 0 #24753a;
    +  border-top-color: #24753a;
    +  border-bottom-color: #24753a;
    +}
    +.btn-group-vertical > .btn.btn-warning {
    +  border-top-color: #d9a203;
    +  border-bottom-color: #d9a203;
    +}
    +.btn-group-vertical > .btn.btn-warning:hover,
    +.btn-group-vertical > .btn.btn-warning:active,
    +.btn-group-vertical > .btn.btn-warning.active {
    +  box-shadow: none;
    +  border-top-color: #bb8c03;
    +  border-bottom-color: #bb8c03;
    +}
    +.btn-group-vertical > .btn.btn-warning:first-child {
    +  border-top-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-warning:last-child {
    +  border-bottom-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-warning:active,
    +.btn-group-vertical > .btn.btn-warning.active {
    +  box-shadow: inset 0 1px 0 #bb8c03;
    +  border-top-color: #bb8c03;
    +  border-bottom-color: #bb8c03;
    +}
    +.btn-group-vertical > .btn.btn-danger {
    +  border-top-color: #e42718;
    +  border-bottom-color: #e42718;
    +}
    +.btn-group-vertical > .btn.btn-danger:hover,
    +.btn-group-vertical > .btn.btn-danger:active,
    +.btn-group-vertical > .btn.btn-danger.active {
    +  box-shadow: none;
    +  border-top-color: #c82315;
    +  border-bottom-color: #c82315;
    +}
    +.btn-group-vertical > .btn.btn-danger:first-child {
    +  border-top-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-danger:last-child {
    +  border-bottom-color: transparent;
    +}
    +.btn-group-vertical > .btn.btn-danger:active,
    +.btn-group-vertical > .btn.btn-danger.active {
    +  box-shadow: inset 0 1px 0 #c82315;
    +  border-top-color: #c82315;
    +  border-bottom-color: #c82315;
    +}
    +.input-group-btn > .btn + .dropdown-toggle {
    +  padding-left: 9px;
    +  padding-right: 9px;
    +}
    +/*Breadcrumbs*/
    +.breadcrumb {
    +  background-color: #f5f5f5;
    +  color: #8a8a8a;
    +  margin-bottom: 18px;
    +  padding: 7px 20px;
    +  line-height: 16px;
    +}
    +.breadcrumb .icon {
    +  font-size: 16px;
    +}
    +.breadcrumb > li + li:before {
    +  color: #3d3d3d;
    +}
    +.breadcrumb > .active {
    +  color: #3d3d3d;
    +}
    +/*------------------------------------------------------------------
    +  [Panels]
    +*/
    +.panel {
    +  background-color: #ffffff;
    +  margin-bottom: 25px;
    +  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    +  border-width: 0;
    +  border-radius: 3px;
    +}
    +.panel-body {
    +  padding: 8px 20px 20px;
    +  border-radius: 0 0 3px 3px;
    +}
    +.panel-heading {
    +  font-size: 18px;
    +  font-weight: 300;
    +  padding-left: 0;
    +  padding-right: 0;
    +  padding-bottom: 10px;
    +  margin: 0 20px;
    +  border-bottom-width: 0;
    +  border-radius: 3px 3px 0 0;
    +}
    +.panel-heading .tools {
    +  float: right;
    +  font-size: 0;
    +}
    +.panel-heading .tools > a {
    +  display: inline-block;
    +}
    +.panel-heading .tools .icon {
    +  display: inline-block;
    +  font-size: 20px;
    +  line-height: 25px;
    +  vertical-align: middle;
    +  cursor: pointer;
    +  color: #bababa;
    +  min-width: 20px;
    +  text-align: center;
    +}
    +.panel-heading .tools .icon + .icon {
    +  margin-left: 2px;
    +}
    +.panel-heading .tools .icon:hover {
    +  color: #a6a6a6;
    +}
    +.panel-title {
    +  font-size: 18px;
    +  font-weight: 300;
    +  display: block;
    +  margin: 0;
    +}
    +.panel-subtitle {
    +  display: block;
    +  font-size: 13px;
    +  color: #707070;
    +  margin-bottom: 6px;
    +}
    +.panel-heading-divider {
    +  border-bottom: 1px solid #d9d9d9;
    +  margin: 0 20px 8px;
    +  padding-left: 0;
    +  padding-right: 0;
    +}
    +.panel-flat {
    +  border: none;
    +  box-shadow: none;
    +}
    +.panel-border {
    +  box-shadow: none;
    +  border: 1px solid #d4d4d4;
    +}
    +.panel-contrast .panel-heading {
    +  margin: 0;
    +  padding: 20px 20px 11px;
    +}
    +.panel-contrast .panel-body {
    +  padding-top: 16px;
    +}
    +.panel-heading-contrast {
    +  background-color: #f5f5f5;
    +}
    +.panel-body-contrast {
    +  background-color: #f5f5f5;
    +}
    +.panel-border-color {
    +  border-top: 3px solid #c9c9c9;
    +}
    +.panel-border-color-primary {
    +  border-top-color: #4285f4;
    +}
    +.panel-border-color-danger {
    +  border-top-color: #ea4335;
    +}
    +.panel-border-color-warning {
    +  border-top-color: #fbbc05;
    +}
    +.panel-border-color-success {
    +  border-top-color: #34a853;
    +}
    +.panel-border-color-dark {
    +  border-top-color: #3d3c3c;
    +}
    +.panel-full .panel-heading {
    +  margin: 0;
    +  padding-left: 20px;
    +  padding-right: 20px;
    +}
    +.panel-full .panel-heading .panel-title {
    +  border-width: 0;
    +}
    +.panel-full-color .panel-heading {
    +  color: #ffffff;
    +  padding: 27px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full-color .panel-heading .panel-subtitle,
    +.panel-full-color .panel-heading .icon {
    +  color: #ffffff;
    +}
    +.panel-full-color .panel-body {
    +  padding: 20px;
    +}
    +.panel-full-primary {
    +  background-color: #5f99f5;
    +  color: #ffffff;
    +}
    +.panel-full-primary .panel-heading-contrast {
    +  background-color: #6da2f6;
    +  padding: 20px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full-primary .tools .icon {
    +  color: #ffffff;
    +}
    +.panel-full-primary .tools .icon:hover {
    +  color: #4287f3;
    +}
    +.panel-full-success {
    +  background-color: #37b358;
    +  color: #ffffff;
    +}
    +.panel-full-success .panel-heading-contrast {
    +  background-color: #3bbf5e;
    +  padding: 20px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full-success .tools .icon {
    +  color: #ffffff;
    +}
    +.panel-full-success .tools .icon:hover {
    +  color: #309c4c;
    +}
    +.panel-full-warning {
    +  background-color: #f6c163;
    +  color: #ffffff;
    +}
    +.panel-full-warning .panel-heading-contrast {
    +  background-color: #f7c771;
    +  padding: 20px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full-warning .tools .icon {
    +  color: #ffffff;
    +}
    +.panel-full-warning .tools .icon:hover {
    +  color: #f4b646;
    +}
    +.panel-full-danger {
    +  background-color: #eb6357;
    +  color: #ffffff;
    +}
    +.panel-full-danger .panel-heading-contrast {
    +  background-color: #ed7065;
    +  padding: 20px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full-danger .tools .icon {
    +  color: #ffffff;
    +}
    +.panel-full-danger .tools .icon:hover {
    +  color: #e84a3c;
    +}
    +.panel-full {
    +  background-color: #bdbdbd;
    +  color: #ffffff;
    +}
    +.panel-full .panel-heading-contrast {
    +  background-color: #c4c4c4;
    +  padding: 20px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full .tools .icon {
    +  color: #ffffff;
    +}
    +.panel-full .tools .icon:hover {
    +  color: #adadad;
    +}
    +.panel-full-dark {
    +  background-color: #333333;
    +  color: #ffffff;
    +}
    +.panel-full-dark .panel-heading-contrast {
    +  background-color: #3b3b3b;
    +  padding: 20px 20px 15px;
    +  margin: 0;
    +}
    +.panel-full-dark .tools .icon {
    +  color: #ffffff;
    +}
    +.panel-full-dark .tools .icon:hover {
    +  color: #242424;
    +}
    +.panel-table .panel-body {
    +  padding: 0;
    +}
    +/*------------------------------------------------------------------
    +  [Dropdown menu]
    +*/
    +.dropdown-showcase {
    +  margin: 0;
    +}
    +.dropdown-showcase .showcase {
    +  display: inline-block;
    +  margin-right: 18px;
    +}
    +.dropdown-menu {
    +  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
    +  border-radius: 3px;
    +  padding: 7px 0px;
    +  min-width: 185px;
    +}
    +.dropdown-menu > li > a {
    +  font-weight: 400;
    +  color: #504e4e;
    +  padding: 8px 20px;
    +}
    +.dropdown-menu > li > a .icon {
    +  font-size: 16px;
    +  line-height: normal;
    +  vertical-align: middle;
    +  margin-right: 8px;
    +  color: #696969;
    +}
    +.dropdown-menu > li > a:focus,
    +.dropdown-menu > li > a:active {
    +  background-color: transparent;
    +  color: #504e4e;
    +}
    +.dropdown-menu > li > a:hover {
    +  background-color: #f5f5f5;
    +}
    +.dropdown-menu > li .btn-group .btn {
    +  font-size: 16px;
    +  color: #696969;
    +  padding: 0 20px;
    +}
    +.dropdown-menu .divider {
    +  margin: 6px 0;
    +  background-color: #e3e3e3;
    +}
    +.dropdown-header {
    +  padding: 5px 20px 1px;
    +  font-weight: 600;
    +  color: #c2c1c1;
    +  cursor: default;
    +}
    +.dropdown-tools {
    +  text-align: center;
    +}
    +.dropdown-menu-primary {
    +  border-color: transparent;
    +  background-color: #5f99f5;
    +}
    +.dropdown-menu-primary > li > a {
    +  color: #ffffff;
    +}
    +.dropdown-menu-primary > li > a:focus,
    +.dropdown-menu-primary > li > a:active {
    +  color: #ffffff;
    +}
    +.dropdown-menu-primary > li > a:hover {
    +  background-color: #478af4;
    +  color: #ffffff;
    +}
    +.dropdown-menu-primary > li > a .icon {
    +  color: #ffffff;
    +}
    +.dropdown-menu-primary > li .dropdown-tools .btn-group .btn {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: #b5d0fa;
    +  border-width: 2px;
    +}
    +.dropdown-menu-primary > li .dropdown-tools .btn-group .btn:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.dropdown-menu-primary > li .dropdown-tools .btn-group .btn:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.dropdown-menu-primary > li .dropdown-tools .btn-group .btn:active,
    +.dropdown-menu-primary > li .dropdown-tools .btn-group .btn.active {
    +  background-color: #ffffff;
    +  color: #5f99f5;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-primary > li .dropdown-tools .btn-group .btn:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-primary .divider {
    +  background-color: #478af4;
    +}
    +.dropdown-menu-success {
    +  border-color: transparent;
    +  background-color: #37b358;
    +}
    +.dropdown-menu-success > li > a {
    +  color: #ffffff;
    +}
    +.dropdown-menu-success > li > a:focus,
    +.dropdown-menu-success > li > a:active {
    +  color: #ffffff;
    +}
    +.dropdown-menu-success > li > a:hover {
    +  background-color: #319f4e;
    +  color: #ffffff;
    +}
    +.dropdown-menu-success > li > a .icon {
    +  color: #ffffff;
    +}
    +.dropdown-menu-success > li .dropdown-tools .btn-group .btn {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: #72d48c;
    +  border-width: 2px;
    +}
    +.dropdown-menu-success > li .dropdown-tools .btn-group .btn:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.dropdown-menu-success > li .dropdown-tools .btn-group .btn:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.dropdown-menu-success > li .dropdown-tools .btn-group .btn:active,
    +.dropdown-menu-success > li .dropdown-tools .btn-group .btn.active {
    +  background-color: #ffffff;
    +  color: #37b358;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-success > li .dropdown-tools .btn-group .btn:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-success .divider {
    +  background-color: #319f4e;
    +}
    +.dropdown-menu-warning {
    +  border-color: transparent;
    +  background-color: #f6c163;
    +}
    +.dropdown-menu-warning > li > a {
    +  color: #ffffff;
    +}
    +.dropdown-menu-warning > li > a:focus,
    +.dropdown-menu-warning > li > a:active {
    +  color: #ffffff;
    +}
    +.dropdown-menu-warning > li > a:hover {
    +  background-color: #f5b74b;
    +  color: #ffffff;
    +}
    +.dropdown-menu-warning > li > a .icon {
    +  color: #ffffff;
    +}
    +.dropdown-menu-warning > li .dropdown-tools .btn-group .btn {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: #fbe3ba;
    +  border-width: 2px;
    +}
    +.dropdown-menu-warning > li .dropdown-tools .btn-group .btn:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.dropdown-menu-warning > li .dropdown-tools .btn-group .btn:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.dropdown-menu-warning > li .dropdown-tools .btn-group .btn:active,
    +.dropdown-menu-warning > li .dropdown-tools .btn-group .btn.active {
    +  background-color: #ffffff;
    +  color: #f6c163;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-warning > li .dropdown-tools .btn-group .btn:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-warning .divider {
    +  background-color: #f5b74b;
    +}
    +.dropdown-menu-danger {
    +  border-color: transparent;
    +  background-color: #eb6357;
    +}
    +.dropdown-menu-danger > li > a {
    +  color: #ffffff;
    +}
    +.dropdown-menu-danger > li > a:focus,
    +.dropdown-menu-danger > li > a:active {
    +  color: #ffffff;
    +}
    +.dropdown-menu-danger > li > a:hover {
    +  background-color: #e84e40;
    +  color: #ffffff;
    +}
    +.dropdown-menu-danger > li > a .icon {
    +  color: #ffffff;
    +}
    +.dropdown-menu-danger > li .dropdown-tools .btn-group .btn {
    +  background-color: transparent;
    +  color: #ffffff;
    +  border-color: #f5afa9;
    +  border-width: 2px;
    +}
    +.dropdown-menu-danger > li .dropdown-tools .btn-group .btn:hover {
    +  border-color: #ffffff;
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +}
    +.dropdown-menu-danger > li .dropdown-tools .btn-group .btn:hover + .btn {
    +  border-left-color: transparent;
    +}
    +.dropdown-menu-danger > li .dropdown-tools .btn-group .btn:active,
    +.dropdown-menu-danger > li .dropdown-tools .btn-group .btn.active {
    +  background-color: #ffffff;
    +  color: #eb6357;
    +  border-color: transparent;
    +  border-width: 2px;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-danger > li .dropdown-tools .btn-group .btn:focus {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.dropdown-menu-danger .divider {
    +  background-color: #e84e40;
    +}
    +/*------------------------------------------------------------------
    +  [Accordions]
    +*/
    +.accordion {
    +  margin-bottom: 40px;
    +  padding: 0;
    +}
    +.accordion .panel {
    +  padding: 0;
    +  border-radius: 3px;
    +}
    +.accordion .panel .panel-heading {
    +  padding: 0;
    +  margin: 0;
    +  border-radius: 3px;
    +}
    +.accordion .panel .panel-heading a {
    +  padding: 20px;
    +  display: block;
    +  color: #4285f4;
    +}
    +.accordion .panel .panel-heading a .icon {
    +  -webkit-transition: -webkit-transform 200ms ease-in-out;
    +  transition: -webkit-transform 200ms ease-in-out;
    +  -o-transition: transform 200ms ease-in-out, -o-transform 200ms ease-in-out;
    +  transition: transform 200ms ease-in-out;
    +  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -o-transform 200ms ease-in-out;
    +  font-size: 25px;
    +  vertical-align: middle;
    +  position: relative;
    +  top: -1px;
    +  display: inline-block;
    +  margin-right: 10px;
    +}
    +.accordion .panel .panel-heading a.collapsed {
    +  color: #404040;
    +}
    +.accordion .panel .panel-heading a.collapsed .icon {
    +  -webkit-transform: rotate(-90deg);
    +      -ms-transform: rotate(-90deg);
    +       -o-transform: rotate(-90deg);
    +          transform: rotate(-90deg);
    +}
    +.accordion .panel .panel-collapse .panel-body {
    +  padding: 0 20px 20px 20px;
    +  border-top: 0;
    +  line-height: 22px;
    +  border-radius: 0 0 3px 3px;
    +}
    +.accordion-color .panel .panel-heading a {
    +  color: #ffffff;
    +}
    +.accordion-color .panel .panel-heading a.collapsed {
    +  color: #ffffff;
    +}
    +/*------------------------------------------------------------------
    +  [Tabs]
    +*/
    +.nav-tabs {
    +  background-color: #ffffff;
    +  border-bottom: 2px solid #ebebeb;
    +}
    +.nav-tabs > li {
    +  margin-right: 2px;
    +  margin-bottom: -2px;
    +}
    +.nav-tabs > li a {
    +  padding: 12px 20px;
    +  margin-right: 0;
    +  min-width: 60px;
    +  text-align: center;
    +  border-radius: 0;
    +  color: #404040;
    +  border-width: 0;
    +}
    +.nav-tabs > li a .icon {
    +  font-size: 20px;
    +  vertical-align: middle;
    +  margin-right: 6px;
    +  line-height: 17px;
    +}
    +.nav-tabs > li a:hover {
    +  background: transparent;
    +  color: #4285f4;
    +}
    +.nav-tabs > li a:active {
    +  background-color: transparent;
    +}
    +.nav-tabs > li.active {
    +  position: relative;
    +  background: transparent;
    +  color: #4285f4;
    +}
    +.nav-tabs > li.active a,
    +.nav-tabs > li.active a:hover,
    +.nav-tabs > li.active a:focus {
    +  background-color: #ffffff;
    +  border: none;
    +  border-bottom: 2px solid #4285f4;
    +}
    +.tab-content {
    +  background: #ffffff;
    +  padding: 20px;
    +  margin-bottom: 40px;
    +  border-radius: 0 0 3px 3px;
    +}
    +.tab-content .tab-pane h1:first-child,
    +.tab-content .tab-pane h2:first-child,
    +.tab-content .tab-pane h3:first-child,
    +.tab-content .tab-pane h4:first-child,
    +.tab-content .tab-pane h5:first-child,
    +.tab-content .tab-pane h6:first-child {
    +  margin-top: 5px;
    +}
    +.nav-tabs-success > li a:hover {
    +  color: #34a853;
    +}
    +.nav-tabs-success > li.active a,
    +.nav-tabs-success > li.active a:hover,
    +.nav-tabs-success > li.active a:focus {
    +  border-bottom: 2px solid #34a853;
    +}
    +.nav-tabs-warning > li a:hover {
    +  color: #fbbc05;
    +}
    +.nav-tabs-warning > li.active a,
    +.nav-tabs-warning > li.active a:hover,
    +.nav-tabs-warning > li.active a:focus {
    +  border-bottom: 2px solid #fbbc05;
    +}
    +.nav-tabs-danger > li a:hover {
    +  color: #ea4335;
    +}
    +.nav-tabs-danger > li.active a,
    +.nav-tabs-danger > li.active a:hover,
    +.nav-tabs-danger > li.active a:focus {
    +  border-bottom: 2px solid #ea4335;
    +}
    +/*------------------------------------------------------------------
    +  [Modals]
    +*/
    +.modal-content {
    +  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    +  overflow: hidden;
    +  background-color: #ffffff;
    +  color: #404040;
    +  border: none;
    +}
    +.modal-header {
    +  border: 0;
    +  padding: 19px;
    +}
    +.modal-header h1,
    +.modal-header h2,
    +.modal-header h3,
    +.modal-header h4,
    +.modal-header h5,
    +.modal-header h6 {
    +  display: block;
    +  margin: 0;
    +}
    +.modal-header .close {
    +  font-size: 20px;
    +  opacity: 0.4;
    +  text-shadow: none;
    +}
    +.modal-header .close:hover {
    +  opacity: 0.8;
    +}
    +.modal-body {
    +  padding: 10px 20px 20px;
    +}
    +.modal-body .row:last-child .form-group {
    +  margin-bottom: 0;
    +}
    +.modal-main-icon {
    +  display: inline-block;
    +  height: 45px;
    +  width: 45px;
    +  line-height: normal;
    +  font-size: 50px;
    +}
    +.modal-footer {
    +  padding: 20px;
    +  border: none;
    +}
    +.modal-full-color .modal-header {
    +  padding: 19px;
    +}
    +.modal-full-color .modal-content {
    +  color: #ffffff;
    +  background-color: transparent;
    +}
    +.modal-full-color .modal-content .close {
    +  color: #ffffff;
    +  line-height: 40px;
    +  opacity: 0.6;
    +}
    +.modal-full-color .modal-content .close:hover {
    +  opacity: 1;
    +}
    +.modal-full-color .modal-content .modal-footer {
    +  border: none;
    +}
    +.modal-full-color .btn-default {
    +  border-width: 2px;
    +  border-color: transparent;
    +}
    +.modal-full-color .btn-primary,
    +.modal-full-color .btn-success,
    +.modal-full-color .btn-warning,
    +.modal-full-color .btn-danger {
    +  background-color: transparent;
    +  border-color: rgba(255, 255, 255, 0.5);
    +  border-width: 2px;
    +}
    +.modal-full-color .btn-primary:focus,
    +.modal-full-color .btn-success:focus,
    +.modal-full-color .btn-warning:focus,
    +.modal-full-color .btn-danger:focus {
    +  background-color: transparent;
    +  border-color: rgba(255, 255, 255, 0.4);
    +}
    +.modal-full-color .btn-primary:hover,
    +.modal-full-color .btn-success:hover,
    +.modal-full-color .btn-warning:hover,
    +.modal-full-color .btn-danger:hover,
    +.modal-full-color .btn-primary .hover,
    +.modal-full-color .btn-success .hover,
    +.modal-full-color .btn-warning .hover,
    +.modal-full-color .btn-danger .hover {
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +  border-color: rgba(255, 255, 255, 0.8);
    +}
    +.modal-full-color .btn-primary:active,
    +.modal-full-color .btn-success:active,
    +.modal-full-color .btn-warning:active,
    +.modal-full-color .btn-danger:active {
    +  box-shadow: none;
    +  background-color: rgba(255, 255, 255, 0.1);
    +  border-color: rgba(255, 255, 255, 0.8);
    +}
    +.modal-full-color-success .modal-header {
    +  background-color: #37b358;
    +}
    +.modal-full-color-success .modal-body,
    +.modal-full-color-success .modal-footer {
    +  background-color: #37b358;
    +}
    +.modal-full-color-success .btn-default {
    +  color: #37b358;
    +}
    +.modal-full-color-success .btn-default:active {
    +  color: #37b358;
    +}
    +.modal-full-color-primary .modal-header {
    +  background-color: #5f99f5;
    +}
    +.modal-full-color-primary .modal-body,
    +.modal-full-color-primary .modal-footer {
    +  background-color: #5f99f5;
    +}
    +.modal-full-color-primary .btn-default {
    +  color: #5f99f5;
    +}
    +.modal-full-color-primary .btn-default:active {
    +  color: #5f99f5;
    +}
    +.modal-full-color-warning .modal-header {
    +  background-color: #f6c163;
    +}
    +.modal-full-color-warning .modal-body,
    +.modal-full-color-warning .modal-footer {
    +  background-color: #f6c163;
    +}
    +.modal-full-color-warning .btn-default {
    +  color: #f6c163;
    +}
    +.modal-full-color-warning .btn-default:active {
    +  color: #f6c163;
    +}
    +.modal-full-color-danger .modal-header {
    +  background-color: #eb6357;
    +}
    +.modal-full-color-danger .modal-body,
    +.modal-full-color-danger .modal-footer {
    +  background-color: #eb6357;
    +}
    +.modal-full-color-danger .btn-default {
    +  color: #eb6357;
    +}
    +.modal-full-color-danger .btn-default:active {
    +  color: #eb6357;
    +}
    +.modal-full-color-dark .modal-header {
    +  background-color: #3d3c3c;
    +}
    +.modal-full-color-dark .modal-body,
    +.modal-full-color-dark .modal-footer {
    +  background-color: #3d3c3c;
    +}
    +.modal-full-color-dark .btn-default {
    +  color: #3d3c3c;
    +}
    +.modal-full-color-dark .btn-default:active {
    +  color: #3d3c3c;
    +}
    +.full-width {
    +  width: 90%;
    +  max-width: none;
    +}
    +.colored-header .modal-content .modal-header {
    +  background-color: #e6e6e6;
    +  color: #ffffff;
    +  padding: 30px 20px;
    +}
    +.colored-header .modal-content .modal-header .modal-title {
    +  font-size: 20px;
    +}
    +.colored-header .modal-content .modal-header .close {
    +  color: rgba(0, 0, 0, 0.7);
    +  margin-top: 2px;
    +}
    +.colored-header .modal-content .modal-body {
    +  padding: 35px 20px 20px;
    +  background-color: #ffffff;
    +  color: #404040;
    +}
    +.colored-header .modal-content .modal-footer {
    +  background-color: #ffffff;
    +}
    +.colored-header-success .modal-content .modal-header {
    +  background-color: #37b358;
    +}
    +.colored-header-primary .modal-content .modal-header {
    +  background-color: #5f99f5;
    +}
    +.colored-header-warning .modal-content .modal-header {
    +  background-color: #f6c163;
    +}
    +.colored-header-danger .modal-content .modal-header {
    +  background-color: #eb6357;
    +}
    +.colored-header-dark .modal-content .modal-header {
    +  background-color: #3d3c3c;
    +}
    +@media (max-width: 767px) {
    +  .modal-dialog {
    +    min-width: 100%;
    +    padding: 0 15px;
    +  }
    +}
    +.be-modal-open {
    +  overflow-x: visible;
    +}
    +/*------------------------------------------------------------------
    +  [Alerts]
    +*/
    +.alert {
    +  position: relative;
    +  line-height: 25px;
    +  border-width: 0;
    +}
    +.alert .icon {
    +  font-size: 24px;
    +  color: #ffffff;
    +  vertical-align: middle;
    +  margin-right: 20px;
    +  line-height: 22px;
    +}
    +.alert .close {
    +  position: absolute;
    +  font-size: 20px;
    +  top: 21px;
    +  right: 18px;
    +  text-shadow: none;
    +}
    +.alert .message > p,
    +.alert .message > ul {
    +  margin-bottom: 0;
    +}
    +.alert .message > p + p {
    +  margin-top: 5px;
    +}
    +.alert-contrast {
    +  padding: 0;
    +  position: relative;
    +}
    +.alert-contrast > .icon {
    +  display: table-cell;
    +  width: 60px;
    +  text-align: center;
    +  vertical-align: middle;
    +  cursor: default;
    +  background-color: rgba(255, 255, 255, 0.08);
    +}
    +.alert-contrast > .message {
    +  display: table-cell;
    +  padding: 18px;
    +  border-left-width: 0;
    +}
    +.alert-primary {
    +  background-color: #4285f4;
    +  border-color: #4285f4;
    +  color: #ffffff;
    +}
    +.alert-primary hr {
    +  border-top-color: #2a75f3;
    +}
    +.alert-primary .alert-link {
    +  color: #e6e6e6;
    +}
    +.alert-dismissible.alert-primary .close {
    +  color: #093d94;
    +}
    +.alert-dismissible.alert-success .close {
    +  color: #103319;
    +}
    +.alert-dismissible.alert-warning .close {
    +  color: #654c02;
    +}
    +.alert-dismissible.alert-danger .close {
    +  color: #79150d;
    +}
    +.alert-icon {
    +  background-color: #ffffff;
    +  border: 0;
    +  padding: 0;
    +  position: relative;
    +  width: 100%;
    +  display: table;
    +  table-layout: fixed;
    +  box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
    +}
    +.alert-icon > .icon {
    +  display: table-cell;
    +  width: 60px;
    +  text-align: center;
    +  vertical-align: middle;
    +  cursor: default;
    +}
    +.alert-icon > .icon:after {
    +  position: absolute;
    +  margin-left: 59px;
    +  top: 50%;
    +  margin-top: -11px;
    +  content: '';
    +  display: block;
    +  width: 0;
    +  height: 0;
    +  -moz-transform: scale(0.9999);
    +  border-top: 11px solid transparent;
    +  border-bottom: 11px solid transparent;
    +  border-left: 11px solid #ffffff;
    +}
    +.alert-icon > .message {
    +  display: table-cell;
    +  padding: 18px;
    +  color: #404040;
    +  border: 1px solid #d4d4d4;
    +  border-left-width: 0;
    +}
    +.alert-icon.alert-dismissible .close {
    +  color: #404040;
    +  opacity: 0.35;
    +}
    +.alert-icon.alert-dismissible .close:hover {
    +  opacity: 0.5;
    +}
    +.alert-icon.alert-primary > .icon {
    +  background-color: #4285f4;
    +}
    +.alert-icon.alert-primary > .icon:after {
    +  border-left-color: #4285f4;
    +}
    +.alert-icon.alert-success > .icon {
    +  background-color: #34a853;
    +}
    +.alert-icon.alert-success > .icon:after {
    +  border-left-color: #34a853;
    +}
    +.alert-icon.alert-warning > .icon {
    +  background-color: #fbbc05;
    +}
    +.alert-icon.alert-warning > .icon:after {
    +  border-left-color: #fbbc05;
    +}
    +.alert-icon.alert-danger > .icon {
    +  background-color: #ea4335;
    +}
    +.alert-icon.alert-danger > .icon:after {
    +  border-left-color: #ea4335;
    +}
    +.alert-icon-border.alert-primary .message {
    +  border-color: #4285f4;
    +}
    +.alert-icon-border.alert-success .message {
    +  border-color: #34a853;
    +}
    +.alert-icon-border.alert-warning .message {
    +  border-color: #fbbc05;
    +}
    +.alert-icon-border.alert-danger .message {
    +  border-color: #ea4335;
    +}
    +.alert-icon.alert-icon-colored {
    +  border: 1px solid #d4d4d4;
    +}
    +.alert-icon.alert-icon-colored > .icon {
    +  background-color: #f8f8f8;
    +  border-width: 0;
    +}
    +.alert-icon.alert-icon-colored > .icon:after {
    +  border-left-color: #f8f8f8;
    +  position: absolute;
    +  margin-left: 59px;
    +  top: 50%;
    +  margin-top: -11px;
    +  content: '';
    +  display: block;
    +  width: 0;
    +  height: 0;
    +  -moz-transform: scale(0.9999);
    +  border-top: 11px solid transparent;
    +  border-bottom: 11px solid transparent;
    +  border-left: 11px solid #f8f8f8;
    +}
    +.alert-icon.alert-icon-colored > .message {
    +  border-width: 0;
    +}
    +.alert-icon.alert-icon-colored.alert-primary > .icon {
    +  color: #4285f4;
    +}
    +.alert-icon.alert-icon-colored.alert-success > .icon {
    +  color: #34a853;
    +}
    +.alert-icon.alert-icon-colored.alert-warning > .icon {
    +  color: #fbbc05;
    +}
    +.alert-icon.alert-icon-colored.alert-danger > .icon {
    +  color: #ea4335;
    +}
    +.alert-simple {
    +  border: 1px solid #d4d4d4;
    +  background-color: #ffffff;
    +  color: #404040;
    +  box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
    +}
    +.alert-simple.alert-primary > .icon {
    +  color: #4285f4;
    +}
    +.alert-simple.alert-success > .icon {
    +  color: #34a853;
    +}
    +.alert-simple.alert-warning > .icon {
    +  color: #fbbc05;
    +}
    +.alert-simple.alert-danger > .icon {
    +  color: #ea4335;
    +}
    +/*------------------------------------------------------------------
    +  [Tables]
    +*/
    +.table > thead > tr > th {
    +  border-bottom-width: 2px;
    +  font-weight: 700;
    +}
    +.table > thead.primary > tr > th {
    +  color: #4285f4;
    +}
    +.table > thead.success > tr > th {
    +  color: #34a853;
    +}
    +.table > tbody > tr > td {
    +  font-weight: 400;
    +  vertical-align: middle;
    +}
    +.table-condensed > thead > tr > th {
    +  padding-top: 10px;
    +  padding-bottom: 8px;
    +}
    +.table-bordered > thead > tr > th {
    +  padding: 14px 10px;
    +}
    +.table-bordered tbody > tr td:first-child {
    +  padding-left: 10px;
    +}
    +.table-bordered tbody > tr td:last-child {
    +  padding-right: 10px;
    +}
    +.table > thead > tr > td.primary,
    +.table > tbody > tr > td.primary,
    +.table > tfoot > tr > td.primary,
    +.table > thead > tr > th.primary,
    +.table > tbody > tr > th.primary,
    +.table > tfoot > tr > th.primary,
    +.table > thead > tr.primary > td,
    +.table > tbody > tr.primary > td,
    +.table > tfoot > tr.primary > td,
    +.table > thead > tr.primary > th,
    +.table > tbody > tr.primary > th,
    +.table > tfoot > tr.primary > th {
    +  background-color: #5f99f5;
    +}
    +.table-hover > tbody > tr > td.primary:hover,
    +.table-hover > tbody > tr > th.primary:hover,
    +.table-hover > tbody > tr.primary:hover > td,
    +.table-hover > tbody > tr:hover > .primary,
    +.table-hover > tbody > tr.primary:hover > th {
    +  background-color: #478af4;
    +}
    +.table > thead > tr > td.primary,
    +.table > tbody > tr > td.primary,
    +.table > tfoot > tr > td.primary,
    +.table > thead > tr > th.primary,
    +.table > tbody > tr > th.primary,
    +.table > tfoot > tr > th.primary,
    +.table > thead > tr.primary > td,
    +.table > tbody > tr.primary > td,
    +.table > tfoot > tr.primary > td,
    +.table > thead > tr.primary > th,
    +.table > tbody > tr.primary > th,
    +.table > tfoot > tr.primary > th {
    +  color: #ffffff;
    +}
    +.table-hover > tbody > tr > td.primary:hover,
    +.table-hover > tbody > tr > th.primary:hover,
    +.table-hover > tbody > tr.primary:hover > td,
    +.table-hover > tbody > tr:hover > .primary,
    +.table-hover > tbody > tr.primary:hover > th {
    +  color: #ffffff;
    +}
    +.table-responsive {
    +  border: 0;
    +}
    +.table-responsive tbody > tr > td {
    +  padding-top: 11px;
    +  padding-bottom: 11px;
    +}
    +.table tr th .be-checkbox,
    +.table tr td .be-checkbox {
    +  padding: 0;
    +}
    +.table tr th.actions,
    +.table tr td.actions {
    +  text-align: center;
    +}
    +.table tr th.actions .icon,
    +.table tr td.actions .icon {
    +  color: #a1a1a1;
    +  font-size: 18px;
    +  line-height: 18px;
    +}
    +.table tr th.actions .icon:hover,
    +.table tr td.actions .icon:hover {
    +  color: #808080;
    +}
    +.table tbody tr td.user-avatar img {
    +  height: 30px;
    +  width: 30px;
    +  border-radius: 50%;
    +  margin-right: 10px;
    +}
    +@media (max-width: 767px) {
    +  .table tbody tr td.user-avatar img {
    +    display: none;
    +  }
    +}
    +.table tbody tr td.cell-detail span {
    +  display: block;
    +}
    +.table tbody tr td.cell-detail .cell-detail-description {
    +  display: block;
    +  font-size: 11px;
    +  color: #999999;
    +}
    +.table tbody tr td.user-info img {
    +  float: left;
    +}
    +.table tbody tr td.user-info span {
    +  padding-left: 40px;
    +}
    +.table tbody tr td.milestone span {
    +  display: block;
    +  font-size: 11px;
    +  color: #999999;
    +  margin-bottom: 6px;
    +}
    +.table tbody tr td.milestone span.completed {
    +  float: right;
    +}
    +.table tbody tr td.milestone .progress {
    +  height: 6px;
    +  background-color: #e6e6e6;
    +  margin-bottom: 0;
    +}
    +.table tbody tr td.milestone .progress .progress-bar {
    +  border-radius: 2px;
    +}
    +.table tbody tr.online td:first-child {
    +  border-left: 3px solid #5f99f5;
    +  padding-left: 17px;
    +}
    +.table .number {
    +  text-align: right;
    +}
    +.table.table-borderless tbody tr td {
    +  border-top-width: 0;
    +}
    +.panel-table table {
    +  margin-bottom: 0;
    +}
    +.panel-table tr th:first-child,
    +.panel-table tr td:first-child {
    +  padding-left: 20px;
    +}
    +.panel-table tr th:last-child,
    +.panel-table tr td:last-child {
    +  padding-right: 20px;
    +}
    +.panel-table thead tr th {
    +  padding-top: 15px;
    +  padding-bottom: 10px;
    +}
    +/*------------------------------------------------------------------
    +  [Badges]
    +*/
    +.badge {
    +  font-size: 11px;
    +  font-weight: 700;
    +  color: #404040;
    +  border: 1px solid #d9d9d9;
    +}
    +.badge-primary {
    +  color: #ffffff;
    +  background-color: #5f99f5;
    +  border: transparent;
    +}
    +.badge-success {
    +  color: #ffffff;
    +  background-color: #37b358;
    +  border: transparent;
    +}
    +.badge-info {
    +  color: #ffffff;
    +  background-color: #4285f4;
    +  border: transparent;
    +}
    +.badge-warning {
    +  color: #ffffff;
    +  background-color: #f6c163;
    +  border: transparent;
    +}
    +.badge-danger {
    +  color: #ffffff;
    +  background-color: #eb6357;
    +  border: transparent;
    +}
    +/*------------------------------------------------------------------
    +  [Label]
    +*/
    +.label {
    +  border-radius: 2px;
    +  padding: 3px 7px;
    +  font-size: 11px;
    +  font-weight: 700;
    +}
    +.label-default {
    +  border: 1px solid #d9d9d9;
    +  color: #404040;
    +}
    +.popover.bottom > .arrow {
    +  border-bottom-color: #f7f7f7;
    +  top: -10px;
    +}
    +.popover.bottom > .arrow:after {
    +  background-color: transparent;
    +  top: -2px;
    +  margin-left: -10px;
    +  border-bottom-color: rgba(0, 0, 0, 0.2);
    +  border-top-width: 1px;
    +  z-index: -1;
    +}
    +/*------------------------------------------------------------------
    +  [List group]
    +*/
    +.list-group-item {
    +  padding: 13px 15px;
    +}
    +.list-group-item .icon {
    +  margin-right: 15px;
    +  font-size: 16px;
    +}
    +.list-group-item.active .icon {
    +  color: #ffffff;
    +}
    +/*------------------------------------------------------------------
    +  [Typography]
    +*/
    +h1 small,
    +h2 small,
    +h3 small,
    +h4 small,
    +h5 small,
    +h6 small,
    +.h1 small,
    +.h2 small,
    +.h3 small,
    +.h4 small,
    +.h5 small,
    +.h6 small,
    +h1 .small,
    +h2 .small,
    +h3 .small,
    +h4 .small,
    +h5 .small,
    +h6 .small,
    +.h1 .small,
    +.h2 .small,
    +.h3 .small,
    +.h4 .small,
    +.h5 .small,
    +.h6 .small {
    +  font-weight: 300;
    +}
    +h1,
    +.h1,
    +h2,
    +.h2,
    +h3,
    +.h3 {
    +  margin-top: 20px;
    +  margin-bottom: 10px;
    +}
    +h4,
    +.h4,
    +h5,
    +.h5,
    +h6,
    +.h6 {
    +  margin-top: 15px;
    +  margin-bottom: 10px;
    +}
    +p {
    +  margin: 0 0 15px;
    +}
    +.lead {
    +  font-size: 21px;
    +  line-height: 26px;
    +}
    +small,
    +.small {
    +  font-size: 11px;
    +}
    +mark,
    +.mark {
    +  background-color: #fcf8e3;
    +  padding: 0;
    +}
    +.text-bold {
    +  font-weight: 500 !important;
    +}
    +.text-success {
    +  color: #34a853;
    +}
    +a.text-success:hover,
    +a.text-success:focus {
    +  color: #288140;
    +}
    +.text-warning {
    +  color: #fbbc05;
    +}
    +a.text-warning:hover,
    +a.text-warning:focus {
    +  color: #ca9703;
    +}
    +.text-danger {
    +  color: #ea4335;
    +}
    +a.text-danger:hover,
    +a.text-danger:focus {
    +  color: #d62516;
    +}
    +ul,
    +ol {
    +  line-height: 20px;
    +}
    +ul ul,
    +ol ul,
    +ul ol,
    +ol ol {
    +  padding-left: 25px;
    +}
    +.list-unstyled ul,
    +.list-unstyled ol {
    +  padding-left: 40px;
    +}
    +blockquote p {
    +  margin-bottom: 18px;
    +}
    +blockquote p:last-child,
    +blockquote ul:last-child,
    +blockquote ol:last-child {
    +  margin-bottom: 0;
    +}
    +blockquote footer,
    +blockquote small,
    +blockquote .small {
    +  font-size: 13px;
    +}
    +.display-heading {
    +  font-size: 40px;
    +  font-weight: 100;
    +  margin: 20px 0 15px;
    +}
    +@media (max-width: 767px) {
    +  .display-heading {
    +    font-size: 32px;
    +  }
    +}
    +.display-description {
    +  font-size: 18px;
    +  font-weight: 100;
    +  line-height: 29px;
    +  margin: 0 0 50px;
    +}
    +@media (max-width: 767px) {
    +  .display-description {
    +    font-size: 15px;
    +    line-height: 24px;
    +  }
    +}
    +address {
    +  line-height: 20px;
    +}
    +.well {
    +  box-shadow: none;
    +  border-radius: 4px;
    +  margin-bottom: 30px;
    +}
    +/*------------------------------------------------------------------
    +  [Progress bars]
    +*/
    +.progress {
    +  height: 22px;
    +  box-shadow: none;
    +}
    +.progress-bar {
    +  box-shadow: none;
    +  line-height: 22px;
    +}
    +/*------------------------------------------------------------------
    +  [Pagination]
    +*/
    +.pagination {
    +  padding-left: 0;
    +  margin: 18px 0;
    +  border-radius: 2px;
    +}
    +.pagination > li > a,
    +.pagination > li > span {
    +  font-size: 14px;
    +  line-height: 14px;
    +  font-weight: 400;
    +  padding: 10px 12px;
    +  color: #404040;
    +  background-color: #fff;
    +  border: 1px solid #ddd;
    +  border-radius: 2px;
    +  margin-left: 4px;
    +}
    +.pagination > li > a span,
    +.pagination > li > span span {
    +  line-height: 12px;
    +}
    +.pagination > li:first-child > a,
    +.pagination > li:first-child > span {
    +  border-radius: 2px;
    +}
    +.pagination > li:last-child > a,
    +.pagination > li:last-child > span {
    +  border-radius: 2px;
    +}
    +.pagination-rounded > li > a,
    +.pagination-rounded > li > span {
    +  border-radius: 50%;
    +  width: 35px;
    +  height: 35px;
    +  text-align: center;
    +  line-height: 14px;
    +}
    +.pagination-rounded > li:first-child > a,
    +.pagination-rounded > li:first-child > span {
    +  border-radius: 50%;
    +}
    +.pagination-rounded > li:last-child > a,
    +.pagination-rounded > li:last-child > span {
    +  border-radius: 50%;
    +}
    +/*------------------------------------------------------------------
    +	[Forms]
    +*/
    +.form-control {
    +  border-width: 1px;
    +  border-top-color: #bdc0c7;
    +  box-shadow: none;
    +  padding: 10px 12px;
    +  font-size: 15px;
    +  -webkit-transition: none;
    +  -o-transition: none;
    +  transition: none;
    +}
    +.form-control:focus {
    +  box-shadow: none;
    +}
    +.form-control[multiple] {
    +  padding: 0;
    +}
    +.form-control[multiple] option {
    +  padding: 8px 12px;
    +}
    +input.form-control,
    +textarea.form-control {
    +  -webkit-appearance: none;
    +}
    +label {
    +  font-weight: 400;
    +  font-size: 13px;
    +  margin-bottom: 8px;
    +  color: #666666;
    +}
    +.be-checkbox,
    +.be-radio {
    +  display: block;
    +  line-height: 22px;
    +  margin: 0;
    +  padding: 7px 0;
    +}
    +.form-horizontal .be-checkbox,
    +.form-horizontal .be-radio {
    +  padding: 7px 0;
    +  min-height: auto;
    +}
    +.be-checkbox input[type="checkbox"],
    +.be-radio input[type="checkbox"],
    +.be-checkbox input[type="radio"],
    +.be-radio input[type="radio"] {
    +  margin: 0;
    +  display: none;
    +  width: 22px;
    +}
    +.be-checkbox label,
    +.be-radio label {
    +  margin-bottom: 0;
    +}
    +.be-checkbox label::-moz-selection,
    +.be-radio label::-moz-selection {
    +  background-color: transparent;
    +}
    +.be-checkbox label::selection,
    +.be-radio label::selection {
    +  background-color: transparent;
    +}
    +.be-checkbox input[type="checkbox"] + label,
    +.be-radio input[type="checkbox"] + label,
    +.be-checkbox input[type="radio"] + label,
    +.be-radio input[type="radio"] + label {
    +  padding-left: 0;
    +}
    +.be-checkbox input[type="checkbox"] + label:before,
    +.be-radio input[type="checkbox"] + label:before,
    +.be-checkbox input[type="radio"] + label:before,
    +.be-radio input[type="radio"] + label:before {
    +  content: "";
    +  width: 22px;
    +  height: 22px;
    +  display: inline-block;
    +  border: 1px solid #ccc;
    +  border-radius: 3px;
    +  margin-right: 6px;
    +  font-size: 20px;
    +  font-family: 'Material Icons';
    +  font-weight: normal;
    +  line-height: 19px;
    +  vertical-align: bottom;
    +  text-align: center;
    +  background-color: #ffffff;
    +  cursor: pointer;
    +}
    +.be-checkbox input[type="checkbox"] + label:hover:before,
    +.be-radio input[type="checkbox"] + label:hover:before,
    +.be-checkbox input[type="radio"] + label:hover:before,
    +.be-radio input[type="radio"] + label:hover:before {
    +  border-color: #a2a8b6;
    +}
    +.be-checkbox input[type="checkbox"]:hover + label:before,
    +.be-radio input[type="checkbox"]:hover + label:before,
    +.be-checkbox input[type="radio"]:hover + label:before,
    +.be-radio input[type="radio"]:hover + label:before {
    +  border-color: #b8bdc8;
    +}
    +.be-checkbox input[type="checkbox"]:checked + label:before,
    +.be-radio input[type="checkbox"]:checked + label:before,
    +.be-checkbox input[type="radio"]:checked + label:before,
    +.be-radio input[type="radio"]:checked + label:before {
    +  content: "\f26b";
    +  color: #4285f4;
    +  border-color: #4285f4;
    +}
    +.be-checkbox input[type="checkbox"]:disabled + label,
    +.be-radio input[type="checkbox"]:disabled + label,
    +.be-checkbox input[type="radio"]:disabled + label,
    +.be-radio input[type="radio"]:disabled + label {
    +  opacity: .5;
    +  pointer-events: none;
    +}
    +.be-checkbox input[type="checkbox"]:disabled + label:before,
    +.be-radio input[type="checkbox"]:disabled + label:before,
    +.be-checkbox input[type="radio"]:disabled + label:before,
    +.be-radio input[type="radio"]:disabled + label:before {
    +  pointer-events: none;
    +  background-color: #ffffff;
    +}
    +.be-checkbox input[type="radio"] + label:before,
    +.be-radio input[type="radio"] + label:before {
    +  border-radius: 50%;
    +  width: 23px;
    +  height: 23px;
    +  line-height: 21px;
    +  font-size: 13px;
    +}
    +.be-checkbox input[type="radio"]:checked + label:before,
    +.be-radio input[type="radio"]:checked + label:before {
    +  content: "\f26d";
    +}
    +.be-checkbox.inline,
    +.be-radio.inline {
    +  display: inline-block;
    +}
    +.be-checkbox.inline + .be-checkbox.inline,
    +.be-checkbox.inline + .be-radio.inline,
    +.be-radio.inline + .be-checkbox.inline,
    +.be-radio.inline + .be-radio.inline {
    +  margin-left: 18px;
    +}
    +.be-checkbox.has-success input[type="checkbox"] + label:before,
    +.be-radio.has-success input[type="checkbox"] + label:before,
    +.be-checkbox.has-success input[type="radio"] + label:before,
    +.be-radio.has-success input[type="radio"] + label:before {
    +  color: #37b358;
    +  border-color: #37b358;
    +}
    +.be-checkbox.has-warning input[type="checkbox"] + label:before,
    +.be-radio.has-warning input[type="checkbox"] + label:before,
    +.be-checkbox.has-warning input[type="radio"] + label:before,
    +.be-radio.has-warning input[type="radio"] + label:before {
    +  color: #f6c163;
    +  border-color: #f6c163;
    +}
    +.be-checkbox.has-danger input[type="checkbox"] + label:before,
    +.be-radio.has-danger input[type="checkbox"] + label:before,
    +.be-checkbox.has-danger input[type="radio"] + label:before,
    +.be-radio.has-danger input[type="radio"] + label:before {
    +  color: #eb6357;
    +  border-color: #eb6357;
    +}
    +.be-checkbox-color input[type="checkbox"]:checked + label:before,
    +.be-radio-color input[type="checkbox"]:checked + label:before,
    +.be-checkbox-color input[type="radio"]:checked + label:before,
    +.be-radio-color input[type="radio"]:checked + label:before {
    +  color: #ffffff;
    +  border-color: #4285f4;
    +  background-color: #4285f4;
    +}
    +.be-checkbox-color.has-success input[type="checkbox"]:checked + label:before,
    +.be-radio-color.has-success input[type="checkbox"]:checked + label:before,
    +.be-checkbox-color.has-success input[type="radio"]:checked + label:before,
    +.be-radio-color.has-success input[type="radio"]:checked + label:before {
    +  color: #ffffff;
    +  border-color: #37b358;
    +  background-color: #37b358;
    +}
    +.be-checkbox-color.has-warning input[type="checkbox"]:checked + label:before,
    +.be-radio-color.has-warning input[type="checkbox"]:checked + label:before,
    +.be-checkbox-color.has-warning input[type="radio"]:checked + label:before,
    +.be-radio-color.has-warning input[type="radio"]:checked + label:before {
    +  color: #ffffff;
    +  border-color: #f6c163;
    +  background-color: #f6c163;
    +}
    +.be-checkbox-color.has-danger input[type="checkbox"]:checked + label:before,
    +.be-radio-color.has-danger input[type="checkbox"]:checked + label:before,
    +.be-checkbox-color.has-danger input[type="radio"]:checked + label:before,
    +.be-radio-color.has-danger input[type="radio"]:checked + label:before {
    +  color: #ffffff;
    +  border-color: #eb6357;
    +  background-color: #eb6357;
    +}
    +.be-radio-icon {
    +  display: block;
    +  margin: 0;
    +  padding: 7px 0;
    +}
    +.be-radio-icon input[type="radio"] {
    +  margin: 0;
    +  display: none;
    +  width: 52px;
    +}
    +.be-radio-icon label {
    +  cursor: pointer;
    +  margin: 0;
    +  width: 52px;
    +  height: 52px;
    +  line-height: 52px;
    +  border: 1px solid #d5d8de;
    +  border-radius: 50%;
    +  text-align: center;
    +  font-size: 36px;
    +  vertical-align: middle;
    +  color: #808080;
    +}
    +.be-radio-icon label:hover {
    +  border-color: #b8bdc8;
    +}
    +.be-radio-icon input[type="radio"]:checked + label {
    +  border-color: #4285f4;
    +  color: #4285f4;
    +}
    +.be-radio-icon.has-success input[type="radio"]:checked + label {
    +  border-color: #37b358;
    +  color: #37b358;
    +}
    +.be-radio-icon.has-warning input[type="radio"]:checked + label,
    +.be-radio-icon.has-warning input[type="radio"] + label {
    +  border-color: #f6c163;
    +  color: #f6c163;
    +}
    +.be-radio-icon.has-danger input[type="radio"]:checked + label {
    +  border-color: #eb6357;
    +  color: #eb6357;
    +}
    +.be-radio-icon.inline {
    +  display: inline-block;
    +}
    +.be-radio-icon.inline + .be-radio-icon.inline {
    +  margin-left: 18px;
    +}
    +.be-checkbox-sm {
    +  line-height: 18px;
    +}
    +.be-checkbox-sm input[type="checkbox"] + label:before {
    +  width: 18px;
    +  height: 18px;
    +  font-size: 17px;
    +  line-height: 15px;
    +}
    +.form-horizontal .form-group {
    +  margin-bottom: 0;
    +  padding: 12px 0;
    +}
    +.input-group-addon {
    +  font-size: 15px;
    +}
    +.input-group-addon .be-checkbox,
    +.input-group-addon .be-radio {
    +  padding: 0;
    +  line-height: 21px;
    +}
    +.input-group-addon .be-checkbox input + label,
    +.input-group-addon .be-radio input + label {
    +  margin: 0;
    +}
    +.input-group-addon .be-checkbox input + label:before,
    +.input-group-addon .be-radio input + label:before {
    +  margin: 0;
    +  border-color: #c7cbd3;
    +}
    +.input-group-btn .btn {
    +  height: 48px;
    +}
    +.input-lg {
    +  height: 57px;
    +  padding: 12px 14px;
    +  font-size: 18px;
    +  font-weight: 300;
    +  border-radius: 2px;
    +}
    +.input-sm {
    +  height: 37px;
    +  font-size: 13px;
    +  padding: 4px 12px;
    +}
    +.input-xs {
    +  height: 30px;
    +  font-size: 12px;
    +  padding: 6px 9px;
    +}
    +.has-feedback .form-control {
    +  padding-right: 45px;
    +}
    +.form-control-feedback {
    +  font-size: 19px;
    +}
    +/*------------------------------------------------------------------
    +  [Input Groups]
    +*/
    +.input-search {
    +  display: block;
    +}
    +.input-search input {
    +  border: 1px solid #d5d8de;
    +  border-radius: 0;
    +  display: block;
    +  font-size: 13px;
    +}
    +.input-search input:focus {
    +  background-color: transparent;
    +}
    +.input-search .input-group-btn {
    +  position: absolute;
    +  right: 0;
    +  display: block;
    +  width: auto;
    +  top: 1px;
    +  right: 1px;
    +  z-index: 3;
    +}
    +.input-search .input-group-btn button {
    +  box-shadow: none;
    +  border: none;
    +  height: 46px;
    +}
    +.input-search .input-group-btn button:active {
    +  background-color: transparent;
    +  box-shadow: none;
    +}
    +.input-search .input-group-btn button .icon {
    +  font-size: 25px;
    +  color: #737373;
    +}
    +.input-search .input-group-btn button:hover .icon {
    +  color: #5a5a5a;
    +}
    +.input-search.input-group-lg .input-group-btn button {
    +  height: 55px;
    +}
    +.input-search.input-group-sm .input-group-btn button {
    +  height: 35px;
    +}
    +.input-search.input-group-sm .input-group-btn button .icon {
    +  font-size: 22px;
    +}
    +/*------------------------------------------------------------------
    +  [Perfect Scrollbar]
    +*/
    +/*Perfect Scrollbar*/
    +.ps-container > .ps-scrollbar-y-rail {
    +  width: 6px;
    +  background-color: rgba(0, 0, 0, 0.1);
    +}
    +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    +  right: 0;
    +  height: 6px;
    +  width: 6px;
    +  border-radius: 3px;
    +  background-color: rgba(0, 0, 0, 0.25);
    +}
    +.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
    +.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
    +  width: 6px;
    +}
    +/*------------------------------------------------------------------
    +  [Notifications]
    +*/
    +#gritter-notice-wrapper {
    +  width: 360px;
    +  top: 82px;
    +}
    +.gritter-item-wrapper {
    +  background: url("../lib/jquery.gritter/images/gritter-bg.png");
    +  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    +}
    +.gritter-item-wrapper .gritter-item {
    +  font-family: 'Open Sans', sans-serif;
    +  background: transparent;
    +  color: #ffffff;
    +  padding: 0;
    +  display: table;
    +  table-layout: fixed;
    +  width: 100%;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-img-container {
    +  display: table-cell;
    +  width: 26%;
    +  vertical-align: middle;
    +  text-align: center;
    +  background-color: #302f2f;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image {
    +  float: none;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content {
    +  width: auto;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image,
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image {
    +  padding: 15px 35px 17px 15px;
    +  color: #d9d9d9;
    +  width: 267px;
    +  display: table-cell;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close,
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close {
    +  display: block;
    +  top: 0;
    +  right: 0;
    +  left: auto;
    +  height: 30px;
    +  width: 30px;
    +  font-size: 0;
    +  background: transparent;
    +  text-indent: inherit;
    +  opacity: 0.4;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover,
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover {
    +  opacity: 0.8;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after,
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after {
    +  content: '\f136';
    +  font-family: 'Material Icons';
    +  color: #ffffff;
    +  font-size: 20px;
    +  text-shadow: none;
    +  line-height: 35px;
    +  margin-left: 7px;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title,
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title {
    +  text-shadow: none;
    +  font-weight: 300;
    +  font-size: 17px;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p,
    +.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p {
    +  font-size: 12px;
    +  line-height: 19px;
    +}
    +.gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image {
    +  border-left: 0;
    +}
    +.gritter-item-wrapper.img-rounded {
    +  border-radius: 0;
    +}
    +.gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image {
    +  border-radius: 50%;
    +}
    +.gritter-item-wrapper.clean {
    +  background: #ffffff;
    +}
    +.gritter-item-wrapper.clean .gritter-item {
    +  color: #404040;
    +}
    +.gritter-item-wrapper.clean .gritter-item .gritter-img-container {
    +  background-color: #fafafa;
    +}
    +.gritter-item-wrapper.clean .gritter-item .gritter-content {
    +  color: #404040;
    +}
    +.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close {
    +  opacity: 0.5;
    +}
    +.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after {
    +  color: #404040;
    +}
    +.gritter-item-wrapper.color .gritter-item .gritter-content {
    +  color: #ffffff;
    +}
    +.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close {
    +  opacity: 0.7;
    +}
    +.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover {
    +  opacity: 1;
    +}
    +.gritter-item-wrapper.primary {
    +  background: #4285f4;
    +}
    +.gritter-item-wrapper.success {
    +  background: #34a853;
    +}
    +.gritter-item-wrapper.warning {
    +  background: #fbbc05;
    +}
    +.gritter-item-wrapper.danger {
    +  background: #ea4335;
    +}
    +.gritter-item-wrapper.dark {
    +  background: #3d3c3c;
    +}
    +.gritter-item-wrapper.facebook {
    +  background: #5d82d1;
    +}
    +.gritter-item-wrapper.facebook .gritter-item .gritter-img-container {
    +  background-color: #5179ce;
    +}
    +.gritter-item-wrapper.twitter {
    +  background: #50bff5;
    +}
    +.gritter-item-wrapper.twitter .gritter-item .gritter-img-container {
    +  background-color: #42baf4;
    +}
    +.gritter-item-wrapper.google-plus {
    +  background: #eb5e4c;
    +}
    +.gritter-item-wrapper.google-plus .gritter-item .gritter-img-container {
    +  background-color: #e9523e;
    +}
    +.gritter-item-wrapper.dribbble {
    +  background: #f7659c;
    +}
    +.gritter-item-wrapper.dribbble .gritter-item .gritter-img-container {
    +  background-color: #f65693;
    +}
    +.gritter-item-wrapper.flickr {
    +  background: #0063dc;
    +}
    +.gritter-item-wrapper.flickr .gritter-item .gritter-img-container {
    +  background-color: #005ccd;
    +}
    +.gritter-item-wrapper.linkedin {
    +  background: #238cc8;
    +}
    +.gritter-item-wrapper.linkedin .gritter-item .gritter-img-container {
    +  background-color: #2183bb;
    +}
    +.gritter-item-wrapper.youtube {
    +  background: #ef4e41;
    +}
    +.gritter-item-wrapper.youtube .gritter-item .gritter-img-container {
    +  background-color: #ee4133;
    +}
    +.gritter-item-wrapper.pinterest {
    +  background: #e13138;
    +}
    +.gritter-item-wrapper.pinterest .gritter-item .gritter-img-container {
    +  background-color: #df242b;
    +}
    +.gritter-item-wrapper.github {
    +  background: #333;
    +}
    +.gritter-item-wrapper.github .gritter-item .gritter-img-container {
    +  background-color: #2b2b2b;
    +}
    +.gritter-item-wrapper.tumblr {
    +  background: #426d9b;
    +}
    +.gritter-item-wrapper.tumblr .gritter-item .gritter-img-container {
    +  background-color: #3d6590;
    +}
    +/*------------------------------------------------------------------
    +  [DropZone]
    +*/
    +form.dropzone {
    +  border: 2px dashed #c3c3c3;
    +  padding: 70px 60px 80px;
    +  background: transparent;
    +}
    +form.dropzone .icon {
    +  background-color: #e6e6e6;
    +  border-radius: 50%;
    +  display: inline-block;
    +  height: 100px;
    +  width: 100px;
    +  margin-bottom: 15px;
    +  padding: 20px;
    +  text-align: center;
    +}
    +form.dropzone .icon span {
    +  font-size: 60px;
    +  color: #696767;
    +}
    +form.dropzone h2 {
    +  margin-bottom: 30px;
    +  font-size: 40px;
    +  font-weight: 300;
    +}
    +form.dropzone .note {
    +  font-size: 16px;
    +}
    +/*------------------------------------------------------------------
    +  [Wizard]
    +*/
    +.fuelux .wizard {
    +  *zoom: 1;
    +  border: 1px solid #d4d4d4;
    +  border-radius: 4px;
    +  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    +  background-color: #f9f9f9;
    +  position: relative;
    +  min-height: 48px;
    +  overflow: hidden;
    +}
    +.fuelux .wizard:before,
    +.fuelux .wizard:after {
    +  display: table;
    +  content: "";
    +  line-height: 0;
    +}
    +.fuelux .wizard:after {
    +  clear: both;
    +}
    +.fuelux .wizard > .steps {
    +  list-style: none outside none;
    +  padding: 0;
    +  margin: 0;
    +}
    +.fuelux .wizard > .steps.previous-disabled li.complete {
    +  cursor: default;
    +}
    +.fuelux .wizard > .steps.previous-disabled li.complete:hover {
    +  background: #f3f4f5;
    +  color: #468847;
    +  cursor: default;
    +}
    +.fuelux .wizard > .steps.previous-disabled li.complete:hover .chevron:before {
    +  border-left-color: #f3f4f5;
    +}
    +.fuelux .wizard > .steps li {
    +  float: left;
    +  margin: 0;
    +  padding: 0 20px 0 30px;
    +  height: 46px;
    +  line-height: 46px;
    +  position: relative;
    +  background: #ededed;
    +  color: #999999;
    +  font-size: 16px;
    +  cursor: not-allowed;
    +}
    +.fuelux .wizard > .steps li .chevron {
    +  border: 24px solid transparent;
    +  border-left: 14px solid #d4d4d4;
    +  border-right: 0;
    +  display: block;
    +  position: absolute;
    +  right: -14px;
    +  top: 0;
    +  z-index: 1;
    +}
    +.fuelux .wizard > .steps li .chevron:before {
    +  border: 24px solid transparent;
    +  border-left: 14px solid #ededed;
    +  border-right: 0;
    +  content: "";
    +  display: block;
    +  position: absolute;
    +  right: 1px;
    +  top: -24px;
    +}
    +.fuelux .wizard > .steps li.complete {
    +  background: #f3f4f5;
    +  color: #468847;
    +}
    +.fuelux .wizard > .steps li.complete:hover {
    +  background: #e7eff8;
    +  cursor: pointer;
    +}
    +.fuelux .wizard > .steps li.complete:hover .chevron:before {
    +  border-left: 14px solid #e7eff8;
    +}
    +.fuelux .wizard > .steps li.complete .chevron:before {
    +  border-left: 14px solid #f3f4f5;
    +}
    +.fuelux .wizard > .steps li.active {
    +  background: #f1f6fc;
    +  color: #3a87ad;
    +  cursor: default;
    +}
    +.fuelux .wizard > .steps li.active .chevron:before {
    +  border-left: 14px solid #f1f6fc;
    +}
    +.fuelux .wizard > .steps li.active .badge {
    +  background-color: #3a87ad;
    +}
    +.fuelux .wizard > .steps li .badge {
    +  margin-right: 8px;
    +}
    +.fuelux .wizard > .steps li .badge-success {
    +  background-color: #468847;
    +}
    +.fuelux .wizard > .steps li:first-child {
    +  border-radius: 4px 0 0 4px;
    +  padding-left: 20px;
    +}
    +.fuelux .wizard > .actions {
    +  z-index: 1000;
    +  position: absolute;
    +  right: 0;
    +  line-height: 46px;
    +  float: right;
    +  padding-left: 15px;
    +  padding-right: 15px;
    +  vertical-align: middle;
    +  background-color: #e5e5e5;
    +  border-left: 1px solid #d4d4d4;
    +}
    +.fuelux .wizard > .actions a {
    +  line-height: 45px;
    +  font-size: 12px;
    +  margin-right: 8px;
    +}
    +.fuelux .wizard > .actions .btn-prev[disabled] {
    +  cursor: not-allowed;
    +}
    +.fuelux .wizard > .actions .btn-prev span {
    +  margin-right: 5px;
    +}
    +.fuelux .wizard > .actions .btn-next[disabled] {
    +  cursor: not-allowed;
    +}
    +.fuelux .wizard > .actions .btn-next span {
    +  margin-left: 5px;
    +}
    +.fuelux .wizard .step-content {
    +  border-top: 1px solid #D4D4D4;
    +  padding: 10px;
    +  float: left;
    +  width: 100%;
    +}
    +.fuelux .wizard .step-content .step-pane {
    +  display: none;
    +}
    +.fuelux .wizard .step-content > .active {
    +  display: block;
    +}
    +.fuelux .wizard .step-content > .active .btn-group .active {
    +  display: inline-block;
    +}
    +.fuelux .wizard.complete > .actions .glyphicon-arrow-right:before {
    +  display: none;
    +}
    +.fuelux .wizard.complete > .actions .glyphicon-arrow-right {
    +  margin-left: 0;
    +}
    +.block-wizard {
    +  padding: 0;
    +}
    +.fuelux .wizard {
    +  box-shadow: none;
    +  border-radius: 0;
    +  -webkit-border-radius: 0;
    +  border: 0;
    +  background: #ffffff;
    +}
    +.fuelux .wizard label.control-label {
    +  font-weight: 600;
    +}
    +.fuelux .wizard .wizard-title {
    +  margin: 10px 0 0;
    +}
    +.fuelux .wizard > .actions {
    +  line-height: 48px;
    +  background: #f7f7f7;
    +  padding: 0;
    +  font-size: 0;
    +}
    +.fuelux .wizard > .actions .btn {
    +  line-height: 48px;
    +  border-width: 0;
    +  border-radius: 0;
    +  vertical-align: top;
    +  padding: 0 14px;
    +  box-shadow: none;
    +  font-weight: 400;
    +  color: #949494;
    +}
    +.fuelux .wizard > .actions .btn:focus,
    +.fuelux .wizard > .actions .btn:active {
    +  box-shadow: none;
    +  border-width: 0;
    +}
    +.fuelux .wizard > .actions .btn:hover {
    +  background-color: #f7f7f7;
    +}
    +.fuelux .wizard > .actions .btn:first-child {
    +  border-right: 1px solid #d4d4d4;
    +}
    +.fuelux .wizard > .actions .btn .icon {
    +  font-size: 17px;
    +  line-height: 17px;
    +  position: relative;
    +  top: -1px;
    +  color: #949494;
    +}
    +.fuelux .wizard > .actions .btn.btn-previous i {
    +  margin-right: 5px;
    +}
    +.fuelux .wizard > .actions .btn.btn-next i {
    +  margin-left: 5px;
    +}
    +.fuelux .wizard > .steps > li {
    +  height: 48px;
    +  background-color: #f7f7f7;
    +}
    +.fuelux .wizard > .steps > li .chevron {
    +  border-left-color: #e0e0e0;
    +}
    +.fuelux .wizard > .steps > li .chevron:before {
    +  border-left: 14px solid #f7f7f7;
    +}
    +.fuelux .wizard > .steps li {
    +  font-size: 15px;
    +}
    +.fuelux .wizard > .steps li:first-child {
    +  border-radius: 0;
    +}
    +.fuelux .wizard > .steps li.active {
    +  background: #ffffff;
    +  color: #4285f4;
    +}
    +.fuelux .wizard > .steps li.active .chevron:before {
    +  -moz-transform: scale(0.9999);
    +  border-left: 14px solid #ffffff;
    +}
    +.fuelux .wizard > .steps li.complete {
    +  color: #ffffff;
    +  background: #4285f4;
    +}
    +.fuelux .wizard > .steps li.complete .chevron {
    +  border-left-color: #1b6cf2;
    +}
    +.fuelux .wizard > .steps li.complete .chevron:before {
    +  border-left: 14px solid #4285f4;
    +}
    +.fuelux .wizard > .steps li.complete:hover {
    +  background: #5c9aff;
    +}
    +.fuelux .wizard > .steps li.complete:hover .chevron:before {
    +  border-left-color: #5c9aff;
    +}
    +.fuelux .wizard > .steps li .chevron {
    +  -moz-transform: scale(0.9999);
    +}
    +.fuelux .wizard > .actions button {
    +  font-size: 12px;
    +}
    +.fuelux .wizard > .actions button i {
    +  font-size: 11px;
    +  line-height: 17px;
    +}
    +.fuelux .wizard > .actions button.btn-prev i {
    +  margin-right: 3px;
    +}
    +.fuelux .wizard > .actions button.btn-next i {
    +  margin-left: 3px;
    +}
    +.fuelux .wizard .step-content {
    +  padding: 20px 30px;
    +  clear: both;
    +  border-top: 1px solid #E2E2E2;
    +}
    +@media (max-width: 767px) {
    +  .wizard-row .fuelux {
    +    position: static;
    +  }
    +}
    +/*------------------------------------------------------------------
    +  [Nestable list]
    +*/
    +.dd {
    +  position: relative;
    +  display: block;
    +  margin: 0;
    +  padding: 0;
    +  max-width: 600px;
    +  list-style: none;
    +  font-size: 13px;
    +  line-height: 20px;
    +}
    +.dd-list {
    +  display: block;
    +  position: relative;
    +  margin: 0;
    +  padding: 0;
    +  list-style: none;
    +}
    +.dd-list .dd-item .dd-handle,
    +.dd-list .dd3-item .dd-handle {
    +  cursor: default;
    +  display: block;
    +  margin: 5px 0;
    +  padding: 7px 10px;
    +  text-decoration: none;
    +  border: 1px solid #dedede;
    +  background: #ffffff;
    +}
    +.dd-list .dd-item .dd-handle:hover,
    +.dd-list .dd3-item .dd-handle:hover {
    +  color: #ffffff;
    +  background: #4285f4;
    +  border-color: #4285f4;
    +}
    +.dd-list .dd-item > button,
    +.dd-list .dd3-item > button {
    +  font-family: 'Material Icons';
    +  display: block;
    +  position: relative;
    +  cursor: pointer;
    +  float: left;
    +  width: 25px;
    +  height: 20px;
    +  margin: 8px 2px;
    +  padding: 0;
    +  text-indent: 100%;
    +  white-space: nowrap;
    +  overflow: hidden;
    +  border: 0;
    +  background: transparent;
    +  font-size: 16px;
    +  line-height: 1;
    +  text-align: center;
    +}
    +.dd-list .dd-item > button:before,
    +.dd-list .dd3-item > button:before {
    +  content: '\f278';
    +  display: block;
    +  position: absolute;
    +  width: 100%;
    +  text-align: center;
    +  text-indent: 0;
    +}
    +.dd-list .dd-item > button[data-action="collapse"]:before,
    +.dd-list .dd3-item > button[data-action="collapse"]:before {
    +  content: '\f273';
    +}
    +.dd-list .dd-item .dd3-content,
    +.dd-list .dd3-item .dd3-content {
    +  display: block;
    +  margin: 5px 0;
    +  padding: 7px 10px 7px 40px;
    +  text-decoration: none;
    +  background: none repeat scroll 0 0 #ffffff;
    +  border: 1px solid #dedede;
    +}
    +.dd-list .dd-item .dd3-content:hover,
    +.dd-list .dd3-item .dd3-content:hover {
    +  background: #ffffff;
    +}
    +.dd-list .dd-item .dd3-handle,
    +.dd-list .dd3-item .dd3-handle {
    +  position: absolute;
    +  margin: 0;
    +  left: 0;
    +  top: 0;
    +  cursor: all-scroll;
    +  width: 34px;
    +  text-indent: 100%;
    +  white-space: nowrap;
    +  overflow: hidden;
    +  border: 1px solid #4285f4;
    +  background: #4285f4;
    +  height: 36px;
    +}
    +.dd-list .dd-item .dd3-handle:before,
    +.dd-list .dd3-item .dd3-handle:before {
    +  content: '=';
    +  display: block;
    +  position: absolute;
    +  left: 0;
    +  top: 5px;
    +  width: 100%;
    +  text-align: center;
    +  text-indent: 0;
    +  color: #ffffff;
    +  font-size: 23px;
    +  line-height: 24px;
    +  font-weight: normal;
    +}
    +.dd-list .dd-item .dd3-handle:hover,
    +.dd-list .dd3-item .dd3-handle:hover {
    +  background: #5a95f5;
    +  border-color: #5a95f5;
    +}
    +.dd-list .dd3-item > button {
    +  margin-left: 35px;
    +}
    +.dd-list .dd-item,
    +.dd-list .dd-empty,
    +.dd-list .dd-placeholder {
    +  display: block;
    +  position: relative;
    +  margin: 0;
    +  padding: 0;
    +  min-height: 20px;
    +  font-size: 13px;
    +  line-height: 20px;
    +}
    +.dd-list .dd-placeholder,
    +.dd-list .dd-empty {
    +  margin: 5px 0;
    +  padding: 0;
    +  min-height: 30px;
    +  background: #FFF;
    +  border: 1px dashed #b3b3b3;
    +  box-sizing: border-box;
    +  -moz-box-sizing: border-box;
    +}
    +.dd-list .dd-empty {
    +  border: 1px dashed #bbb;
    +  min-height: 100px;
    +  background-color: #e5e5e5;
    +  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    +  background-image: -o-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -o-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    +  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    +  background-size: 60px 60px;
    +  background-position: 0 0, 30px 30px;
    +}
    +.dd-list .dd-collapsed .dd-list {
    +  display: none;
    +}
    +.dd-list.dd-dragel {
    +  position: absolute;
    +  pointer-events: none;
    +  z-index: 9999;
    +}
    +.dd-list.dd-dragel > .dd-item .dd-handle {
    +  margin-top: 0;
    +}
    +.dd-list.dd-dragel .dd-handle,
    +.dd-list.dd-dragel .dd3-handle {
    +  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    +}
    +.dd-list .dd-list {
    +  padding-left: 30px;
    +}
    +/*------------------------------------------------------------------
    +  [Bootstrap dateTime Picker]
    +*/
    +.datetimepicker {
    +  padding: 4px 0;
    +}
    +.datetimepicker .input-group-addon {
    +  padding: 0 13px;
    +  font-size: 24px;
    +  line-height: 23px;
    +}
    +.datetimepicker .input-group-addon > i {
    +  vertical-align: middle;
    +}
    +.datetimepicker.input-group-sm .input-group-addon {
    +  font-size: 20px;
    +  line-height: 21px;
    +  padding: 0 11px;
    +}
    +.datetimepicker.input-group-lg .input-group-addon {
    +  padding: 0 15px;
    +}
    +.datetimepicker table {
    +  border-collapse: separate;
    +  border-spacing: 7px 2px;
    +}
    +.datetimepicker table thead tr th {
    +  padding: 10px 4px 8px;
    +}
    +.datetimepicker table thead tr th.prev,
    +.datetimepicker table thead tr th.next {
    +  padding: 0;
    +}
    +.datetimepicker table thead tr th.prev > .icon,
    +.datetimepicker table thead tr th.next > .icon {
    +  font-size: 21px;
    +}
    +.datetimepicker table thead tr th.prev:hover,
    +.datetimepicker table thead tr th.next:hover {
    +  background-color: transparent;
    +  color: #4285f4;
    +}
    +.datetimepicker table thead tr th.switch {
    +  font-weight: 600;
    +  font-size: 14px;
    +}
    +.datetimepicker table thead tr th.switch:hover {
    +  background-color: transparent;
    +  color: #5a5a5a;
    +}
    +.datetimepicker table thead tr th.dow {
    +  font-weight: 400;
    +  font-size: 14px;
    +  padding-top: 10px;
    +}
    +.datetimepicker table tbody tr td {
    +  line-height: 31px;
    +  padding: 0 8px;
     }
    -
    -.set-radius-zero {
    -    border-radius: 0px;
    -    -moz-border-radius: 0px;
    -    -webkit-border-radius: 0px;
    +.datetimepicker table tbody tr td.day {
    +  border-radius: 50%;
    +  color: #737373;
     }
    -
    -.content-wrapper {
    -    margin-top: 40px;
    -    min-height: 600px;
    -    padding-bottom: 60px;
    +.datetimepicker table tbody tr td.day.old,
    +.datetimepicker table tbody tr td.day.new {
    +  color: #b3b3b3;
     }
    -.navbar .navbar-nav .notification {
    -    position: absolute;
    -    background-color: #FB404B;
    +.datetimepicker table tbody tr td.day.active {
    +  background: #4285f4;
    +  color: #ffffff;
    +  text-shadow: none;
    +}
    +.datetimepicker table tbody tr td.day.active:hover {
    +  background: #1266f1;
    +}
    +.datetimepicker table tbody tr td .year,
    +.datetimepicker table tbody tr td .month,
    +.datetimepicker table tbody tr td .hour,
    +.datetimepicker table tbody tr td .minute {
    +  color: #737373;
    +}
    +.datetimepicker table tbody tr td .year.old,
    +.datetimepicker table tbody tr td .month.old,
    +.datetimepicker table tbody tr td .hour.old,
    +.datetimepicker table tbody tr td .minute.old,
    +.datetimepicker table tbody tr td .year.new,
    +.datetimepicker table tbody tr td .month.new,
    +.datetimepicker table tbody tr td .hour.new,
    +.datetimepicker table tbody tr td .minute.new {
    +  color: #b3b3b3;
    +}
    +.datetimepicker table tbody tr td .year.active,
    +.datetimepicker table tbody tr td .month.active,
    +.datetimepicker table tbody tr td .hour.active,
    +.datetimepicker table tbody tr td .minute.active {
    +  background: #4285f4;
    +  color: #ffffff;
    +  text-shadow: none;
    +}
    +.datetimepicker table tbody tr td .year.active:hover,
    +.datetimepicker table tbody tr td .month.active:hover,
    +.datetimepicker table tbody tr td .hour.active:hover,
    +.datetimepicker table tbody tr td .minute.active:hover {
    +  background: #1266f1;
    +}
    +.datetimepicker table tbody tr td fieldset legend {
    +  font-size: 17px;
    +  font-weight: 400;
    +  color: #5a5a5a;
    +  margin-bottom: 5px;
    +}
    +.datetimepicker.dropdown-menu {
    +  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    +  border-color: rgba(0, 0, 0, 0.1);
    +  padding: 10px;
    +}
    +.datetimepicker.dropdown-menu:before {
    +  border-bottom-color: rgba(0, 0, 0, 0.08);
    +}
    +/*------------------------------------------------------------------
    +  [Select2]
    +*/
    +.select2-container--default .select2-selection--single,
    +.select2-container--default .select2-selection--multiple {
    +  border: 1px solid #d5d8de;
    +  border-radius: 2px;
    +}
    +.select2-container--default .select2-selection--single {
    +  height: 48px;
    +}
    +.select2-container--default .select2-selection--single .select2-selection__rendered {
    +  padding: 0 15px;
    +  height: 46px;
    +  line-height: 46px;
    +  font-size: 14px;
    +  color: #404040;
    +}
    +.select2-container--default .select2-selection--single .select2-selection__arrow {
    +  height: 46px;
    +  width: 30px;
    +}
    +.select2-container--default .select2-selection--single .select2-selection__arrow b {
    +  border: 0;
    +  left: 0;
    +  top: 0;
    +  width: 100%;
    +  height: 100%;
    +  margin: 0;
    +}
    +.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    +  content: "\f2f9";
    +  font-family: 'Material Icons';
    +  font-size: 25px;
    +  font-weight: normal;
    +  line-height: 46px;
    +  color: #404040;
    +}
    +.select2-container--default .select2-selection--multiple {
    +  min-height: 46px;
    +}
    +.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    +  padding: 4px 12px;
    +}
    +.select2-container--default .select2-selection--multiple .select2-selection__choice {
    +  border-radius: 0;
    +  background-color: #f2f2f2;
    +  color: #5a5a5a;
    +  border-width: 0;
    +  padding: 4px 6px;
    +  line-height: 18px;
    +}
    +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    +  color: #666666;
    +  margin-right: 3px;
    +}
    +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    +  color: #4d4d4d;
    +}
    +.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    +  line-height: 26px;
    +}
    +.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
    +  border: 1px solid #d5d8de;
    +}
    +.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    +  content: "\f2f9";
    +}
    +.select2-container--default .select2-results__group {
    +  font-size: 12px;
    +  color: #5a5a5a;
    +}
    +.select2-container--default .select2-results__option {
    +  padding: 10px 6px;
    +}
    +.select2-container--default .select2-results__option[aria-selected="true"] {
    +  background-color: #f7f7f7;
    +}
    +.select2-container--default .select2-results__option--highlighted[aria-selected] {
    +  background-color: #4285f4;
    +}
    +.select2-container--default .select2-dropdown {
    +  border-width: 1px;
    +  border-color: #d5d8de;
    +}
    +.select2-container--default .select2-dropdown--above {
    +  border-radius: 2px 2px 0 0;
    +  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.12);
    +}
    +.select2-container--default .select2-dropdown--below {
    +  border-radius: 0 0 2px 2px;
    +  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    +}
    +.select2-container--default .select2-search--dropdown {
    +  background-color: #f2f3f4;
    +  border-bottom: 1px solid #d5d8de;
    +}
    +.select2-container--default .select2-search--dropdown .select2-search__field {
    +  background-color: transparent;
    +  border-width: 0;
    +  outline: none;
    +}
    +/*------------------------------------------------------------------
    +  [Slider]
    +*/
    +/*Slider*/
    +.slider.slider-vertical {
    +  margin-right: 13px;
    +}
    +.slider.slider-vertical .slider-handle {
    +  margin-left: -6px;
    +}
    +.slider.slider-horizontal {
    +  height: 23px;
    +}
    +.slider.slider-horizontal .slider-track {
    +  height: 8px;
    +}
    +.slider.slider-horizontal .slider-handle {
    +  margin-top: -7px;
    +}
    +.slider-selection {
    +  background: #4285f4;
    +  border: 1px solid #4285f4;
    +  box-shadow: none;
    +}
    +.slider-track {
    +  background: #f2f2f2;
    +  box-shadow: none;
    +}
    +.slider-handle {
    +  opacity: 1;
    +  background: #ffffff;
    +  border: 1px solid #f0f0f0;
    +  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
    +  height: 22px;
    +  width: 22px;
    +  -webkit-transition: box-shadow 200ms ease-in-out;
    +  -o-transition: box-shadow 200ms ease-in-out;
    +  transition: box-shadow 200ms ease-in-out;
    +}
    +/*------------------------------------------------------------------
    +  [Summernote]
    +*/
    +.note-editor.note-frame {
    +  margin-bottom: 0;
    +  border-width: 0;
    +  box-shadow: none;
    +}
    +.note-editor.note-frame .note-toolbar {
    +  margin: 0;
    +  padding-bottom: 5px;
    +}
    +.note-editor.note-frame .note-toolbar .btn .fa {
    +  font-size: 14px;
    +}
    +.note-editor.note-frame .note-toolbar > .btn-group {
    +  margin-left: 0;
    +  margin-right: 5px;
    +  margin-top: 5px;
    +}
    +.note-editor.note-frame .note-toolbar .note-color .dropdown-toggle {
    +  padding-left: 5px;
    +  width: 20px;
    +}
    +.note-editor.note-frame .note-statusbar {
    +  background-color: #f6f6f6;
    +}
    +.note-editor.note-frame .note-statusbar .note-resizebar {
    +  height: auto;
    +  padding-top: 3px;
    +  padding-bottom: 4px;
    +}
    +.note-editor.note-frame .note-editable {
    +  border: 1px solid #d5d8de;
    +  padding: 10px 12px;
    +  margin-top: 6px;
    +  border-radius: 0;
    +}
    +.note-editor.note-frame .note-editing-area .note-editable {
    +  color: #404040;
    +}
    +/*------------------------------------------------------------------
    +  [Bootstrap Markdown]
    +*/
    +.md-editor {
    +  display: block;
    +  border: 1px solid #d5d8de;
    +}
    +.md-editor > .md-header,
    +.md-editor .md-footer {
    +  display: block;
    +  padding: 6px 4px;
    +  background: transparent;
    +}
    +.md-editor > .md-header {
    +  margin: 0;
    +}
    +.md-editor > .md-preview {
    +  background: #fff;
    +  border-top: 2px solid #d5d8de;
    +  padding: 10px 12px;
    +  min-height: 10px;
    +  overflow: auto;
    +}
    +.md-editor > textarea {
    +  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    +  font-size: 13px;
    +  outline: 0;
    +  outline: thin dotted  \9;
    +  /* IE6-9 */
    +  margin: 0;
    +  display: block;
    +  padding: 10px 12px;
    +  width: 100%;
    +  border: 0;
    +  border-top: 1px solid #d5d8de;
    +  border-radius: 0;
    +  box-shadow: none;
    +  background: #fafafa;
    +}
    +.md-editor > textarea:focus {
    +  box-shadow: none;
    +  background: #fff;
    +}
    +.md-editor.active {
    +  border-color: #b8bdc8;
    +  outline: 0;
    +}
    +.md-editor .md-controls {
    +  float: right;
    +  padding: 3px;
    +}
    +.md-editor .md-controls .md-control {
    +  right: 5px;
    +  color: #bebebe;
    +  padding: 3px 3px 3px 10px;
    +}
    +.md-editor .md-controls .md-control:hover {
    +  color: #333;
    +}
    +.md-editor.md-fullscreen-mode {
    +  width: 100%;
    +  height: 100%;
    +  position: fixed;
    +  top: 0;
    +  left: 0;
    +  z-index: 99999;
    +  padding: 60px 30px 15px;
    +  background: #fff;
    +  border: 0;
    +}
    +.md-editor.md-fullscreen-mode .md-footer {
    +  display: none;
    +}
    +.md-editor.md-fullscreen-mode .md-input,
    +.md-editor.md-fullscreen-mode .md-preview {
    +  margin: 0 auto;
    +  height: 100%;
    +  font-size: 20px;
    +  padding: 20px;
    +  color: #999;
    +  line-height: 1.6em;
    +  resize: none;
    +  box-shadow: none;
    +  background: #fff;
    +  border: 0;
    +}
    +.md-editor.md-fullscreen-mode .md-preview {
    +  color: #333;
    +  overflow: auto;
    +}
    +.md-editor.md-fullscreen-mode .md-input:hover,
    +.md-editor.md-fullscreen-mode .md-input:focus {
    +  color: #333;
    +  background: #fff;
    +}
    +.md-editor.md-fullscreen-mode .md-header {
    +  background: none;
    +  text-align: center;
    +  position: fixed;
    +  width: 100%;
    +  top: 20px;
    +}
    +.md-editor.md-fullscreen-mode .btn-group {
    +  float: none;
    +}
    +.md-editor.md-fullscreen-mode .btn {
    +  border: 0;
    +  background: none;
    +  color: #b3b3b3;
    +}
    +.md-editor.md-fullscreen-mode .btn:hover,
    +.md-editor.md-fullscreen-mode .btn:focus,
    +.md-editor.md-fullscreen-mode .btn.active,
    +.md-editor.md-fullscreen-mode .btn:active {
    +  box-shadow: none;
    +  color: #333;
    +}
    +.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    +  position: absolute;
    +  top: 20px;
    +  right: 20px;
    +  text-align: right;
    +  z-index: 1002;
    +  display: block;
    +}
    +.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    +  color: #b3b3b3;
    +  clear: right;
    +  margin: 10px;
    +  width: 30px;
    +  height: 30px;
    +  text-align: center;
    +}
    +.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    +  color: #333;
    +  text-decoration: none;
    +}
    +.md-editor.md-fullscreen-mode .md-editor {
    +  height: 100%;
    +  position: relative;
    +}
    +.md-editor .md-fullscreen-controls {
    +  display: none;
    +}
    +.md-nooverflow {
    +  overflow: hidden;
    +  position: fixed;
    +  width: 100%;
    +}
    +/*------------------------------------------------------------------
    +  [Parsley]
    +*/
    +.parsley-errors-list.filled {
    +  margin-top: 10px;
    +  margin-bottom: 0;
    +  padding: 15px 20px;
    +  position: relative;
    +  background-color: #eb6357;
    +  color: #ffffff;
    +}
    +.parsley-errors-list.filled:after {
    +  content: "";
    +  display: inline-block;
    +  position: absolute;
    +  top: -6px;
    +  left: 20px;
    +  content: '';
    +  display: block;
    +  width: 0;
    +  height: 0;
    +  -moz-transform: scale(0.9999);
    +  border-left: 7px solid transparent;
    +  border-right: 7px solid transparent;
    +  border-bottom: 7px solid #eb6357;
    +}
    +.parsley-errors-list.filled > li {
    +  list-style: none;
    +}
    +/*------------------------------------------------------------------
    +  [dataTables]
    +*/
    +table.dataTable {
    +  margin: 0 !important;
    +}
    +div.dataTables_wrapper div.dataTables_info {
    +  color: #616161;
    +  padding-top: 9px;
    +}
    +div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    +  margin: 0;
    +}
    +div.dataTables_wrapper div.dataTables_filter input {
    +  padding-top: 6px;
    +  padding-bottom: 6px;
    +}
    +div.dataTables_wrapper div.dataTables_length label,
    +div.dataTables_wrapper div.dataTables_filter label {
    +  margin-bottom: 0;
    +  font-size: 13px;
    +  color: #616161;
    +}
    +div.dataTables_wrapper div.dataTables_length label select {
    +  padding: 2px;
    +}
    +.be-datatable-header {
    +  border-bottom: 0px solid #d5d8de;
    +  margin: 2px 0 0;
    +  padding: 15px 10px 22px;
    +}
    +.be-datatable-header .dt-buttons .btn embed {
    +  outline: none;
    +}
    +.be-datatable-footer {
    +  margin: 0;
    +  padding: 15px 3px 13px;
    +  background-color: #f7f7f7;
    +  border-top: 1px solid #d5d8de;
    +}
    +/*------------------------------------------------------------------
    +  [Vector Maps]
    +*/
    +.jvectormap-zoomin,
    +.jvectormap-zoomout {
    +  line-height: 11px;
    +}
    +.jqvmap-zoomin,
    +.jqvmap-zoomout {
    +  width: 30px;
    +  height: 30px;
    +  background-color: #d9d9d9;
    +  color: #7a7a7a;
    +  font-size: 22px;
    +  line-height: 24px;
    +  text-align: center;
    +  border-radius: 0;
    +  top: auto;
    +  left: 0;
    +  bottom: 0;
    +}
    +.jqvmap-zoomin:hover,
    +.jqvmap-zoomout:hover {
    +  background-color: #c9c9c9;
    +}
    +.jqvmap-zoomin {
    +  left: 43px;
    +}
    +/*------------------------------------------------------------------
    +  [Full calendar]
    +*/
    +.full-calendar .fc-toolbar {
    +  padding-top: 25px;
    +  margin-bottom: 30px;
    +}
    +.full-calendar .fc-view-container .fc-event-container .fc-event {
    +  background: #4285f4;
    +  border-color: #1b6cf2;
    +  color: #ffffff;
    +  border-radius: 0;
    +}
    +.full-calendar .fc-view-container .fc-border-separate .fc-today {
    +  background-color: #f7f7f7;
    +}
    +.full-calendar .fc-view-container .fc-cell-overlay {
    +  background-color: rgba(66, 133, 244, 0.5);
    +}
    +.full-calendar .fc-button {
    +  color: #404040;
    +  background: #fff;
    +  border-color: #dedede;
    +  height: auto;
    +  padding: 10px;
    +  font-size: 13px;
    +  line-height: 28px;
    +}
    +.full-calendar .fc-button:focus,
    +.full-calendar .fc-button.focus {
    +  color: #404040;
    +  background-color: #fff;
    +  border-color: #dedede;
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    +}
    +.full-calendar .fc-button:hover,
    +.full-calendar .fc-button.hover {
    +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    +  background-color: #fff;
    +  border-color: #bdbdbd;
    +}
    +.full-calendar .fc-button:active,
    +.full-calendar .fc-button.fc-state-active,
    +.full-calendar .fc-button.active,
    +.open > .dropdown-toggle.full-calendar .fc-button {
    +  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +  color: #272727;
    +  background-color: #e3e3e3;
    +  border-color: #bdbdbd;
    +}
    +.full-calendar .fc-button:active:hover,
    +.full-calendar .fc-button.fc-state-active:hover,
    +.full-calendar .fc-button.active:hover,
    +.open > .dropdown-toggle.full-calendar .fc-button:hover,
    +.full-calendar .fc-button:active:focus,
    +.full-calendar .fc-button.fc-state-active:focus,
    +.full-calendar .fc-button.active:focus,
    +.open > .dropdown-toggle.full-calendar .fc-button:focus,
    +.full-calendar .fc-button:active.focus,
    +.full-calendar .fc-button.fc-state-active.focus,
    +.full-calendar .fc-button.active.focus,
    +.open > .dropdown-toggle.full-calendar .fc-button.focus {
    +  color: #272727;
    +  background-color: #e3e3e3;
    +  border-color: #bdbdbd;
    +  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
    +}
    +.full-calendar .fc-button:active,
    +.full-calendar .fc-button.active,
    +.open > .dropdown-toggle.full-calendar .fc-button {
    +  background-image: none;
    +}
    +.full-calendar .fc-button.disabled,
    +.full-calendar .fc-button[disabled],
    +fieldset[disabled] .full-calendar .fc-button,
    +.full-calendar .fc-button.disabled:hover,
    +.full-calendar .fc-button[disabled]:hover,
    +fieldset[disabled] .full-calendar .fc-button:hover,
    +.full-calendar .fc-button.disabled:focus,
    +.full-calendar .fc-button[disabled]:focus,
    +fieldset[disabled] .full-calendar .fc-button:focus,
    +.full-calendar .fc-button.disabled.focus,
    +.full-calendar .fc-button[disabled].focus,
    +fieldset[disabled] .full-calendar .fc-button.focus,
    +.full-calendar .fc-button.disabled:active,
    +.full-calendar .fc-button[disabled]:active,
    +fieldset[disabled] .full-calendar .fc-button:active,
    +.full-calendar .fc-button.disabled.active,
    +.full-calendar .fc-button[disabled].active,
    +fieldset[disabled] .full-calendar .fc-button.active {
    +  background-color: #fff;
    +  border-color: #dedede;
    +}
    +.full-calendar .fc-button.fc-prev-button,
    +.full-calendar .fc-button.fc-next-button {
    +  padding-left: 7px;
    +  padding-right: 7px;
    +}
    +.full-calendar .fc-button .fc-icon:after {
    +  position: static;
    +  font-weight: 400;
    +  font-size: 21px;
    +}
    +.full-calendar .fc-state-default.fc-corner-left {
    +  border-top-left-radius: 2px;
    +  border-bottom-left-radius: 2px;
    +}
    +.full-calendar .fc-state-default.fc-corner-right {
    +  border-top-right-radius: 2px;
    +  border-bottom-right-radius: 2px;
    +}
    +@media (max-width: 767px) {
    +  .full-calendar {
    +    max-width: 767px;
    +  }
    +  .full-calendar .fc-toolbar .fc-left,
    +  .full-calendar .fc-toolbar .fc-center,
    +  .full-calendar .fc-toolbar .fc-right {
         text-align: center;
    -    border-radius: 10px;
    -    min-width: 18px;
    -    padding: 0 5px;
    -    height: 18px;
    -    font-size: 12px;
    -    color: #FFFFFF;
    -    font-weight: bold;
    -    line-height: 18px;
    -    top: 0px;
    -    left: 7px; }
    -.page-head-line {
    -    font-weight: 900;
    +    display: block;
    +    width: 100%;
    +  }
    +  .full-calendar .fc-toolbar .fc-left {
         padding-bottom: 20px;
    -    border-bottom: 2px solid #F0677C;
    -    text-transform: uppercase;
    -    color: #F0677C;
    -    font-size: 20px;
    -    margin-bottom: 40px;
    +  }
    +  .full-calendar .fc-toolbar .fc-center {
    +    padding: 0;
    +  }
     }
    -
    -.btn {
    -    border-radius: 0px;
    -    -webkit-border-radius: 0px;
    -    -moz-border-radius: 0px;
    +.fullcalendar-external-events .fc-event {
    +  margin: 2px 0;
    +  padding: 5px;
    +  background: #4285f4;
    +  color: #ffffff;
    +  font-size: .85em;
    +  cursor: pointer;
    +  display: inline-block;
    +  border-width: 0;
     }
    -
    -.progress {
    -    height: 15px;
    -    border-radius: 0px;
    -    -webkit-border-radius: 0px;
    -    -moz-border-radius: 0px;
    +.fullcalendar-external-events p input {
    +  margin-top: 15px;
     }
    -.login-icon {
    -    height: 60px;
    -width: 60px;
    -padding: 13px;
    -border-radius: 50%;
    -font-size: 30px;
    -margin-bottom: 20px;
    -color: #fff;
    -text-align: center;
    -cursor:pointer;
    -background-color:#F0677C;
    --webkit-border-radius:50%;
    -    -moz-border-radius:50%;
    -}
    -/* =============================================================
    -   HEADER SECTION STYLES
    - ============================================================ */
    -header {
    -    background-color: #F0677C;
    -    color: #fff;
    -    padding: 10px;
    -    text-align: right;
    +.fullcalendar-external-events p label {
    +  font-weight: 300;
    +  vertical-align: middle;
     }
    -
    -
    -/* =============================================================
    -   LOGO SECTION STYLES
    - ============================================================ */
    -.left-div {
    -    padding-left: 30px;
    -    margin-top: 40px;
    -    margin-bottom: 30px;
    +/*------------------------------------------------------------------
    +  [Helper classes]
    +*/
    +.xs-p-50 {
    +  padding: 50px !important;
     }
    -
    -.navbar-brand {
    -    width: 250px;
    -    padding-top: 30px;
    +.xs-pt-50 {
    +  padding-top: 50px !important;
     }
    -
    -/* USER SETTINGS DIV */
    -.user-settings-wrapper .nav > li > a {
    -    position: relative;
    -    display: block;
    -    padding: 0px 0px;
    -    border-radius: 50%;
    -    -webkit-border-radius: 50%;
    -    -moz-border-radius: 50%;
    -    height: 70px;
    -    width: 70px;
    -    background-color: #F0677C;
    -    color: #fff;
    -
    +.xs-pl-50 {
    +  padding-left: 50px !important;
     }
    -
    -.user-settings-wrapper {
    -    margin-top: 10px;
    +.xs-pr-50 {
    +  padding-right: 50px !important;
     }
    -
    -    .user-settings-wrapper li {
    -        display: inline-block;
    -    }
    -
    -    .user-settings-wrapper .dropdown-settings {
    -        width: 200px;
    -        padding: 10px;
    -    }
    -
    -    .user-settings-wrapper .nav > li > a:hover,.user-settings-wrapper .nav > li > a:focus {
    -        text-decoration: none;
    -        background-color: #C36464!important;
    -    }
    -
    -    .user-settings-wrapper img {
    -        position: relative;
    -		display: block;
    -		padding: 0px 0px;
    -		border-radius: 50%;
    -		-webkit-border-radius: 50%;
    -		-moz-border-radius: 50%;
    -		height: 70px;
    -        width: 70px;
    -        border: 0px solid #000000;
    -
    -    }
    -
    -    .user-settings-wrapper .dropdown-menu {
    -        margin: 0px;
    -        border-radius: 0px!important;
    -        -moz-border-radius: 0px!important;
    -        -webkit-border-radius: 0px!important;
    -    }
    -
    -    .user-settings-wrapper .btn {
    -        border-radius: 0px!important;
    -        -moz-border-radius: 0px!important;
    -        -webkit-border-radius: 0px!important;
    -    }
    -
    -    .user-settings-wrapper .media-heading {
    -        padding-top: 10px;
    -    }
    -
    -/* MENU LINKS SECTION*/
    -
    -.menu-section {
    -    background-color: #3D3D3D;
    +.xs-pb-50 {
    +  padding-bottom: 50px !important;
     }
    -
    -#menu-top a {
    -    color: #FFF;
    -    text-decoration: none;
    -    font-weight: 500;
    -    padding: 10px 10px 10px 10px;
    -    text-transform: uppercase;
    +.xs-m-50 {
    +  margin: 50px !important;
     }
    -
    -.menu-top-active {
    -    background-color: #C36464;
    +.xs-mt-50 {
    +  margin-top: 50px !important;
     }
    -
    -.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
    -    background-color: #F0677C!important;
    +.xs-ml-50 {
    +  margin-left: 50px !important;
     }
    -
    -.menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
    -    background-color: #F0677C!important;
    -	font color:red;
    +.xs-mr-50 {
    +  margin-right: 50px !important;
     }
    -
    -.navbar-inverse {
    -    background-color: #C36464;
    -    border-color: transparent;
    +.xs-mb-50 {
    +  margin-bottom: 50px !important;
     }
    -
    -.navbar-toggle {
    -    background-color: #F0677C;
    -    border: 1px solid #fff;
    +.xs-p-40 {
    +  padding: 40px !important;
     }
    -
    -.navbar {
    -    margin-bottom: 0px;
    +.xs-pt-40 {
    +  padding-top: 40px !important;
     }
    -/* =============================================================
    -   FOOTER SECTION STYLES
    - ============================================================ */
    -footer {
    -    padding: 10px;
    -    color: #fff;
    -    font-size: 12px;
    -    background-color: #C36464;
    +.xs-pl-40 {
    +  padding-left: 40px !important;
     }
    -
    -    footer a, footer a:hover {
    -        color: #fff;
    -        text-decoration: none;
    -    }
    -
    -/*==============================================
    -    DASHBOARD  STYLES
    - =============================================*/
    -
    -/* DASHBOARD ICONS */
    -
    -.bk-clr-one {
    -    background-color: #B9B739;
    +.xs-pr-40 {
    +  padding-right: 40px !important;
     }
    -
    -.bk-clr-two {
    -    background-color: #F94C4C;
    +.xs-pb-40 {
    +  padding-bottom: 40px !important;
     }
    -
    -.bk-clr-three {
    -    background-color: #119c7e;
    +.xs-m-40 {
    +  margin: 40px !important;
     }
    -
    -.bk-clr-four {
    -    background-color: #b739b9;
    +.xs-mt-40 {
    +  margin-top: 40px !important;
     }
    -
    -.dashboard-div-icon {
    -    height: 75px;
    -    width: 75px;
    -    border: 2px solid #fff;
    -    padding: 20px;
    -    border-radius: 50%;
    -    -webkit-border-radius:50%;
    -    -moz-border-radius:50%;
    -    font-size: 30px;
    -    margin-bottom: 20px;
    -    color: #fff;
    +.xs-ml-40 {
    +  margin-left: 40px !important;
     }
    -
    -.dashboard-div-wrapper {
    -    border-radius: 5px;
    -    text-align: center;
    -    padding: 15px;
    -    color: #fff;
    -    margin-bottom: 50px;
    +.xs-mr-40 {
    +  margin-right: 40px !important;
     }
    -
    -    .dashboard-div-wrapper .progress {
    -        height: 2px;
    -    }
    -
    -/* NOTICE BOARD */
    -
    -
    -.notice-board .panel {
    -    border-radius: 0px;
    -    -webkit-border-radius: 0px;
    -    -moz-border-radius: 0px;
    +.xs-mb-40 {
    +  margin-bottom: 40px !important;
     }
    -
    -.notice-board ul {
    -    padding-left: 0px;
    -    list-style: none;
    +.xs-p-30 {
    +  padding: 30px !important;
     }
    -
    -.notice-board li {
    -    padding: 10px;
    -    border-bottom: 1px solid #E5E5E5;
    +.xs-pt-30 {
    +  padding-top: 30px !important;
     }
    -
    -    .notice-board li span {
    -        margin-right: 10px;
    -        border: 1px solid #DBDBDB;
    -        padding: 5px;
    -    }
    -
    -    .notice-board li a, li a:hover {
    -        text-decoration: none;
    -        color: #000;
    -    }
    -
    -/* SOCIAL BUTTONS */
    -.btn-social {
    -    color: white;
    -    opacity: 0.8;
    +.xs-pl-30 {
    +  padding-left: 30px !important;
     }
    -
    -    .btn-social:hover {
    -        color: white;
    -        opacity: 1;
    -        text-decoration: none;
    -    }
    -
    -.btn-facebook {
    -    background-color: #3b5998;
    +.xs-pr-30 {
    +  padding-right: 30px !important;
     }
    -
    -.btn-twitter {
    -    background-color: #00aced;
    +.xs-pb-30 {
    +  padding-bottom: 30px !important;
     }
    -
    -.btn-linkedin {
    -    background-color: #0e76a8;
    +.xs-m-30 {
    +  margin: 30px !important;
     }
    -
    -.btn-google {
    -    background-color: #c32f10;
    +.xs-mt-30 {
    +  margin-top: 30px !important;
    +}
    +.xs-ml-30 {
    +  margin-left: 30px !important;
    +}
    +.xs-mr-30 {
    +  margin-right: 30px !important;
    +}
    +.xs-mb-30 {
    +  margin-bottom: 30px !important;
    +}
    +.xs-p-25 {
    +  padding: 25px !important;
    +}
    +.xs-pt-25 {
    +  padding-top: 25px !important;
    +}
    +.xs-pl-25 {
    +  padding-left: 25px !important;
    +}
    +.xs-pr-25 {
    +  padding-right: 25px !important;
    +}
    +.xs-pb-25 {
    +  padding-bottom: 25px !important;
    +}
    +.xs-m-25 {
    +  margin: 25px !important;
    +}
    +.xs-mt-25 {
    +  margin-top: 25px !important;
    +}
    +.xs-ml-25 {
    +  margin-left: 25px !important;
    +}
    +.xs-mr-25 {
    +  margin-right: 25px !important;
    +}
    +.xs-mb-25 {
    +  margin-bottom: 25px !important;
    +}
    +.xs-p-20 {
    +  padding: 20px !important;
    +}
    +.xs-pt-20 {
    +  padding-top: 20px !important;
    +}
    +.xs-pl-20 {
    +  padding-left: 20px !important;
    +}
    +.xs-pr-20 {
    +  padding-right: 20px !important;
    +}
    +.xs-pb-20 {
    +  padding-bottom: 20px !important;
    +}
    +.xs-m-20 {
    +  margin: 20px !important;
    +}
    +.xs-mt-20 {
    +  margin-top: 20px !important;
    +}
    +.xs-ml-20 {
    +  margin-left: 20px !important;
    +}
    +.xs-mr-20 {
    +  margin-right: 20px !important;
    +}
    +.xs-mb-20 {
    +  margin-bottom: 20px !important;
    +}
    +.xs-p-15 {
    +  padding: 15px !important;
    +}
    +.xs-pt-15 {
    +  padding-top: 15px !important;
    +}
    +.xs-pl-15 {
    +  padding-left: 15px !important;
    +}
    +.xs-pr-15 {
    +  padding-right: 15px !important;
    +}
    +.xs-pb-15 {
    +  padding-bottom: 15px !important;
    +}
    +.xs-m-15 {
    +  margin: 15px !important;
    +}
    +.xs-mt-15 {
    +  margin-top: 15px !important;
    +}
    +.xs-ml-15 {
    +  margin-left: 15px !important;
    +}
    +.xs-mr-15 {
    +  margin-right: 15px !important;
    +}
    +.xs-mb-15 {
    +  margin-bottom: 15px !important;
    +}
    +.xs-p-10 {
    +  padding: 10px !important;
    +}
    +.xs-pt-10 {
    +  padding-top: 10px !important;
    +}
    +.xs-pl-10 {
    +  padding-left: 10px !important;
    +}
    +.xs-pr-10 {
    +  padding-right: 10px !important;
    +}
    +.xs-pb-10 {
    +  padding-bottom: 10px !important;
    +}
    +.xs-m-10 {
    +  margin: 10px !important;
    +}
    +.xs-mt-10 {
    +  margin-top: 10px !important;
    +}
    +.xs-ml-10 {
    +  margin-left: 10px !important;
    +}
    +.xs-mr-10 {
    +  margin-right: 10px !important;
    +}
    +.xs-mb-10 {
    +  margin-bottom: 10px !important;
    +}
    +.xs-p-5 {
    +  padding: 5px !important;
    +}
    +.xs-pt-5 {
    +  padding-top: 5px !important;
    +}
    +.xs-pl-5 {
    +  padding-left: 5px !important;
    +}
    +.xs-pr-5 {
    +  padding-right: 5px !important;
    +}
    +.xs-pb-5 {
    +  padding-bottom: 5px !important;
    +}
    +.xs-m-5 {
    +  margin: 5px !important;
    +}
    +.xs-mt-5 {
    +  margin-top: 5px !important;
    +}
    +.xs-ml-5 {
    +  margin-left: 5px !important;
    +}
    +.xs-mr-5 {
    +  margin-right: 5px !important;
    +}
    +.xs-mb-5 {
    +  margin-bottom: 5px !important;
    +}
    +.xs-p-0 {
    +  padding: 0px !important;
    +}
    +.xs-pt-0 {
    +  padding-top: 0px !important;
    +}
    +.xs-pl-0 {
    +  padding-left: 0px !important;
    +}
    +.xs-pr-0 {
    +  padding-right: 0px !important;
    +}
    +.xs-pb-0 {
    +  padding-bottom: 0px !important;
    +}
    +.xs-m-0 {
    +  margin: 0px !important;
    +}
    +.xs-mt-0 {
    +  margin-top: 0px !important;
    +}
    +.xs-ml-0 {
    +  margin-left: 0px !important;
    +}
    +.xs-mr-0 {
    +  margin-right: 0px !important;
    +}
    +.xs-mb-0 {
    +  margin-bottom: 0px !important;
    +}
    +@media (min-width: 768px) {
    +  .sm-p-50 {
    +    padding: 50px !important;
    +  }
    +  .sm-pt-50 {
    +    padding-top: 50px !important;
    +  }
    +  .sm-pl-50 {
    +    padding-left: 50px !important;
    +  }
    +  .sm-pr-50 {
    +    padding-right: 50px !important;
    +  }
    +  .sm-pb-50 {
    +    padding-bottom: 50px !important;
    +  }
    +  .sm-m-50 {
    +    margin: 50px !important;
    +  }
    +  .sm-mt-50 {
    +    margin-top: 50px !important;
    +  }
    +  .sm-ml-50 {
    +    margin-left: 50px !important;
    +  }
    +  .sm-mr-50 {
    +    margin-right: 50px !important;
    +  }
    +  .sm-mb-50 {
    +    margin-bottom: 50px !important;
    +  }
    +  .sm-p-40 {
    +    padding: 40px !important;
    +  }
    +  .sm-pt-40 {
    +    padding-top: 40px !important;
    +  }
    +  .sm-pl-40 {
    +    padding-left: 40px !important;
    +  }
    +  .sm-pr-40 {
    +    padding-right: 40px !important;
    +  }
    +  .sm-pb-40 {
    +    padding-bottom: 40px !important;
    +  }
    +  .sm-m-40 {
    +    margin: 40px !important;
    +  }
    +  .sm-mt-40 {
    +    margin-top: 40px !important;
    +  }
    +  .sm-ml-40 {
    +    margin-left: 40px !important;
    +  }
    +  .sm-mr-40 {
    +    margin-right: 40px !important;
    +  }
    +  .sm-mb-40 {
    +    margin-bottom: 40px !important;
    +  }
    +  .sm-p-30 {
    +    padding: 30px !important;
    +  }
    +  .sm-pt-30 {
    +    padding-top: 30px !important;
    +  }
    +  .sm-pl-30 {
    +    padding-left: 30px !important;
    +  }
    +  .sm-pr-30 {
    +    padding-right: 30px !important;
    +  }
    +  .sm-pb-30 {
    +    padding-bottom: 30px !important;
    +  }
    +  .sm-m-30 {
    +    margin: 30px !important;
    +  }
    +  .sm-mt-30 {
    +    margin-top: 30px !important;
    +  }
    +  .sm-ml-30 {
    +    margin-left: 30px !important;
    +  }
    +  .sm-mr-30 {
    +    margin-right: 30px !important;
    +  }
    +  .sm-mb-30 {
    +    margin-bottom: 30px !important;
    +  }
    +  .sm-p-25 {
    +    padding: 25px !important;
    +  }
    +  .sm-pt-25 {
    +    padding-top: 25px !important;
    +  }
    +  .sm-pl-25 {
    +    padding-left: 25px !important;
    +  }
    +  .sm-pr-25 {
    +    padding-right: 25px !important;
    +  }
    +  .sm-pb-25 {
    +    padding-bottom: 25px !important;
    +  }
    +  .sm-m-25 {
    +    margin: 25px !important;
    +  }
    +  .sm-mt-25 {
    +    margin-top: 25px !important;
    +  }
    +  .sm-ml-25 {
    +    margin-left: 25px !important;
    +  }
    +  .sm-mr-25 {
    +    margin-right: 25px !important;
    +  }
    +  .sm-mb-25 {
    +    margin-bottom: 25px !important;
    +  }
    +  .sm-p-20 {
    +    padding: 20px !important;
    +  }
    +  .sm-pt-20 {
    +    padding-top: 20px !important;
    +  }
    +  .sm-pl-20 {
    +    padding-left: 20px !important;
    +  }
    +  .sm-pr-20 {
    +    padding-right: 20px !important;
    +  }
    +  .sm-pb-20 {
    +    padding-bottom: 20px !important;
    +  }
    +  .sm-m-20 {
    +    margin: 20px !important;
    +  }
    +  .sm-mt-20 {
    +    margin-top: 20px !important;
    +  }
    +  .sm-ml-20 {
    +    margin-left: 20px !important;
    +  }
    +  .sm-mr-20 {
    +    margin-right: 20px !important;
    +  }
    +  .sm-mb-20 {
    +    margin-bottom: 20px !important;
    +  }
    +  .sm-p-15 {
    +    padding: 15px !important;
    +  }
    +  .sm-pt-15 {
    +    padding-top: 15px !important;
    +  }
    +  .sm-pl-15 {
    +    padding-left: 15px !important;
    +  }
    +  .sm-pr-15 {
    +    padding-right: 15px !important;
    +  }
    +  .sm-pb-15 {
    +    padding-bottom: 15px !important;
    +  }
    +  .sm-m-15 {
    +    margin: 15px !important;
    +  }
    +  .sm-mt-15 {
    +    margin-top: 15px !important;
    +  }
    +  .sm-ml-15 {
    +    margin-left: 15px !important;
    +  }
    +  .sm-mr-15 {
    +    margin-right: 15px !important;
    +  }
    +  .sm-mb-15 {
    +    margin-bottom: 15px !important;
    +  }
    +  .sm-p-10 {
    +    padding: 10px !important;
    +  }
    +  .sm-pt-10 {
    +    padding-top: 10px !important;
    +  }
    +  .sm-pl-10 {
    +    padding-left: 10px !important;
    +  }
    +  .sm-pr-10 {
    +    padding-right: 10px !important;
    +  }
    +  .sm-pb-10 {
    +    padding-bottom: 10px !important;
    +  }
    +  .sm-m-10 {
    +    margin: 10px !important;
    +  }
    +  .sm-mt-10 {
    +    margin-top: 10px !important;
    +  }
    +  .sm-ml-10 {
    +    margin-left: 10px !important;
    +  }
    +  .sm-mr-10 {
    +    margin-right: 10px !important;
    +  }
    +  .sm-mb-10 {
    +    margin-bottom: 10px !important;
    +  }
    +  .sm-p-5 {
    +    padding: 5px !important;
    +  }
    +  .sm-pt-5 {
    +    padding-top: 5px !important;
    +  }
    +  .sm-pl-5 {
    +    padding-left: 5px !important;
    +  }
    +  .sm-pr-5 {
    +    padding-right: 5px !important;
    +  }
    +  .sm-pb-5 {
    +    padding-bottom: 5px !important;
    +  }
    +  .sm-m-5 {
    +    margin: 5px !important;
    +  }
    +  .sm-mt-5 {
    +    margin-top: 5px !important;
    +  }
    +  .sm-ml-5 {
    +    margin-left: 5px !important;
    +  }
    +  .sm-mr-5 {
    +    margin-right: 5px !important;
    +  }
    +  .sm-mb-5 {
    +    margin-bottom: 5px !important;
    +  }
    +  .sm-p-0 {
    +    padding: 0px !important;
    +  }
    +  .sm-pt-0 {
    +    padding-top: 0px !important;
    +  }
    +  .sm-pl-0 {
    +    padding-left: 0px !important;
    +  }
    +  .sm-pr-0 {
    +    padding-right: 0px !important;
    +  }
    +  .sm-pb-0 {
    +    padding-bottom: 0px !important;
    +  }
    +  .sm-m-0 {
    +    margin: 0px !important;
    +  }
    +  .sm-mt-0 {
    +    margin-top: 0px !important;
    +  }
    +  .sm-ml-0 {
    +    margin-left: 0px !important;
    +  }
    +  .sm-mr-0 {
    +    margin-right: 0px !important;
    +  }
    +  .sm-mb-0 {
    +    margin-bottom: 0px !important;
    +  }
    +}
    +@media (min-width: 992px) {
    +  .md-p-50 {
    +    padding: 50px !important;
    +  }
    +  .md-pt-50 {
    +    padding-top: 50px !important;
    +  }
    +  .md-pl-50 {
    +    padding-left: 50px !important;
    +  }
    +  .md-pr-50 {
    +    padding-right: 50px !important;
    +  }
    +  .md-pb-50 {
    +    padding-bottom: 50px !important;
    +  }
    +  .md-m-50 {
    +    margin: 50px !important;
    +  }
    +  .md-mt-50 {
    +    margin-top: 50px !important;
    +  }
    +  .md-ml-50 {
    +    margin-left: 50px !important;
    +  }
    +  .md-mr-50 {
    +    margin-right: 50px !important;
    +  }
    +  .md-mb-50 {
    +    margin-bottom: 50px !important;
    +  }
    +  .md-p-40 {
    +    padding: 40px !important;
    +  }
    +  .md-pt-40 {
    +    padding-top: 40px !important;
    +  }
    +  .md-pl-40 {
    +    padding-left: 40px !important;
    +  }
    +  .md-pr-40 {
    +    padding-right: 40px !important;
    +  }
    +  .md-pb-40 {
    +    padding-bottom: 40px !important;
    +  }
    +  .md-m-40 {
    +    margin: 40px !important;
    +  }
    +  .md-mt-40 {
    +    margin-top: 40px !important;
    +  }
    +  .md-ml-40 {
    +    margin-left: 40px !important;
    +  }
    +  .md-mr-40 {
    +    margin-right: 40px !important;
    +  }
    +  .md-mb-40 {
    +    margin-bottom: 40px !important;
    +  }
    +  .md-p-30 {
    +    padding: 30px !important;
    +  }
    +  .md-pt-30 {
    +    padding-top: 30px !important;
    +  }
    +  .md-pl-30 {
    +    padding-left: 30px !important;
    +  }
    +  .md-pr-30 {
    +    padding-right: 30px !important;
    +  }
    +  .md-pb-30 {
    +    padding-bottom: 30px !important;
    +  }
    +  .md-m-30 {
    +    margin: 30px !important;
    +  }
    +  .md-mt-30 {
    +    margin-top: 30px !important;
    +  }
    +  .md-ml-30 {
    +    margin-left: 30px !important;
    +  }
    +  .md-mr-30 {
    +    margin-right: 30px !important;
    +  }
    +  .md-mb-30 {
    +    margin-bottom: 30px !important;
    +  }
    +  .md-p-25 {
    +    padding: 25px !important;
    +  }
    +  .md-pt-25 {
    +    padding-top: 25px !important;
    +  }
    +  .md-pl-25 {
    +    padding-left: 25px !important;
    +  }
    +  .md-pr-25 {
    +    padding-right: 25px !important;
    +  }
    +  .md-pb-25 {
    +    padding-bottom: 25px !important;
    +  }
    +  .md-m-25 {
    +    margin: 25px !important;
    +  }
    +  .md-mt-25 {
    +    margin-top: 25px !important;
    +  }
    +  .md-ml-25 {
    +    margin-left: 25px !important;
    +  }
    +  .md-mr-25 {
    +    margin-right: 25px !important;
    +  }
    +  .md-mb-25 {
    +    margin-bottom: 25px !important;
    +  }
    +  .md-p-20 {
    +    padding: 20px !important;
    +  }
    +  .md-pt-20 {
    +    padding-top: 20px !important;
    +  }
    +  .md-pl-20 {
    +    padding-left: 20px !important;
    +  }
    +  .md-pr-20 {
    +    padding-right: 20px !important;
    +  }
    +  .md-pb-20 {
    +    padding-bottom: 20px !important;
    +  }
    +  .md-m-20 {
    +    margin: 20px !important;
    +  }
    +  .md-mt-20 {
    +    margin-top: 20px !important;
    +  }
    +  .md-ml-20 {
    +    margin-left: 20px !important;
    +  }
    +  .md-mr-20 {
    +    margin-right: 20px !important;
    +  }
    +  .md-mb-20 {
    +    margin-bottom: 20px !important;
    +  }
    +  .md-p-15 {
    +    padding: 15px !important;
    +  }
    +  .md-pt-15 {
    +    padding-top: 15px !important;
    +  }
    +  .md-pl-15 {
    +    padding-left: 15px !important;
    +  }
    +  .md-pr-15 {
    +    padding-right: 15px !important;
    +  }
    +  .md-pb-15 {
    +    padding-bottom: 15px !important;
    +  }
    +  .md-m-15 {
    +    margin: 15px !important;
    +  }
    +  .md-mt-15 {
    +    margin-top: 15px !important;
    +  }
    +  .md-ml-15 {
    +    margin-left: 15px !important;
    +  }
    +  .md-mr-15 {
    +    margin-right: 15px !important;
    +  }
    +  .md-mb-15 {
    +    margin-bottom: 15px !important;
    +  }
    +  .md-p-10 {
    +    padding: 10px !important;
    +  }
    +  .md-pt-10 {
    +    padding-top: 10px !important;
    +  }
    +  .md-pl-10 {
    +    padding-left: 10px !important;
    +  }
    +  .md-pr-10 {
    +    padding-right: 10px !important;
    +  }
    +  .md-pb-10 {
    +    padding-bottom: 10px !important;
    +  }
    +  .md-m-10 {
    +    margin: 10px !important;
    +  }
    +  .md-mt-10 {
    +    margin-top: 10px !important;
    +  }
    +  .md-ml-10 {
    +    margin-left: 10px !important;
    +  }
    +  .md-mr-10 {
    +    margin-right: 10px !important;
    +  }
    +  .md-mb-10 {
    +    margin-bottom: 10px !important;
    +  }
    +  .md-p-5 {
    +    padding: 5px !important;
    +  }
    +  .md-pt-5 {
    +    padding-top: 5px !important;
    +  }
    +  .md-pl-5 {
    +    padding-left: 5px !important;
    +  }
    +  .md-pr-5 {
    +    padding-right: 5px !important;
    +  }
    +  .md-pb-5 {
    +    padding-bottom: 5px !important;
    +  }
    +  .md-m-5 {
    +    margin: 5px !important;
    +  }
    +  .md-mt-5 {
    +    margin-top: 5px !important;
    +  }
    +  .md-ml-5 {
    +    margin-left: 5px !important;
    +  }
    +  .md-mr-5 {
    +    margin-right: 5px !important;
    +  }
    +  .md-mb-5 {
    +    margin-bottom: 5px !important;
    +  }
    +  .md-p-0 {
    +    padding: 0px !important;
    +  }
    +  .md-pt-0 {
    +    padding-top: 0px !important;
    +  }
    +  .md-pl-0 {
    +    padding-left: 0px !important;
    +  }
    +  .md-pr-0 {
    +    padding-right: 0px !important;
    +  }
    +  .md-pb-0 {
    +    padding-bottom: 0px !important;
    +  }
    +  .md-m-0 {
    +    margin: 0px !important;
    +  }
    +  .md-mt-0 {
    +    margin-top: 0px !important;
    +  }
    +  .md-ml-0 {
    +    margin-left: 0px !important;
    +  }
    +  .md-mr-0 {
    +    margin-right: 0px !important;
    +  }
    +  .md-mb-0 {
    +    margin-bottom: 0px !important;
    +  }
    +}
    +@media (min-width: 1200px) {
    +  .lg-p-200 {
    +    padding: 200px !important;
    +  }
    +  .lg-pt-200 {
    +    padding-top: 200px !important;
    +  }
    +  .lg-pl-200 {
    +    padding-left: 200px !important;
    +  }
    +  .lg-pr-200 {
    +    padding-right: 200px !important;
    +  }
    +  .lg-pb-200 {
    +    padding-bottom: 200px !important;
    +  }
    +  .lg-m-200 {
    +    margin: 200px !important;
    +  }
    +  .lg-mt-200 {
    +    margin-top: 200px !important;
    +  }
    +  .lg-ml-200 {
    +    margin-left: 200px !important;
    +  }
    +  .lg-mr-200 {
    +    margin-right: 200px !important;
    +  }
    +  .lg-mb-200 {
    +    margin-bottom: 200px !important;
    +  }
    +  .lg-p-150 {
    +    padding: 150px !important;
    +  }
    +  .lg-pt-150 {
    +    padding-top: 150px !important;
    +  }
    +  .lg-pl-150 {
    +    padding-left: 150px !important;
    +  }
    +  .lg-pr-150 {
    +    padding-right: 150px !important;
    +  }
    +  .lg-pb-150 {
    +    padding-bottom: 150px !important;
    +  }
    +  .lg-m-150 {
    +    margin: 150px !important;
    +  }
    +  .lg-mt-150 {
    +    margin-top: 150px !important;
    +  }
    +  .lg-ml-150 {
    +    margin-left: 150px !important;
    +  }
    +  .lg-mr-150 {
    +    margin-right: 150px !important;
    +  }
    +  .lg-mb-150 {
    +    margin-bottom: 150px !important;
    +  }
    +  .lg-p-100 {
    +    padding: 100px !important;
    +  }
    +  .lg-pt-100 {
    +    padding-top: 100px !important;
    +  }
    +  .lg-pl-100 {
    +    padding-left: 100px !important;
    +  }
    +  .lg-pr-100 {
    +    padding-right: 100px !important;
    +  }
    +  .lg-pb-100 {
    +    padding-bottom: 100px !important;
    +  }
    +  .lg-m-100 {
    +    margin: 100px !important;
    +  }
    +  .lg-mt-100 {
    +    margin-top: 100px !important;
    +  }
    +  .lg-ml-100 {
    +    margin-left: 100px !important;
    +  }
    +  .lg-mr-100 {
    +    margin-right: 100px !important;
    +  }
    +  .lg-mb-100 {
    +    margin-bottom: 100px !important;
    +  }
    +  .lg-p-50 {
    +    padding: 50px !important;
    +  }
    +  .lg-pt-50 {
    +    padding-top: 50px !important;
    +  }
    +  .lg-pl-50 {
    +    padding-left: 50px !important;
    +  }
    +  .lg-pr-50 {
    +    padding-right: 50px !important;
    +  }
    +  .lg-pb-50 {
    +    padding-bottom: 50px !important;
    +  }
    +  .lg-m-50 {
    +    margin: 50px !important;
    +  }
    +  .lg-mt-50 {
    +    margin-top: 50px !important;
    +  }
    +  .lg-ml-50 {
    +    margin-left: 50px !important;
    +  }
    +  .lg-mr-50 {
    +    margin-right: 50px !important;
    +  }
    +  .lg-mb-50 {
    +    margin-bottom: 50px !important;
    +  }
    +  .lg-p-40 {
    +    padding: 40px !important;
    +  }
    +  .lg-pt-40 {
    +    padding-top: 40px !important;
    +  }
    +  .lg-pl-40 {
    +    padding-left: 40px !important;
    +  }
    +  .lg-pr-40 {
    +    padding-right: 40px !important;
    +  }
    +  .lg-pb-40 {
    +    padding-bottom: 40px !important;
    +  }
    +  .lg-m-40 {
    +    margin: 40px !important;
    +  }
    +  .lg-mt-40 {
    +    margin-top: 40px !important;
    +  }
    +  .lg-ml-40 {
    +    margin-left: 40px !important;
    +  }
    +  .lg-mr-40 {
    +    margin-right: 40px !important;
    +  }
    +  .lg-mb-40 {
    +    margin-bottom: 40px !important;
    +  }
    +  .lg-p-30 {
    +    padding: 30px !important;
    +  }
    +  .lg-pt-30 {
    +    padding-top: 30px !important;
    +  }
    +  .lg-pl-30 {
    +    padding-left: 30px !important;
    +  }
    +  .lg-pr-30 {
    +    padding-right: 30px !important;
    +  }
    +  .lg-pb-30 {
    +    padding-bottom: 30px !important;
    +  }
    +  .lg-m-30 {
    +    margin: 30px !important;
    +  }
    +  .lg-mt-30 {
    +    margin-top: 30px !important;
    +  }
    +  .lg-ml-30 {
    +    margin-left: 30px !important;
    +  }
    +  .lg-mr-30 {
    +    margin-right: 30px !important;
    +  }
    +  .lg-mb-30 {
    +    margin-bottom: 30px !important;
    +  }
    +  .lg-p-25 {
    +    padding: 25px !important;
    +  }
    +  .lg-pt-25 {
    +    padding-top: 25px !important;
    +  }
    +  .lg-pl-25 {
    +    padding-left: 25px !important;
    +  }
    +  .lg-pr-25 {
    +    padding-right: 25px !important;
    +  }
    +  .lg-pb-25 {
    +    padding-bottom: 25px !important;
    +  }
    +  .lg-m-25 {
    +    margin: 25px !important;
    +  }
    +  .lg-mt-25 {
    +    margin-top: 25px !important;
    +  }
    +  .lg-ml-25 {
    +    margin-left: 25px !important;
    +  }
    +  .lg-mr-25 {
    +    margin-right: 25px !important;
    +  }
    +  .lg-mb-25 {
    +    margin-bottom: 25px !important;
    +  }
    +  .lg-p-20 {
    +    padding: 20px !important;
    +  }
    +  .lg-pt-20 {
    +    padding-top: 20px !important;
    +  }
    +  .lg-pl-20 {
    +    padding-left: 20px !important;
    +  }
    +  .lg-pr-20 {
    +    padding-right: 20px !important;
    +  }
    +  .lg-pb-20 {
    +    padding-bottom: 20px !important;
    +  }
    +  .lg-m-20 {
    +    margin: 20px !important;
    +  }
    +  .lg-mt-20 {
    +    margin-top: 20px !important;
    +  }
    +  .lg-ml-20 {
    +    margin-left: 20px !important;
    +  }
    +  .lg-mr-20 {
    +    margin-right: 20px !important;
    +  }
    +  .lg-mb-20 {
    +    margin-bottom: 20px !important;
    +  }
    +  .lg-p-15 {
    +    padding: 15px !important;
    +  }
    +  .lg-pt-15 {
    +    padding-top: 15px !important;
    +  }
    +  .lg-pl-15 {
    +    padding-left: 15px !important;
    +  }
    +  .lg-pr-15 {
    +    padding-right: 15px !important;
    +  }
    +  .lg-pb-15 {
    +    padding-bottom: 15px !important;
    +  }
    +  .lg-m-15 {
    +    margin: 15px !important;
    +  }
    +  .lg-mt-15 {
    +    margin-top: 15px !important;
    +  }
    +  .lg-ml-15 {
    +    margin-left: 15px !important;
    +  }
    +  .lg-mr-15 {
    +    margin-right: 15px !important;
    +  }
    +  .lg-mb-15 {
    +    margin-bottom: 15px !important;
    +  }
    +  .lg-p-10 {
    +    padding: 10px !important;
    +  }
    +  .lg-pt-10 {
    +    padding-top: 10px !important;
    +  }
    +  .lg-pl-10 {
    +    padding-left: 10px !important;
    +  }
    +  .lg-pr-10 {
    +    padding-right: 10px !important;
    +  }
    +  .lg-pb-10 {
    +    padding-bottom: 10px !important;
    +  }
    +  .lg-m-10 {
    +    margin: 10px !important;
    +  }
    +  .lg-mt-10 {
    +    margin-top: 10px !important;
    +  }
    +  .lg-ml-10 {
    +    margin-left: 10px !important;
    +  }
    +  .lg-mr-10 {
    +    margin-right: 10px !important;
    +  }
    +  .lg-mb-10 {
    +    margin-bottom: 10px !important;
    +  }
    +  .lg-p-5 {
    +    padding: 5px !important;
    +  }
    +  .lg-pt-5 {
    +    padding-top: 5px !important;
    +  }
    +  .lg-pl-5 {
    +    padding-left: 5px !important;
    +  }
    +  .lg-pr-5 {
    +    padding-right: 5px !important;
    +  }
    +  .lg-pb-5 {
    +    padding-bottom: 5px !important;
    +  }
    +  .lg-m-5 {
    +    margin: 5px !important;
    +  }
    +  .lg-mt-5 {
    +    margin-top: 5px !important;
    +  }
    +  .lg-ml-5 {
    +    margin-left: 5px !important;
    +  }
    +  .lg-mr-5 {
    +    margin-right: 5px !important;
    +  }
    +  .lg-mb-5 {
    +    margin-bottom: 5px !important;
    +  }
    +  .lg-p-0 {
    +    padding: 0px !important;
    +  }
    +  .lg-pt-0 {
    +    padding-top: 0px !important;
    +  }
    +  .lg-pl-0 {
    +    padding-left: 0px !important;
    +  }
    +  .lg-pr-0 {
    +    padding-right: 0px !important;
    +  }
    +  .lg-pb-0 {
    +    padding-bottom: 0px !important;
    +  }
    +  .lg-m-0 {
    +    margin: 0px !important;
    +  }
    +  .lg-mt-0 {
    +    margin-top: 0px !important;
    +  }
    +  .lg-ml-0 {
    +    margin-left: 0px !important;
    +  }
    +  .lg-mr-0 {
    +    margin-right: 0px !important;
    +  }
    +  .lg-mb-0 {
    +    margin-bottom: 0px !important;
    +  }
     }
    diff --git a/public/assets/css/style.less b/public/assets/css/style.less
    new file mode 100644
    index 0000000..9d6d2e8
    --- /dev/null
    +++ b/public/assets/css/style.less
    @@ -0,0 +1,133 @@
    +//Table of content
    +@import "includes/table-of-content.less";
    +
    +//Bootstrap files
    +/*------------------------------------------------------------------
    +[Bootstrap CSS]
    +*/
    +@import "../lib/bootstrap/less/bootstrap.less";
    +
    +//Plgins source code
    +@import "../html/assets/lib/jquery.niftymodals/src/less/style-bootstrap.less";
    +
    +//Config variables
    +@import "includes/config.less";
    +@import "includes/bootstrap-variables.less";
    +
    +//Mixins
    +@import "includes/structure/sidebars-push-effect.less";
    +@import "includes/mixins/triangle.less";
    +@import "includes/mixins/font-size.less";
    +
    +//General style
    +@import "includes/general.less";
    +
    +//Fonts
    +@import "includes/fonts/roboto.less";
    +
    +//Structure
    +@import "includes/structure/main-wrapper.less";
    +@import "includes/structure/top-header.less";
    +@import "includes/structure/top-header/icons-nav.less";
    +@import "includes/structure/top-header/user-dropdown.less";
    +@import "includes/structure/top-header/notifications-dropdown.less";
    +@import "includes/structure/top-header/connections-dropdown.less";
    +@import "includes/structure/left-sidebar.less";
    +@import "includes/structure/left-sidebar/progress-widget.less";
    +@import "includes/structure/right-sidebar.less";
    +@import "includes/structure/right-sidebar/tab-chat.less";
    +@import "includes/structure/right-sidebar/tab-todo.less";
    +@import "includes/structure/right-sidebar/tab-settings.less";
    +@import "includes/structure/main-content.less";
    +@import "includes/structure/page-head.less";
    +@import "includes/structure/page-aside.less";
    +@import "includes/structure/splash-screen.less";
    +@import "includes/structure/scroll-top.less";
    +
    +//Forms
    +@import "includes/forms/switch-button.less";
    +
    +//Elements
    +@import "includes/elements/widgets.less";
    +@import "includes/elements/charts.less";
    +@import "includes/elements/colors.less";
    +@import "includes/elements/grid.less";
    +@import "includes/elements/icons.less";
    +@import "includes/elements/loader.less";
    +@import "includes/elements/code.less";
    +@import "includes/elements/divider.less";
    +@import "includes/elements/pricing-tables.less";
    +@import "includes/elements/timeline.less";
    +@import "includes/elements/invoice.less";
    +
    +//Widgets
    +@import "includes/elements/widgets/calendar.less";
    +@import "includes/elements/widgets/map.less";
    +@import "includes/elements/widgets/tiles.less";
    +@import "includes/elements/widgets/user-profile-display.less";
    +@import "includes/elements/widgets/user-info-list.less";
    +@import "includes/elements/widgets/user-progress.less";
    +@import "includes/elements/widgets/user-timeline.less";
    +
    +//Specific pages style
    +@import "includes/pages/login.less";
    +@import "includes/pages/404.less";
    +@import "includes/pages/sign-up.less";
    +@import "includes/pages/forgot-password.less";
    +@import "includes/pages/gallery.less";
    +@import "includes/pages/email.less";
    +
    +//Bootstrap elements
    +@import "includes/bootstrap/mixins/alerts.less";
    +@import "includes/bootstrap/mixins/buttons.less";
    +@import "includes/bootstrap/mixins/table-row.less";
    +@import "includes/bootstrap/mixins/panels.less";
    +@import "includes/bootstrap/mixins/modals.less";
    +@import "includes/bootstrap/mixins/dropdown.less";
    +@import "includes/bootstrap/mixins/labels.less";
    +@import "includes/bootstrap/mixins/badges.less";
    +@import "includes/bootstrap/mixins/tabs.less";
    +@import "includes/bootstrap/mixins/forms.less";
    +
    +@import "includes/bootstrap/grid.less";
    +@import "includes/bootstrap/images.less";
    +@import "includes/bootstrap/code.less";
    +@import "includes/bootstrap/buttons.less";
    +@import "includes/bootstrap/button-group.less";
    +@import "includes/bootstrap/breadcrumbs.less";
    +@import "includes/bootstrap/panels.less";
    +@import "includes/bootstrap/dropdowns.less";
    +@import "includes/bootstrap/accordions.less";
    +@import "includes/bootstrap/tabs.less";
    +@import "includes/bootstrap/modals.less";
    +@import "includes/bootstrap/alerts.less";
    +@import "includes/bootstrap/tables.less";
    +@import "includes/bootstrap/badges.less";
    +@import "includes/bootstrap/labels.less";
    +@import "includes/bootstrap/popovers.less";
    +@import "includes/bootstrap/list-group.less";
    +@import "includes/bootstrap/type.less";
    +@import "includes/bootstrap/wells.less";
    +@import "includes/bootstrap/progress-bars.less";
    +@import "includes/bootstrap/pagination.less";
    +@import "includes/bootstrap/forms.less";
    +@import "includes/bootstrap/input-groups.less";
    +
    +//Plugins
    +@import "includes/plugins/perfect-scrollbar.less";
    +@import "includes/plugins/gritter.less";
    +@import "includes/plugins/dropzone.less";
    +@import "includes/plugins/wizard.less";
    +@import "includes/plugins/nestable-lists.less";
    +@import "includes/plugins/datetimepicker.less";
    +@import "includes/plugins/select2.less";
    +@import "includes/plugins/slider.less";
    +@import "includes/plugins/summernote.less";
    +@import "includes/plugins/bootstrap-markdown.less";
    +@import "includes/plugins/parsley.less";
    +@import "includes/plugins/datatables.less";
    +@import "includes/plugins/vector-maps.less";
    +@import "includes/plugins/full-calendar.less";
    +
    +//Helper classes
    +@import "includes/helpers.less";
    \ No newline at end of file
    diff --git a/public/assets/css/style.min.css b/public/assets/css/style.min.css
    new file mode 100644
    index 0000000..2304eda
    --- /dev/null
    +++ b/public/assets/css/style.min.css
    @@ -0,0 +1,10 @@
    +/*!
    + * beagle v1.1.1 (http://foxythemes.net/themes/beagle)
    + * Copyright 2014-2016 Foxy Themes all rights reserved 
    + */
    +
    +/*!
    + * Bootstrap v3.3.7 (http://getbootstrap.com)
    + * Copyright 2011-2016 Twitter, Inc.
    + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */hr,img{border:0}body,figure{margin:0}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:middle}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.glyphicon,address{font-style:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button.close,input.form-control,textarea.form-control{-webkit-appearance:none}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot);src:url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;font-size:13px;line-height:1.42857143;color:#404040}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#4285f4;text-decoration:none}a:focus,a:hover{color:#0d5bdd}a:focus{outline-offset:-2px}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#EEE;border:1px solid #ddd;border-radius:2px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.list-inline,.list-unstyled{padding-left:0;list-style:none}.img-circle{border-radius:50%}hr{margin-top:18px;margin-bottom:18px;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:300;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{line-height:1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:33px}.h2,h2{font-size:27px}.h3,h3{font-size:23px}.h4,h4{font-size:17px}.h5,h5{font-size:13px}.h6,h6{font-size:12px}.lead{margin-bottom:18px;font-weight:300}dt,kbd kbd{font-weight:700}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#4285f4}a.text-primary:focus,a.text-primary:hover{color:#1266f1}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.bg-primary{color:#fff;background-color:#4285f4}a.bg-primary:focus,a.bg-primary:hover{background-color:#1266f1}.bg-success{background-color:#34a853}a.bg-success:focus,a.bg-success:hover{background-color:#288140}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#ea4335}a.bg-danger:focus,a.bg-danger:hover{background-color:#d62516}code,pre{background-color:#fafafa}pre code,table{background-color:transparent}.page-header{padding-bottom:8px;margin:36px 0 18px;border-bottom:1px solid #eee}dl,ol,ul{margin-top:0}ol,ul{margin-bottom:9px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}address,dl{margin-bottom:18px}.list-inline{margin-left:-5px}.list-inline ol,.list-inline ul{padding-left:40px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dd,dt{line-height:1.42857143}dd{margin-left:0}@media (min-width:768px){.lead{font-size:19.5px}.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.dropdown-menu>li>a,.form-horizontal .form-group:after,.fuelux .wizard:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after,.widget-chart-info:after,.widget-head:after{clear:both}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:9px 18px;margin:0 0 18px;font-size:17px;border-left:5px solid #eee}blockquote .small,blockquote footer,blockquote small{display:block;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}code,kbd{padding:2px 4px;font-size:90%;border-radius:2px}caption,th{text-align:left}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{color:#4285F4}kbd{color:#fff;background-color:#333;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}.checkbox label,.checkbox-inline,.radio label,.radio-inline{font-weight:400;padding-left:20px;cursor:pointer;margin-bottom:0}pre{display:block;margin:0 0 9px;font-size:12px;line-height:1.42857143;word-break:break-all;word-wrap:break-word}.container,.container-fluid{margin-right:auto;margin-left:auto}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;border-radius:0}.container,.container-fluid{padding-left:15px;padding-right:15px}.pre-scrollable{overflow-y:scroll}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}caption{padding-top:12px 10px;padding-bottom:12px 10px;color:#777}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.active,.table>tbody>tr>td.danger,.table>tbody>tr>td.info,.table>tbody>tr>td.success,.table>tbody>tr>td.warning,.table>tbody>tr>th.active,.table>tbody>tr>th.danger,.table>tbody>tr>th.info,.table>tbody>tr>th.success,.table>tbody>tr>th.warning,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.active,.table>tfoot>tr>td.danger,.table>tfoot>tr>td.info,.table>tfoot>tr>td.success,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.active,.table>tfoot>tr>th.danger,.table>tfoot>tr>th.info,.table>tfoot>tr>th.success,.table>tfoot>tr>th.warning,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.active,.table>thead>tr>td.danger,.table>thead>tr>td.info,.table>thead>tr>td.success,.table>thead>tr>td.warning,.table>thead>tr>th.active,.table>thead>tr>th.danger,.table>thead>tr>th.info,.table>thead>tr>th.success,.table>thead>tr>th.warning{color:#fff}.table{width:100%;max-width:100%;margin-bottom:18px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:12px 10px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#EEE}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:7px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f5f5f5}.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f0f0f0}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.dropdown-menu{float:left}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e3e3e3}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#34a853}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#2e9549}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#ea4335}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#e82e1e}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:13.5px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset,legend{padding:0;border:0}fieldset{margin:0;min-width:0}legend{display:block;width:100%;margin-bottom:18px;font-size:19.5px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%}input[type=search]{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}.form-control,output{line-height:1.42857143;color:#404040;display:block}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}output{padding-top:11px;font-size:13px}.form-control{width:100%;height:48px;background-color:#fff;background-image:none;border:1px solid #d5d8de;border-radius:2px}.form-control:focus{border-color:#4285f4;outline:0}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#37b358}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:48px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:37px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:57px}}.form-group{margin-bottom:20px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:18px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px\9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;vertical-align:middle}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:11px;padding-bottom:11px;margin-bottom:0;min-height:31px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{line-height:1.6;border-radius:2px}select.input-sm{height:37px;line-height:37px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:37px;padding:5px 9px;font-size:12px;line-height:1.6;border-radius:2px}.form-group-sm select.form-control{height:37px;line-height:37px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:37px;min-height:30px;padding:6px 9px;font-size:12px;line-height:1.6}.input-lg{line-height:1.7}select.input-lg{height:57px;line-height:57px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:57px;padding:12px 16px;font-size:15px;line-height:1.7;border-radius:4px}.form-group-lg select.form-control{height:57px;line-height:57px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:57px;min-height:33px;padding:13px 16px;font-size:15px;line-height:1.7}.has-feedback{position:relative}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:48px;height:48px;line-height:48px;text-align:center;pointer-events:none}.collapsing,.dropdown,.dropup{position:relative}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:57px;height:57px;line-height:57px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:37px;height:37px;line-height:37px}.dropdown-header,.dropdown-menu>li>a{line-height:1.42857143;white-space:nowrap}.has-success .form-control{border-color:#37b358;box-shadow:none}.has-success .form-control:focus{border-color:#319f4e;box-shadow:none}.has-success .input-group-addon{color:#37b358;border-color:#37b358;background-color:#34a853}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#f6c163}.has-warning .form-control{border-color:#f6c163;box-shadow:none}.has-warning .form-control:focus{border-color:#f5b74b;box-shadow:none}.has-warning .input-group-addon{color:#f6c163;border-color:#f6c163;background-color:#fcf8e3}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#ea4335}.has-error .form-control{border-color:#ea4335;box-shadow:none}.has-error .form-control:focus{border-color:#e82e1e;box-shadow:none}.has-error .input-group-addon{color:#ea4335;border-color:#ea4335;background-color:#ea4335}.has-feedback label~.form-control-feedback{top:23px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:grey}@media (min-width:768px){.form-inline .form-control-static,.form-inline .form-group{display:inline-block}.form-inline .control-label,.form-inline .form-group{margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:11px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:29px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:11px}.form-horizontal .form-group-lg .control-label{padding-top:13px;font-size:15px}.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:700;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#404040;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#404040;background-color:#e6e6e6;border-color:#bfbfbf}.btn-default.active.focus .icon,.btn-default.active:focus .icon,.btn-default.active:hover .icon,.btn-default:active.focus .icon,.btn-default:active:focus .icon,.btn-default:active:hover .icon,.open>.dropdown-toggle.btn-default.focus .icon,.open>.dropdown-toggle.btn-default:focus .icon,.open>.dropdown-toggle.btn-default:hover .icon{color:#404040}.btn-info{color:#fff;background-color:#4285f4;border-color:#4285f4}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#1266f1;border-color:#0c57d3}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#4285f4;border-color:#4285f4;outline:0}.btn-info.hover,.btn-info:hover{box-shadow:inset 0 -1px 0 #1266f1;background-color:#4c8bf5;border-color:#4c8bf5 #4c8bf5 #1266f1}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;box-shadow:inset 0 2px 0 #1266f1;background-color:#2572f2;border-color:#0c57d3 #2572f2 #2572f2;background-image:none}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#2572f2;border-color:#0c57d3 transparent transparent;box-shadow:inset 0 2px 0 #1266f1}.btn-info.active.focus .icon,.btn-info.active:focus .icon,.btn-info.active:hover .icon,.btn-info:active.focus .icon,.btn-info:active:focus .icon,.btn-info:active:hover .icon,.open>.dropdown-toggle.btn-info.focus .icon,.open>.dropdown-toggle.btn-info:focus .icon,.open>.dropdown-toggle.btn-info:hover .icon{color:#fff}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#4285f4;border-color:#4285f4}.btn-info .badge{color:#4285f4;background-color:#fff}.btn-link{color:#4285f4;font-weight:400;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#0d5bdd;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;margin:2px 0 0;list-style:none;font-size:13px;text-align:left;background-color:#fff;border:1px solid #e3e3e3;background-clip:padding-box}.dropdown-menu-right,.dropdown-menu.pull-right{left:auto;right:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.dropdown-menu .divider{height:1px;overflow:hidden}.dropdown-menu>li>a{display:block}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#4285f4}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;font-size:12px}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn .caret,.btn-group>.btn:first-child{margin-left:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-radius:2px 2px 0 0}.btn-group-vertical>.btn:last-child:not(:first-child){border-radius:0 0 2px 2px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{line-height:1.7;height:57px;padding:12px 14px;font-size:18px;font-weight:300;border-radius:2px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:57px;line-height:57px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{line-height:1.6;border-radius:2px;height:37px;font-size:13px;padding:4px 12px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:37px;line-height:37px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.nav>li,.nav>li>a{display:block;position:relative}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:10px 12px;font-weight:400;line-height:1;color:#404040;text-align:center;background-color:#f5f5f5;border:1px solid #d5d8de;border-radius:2px}.input-group-addon.input-sm{padding:5px 9px;font-size:12px;border-radius:2px}.input-group-addon.input-lg{padding:12px 16px;font-size:15px;border-radius:4px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#4285f4}.nav .nav-divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs>li{float:left}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:2px 2px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee transparent}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#EEE;border:1px solid #fff;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:2px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid #ddd;border-radius:2px 2px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#EEE}}.nav-pills>li{float:left}.nav-justified>li,.nav-stacked>li{float:none}.nav-pills>li>a{border-radius:2px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#4285f4}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:2px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:2px 2px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#EEE}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:18px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar{border-radius:2px}.navbar-header{float:left}.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:16px 15px;font-size:15px;line-height:18px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:2px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}.navbar-toggle{display:none}}.navbar-nav{margin:8px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:18px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:18px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:16px;padding-bottom:16px}}.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:1px -15px}@media (min-width:768px){.navbar-form .form-control-static,.navbar-form .form-group{display:inline-block}.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}.breadcrumb>li,.pagination{display:inline-block}.btn .badge,.btn .label{top:-1px;position:relative}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-radius:2px 2px 0 0}.navbar-btn{margin-top:1px;margin-bottom:1px}.navbar-btn.btn-sm{margin-top:6.5px;margin-bottom:6.5px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:16px;margin-bottom:16px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#4285f4;border-color:#2371f2}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#2371f2}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:transparent;color:#fff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{list-style:none;border-radius:2px}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px}.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;text-decoration:none}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:2px;border-top-left-radius:2px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:2px;border-top-right-radius:2px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#0d5bdd;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#4285f4;border-color:#4285f4;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:12px 16px;font-size:15px;line-height:1.7}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 9px;font-size:12px;line-height:1.6}.badge,.label{line-height:1;white-space:nowrap;text-align:center}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:2px;border-top-left-radius:2px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:2px;border-top-right-radius:2px}.pager{padding-left:0;margin:18px 0;list-style:none;text-align:center}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;color:#fff;vertical-align:baseline}a.label:focus,a.label:hover{color:#1266f1;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#fff}.label-default[href]:focus,.label-default[href]:hover{background-color:#e6e6e6}.label-primary{background-color:#5f99f5}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#2f7af2}.label-success{background-color:#37b358}.label-success[href]:focus,.label-success[href]:hover{background-color:#2b8c45}.label-info{background-color:#4285f4}.label-info[href]:focus,.label-info[href]:hover{background-color:#1266f1}.label-warning{background-color:#f6c163}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#f3ae33}.label-danger{background-color:#eb6357}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#e63929}.badge{display:inline-block;min-width:10px;padding:3px 7px;vertical-align:middle;background-color:#fff;border-radius:10px}.badge:empty{display:none}.media-object,.thumbnail{display:block}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#4285f4;background-color:#fff}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron p{margin-bottom:15px;font-size:20px;font-weight:200}.alert,.thumbnail{margin-bottom:18px}.alert .alert-link,.close{font-weight:700}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:4px;padding-left:15px;padding-right:15px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:59px}}.thumbnail{padding:4px;line-height:1.42857143;background-color:#EEE;border:1px solid #ddd;border-radius:2px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#4285f4}.thumbnail .caption{padding:9px;color:#404040}.alert{padding:18px;border:1px solid transparent;border-radius:2px}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:38px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.modal,.modal-backdrop{top:0;right:0;bottom:0;left:0}.alert-success{background-color:#34a853;border-color:#34a853;color:#fff}.alert-success hr{border-top-color:#2e9549}.alert-success .alert-link{color:#e6e6e6}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#fff}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#e6e6e6}.alert-warning{background-color:#fbbc05;border-color:#fbbc05;color:#fff}.alert-warning hr{border-top-color:#e3aa04}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{background-color:#ea4335;border-color:#ea4335;color:#fff}.alert-danger hr{border-top-color:#e82e1e}.alert-danger .alert-link{color:#e6e6e6}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;margin-bottom:18px;background-color:#f5f5f5;border-radius:2px}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#4285f4;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#34a853}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#4285f4}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#fbbc05}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#ea4335}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media-heading,.media:first-child,.panel-title{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:2px;border-top-left-radius:2px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#4285f4;border-color:#4285f4}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#fff}.list-group-item-success{color:#37b358;background-color:#34a853}a.list-group-item-success,button.list-group-item-success{color:#37b358}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#37b358;background-color:#2e9549}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#37b358;border-color:#37b358}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#f6c163;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#f6c163}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#f6c163;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#f6c163;border-color:#f6c163}.list-group-item-danger{color:#ea4335;background-color:#ea4335}a.list-group-item-danger,button.list-group-item-danger{color:#ea4335}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#ea4335;background-color:#e82e1e}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#ea4335;border-color:#ea4335}.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text,.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.list-group-item-text{line-height:1.3}.panel{border:1px solid transparent}.panel-heading{padding:20px 20px 15px;border-bottom:1px solid transparent;border-top-right-radius:2px;border-top-left-radius:2px}.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel-footer{padding:20px 20px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:2px;border-top-left-radius:2px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-right-radius:2px;border-top-left-radius:2px}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px 20px 20px;padding-right:15px 20px 20px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:2px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:2px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:2px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:2px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:18px}.panel-group .panel{margin-bottom:0;border-radius:3px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:transparent;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:transparent;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#4285f4}.panel-primary>.panel-heading{color:#fff;background-color:#4285f4;border-color:#4285f4}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#4285f4}.panel-primary>.panel-heading .badge{color:#4285f4;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#4285f4}.panel-success{border-color:#34a853}.panel-success>.panel-heading{color:#37b358;background-color:#34a853;border-color:#34a853}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#34a853}.panel-success>.panel-heading .badge{color:#34a853;background-color:#37b358}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#34a853}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#fbbc05}.panel-warning>.panel-heading{color:#f6c163;background-color:#fcf8e3;border-color:#fbbc05}.panel-danger,.panel-danger>.panel-heading{border-color:#ea4335}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#fbbc05}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#f6c163}.panel-danger>.panel-heading,.panel-danger>.panel-heading .badge{color:#ea4335;background-color:#ea4335}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#fbbc05}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ea4335}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ea4335}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;background-color:#f5f5f5;border:1px solid #e3e3e3}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:4px}.well-sm{padding:9px;border-radius:2px}.close{float:right;font-size:19.5px;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.popover,.tooltip{font-family:Roboto,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;text-decoration:none}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0}.modal-content,.popover{background-clip:padding-box}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out,-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{outline:0}.modal-backdrop{position:fixed;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative}.modal-footer{text-align:right}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;text-align:left;text-align:start;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:2px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#000;top:0}.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.bottom-left .tooltip-arrow{right:5px;margin-top:-5px}.tooltip.bottom-right .tooltip-arrow{left:5px;margin-top:-5px}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;text-align:start;font-size:13px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.carousel-caption,.carousel-control{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);text-align:center}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:13px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:3px 3px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.carousel,.carousel-inner{position:relative}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.left>.arrow:after,.popover.right>.arrow:after{content:" ";bottom:-10px}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{left:1px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0}.popover.bottom>.arrow:after{content:" ";border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:#fff}.carousel-inner{overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out,-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;background-color:transparent}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000\9;background-color:transparent}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px}.affix,.modal-overlay{position:fixed}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}@-ms-viewport{width:device-width}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}.modal-perspective,.modal-perspective body{height:100%;overflow:hidden}.modal-perspective body{background:#222;-webkit-perspective:600px;perspective:600px}.modal-container{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:1051;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.modal-show{visibility:visible}.modal-overlay{width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1050;opacity:0;background:rgba(0,0,0,.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show~.modal-overlay{opacity:1;visibility:visible}.modal-content{position:relative;border-radius:3px}.modal-effect-1 .modal-content{-webkit-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-1 .modal-content{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}.modal-effect-2 .modal-content{-webkit-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-o-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.modal-show.modal-effect-2 .modal-content{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}.modal-effect-3 .modal-content{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-3 .modal-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.modal-effect-4 .modal-content{-webkit-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);-o-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}.modal-effect-4 .modal-content,.modal-show.modal-effect-4~.modal-overlay{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.modal-show.modal-effect-4 .modal-content{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.modal-effect-5.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-5 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);-ms-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0}.modal-show.modal-effect-5 .modal-content{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translateZ(0) rotateX(0);-ms-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0);opacity:1}.modal-effect-6.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-6 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);-ms-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.modal-show.modal-effect-6 .modal-content{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate(0) translateZ(0) rotate(0);-ms-transform:translate(0) translateZ(0) rotate(0);transform:translate(0) translateZ(0) rotate(0);opacity:1}.modal-effect-7{top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.modal-effect-7 .modal-content{-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);-o-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0}.modal-show.modal-effect-7 .modal-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);border-radius:0 0 3px 3px;opacity:1}.modal-effect-8.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-8 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0}.modal-show.modal-effect-8 .modal-content{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);opacity:1}.modal-effect-9.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-9 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0}.modal-show.modal-effect-9 .modal-content{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1}.modal-effect-10.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-10 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-60deg);-ms-transform:rotateX(-60deg);transform:rotateX(-60deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-10 .modal-content{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1}.modal-effect-11 .modal-content{-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-11 .modal-content{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}.modal-effect-12 .modal-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-12~.modal-overlay{background:#000}.modal-show.modal-effect-12 .modal-content{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}.modal-effect-13.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-13 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-3000px) rotateY(90deg);-ms-transform:translateZ(-3000px) rotateY(90deg);transform:translateZ(-3000px) rotateY(90deg);opacity:0}.modal-show.modal-effect-13 .modal-content{-webkit-animation:slit .7s forwards ease-out;-o-animation:slit .7s forwards ease-out;animation:slit .7s forwards ease-out}@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(0) rotateY(0);opacity:1}}@-o-keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);transform:translateZ(-250px) rotateY(89deg);opacity:1;-webkit-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0);opacity:1}}.modal-effect-14.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-14 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.modal-show.modal-effect-14 .modal-content{-webkit-transform:translateY(0) rotateX(0);-ms-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0);opacity:1}.modal-effect-15.modal-container{-webkit-perspective:1300px;perspective:1300px}.modal-effect-15 .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-ms-transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform:translateZ(100px) translateX(-30%) rotateY(90deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-15 .modal-content{-webkit-transform:translateZ(0) translateX(0) rotateY(0);-ms-transform:translateZ(0) translateX(0) rotateY(0);transform:translateZ(0) translateX(0) rotateY(0);opacity:1}.modal-show.modal-effect-16~.modal-overlay{background:rgba(180,46,32,.5)}.modal-show.modal-effect-16~.container{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}.modal-effect-16 .modal-content{-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%);opacity:0}.modal-effect-16 .modal-content,.modal-show.modal-effect-16~.container{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-show.modal-effect-16 .modal-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.modal-show.modal-effect-17~.container{height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;-o-transition:transform .3s,-o-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-o-transform .3s}.modal-show.modal-effect-17~.container,.modal-show.modal-effect-17~.modal-overlay{-webkit-transform:rotateX(-2deg);-ms-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.modal-effect-17 .modal-content{opacity:0;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);transform:translateY(200%)}.modal-show.modal-effect-17 .modal-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .3s .2s;-o-transition:all .3s .2s;transition:all .3s .2s}.modal-show.modal-effect-18~.container{height:100%;overflow:hidden}.modal-show.modal-effect-18~.modal-overlay{background:rgba(143,27,15,.8);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.modal-show.modal-effect-18~.container,.modal-show.modal-effect-18~.modal-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-animation:rotateRightSideFirst .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:0 50%;-moz-animation:rotateRightSideFirst .5s forwards ease-in;transform-style:preserve-3d;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-o-animation:rotateRightSideFirst .5s forwards ease-in;animation:rotateRightSideFirst .5s forwards ease-in}@-webkit-keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px)}}@-o-keyframes rotateRightSideFirst{50%{transform:translateZ(-50px) rotateY(5deg);-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}@keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px)}}.modal-effect-18 .modal-content{-webkit-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%);opacity:0}.modal-show.modal-effect-18 .modal-content{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .5s .1s;-o-transition:all .5s .1s;transition:all .5s .1s}html{height:100%;overflow-x:hidden}body{padding:0;background-color:#EEE;height:100%}a:focus,a:hover{text-decoration:none;outline:0}p{font-size:inherit;line-height:21px}canvas{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-Thin.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(../lib/roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Thin.woff2) format('woff2'),url(../lib/roboto/Roboto-Thin.woff) format('woff'),url(../lib/roboto/Roboto-Thin.ttf) format('truetype'),url(../lib/roboto/Roboto-Thin.svg#Roboto) format('svg');font-weight:100;font-style:normal}@font-face{font-family:Roboto-Thin;src:url(../lib/roboto/Roboto-Thin.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(../lib/roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Thin.woff2) format('woff2'),url(../lib/roboto/Roboto-Thin.woff) format('woff'),url(../lib/roboto/Roboto-Thin.ttf) format('truetype'),url(../lib/roboto/Roboto-Thin.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-ThinItalic.eot);src:local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(../lib/roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-ThinItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-ThinItalic.woff) format('woff'),url(../lib/roboto/Roboto-ThinItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-ThinItalic.svg#Roboto) format('svg');font-weight:100;font-style:italic}@font-face{font-family:Roboto-ThinItalic;src:url(../lib/roboto/Roboto-ThinItalic.eot);src:local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(../lib/roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-ThinItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-ThinItalic.woff) format('woff'),url(../lib/roboto/Roboto-ThinItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-ThinItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-Light.eot);src:local('Roboto Light'),local('Roboto-Light'),url(../lib/roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Light.woff2) format('woff2'),url(../lib/roboto/Roboto-Light.woff) format('woff'),url(../lib/roboto/Roboto-Light.ttf) format('truetype'),url(../lib/roboto/Roboto-Light.svg#Roboto) format('svg');font-weight:300;font-style:normal}@font-face{font-family:Roboto-Light;src:url(../lib/roboto/Roboto-Light.eot);src:local('Roboto Light'),local('Roboto-Light'),url(../lib/roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Light.woff2) format('woff2'),url(../lib/roboto/Roboto-Light.woff) format('woff'),url(../lib/roboto/Roboto-Light.ttf) format('truetype'),url(../lib/roboto/Roboto-Light.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-LightItalic.eot);src:local('Roboto LightItalic'),local('Roboto-LightItalic'),url(../lib/roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-LightItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-LightItalic.woff) format('woff'),url(../lib/roboto/Roboto-LightItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-LightItalic.svg#Roboto) format('svg');font-weight:300;font-style:italic}@font-face{font-family:Roboto-LightItalic;src:url(../lib/roboto/Roboto-LightItalic.eot);src:local('Roboto LightItalic'),local('Roboto-LightItalic'),url(../lib/roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-LightItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-LightItalic.woff) format('woff'),url(../lib/roboto/Roboto-LightItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-LightItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(../lib/roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Regular.woff2) format('woff2'),url(../lib/roboto/Roboto-Regular.woff) format('woff'),url(../lib/roboto/Roboto-Regular.ttf) format('truetype'),url(../lib/roboto/Roboto-Regular.svg#Roboto) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Regular;src:url(../lib/roboto/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(../lib/roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Regular.woff2) format('woff2'),url(../lib/roboto/Roboto-Regular.woff) format('woff'),url(../lib/roboto/Roboto-Regular.ttf) format('truetype'),url(../lib/roboto/Roboto-Regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-RegularItalic.eot);src:local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(../lib/roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-RegularItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-RegularItalic.woff) format('woff'),url(../lib/roboto/Roboto-RegularItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-RegularItalic.svg#Roboto) format('svg');font-weight:400;font-style:italic}@font-face{font-family:Roboto-RegularItalic;src:url(../lib/roboto/Roboto-RegularItalic.eot);src:local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(../lib/roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-RegularItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-RegularItalic.woff) format('woff'),url(../lib/roboto/Roboto-RegularItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-RegularItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-Medium.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(../lib/roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Medium.woff2) format('woff2'),url(../lib/roboto/Roboto-Medium.woff) format('woff'),url(../lib/roboto/Roboto-Medium.ttf) format('truetype'),url(../lib/roboto/Roboto-Medium.svg#Roboto) format('svg');font-weight:500;font-style:normal}@font-face{font-family:Roboto-Medium;src:url(../lib/roboto/Roboto-Medium.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(../lib/roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Medium.woff2) format('woff2'),url(../lib/roboto/Roboto-Medium.woff) format('woff'),url(../lib/roboto/Roboto-Medium.ttf) format('truetype'),url(../lib/roboto/Roboto-Medium.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-MediumItalic.eot);src:local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(../lib/roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-MediumItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-MediumItalic.woff) format('woff'),url(../lib/roboto/Roboto-MediumItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-MediumItalic.svg#Roboto) format('svg');font-weight:500;font-style:italic}@font-face{font-family:Roboto-MediumItalic;src:url(../lib/roboto/Roboto-MediumItalic.eot);src:local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(../lib/roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-MediumItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-MediumItalic.woff) format('woff'),url(../lib/roboto/Roboto-MediumItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-MediumItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-Bold.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(../lib/roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Bold.woff2) format('woff2'),url(../lib/roboto/Roboto-Bold.woff) format('woff'),url(../lib/roboto/Roboto-Bold.ttf) format('truetype'),url(../lib/roboto/Roboto-Bold.svg#Roboto) format('svg');font-weight:700;font-style:normal}@font-face{font-family:Roboto-Bold;src:url(../lib/roboto/Roboto-Bold.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(../lib/roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Bold.woff2) format('woff2'),url(../lib/roboto/Roboto-Bold.woff) format('woff'),url(../lib/roboto/Roboto-Bold.ttf) format('truetype'),url(../lib/roboto/Roboto-Bold.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-BoldItalic.eot);src:local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(../lib/roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-BoldItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-BoldItalic.woff) format('woff'),url(../lib/roboto/Roboto-BoldItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-BoldItalic.svg#Roboto) format('svg');font-weight:700;font-style:italic}@font-face{font-family:Roboto-BoldItalic;src:url(../lib/roboto/Roboto-BoldItalic.eot);src:local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(../lib/roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-BoldItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-BoldItalic.woff) format('woff'),url(../lib/roboto/Roboto-BoldItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-BoldItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-Black.eot);src:local('Roboto Black'),local('Roboto-Black'),url(../lib/roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Black.woff2) format('woff2'),url(../lib/roboto/Roboto-Black.woff) format('woff'),url(../lib/roboto/Roboto-Black.ttf) format('truetype'),url(../lib/roboto/Roboto-Black.svg#Roboto) format('svg');font-weight:900;font-style:normal}@font-face{font-family:Roboto-Black;src:url(../lib/roboto/Roboto-Black.eot);src:local('Roboto Black'),local('Roboto-Black'),url(../lib/roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-Black.woff2) format('woff2'),url(../lib/roboto/Roboto-Black.woff) format('woff'),url(../lib/roboto/Roboto-Black.ttf) format('truetype'),url(../lib/roboto/Roboto-Black.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(../lib/roboto/Roboto-BlackItalic.eot);src:local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(../lib/roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-BlackItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-BlackItalic.woff) format('woff'),url(../lib/roboto/Roboto-BlackItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-BlackItalic.svg#Roboto) format('svg');font-weight:900;font-style:italic}@font-face{font-family:Roboto-BlackItalic;src:url(../lib/roboto/Roboto-BlackItalic.eot);src:local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(../lib/roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(../lib/roboto/Roboto-BlackItalic.woff2) format('woff2'),url(../lib/roboto/Roboto-BlackItalic.woff) format('woff'),url(../lib/roboto/Roboto-BlackItalic.ttf) format('truetype'),url(../lib/roboto/Roboto-BlackItalic.svg#Roboto) format('svg')}.be-wrapper{min-height:100%;padding-top:61px}.be-top-header{background-color:#fff;border:0;margin-bottom:0;border-bottom:1px solid #e6e6e6}.be-top-header .container-fluid{padding:0}.be-top-header .navbar-header .navbar-brand{line-height:60px;height:60px;width:230px;background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:20px center;padding:0 20px;margin:0}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.be-top-header .navbar-header .navbar-brand{background-image:url(../img/logo-xx.png);background-size:102px 27px}}.be-nosidebar-left .be-top-header .navbar-header .navbar-brand{width:142px}.be-top-header .page-title{font-size:19px;line-height:60px;float:left;padding:0 20px}.be-nosidebar-left .be-top-header .page-title{padding-left:10px}@media (max-width:767px){.be-wrapper{overflow-x:hidden}.be-top-header{border-bottom-width:0;position:relative;min-height:0}.be-top-header .navbar-header,.be-top-header .navbar-header .navbar-brand,.be-top-header .page-title{display:none}}.be-top-header .navbar-nav>li>a{line-height:60px;color:#5a5a5a;font-size:14px;padding:0 18px;outline:0}.be-top-header .navbar-nav>li>a:focus,.be-top-header .navbar-nav>li>a:hover{color:#5a5a5a}@media (min-width:768px) and (max-width:991px){.be-top-header .navbar-header .navbar-brand{margin-right:10px}.be-top-header .navbar-nav>li>a{padding:0 24px}}.be-top-header .navbar-nav>li.open>a,.be-top-header .navbar-nav>li.open>a:active,.be-top-header .navbar-nav>li.open>a:focus,.be-top-header .navbar-nav>li.open>a:hover{color:#4285f4}.be-top-header .navbar-nav>li.dropdown>a .mdi-caret-down{font-size:23px;vertical-align:middle;margin-left:3px}.be-top-header .navbar-nav>li.dropdown .dropdown-menu{border-radius:3px;margin-top:12px}.be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a{color:#504e4e;padding:10px 20px;min-width:175px}.be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a:hover{background-color:#4285f4;color:#fff}.be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a:active,.be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a:focus{background-color:transparent;color:#504e4e}.be-top-header .navbar-nav>li.dropdown .dropdown-menu:after,.be-top-header .navbar-nav>li.dropdown .dropdown-menu:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;content:"";display:inline-block;left:42px;margin-left:-6px;position:absolute}.be-top-header .navbar-nav>li.dropdown .dropdown-menu:before{border-bottom-width:9px;border-left-width:9px;border-right-width:9px;border-bottom-color:#e3e3e3;margin-left:-7px;top:-9px}.be-top-header .navbar-collapse{border-width:0}@media (max-width:767px){.be-top-header .navbar-collapse{border-top:1px solid #f5f5f5;max-height:none}.be-top-header .navbar-collapse .navbar-nav{background-color:#fafafa;margin:0;padding:15px 0}.be-top-header .navbar-collapse .navbar-nav>li>a{display:block;padding:0 20px;color:#646464;font-size:14px;line-height:38px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.be-top-header .navbar-collapse .navbar-nav>li>a .icon{line-height:18px;font-size:19px;min-width:19px;margin-right:9px;text-align:center;vertical-align:middle}.be-top-header .navbar-collapse .navbar-nav>li.dropdown .mdi-caret-down{float:right;line-height:38px;color:#c5c5c5}.be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu{background-color:#eee;padding:10px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-radius:0}.be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:after,.be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:before{display:none}.be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a{color:#646464;padding:8px 15px 8px 23px}}.be-top-header .be-right-navbar{padding-right:20px}.be-top-header .be-right-navbar .navbar-nav{background-color:transparent}@media (max-width:767px){.be-top-header .be-right-navbar .navbar-nav>li.open>a,.be-top-header .be-right-navbar .navbar-nav>li.open>a:active,.be-top-header .be-right-navbar .navbar-nav>li.open>a:focus,.be-top-header .be-right-navbar .navbar-nav>li.open>a:hover,.be-top-header .be-right-navbar .navbar-nav>li>a,.be-top-header .be-right-navbar .navbar-nav>li>a:active,.be-top-header .be-right-navbar .navbar-nav>li>a:focus{color:#fff}.be-top-header .be-right-navbar{padding-right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #4285f4;position:fixed;top:0;left:0;width:100%;background-color:#4285f4;z-index:1030}}@media (min-width:768px) and (max-width:991px){.be-top-header .be-toggle-right-sidebar{margin-right:0;padding-left:5px;padding-right:9px}}.be-top-header .be-toggle-top-header-menu{display:none;background-color:#fff;padding:16px 10px;color:#404040;font-weight:300;font-size:14px;border-bottom:1px solid #f5f5f5}.be-top-header .be-toggle-top-header-menu:before{content:'\f2f8';float:right;font-family:'Material Icons';font-size:27px;line-height:22px;color:#c5c5c5}.be-top-header .be-toggle-top-header-menu.collapsed{border-bottom:1px solid #e3e3e3;-webkit-transition:border-bottom-color .4s ease;-o-transition:border-bottom-color .4s ease;transition:border-bottom-color .4s ease}.be-top-header .be-toggle-top-header-menu.collapsed:before{content:'\f2f2'}.be-color-header .be-top-header{background-color:#4285f4;border-bottom-color:#4285f4}.be-color-header .be-top-header .be-right-navbar{background-color:#4285f4}.be-color-header .be-top-header .navbar-header .navbar-brand{background-image:url(../img/logo-white.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.be-color-header .be-top-header .navbar-header .navbar-brand{background-image:url(../img/logo-white-xx.png)}}.be-color-header .be-top-header .be-right-navbar .be-icons-nav>li.dropdown>a .icon,.be-color-header .be-top-header .be-right-navbar .navbar-nav>li>a,.be-color-header .be-top-header .page-title{color:#fff}.be-color-header .be-top-header .be-right-navbar .be-icons-nav>li.dropdown>a .indicator{background-color:#fff}.be-color-header-success .be-top-header{background-color:#34a853;border-bottom-color:#34a853}@media (max-width:767px){.be-top-header .be-toggle-top-header-menu{display:block}.be-color-header-success .be-top-header .be-right-navbar{background-color:#34a853;border-bottom-color:#34a853}}.be-color-header-warning .be-top-header{background-color:#fbbc05;border-bottom-color:#fbbc05}@media (max-width:767px){.be-color-header-warning .be-top-header .be-right-navbar{background-color:#fbbc05;border-bottom-color:#fbbc05}}.be-color-header-danger .be-top-header{background-color:#ea4335;border-bottom-color:#ea4335}@media (max-width:767px){.be-color-header-danger .be-top-header .be-right-navbar{background-color:#ea4335;border-bottom-color:#ea4335}}.be-top-header .be-icons-nav{margin-right:20px}@media (min-width:768px) and (max-width:991px){.be-top-header .be-icons-nav{margin-right:10px}}.be-icons-nav>li.dropdown{position:static}.be-icons-nav>li.dropdown>a{padding:0 10px}.be-icons-nav>li.dropdown>a .icon{font-size:24px;vertical-align:middle;color:#737373}.be-icons-nav>li.dropdown>a .icon.mdi-comment-more{font-size:20px;position:relative;top:1px}.be-icons-nav>li.dropdown>a .indicator{background-color:#4285f4;border-radius:50%;display:block;height:6px;width:6px;position:absolute;top:18px;right:6px}.be-icons-nav>li.dropdown.open>a:after,.be-icons-nav>li.dropdown.open>a:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;bottom:-13px;content:"";display:inline-block;left:50%;margin-left:-8px;position:absolute;z-index:1001}.be-icons-nav>li.dropdown.open>a:before{border-bottom-width:9px;border-left-width:9px;border-right-width:9px;border-bottom-color:#e3e3e3;margin-left:-9px;bottom:-12px}.be-icons-nav>li.dropdown .dropdown-menu{width:300px;border-radius:3px;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.08);border:1px solid #e0e0e0;-moz-box-sizing:content-box;box-sizing:content-box}.be-icons-nav>li.dropdown .dropdown-menu .title{font-size:13px;color:#8a8a8a;text-align:center;padding:10px 0 8px;border-bottom:1px solid #ebebeb}.be-icons-nav>li.dropdown .dropdown-menu .title .badge{font-size:10px;line-height:10px;vertical-align:middle;margin-left:4px;background-color:#e4e4e4;color:#8a8a8a;min-width:17px;height:17px;text-align:center;padding:3px 6px}.be-icons-nav>li.dropdown .dropdown-menu .title .badge-new{background-color:#4285f4;border-color:#4285f4;color:#fff}.be-icons-nav>li.dropdown .dropdown-menu .footer a{background-color:#fafafa;font-size:13px;color:#8a8a8a;text-align:center;padding:10px 0;border-top:1px solid #ebebeb;display:block;outline:0}.be-icons-nav>li.dropdown .dropdown-menu .footer a:hover{background-color:#f5f5f5}.be-top-header .be-icons-nav>li.dropdown .dropdown-menu:after,.be-top-header .be-icons-nav>li.dropdown .dropdown-menu:before{display:none}.be-icons-nav>li.dropdown.open>a{background-color:transparent}.be-icons-nav>li.dropdown.open>a .icon{color:#4285f4}@media (max-width:767px){.be-icons-nav>li.dropdown.open>a .icon{color:#fff}.be-icons-nav{float:right;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.be-top-header .be-icons-nav{margin:0 5px 0 0}.be-icons-nav>li.dropdown{display:inline-block}.be-icons-nav>li.dropdown>a{padding:0 7px}.be-icons-nav>li.dropdown>a .icon{color:#fff}.be-icons-nav>li.dropdown>a .indicator{right:2px;background-color:#fff}}@media (max-width:480px){.be-icons-nav>li.dropdown .dropdown-menu{left:0;top:60px;width:100%;box-shadow:none;border-width:0}.be-top-header .be-icons-nav>li.dropdown .dropdown-menu{border-radius:0;margin-top:1px}.be-icons-nav>li.dropdown .dropdown-menu .footer a{border-bottom:1px solid #ebebeb}.be-icons-nav>li.dropdown.open>a:before{display:none}.be-icons-nav>li.dropdown.open>a:after{bottom:-1px}}.be-user-nav{margin-right:0}.be-user-nav>li.dropdown>a{padding-left:5px;padding-right:5px;font-size:0}@media (min-width:768px) and (max-width:991px){.be-user-nav>li.dropdown>a{padding-left:10px}}.be-user-nav>li.dropdown>a img{max-width:32px;max-height:32px;border-radius:50%}.be-user-nav>li.dropdown>a .user-name{margin-left:8px;display:none;font-size:14px;line-height:20px;vertical-align:middle}.be-user-nav>li.dropdown>a:after{display:none;content:'\f2f2';float:right;font-family:'Material Icons';font-size:21px;color:#c5c5c5;margin-left:7px}@media (max-width:767px){.be-user-nav>li.dropdown>a:after{display:inline-block}}.be-user-nav>li.dropdown .dropdown-menu{width:220px;padding:0 0 7px}.be-top-header .be-user-nav>li.dropdown .dropdown-menu li a:active,.be-top-header .be-user-nav>li.dropdown .dropdown-menu li a:focus{background-color:transparent;color:#504e4e}.be-top-header .be-user-nav>li.dropdown .dropdown-menu li a:hover{background-color:#f5f5f5;color:#504e4e}.be-user-nav>li.dropdown .dropdown-menu li a .icon{vertical-align:middle;margin-right:6px}.be-user-nav>li.dropdown .dropdown-menu .user-info{background-color:#4285f4;color:#fff;overflow:hidden;padding:20px 15px 14px;border-radius:2px 2px 0 0;margin-bottom:7px}.be-user-nav>li.dropdown .dropdown-menu .user-info .user-name{display:block;font-size:19px;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:13px;position:relative}.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position:after{content:"";position:absolute;height:7px;width:7px;left:0;top:5px;border:1px solid #f0f0f0;border-radius:50%;background-color:transparent;display:block}.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.online:after{background-color:#6cd187;border-color:#6cd187}.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.away:after{background-color:#fcd050;border-color:#fcd050}.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.busy:after{background-color:#f39088;border-color:#f39088}.be-user-nav>li.dropdown .dropdown-menu .user-info .switch-status{float:right;margin-top:5px}.be-top-header .be-user-nav>li.dropdown .dropdown-menu:after{left:auto;right:13px;border-bottom-color:#4285f4}.be-top-header .be-user-nav>li.dropdown .dropdown-menu:before{display:none}@media (max-width:767px){.be-user-nav{margin:0;display:inline-block;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;overflow:hidden}.be-user-nav>li.dropdown>a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:60px;white-space:nowrap}.be-user-nav>li.dropdown>a:after{color:#fff}.be-user-nav>li.dropdown>a img{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.be-user-nav>li.dropdown>a .user-name{display:block;-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;overflow:hidden;text-overflow:ellipsis}.be-user-nav>li.dropdown .dropdown-menu{box-shadow:0 2px 4px rgba(0,0,0,.08);background-color:#fff;position:fixed;top:60px;left:0;margin-left:10px;margin-right:10px;max-width:220px}.be-top-header .be-user-nav>li.dropdown .dropdown-menu:after{right:auto;left:20px}}.be-notifications{padding-top:0}.navbar-right .be-notifications{left:auto;right:25px}.be-notifications .be-scroller{position:relative;height:222px}.be-notifications .be-scroller>.content>ul{list-style:none;padding-left:0}.be-notifications .notification{overflow:hidden;border-bottom:1px solid #ebebeb}.be-notifications .notification>a{padding:15px;display:block;overflow:hidden}.be-notifications .notification>a .image{height:38px;width:38px;border-radius:50%;background-color:#e4e4e4;float:left;text-align:center;overflow:hidden}.be-notifications .notification>a .image img{height:38px;width:38px;font-size:25px;color:#979595;line-height:36px}.be-notifications .notification>a .notification-info{padding-left:50px;line-height:14px}.be-notifications .notification>a .notification-info .text{font-weight:500;color:#8a8a8a;font-size:12px;line-height:16px}.be-notifications .notification>a .notification-info .user-name{color:#4285f4;font-size:13px}.be-notifications .notification>a .notification-info .date{color:#8a8a8a;display:block;font-size:9px;margin-top:4px;text-transform:uppercase}.be-notifications .notification:hover>a,.be-notifications .notification:hover>a .logo .icon,.be-notifications .notification:hover>a .notification-info .date,.be-notifications .notification:hover>a .notification-info .text,.be-notifications .notification:hover>a .notification-info .user-name{color:#fff}.be-notifications .notification.notification-unread{background-color:rgba(66,133,244,.1);border-bottom:1px solid rgba(66,133,244,.1)}.be-notifications .notification.notification-unread>a{position:relative}.be-notifications .notification.notification-unread>a:after{content:'';display:block;position:absolute;right:15px;top:20px;width:6px;height:6px;background-color:#4285f4;border-radius:50%}.be-notifications .notification:hover{background-color:#4285f4}.be-notifications .notification:hover>a .logo{background-color:#206ff2}.be-notifications .notification:hover>a .notification-info .circle{background:#fff}.be-notifications .notification:hover>a:after{background-color:#fff}.be-notifications .notification:last-child{border-bottom:0}@media (max-width:767px){.navbar-nav .open .be-notifications{position:absolute;background-color:#fff}}@media (max-width:480px){.navbar-nav .open .be-notifications{position:fixed}}.be-connections{min-width:304px}.navbar-right .be-connections{left:auto;right:25px}.be-connections .content{padding:20px 15px}.be-connections .content .row{margin:0}.be-connections .content .row>div{padding-left:5px;padding-right:5px}.be-connections .connection-item{border-radius:3px;line-height:34px;text-align:center;padding:15px 0 9px;display:block;border:1px solid transparent;color:#737373}.be-connections .connection-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-connections .connection-item img{max-height:35px;max-width:35px}.be-connections .connection-item:hover{background-color:transparent;border-color:#ebebeb}@media (max-width:767px){.navbar-right .be-connections{right:5px}.navbar-nav .open .be-connections{position:absolute;background-color:#fff}}@media (max-width:480px){.be-connections{min-width:260px}.navbar-nav .open .be-connections{position:fixed}.be-connections .content{padding-left:10px;padding-right:10px}}.be-left-sidebar{background-color:#f5f5f5;width:230px;left:0;position:absolute;border-right:1px solid #e3e3e3}.be-left-sidebar .left-sidebar-wrapper{display:table;table-layout:fixed;width:100%;height:100%}.be-left-sidebar .left-sidebar-spacer{height:100%;display:table-row}@media (min-width:768px){.be-left-sidebar .left-sidebar-spacer{display:table-row}}.be-left-sidebar .left-sidebar-scroll{position:relative;height:100%;width:100%;overflow:hidden}.be-left-sidebar .left-sidebar-content{position:relative;top:0;bottom:0;left:0;right:0;padding-top:8px}.be-left-sidebar .left-sidebar-toggle{display:none;background-color:#fff;padding:16px 10px;color:#404040;font-weight:300;font-size:14px}.be-left-sidebar .left-sidebar-toggle:before{content:'\f2f2';float:right;font-family:'Material Icons';font-size:27px;line-height:22px;color:#c5c5c5}.be-left-sidebar .left-sidebar-toggle.open:before{content:'\f2f8'}@media (max-width:767px){.be-left-sidebar .left-sidebar-toggle{display:block}}.be-left-sidebar .sidebar-elements{margin:0;padding:0}.be-left-sidebar .sidebar-elements .divider{padding:20px 20px 0;color:#b0b0b0;line-height:30px;font-weight:600;text-transform:uppercase;font-size:11px}.be-left-sidebar .sidebar-elements>li{list-style:none}.be-left-sidebar .sidebar-elements>li>a{display:block;padding:0 20px;color:#646464;font-size:14px;line-height:38px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.be-left-sidebar .sidebar-elements>li>a .icon{line-height:18px;font-size:19px;min-width:19px;margin-right:9px;text-align:center;vertical-align:middle}.be-left-sidebar .sidebar-elements>li>a:hover{background-color:#f0f0f0}.be-left-sidebar .sidebar-elements>li>a:hover>span{color:#3d3d3d}.be-left-sidebar .sidebar-elements>li.parent>a:before{content:'\f2f2';float:right;font-family:'Material Icons';font-size:21px;line-height:37px;color:#c5c5c5}.be-left-sidebar .sidebar-elements>li.parent.open>a:before{content:'\f2f8'}.be-left-sidebar .sidebar-elements>li ul{display:none;background-color:#eee;padding:10px 0;list-style:none;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.be-left-sidebar .sidebar-elements>li ul li>a{padding:8px 15px 8px 49px;color:#646464;font-size:13px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.be-left-sidebar .sidebar-elements>li ul li.active>a,.be-left-sidebar .sidebar-elements>li.active>a>span{color:#4285f4}.be-left-sidebar .sidebar-elements>li ul li>a .label{border-radius:2px;font-weight:500;line-height:9px;font-size:11px;padding:4px 7px;margin-left:4px;margin-top:1px}.be-left-sidebar .sidebar-elements>li ul li>a:hover{background-color:#e7e7e7}.be-left-sidebar .sidebar-elements>li.active>a{padding-left:20px;font-weight:500;color:#4285f4}.be-left-sidebar .sidebar-elements>li.open>ul{display:block}.be-left-sidebar:before{content:"";position:fixed;z-index:-1;width:inherit;top:0;left:0;bottom:0;background-color:inherit;border-right:1px solid #e3e3e3}@media (max-width:767px){.be-left-sidebar:before{display:none}.be-left-sidebar{width:100%;background-color:#fafafa;border-bottom:1px solid #e3e3e3;border-right-width:0;position:relative}.be-left-sidebar .sidebar-elements>li>a:hover,.be-left-sidebar .sidebar-elements>li>ul li>a:hover{background-color:transparent}.be-left-sidebar .left-sidebar-content,.be-left-sidebar .left-sidebar-scroll,.be-left-sidebar .left-sidebar-spacer,.be-left-sidebar .left-sidebar-wrapper{display:block;position:relative;overflow:visible}.be-left-sidebar .left-sidebar-spacer{display:none;border-top:2px solid #f5f5f5}.be-left-sidebar .left-sidebar-spacer.open{display:block}.be-left-sidebar .left-sidebar-content{padding-bottom:20px}.be-left-sidebar .sidebar-elements>li>a{text-align:left;position:relative}.be-left-sidebar .sidebar-elements>li>a:hover>span{color:inherit}.be-left-sidebar .sidebar-elements>li>ul{position:relative;height:auto;width:100%;left:0}.be-left-sidebar .sidebar-elements>li>ul li>a:active{background-color:#e7e7e7}.be-left-sidebar .sidebar-elements>li>ul>li.title{display:none}.be-left-sidebar .sidebar-elements>li>ul>li.nav-items{display:block;height:auto}.be-left-sidebar .sidebar-elements>li>ul>li.nav-items>.be-scroller{height:auto;overflow:visible}.be-left-sidebar .sidebar-elements>li>ul>li.nav-items>.be-scroller>.content{padding-top:0;overflow:visible;position:relative}.be-left-sidebar .sidebar-elements>li:hover{background-color:inherit}.be-left-sidebar .sidebar-elements>li:hover>ul{display:none}.be-left-sidebar .sidebar-elements li.open>ul{display:block}}.be-fixed-sidebar .be-left-sidebar{height:100%;margin-top:61px;padding-bottom:61px;position:fixed;top:0;bottom:0}.be-fixed-sidebar .be-left-sidebar .left-sidebar-content{position:absolute}@media (max-width:767px){.be-fixed-sidebar .be-left-sidebar .left-sidebar-content{position:relative}.be-fixed-sidebar .be-left-sidebar{position:static;height:auto;margin-top:0;padding-bottom:0}}.be-fixed-sidebar .be-left-sidebar:before{top:60px}.be-left-sidebar .progress-widget{padding:20px;cursor:pointer}.be-left-sidebar .progress-widget .progress-data{color:#646464}.be-left-sidebar .progress-widget .progress-value{float:right}.be-left-sidebar .progress-widget .progress{margin:10px 0 0;height:8px;background-color:#ebebeb;border-radius:2px}.be-left-sidebar .progress-widget:hover{background-color:#f0f0f0}.be-left-sidebar .progress-widget:hover .progress{background-color:#e6e6e6}@media (max-width:767px){.be-left-sidebar .progress-widget{display:none}}.be-right-sidebar{background-color:#FAFAFA;margin-top:61px;padding-bottom:61px;position:fixed;width:290px;height:100%;right:-290px;top:0;bottom:0;border-left:1px solid #e8e8e8;z-index:1031}.be-animate .be-right-sidebar{-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}@media (min-width:768px){body.open-right-sidebar .be-right-sidebar{right:0}}@media (max-width:767px) and (max-width:767px){body.open-right-sidebar .be-wrapper{overflow:hidden}body.open-right-sidebar .be-right-sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.be-right-sidebar .sb-content{display:table;table-layout:fixed;height:100%;width:100%}.be-right-sidebar .tab-navigation .nav-tabs{background-color:transparent;border-bottom:0;padding:0}.be-right-sidebar .tab-navigation .nav-tabs>li>a{background-color:#f2f2f2;border-width:0;padding:14px 10px;min-width:auto;font-size:14px}.be-right-sidebar .tab-navigation .nav-tabs>li>a .icon{font-size:25px;color:#aaa}.be-right-sidebar .tab-navigation .nav-tabs>li>a:hover{border:0;background-color:#f6f6f6;color:#3b3b3b}.be-right-sidebar .tab-navigation .nav-tabs>li>a:focus{border:0}.be-right-sidebar .tab-navigation .nav-tabs>li.active>a{color:#4285f4;background-color:transparent}@media (max-width:767px){.be-right-sidebar .tab-navigation .nav-justified{display:table}.be-right-sidebar .tab-navigation .nav-justified>li{display:table-cell}.be-right-sidebar .tab-navigation .nav-justified>li>a{margin-bottom:0;min-width:40px}}.be-right-sidebar .tab-panel{height:100%;display:table-row}.be-right-sidebar .tab-panel .tab-content{height:100%;position:relative;width:100%;padding:0;background:0 0;display:table-cell;overflow:hidden}.be-right-sidebar .tab-panel .tab-content .tab-pane{height:100%;position:relative;width:100%}.be-right-sidebar .tab-panel .tab-content .tab-pane>.content{overflow:auto;bottom:0;left:0;position:absolute;right:0;top:0}.be-right-sidebar .tab-panel .tab-content .tab-pane h2{font-size:15px;font-weight:400;padding-bottom:15px;border-bottom:1px solid #ebebeb;padding-left:5px;margin-bottom:20px;margin-top:18px}.be-right-sidebar .tab-panel .tab-content .bottom-input{position:relative;border-top:1px solid #f2f2f2}.be-right-sidebar .tab-panel .tab-content .bottom-input>input{border:0;background-color:#FAFAFA;color:#404040;width:100%;font-size:13px;font-weight:400;padding:15px 20px;outline:0}.be-right-sidebar .tab-panel .tab-content .bottom-input>span{position:absolute;color:#aaa;right:15px;top:50%;font-size:20px;margin-top:-10px;cursor:pointer}.be-right-sidebar .tab-panel .tab-content .bottom-input>span:hover{color:#d1d1d1}@media (max-width:767px){.be-right-sidebar{width:290px;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);margin-top:0;padding-bottom:0}.be-right-sidebar .tab-panel .tab-content>.chat,.be-right-sidebar .tab-panel .tab-content>.chat .chat-contacts,.be-right-sidebar .tab-panel .tab-content>.chat .chat-window{width:100%}.be-right-sidebar .tab-panel .tab-content>.chat .chat-window{left:100%}.be-right-sidebar .tab-panel .tab-content>.chat.chat-opened .chat-contacts{left:-100%}}@media (max-width:320px){.be-right-sidebar{width:90%}}.tab-chat{white-space:nowrap;font-size:0;width:290px}.tab-chat h2{margin:30px 20px 15px}.tab-chat .contact-list{font-size:12px}.tab-chat .contact-list .user a{display:block;padding:11px 25px;overflow:hidden}.tab-chat .contact-list .user a img{width:30px;height:30px;border-radius:50%;float:left}.tab-chat .contact-list .user a .user-data,.tab-chat .contact-list .user a .user-data2{padding-left:40px;line-height:16px}.tab-chat .contact-list .user a .user-data .status,.tab-chat .contact-list .user a .user-data2 .status{background-color:#00b777;border-radius:50%;float:right;width:7px;height:7px;position:relative;top:5px}.tab-chat .contact-list .user a .user-data .status.offline,.tab-chat .contact-list .user a .user-data2 .status.offline{background-color:#e65a5a}.tab-chat .contact-list .user a .user-data .status.away,.tab-chat .contact-list .user a .user-data2 .status.away{background-color:#f2c329}.tab-chat .contact-list .user a .user-data .name,.tab-chat .contact-list .user a .user-data2 .name{color:#404040;font-weight:500;font-size:13px}.tab-chat .contact-list .user a .user-data .message,.tab-chat .contact-list .user a .user-data2 .message{display:block;color:#999;font-size:13px}.tab-chat .contact-list .user a .user-data2{margin-top:7px}.tab-chat .contact-list .user a:hover{background-color:#f5f5f5}.tab-chat .contact-list-recent{margin-bottom:30px}.tab-chat .chat-contacts,.tab-chat .chat-window{height:100%;width:100%;display:table;table-layout:fixed;position:absolute;left:0;-webkit-transition:left .3s ease;-o-transition:left .3s ease;transition:left .3s ease}.tab-chat .chat-contacts .chat-sections{height:100%;display:table-row}.tab-chat .chat-contacts .chat-sections .be-scroller{position:relative;width:100%;height:100%;overflow:hidden}.tab-chat .chat-contacts .chat-sections .content{position:absolute;width:100%;top:0;bottom:0}.tab-chat .chat-contacts .search{position:relative}.tab-chat .chat-window{height:100%;left:290px;display:table;table-layout:fixed}.tab-chat .chat-window .title{padding:20px 20px 20px 10px;overflow:hidden}.tab-chat .chat-window .title .icon{font-size:27px;width:27px;text-align:center;color:#b3b3b3;position:relative;vertical-align:middle;cursor:pointer}.tab-chat .chat-window .title .user{display:inline-block;float:right;text-align:right;line-height:13px}.tab-chat .chat-window .title .user img{height:35px;width:35x;border-radius:50%;float:right;margin-left:10px}.tab-chat .chat-window .title .user h2{display:inline-block;margin:0;padding:0;border:0}.tab-chat .chat-window .title .user span{display:block;font-size:12px;color:#999}.tab-chat .chat-window .chat-messages{height:100%;display:table-row;font-size:13px}.tab-chat .chat-window .chat-messages .be-scroller{position:relative;width:100%;height:100%;overflow:hidden;outline:0}.tab-chat .chat-window .chat-messages .content{position:absolute;width:100%;top:0;bottom:0}.tab-chat .chat-window .chat-messages ul{outline:0;margin:0;padding:0}.tab-chat .chat-window .chat-messages ul>li{display:block;list-style:none;padding:9px 16px}.tab-chat .chat-window .chat-messages ul>li .msg{position:relative;display:inline-block;background-color:#4c8bf5;color:#fff;font-size:13px;padding:6px 8px;border-radius:3px;white-space:normal;text-align:left;margin-left:40px}.tab-chat .chat-window .chat-messages ul>li .msg:after{content:"";position:absolute;right:-5px;top:7px;border-bottom:6px solid transparent;border-left:6px solid #4c8bf5;border-top:6px solid transparent}.tab-chat .chat-window .chat-messages ul>li.friend .msg{background-color:#f0f0f0;color:#595858;margin-left:0;margin-right:40px}.tab-chat .chat-window .chat-messages ul>li.friend .msg:after{right:auto;left:-5px;border-left-width:0;border-right:5px solid #f0f0f0}.tab-chat .chat-window .chat-messages ul>li.self{text-align:right}.tab-chat .chat-window .chat-input{position:relative}.tab-chat .chat-window .chat-input .input-wrapper{border-top:1px solid #f2f2f2}.tab-chat .chat-window .chat-input .input-wrapper>input{border:0;background-color:#FAFAFA;color:#b3b3b3;width:100%;font-size:13px;font-weight:300;padding:15px 40px 15px 42px;outline:0}.tab-chat .chat-window .chat-input .input-wrapper>span{position:absolute;color:#aaa;right:15px;top:50%;font-size:20px;margin-top:-10px;cursor:pointer}.tab-chat .chat-window .chat-input .input-wrapper>span:hover{color:#d1d1d1}.tab-chat .chat-window .chat-input .input-wrapper .photo{left:15px;font-size:22px;top:50%;right:auto}.tab-chat.chat-opened .chat-contacts{left:-290px}.tab-chat.chat-opened .chat-window{left:0}.tab-todo .todo-container{height:100%;display:table;table-layout:fixed;width:100%}.tab-todo .todo-wrapper{display:table-row;height:100%}.tab-todo .be-scroller{position:relative;overflow:hidden;height:100%}.tab-todo .todo-content{padding:10px 20px 0;position:absolute;top:0;left:0;width:100%;height:100%}.tab-todo .category-title{display:block;font-size:15px;font-weight:400;color:grey;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ebebeb;margin-bottom:15px}.todo-list{list-style:none;padding-left:0;margin-bottom:15px}.todo-list>li{margin:0;padding:0}.todo-list>li .be-checkbox{margin-right:4px}.todo-list>li .be-checkbox input[type=checkbox]+label{display:block;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list>li .be-checkbox input[type=checkbox]+label:before{margin-right:8px}.todo-list>li .be-checkbox input[type=checkbox]:checked+label{text-decoration:line-through;color:#999}.todo-list>li .be-checkbox .delete{display:none;float:right;font-size:17px;color:#b3b3b3;line-height:22px;margin-left:5px;cursor:pointer}.todo-list>li .be-checkbox .delete:hover{color:grey}.todo-list>li .be-checkbox:hover .delete{display:block}.tab-settings .settings-wrapper{position:relative;height:100%;overflow:hidden}.tab-settings .be-scroller{padding:10px 20px 0;position:absolute;top:0;left:0;width:100%;height:100%}.tab-settings .category-title{display:block;font-size:15px;font-weight:400;color:grey;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ebebeb;margin-bottom:15px}.settings-list{list-style:none;padding-left:0;margin-bottom:15px}.settings-list>li{margin:0;padding:5px 0;line-height:24px;font-size:14px}.settings-list>li .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list>li .switch-button{float:right;margin-left:5px}.be-content{position:relative;left:0;margin-left:230px;min-height:100%}.be-nosidebar-left .be-content{margin-left:0}.main-content{padding:25px}@media (min-width:768px) and (max-width:991px){.main-content{padding-left:25px;padding-right:25px;padding-top:30px}}@media (max-width:767px){.be-content{margin-left:0}.main-content{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-left:15px;padding-right:15px;padding-top:20px}}@media (max-width:480px){.main-content{padding-right:10px;padding-left:10px}}.be-no-padding .main-content{padding:0}.page-head{padding:20px 25px 10px;position:relative}.page-head-title{display:block;margin-bottom:5px;margin-top:6px;font-weight:300;letter-spacing:-1px;font-size:28px;color:#6b6b6b;line-height:36px}.page-head .breadcrumb>li,.page-head-description{font-size:14px;font-weight:300}.page-head-description{display:block;color:#6e6e6e}.page-head .breadcrumb{background-color:transparent;padding:3px 0;margin-bottom:7px}.page-head .breadcrumb>li+li:before{padding:0 2px;color:#a3a3a3}.page-head .breadcrumb>li>a{color:#5e5e5e}.page-head .breadcrumb>li>a:hover{color:#303030}.page-head .breadcrumb>.active{color:#7a7a7a}.be-aside .main-content{margin-left:280px}@media (max-width:767px){.page-head{padding:18px 15px 0;display:none}.page-head-title{font-size:24px;line-height:28px}.be-aside .main-content{margin-left:inherit}}.page-aside{background:#fff;width:280px;height:100%;position:fixed;top:0;left:230px;border-right:1px solid #e6e6e6;margin-top:61px;padding-bottom:61px}.page-aside .be-scroller{position:relative;height:100%;width:100%}.page-aside .content{padding:20px 22px;position:relative}@media (max-width:767px){.page-aside{width:100%;display:block;height:auto;position:relative;margin-top:0;padding-bottom:0;left:0;border-bottom:2px solid #f2f2f2}}.aside-header{margin-bottom:5px}.aside-header .title{display:block;margin:16px 0 0;font-size:27px;line-height:27px;font-weight:300}.aside-header .navbar-toggle{padding:0 11px 0 0;text-align:right;margin:0;width:100%;height:100%;top:0;left:0;position:absolute}.aside-header .navbar-toggle .icon{font-size:27px;color:silver}.aside-header .description{color:#5a5a5a;margin:0}.aside-nav{display:block;visibility:visible}.aside-nav .nav li a{color:#404040;padding:13px 22px}.aside-nav .nav li.active a,.aside-nav .nav li.active a .icon{color:#4285f4}.aside-nav .nav li .label{float:right;font-size:12px;font-weight:300;padding:4px 7px}.aside-nav .nav li .icon{font-size:19px;vertical-align:middle;text-align:center;min-width:19px;margin-right:3px;color:#616161}.aside-nav .title{display:block;color:#999;font-size:11px;font-weight:700;text-transform:uppercase;margin:20px 0 0;padding:8px 22px 4px}@media (max-width:767px){.aside-nav{border-bottom:1px solid #e6e6e6}.aside-nav.collapse{display:none}.aside-nav.in{display:block}}.be-splash-screen{background-color:#eee}.be-splash-screen .be-wrapper{padding-top:0}.be-splash-screen .be-wrapper .be-content{margin:0}.splash-container{max-width:401px;margin:50px auto}.splash-container .panel{margin-bottom:30px}.splash-container .panel .panel-heading{text-align:center;margin-bottom:20px;padding-top:40px;padding-bottom:0}.splash-container .panel .panel-body{padding:20px 30px 15px}.splash-container .panel .panel-body .be-checkbox{display:inline-block;padding:0}@media (max-width:767px){.splash-container{margin-top:50px}}.splash-title{text-align:center;display:block;font-size:17px;font-weight:300}.splash-description{text-align:center;display:block;line-height:20px;font-size:13px;color:#5a5a5a;margin-top:11px;padding-bottom:10px}.splash-footer{text-align:center}.be-scroll-top{cursor:pointer;position:fixed;bottom:10px;right:10px;color:#fff;background-color:rgba(0,0,0,.6);padding:0 14px;display:none;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease;border-radius:4px}.be-scroll-top:before,.switch-button{display:inline-block;vertical-align:middle}.be-scroll-top:hover{background-color:rgba(0,0,0,.8)}.be-scroll-top:focus,.be-scroll-top:hover{color:#fff}.be-scroll-top:before{content:'\f2fc';font-family:'Material Icons';font-size:33px}.switch-button{border-radius:50px;background-color:#b3b3b3;width:60px;height:27px;padding:4px;position:relative;overflow:hidden}.switch-button input[type=checkbox]{display:none}.switch-button label{border-radius:50%;box-shadow:0 0 1px 1px #FFF inset;background-color:#fff;margin:0;height:19px;width:19px;z-index:1;display:inline-block;cursor:pointer;background-clip:padding-box}.switch-button label:before{position:absolute;font-size:11px;font-weight:600;z-index:0;content:"OFF";right:0;display:block;width:100%;height:100%;line-height:27px;top:0;text-align:right;padding-right:10px;color:#fff}.switch-button input[type=checkbox]:checked+span{background-color:#4285f4;display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:4px}.switch-button input[type=checkbox]:checked+span label{float:right;border-color:#2a75f3}.switch-button input[type=checkbox]:checked+span label:before{position:absolute;font-size:11px;font-weight:600;z-index:0;content:"ON";color:#fff;left:0;text-align:left;padding-left:10px}.switch-button.switch-button-yesno label:before{content:"NO"}.switch-button.switch-button-yesno input[type=checkbox]:checked+span label:before{content:"YES"}.switch-button.switch-button-xs{height:20px;line-height:16px;width:50px}.switch-button.switch-button-xs label{height:12px;width:12px}.switch-button.switch-button-xs label:before{line-height:21px}.switch-button.switch-button-sm{height:24px;width:57px;line-height:20px}.switch-button.switch-button-sm label{height:16px;width:16px}.switch-button.switch-button-sm label:before{line-height:25px}.switch-button.switch-button-lg{height:30px;line-height:26px;width:65px}.switch-button.switch-button-lg label{height:22px;width:22px}.switch-button.switch-button-lg label:before{line-height:31px}.switch-button.switch-button-success{background-color:#b3b3b3}.switch-button.switch-button-success label{border-color:#ababab}.switch-button.switch-button-success input[type=checkbox]:checked+span{background-color:#34a853}.switch-button.switch-button-success input[type=checkbox]:checked+span label{border-color:#2e9549}.switch-button.switch-button-warning{background-color:#b3b3b3}.switch-button.switch-button-warning label{border-color:#ababab}.switch-button.switch-button-warning input[type=checkbox]:checked+span{background-color:#fbbc05}.switch-button.switch-button-warning input[type=checkbox]:checked+span label{border-color:#e3aa04}.switch-button.switch-button-danger{background-color:#b3b3b3}.switch-button.switch-button-danger label{border-color:#ababab}.switch-button.switch-button-danger input[type=checkbox]:checked+span{background-color:#ea4335}.switch-button.switch-button-danger input[type=checkbox]:checked+span label{border-color:#e82e1e}.widget{background-color:#fff;padding:20px;margin-bottom:25px;border-radius:3px}.widget.widget-fullwidth .chart-table table,ol.linenums{margin-bottom:0}.widget.widget-fullwidth{padding:0}.widget.widget-fullwidth .widget-head{padding:20px 20px 10px;margin-bottom:0}@media (max-width:480px){.widget.widget-fullwidth .widget-head{padding-left:15px}}.widget.widget-fullwidth .widget-chart-container .counter{left:20px}.widget-head .button-toolbar .dropdown-menu,.widget-head .tools .dropdown-menu{right:0;left:auto}.widget-head,.widget.widget-small{margin-bottom:20px}.widget.widget-small.widget-fullwidth>.widget-head{padding:20px 15px 10px}.widget-head{display:block;border-radius:3px 3px 0 0}.widget-head:after,.widget-head:before{content:" ";display:table}.widget-head .title{display:block;font-size:18px;font-weight:300}.widget-head .description{display:block;color:#9e9e9e;line-height:22px;font-weight:300}.widget-head .tools{float:right;margin-left:10px}.widget-head .tools .icon{display:inline-block;font-size:20px;line-height:25px;vertical-align:middle;cursor:pointer;color:#bababa;min-width:20px;text-align:center}.chart-legend-value,.widget-counter-group-right{text-align:right}.widget-head .tools .icon+.icon{margin-left:2px}.widget-head .tools .icon:hover{color:#a6a6a6}.widget-head .tools .value{font-size:24px;line-height:22px}.widget-head .tools .dropdown{display:inline-block}.widget-head .button-toolbar{float:right}.widget-head .button-toolbar .btn-group+*{margin-left:7px}.widget-chart-container{position:relative}.widget-chart-container .counter{min-height:auto;top:0;left:0;position:absolute;z-index:2}.widget-chart-container .counter-inline{position:relative;display:inline-block}.widget-chart-container .counter .value{font-size:24px}.widget-chart-container .counter .desc{text-transform:uppercase;font-size:11px;color:#9d9d9d}.widget-chart-container .counter-big .value{display:block;font-size:27px;line-height:27px;font-weight:300;margin-bottom:5px}.widget-chart-container .indicator-equal .icon{color:#4285f4}.widget-chart-container .indicator-positive .icon{color:#34a853}.widget-chart-container .indicator-negative .icon{color:#ea4335}.widget-chart-container .indicator .icon{font-size:25px;margin-right:7px;line-height:24px;vertical-align:middle}.widget-chart-container .indicator .number{font-size:20px;vertical-align:middle}.widget-chart-info:after,.widget-chart-info:before{content:" ";display:table}@media (max-width:767px){.widget-head .button-toolbar .btn-group{margin-bottom:5px}.widget-chart-info+.widget-counter-group{margin-top:15px}}.widget-fullwidth .widget-chart-info{padding:9px 20px 0}.widget-counter-group{padding:0 20px 10px}.widget-counter-group .counter{position:static;display:inline-block}.widget-counter-group .counter+.counter{margin-left:20px}.chart-legend table{width:100%}.chart-legend table tr td{padding:6px 0;vertical-align:middle}.chart-legend-color>span{display:block;background-color:#f2f2f2;height:10px;width:10px}.chart-legend-horizontal{margin:0;padding:0;list-style:none;line-height:14px}.chart-legend-horizontal>li{display:inline-block}.chart-legend-horizontal>li+li{margin-left:14px}.chart-legend-horizontal>li>span{display:inline-block;height:10px;width:10px;border-radius:50%;background-color:#f2f2f2;margin-right:2px}.chart-pie-counter{diplay:block;position:absolute;top:50%;width:100%;text-align:center;line-height:50px;margin-top:-25px;font-size:50px;font-weight:300}.clr-primary{background-color:#4285f4}.clr-success{background-color:#34a853}.clr-warning{background-color:#fbbc05}.clr-danger{background-color:#ea4335}.clr-grey{background-color:#ccc}.bs-grid-block{border:2px dashed #c3c3c3;font-weight:300;font-size:20px;color:#807e7e;display:table;table-layout:fixed;width:100%;margin-bottom:40px}.bs-grid-block .content{display:table-cell;height:177px;text-align:center;vertical-align:middle}.bs-grid-block .content .size{display:block}.bs-grid-block .content .device{line-height:0}.bs-grid-block .content .device:after{font-size:15px}@media (min-width:1200px){.bs-grid-block .content .device:after{content:'Desktop';color:#4285f4}}@media (min-width:992px) and (max-width:1199px){.bs-grid-block .content .device:after{content:'Laptop';color:#4285f4}}@media (min-width:768px) and (max-width:991px){.bs-grid-block .content .device:after{content:'Tablet';color:#34a853}}@media (max-width:767px){.bs-grid-block .content .device:after{content:'Phone';color:#34a853}}.icon-container{background-color:#fff;padding:20px;cursor:default}.icon-container .icon{-webkit-transition:background-color 300ms ease-in-out;-o-transition:background-color 300ms ease-in-out;transition:background-color 300ms ease-in-out;background-color:#f5f5f5;border-radius:50%;display:inline-block;height:50px;width:50px;margin-right:8px;padding:13px;text-align:center;vertical-align:middle}.icon-container .icon:hover,.icon-container:hover .icon{background-color:#4285f4}.icon-container .icon span{-webkit-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out;font-size:25px;color:#696767}.icon-container .icon:hover span{color:#fff}.icon-container .icon-class{-webkit-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out;font-size:18px;font-weight:300;vertical-align:middle;color:#696767}.icon-container:hover .icon span{color:#fff}.icon-container:hover .icon-class{color:#4285f4}.be-icons-list.hide-icons .icon-category .row>div{display:none}.be-icons-list.hide-icons .icon-category .row>div.icon-visible{display:block}.be-loading{position:relative}.be-loading:after{position:absolute;display:block;visibility:hidden;opacity:0;content:"";top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:2}.timeline-item:before,.timeline:before{content:''}.be-loading .be-spinner{display:none;position:absolute;top:50%;right:50%;margin-top:-20px;margin-right:-20px;z-index:3}.be-loading-active:after{visibility:visible;opacity:1}.be-loading-active .be-spinner{display:block}.be-spinner svg{-webkit-animation:be-spinner-rotation 1.4s linear infinite;-o-animation:be-spinner-rotation 1.4s linear infinite;animation:be-spinner-rotation 1.4s linear infinite;stroke:#4285f4}.be-spinner svg .circle{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;-webkit-animation:be-spinner-turn 1.4s ease-in-out infinite;-o-animation:be-spinner-turn 1.4s ease-in-out infinite;animation:be-spinner-turn 1.4s ease-in-out infinite}@-webkit-keyframes be-spinner-rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-o-keyframes be-spinner-rotation{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes be-spinner-rotation{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes be-spinner-turn{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@-o-keyframes be-spinner-turn{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-o-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:187;-o-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes be-spinner-turn{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);-o-transform:rotate(450deg);transform:rotate(450deg)}}.prettyprint{font-size:12px;line-height:1.5}pre{color:#555}pre .pln{color:#777}pre .str{color:#D14}pre .kwd{color:#458}pre .com{color:#b8b6b1}pre .typ{color:teal}pre .lit{color:#D14}pre .clo,pre .opn,pre .pun{color:#949494}pre .tag{color:#4285F4}pre .atn{color:#ef6e62}pre .atv{color:#697ce8}pre .dec,pre .var{color:#D14}pre .fun{color:#458}pre.be-code-dark{background-color:#4d4342;color:#FFF}pre.be-code-dark .pln{color:#fff}pre.be-code-dark .str{color:#b5db99}pre.be-code-dark .kwd{color:#e9c865}pre.be-code-dark .com{color:#c3b8b7}pre.be-code-dark .typ{color:#FF9787}pre.be-code-dark .lit{color:#b5db99}pre.be-code-dark .clo,pre.be-code-dark .opn,pre.be-code-dark .pun{color:#fff}pre.be-code-dark .tag{color:#e9c865}pre.be-code-dark .atn{color:#FF9787}pre.be-code-dark .atv,pre.be-code-dark .dec,pre.be-code-dark .var{color:#b5db99}pre.be-code-dark .fun{color:#e9c865}ol.linenums{margin-top:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}.panel-divider{margin:10px 0;border-top:1px solid #f2f2f2}.panel-divider-lg{margin:15px 0}.panel-divider-xl{margin:20px 0}.pricing-tables{margin:30px 0 20px}.pricing-tables>div{padding-left:10px;padding-right:10px}.pricing-table{box-shadow:0 0 4px 0 rgba(0,0,0,.04);border-radius:3px;border-top:3px solid #c9c9c9;padding:35px 20px;background:#fff;text-align:center;margin:0 0 20px}.pricing-table-image{margin-bottom:15px}.pricing-table-image svg path{fill:#a6a6a6}.pricing-table-title{font-size:20px;font-weight:300}.pricing-table-price{padding:5px 0 20px}.pricing-table-price .currency{vertical-align:top}.pricing-table-price .value{font-size:35px;line-height:40px}.pricing-table-price .frecuency{font-size:20px;font-weight:300}.pricing-table-features{margin:0 0 25px;padding:0;list-style:none}.pricing-table-features>li{font-size:14px;font-weight:300;line-height:33px}.pricing-table .btn{line-height:36px;min-width:120px}.pricing-table-primary{border-color:#4285f4}.pricing-table-primary .pricing-table-image svg path{fill:#4285f4}.pricing-table-primary.pricing-table-color{background-color:#5f99f5;border-color:#5f99f5}.pricing-table-primary.pricing-table-color .panel-divider{border-top-color:#3d84f3}.pricing-table-warning{border-color:#fbbc05}.pricing-table-warning .pricing-table-image svg path{fill:#fbbc05}.pricing-table-warning.pricing-table-color{background-color:#f6c163;border-color:#f6c163}.pricing-table-warning.pricing-table-color .panel-divider{border-top-color:#f4b441}.pricing-table-success{border-color:#34a853}.pricing-table-success .pricing-table-image svg path{fill:#34a853}.pricing-table-success.pricing-table-color{background-color:#37b358;border-color:#37b358}.pricing-table-success.pricing-table-color .panel-divider{border-top-color:#2f984b}.pricing-table-danger{border-color:#ea4335}.pricing-table-danger .pricing-table-image svg path{fill:#ea4335}.pricing-table-danger.pricing-table-color{background-color:#eb6357;border-color:#eb6357}.pricing-table-danger.pricing-table-color .panel-divider{border-top-color:#e74537}.pricing-table-color{color:#fff}.pricing-table-color .pricing-table-image svg path{fill:#fff}.pricing-table-color .panel-divider{border-top-color:#fff}.timeline{margin:0 auto 40px;padding:0 0 20px;max-width:840px;position:relative}.timeline:before{position:absolute;top:40px;bottom:0;width:2px;background:#dbdbdb;left:170px;margin-left:-1px}@media (max-width:767px){.timeline{padding:0}.timeline:before{left:50%;margin-left:-1px;top:-35px}}.timeline-item{position:relative;padding-left:210px;list-style:none;margin-bottom:30px}.timeline-item:before{position:absolute;top:34.5px;left:162px;border:2px solid #ccc;width:16px;height:16px;background-color:#ededed;border-radius:50px}@media (max-width:767px){.timeline-item{padding-left:0;margin-top:60px;margin-bottom:0}.timeline-item:before{display:none}}.timeline-item:nth-child(4n+1):before{border-color:#4285f4}.timeline-item:nth-child(4n+2):before{border-color:#fbbc05}.timeline-item:nth-child(4n+3):before{border-color:#34a853}.timeline-item:nth-child(4n+4):before{border-color:#ea4335}.timeline-variant .timeline-item{padding-left:0;margin:30px 0 0}.timeline-variant .timeline-item.right{right:0;padding-left:-webkit-calc(50% + 45px);padding-left:calc(50% + 45px)}@media (max-width:767px){.timeline-variant .timeline-item{margin-top:60px}.timeline-variant .timeline-item.right{padding:0}}.timeline-variant .timeline-item.left{left:0;padding-right:-webkit-calc(50% + 45px);padding-right:calc(50% + 45px)}.timeline-variant .timeline-item.left .timeline-content:after,.timeline-variant .timeline-item.left .timeline-content:before{right:-5px;left:inherit}.timeline-variant .timeline-item.left .timeline-icon{left:initial;right:-67px}@media (max-width:767px){.timeline-variant .timeline-item.left{padding:0}.timeline-variant .timeline-item.left .timeline-icon{left:50%;margin-left:-18px;top:-48px}}.timeline-variant .timeline-item:before{display:none}.timeline-date{position:absolute;display:block;left:0;top:34px;width:145px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:767px){.timeline-date{width:100%;left:0;top:-40px;text-align:center}.timeline-date span{background-color:#e0e0e0;padding:5px 8px;border-radius:4px;line-height:25px}}.timeline-content:after,.timeline-content:before{content:"";width:10px;height:10px;top:37.5px;left:-5px}.timeline-content{position:relative;background-color:#fff;padding:25px 30px 25px 28px;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.07);min-height:85px}.timeline-item-gallery .timeline-content{padding-bottom:15px}@media (max-width:480px){.timeline-content{padding:15px 18px}}.timeline-content:after{position:absolute;background-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);box-shadow:-1px 1px 5px rgba(0,0,0,.07);z-index:-1}.timeline-content:before{position:absolute;background-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:767px){.timeline-content:after,.timeline-content:before{display:none}}.timeline-avatar{width:35px;height:35px;display:block;border-radius:50px;overflow:hidden;vertical-align:middle;float:left}.timeline-avatar img{width:100%;height:100%}.timeline-header{display:block;padding:7px 0 0 46px}@media (max-width:767px){.timeline-header{padding-top:0}}.timeline-variant .timeline-header{padding-top:0;line-height:16px}.timeline-autor{display:inline-block;font-weight:700}.timeline-activity{display:inline-block;margin:0}.timeline-variant .timeline-activity{display:inline;line-height:16px}.timeline-time{float:right;color:#ababab}.timeline-variant .timeline-time{float:none;display:block;line-height:21px}.timeline-summary{color:#8a8a8a;margin-top:4px}.timeline-summary p{margin-bottom:0}.timeline-variant .timeline-summary{margin-top:20px}.timeline-variant .timeline-summary p{line-height:16px}.timeline-gallery{margin-top:12px}.timeline-variant .timeline-gallery{margin-top:20px}.timeline-gallery .gallery-thumbnail{display:inline-block;max-width:100px;margin-right:10px;margin-bottom:10px}.timeline-blockquote{margin:10px 0 0 5px;padding:4px 10px;border-left:4px solid #e0e0e0;color:#8a8a8a}.timeline-variant .timeline-blockquote{margin-top:20px}.timeline-blockquote p{font-size:13px}.timeline-blockquote footer{color:#8a8a8a}@media (max-width:767px){.timeline-loadmore{text-align:center;padding:0;margin-bottom:40px;margin-top:40px}}.timeline-loadmore .load-more-btn{background-color:#dbdbdb;border-radius:2px;padding:5px 9px;color:#424242;outline:0;font-size:12px;font-weight:500;position:absolute;left:131px}@media (max-width:767px){.timeline-loadmore .load-more-btn{position:relative;left:0}}.timeline-loadmore:before{display:none}.timeline-variant .timeline-loadmore{text-align:center;margin-bottom:40px}.timeline-variant .timeline-loadmore .load-more-btn{position:relative;left:initial}.timeline-item-detailed .timeline-header,.timeline-item-detailed .timeline-time{line-height:21px}.timeline-variant .timeline-item-detailed .timeline-header{border-bottom:1px solid #EEE;padding-bottom:15px}.timeline-item-detailed .timeline-avatar{vertical-align:top}.timeline-variant{max-width:none;padding-bottom:0}.timeline-variant:before{left:50%;z-index:-1;top:70px}.timeline-month{width:100%;text-align:center;list-style:none;margin:30px 0 15px;padding:11px 0 12px;font-size:18px;background-color:#EEE;font-weight:300}.timeline-month:first-child{margin-top:0;padding-bottom:5px}.timeline-icon{position:absolute;color:#fff;top:20px;left:-67px;width:44px;height:44px;font-size:20px;border:2px solid #fff;text-align:center;background-color:#ededed;border-radius:50%}.invoice-details td.amount,.invoice-details td.description,.invoice-details td.hours,.invoice-details td.summary,.invoice-details th{border-bottom:1px solid #f0f0f0}.timeline-icon>.icon{line-height:40px;vertical-align:middle}@media (max-width:767px){.timeline-icon{left:50%;margin-left:-18px;top:-48px;width:38px;height:38px;font-size:18px}.timeline-icon>.icon{line-height:34px}}.file .timeline-icon{background-color:#4285f4}.comment .timeline-icon{background-color:#fbbc05}.gallery .timeline-icon{background-color:#34a853}.quote .timeline-icon{background-color:#ea4335}.invoice{background-color:#fff;padding:100px 100px 70px;color:#8c8c8c}.invoice-header{margin-bottom:100px}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice{padding:50px 50px 35px}.invoice-header{margin-bottom:50px}}@media (max-width:480px){.invoice{padding:35px 25px 15px}.invoice-header>div{float:none;width:100%}}.invoice-logo{height:54px;min-width:204px;background-image:url(../img/logo-xx.png);background-repeat:no-repeat;background-position:0}.invoice-order{text-align:right}@media (max-width:480px){.invoice-logo{margin:0 auto 20px;float:none;min-width:auto}.invoice-order{text-align:center}}.invoice-id{display:block;font-size:30px;line-height:30px}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-logo{height:27px;width:102px;background-image:url(../img/logo.png)}.invoice-id{font-size:15px;line-height:18px}}.incoice-date{display:block;font-size:18px}.invoice-data{margin-bottom:110px}@media (min-width:768px) and (max-width:991px),(max-width:767px){.incoice-date{font-size:13px}.invoice-data{margin-bottom:55px}}@media (max-width:480px){.invoice-data>div{float:none;width:100%}.invoice-person{text-align:center}}.invoice-person span{font-size:18px;line-height:26px;display:block}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-person span{font-size:13px;line-height:20px}}.invoice-person .name{font-weight:500}.invoice-person:last-child{text-align:right}.invoice-payment-direction{text-align:center;position:relative;padding-top:20px}.invoice-payment-direction .icon{width:80px;height:80px;border-radius:50%;background-color:#f7f7f7;font-size:50px;color:#c2c2c2;line-height:80px}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-payment-direction .icon{width:40px;height:40px;line-height:40px;font-size:25px}}@media (max-width:480px){.invoice-person:last-child{text-align:center}.invoice-payment-direction{padding:20px}.invoice-payment-direction .icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}}.invoice-details{width:100%;font-size:16px}.invoice-details tr>td{padding:20px 0}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-details{font-size:11px}.invoice-details tr>td{padding:15px 0}}.invoice-details th{text-align:right;padding-bottom:8px}.invoice-details th:first-child{text-align:left}.invoice-details td.amount,.invoice-details td.hours{text-align:right}.invoice-details td.summary{color:#c4c4c4}.invoice-details td.total{color:#8c8c8c;font-weight:500}.invoice-details td.total-value{font-size:22px;color:#4285f4}.invoice-payment-method{margin-bottom:75px}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-details td.total-value{font-size:11px}.invoice-payment-method{margin-bottom:37px}}.invoice-payment-method span{font-size:18px;line-height:26px;display:block}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-payment-method span{font-size:13px;line-height:20px}}.invoice-payment-method .title{font-weight:500}.invoice-message{font-size:16px;margin-bottom:62px}@media (max-width:480px){.invoice-message{margin-bottom:31px}}.invoice-message .title{font-weight:500;text-transform:uppercase;display:block;margin-bottom:12px}.invoice-message p{line-height:26px}@media (min-width:768px) and (max-width:991px),(max-width:767px){.invoice-message{font-size:13px}.invoice-message p{line-height:20px}}.invoice-company-info{margin-bottom:70px}.invoice-company-info>div{border-left:1px solid #f0f0f0;padding:8px 40px}@media (max-width:767px),(max-width:480px){.invoice-company-info{margin-bottom:35px}.invoice-company-info>div{border:none;padding:8px 15px}}.invoice-company-info>div:first-child{border-left:none}.invoice-company-info .summary{padding:0 40px;line-height:16px}@media (max-width:767px),(max-width:480px){.invoice-company-info .summary{padding:8px 15px}}.invoice-company-info .summary .title{color:#8c8c8c;font-size:14px;line-height:21px;font-weight:500}.invoice-company-info .summary p{line-height:16px}@media (min-width:768px) and (max-width:991px){.invoice-company-info .phone{border-left-width:0}}.invoice-footer{text-align:center}.invoice-footer .btn{min-width:96px;font-size:14px}.widget-calendar .ui-datepicker{position:relative;margin:10px 0 32px}.widget-calendar .ui-datepicker .ui-datepicker-header{border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:5px;margin-bottom:20px}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title{cursor:default;line-height:24px;margin:0 2.3em;text-align:center;font-weight:300;font-size:18px}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next,.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{height:1.8em;position:absolute;top:-5px;width:1.8em;color:#404040;font-size:25px}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{overflow:hidden;display:block;text-indent:-99999px}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after,.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after{cursor:pointer;content:"\f2fa";font-family:'Material Icons';display:block;position:absolute;width:16px;height:16px;top:0;text-indent:0}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:8px}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:2px}.widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after{content:"\f2fb";right:2px}.widget-calendar .ui-datepicker table.ui-datepicker-calendar{width:100%}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:first-child,.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:first-child{padding-left:0}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:last-child,.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:last-child{padding-right:0}.widget-calendar .ui-datepicker table.ui-datepicker-calendar th{border:0;padding:3px;text-align:center;font-weight:400;color:#404040}.widget-calendar .ui-datepicker table.ui-datepicker-calendar th span{font-size:14px}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td{border:0;padding:6px 0;text-align:center}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a{display:inline-block;padding:0;text-align:center;text-decoration:none;color:#737373;width:27px;height:27px;line-height:27px}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover{color:#404040}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight{background-color:#e6e6e6;border-radius:50%}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight{background-color:#4285f4;color:#fff}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.has-events a{position:relative;background-color:#ebf2fe;border-radius:50%}.widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-other-month a{color:#ccc}.widget-calendar .ui-datepicker.ui-datepicker-6rows{margin-bottom:28px}.widget-calendar .ui-datepicker.ui-datepicker-6rows table.ui-datepicker-calendar tr td{padding:3px 0}.widget.widget-map .map-container>div{height:229px}.widget.widget-tile{padding:24px 20px;margin-bottom:25px;display:table;table-layout:fixed;width:100%}.widget.widget-tile .data-info{display:table-cell;text-align:right}.widget.widget-tile .data-info .value{font-size:22px;font-weight:300}.widget.widget-tile .data-info .indicator{font-size:25px;margin-right:7px;line-height:24px;vertical-align:middle}.widget.widget-tile .data-info .indicator-equal{color:#4285f4}.widget.widget-tile .data-info .indicator-positive{color:#34a853}.widget.widget-tile .data-info .indicator-negative{color:#ea4335}.widget.widget-tile .data-info .desc{font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget.widget-tile .chart{width:85px;min-height:45px;padding:5px 0;display:table-cell;vertical-align:middle}.widget.widget-tile.widget-tile-wide{display:table;width:100%}.widget.widget-tile.widget-tile-wide>div{display:table-cell;width:50%;vertical-align:middle}.widget.widget-tile.widget-tile-wide .data-info{vertical-align:top}.widget.widget-tile.widget-tile-wide .data-info .title{font-size:16px;line-height:22px;margin-bottom:2px}.widget.widget-tile.widget-tile-wide .data-info .desc{color:grey;font-size:12px}.widget.widget-tile.widget-tile-wide .tile-value{text-align:right}.widget.widget-tile.widget-tile-wide .tile-value>span{display:block;padding-right:10px;font-weight:300;font-size:31px}.widget.widget-tile.widget-tile-wide .icon{float:none;line-height:43px;vertical-align:top;margin-right:5px}.user-display{margin-bottom:30px;border-radius:2px;background-color:#fff}.user-display-bg{max-height:300px;overflow:hidden}.user-display-bg img{width:100%;border-radius:2px 2px 0 0}.user-display-bottom{position:relative;padding:11px 20px}.user-display-avatar{position:absolute;left:20px;top:-50px;border-radius:50%;background-color:#fff}.user-display-avatar img{width:110px;height:110px;border-radius:50%;border:3px solid #fff}.user-display-info{line-height:20px;padding-left:130px}.user-display-info .name{display:block;font-size:18px;font-weight:500;line-height:22px}.user-display-info .nick{line-height:21px;color:#5f5f5f}.user-display-details{margin-top:15px}.user-display-details .title{text-transform:uppercase;font-size:12px;color:#5f5f5f}.user-display-details .counter{font-size:18px}.user-info-list table{width:100%;table-layout:fixed}.user-info-list table tr td{padding:12px 0}.user-info-list table tr td.icon{width:33px}.user-info-list table tr td.icon>span{font-size:20px;vertical-align:middle}.user-info-list table tr td.item{width:34%}.user-progress{margin-bottom:15px}.user-progress .title{display:block;margin-bottom:10px}.user-progress .value{display:block;text-align:right;font-size:18px;padding-top:18px}.user-progress .progress{height:10px;border-radius:5px;margin-bottom:0}.user-progress .progress-bar{border-radius:5px}.user-progress-small{margin-bottom:20px}.user-progress-small .title{display:inline-block}.user-progress-small .progress{margin-top:5px;height:5px}.user-timeline{padding:0;margin:5px 0 15px;list-style:none;position:relative}.user-timeline:after,.user-timeline:before{position:absolute;background-color:#4285f4;content:""}.user-timeline:before{left:7px;top:2px;height:100%;width:2px}.user-timeline:after{left:4px;bottom:-2px;height:8px;width:8px;border-radius:50%}.user-timeline>li{display:block;position:relative;padding-left:30px;padding-bottom:27px}.user-timeline>li:before{content:"";position:absolute;left:0;top:2px;height:16px;width:16px;background-color:#fff;border-radius:50%;border:1px solid #4285f4}.login-submit .btn,.signup-password .btn{width:100%}.user-timeline>li.latest:before{background-color:#4285f4}.user-timeline-compact:after,.user-timeline-compact:before,.user-timeline-compact>li.latest:before{background-color:#f6c163}.user-timeline-date{text-transform:uppercase;color:#737373;margin-bottom:8px}.user-timeline-title{font-weight:500}.user-timeline-compact .user-timeline-date{float:right;text-transform:capitalize;margin-bottom:0;line-height:22px}.user-timeline-compact .user-timeline-title{font-size:18px;font-weight:300}.user-timeline-compact .user-timeline-description{color:#737373;margin-top:4px}.user-timeline-compact>li{padding-bottom:35px}.user-timeline-compact>li:last-child{padding-bottom:25px}.user-timeline-compact>li:before{border:1px solid #f6c163}.login-tools{padding-top:18px}.login-forgot-password{line-height:22px;text-align:right}.login-submit{padding-top:19px;margin-bottom:18px}.login-submit>div:first-child{padding-right:10px}.login-submit>div:last-child{padding-left:10px}.be-error .error-container{text-align:center;margin-top:100px}.be-error .error-number{display:block;font-size:150px;font-weight:700;line-height:240px;margin-bottom:30px;max-height:240px}.be-error .error-number:after{padding-top:.25%;display:block;content:''}@media (max-width:767px){.user-display-bg img{min-height:130px}.be-error .error-container{margin-top:50px}.be-error .error-number{padding:20px 0;font-size:90px;margin-bottom:10px;line-height:100px}}.be-error .error-description{font-size:30px;font-weight:300;line-height:32px;margin-bottom:30px}@media (max-width:767px){.be-error .error-description{font-size:19px}}.be-error .error-goback-text{font-size:22px;font-weight:300;margin-bottom:30px;margin-top:15px}@media (max-width:767px){.be-error .error-goback-text{font-size:15px}}.be-error .error-goback-button{margin-bottom:30px}.be-error .error-goback-button .btn{min-width:153px;text-align:center}.be-error-404 .error-container .error-number{background:url(../img/404-bg.png) center center no-repeat;background-size:contain}@media (max-width:480px){.be-error-404 .error-container .error-number{padding:0;font-size:70px}}@media (max-width:340px){.be-error-404 .error-container .error-number{font-size:50px}}@media (max-width:295px){.be-error-404 .error-container .error-number{font-size:40px}}.splash-container.sign-up{max-width:433px;margin:10px auto}.splash-container.sign-up .panel .panel-heading{margin-bottom:0}.signup-password{margin-bottom:18px}.signup-password>div:first-child{padding-right:10px}.signup-password>div:last-child{padding-left:10px}.splash-container.forgot-password .panel .panel-heading{margin-bottom:5px}.gallery-container .item{width:25%;margin-bottom:20px;padding:0 10px}.gallery-container .item .photo{background:#fff}.gallery-container .item .photo .img{position:relative}.gallery-container .item .photo .img img{width:100%}.gallery-container .item .photo .img .over{top:0;opacity:0;position:absolute;height:100%;width:100%;background:rgba(66,133,244,.8);-o-transition:opacity 300ms ease;transition:opacity 300ms ease;-webkit-transition:opacity 300ms ease;overflow:hidden}.gallery-container .item .photo .img .over .info-wrapper{display:table;height:100%;margin-top:-80px;-webkit-transition:margin-top 200ms ease-in-out;-o-transition:margin-top 200ms ease-in-out;transition:margin-top 200ms ease-in-out}.gallery-container .item .photo .img .over .info{display:table-cell;vertical-align:middle;position:relative;top:0;text-align:center;color:#fff;padding:0 10px}.gallery-container .item .photo .img .over .title{font-size:18px;font-weight:300}.gallery-container .item .photo .img .over .description{margin:10px 0 18px;line-height:15px}.gallery-container .item .photo .img .over .func a{display:inline-block;height:30px;width:30px;margin-right:10px;background:rgba(255,255,255,.2);border-radius:50%}.gallery-container .item .photo .img .over .func a:hover{background:rgba(255,255,255,.3)}.gallery-container .item .photo .img .over .func a i{font-size:18px;color:#fff;line-height:30px}.gallery-container .item .photo .img:hover .over{opacity:1}.gallery-container .item .photo .img:hover .over .info-wrapper{margin-top:0}.gallery-container .item .photo .description{line-height:20px;display:table;width:100%}.gallery-container .item .photo .description .icon{display:table-cell;background-color:#e6e6e6;padding:20px;vertical-align:middle;width:20px}.gallery-container .item .photo .description .icon a{color:#4d4d4d}.gallery-container .item .photo .description .icon a i{font-size:30px}.gallery-container .item .photo .description .icon a:hover{color:#4285f4}@media (max-width:767px){.gallery-container .item .photo .description .icon a i{font-size:20px}.gallery-container .item .photo .description .icon{padding:15px}}.gallery-container .item .photo .description .desc{display:table-cell;padding:10px 20px;vertical-align:middle}.gallery-container .item .photo .description .desc h4{margin:0;font-size:18px}@media (max-width:767px){.gallery-container .item .photo .description .desc h4{font-size:15px}}.gallery-container .item .photo .description .desc span{color:#8a8888;font-size:12px;font-weight:300}.gallery-container .item.w2{width:50%}@media (max-width:767px){.gallery-container .item .photo .description .desc{padding:10px}.gallery-container{max-width:767px}.gallery-container .item{width:100%;padding:0}.gallery-container .item.w2{width:100%}}@media (min-width:768px) and (max-width:991px){.gallery-container .item{width:50%}}.email-filters,.email-list-item{border-bottom:1px solid #e6e6e6;width:100%}.aside-compose{text-align:center;padding:20px 25px;margin-top:10px}.email-inbox-header{background-color:#fff;padding:37px 25px}@media (min-width:768px) and (max-width:991px){.email-inbox-header{padding:20px 25px}}.email-title{display:block;margin:3px 0 0;font-size:23px;font-weight:300}.email-title .icon{font-size:23px;color:#737373}.email-title .new-messages{font-size:13px;color:#8d8d8d;margin-left:3px}.email-filters{padding:0 20px 30px;background-color:#fff;display:table}.email-filters>div{display:table-cell;vertical-align:middle}@media (min-width:768px) and (max-width:991px),(max-width:767px){.email-title{margin-bottom:10px}.email-filters>div{vertical-align:top}}.email-filters .btn-group+.btn-group{margin-left:10px}@media (min-width:768px) and (max-width:991px),(max-width:480px){.email-filters .btn-group+.btn-group{margin-left:0;margin-top:10px}}.email-filters .be-select-all.be-checkbox{display:inline-block;vertical-align:middle;padding:0}.email-filters .be-select-all.be-checkbox label:before{margin-right:18px}.email-filters .email-filters-right{text-align:right}.email-filters input{margin-right:8px}.email-pagination-indicator{display:inline-block;vertical-align:middle;margin-right:13px}@media (min-width:768px) and (max-width:991px){.email-pagination-indicator{margin-right:0}}.email-pagination-nav .btn{min-width:30px}.email-pagination-nav .btn i{font-size:21px;vertical-align:middle}.email-list{background:#fff}.email-list-item{padding:14px 20px;display:table;cursor:pointer;position:relative;background-color:#fafafa}.email-list-item.email-list-item--unread{background-color:#fff}.email-list-item.email-list-item--unread:after{content:'';display:block;position:absolute;width:3px;top:-1px;bottom:-1px;left:0;background-color:#4285f4}.email-list-item.email-list-item--unread .date,.email-list-item.email-list-item--unread .from{font-weight:500}.email-list-item .icon{margin-right:7px;font-size:15px;vertical-align:middle;color:#666}.email-list-item .from{display:block;font-weight:400;font-size:13px;margin:0 0 3px}.email-list-item .msg{margin:0;color:#737373}.email-list-item:hover{background-color:#f7f7f7}.compose-title,.email-attachments,.email-body,.email-compose-fields,.email-head,.email.editor{background-color:#fff}.email-list-actions,.email-list-detail{vertical-align:top;display:table-cell}.email-list-actions{width:40px}.email-list-actions .be-checkbox{padding:0}.email-list-actions .favorite{display:block;padding-top:5px;padding-left:3px;line-height:15px}.email-head-subject,.email-head-title{padding:25px;border-bottom:1px solid #e6e6e6}.email-list-actions .favorite span{font-size:20px;line-height:17px;color:silver}.email-head-subject .title>a .icon,.email-head-title .icon{line-height:31px;top:-1px;position:relative;vertical-align:middle}.email-list-actions .favorite:hover span{color:#8d8d8d}.email-list-actions .favorite.active span{color:#FFC600}.email-head-title{display:block;font-weight:400;color:#5a5a5a;font-size:23px}.email-head-title .icon{color:#696969;margin-right:12px;float:left;font-size:20px}.email-head-subject .title{display:block;font-size:23px;font-weight:300;color:#5a5a5a}.email-head-subject .title>a .icon{color:silver;font-size:18px;margin-right:6px}.email-head-subject .title>a:hover .icon{color:#8d8d8d}.email-head-subject .title>a.active .icon{color:#FFC600}.email-head-subject .icons{font-size:20px;float:right}.email-head-subject .icons .icon{color:#737373;margin-left:12px;vertical-align:middle}.email-head-subject .icons .icon:hover{color:#5a5a5a}.email-head-sender{padding:13px 25px;line-height:40px}.email-head-sender .avatar{float:left;margin-right:10px}.email-head-sender .avatar img{max-width:40px;max-height:40px;border-radius:50%}.email-head-sender .sender{font-size:15px}.email-head-sender .sender .actions{display:inline-block;position:relative}.email-head-sender .sender .icon{font-size:20px;line-height:16px;color:#5a5a5a;margin-left:7px}.email-head-sender .sender .icon i{line-height:16px;vertical-align:middle}.email-head-sender .date{float:right}.email-head-sender .date a{vertical-align:middle;margin-right:5px}.email-head-sender .date .icon{font-size:20px}.email-body{border-top:1px solid #e6e6e6;padding:30px 28px}.email-body p{line-height:25px;margin-bottom:20px}.email-body p:last-child{margin-bottom:0}.email-attachments{padding:25px 28px;border-top:1px solid #e6e6e6}.email-attachments .title{display:block;font-weight:500}.email-attachments .title span{font-weight:400}.email-attachments ul{list-style:none;margin:15px 0 0;padding:0}.btn-space,.btn-vspace{margin-bottom:5px}.email-attachments ul>li{line-height:23px}.email-attachments ul>li a{color:#404040;font-weight:500}.compose-title,.email-attachments ul>li span{font-weight:400}.email-attachments ul>li a:hover{color:#4285f4}.email-attachments ul>li .icon{vertical-align:middle;color:#737373;margin-right:2px}.compose-title{font-size:23px;height:auto;padding:25px 23px;border:0;width:100%;outline:0}.compose-title .icon{float:left;font-size:20px;margin-right:15px;color:#696969;margin-top:6px}.email-compose-fields{border-bottom:1px solid #e6e6e6;padding:30px 30px 10px}.email-compose-fields label{padding-top:15px}.email.editor{padding:30px}.email.editor .note-toolbar{border:0}.email.editor .form-group{text-align:right;margin-top:15px}.alert-contrast>.icon,.alert-icon>.icon,.btn-big,.dropdown-tools,.nav-tabs>li a,.table tr td.actions,.table tr th.actions{text-align:center}.email.editor .form-group .icon{font-size:23px}@media (max-width:480px){.row{margin-left:-10px;margin-right:-10px}}.btn-hspace,.btn-space{margin-right:5px}.img-rounded{border-radius:4px}pre{padding:20px;border:0;border-radius:0}.btn{box-shadow:0 1px 0 rgba(0,0,0,.05);border:1px solid transparent;padding:0 10px;font-size:13px;line-height:28px;border-radius:2px}.btn-default,.btn-default.focus,.btn-default:focus{color:#404040;border-color:#dedede;background-color:#fff}.btn-outline.btn-danger:hover+.btn,.btn-outline.btn-default:hover+.btn,.btn-outline.btn-primary:hover+.btn,.btn-outline.btn-success:hover+.btn,.btn-outline.btn-warning:hover+.btn{border-left-color:transparent}.btn.active,.btn:active{box-shadow:none}.btn:active:focus{outline:0}.btn-default.focus,.btn-default:focus{outline:0;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-default.hover,.btn-default:hover{box-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#fff;border-color:#bdbdbd}.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#272727;background-color:#e3e3e3;border-color:#bdbdbd;box-shadow:inset 0 2px 0 rgba(0,0,0,.06)}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#dedede}.btn-default .icon{color:#646464}.btn-default:active .icon{color:#4a4a4a}.btn-default .badge{color:#fff;background-color:#404040}.btn-primary{color:#fff;background-color:#4285f4;border-color:#4285f4}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#1266f1;border-color:#0c57d3}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#4285f4;border-color:#4285f4;outline:0}.btn-primary.hover,.btn-primary:hover{box-shadow:inset 0 -1px 0 #1266f1;background-color:#4c8bf5;border-color:#4c8bf5 #4c8bf5 #1266f1}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;box-shadow:inset 0 2px 0 #1266f1;background-color:#2572f2;border-color:#0c57d3 #2572f2 #2572f2;background-image:none}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#2572f2;border-color:#0c57d3 transparent transparent;box-shadow:inset 0 2px 0 #1266f1}.btn-primary.active.focus .icon,.btn-primary.active:focus .icon,.btn-primary.active:hover .icon,.btn-primary:active.focus .icon,.btn-primary:active:focus .icon,.btn-primary:active:hover .icon,.open>.dropdown-toggle.btn-primary.focus .icon,.open>.dropdown-toggle.btn-primary:focus .icon,.open>.dropdown-toggle.btn-primary:hover .icon{color:#fff}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#4285f4;border-color:#4285f4}.btn-primary .badge{color:#4285f4;background-color:#fff}.btn-danger{color:#fff;background-color:#ea4335;border-color:#ea4335}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#d62516;border-color:#b51f13}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#ea4335;border-color:#ea4335;outline:0}.btn-danger.hover,.btn-danger:hover{box-shadow:inset 0 -1px 0 #d62516;background-color:#eb4c3e;border-color:#eb4c3e #eb4c3e #d62516}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;box-shadow:inset 0 2px 0 #d62516;background-color:#e72919;border-color:#b51f13 #e72919 #e72919;background-image:none}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#e72919;border-color:#b51f13 transparent transparent;box-shadow:inset 0 2px 0 #d62516}.btn-danger.active.focus .icon,.btn-danger.active:focus .icon,.btn-danger.active:hover .icon,.btn-danger:active.focus .icon,.btn-danger:active:focus .icon,.btn-danger:active:hover .icon,.open>.dropdown-toggle.btn-danger.focus .icon,.open>.dropdown-toggle.btn-danger:focus .icon,.open>.dropdown-toggle.btn-danger:hover .icon{color:#fff}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#ea4335;border-color:#ea4335}.btn-danger .badge{color:#ea4335;background-color:#fff}.btn-warning{color:#fff;background-color:#fbbc05;border-color:#fbbc05}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ca9703;border-color:#a77d03}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#fbbc05;border-color:#fbbc05;outline:0}.btn-warning.hover,.btn-warning:hover{box-shadow:inset 0 -1px 0 #ca9703;background-color:#fbbf0f;border-color:#fbbf0f #fbbf0f #ca9703}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;box-shadow:inset 0 2px 0 #ca9703;background-color:#dea604;border-color:#a77d03 #dea604 #dea604;background-image:none}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#dea604;border-color:#a77d03 transparent transparent;box-shadow:inset 0 2px 0 #ca9703}.btn-warning.active.focus .icon,.btn-warning.active:focus .icon,.btn-warning.active:hover .icon,.btn-warning:active.focus .icon,.btn-warning:active:focus .icon,.btn-warning:active:hover .icon,.open>.dropdown-toggle.btn-warning.focus .icon,.open>.dropdown-toggle.btn-warning:focus .icon,.open>.dropdown-toggle.btn-warning:hover .icon{color:#fff}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#fbbc05;border-color:#fbbc05}.btn-warning .badge{color:#fbbc05;background-color:#fff}.btn-success{color:#fff;background-color:#34a853;border-color:#34a853}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#288140;border-color:#206632}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#34a853;border-color:#34a853;outline:0}.btn-success.hover,.btn-success:hover{box-shadow:inset 0 -1px 0 #288140;background-color:#36b057;border-color:#36b057 #36b057 #288140}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;box-shadow:inset 0 2px 0 #288140;background-color:#2d9147;border-color:#206632 #2d9147 #2d9147;background-image:none}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#2d9147;border-color:#206632 transparent transparent;box-shadow:inset 0 2px 0 #288140}.btn-success.active.focus .icon,.btn-success.active:focus .icon,.btn-success.active:hover .icon,.btn-success:active.focus .icon,.btn-success:active:focus .icon,.btn-success:active:hover .icon,.open>.dropdown-toggle.btn-success.focus .icon,.open>.dropdown-toggle.btn-success:focus .icon,.open>.dropdown-toggle.btn-success:hover .icon{color:#fff}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#34a853;border-color:#34a853}.btn-success .badge{color:#34a853;background-color:#fff}.btn-group-xs>.btn,.btn-xs{padding:0 6px;font-size:11px;line-height:18px;border-radius:1px}.btn-group-sm>.btn,.btn-sm{padding:0 8px;font-size:13px;line-height:22px;border-radius:2px}.btn-group-lg>.btn,.btn-lg,.btn-xl{padding:0 12px;font-size:15px;border-radius:3px;font-weight:500}.btn-group-lg>.btn,.btn-lg{line-height:38px}.btn-xl{line-height:43px}.btn-rounded{border-radius:15px}.btn-rounded.btn-xs{border-radius:10px}.btn-rounded.btn-sm{border-radius:12px}.btn-rounded.btn-lg{border-radius:20px}.btn-facebook .icon,.btn-facebook.active .icon,.btn-facebook.active.focus .icon,.btn-facebook.active:focus .icon,.btn-facebook.active:hover .icon,.btn-facebook:active .icon,.btn-facebook:active.focus .icon,.btn-facebook:active:focus .icon,.btn-facebook:active:hover .icon,.open>.dropdown-toggle.btn-facebook .icon,.open>.dropdown-toggle.btn-facebook.focus .icon,.open>.dropdown-toggle.btn-facebook:focus .icon,.open>.dropdown-toggle.btn-facebook:hover .icon{color:#5d82d1}.btn-twitter .icon,.btn-twitter.active .icon,.btn-twitter.active.focus .icon,.btn-twitter.active:focus .icon,.btn-twitter.active:hover .icon,.btn-twitter:active .icon,.btn-twitter:active.focus .icon,.btn-twitter:active:focus .icon,.btn-twitter:active:hover .icon,.open>.dropdown-toggle.btn-twitter .icon,.open>.dropdown-toggle.btn-twitter.focus .icon,.open>.dropdown-toggle.btn-twitter:focus .icon,.open>.dropdown-toggle.btn-twitter:hover .icon{color:#50bff5}.btn-google-plus .icon,.btn-google-plus.active .icon,.btn-google-plus.active.focus .icon,.btn-google-plus.active:focus .icon,.btn-google-plus.active:hover .icon,.btn-google-plus:active .icon,.btn-google-plus:active.focus .icon,.btn-google-plus:active:focus .icon,.btn-google-plus:active:hover .icon,.open>.dropdown-toggle.btn-google-plus .icon,.open>.dropdown-toggle.btn-google-plus.focus .icon,.open>.dropdown-toggle.btn-google-plus:focus .icon,.open>.dropdown-toggle.btn-google-plus:hover .icon{color:#eb5e4c}.btn-dribbble .icon,.btn-dribbble.active .icon,.btn-dribbble.active.focus .icon,.btn-dribbble.active:focus .icon,.btn-dribbble.active:hover .icon,.btn-dribbble:active .icon,.btn-dribbble:active.focus .icon,.btn-dribbble:active:focus .icon,.btn-dribbble:active:hover .icon,.open>.dropdown-toggle.btn-dribbble .icon,.open>.dropdown-toggle.btn-dribbble.focus .icon,.open>.dropdown-toggle.btn-dribbble:focus .icon,.open>.dropdown-toggle.btn-dribbble:hover .icon{color:#f7659c}.btn-flickr .icon,.btn-flickr.active .icon,.btn-flickr.active.focus .icon,.btn-flickr.active:focus .icon,.btn-flickr.active:hover .icon,.btn-flickr:active .icon,.btn-flickr:active.focus .icon,.btn-flickr:active:focus .icon,.btn-flickr:active:hover .icon,.open>.dropdown-toggle.btn-flickr .icon,.open>.dropdown-toggle.btn-flickr.focus .icon,.open>.dropdown-toggle.btn-flickr:focus .icon,.open>.dropdown-toggle.btn-flickr:hover .icon{color:#0063dc}.btn-linkedin .icon,.btn-linkedin.active .icon,.btn-linkedin.active.focus .icon,.btn-linkedin.active:focus .icon,.btn-linkedin.active:hover .icon,.btn-linkedin:active .icon,.btn-linkedin:active.focus .icon,.btn-linkedin:active:focus .icon,.btn-linkedin:active:hover .icon,.open>.dropdown-toggle.btn-linkedin .icon,.open>.dropdown-toggle.btn-linkedin.focus .icon,.open>.dropdown-toggle.btn-linkedin:focus .icon,.open>.dropdown-toggle.btn-linkedin:hover .icon{color:#238cc8}.btn-youtube .icon,.btn-youtube.active .icon,.btn-youtube.active.focus .icon,.btn-youtube.active:focus .icon,.btn-youtube.active:hover .icon,.btn-youtube:active .icon,.btn-youtube:active.focus .icon,.btn-youtube:active:focus .icon,.btn-youtube:active:hover .icon,.open>.dropdown-toggle.btn-youtube .icon,.open>.dropdown-toggle.btn-youtube.focus .icon,.open>.dropdown-toggle.btn-youtube:focus .icon,.open>.dropdown-toggle.btn-youtube:hover .icon{color:#ef4e41}.btn-pinterest .icon,.btn-pinterest.active .icon,.btn-pinterest.active.focus .icon,.btn-pinterest.active:focus .icon,.btn-pinterest.active:hover .icon,.btn-pinterest:active .icon,.btn-pinterest:active.focus .icon,.btn-pinterest:active:focus .icon,.btn-pinterest:active:hover .icon,.open>.dropdown-toggle.btn-pinterest .icon,.open>.dropdown-toggle.btn-pinterest.focus .icon,.open>.dropdown-toggle.btn-pinterest:focus .icon,.open>.dropdown-toggle.btn-pinterest:hover .icon{color:#e13138}.btn-github .icon,.btn-github.active .icon,.btn-github.active.focus .icon,.btn-github.active:focus .icon,.btn-github.active:hover .icon,.btn-github:active .icon,.btn-github:active.focus .icon,.btn-github:active:focus .icon,.btn-github:active:hover .icon,.open>.dropdown-toggle.btn-github .icon,.open>.dropdown-toggle.btn-github.focus .icon,.open>.dropdown-toggle.btn-github:focus .icon,.open>.dropdown-toggle.btn-github:hover .icon{color:#333}.btn-tumblr .icon,.btn-tumblr.active .icon,.btn-tumblr.active.focus .icon,.btn-tumblr.active:focus .icon,.btn-tumblr.active:hover .icon,.btn-tumblr:active .icon,.btn-tumblr:active.focus .icon,.btn-tumblr:active:focus .icon,.btn-tumblr:active:hover .icon,.open>.dropdown-toggle.btn-tumblr .icon,.open>.dropdown-toggle.btn-tumblr.focus .icon,.open>.dropdown-toggle.btn-tumblr:focus .icon,.open>.dropdown-toggle.btn-tumblr:hover .icon{color:#426d9b}.btn-dropbox .icon,.btn-dropbox.active .icon,.btn-dropbox.active.focus .icon,.btn-dropbox.active:focus .icon,.btn-dropbox.active:hover .icon,.btn-dropbox:active .icon,.btn-dropbox:active.focus .icon,.btn-dropbox:active:focus .icon,.btn-dropbox:active:hover .icon,.open>.dropdown-toggle.btn-dropbox .icon,.open>.dropdown-toggle.btn-dropbox.focus .icon,.open>.dropdown-toggle.btn-dropbox:focus .icon,.open>.dropdown-toggle.btn-dropbox:hover .icon{color:#007EE5}.btn-evernote .icon,.btn-evernote.active .icon,.btn-evernote.active.focus .icon,.btn-evernote.active:focus .icon,.btn-evernote.active:hover .icon,.btn-evernote:active .icon,.btn-evernote:active.focus .icon,.btn-evernote:active:focus .icon,.btn-evernote:active:hover .icon,.open>.dropdown-toggle.btn-evernote .icon,.open>.dropdown-toggle.btn-evernote.focus .icon,.open>.dropdown-toggle.btn-evernote:focus .icon,.open>.dropdown-toggle.btn-evernote:hover .icon{color:#2DBE60}.btn-social{min-width:31px;padding:0 8px}.btn-social .icon{font-size:17px}.btn-color.btn-facebook{color:#fff;background-color:#5d82d1;border-color:#5d82d1}.btn-color.btn-facebook .icon{color:#fff}.btn-color.btn-facebook.active,.btn-color.btn-facebook:active,.btn-color.btn-facebook:hover,.open>.dropdown-toggle.btn-color.btn-facebook{color:#fff;background-color:#3864c3;border-color:#3560bc}.btn-color.btn-facebook.focus,.btn-color.btn-facebook:focus{color:#fff;background-color:#5d82d1;border-color:#5d82d1;outline:0}.btn-color.btn-facebook.hover,.btn-color.btn-facebook:hover{box-shadow:inset 0 -1px 0 #3864c3;background-color:#6588d3;border-color:#6588d3 #6588d3 #3864c3}.btn-color.btn-facebook.active,.btn-color.btn-facebook:active,.open>.dropdown-toggle.btn-color.btn-facebook{color:#fff;box-shadow:inset 0 2px 0 #3864c3;background-color:#4570ca;border-color:#3056a8 #4570ca #4570ca;background-image:none}.btn-color.btn-facebook.active.focus,.btn-color.btn-facebook.active:focus,.btn-color.btn-facebook.active:hover,.btn-color.btn-facebook:active.focus,.btn-color.btn-facebook:active:focus,.btn-color.btn-facebook:active:hover,.open>.dropdown-toggle.btn-color.btn-facebook.focus,.open>.dropdown-toggle.btn-color.btn-facebook:focus,.open>.dropdown-toggle.btn-color.btn-facebook:hover{color:#fff;background-color:#4570ca;border-color:#3056a8 transparent transparent;box-shadow:inset 0 2px 0 #3864c3}.btn-color.btn-facebook.active.focus .icon,.btn-color.btn-facebook.active:focus .icon,.btn-color.btn-facebook.active:hover .icon,.btn-color.btn-facebook:active.focus .icon,.btn-color.btn-facebook:active:focus .icon,.btn-color.btn-facebook:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-facebook.focus .icon,.open>.dropdown-toggle.btn-color.btn-facebook:focus .icon,.open>.dropdown-toggle.btn-color.btn-facebook:hover .icon{color:#fff}.btn-color.btn-facebook.disabled,.btn-color.btn-facebook.disabled.active,.btn-color.btn-facebook.disabled.focus,.btn-color.btn-facebook.disabled:active,.btn-color.btn-facebook.disabled:focus,.btn-color.btn-facebook.disabled:hover,.btn-color.btn-facebook[disabled],.btn-color.btn-facebook[disabled].active,.btn-color.btn-facebook[disabled].focus,.btn-color.btn-facebook[disabled]:active,.btn-color.btn-facebook[disabled]:focus,.btn-color.btn-facebook[disabled]:hover,fieldset[disabled] .btn-color.btn-facebook,fieldset[disabled] .btn-color.btn-facebook.active,fieldset[disabled] .btn-color.btn-facebook.focus,fieldset[disabled] .btn-color.btn-facebook:active,fieldset[disabled] .btn-color.btn-facebook:focus,fieldset[disabled] .btn-color.btn-facebook:hover{background-color:#5d82d1;border-color:#5d82d1}.btn-color.btn-facebook .badge{color:#5d82d1;background-color:#fff}.btn-color.btn-twitter{color:#fff;background-color:#50bff5;border-color:#50bff5}.btn-color.btn-twitter .icon{color:#fff}.btn-color.btn-twitter.active,.btn-color.btn-twitter:active,.btn-color.btn-twitter:hover,.open>.dropdown-toggle.btn-color.btn-twitter{color:#fff;background-color:#20adf2;border-color:#16aaf2}.btn-color.btn-twitter.focus,.btn-color.btn-twitter:focus{color:#fff;background-color:#50bff5;border-color:#50bff5;outline:0}.btn-color.btn-twitter.hover,.btn-color.btn-twitter:hover{box-shadow:inset 0 -1px 0 #20adf2;background-color:#5ac3f6;border-color:#5ac3f6 #5ac3f6 #20adf2}.btn-color.btn-twitter.active,.btn-color.btn-twitter:active,.open>.dropdown-toggle.btn-color.btn-twitter{color:#fff;box-shadow:inset 0 2px 0 #20adf2;background-color:#33b4f3;border-color:#0d9ce1 #33b4f3 #33b4f3;background-image:none}.btn-color.btn-twitter.active.focus,.btn-color.btn-twitter.active:focus,.btn-color.btn-twitter.active:hover,.btn-color.btn-twitter:active.focus,.btn-color.btn-twitter:active:focus,.btn-color.btn-twitter:active:hover,.open>.dropdown-toggle.btn-color.btn-twitter.focus,.open>.dropdown-toggle.btn-color.btn-twitter:focus,.open>.dropdown-toggle.btn-color.btn-twitter:hover{color:#fff;background-color:#33b4f3;border-color:#0d9ce1 transparent transparent;box-shadow:inset 0 2px 0 #20adf2}.btn-color.btn-twitter.active.focus .icon,.btn-color.btn-twitter.active:focus .icon,.btn-color.btn-twitter.active:hover .icon,.btn-color.btn-twitter:active.focus .icon,.btn-color.btn-twitter:active:focus .icon,.btn-color.btn-twitter:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-twitter.focus .icon,.open>.dropdown-toggle.btn-color.btn-twitter:focus .icon,.open>.dropdown-toggle.btn-color.btn-twitter:hover .icon{color:#fff}.btn-color.btn-twitter.disabled,.btn-color.btn-twitter.disabled.active,.btn-color.btn-twitter.disabled.focus,.btn-color.btn-twitter.disabled:active,.btn-color.btn-twitter.disabled:focus,.btn-color.btn-twitter.disabled:hover,.btn-color.btn-twitter[disabled],.btn-color.btn-twitter[disabled].active,.btn-color.btn-twitter[disabled].focus,.btn-color.btn-twitter[disabled]:active,.btn-color.btn-twitter[disabled]:focus,.btn-color.btn-twitter[disabled]:hover,fieldset[disabled] .btn-color.btn-twitter,fieldset[disabled] .btn-color.btn-twitter.active,fieldset[disabled] .btn-color.btn-twitter.focus,fieldset[disabled] .btn-color.btn-twitter:active,fieldset[disabled] .btn-color.btn-twitter:focus,fieldset[disabled] .btn-color.btn-twitter:hover{background-color:#50bff5;border-color:#50bff5}.btn-color.btn-twitter .badge{color:#50bff5;background-color:#fff}.btn-color.btn-google-plus{color:#fff;background-color:#eb5e4c;border-color:#eb5e4c}.btn-color.btn-google-plus .icon{color:#fff}.btn-color.btn-google-plus.active,.btn-color.btn-google-plus:active,.btn-color.btn-google-plus:hover,.open>.dropdown-toggle.btn-color.btn-google-plus{color:#fff;background-color:#e6351e;border-color:#e13019}.btn-color.btn-google-plus.focus,.btn-color.btn-google-plus:focus{color:#fff;background-color:#eb5e4c;border-color:#eb5e4c;outline:0}.btn-color.btn-google-plus.hover,.btn-color.btn-google-plus:hover{box-shadow:inset 0 -1px 0 #e6351e;background-color:#ec6655;border-color:#ec6655 #ec6655 #e6351e}.btn-color.btn-google-plus.active,.btn-color.btn-google-plus:active,.open>.dropdown-toggle.btn-color.btn-google-plus{color:#fff;box-shadow:inset 0 2px 0 #e6351e;background-color:#e84530;border-color:#ca2b17 #e84530 #e84530;background-image:none}.btn-color.btn-google-plus.active.focus,.btn-color.btn-google-plus.active:focus,.btn-color.btn-google-plus.active:hover,.btn-color.btn-google-plus:active.focus,.btn-color.btn-google-plus:active:focus,.btn-color.btn-google-plus:active:hover,.open>.dropdown-toggle.btn-color.btn-google-plus.focus,.open>.dropdown-toggle.btn-color.btn-google-plus:focus,.open>.dropdown-toggle.btn-color.btn-google-plus:hover{color:#fff;background-color:#e84530;border-color:#ca2b17 transparent transparent;box-shadow:inset 0 2px 0 #e6351e}.btn-color.btn-google-plus.active.focus .icon,.btn-color.btn-google-plus.active:focus .icon,.btn-color.btn-google-plus.active:hover .icon,.btn-color.btn-google-plus:active.focus .icon,.btn-color.btn-google-plus:active:focus .icon,.btn-color.btn-google-plus:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-google-plus.focus .icon,.open>.dropdown-toggle.btn-color.btn-google-plus:focus .icon,.open>.dropdown-toggle.btn-color.btn-google-plus:hover .icon{color:#fff}.btn-color.btn-google-plus.disabled,.btn-color.btn-google-plus.disabled.active,.btn-color.btn-google-plus.disabled.focus,.btn-color.btn-google-plus.disabled:active,.btn-color.btn-google-plus.disabled:focus,.btn-color.btn-google-plus.disabled:hover,.btn-color.btn-google-plus[disabled],.btn-color.btn-google-plus[disabled].active,.btn-color.btn-google-plus[disabled].focus,.btn-color.btn-google-plus[disabled]:active,.btn-color.btn-google-plus[disabled]:focus,.btn-color.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-color.btn-google-plus,fieldset[disabled] .btn-color.btn-google-plus.active,fieldset[disabled] .btn-color.btn-google-plus.focus,fieldset[disabled] .btn-color.btn-google-plus:active,fieldset[disabled] .btn-color.btn-google-plus:focus,fieldset[disabled] .btn-color.btn-google-plus:hover{background-color:#eb5e4c;border-color:#eb5e4c}.btn-color.btn-google-plus .badge{color:#eb5e4c;background-color:#fff}.btn-color.btn-dribbble{color:#fff;background-color:#f7659c;border-color:#f7659c}.btn-color.btn-dribbble .icon{color:#fff}.btn-color.btn-dribbble.active,.btn-color.btn-dribbble:active,.btn-color.btn-dribbble:hover,.open>.dropdown-toggle.btn-color.btn-dribbble{color:#fff;background-color:#f4357d;border-color:#f42b77}.btn-color.btn-dribbble.focus,.btn-color.btn-dribbble:focus{color:#fff;background-color:#f7659c;border-color:#f7659c;outline:0}.btn-color.btn-dribbble.hover,.btn-color.btn-dribbble:hover{box-shadow:inset 0 -1px 0 #f4357d;background-color:#f86fa2;border-color:#f86fa2 #f86fa2 #f4357d}.btn-color.btn-dribbble.active,.btn-color.btn-dribbble:active,.open>.dropdown-toggle.btn-color.btn-dribbble{color:#fff;box-shadow:inset 0 2px 0 #f4357d;background-color:#f54889;border-color:#f31367 #f54889 #f54889;background-image:none}.btn-color.btn-dribbble.active.focus,.btn-color.btn-dribbble.active:focus,.btn-color.btn-dribbble.active:hover,.btn-color.btn-dribbble:active.focus,.btn-color.btn-dribbble:active:focus,.btn-color.btn-dribbble:active:hover,.open>.dropdown-toggle.btn-color.btn-dribbble.focus,.open>.dropdown-toggle.btn-color.btn-dribbble:focus,.open>.dropdown-toggle.btn-color.btn-dribbble:hover{color:#fff;background-color:#f54889;border-color:#f31367 transparent transparent;box-shadow:inset 0 2px 0 #f4357d}.btn-color.btn-dribbble.active.focus .icon,.btn-color.btn-dribbble.active:focus .icon,.btn-color.btn-dribbble.active:hover .icon,.btn-color.btn-dribbble:active.focus .icon,.btn-color.btn-dribbble:active:focus .icon,.btn-color.btn-dribbble:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-dribbble.focus .icon,.open>.dropdown-toggle.btn-color.btn-dribbble:focus .icon,.open>.dropdown-toggle.btn-color.btn-dribbble:hover .icon{color:#fff}.btn-color.btn-dribbble.disabled,.btn-color.btn-dribbble.disabled.active,.btn-color.btn-dribbble.disabled.focus,.btn-color.btn-dribbble.disabled:active,.btn-color.btn-dribbble.disabled:focus,.btn-color.btn-dribbble.disabled:hover,.btn-color.btn-dribbble[disabled],.btn-color.btn-dribbble[disabled].active,.btn-color.btn-dribbble[disabled].focus,.btn-color.btn-dribbble[disabled]:active,.btn-color.btn-dribbble[disabled]:focus,.btn-color.btn-dribbble[disabled]:hover,fieldset[disabled] .btn-color.btn-dribbble,fieldset[disabled] .btn-color.btn-dribbble.active,fieldset[disabled] .btn-color.btn-dribbble.focus,fieldset[disabled] .btn-color.btn-dribbble:active,fieldset[disabled] .btn-color.btn-dribbble:focus,fieldset[disabled] .btn-color.btn-dribbble:hover{background-color:#f7659c;border-color:#f7659c}.btn-color.btn-dribbble .badge{color:#f7659c;background-color:#fff}.btn-color.btn-flickr{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-color.btn-flickr .icon{color:#fff}.btn-color.btn-flickr.active,.btn-color.btn-flickr:active,.btn-color.btn-flickr:hover,.open>.dropdown-toggle.btn-color.btn-flickr{color:#fff;background-color:#004ca9;border-color:#00479f}.btn-color.btn-flickr.focus,.btn-color.btn-flickr:focus{color:#fff;background-color:#0063dc;border-color:#0063dc;outline:0}.btn-color.btn-flickr.hover,.btn-color.btn-flickr:hover{box-shadow:inset 0 -1px 0 #004ca9;background-color:#0068e6;border-color:#0068e6 #0068e6 #004ca9}.btn-color.btn-flickr.active,.btn-color.btn-flickr:active,.open>.dropdown-toggle.btn-color.btn-flickr{color:#fff;box-shadow:inset 0 2px 0 #004ca9;background-color:#0055bd;border-color:#003c85 #0055bd #0055bd;background-image:none}.btn-color.btn-flickr.active.focus,.btn-color.btn-flickr.active:focus,.btn-color.btn-flickr.active:hover,.btn-color.btn-flickr:active.focus,.btn-color.btn-flickr:active:focus,.btn-color.btn-flickr:active:hover,.open>.dropdown-toggle.btn-color.btn-flickr.focus,.open>.dropdown-toggle.btn-color.btn-flickr:focus,.open>.dropdown-toggle.btn-color.btn-flickr:hover{color:#fff;background-color:#0055bd;border-color:#003c85 transparent transparent;box-shadow:inset 0 2px 0 #004ca9}.btn-color.btn-flickr.active.focus .icon,.btn-color.btn-flickr.active:focus .icon,.btn-color.btn-flickr.active:hover .icon,.btn-color.btn-flickr:active.focus .icon,.btn-color.btn-flickr:active:focus .icon,.btn-color.btn-flickr:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-flickr.focus .icon,.open>.dropdown-toggle.btn-color.btn-flickr:focus .icon,.open>.dropdown-toggle.btn-color.btn-flickr:hover .icon{color:#fff}.btn-color.btn-flickr.disabled,.btn-color.btn-flickr.disabled.active,.btn-color.btn-flickr.disabled.focus,.btn-color.btn-flickr.disabled:active,.btn-color.btn-flickr.disabled:focus,.btn-color.btn-flickr.disabled:hover,.btn-color.btn-flickr[disabled],.btn-color.btn-flickr[disabled].active,.btn-color.btn-flickr[disabled].focus,.btn-color.btn-flickr[disabled]:active,.btn-color.btn-flickr[disabled]:focus,.btn-color.btn-flickr[disabled]:hover,fieldset[disabled] .btn-color.btn-flickr,fieldset[disabled] .btn-color.btn-flickr.active,fieldset[disabled] .btn-color.btn-flickr.focus,fieldset[disabled] .btn-color.btn-flickr:active,fieldset[disabled] .btn-color.btn-flickr:focus,fieldset[disabled] .btn-color.btn-flickr:hover{background-color:#0063dc;border-color:#0063dc}.btn-color.btn-flickr .badge{color:#0063dc;background-color:#fff}.btn-color.btn-linkedin{color:#fff;background-color:#238cc8;border-color:#238cc8}.btn-color.btn-linkedin .icon{color:#fff}.btn-color.btn-linkedin.active,.btn-color.btn-linkedin:active,.btn-color.btn-linkedin:hover,.open>.dropdown-toggle.btn-color.btn-linkedin{color:#fff;background-color:#1b6e9d;border-color:#1a6894}.btn-color.btn-linkedin.focus,.btn-color.btn-linkedin:focus{color:#fff;background-color:#238cc8;border-color:#238cc8;outline:0}.btn-color.btn-linkedin.hover,.btn-color.btn-linkedin:hover{box-shadow:inset 0 -1px 0 #1b6e9d;background-color:#2592d1;border-color:#2592d1 #2592d1 #1b6e9d}.btn-color.btn-linkedin.active,.btn-color.btn-linkedin:active,.open>.dropdown-toggle.btn-color.btn-linkedin{color:#fff;box-shadow:inset 0 2px 0 #1b6e9d;background-color:#1e7aae;border-color:#16587e #1e7aae #1e7aae;background-image:none}.btn-color.btn-linkedin.active.focus,.btn-color.btn-linkedin.active:focus,.btn-color.btn-linkedin.active:hover,.btn-color.btn-linkedin:active.focus,.btn-color.btn-linkedin:active:focus,.btn-color.btn-linkedin:active:hover,.open>.dropdown-toggle.btn-color.btn-linkedin.focus,.open>.dropdown-toggle.btn-color.btn-linkedin:focus,.open>.dropdown-toggle.btn-color.btn-linkedin:hover{color:#fff;background-color:#1e7aae;border-color:#16587e transparent transparent;box-shadow:inset 0 2px 0 #1b6e9d}.btn-color.btn-linkedin.active.focus .icon,.btn-color.btn-linkedin.active:focus .icon,.btn-color.btn-linkedin.active:hover .icon,.btn-color.btn-linkedin:active.focus .icon,.btn-color.btn-linkedin:active:focus .icon,.btn-color.btn-linkedin:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-linkedin.focus .icon,.open>.dropdown-toggle.btn-color.btn-linkedin:focus .icon,.open>.dropdown-toggle.btn-color.btn-linkedin:hover .icon{color:#fff}.btn-color.btn-linkedin.disabled,.btn-color.btn-linkedin.disabled.active,.btn-color.btn-linkedin.disabled.focus,.btn-color.btn-linkedin.disabled:active,.btn-color.btn-linkedin.disabled:focus,.btn-color.btn-linkedin.disabled:hover,.btn-color.btn-linkedin[disabled],.btn-color.btn-linkedin[disabled].active,.btn-color.btn-linkedin[disabled].focus,.btn-color.btn-linkedin[disabled]:active,.btn-color.btn-linkedin[disabled]:focus,.btn-color.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-color.btn-linkedin,fieldset[disabled] .btn-color.btn-linkedin.active,fieldset[disabled] .btn-color.btn-linkedin.focus,fieldset[disabled] .btn-color.btn-linkedin:active,fieldset[disabled] .btn-color.btn-linkedin:focus,fieldset[disabled] .btn-color.btn-linkedin:hover{background-color:#238cc8;border-color:#238cc8}.btn-color.btn-linkedin .badge{color:#238cc8;background-color:#fff}.btn-color.btn-youtube{color:#fff;background-color:#ef4e41;border-color:#ef4e41}.btn-color.btn-youtube .icon{color:#fff}.btn-color.btn-youtube.active,.btn-color.btn-youtube:active,.btn-color.btn-youtube:hover,.open>.dropdown-toggle.btn-color.btn-youtube{color:#fff;background-color:#e92414;border-color:#e02213}.btn-color.btn-youtube.focus,.btn-color.btn-youtube:focus{color:#fff;background-color:#ef4e41;border-color:#ef4e41;outline:0}.btn-color.btn-youtube.hover,.btn-color.btn-youtube:hover{box-shadow:inset 0 -1px 0 #e92414;background-color:#f0574a;border-color:#f0574a #f0574a #e92414}.btn-color.btn-youtube.active,.btn-color.btn-youtube:active,.open>.dropdown-toggle.btn-color.btn-youtube{color:#fff;box-shadow:inset 0 2px 0 #e92414;background-color:#ed3425;border-color:#c81f11 #ed3425 #ed3425;background-image:none}.btn-color.btn-youtube.active.focus,.btn-color.btn-youtube.active:focus,.btn-color.btn-youtube.active:hover,.btn-color.btn-youtube:active.focus,.btn-color.btn-youtube:active:focus,.btn-color.btn-youtube:active:hover,.open>.dropdown-toggle.btn-color.btn-youtube.focus,.open>.dropdown-toggle.btn-color.btn-youtube:focus,.open>.dropdown-toggle.btn-color.btn-youtube:hover{color:#fff;background-color:#ed3425;border-color:#c81f11 transparent transparent;box-shadow:inset 0 2px 0 #e92414}.btn-color.btn-youtube.active.focus .icon,.btn-color.btn-youtube.active:focus .icon,.btn-color.btn-youtube.active:hover .icon,.btn-color.btn-youtube:active.focus .icon,.btn-color.btn-youtube:active:focus .icon,.btn-color.btn-youtube:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-youtube.focus .icon,.open>.dropdown-toggle.btn-color.btn-youtube:focus .icon,.open>.dropdown-toggle.btn-color.btn-youtube:hover .icon{color:#fff}.btn-color.btn-youtube.disabled,.btn-color.btn-youtube.disabled.active,.btn-color.btn-youtube.disabled.focus,.btn-color.btn-youtube.disabled:active,.btn-color.btn-youtube.disabled:focus,.btn-color.btn-youtube.disabled:hover,.btn-color.btn-youtube[disabled],.btn-color.btn-youtube[disabled].active,.btn-color.btn-youtube[disabled].focus,.btn-color.btn-youtube[disabled]:active,.btn-color.btn-youtube[disabled]:focus,.btn-color.btn-youtube[disabled]:hover,fieldset[disabled] .btn-color.btn-youtube,fieldset[disabled] .btn-color.btn-youtube.active,fieldset[disabled] .btn-color.btn-youtube.focus,fieldset[disabled] .btn-color.btn-youtube:active,fieldset[disabled] .btn-color.btn-youtube:focus,fieldset[disabled] .btn-color.btn-youtube:hover{background-color:#ef4e41;border-color:#ef4e41}.btn-color.btn-youtube .badge{color:#ef4e41;background-color:#fff}.btn-color.btn-pinterest{color:#fff;background-color:#e13138;border-color:#e13138}.btn-color.btn-pinterest .icon{color:#fff}.btn-color.btn-pinterest.active,.btn-color.btn-pinterest:active,.btn-color.btn-pinterest:hover,.open>.dropdown-toggle.btn-color.btn-pinterest{color:#fff;background-color:#c31c23;border-color:#ba1b21}.btn-color.btn-pinterest.focus,.btn-color.btn-pinterest:focus{color:#fff;background-color:#e13138;border-color:#e13138;outline:0}.btn-color.btn-pinterest.hover,.btn-color.btn-pinterest:hover{box-shadow:inset 0 -1px 0 #c31c23;background-color:#e23a41;border-color:#e23a41 #e23a41 #c31c23}.btn-color.btn-pinterest.active,.btn-color.btn-pinterest:active,.open>.dropdown-toggle.btn-color.btn-pinterest{color:#fff;box-shadow:inset 0 2px 0 #c31c23;background-color:#d41f26;border-color:#a3181d #d41f26 #d41f26;background-image:none}.btn-color.btn-pinterest.active.focus,.btn-color.btn-pinterest.active:focus,.btn-color.btn-pinterest.active:hover,.btn-color.btn-pinterest:active.focus,.btn-color.btn-pinterest:active:focus,.btn-color.btn-pinterest:active:hover,.open>.dropdown-toggle.btn-color.btn-pinterest.focus,.open>.dropdown-toggle.btn-color.btn-pinterest:focus,.open>.dropdown-toggle.btn-color.btn-pinterest:hover{color:#fff;background-color:#d41f26;border-color:#a3181d transparent transparent;box-shadow:inset 0 2px 0 #c31c23}.btn-color.btn-pinterest.active.focus .icon,.btn-color.btn-pinterest.active:focus .icon,.btn-color.btn-pinterest.active:hover .icon,.btn-color.btn-pinterest:active.focus .icon,.btn-color.btn-pinterest:active:focus .icon,.btn-color.btn-pinterest:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-pinterest.focus .icon,.open>.dropdown-toggle.btn-color.btn-pinterest:focus .icon,.open>.dropdown-toggle.btn-color.btn-pinterest:hover .icon{color:#fff}.btn-color.btn-pinterest.disabled,.btn-color.btn-pinterest.disabled.active,.btn-color.btn-pinterest.disabled.focus,.btn-color.btn-pinterest.disabled:active,.btn-color.btn-pinterest.disabled:focus,.btn-color.btn-pinterest.disabled:hover,.btn-color.btn-pinterest[disabled],.btn-color.btn-pinterest[disabled].active,.btn-color.btn-pinterest[disabled].focus,.btn-color.btn-pinterest[disabled]:active,.btn-color.btn-pinterest[disabled]:focus,.btn-color.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-color.btn-pinterest,fieldset[disabled] .btn-color.btn-pinterest.active,fieldset[disabled] .btn-color.btn-pinterest.focus,fieldset[disabled] .btn-color.btn-pinterest:active,fieldset[disabled] .btn-color.btn-pinterest:focus,fieldset[disabled] .btn-color.btn-pinterest:hover{background-color:#e13138;border-color:#e13138}.btn-color.btn-pinterest .badge{color:#e13138;background-color:#fff}.btn-color.btn-github{color:#fff;background-color:#333;border-color:#333}.btn-color.btn-github .icon{color:#fff}.btn-color.btn-github.active,.btn-color.btn-github:active,.btn-color.btn-github:hover,.open>.dropdown-toggle.btn-color.btn-github{color:#fff;background-color:#1a1a1a;border-color:#141414}.btn-color.btn-github.focus,.btn-color.btn-github:focus{color:#fff;background-color:#333;border-color:#333;outline:0}.btn-color.btn-github.hover,.btn-color.btn-github:hover{box-shadow:inset 0 -1px 0 #1a1a1a;background-color:#383838;border-color:#383838 #383838 #1a1a1a}.btn-color.btn-github.active,.btn-color.btn-github:active,.open>.dropdown-toggle.btn-color.btn-github{color:#fff;box-shadow:inset 0 2px 0 #1a1a1a;background-color:#242424;border-color:#080808 #242424 #242424;background-image:none}.btn-color.btn-github.active.focus,.btn-color.btn-github.active:focus,.btn-color.btn-github.active:hover,.btn-color.btn-github:active.focus,.btn-color.btn-github:active:focus,.btn-color.btn-github:active:hover,.open>.dropdown-toggle.btn-color.btn-github.focus,.open>.dropdown-toggle.btn-color.btn-github:focus,.open>.dropdown-toggle.btn-color.btn-github:hover{color:#fff;background-color:#242424;border-color:#080808 transparent transparent;box-shadow:inset 0 2px 0 #1a1a1a}.btn-color.btn-github.active.focus .icon,.btn-color.btn-github.active:focus .icon,.btn-color.btn-github.active:hover .icon,.btn-color.btn-github:active.focus .icon,.btn-color.btn-github:active:focus .icon,.btn-color.btn-github:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-github.focus .icon,.open>.dropdown-toggle.btn-color.btn-github:focus .icon,.open>.dropdown-toggle.btn-color.btn-github:hover .icon{color:#fff}.btn-color.btn-github.disabled,.btn-color.btn-github.disabled.active,.btn-color.btn-github.disabled.focus,.btn-color.btn-github.disabled:active,.btn-color.btn-github.disabled:focus,.btn-color.btn-github.disabled:hover,.btn-color.btn-github[disabled],.btn-color.btn-github[disabled].active,.btn-color.btn-github[disabled].focus,.btn-color.btn-github[disabled]:active,.btn-color.btn-github[disabled]:focus,.btn-color.btn-github[disabled]:hover,fieldset[disabled] .btn-color.btn-github,fieldset[disabled] .btn-color.btn-github.active,fieldset[disabled] .btn-color.btn-github.focus,fieldset[disabled] .btn-color.btn-github:active,fieldset[disabled] .btn-color.btn-github:focus,fieldset[disabled] .btn-color.btn-github:hover{background-color:#333;border-color:#333}.btn-color.btn-github .badge{color:#333;background-color:#fff}.btn-color.btn-tumblr{color:#fff;background-color:#426d9b;border-color:#426d9b}.btn-color.btn-tumblr .icon{color:#fff}.btn-color.btn-tumblr.active,.btn-color.btn-tumblr:active,.btn-color.btn-tumblr:hover,.open>.dropdown-toggle.btn-color.btn-tumblr{color:#fff;background-color:#335477;border-color:#304f70}.btn-color.btn-tumblr.focus,.btn-color.btn-tumblr:focus{color:#fff;background-color:#426d9b;border-color:#426d9b;outline:0}.btn-color.btn-tumblr.hover,.btn-color.btn-tumblr:hover{box-shadow:inset 0 -1px 0 #335477;background-color:#4572a2;border-color:#4572a2 #4572a2 #335477}.btn-color.btn-tumblr.active,.btn-color.btn-tumblr:active,.open>.dropdown-toggle.btn-color.btn-tumblr{color:#fff;box-shadow:inset 0 2px 0 #335477;background-color:#395e86;border-color:#28425e #395e86 #395e86;background-image:none}.btn-color.btn-tumblr.active.focus,.btn-color.btn-tumblr.active:focus,.btn-color.btn-tumblr.active:hover,.btn-color.btn-tumblr:active.focus,.btn-color.btn-tumblr:active:focus,.btn-color.btn-tumblr:active:hover,.open>.dropdown-toggle.btn-color.btn-tumblr.focus,.open>.dropdown-toggle.btn-color.btn-tumblr:focus,.open>.dropdown-toggle.btn-color.btn-tumblr:hover{color:#fff;background-color:#395e86;border-color:#28425e transparent transparent;box-shadow:inset 0 2px 0 #335477}.btn-color.btn-tumblr.active.focus .icon,.btn-color.btn-tumblr.active:focus .icon,.btn-color.btn-tumblr.active:hover .icon,.btn-color.btn-tumblr:active.focus .icon,.btn-color.btn-tumblr:active:focus .icon,.btn-color.btn-tumblr:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-tumblr.focus .icon,.open>.dropdown-toggle.btn-color.btn-tumblr:focus .icon,.open>.dropdown-toggle.btn-color.btn-tumblr:hover .icon{color:#fff}.btn-color.btn-tumblr.disabled,.btn-color.btn-tumblr.disabled.active,.btn-color.btn-tumblr.disabled.focus,.btn-color.btn-tumblr.disabled:active,.btn-color.btn-tumblr.disabled:focus,.btn-color.btn-tumblr.disabled:hover,.btn-color.btn-tumblr[disabled],.btn-color.btn-tumblr[disabled].active,.btn-color.btn-tumblr[disabled].focus,.btn-color.btn-tumblr[disabled]:active,.btn-color.btn-tumblr[disabled]:focus,.btn-color.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-color.btn-tumblr,fieldset[disabled] .btn-color.btn-tumblr.active,fieldset[disabled] .btn-color.btn-tumblr.focus,fieldset[disabled] .btn-color.btn-tumblr:active,fieldset[disabled] .btn-color.btn-tumblr:focus,fieldset[disabled] .btn-color.btn-tumblr:hover{background-color:#426d9b;border-color:#426d9b}.btn-color.btn-tumblr .badge{color:#426d9b;background-color:#fff}.btn-color.btn-dropbox{color:#fff;background-color:#007EE5;border-color:#007EE5}.btn-color.btn-dropbox .icon{color:#fff}.btn-color.btn-dropbox.active,.btn-color.btn-dropbox:active,.btn-color.btn-dropbox:hover,.open>.dropdown-toggle.btn-color.btn-dropbox{color:#fff;background-color:#0062b2;border-color:#005ca8}.btn-color.btn-dropbox.focus,.btn-color.btn-dropbox:focus{color:#fff;background-color:#007EE5;border-color:#007EE5;outline:0}.btn-color.btn-dropbox.hover,.btn-color.btn-dropbox:hover{box-shadow:inset 0 -1px 0 #0062b2;background-color:#0084ef;border-color:#0084ef #0084ef #0062b2}.btn-color.btn-dropbox.active,.btn-color.btn-dropbox:active,.open>.dropdown-toggle.btn-color.btn-dropbox{color:#fff;box-shadow:inset 0 2px 0 #0062b2;background-color:#006dc6;border-color:#004e8e #006dc6 #006dc6;background-image:none}.btn-color.btn-dropbox.active.focus,.btn-color.btn-dropbox.active:focus,.btn-color.btn-dropbox.active:hover,.btn-color.btn-dropbox:active.focus,.btn-color.btn-dropbox:active:focus,.btn-color.btn-dropbox:active:hover,.open>.dropdown-toggle.btn-color.btn-dropbox.focus,.open>.dropdown-toggle.btn-color.btn-dropbox:focus,.open>.dropdown-toggle.btn-color.btn-dropbox:hover{color:#fff;background-color:#006dc6;border-color:#004e8e transparent transparent;box-shadow:inset 0 2px 0 #0062b2}.btn-color.btn-dropbox.active.focus .icon,.btn-color.btn-dropbox.active:focus .icon,.btn-color.btn-dropbox.active:hover .icon,.btn-color.btn-dropbox:active.focus .icon,.btn-color.btn-dropbox:active:focus .icon,.btn-color.btn-dropbox:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-dropbox.focus .icon,.open>.dropdown-toggle.btn-color.btn-dropbox:focus .icon,.open>.dropdown-toggle.btn-color.btn-dropbox:hover .icon{color:#fff}.btn-color.btn-dropbox.disabled,.btn-color.btn-dropbox.disabled.active,.btn-color.btn-dropbox.disabled.focus,.btn-color.btn-dropbox.disabled:active,.btn-color.btn-dropbox.disabled:focus,.btn-color.btn-dropbox.disabled:hover,.btn-color.btn-dropbox[disabled],.btn-color.btn-dropbox[disabled].active,.btn-color.btn-dropbox[disabled].focus,.btn-color.btn-dropbox[disabled]:active,.btn-color.btn-dropbox[disabled]:focus,.btn-color.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-color.btn-dropbox,fieldset[disabled] .btn-color.btn-dropbox.active,fieldset[disabled] .btn-color.btn-dropbox.focus,fieldset[disabled] .btn-color.btn-dropbox:active,fieldset[disabled] .btn-color.btn-dropbox:focus,fieldset[disabled] .btn-color.btn-dropbox:hover{background-color:#007EE5;border-color:#007EE5}.btn-color.btn-dropbox .badge{color:#007EE5;background-color:#fff}.btn-color.btn-evernote{color:#fff;background-color:#2DBE60;border-color:#2DBE60}.btn-color.btn-evernote .icon{color:#fff}.btn-color.btn-evernote.active,.btn-color.btn-evernote:active,.btn-color.btn-evernote:hover,.open>.dropdown-toggle.btn-color.btn-evernote{color:#fff;background-color:#23954b;border-color:#218d47}.btn-color.btn-evernote.focus,.btn-color.btn-evernote:focus{color:#fff;background-color:#2DBE60;border-color:#2DBE60;outline:0}.btn-color.btn-evernote.hover,.btn-color.btn-evernote:hover{box-shadow:inset 0 -1px 0 #23954b;background-color:#2fc664;border-color:#2fc664 #2fc664 #23954b}.btn-color.btn-evernote.active,.btn-color.btn-evernote:active,.open>.dropdown-toggle.btn-color.btn-evernote{color:#fff;box-shadow:inset 0 2px 0 #23954b;background-color:#27a553;border-color:#1c783d #27a553 #27a553;background-image:none}.btn-color.btn-evernote.active.focus,.btn-color.btn-evernote.active:focus,.btn-color.btn-evernote.active:hover,.btn-color.btn-evernote:active.focus,.btn-color.btn-evernote:active:focus,.btn-color.btn-evernote:active:hover,.open>.dropdown-toggle.btn-color.btn-evernote.focus,.open>.dropdown-toggle.btn-color.btn-evernote:focus,.open>.dropdown-toggle.btn-color.btn-evernote:hover{color:#fff;background-color:#27a553;border-color:#1c783d transparent transparent;box-shadow:inset 0 2px 0 #23954b}.btn-color.btn-evernote.active.focus .icon,.btn-color.btn-evernote.active:focus .icon,.btn-color.btn-evernote.active:hover .icon,.btn-color.btn-evernote:active.focus .icon,.btn-color.btn-evernote:active:focus .icon,.btn-color.btn-evernote:active:hover .icon,.open>.dropdown-toggle.btn-color.btn-evernote.focus .icon,.open>.dropdown-toggle.btn-color.btn-evernote:focus .icon,.open>.dropdown-toggle.btn-color.btn-evernote:hover .icon{color:#fff}.btn-color.btn-evernote.disabled,.btn-color.btn-evernote.disabled.active,.btn-color.btn-evernote.disabled.focus,.btn-color.btn-evernote.disabled:active,.btn-color.btn-evernote.disabled:focus,.btn-color.btn-evernote.disabled:hover,.btn-color.btn-evernote[disabled],.btn-color.btn-evernote[disabled].active,.btn-color.btn-evernote[disabled].focus,.btn-color.btn-evernote[disabled]:active,.btn-color.btn-evernote[disabled]:focus,.btn-color.btn-evernote[disabled]:hover,fieldset[disabled] .btn-color.btn-evernote,fieldset[disabled] .btn-color.btn-evernote.active,fieldset[disabled] .btn-color.btn-evernote.focus,fieldset[disabled] .btn-color.btn-evernote:active,fieldset[disabled] .btn-color.btn-evernote:focus,fieldset[disabled] .btn-color.btn-evernote:hover{background-color:#2DBE60;border-color:#2DBE60}.btn-color.btn-evernote .badge{color:#2DBE60;background-color:#fff}.btn .icon{font-size:16px;line-height:15px;vertical-align:middle}.btn .icon.icon-left{margin-right:1px}.btn .icon.icon-right{margin-left:1px}.btn .icon.fa{font-size:15px}.btn.btn-lg .icon{font-size:21px;line-height:20px}.btn.btn-sm .icon{font-size:15px;line-height:15px}.btn.btn-xs .icon{font-size:14px;line-height:14px}.btn-group .btn.dropdown-toggle.btn-danger,.btn-group .btn.dropdown-toggle.btn-danger:hover,.btn-group .btn.dropdown-toggle.btn-primary,.btn-group .btn.dropdown-toggle.btn-primary:hover,.btn-group .btn.dropdown-toggle.btn-success,.btn-group .btn.dropdown-toggle.btn-success:hover,.btn-group .btn.dropdown-toggle.btn-warning,.btn-group .btn.dropdown-toggle.btn-warning:hover{border-right-color:transparent}.btn.dropdown-toggle .mdi-chevron-down,.btn.dropdown-toggle .mdi-chevron-up{font-size:18px;vertical-align:middle;line-height:17px}.btn.dropdown-toggle .icon-dropdown{font-size:18px;line-height:17px;margin-left:6px}.btn.dropdown-toggle .icon-dropdown-left{margin-left:0;margin-right:6px}.btn-big{padding:10px 13px;line-height:13px;min-width:62px}.btn-big>.icon{display:block;font-size:26px;line-height:20px;margin-bottom:7px}.btn-outline.btn-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5);border-width:2px}.btn-outline.btn-default:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.btn-outline.btn-default.active,.btn-outline.btn-default:active{background-color:#fff;color:#d9d9d9;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-default:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-primary{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5);border-width:2px}.btn-outline.btn-primary:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.btn-outline.btn-primary.active,.btn-outline.btn-primary:active{background-color:#fff;color:#5f99f5;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-primary:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-success{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5);border-width:2px}.btn-outline.btn-success:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.btn-outline.btn-success.active,.btn-outline.btn-success:active{background-color:#fff;color:#37b358;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-success:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-warning{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5);border-width:2px}.btn-outline.btn-warning:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.btn-outline.btn-warning.active,.btn-outline.btn-warning:active{background-color:#fff;color:#f6c163;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-warning:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-danger{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5);border-width:2px}.btn-outline.btn-danger:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.btn-outline.btn-danger.active,.btn-outline.btn-danger:active{background-color:#fff;color:#eb6357;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-outline.btn-danger:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn-group>.btn.btn-default.active+.btn,.btn-group>.btn.btn-default:hover+.btn,.input-group-btn>.btn.btn-default.active+.btn,.input-group-btn>.btn.btn-default:hover+.btn{border-left-color:#bdbdbd}.btn-group>.btn.btn-primary,.input-group-btn>.btn.btn-primary{border-left-color:#206ff2;border-right-color:#206ff2}.btn-group>.btn.btn-primary.active,.btn-group>.btn.btn-primary:active,.btn-group>.btn.btn-primary:hover,.input-group-btn>.btn.btn-primary.active,.input-group-btn>.btn.btn-primary:active,.input-group-btn>.btn.btn-primary:hover{box-shadow:none;border-left-color:#0d5fe6;border-right-color:#0d5fe6;border-bottom-color:transparent}.btn-group>.btn.btn-primary.active,.btn-group>.btn.btn-primary:active,.input-group-btn>.btn.btn-primary.active,.input-group-btn>.btn.btn-primary:active{box-shadow:inset 0 2px 0 #1266f1}.btn-group>.btn.btn-primary.active+.btn,.btn-group>.btn.btn-primary:active+.btn,.btn-group>.btn.btn-primary:hover+.btn,.input-group-btn>.btn.btn-primary.active+.btn,.input-group-btn>.btn.btn-primary:active+.btn,.input-group-btn>.btn.btn-primary:hover+.btn{border-left-color:#0d5fe6}.btn-group>.btn.btn-primary:first-child,.input-group-btn>.btn.btn-primary:first-child{border-left-color:transparent}.btn-group>.btn.btn-primary:last-child,.input-group-btn>.btn.btn-primary:last-child{border-right-color:transparent}.btn-group>.btn.btn-success,.input-group-btn>.btn.btn-success{border-left-color:#2c8d46;border-right-color:#2c8d46}.btn-group>.btn.btn-success.active,.btn-group>.btn.btn-success:active,.btn-group>.btn.btn-success:hover,.input-group-btn>.btn.btn-success.active,.input-group-btn>.btn.btn-success:active,.input-group-btn>.btn.btn-success:hover{box-shadow:none;border-left-color:#24753a;border-right-color:#24753a;border-bottom-color:transparent}.btn-group>.btn.btn-success.active,.btn-group>.btn.btn-success:active,.input-group-btn>.btn.btn-success.active,.input-group-btn>.btn.btn-success:active{box-shadow:inset 0 2px 0 #288140}.btn-group>.btn.btn-success.active+.btn,.btn-group>.btn.btn-success:active+.btn,.btn-group>.btn.btn-success:hover+.btn,.input-group-btn>.btn.btn-success.active+.btn,.input-group-btn>.btn.btn-success:active+.btn,.input-group-btn>.btn.btn-success:hover+.btn{border-left-color:#24753a}.btn-group>.btn.btn-success:first-child,.input-group-btn>.btn.btn-success:first-child{border-left-color:transparent}.btn-group>.btn.btn-success:last-child,.input-group-btn>.btn.btn-success:last-child{border-right-color:transparent}.btn-group>.btn.btn-warning,.input-group-btn>.btn.btn-warning{border-left-color:#d9a203;border-right-color:#d9a203}.btn-group>.btn.btn-warning.active,.btn-group>.btn.btn-warning:active,.btn-group>.btn.btn-warning:hover,.input-group-btn>.btn.btn-warning.active,.input-group-btn>.btn.btn-warning:active,.input-group-btn>.btn.btn-warning:hover{box-shadow:none;border-left-color:#bb8c03;border-right-color:#bb8c03;border-bottom-color:transparent}.btn-group>.btn.btn-warning.active,.btn-group>.btn.btn-warning:active,.input-group-btn>.btn.btn-warning.active,.input-group-btn>.btn.btn-warning:active{box-shadow:inset 0 2px 0 #ca9703}.btn-group>.btn.btn-warning.active+.btn,.btn-group>.btn.btn-warning:active+.btn,.btn-group>.btn.btn-warning:hover+.btn,.input-group-btn>.btn.btn-warning.active+.btn,.input-group-btn>.btn.btn-warning:active+.btn,.input-group-btn>.btn.btn-warning:hover+.btn{border-left-color:#bb8c03}.btn-group>.btn.btn-warning:first-child,.input-group-btn>.btn.btn-warning:first-child{border-left-color:transparent}.btn-group>.btn.btn-warning:last-child,.input-group-btn>.btn.btn-warning:last-child{border-right-color:transparent}.btn-group>.btn.btn-danger,.input-group-btn>.btn.btn-danger{border-left-color:#e42718;border-right-color:#e42718}.btn-group>.btn.btn-danger.active,.btn-group>.btn.btn-danger:active,.btn-group>.btn.btn-danger:hover,.input-group-btn>.btn.btn-danger.active,.input-group-btn>.btn.btn-danger:active,.input-group-btn>.btn.btn-danger:hover{box-shadow:none;border-left-color:#c82315;border-right-color:#c82315;border-bottom-color:transparent}.btn-group:first-child,.btn-group:last-child,.btn-group>.btn.btn-danger:last-child,.btn-group>.btn:last-of-type:not(.btn-default),.btn-group>.btn:last-of-type:not(.btn-default):hover,.input-group-btn:first-child,.input-group-btn:last-child,.input-group-btn>.btn.btn-danger:last-child,.input-group-btn>.btn:last-of-type:not(.btn-default),.input-group-btn>.btn:last-of-type:not(.btn-default):hover{border-right-color:transparent}.btn-group>.btn.btn-danger.active,.btn-group>.btn.btn-danger:active,.input-group-btn>.btn.btn-danger.active,.input-group-btn>.btn.btn-danger:active{box-shadow:inset 0 2px 0 #d62516}.btn-group>.btn.btn-danger.active+.btn,.btn-group>.btn.btn-danger:active+.btn,.btn-group>.btn.btn-danger:hover+.btn,.input-group-btn>.btn.btn-danger.active+.btn,.input-group-btn>.btn.btn-danger:active+.btn,.input-group-btn>.btn.btn-danger:hover+.btn{border-left-color:#c82315}.btn-group>.btn.btn-danger:first-child,.input-group-btn>.btn.btn-danger:first-child{border-left-color:transparent}.btn-group>.btn+.dropdown-toggle,.input-group-btn>.btn+.dropdown-toggle{padding-left:7px;padding-right:7px}.btn-group.open>.btn.btn-danger:hover,.btn-group.open>.btn.btn-primary:hover,.btn-group.open>.btn.btn-success:hover,.btn-group.open>.btn.btn-warning:hover,.input-group-btn.open>.btn.btn-danger:hover,.input-group-btn.open>.btn.btn-primary:hover,.input-group-btn.open>.btn.btn-success:hover,.input-group-btn.open>.btn.btn-warning:hover{box-shadow:inset 0 2px 0 rgba(0,0,0,.1)}.btn-group.open>.btn+.btn-danger,.btn-group.open>.btn+.btn-primary,.btn-group.open>.btn+.btn-success,.btn-group.open>.btn+.btn-warning,.input-group-btn.open>.btn+.btn-danger,.input-group-btn.open>.btn+.btn-primary,.input-group-btn.open>.btn+.btn-success,.input-group-btn.open>.btn+.btn-warning{border-left-color:rgba(0,0,0,.15)}.btn-group-justified>.btn{border-right-width:0}.btn-group-justified>.btn:last-child{border-right-width:1px}.btn-group-vertical>.btn.btn-default:focus,.btn-group-vertical>.btn.btn-default:hover{box-shadow:none}.btn-group-vertical>.btn.btn-default.active,.btn-group-vertical>.btn.btn-default:active{box-shadow:inset 0 2px 0 rgba(0,0,0,.06)}.btn-group-vertical>.btn.btn-primary{border-top-color:#206ff2;border-bottom-color:#206ff2}.btn-group-vertical>.btn.btn-primary.active,.btn-group-vertical>.btn.btn-primary:active,.btn-group-vertical>.btn.btn-primary:hover{box-shadow:none;border-top-color:#0d5fe6;border-bottom-color:#0d5fe6}.btn-group-vertical>.btn.btn-primary:first-child{border-top-color:transparent}.btn-group-vertical>.btn.btn-primary:last-child{border-bottom-color:transparent}.btn-group-vertical>.btn.btn-primary.active,.btn-group-vertical>.btn.btn-primary:active{box-shadow:inset 0 1px 0 #0d5fe6;border-top-color:#0d5fe6;border-bottom-color:#0d5fe6}.btn-group-vertical>.btn.btn-success{border-top-color:#2c8d46;border-bottom-color:#2c8d46}.btn-group-vertical>.btn.btn-success.active,.btn-group-vertical>.btn.btn-success:active,.btn-group-vertical>.btn.btn-success:hover{box-shadow:none;border-top-color:#24753a;border-bottom-color:#24753a}.btn-group-vertical>.btn.btn-success:first-child{border-top-color:transparent}.btn-group-vertical>.btn.btn-success:last-child{border-bottom-color:transparent}.btn-group-vertical>.btn.btn-success.active,.btn-group-vertical>.btn.btn-success:active{box-shadow:inset 0 1px 0 #24753a;border-top-color:#24753a;border-bottom-color:#24753a}.btn-group-vertical>.btn.btn-warning{border-top-color:#d9a203;border-bottom-color:#d9a203}.btn-group-vertical>.btn.btn-warning.active,.btn-group-vertical>.btn.btn-warning:active,.btn-group-vertical>.btn.btn-warning:hover{box-shadow:none;border-top-color:#bb8c03;border-bottom-color:#bb8c03}.btn-group-vertical>.btn.btn-warning:first-child{border-top-color:transparent}.btn-group-vertical>.btn.btn-warning:last-child{border-bottom-color:transparent}.btn-group-vertical>.btn.btn-warning.active,.btn-group-vertical>.btn.btn-warning:active{box-shadow:inset 0 1px 0 #bb8c03;border-top-color:#bb8c03;border-bottom-color:#bb8c03}.btn-group-vertical>.btn.btn-danger{border-top-color:#e42718;border-bottom-color:#e42718}.btn-group-vertical>.btn.btn-danger.active,.btn-group-vertical>.btn.btn-danger:active,.btn-group-vertical>.btn.btn-danger:hover{box-shadow:none;border-top-color:#c82315;border-bottom-color:#c82315}.btn-group-vertical>.btn.btn-danger:first-child{border-top-color:transparent}.btn-group-vertical>.btn.btn-danger:last-child{border-bottom-color:transparent}.btn-group-vertical>.btn.btn-danger.active,.btn-group-vertical>.btn.btn-danger:active{box-shadow:inset 0 1px 0 #c82315;border-top-color:#c82315;border-bottom-color:#c82315}.input-group-btn>.btn+.dropdown-toggle{padding-left:9px;padding-right:9px}.breadcrumb{background-color:#f5f5f5;color:#8a8a8a;margin-bottom:18px;padding:7px 20px;line-height:16px}.breadcrumb .icon{font-size:16px}.breadcrumb>.active,.breadcrumb>li+li:before{color:#3d3d3d}.panel{background-color:#fff;margin-bottom:25px;box-shadow:0 0 4px 0 rgba(0,0,0,.04);border-width:0;border-radius:3px}.panel-body{padding:8px 20px 20px;border-radius:0 0 3px 3px}.panel-heading{font-size:18px;font-weight:300;padding-left:0;padding-right:0;padding-bottom:10px;margin:0 20px;border-bottom-width:0;border-radius:3px 3px 0 0}.panel-heading .tools{float:right;font-size:0}.panel-heading .tools>a{display:inline-block}.panel-heading .tools .icon{display:inline-block;font-size:20px;line-height:25px;vertical-align:middle;cursor:pointer;color:#bababa;min-width:20px;text-align:center}.panel-heading .tools .icon+.icon{margin-left:2px}.panel-heading .tools .icon:hover{color:#a6a6a6}.panel-title{font-size:18px;font-weight:300;display:block;margin:0}.panel-subtitle{display:block;font-size:13px;color:#707070;margin-bottom:6px}.panel-full-color .panel-heading .icon,.panel-full-color .panel-heading .panel-subtitle,.panel-full-primary,.panel-full-primary .tools .icon{color:#fff}.panel-heading-divider{border-bottom:1px solid #d9d9d9;margin:0 20px 8px;padding-left:0;padding-right:0}.panel-flat{border:none;box-shadow:none}.panel-border{box-shadow:none;border:1px solid #d4d4d4}.dropdown-menu-danger>li .dropdown-tools .btn-group .btn:hover+.btn,.dropdown-menu-primary>li .dropdown-tools .btn-group .btn:hover+.btn,.dropdown-menu-success>li .dropdown-tools .btn-group .btn:hover+.btn,.dropdown-menu-warning>li .dropdown-tools .btn-group .btn:hover+.btn{border-left-color:transparent}.panel-contrast .panel-heading{margin:0;padding:20px 20px 11px}.panel-contrast .panel-body{padding-top:16px}.panel-body-contrast,.panel-heading-contrast{background-color:#f5f5f5}.panel-border-color{border-top:3px solid #c9c9c9}.panel-border-color-primary{border-top-color:#4285f4}.panel-border-color-danger{border-top-color:#ea4335}.panel-border-color-warning{border-top-color:#fbbc05}.panel-border-color-success{border-top-color:#34a853}.panel-border-color-dark{border-top-color:#3d3c3c}.panel-full .panel-heading{margin:0;padding-left:20px;padding-right:20px}.panel-full .panel-heading .panel-title{border-width:0}.panel-full-color .panel-heading{color:#fff;padding:27px 20px 15px;margin:0}.panel-full-color .panel-body{padding:20px}.panel-full-primary{background-color:#5f99f5}.panel-full-primary .panel-heading-contrast{background-color:#6da2f6;padding:20px 20px 15px;margin:0}.panel-full-primary .tools .icon:hover{color:#4287f3}.panel-full-success{background-color:#37b358;color:#fff}.panel-full-success .panel-heading-contrast{background-color:#3bbf5e;padding:20px 20px 15px;margin:0}.panel-full-success .tools .icon{color:#fff}.panel-full-success .tools .icon:hover{color:#309c4c}.panel-full-warning{background-color:#f6c163;color:#fff}.panel-full-warning .panel-heading-contrast{background-color:#f7c771;padding:20px 20px 15px;margin:0}.panel-full-warning .tools .icon{color:#fff}.panel-full-warning .tools .icon:hover{color:#f4b646}.panel-full-danger{background-color:#eb6357;color:#fff}.panel-full-danger .panel-heading-contrast{background-color:#ed7065;padding:20px 20px 15px;margin:0}.panel-full-danger .tools .icon{color:#fff}.panel-full-danger .tools .icon:hover{color:#e84a3c}.panel-full{background-color:#bdbdbd;color:#fff}.panel-full .panel-heading-contrast{background-color:#c4c4c4;padding:20px 20px 15px;margin:0}.panel-full .tools .icon{color:#fff}.panel-full .tools .icon:hover{color:#adadad}.panel-full-dark{background-color:#333;color:#fff}.panel-full-dark .panel-heading-contrast{background-color:#3b3b3b;padding:20px 20px 15px;margin:0}.panel-full-dark .tools .icon{color:#fff}.panel-full-dark .tools .icon:hover{color:#242424}.panel-table .panel-body{padding:0}.dropdown-showcase{margin:0}.dropdown-showcase .showcase{display:inline-block;margin-right:18px}.dropdown-menu{box-shadow:0 0 6px 0 rgba(0,0,0,.12);border-radius:3px;padding:7px 0;min-width:185px}.dropdown-menu>li>a{font-weight:400;color:#504e4e;padding:8px 20px}.dropdown-menu>li>a .icon{font-size:16px;line-height:normal;vertical-align:middle;margin-right:8px;color:#696969}.dropdown-menu>li>a:active,.dropdown-menu>li>a:focus{background-color:transparent;color:#504e4e}.dropdown-menu>li>a:hover{background-color:#f5f5f5}.dropdown-menu>li .btn-group .btn{font-size:16px;color:#696969;padding:0 20px}.dropdown-menu .divider{margin:6px 0;background-color:#e3e3e3}.dropdown-header{padding:5px 20px 1px;font-weight:600;color:#c2c1c1;cursor:default}.dropdown-menu-primary{border-color:transparent;background-color:#5f99f5}.dropdown-menu-primary>li>a,.dropdown-menu-primary>li>a:active,.dropdown-menu-primary>li>a:focus{color:#fff}.dropdown-menu-primary>li>a:hover{background-color:#478af4;color:#fff}.dropdown-menu-primary>li>a .icon{color:#fff}.dropdown-menu-primary>li .dropdown-tools .btn-group .btn{background-color:transparent;color:#fff;border-color:#b5d0fa;border-width:2px}.dropdown-menu-primary>li .dropdown-tools .btn-group .btn:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.dropdown-menu-primary>li .dropdown-tools .btn-group .btn.active,.dropdown-menu-primary>li .dropdown-tools .btn-group .btn:active{background-color:#fff;color:#5f99f5;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-primary>li .dropdown-tools .btn-group .btn:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-primary .divider{background-color:#478af4}.dropdown-menu-success{border-color:transparent;background-color:#37b358}.dropdown-menu-success>li>a,.dropdown-menu-success>li>a:active,.dropdown-menu-success>li>a:focus{color:#fff}.dropdown-menu-success>li>a:hover{background-color:#319f4e;color:#fff}.dropdown-menu-success>li>a .icon{color:#fff}.dropdown-menu-success>li .dropdown-tools .btn-group .btn{background-color:transparent;color:#fff;border-color:#72d48c;border-width:2px}.dropdown-menu-success>li .dropdown-tools .btn-group .btn:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.dropdown-menu-success>li .dropdown-tools .btn-group .btn.active,.dropdown-menu-success>li .dropdown-tools .btn-group .btn:active{background-color:#fff;color:#37b358;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-success>li .dropdown-tools .btn-group .btn:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-success .divider{background-color:#319f4e}.dropdown-menu-warning{border-color:transparent;background-color:#f6c163}.dropdown-menu-warning>li>a,.dropdown-menu-warning>li>a:active,.dropdown-menu-warning>li>a:focus{color:#fff}.dropdown-menu-warning>li>a:hover{background-color:#f5b74b;color:#fff}.dropdown-menu-warning>li>a .icon{color:#fff}.dropdown-menu-warning>li .dropdown-tools .btn-group .btn{background-color:transparent;color:#fff;border-color:#fbe3ba;border-width:2px}.dropdown-menu-warning>li .dropdown-tools .btn-group .btn:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.dropdown-menu-warning>li .dropdown-tools .btn-group .btn.active,.dropdown-menu-warning>li .dropdown-tools .btn-group .btn:active{background-color:#fff;color:#f6c163;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-warning>li .dropdown-tools .btn-group .btn:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-warning .divider{background-color:#f5b74b}.dropdown-menu-danger{border-color:transparent;background-color:#eb6357}.dropdown-menu-danger>li>a,.dropdown-menu-danger>li>a:active,.dropdown-menu-danger>li>a:focus{color:#fff}.dropdown-menu-danger>li>a:hover{background-color:#e84e40;color:#fff}.dropdown-menu-danger>li>a .icon{color:#fff}.dropdown-menu-danger>li .dropdown-tools .btn-group .btn{background-color:transparent;color:#fff;border-color:#f5afa9;border-width:2px}.dropdown-menu-danger>li .dropdown-tools .btn-group .btn:hover{border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.1)}.dropdown-menu-danger>li .dropdown-tools .btn-group .btn.active,.dropdown-menu-danger>li .dropdown-tools .btn-group .btn:active{background-color:#fff;color:#eb6357;border-color:transparent;border-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-danger>li .dropdown-tools .btn-group .btn:focus{box-shadow:0 1px 0 rgba(0,0,0,.05)}.dropdown-menu-danger .divider{background-color:#e84e40}.accordion{margin-bottom:40px;padding:0}.accordion .panel{padding:0;border-radius:3px}.accordion .panel .panel-heading{padding:0;margin:0;border-radius:3px}.accordion .panel .panel-heading a{padding:20px;display:block;color:#4285f4}.accordion .panel .panel-heading a .icon{-webkit-transition:-webkit-transform 200ms ease-in-out;-o-transition:transform 200ms ease-in-out,-o-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out,-webkit-transform 200ms ease-in-out,-o-transform 200ms ease-in-out;font-size:25px;vertical-align:middle;position:relative;top:-1px;display:inline-block;margin-right:10px}.accordion .panel .panel-heading a.collapsed{color:#404040}.accordion .panel .panel-heading a.collapsed .icon{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.accordion .panel .panel-collapse .panel-body{padding:0 20px 20px;border-top:0;line-height:22px;border-radius:0 0 3px 3px}.accordion-color .panel .panel-heading a,.accordion-color .panel .panel-heading a.collapsed{color:#fff}.nav-tabs{background-color:#fff;border-bottom:2px solid #ebebeb}.nav-tabs>li{margin-right:2px;margin-bottom:-2px}.nav-tabs>li a{padding:12px 20px;margin-right:0;min-width:60px;border-radius:0;color:#404040;border-width:0}.nav-tabs>li a .icon{font-size:20px;vertical-align:middle;margin-right:6px;line-height:17px}.nav-tabs>li a:hover{background:0 0;color:#4285f4}.nav-tabs>li a:active{background-color:transparent}.nav-tabs>li.active{position:relative;background:0 0;color:#4285f4}.nav-tabs>li.active a,.nav-tabs>li.active a:focus,.nav-tabs>li.active a:hover{background-color:#fff;border:none;border-bottom:2px solid #4285f4}.tab-content{background:#fff;padding:20px;margin-bottom:40px;border-radius:0 0 3px 3px}.alert .message>p,.alert .message>ul,.modal-body .row:last-child .form-group{margin-bottom:0}.tab-content .tab-pane h1:first-child,.tab-content .tab-pane h2:first-child,.tab-content .tab-pane h3:first-child,.tab-content .tab-pane h4:first-child,.tab-content .tab-pane h5:first-child,.tab-content .tab-pane h6:first-child{margin-top:5px}.nav-tabs-success>li a:hover{color:#34a853}.nav-tabs-success>li.active a,.nav-tabs-success>li.active a:focus,.nav-tabs-success>li.active a:hover{border-bottom:2px solid #34a853}.nav-tabs-warning>li a:hover{color:#fbbc05}.nav-tabs-warning>li.active a,.nav-tabs-warning>li.active a:focus,.nav-tabs-warning>li.active a:hover{border-bottom:2px solid #fbbc05}.nav-tabs-danger>li a:hover{color:#ea4335}.nav-tabs-danger>li.active a,.nav-tabs-danger>li.active a:focus,.nav-tabs-danger>li.active a:hover{border-bottom:2px solid #ea4335}.modal-content{box-shadow:0 4px 6px rgba(0,0,0,.3);overflow:hidden;background-color:#fff;color:#404040;border:none}.modal-header{border:0;padding:19px}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6{display:block;margin:0}.modal-header .close{font-size:20px;opacity:.4;text-shadow:none}.modal-header .close:hover{opacity:.8}.modal-body{padding:10px 20px 20px}.modal-main-icon{display:inline-block;height:45px;width:45px;line-height:normal;font-size:50px}.modal-footer{padding:20px;border:none}.modal-full-color .modal-header{padding:19px}.modal-full-color .modal-content{color:#fff;background-color:transparent}.modal-full-color .modal-content .close{color:#fff;line-height:40px;opacity:.6}.modal-full-color .modal-content .close:hover{opacity:1}.modal-full-color .modal-content .modal-footer{border:none}.modal-full-color .btn-default{border-width:2px;border-color:transparent}.modal-full-color .btn-danger,.modal-full-color .btn-primary,.modal-full-color .btn-success,.modal-full-color .btn-warning{background-color:transparent;border-color:rgba(255,255,255,.5);border-width:2px}.modal-full-color .btn-danger:focus,.modal-full-color .btn-primary:focus,.modal-full-color .btn-success:focus,.modal-full-color .btn-warning:focus{background-color:transparent;border-color:rgba(255,255,255,.4)}.modal-full-color .btn-danger .hover,.modal-full-color .btn-danger:active,.modal-full-color .btn-danger:hover,.modal-full-color .btn-primary .hover,.modal-full-color .btn-primary:active,.modal-full-color .btn-primary:hover,.modal-full-color .btn-success .hover,.modal-full-color .btn-success:active,.modal-full-color .btn-success:hover,.modal-full-color .btn-warning .hover,.modal-full-color .btn-warning:active,.modal-full-color .btn-warning:hover{box-shadow:none;background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.8)}.alert-icon,.alert-simple{box-shadow:.5px .9px 0 rgba(0,0,0,.07)}.modal-full-color-success .modal-body,.modal-full-color-success .modal-footer,.modal-full-color-success .modal-header{background-color:#37b358}.modal-full-color-success .btn-default,.modal-full-color-success .btn-default:active{color:#37b358}.modal-full-color-primary .modal-body,.modal-full-color-primary .modal-footer,.modal-full-color-primary .modal-header{background-color:#5f99f5}.modal-full-color-primary .btn-default,.modal-full-color-primary .btn-default:active{color:#5f99f5}.modal-full-color-warning .modal-body,.modal-full-color-warning .modal-footer,.modal-full-color-warning .modal-header{background-color:#f6c163}.modal-full-color-warning .btn-default,.modal-full-color-warning .btn-default:active{color:#f6c163}.modal-full-color-danger .modal-body,.modal-full-color-danger .modal-footer,.modal-full-color-danger .modal-header{background-color:#eb6357}.modal-full-color-danger .btn-default,.modal-full-color-danger .btn-default:active{color:#eb6357}.modal-full-color-dark .modal-body,.modal-full-color-dark .modal-footer,.modal-full-color-dark .modal-header{background-color:#3d3c3c}.modal-full-color-dark .btn-default,.modal-full-color-dark .btn-default:active{color:#3d3c3c}.full-width{width:90%;max-width:none}.colored-header .modal-content .modal-header{background-color:#e6e6e6;color:#fff;padding:30px 20px}.colored-header .modal-content .modal-header .modal-title{font-size:20px}.colored-header .modal-content .modal-header .close{color:rgba(0,0,0,.7);margin-top:2px}.colored-header .modal-content .modal-body{padding:35px 20px 20px;background-color:#fff;color:#404040}.colored-header .modal-content .modal-footer{background-color:#fff}.colored-header-success .modal-content .modal-header{background-color:#37b358}.colored-header-primary .modal-content .modal-header{background-color:#5f99f5}.colored-header-warning .modal-content .modal-header{background-color:#f6c163}.colored-header-danger .modal-content .modal-header{background-color:#eb6357}.colored-header-dark .modal-content .modal-header{background-color:#3d3c3c}@media (max-width:767px){.modal-dialog{min-width:100%;padding:0 15px}}.be-modal-open{overflow-x:visible}.alert{position:relative;line-height:25px;border-width:0}.alert .icon{font-size:24px;color:#fff;vertical-align:middle;margin-right:20px;line-height:22px}.alert .close{position:absolute;font-size:20px;top:21px;right:18px;text-shadow:none}.alert .message>p+p{margin-top:5px}.alert-contrast{padding:0;position:relative}.alert-contrast>.icon{display:table-cell;width:60px;vertical-align:middle;cursor:default;background-color:rgba(255,255,255,.08)}.alert-contrast>.message{display:table-cell;padding:18px;border-left-width:0}.alert-primary{background-color:#4285f4;border-color:#4285f4;color:#fff}.alert-primary hr{border-top-color:#2a75f3}.alert-primary .alert-link{color:#e6e6e6}.alert-dismissible.alert-primary .close{color:#093d94}.alert-dismissible.alert-success .close{color:#103319}.alert-dismissible.alert-warning .close{color:#654c02}.alert-dismissible.alert-danger .close{color:#79150d}.alert-icon{background-color:#fff;border:0;padding:0;position:relative;width:100%;display:table;table-layout:fixed}.alert-icon>.icon{display:table-cell;width:60px;vertical-align:middle;cursor:default}.alert-icon.alert-icon-colored>.icon:after,.alert-icon>.icon:after{margin-left:59px;top:50%;margin-top:-11px;content:'';width:0;height:0;position:absolute;-moz-transform:scale(.9999)}.alert-icon>.icon:after{display:block;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:11px solid #fff}.alert-icon>.message{display:table-cell;padding:18px;color:#404040;border:1px solid #d4d4d4;border-left-width:0}.alert-icon.alert-dismissible .close{color:#404040;opacity:.35}.alert-icon.alert-dismissible .close:hover{opacity:.5}.alert-icon.alert-primary>.icon{background-color:#4285f4}.alert-icon.alert-primary>.icon:after{border-left-color:#4285f4}.alert-icon.alert-success>.icon{background-color:#34a853}.alert-icon.alert-success>.icon:after{border-left-color:#34a853}.alert-icon.alert-warning>.icon{background-color:#fbbc05}.alert-icon.alert-warning>.icon:after{border-left-color:#fbbc05}.alert-icon.alert-danger>.icon{background-color:#ea4335}.alert-icon.alert-danger>.icon:after{border-left-color:#ea4335}.alert-icon-border.alert-primary .message{border-color:#4285f4}.alert-icon-border.alert-success .message{border-color:#34a853}.alert-icon-border.alert-warning .message{border-color:#fbbc05}.alert-icon-border.alert-danger .message{border-color:#ea4335}.alert-icon.alert-icon-colored{border:1px solid #d4d4d4}.alert-icon.alert-icon-colored>.icon{background-color:#f8f8f8;border-width:0}.alert-icon.alert-icon-colored>.icon:after{display:block;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:11px solid #f8f8f8}.alert-icon.alert-icon-colored>.message{border-width:0}.alert-icon.alert-icon-colored.alert-primary>.icon{color:#4285f4}.alert-icon.alert-icon-colored.alert-success>.icon{color:#34a853}.alert-icon.alert-icon-colored.alert-warning>.icon{color:#fbbc05}.alert-icon.alert-icon-colored.alert-danger>.icon{color:#ea4335}.alert-simple{border:1px solid #d4d4d4;background-color:#fff;color:#404040}.alert-simple.alert-primary>.icon{color:#4285f4}.alert-simple.alert-success>.icon{color:#34a853}.alert-simple.alert-warning>.icon{color:#fbbc05}.alert-simple.alert-danger>.icon{color:#ea4335}.table>thead>tr>th{border-bottom-width:2px;font-weight:700}.table>thead.primary>tr>th{color:#4285f4}.table>thead.success>tr>th{color:#34a853}.table>tbody>tr>td{font-weight:400;vertical-align:middle}.badge,.label{font-weight:700}.table-condensed>thead>tr>th{padding-top:10px;padding-bottom:8px}.table-bordered>thead>tr>th{padding:14px 10px}.table-bordered tbody>tr td:first-child{padding-left:10px}.table-bordered tbody>tr td:last-child{padding-right:10px}.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{background-color:#5f99f5}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover{background-color:#478af4}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{color:#fff}.table-responsive{border:0}.table-responsive tbody>tr>td{padding-top:11px;padding-bottom:11px}.table tr td .be-checkbox,.table tr th .be-checkbox{padding:0}.table tr td.actions .icon,.table tr th.actions .icon{color:#a1a1a1;font-size:18px;line-height:18px}.table tr td.actions .icon:hover,.table tr th.actions .icon:hover{color:grey}.table tbody tr td.user-avatar img{height:30px;width:30px;border-radius:50%;margin-right:10px}@media (max-width:767px){.table tbody tr td.user-avatar img{display:none}}.table tbody tr td.cell-detail span{display:block}.table tbody tr td.cell-detail .cell-detail-description{display:block;font-size:11px;color:#999}.table tbody tr td.user-info img{float:left}.table tbody tr td.user-info span{padding-left:40px}.table tbody tr td.milestone span{display:block;font-size:11px;color:#999;margin-bottom:6px}.table tbody tr td.milestone span.completed{float:right}.table tbody tr td.milestone .progress{height:6px;background-color:#e6e6e6;margin-bottom:0}.table tbody tr td.milestone .progress .progress-bar{border-radius:2px}.table tbody tr.online td:first-child{border-left:3px solid #5f99f5;padding-left:17px}.table .number{text-align:right}.table.table-borderless tbody tr td{border-top-width:0}.panel-table table{margin-bottom:0}.panel-table tr td:first-child,.panel-table tr th:first-child{padding-left:20px}.panel-table tr td:last-child,.panel-table tr th:last-child{padding-right:20px}.panel-table thead tr th{padding-top:15px;padding-bottom:10px}.badge{font-size:11px;color:#404040;border:1px solid #d9d9d9}.badge-danger,.badge-info,.badge-primary,.badge-success,.badge-warning{color:#fff;border:transparent}.badge-primary{background-color:#5f99f5}.badge-success{background-color:#37b358}.badge-info{background-color:#4285f4}.badge-warning{background-color:#f6c163}.badge-danger{background-color:#eb6357}.label{border-radius:2px;padding:3px 7px;font-size:11px}.label-default{border:1px solid #d9d9d9;color:#404040}.popover.bottom>.arrow{border-bottom-color:#f7f7f7;top:-10px}.popover.bottom>.arrow:after{background-color:transparent;top:-2px;margin-left:-10px;border-bottom-color:rgba(0,0,0,.2);border-top-width:1px;z-index:-1}.list-group-item{padding:13px 15px}.list-group-item .icon{margin-right:15px;font-size:16px}.list-group-item.active .icon{color:#fff}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:300}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h4,.h5,.h6,h4,h5,h6{margin-top:15px;margin-bottom:10px}p{margin:0 0 15px}.lead{font-size:21px;line-height:26px}.small,small{font-size:11px}.mark,mark{background-color:#fcf8e3;padding:0}.text-bold{font-weight:500!important}.text-success{color:#34a853}a.text-success:focus,a.text-success:hover{color:#288140}.text-warning{color:#fbbc05}a.text-warning:focus,a.text-warning:hover{color:#ca9703}.text-danger{color:#ea4335}a.text-danger:focus,a.text-danger:hover{color:#d62516}ol,ul{line-height:20px}ol ol,ol ul,ul ol,ul ul{padding-left:25px}.list-unstyled ol,.list-unstyled ul{padding-left:40px}blockquote p{margin-bottom:18px}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{font-size:13px}.display-heading{font-size:40px;font-weight:100;margin:20px 0 15px}@media (max-width:767px){.display-heading{font-size:32px}}.display-description{font-size:18px;font-weight:100;line-height:29px;margin:0 0 50px}@media (max-width:767px){.display-description{font-size:15px;line-height:24px}}address{line-height:20px}.well{box-shadow:none;border-radius:4px;margin-bottom:30px}.progress{height:22px;box-shadow:none}.progress-bar{box-shadow:none;line-height:22px}.pagination{padding-left:0;margin:18px 0;border-radius:2px}.pagination>li>a,.pagination>li>span{font-size:14px;line-height:14px;font-weight:400;padding:10px 12px;color:#404040;background-color:#fff;border:1px solid #ddd;border-radius:2px;margin-left:4px}.pagination>li>a span,.pagination>li>span span{line-height:12px}.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:2px}.pagination-rounded>li>a,.pagination-rounded>li>span{border-radius:50%;width:35px;height:35px;text-align:center;line-height:14px}.pagination-rounded>li:first-child>a,.pagination-rounded>li:first-child>span,.pagination-rounded>li:last-child>a,.pagination-rounded>li:last-child>span{border-radius:50%}.form-control{border-width:1px;border-top-color:#bdc0c7;box-shadow:none;padding:10px 12px;font-size:15px;-webkit-transition:none;-o-transition:none;transition:none}.form-control:focus{box-shadow:none}.form-control[multiple]{padding:0}.form-control[multiple] option{padding:8px 12px}label{font-weight:400;font-size:13px;margin-bottom:8px;color:#666}.be-checkbox,.be-radio{display:block;line-height:22px;margin:0;padding:7px 0}.form-horizontal .be-checkbox,.form-horizontal .be-radio{padding:7px 0;min-height:auto}.be-checkbox input[type=checkbox],.be-checkbox input[type=radio],.be-radio input[type=checkbox],.be-radio input[type=radio]{margin:0;display:none;width:22px}.be-checkbox label,.be-radio label{margin-bottom:0}.be-checkbox label::-moz-selection,.be-radio label::-moz-selection{background-color:transparent}.be-checkbox label::selection,.be-radio label::selection{background-color:transparent}.be-checkbox input[type=checkbox]+label,.be-checkbox input[type=radio]+label,.be-radio input[type=checkbox]+label,.be-radio input[type=radio]+label{padding-left:0}.be-checkbox input[type=checkbox]+label:before,.be-checkbox input[type=radio]+label:before,.be-radio input[type=checkbox]+label:before,.be-radio input[type=radio]+label:before{content:"";width:22px;height:22px;display:inline-block;border:1px solid #ccc;border-radius:3px;margin-right:6px;font-size:20px;font-family:'Material Icons';font-weight:400;line-height:19px;vertical-align:bottom;text-align:center;background-color:#fff;cursor:pointer}.be-checkbox input[type=checkbox]+label:hover:before,.be-checkbox input[type=radio]+label:hover:before,.be-radio input[type=checkbox]+label:hover:before,.be-radio input[type=radio]+label:hover:before{border-color:#a2a8b6}.be-checkbox input[type=checkbox]:hover+label:before,.be-checkbox input[type=radio]:hover+label:before,.be-radio input[type=checkbox]:hover+label:before,.be-radio input[type=radio]:hover+label:before{border-color:#b8bdc8}.be-checkbox input[type=checkbox]:checked+label:before,.be-checkbox input[type=radio]:checked+label:before,.be-radio input[type=checkbox]:checked+label:before,.be-radio input[type=radio]:checked+label:before{content:"\f26b";color:#4285f4;border-color:#4285f4}.be-checkbox input[type=checkbox]:disabled+label,.be-checkbox input[type=radio]:disabled+label,.be-radio input[type=checkbox]:disabled+label,.be-radio input[type=radio]:disabled+label{opacity:.5;pointer-events:none}.be-checkbox input[type=checkbox]:disabled+label:before,.be-checkbox input[type=radio]:disabled+label:before,.be-radio input[type=checkbox]:disabled+label:before,.be-radio input[type=radio]:disabled+label:before{pointer-events:none;background-color:#fff}.be-checkbox input[type=radio]+label:before,.be-radio input[type=radio]+label:before{border-radius:50%;width:23px;height:23px;line-height:21px;font-size:13px}.be-checkbox input[type=radio]:checked+label:before,.be-radio input[type=radio]:checked+label:before{content:"\f26d"}.be-checkbox.inline,.be-radio.inline{display:inline-block}.be-checkbox.inline+.be-checkbox.inline,.be-checkbox.inline+.be-radio.inline,.be-radio.inline+.be-checkbox.inline,.be-radio.inline+.be-radio.inline{margin-left:18px}.be-checkbox.has-success input[type=checkbox]+label:before,.be-checkbox.has-success input[type=radio]+label:before,.be-radio.has-success input[type=checkbox]+label:before,.be-radio.has-success input[type=radio]+label:before{color:#37b358;border-color:#37b358}.be-checkbox.has-warning input[type=checkbox]+label:before,.be-checkbox.has-warning input[type=radio]+label:before,.be-radio.has-warning input[type=checkbox]+label:before,.be-radio.has-warning input[type=radio]+label:before{color:#f6c163;border-color:#f6c163}.be-checkbox.has-danger input[type=checkbox]+label:before,.be-checkbox.has-danger input[type=radio]+label:before,.be-radio.has-danger input[type=checkbox]+label:before,.be-radio.has-danger input[type=radio]+label:before{color:#eb6357;border-color:#eb6357}.be-checkbox-color input[type=checkbox]:checked+label:before,.be-checkbox-color input[type=radio]:checked+label:before,.be-radio-color input[type=checkbox]:checked+label:before,.be-radio-color input[type=radio]:checked+label:before{color:#fff;border-color:#4285f4;background-color:#4285f4}.be-checkbox-color.has-success input[type=checkbox]:checked+label:before,.be-checkbox-color.has-success input[type=radio]:checked+label:before,.be-radio-color.has-success input[type=checkbox]:checked+label:before,.be-radio-color.has-success input[type=radio]:checked+label:before{color:#fff;border-color:#37b358;background-color:#37b358}.be-checkbox-color.has-warning input[type=checkbox]:checked+label:before,.be-checkbox-color.has-warning input[type=radio]:checked+label:before,.be-radio-color.has-warning input[type=checkbox]:checked+label:before,.be-radio-color.has-warning input[type=radio]:checked+label:before{color:#fff;border-color:#f6c163;background-color:#f6c163}.be-checkbox-color.has-danger input[type=checkbox]:checked+label:before,.be-checkbox-color.has-danger input[type=radio]:checked+label:before,.be-radio-color.has-danger input[type=checkbox]:checked+label:before,.be-radio-color.has-danger input[type=radio]:checked+label:before{color:#fff;border-color:#eb6357;background-color:#eb6357}.be-radio-icon{display:block;margin:0;padding:7px 0}.be-radio-icon input[type=radio]{margin:0;display:none;width:52px}.be-radio-icon label{cursor:pointer;margin:0;width:52px;height:52px;line-height:52px;border:1px solid #d5d8de;border-radius:50%;text-align:center;font-size:36px;vertical-align:middle;color:grey}.be-radio-icon label:hover{border-color:#b8bdc8}.be-radio-icon input[type=radio]:checked+label{border-color:#4285f4;color:#4285f4}.be-radio-icon.has-success input[type=radio]:checked+label{border-color:#37b358;color:#37b358}.be-radio-icon.has-warning input[type=radio]+label,.be-radio-icon.has-warning input[type=radio]:checked+label{border-color:#f6c163;color:#f6c163}.be-radio-icon.has-danger input[type=radio]:checked+label{border-color:#eb6357;color:#eb6357}.be-radio-icon.inline{display:inline-block}.be-radio-icon.inline+.be-radio-icon.inline{margin-left:18px}.be-checkbox-sm{line-height:18px}.be-checkbox-sm input[type=checkbox]+label:before{width:18px;height:18px;font-size:17px;line-height:15px}.form-horizontal .form-group{margin-bottom:0;padding:12px 0}.input-group-addon{font-size:15px}.input-group-addon .be-checkbox,.input-group-addon .be-radio{padding:0;line-height:21px}.input-group-addon .be-checkbox input+label,.input-group-addon .be-radio input+label{margin:0}.input-group-addon .be-checkbox input+label:before,.input-group-addon .be-radio input+label:before{margin:0;border-color:#c7cbd3}.input-group-btn .btn{height:48px}.input-lg{height:57px;padding:12px 14px;font-size:18px;font-weight:300;border-radius:2px}.input-sm{height:37px;font-size:13px;padding:4px 12px}.input-xs{height:30px;font-size:12px;padding:6px 9px}.has-feedback .form-control{padding-right:45px}.form-control-feedback{font-size:19px}.input-search{display:block}.input-search input{border:1px solid #d5d8de;border-radius:0;display:block;font-size:13px}.input-search input:focus{background-color:transparent}.input-search .input-group-btn{position:absolute;display:block;width:auto;top:1px;right:1px;z-index:3}.input-search .input-group-btn button{box-shadow:none;border:none;height:46px}.input-search .input-group-btn button:active{background-color:transparent;box-shadow:none}.input-search .input-group-btn button .icon{font-size:25px;color:#737373}.input-search .input-group-btn button:hover .icon{color:#5a5a5a}.input-search.input-group-lg .input-group-btn button{height:55px}.input-search.input-group-sm .input-group-btn button{height:35px}.input-search.input-group-sm .input-group-btn button .icon{font-size:22px}.ps-container>.ps-scrollbar-y-rail{width:6px;background-color:rgba(0,0,0,.1)}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{right:0;height:6px;width:6px;border-radius:3px;background-color:rgba(0,0,0,.25)}.fuelux .wizard,.gritter-item-wrapper.img-rounded{border-radius:0}.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{width:6px}#gritter-notice-wrapper{width:360px;top:82px}.gritter-item-wrapper{background:url(../lib/jquery.gritter/images/gritter-bg.png);box-shadow:0 0 4px rgba(0,0,0,.2)}.gritter-item-wrapper .gritter-item{font-family:'Open Sans',sans-serif;background:0 0;color:#fff;padding:0;display:table;table-layout:fixed;width:100%}.gritter-item-wrapper .gritter-item .gritter-img-container{display:table-cell;width:26%;vertical-align:middle;text-align:center;background-color:#302f2f}.gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image{float:none}.gritter-item-wrapper .gritter-item .gritter-content{width:auto}.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image{padding:15px 35px 17px 15px;color:#d9d9d9;width:267px;display:table-cell}.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close{display:block;top:0;right:0;left:auto;height:30px;width:30px;font-size:0;background:0 0;text-indent:inherit;opacity:.4}.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover{opacity:.8}.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after{content:'\f136';font-family:'Material Icons';color:#fff;font-size:20px;text-shadow:none;line-height:35px;margin-left:7px}.gritter-item-wrapper.clean .gritter-item,.gritter-item-wrapper.clean .gritter-item .gritter-content,.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after{color:#404040}.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title{text-shadow:none;font-weight:300;font-size:17px}.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p,.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p{font-size:12px;line-height:19px}.gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image{border-left:0}.gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image{border-radius:50%}.gritter-item-wrapper.clean{background:#fff}.gritter-item-wrapper.clean .gritter-item .gritter-img-container{background-color:#fafafa}.gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close{opacity:.5}.gritter-item-wrapper.color .gritter-item .gritter-content{color:#fff}.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close{opacity:.7}.gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover{opacity:1}.gritter-item-wrapper.primary{background:#4285f4}.gritter-item-wrapper.success{background:#34a853}.gritter-item-wrapper.warning{background:#fbbc05}.gritter-item-wrapper.danger{background:#ea4335}.gritter-item-wrapper.dark{background:#3d3c3c}.gritter-item-wrapper.facebook{background:#5d82d1}.gritter-item-wrapper.facebook .gritter-item .gritter-img-container{background-color:#5179ce}.gritter-item-wrapper.twitter{background:#50bff5}.gritter-item-wrapper.twitter .gritter-item .gritter-img-container{background-color:#42baf4}.gritter-item-wrapper.google-plus{background:#eb5e4c}.gritter-item-wrapper.google-plus .gritter-item .gritter-img-container{background-color:#e9523e}.gritter-item-wrapper.dribbble{background:#f7659c}.gritter-item-wrapper.dribbble .gritter-item .gritter-img-container{background-color:#f65693}.gritter-item-wrapper.flickr{background:#0063dc}.gritter-item-wrapper.flickr .gritter-item .gritter-img-container{background-color:#005ccd}.gritter-item-wrapper.linkedin{background:#238cc8}.gritter-item-wrapper.linkedin .gritter-item .gritter-img-container{background-color:#2183bb}.gritter-item-wrapper.youtube{background:#ef4e41}.gritter-item-wrapper.youtube .gritter-item .gritter-img-container{background-color:#ee4133}.gritter-item-wrapper.pinterest{background:#e13138}.gritter-item-wrapper.pinterest .gritter-item .gritter-img-container{background-color:#df242b}.gritter-item-wrapper.github{background:#333}.gritter-item-wrapper.github .gritter-item .gritter-img-container{background-color:#2b2b2b}.gritter-item-wrapper.tumblr{background:#426d9b}.gritter-item-wrapper.tumblr .gritter-item .gritter-img-container{background-color:#3d6590}form.dropzone{border:2px dashed #c3c3c3;padding:70px 60px 80px;background:0 0}form.dropzone .icon{background-color:#e6e6e6;border-radius:50%;display:inline-block;height:100px;width:100px;margin-bottom:15px;padding:20px;text-align:center}form.dropzone .icon span{font-size:60px;color:#696767}form.dropzone h2{margin-bottom:30px;font-size:40px;font-weight:300}form.dropzone .note{font-size:16px}.fuelux .wizard{background-color:#f9f9f9;position:relative;min-height:48px;overflow:hidden}.fuelux .wizard:after,.fuelux .wizard:before{display:table;content:"";line-height:0}.fuelux .wizard>.steps{list-style:none;padding:0;margin:0}.fuelux .wizard>.steps.previous-disabled li.complete{cursor:default}.fuelux .wizard>.steps.previous-disabled li.complete:hover{background:#f3f4f5;color:#468847;cursor:default}.fuelux .wizard>.steps.previous-disabled li.complete:hover .chevron:before{border-left-color:#f3f4f5}.fuelux .wizard>.steps li{float:left;margin:0;padding:0 20px 0 30px;height:46px;line-height:46px;position:relative;background:#ededed;color:#999;cursor:not-allowed}.fuelux .wizard>.steps li .chevron{border:24px solid transparent;border-left:14px solid #d4d4d4;border-right:0;display:block;position:absolute;right:-14px;top:0;z-index:1;-moz-transform:scale(.9999)}.fuelux .wizard>.steps li .chevron:before{border:24px solid transparent;border-left:14px solid #ededed;border-right:0;content:"";display:block;position:absolute;right:1px;top:-24px}.fuelux .wizard>.actions .btn,.fuelux .wizard>.actions .btn:active,.fuelux .wizard>.actions .btn:focus{box-shadow:none;border-width:0}.fuelux .wizard>.steps li.complete:hover{cursor:pointer}.fuelux .wizard>.steps li.complete:hover .chevron:before{border-left:14px solid #e7eff8}.fuelux .wizard>.steps li.active{cursor:default}.fuelux .wizard>.actions .btn-next[disabled],.fuelux .wizard>.actions .btn-prev[disabled]{cursor:not-allowed}.fuelux .wizard>.steps li.active .badge{background-color:#3a87ad}.fuelux .wizard>.steps li .badge{margin-right:8px}.fuelux .wizard>.steps li .badge-success{background-color:#468847}.fuelux .wizard>.steps li:first-child{padding-left:20px}.fuelux .wizard>.actions{z-index:1000;position:absolute;right:0;float:right;padding-left:15px;padding-right:15px;vertical-align:middle;background-color:#e5e5e5;border-left:1px solid #d4d4d4}.fuelux .wizard>.actions a{line-height:45px;font-size:12px;margin-right:8px}.fuelux .wizard>.actions .btn-prev span{margin-right:5px}.fuelux .wizard>.actions .btn-next span{margin-left:5px}.fuelux .wizard .step-content .step-pane{display:none}.fuelux .wizard .step-content>.active{display:block}.fuelux .wizard .step-content>.active .btn-group .active{display:inline-block}.fuelux .wizard.complete>.actions .glyphicon-arrow-right:before{display:none}.fuelux .wizard.complete>.actions .glyphicon-arrow-right{margin-left:0}.block-wizard{padding:0}.fuelux .wizard{box-shadow:none;-webkit-border-radius:0;border:0;background:#fff}.fuelux .wizard label.control-label{font-weight:600}.fuelux .wizard .wizard-title{margin:10px 0 0}.fuelux .wizard>.actions{line-height:48px;background:#f7f7f7;padding:0;font-size:0}.fuelux .wizard>.actions .btn{line-height:48px;border-radius:0;vertical-align:top;padding:0 14px;font-weight:400;color:#949494}.fuelux .wizard>.actions .btn:hover{background-color:#f7f7f7}.fuelux .wizard>.actions .btn:first-child{border-right:1px solid #d4d4d4}.fuelux .wizard>.actions .btn .icon{font-size:17px;line-height:17px;position:relative;top:-1px;color:#949494}.fuelux .wizard>.actions .btn.btn-previous i{margin-right:5px}.fuelux .wizard>.actions .btn.btn-next i{margin-left:5px}.fuelux .wizard>.steps>li{height:48px;background-color:#f7f7f7}.fuelux .wizard>.steps>li .chevron{border-left-color:#e0e0e0}.fuelux .wizard>.steps>li .chevron:before{border-left:14px solid #f7f7f7}.fuelux .wizard>.steps li{font-size:15px}.fuelux .wizard>.steps li:first-child{border-radius:0}.fuelux .wizard>.steps li.active{background:#fff;color:#4285f4}.fuelux .wizard>.steps li.active .chevron:before{-moz-transform:scale(.9999);border-left:14px solid #fff}.fuelux .wizard>.steps li.complete{color:#fff;background:#4285f4}.fuelux .wizard>.steps li.complete .chevron{border-left-color:#1b6cf2}.fuelux .wizard>.steps li.complete .chevron:before{border-left:14px solid #4285f4}.fuelux .wizard>.steps li.complete:hover{background:#5c9aff}.fuelux .wizard>.steps li.complete:hover .chevron:before{border-left-color:#5c9aff}.fuelux .wizard>.actions button{font-size:12px}.fuelux .wizard>.actions button i{font-size:11px;line-height:17px}.fuelux .wizard>.actions button.btn-prev i{margin-right:3px}.fuelux .wizard>.actions button.btn-next i{margin-left:3px}.fuelux .wizard .step-content{float:left;width:100%;padding:20px 30px;clear:both;border-top:1px solid #E2E2E2}.dd,.dd-list{margin:0;padding:0;list-style:none}@media (max-width:767px){.wizard-row .fuelux{position:static}}.dd,.dd-list{position:relative;display:block}.dd{max-width:600px;font-size:13px;line-height:20px}.dd-list .dd-item .dd-handle,.dd-list .dd3-item .dd-handle{cursor:default;display:block;margin:5px 0;padding:7px 10px;text-decoration:none;border:1px solid #dedede;background:#fff}.dd-list .dd-item .dd-handle:hover,.dd-list .dd3-item .dd-handle:hover{color:#fff;background:#4285f4;border-color:#4285f4}.dd-list .dd-item>button,.dd-list .dd3-item>button{font-family:'Material Icons';display:block;position:relative;cursor:pointer;float:left;width:25px;height:20px;margin:8px 2px;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:0 0;font-size:16px;line-height:1;text-align:center}.dd-list .dd-item>button:before,.dd-list .dd3-item>button:before{content:'\f278';display:block;position:absolute;width:100%;text-align:center;text-indent:0}.dd-list .dd-item>button[data-action=collapse]:before,.dd-list .dd3-item>button[data-action=collapse]:before{content:'\f273'}.dd-list .dd-item .dd3-content,.dd-list .dd3-item .dd3-content{display:block;margin:5px 0;padding:7px 10px 7px 40px;text-decoration:none;background:#fff;border:1px solid #dedede}.dd-list .dd-item .dd3-content:hover,.dd-list .dd3-item .dd3-content:hover{background:#fff}.dd-list .dd-item .dd3-handle,.dd-list .dd3-item .dd3-handle{position:absolute;margin:0;left:0;top:0;cursor:all-scroll;width:34px;text-indent:100%;white-space:nowrap;overflow:hidden;border:1px solid #4285f4;background:#4285f4;height:36px}.dd-list .dd-item .dd3-handle:before,.dd-list .dd3-item .dd3-handle:before{content:'=';display:block;position:absolute;left:0;top:5px;width:100%;text-align:center;text-indent:0;color:#fff;font-size:23px;line-height:24px;font-weight:400}.dd-list .dd-item .dd3-handle:hover,.dd-list .dd3-item .dd3-handle:hover{background:#5a95f5;border-color:#5a95f5}.dd-list .dd3-item>button{margin-left:35px}.dd-list .dd-empty,.dd-list .dd-item,.dd-list .dd-placeholder{display:block;position:relative;margin:0;padding:0;min-height:20px;font-size:13px;line-height:20px}.dd-list .dd-empty,.dd-list .dd-placeholder{margin:5px 0;padding:0;min-height:30px;background:#FFF;border:1px dashed #b3b3b3;box-sizing:border-box;-moz-box-sizing:border-box}.dd-list .dd-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:-o-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-o-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-size:60px 60px;background-position:0 0,30px 30px}.dd-list .dd-collapsed .dd-list{display:none}.dd-list.dd-dragel{position:absolute;pointer-events:none;z-index:9999}.dd-list.dd-dragel>.dd-item .dd-handle{margin-top:0}.dd-list.dd-dragel .dd-handle,.dd-list.dd-dragel .dd3-handle{box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)}.dd-list .dd-list{padding-left:30px}.datetimepicker{padding:4px 0}.datetimepicker .input-group-addon{padding:0 13px;font-size:24px;line-height:23px}.datetimepicker .input-group-addon>i{vertical-align:middle}.datetimepicker.input-group-sm .input-group-addon{font-size:20px;line-height:21px;padding:0 11px}.datetimepicker.input-group-lg .input-group-addon{padding:0 15px}.datetimepicker table{border-collapse:separate;border-spacing:7px 2px}.datetimepicker table thead tr th{padding:10px 4px 8px}.datetimepicker table thead tr th.next,.datetimepicker table thead tr th.prev{padding:0}.datetimepicker table thead tr th.next>.icon,.datetimepicker table thead tr th.prev>.icon{font-size:21px}.datetimepicker table thead tr th.next:hover,.datetimepicker table thead tr th.prev:hover{background-color:transparent;color:#4285f4}.datetimepicker table thead tr th.switch{font-weight:600;font-size:14px}.datetimepicker table thead tr th.switch:hover{background-color:transparent;color:#5a5a5a}.datetimepicker table thead tr th.dow{font-weight:400;font-size:14px;padding-top:10px}.datetimepicker table tbody tr td{line-height:31px;padding:0 8px}.datetimepicker table tbody tr td.day{border-radius:50%;color:#737373}.datetimepicker table tbody tr td.day.new,.datetimepicker table tbody tr td.day.old{color:#b3b3b3}.datetimepicker table tbody tr td.day.active{background:#4285f4;color:#fff;text-shadow:none}.datetimepicker table tbody tr td.day.active:hover{background:#1266f1}.datetimepicker table tbody tr td .hour,.datetimepicker table tbody tr td .minute,.datetimepicker table tbody tr td .month,.datetimepicker table tbody tr td .year{color:#737373}.datetimepicker table tbody tr td .hour.new,.datetimepicker table tbody tr td .hour.old,.datetimepicker table tbody tr td .minute.new,.datetimepicker table tbody tr td .minute.old,.datetimepicker table tbody tr td .month.new,.datetimepicker table tbody tr td .month.old,.datetimepicker table tbody tr td .year.new,.datetimepicker table tbody tr td .year.old{color:#b3b3b3}.datetimepicker table tbody tr td .hour.active,.datetimepicker table tbody tr td .minute.active,.datetimepicker table tbody tr td .month.active,.datetimepicker table tbody tr td .year.active{background:#4285f4;color:#fff;text-shadow:none}.datetimepicker table tbody tr td .hour.active:hover,.datetimepicker table tbody tr td .minute.active:hover,.datetimepicker table tbody tr td .month.active:hover,.datetimepicker table tbody tr td .year.active:hover{background:#1266f1}.datetimepicker table tbody tr td fieldset legend{font-size:17px;font-weight:400;color:#5a5a5a;margin-bottom:5px}.datetimepicker.dropdown-menu{box-shadow:0 2px 4px rgba(0,0,0,.08);border-color:rgba(0,0,0,.1);padding:10px}.datetimepicker.dropdown-menu:before{border-bottom-color:rgba(0,0,0,.08)}.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single{border:1px solid #d5d8de;border-radius:2px}.select2-container--default .select2-selection--single{height:48px}.select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 15px;height:46px;line-height:46px;font-size:14px;color:#404040}.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;width:30px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border:0;left:0;top:0;width:100%;height:100%;margin:0}.select2-container--default .select2-selection--single .select2-selection__arrow b:after{content:"\f2f9";font-family:'Material Icons';font-size:25px;font-weight:400;line-height:46px;color:#404040}.select2-container--default .select2-selection--multiple{min-height:46px}.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:4px 12px}.select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius:0;background-color:#f2f2f2;color:#5a5a5a;border-width:0;padding:4px 6px;line-height:18px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#666;margin-right:3px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#4d4d4d}.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{line-height:26px}.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #d5d8de}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after{content:"\f2f9"}.select2-container--default .select2-results__group{font-size:12px;color:#5a5a5a}.select2-container--default .select2-results__option{padding:10px 6px}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#f7f7f7}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#4285f4}.select2-container--default .select2-dropdown{border-width:1px;border-color:#d5d8de}.select2-container--default .select2-dropdown--above{border-radius:2px 2px 0 0;box-shadow:0 -2px 6px rgba(0,0,0,.12)}.select2-container--default .select2-dropdown--below{border-radius:0 0 2px 2px;box-shadow:0 2px 6px rgba(0,0,0,.12)}.select2-container--default .select2-search--dropdown{background-color:#f2f3f4;border-bottom:1px solid #d5d8de}.select2-container--default .select2-search--dropdown .select2-search__field{background-color:transparent;border-width:0;outline:0}.slider.slider-vertical{margin-right:13px}.slider.slider-vertical .slider-handle{margin-left:-6px}.slider.slider-horizontal{height:23px}.slider.slider-horizontal .slider-track{height:8px}.slider.slider-horizontal .slider-handle{margin-top:-7px}.slider-selection{background:#4285f4;border:1px solid #4285f4;box-shadow:none}.slider-track{background:#f2f2f2;box-shadow:none}.slider-handle{opacity:1;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 3px rgba(0,0,0,.12);height:22px;width:22px;-webkit-transition:box-shadow 200ms ease-in-out;-o-transition:box-shadow 200ms ease-in-out;transition:box-shadow 200ms ease-in-out}.note-editor.note-frame{margin-bottom:0;border-width:0;box-shadow:none}.note-editor.note-frame .note-toolbar{margin:0;padding-bottom:5px}.note-editor.note-frame .note-toolbar .btn .fa{font-size:14px}.note-editor.note-frame .note-toolbar>.btn-group{margin-left:0;margin-right:5px;margin-top:5px}.note-editor.note-frame .note-toolbar .note-color .dropdown-toggle{padding-left:5px;width:20px}.note-editor.note-frame .note-statusbar{background-color:#f6f6f6}.note-editor.note-frame .note-statusbar .note-resizebar{height:auto;padding-top:3px;padding-bottom:4px}.note-editor.note-frame .note-editable{border:1px solid #d5d8de;padding:10px 12px;margin-top:6px;border-radius:0}.note-editor.note-frame .note-editing-area .note-editable{color:#404040}.md-editor{display:block;border:1px solid #d5d8de}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:0 0}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:2px solid #d5d8de;padding:10px 12px;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:13px;outline:0;outline:dotted thin\9;margin:0;display:block;padding:10px 12px;width:100%;border:0;border-top:1px solid #d5d8de;border-radius:0;box-shadow:none;background:#fafafa}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#b8bdc8;outline:0}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff;border:0}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto;height:100%;font-size:20px;padding:20px;color:#999;line-height:1.6em;resize:none;box-shadow:none;background:#fff;border:0}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}.parsley-errors-list.filled{margin-top:10px;margin-bottom:0;padding:15px 20px;position:relative;background-color:#eb6357;color:#fff}.parsley-errors-list.filled:after{position:absolute;top:-6px;left:20px;content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #eb6357}.parsley-errors-list.filled>li{list-style:none}table.dataTable{margin:0!important}div.dataTables_wrapper div.dataTables_info{color:#616161;padding-top:9px}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:0}div.dataTables_wrapper div.dataTables_filter input{padding-top:6px;padding-bottom:6px}div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label{margin-bottom:0;font-size:13px;color:#616161}div.dataTables_wrapper div.dataTables_length label select{padding:2px}.be-datatable-header{border-bottom:1px solid #d5d8de;margin:2px 0 0;padding:15px 10px 22px}.be-datatable-header .dt-buttons .btn embed{outline:0}.be-datatable-footer{margin:0;padding:15px 3px 13px;background-color:#f7f7f7;border-top:1px solid #d5d8de}.jvectormap-zoomin,.jvectormap-zoomout{line-height:11px}.jqvmap-zoomin,.jqvmap-zoomout{width:30px;height:30px;background-color:#d9d9d9;color:#7a7a7a;font-size:22px;line-height:24px;text-align:center;border-radius:0;top:auto;left:0;bottom:0}.jqvmap-zoomin:hover,.jqvmap-zoomout:hover{background-color:#c9c9c9}.jqvmap-zoomin{left:43px}.full-calendar .fc-toolbar{padding-top:25px;margin-bottom:30px}.full-calendar .fc-view-container .fc-event-container .fc-event{background:#4285f4;border-color:#1b6cf2;color:#fff;border-radius:0}.full-calendar .fc-view-container .fc-border-separate .fc-today{background-color:#f7f7f7}.full-calendar .fc-view-container .fc-cell-overlay{background-color:rgba(66,133,244,.5)}.full-calendar .fc-button{color:#404040;background:#fff;border-color:#dedede;height:auto;padding:10px;font-size:13px;line-height:28px}.full-calendar .fc-button.focus,.full-calendar .fc-button:focus{color:#404040;background-color:#fff;border-color:#dedede;box-shadow:0 1px 0 rgba(0,0,0,.05)}.full-calendar .fc-button.hover,.full-calendar .fc-button:hover{box-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#fff;border-color:#bdbdbd}.full-calendar .fc-button.active,.full-calendar .fc-button.active.focus,.full-calendar .fc-button.active:focus,.full-calendar .fc-button.active:hover,.full-calendar .fc-button.fc-state-active,.full-calendar .fc-button.fc-state-active.focus,.full-calendar .fc-button.fc-state-active:focus,.full-calendar .fc-button.fc-state-active:hover,.full-calendar .fc-button:active,.full-calendar .fc-button:active.focus,.full-calendar .fc-button:active:focus,.full-calendar .fc-button:active:hover,.open>.dropdown-toggle.full-calendar .fc-button,.open>.dropdown-toggle.full-calendar .fc-button.focus,.open>.dropdown-toggle.full-calendar .fc-button:focus,.open>.dropdown-toggle.full-calendar .fc-button:hover{color:#272727;background-color:#e3e3e3;border-color:#bdbdbd;box-shadow:inset 0 2px 0 rgba(0,0,0,.06)}.full-calendar .fc-button.active,.full-calendar .fc-button:active,.open>.dropdown-toggle.full-calendar .fc-button{background-image:none}.full-calendar .fc-button.disabled,.full-calendar .fc-button.disabled.active,.full-calendar .fc-button.disabled.focus,.full-calendar .fc-button.disabled:active,.full-calendar .fc-button.disabled:focus,.full-calendar .fc-button.disabled:hover,.full-calendar .fc-button[disabled],.full-calendar .fc-button[disabled].active,.full-calendar .fc-button[disabled].focus,.full-calendar .fc-button[disabled]:active,.full-calendar .fc-button[disabled]:focus,.full-calendar .fc-button[disabled]:hover,fieldset[disabled] .full-calendar .fc-button,fieldset[disabled] .full-calendar .fc-button.active,fieldset[disabled] .full-calendar .fc-button.focus,fieldset[disabled] .full-calendar .fc-button:active,fieldset[disabled] .full-calendar .fc-button:focus,fieldset[disabled] .full-calendar .fc-button:hover{background-color:#fff;border-color:#dedede}.full-calendar .fc-button.fc-next-button,.full-calendar .fc-button.fc-prev-button{padding-left:7px;padding-right:7px}.full-calendar .fc-button .fc-icon:after{position:static;font-weight:400;font-size:21px}.full-calendar .fc-state-default.fc-corner-left{border-top-left-radius:2px;border-bottom-left-radius:2px}.full-calendar .fc-state-default.fc-corner-right{border-top-right-radius:2px;border-bottom-right-radius:2px}@media (max-width:767px){.full-calendar{max-width:767px}.full-calendar .fc-toolbar .fc-center,.full-calendar .fc-toolbar .fc-left,.full-calendar .fc-toolbar .fc-right{text-align:center;display:block;width:100%}.full-calendar .fc-toolbar .fc-left{padding-bottom:20px}.full-calendar .fc-toolbar .fc-center{padding:0}}.fullcalendar-external-events .fc-event{margin:2px 0;padding:5px;background:#4285f4;color:#fff;font-size:.85em;cursor:pointer;display:inline-block;border-width:0}.fullcalendar-external-events p input{margin-top:15px}.fullcalendar-external-events p label{font-weight:300;vertical-align:middle}.xs-p-50{padding:50px!important}.xs-pt-50{padding-top:50px!important}.xs-pl-50{padding-left:50px!important}.xs-pr-50{padding-right:50px!important}.xs-pb-50{padding-bottom:50px!important}.xs-m-50{margin:50px!important}.xs-mt-50{margin-top:50px!important}.xs-ml-50{margin-left:50px!important}.xs-mr-50{margin-right:50px!important}.xs-mb-50{margin-bottom:50px!important}.xs-p-40{padding:40px!important}.xs-pt-40{padding-top:40px!important}.xs-pl-40{padding-left:40px!important}.xs-pr-40{padding-right:40px!important}.xs-pb-40{padding-bottom:40px!important}.xs-m-40{margin:40px!important}.xs-mt-40{margin-top:40px!important}.xs-ml-40{margin-left:40px!important}.xs-mr-40{margin-right:40px!important}.xs-mb-40{margin-bottom:40px!important}.xs-p-30{padding:30px!important}.xs-pt-30{padding-top:30px!important}.xs-pl-30{padding-left:30px!important}.xs-pr-30{padding-right:30px!important}.xs-pb-30{padding-bottom:30px!important}.xs-m-30{margin:30px!important}.xs-mt-30{margin-top:30px!important}.xs-ml-30{margin-left:30px!important}.xs-mr-30{margin-right:30px!important}.xs-mb-30{margin-bottom:30px!important}.xs-p-25{padding:25px!important}.xs-pt-25{padding-top:25px!important}.xs-pl-25{padding-left:25px!important}.xs-pr-25{padding-right:25px!important}.xs-pb-25{padding-bottom:25px!important}.xs-m-25{margin:25px!important}.xs-mt-25{margin-top:25px!important}.xs-ml-25{margin-left:25px!important}.xs-mr-25{margin-right:25px!important}.xs-mb-25{margin-bottom:25px!important}.xs-p-20{padding:20px!important}.xs-pt-20{padding-top:20px!important}.xs-pl-20{padding-left:20px!important}.xs-pr-20{padding-right:20px!important}.xs-pb-20{padding-bottom:20px!important}.xs-m-20{margin:20px!important}.xs-mt-20{margin-top:20px!important}.xs-ml-20{margin-left:20px!important}.xs-mr-20{margin-right:20px!important}.xs-mb-20{margin-bottom:20px!important}.xs-p-15{padding:15px!important}.xs-pt-15{padding-top:15px!important}.xs-pl-15{padding-left:15px!important}.xs-pr-15{padding-right:15px!important}.xs-pb-15{padding-bottom:15px!important}.xs-m-15{margin:15px!important}.xs-mt-15{margin-top:15px!important}.xs-ml-15{margin-left:15px!important}.xs-mr-15{margin-right:15px!important}.xs-mb-15{margin-bottom:15px!important}.xs-p-10{padding:10px!important}.xs-pt-10{padding-top:10px!important}.xs-pl-10{padding-left:10px!important}.xs-pr-10{padding-right:10px!important}.xs-pb-10{padding-bottom:10px!important}.xs-m-10{margin:10px!important}.xs-mt-10{margin-top:10px!important}.xs-ml-10{margin-left:10px!important}.xs-mr-10{margin-right:10px!important}.xs-mb-10{margin-bottom:10px!important}.xs-p-5{padding:5px!important}.xs-pt-5{padding-top:5px!important}.xs-pl-5{padding-left:5px!important}.xs-pr-5{padding-right:5px!important}.xs-pb-5{padding-bottom:5px!important}.xs-m-5{margin:5px!important}.xs-mt-5{margin-top:5px!important}.xs-ml-5{margin-left:5px!important}.xs-mr-5{margin-right:5px!important}.xs-mb-5{margin-bottom:5px!important}.xs-p-0{padding:0!important}.xs-pt-0{padding-top:0!important}.xs-pl-0{padding-left:0!important}.xs-pr-0{padding-right:0!important}.xs-pb-0{padding-bottom:0!important}.xs-m-0{margin:0!important}.xs-mt-0{margin-top:0!important}.xs-ml-0{margin-left:0!important}.xs-mr-0{margin-right:0!important}.xs-mb-0{margin-bottom:0!important}@media (min-width:768px){.sm-p-50{padding:50px!important}.sm-pt-50{padding-top:50px!important}.sm-pl-50{padding-left:50px!important}.sm-pr-50{padding-right:50px!important}.sm-pb-50{padding-bottom:50px!important}.sm-m-50{margin:50px!important}.sm-mt-50{margin-top:50px!important}.sm-ml-50{margin-left:50px!important}.sm-mr-50{margin-right:50px!important}.sm-mb-50{margin-bottom:50px!important}.sm-p-40{padding:40px!important}.sm-pt-40{padding-top:40px!important}.sm-pl-40{padding-left:40px!important}.sm-pr-40{padding-right:40px!important}.sm-pb-40{padding-bottom:40px!important}.sm-m-40{margin:40px!important}.sm-mt-40{margin-top:40px!important}.sm-ml-40{margin-left:40px!important}.sm-mr-40{margin-right:40px!important}.sm-mb-40{margin-bottom:40px!important}.sm-p-30{padding:30px!important}.sm-pt-30{padding-top:30px!important}.sm-pl-30{padding-left:30px!important}.sm-pr-30{padding-right:30px!important}.sm-pb-30{padding-bottom:30px!important}.sm-m-30{margin:30px!important}.sm-mt-30{margin-top:30px!important}.sm-ml-30{margin-left:30px!important}.sm-mr-30{margin-right:30px!important}.sm-mb-30{margin-bottom:30px!important}.sm-p-25{padding:25px!important}.sm-pt-25{padding-top:25px!important}.sm-pl-25{padding-left:25px!important}.sm-pr-25{padding-right:25px!important}.sm-pb-25{padding-bottom:25px!important}.sm-m-25{margin:25px!important}.sm-mt-25{margin-top:25px!important}.sm-ml-25{margin-left:25px!important}.sm-mr-25{margin-right:25px!important}.sm-mb-25{margin-bottom:25px!important}.sm-p-20{padding:20px!important}.sm-pt-20{padding-top:20px!important}.sm-pl-20{padding-left:20px!important}.sm-pr-20{padding-right:20px!important}.sm-pb-20{padding-bottom:20px!important}.sm-m-20{margin:20px!important}.sm-mt-20{margin-top:20px!important}.sm-ml-20{margin-left:20px!important}.sm-mr-20{margin-right:20px!important}.sm-mb-20{margin-bottom:20px!important}.sm-p-15{padding:15px!important}.sm-pt-15{padding-top:15px!important}.sm-pl-15{padding-left:15px!important}.sm-pr-15{padding-right:15px!important}.sm-pb-15{padding-bottom:15px!important}.sm-m-15{margin:15px!important}.sm-mt-15{margin-top:15px!important}.sm-ml-15{margin-left:15px!important}.sm-mr-15{margin-right:15px!important}.sm-mb-15{margin-bottom:15px!important}.sm-p-10{padding:10px!important}.sm-pt-10{padding-top:10px!important}.sm-pl-10{padding-left:10px!important}.sm-pr-10{padding-right:10px!important}.sm-pb-10{padding-bottom:10px!important}.sm-m-10{margin:10px!important}.sm-mt-10{margin-top:10px!important}.sm-ml-10{margin-left:10px!important}.sm-mr-10{margin-right:10px!important}.sm-mb-10{margin-bottom:10px!important}.sm-p-5{padding:5px!important}.sm-pt-5{padding-top:5px!important}.sm-pl-5{padding-left:5px!important}.sm-pr-5{padding-right:5px!important}.sm-pb-5{padding-bottom:5px!important}.sm-m-5{margin:5px!important}.sm-mt-5{margin-top:5px!important}.sm-ml-5{margin-left:5px!important}.sm-mr-5{margin-right:5px!important}.sm-mb-5{margin-bottom:5px!important}.sm-p-0{padding:0!important}.sm-pt-0{padding-top:0!important}.sm-pl-0{padding-left:0!important}.sm-pr-0{padding-right:0!important}.sm-pb-0{padding-bottom:0!important}.sm-m-0{margin:0!important}.sm-mt-0{margin-top:0!important}.sm-ml-0{margin-left:0!important}.sm-mr-0{margin-right:0!important}.sm-mb-0{margin-bottom:0!important}}@media (min-width:992px){.md-p-50{padding:50px!important}.md-pt-50{padding-top:50px!important}.md-pl-50{padding-left:50px!important}.md-pr-50{padding-right:50px!important}.md-pb-50{padding-bottom:50px!important}.md-m-50{margin:50px!important}.md-mt-50{margin-top:50px!important}.md-ml-50{margin-left:50px!important}.md-mr-50{margin-right:50px!important}.md-mb-50{margin-bottom:50px!important}.md-p-40{padding:40px!important}.md-pt-40{padding-top:40px!important}.md-pl-40{padding-left:40px!important}.md-pr-40{padding-right:40px!important}.md-pb-40{padding-bottom:40px!important}.md-m-40{margin:40px!important}.md-mt-40{margin-top:40px!important}.md-ml-40{margin-left:40px!important}.md-mr-40{margin-right:40px!important}.md-mb-40{margin-bottom:40px!important}.md-p-30{padding:30px!important}.md-pt-30{padding-top:30px!important}.md-pl-30{padding-left:30px!important}.md-pr-30{padding-right:30px!important}.md-pb-30{padding-bottom:30px!important}.md-m-30{margin:30px!important}.md-mt-30{margin-top:30px!important}.md-ml-30{margin-left:30px!important}.md-mr-30{margin-right:30px!important}.md-mb-30{margin-bottom:30px!important}.md-p-25{padding:25px!important}.md-pt-25{padding-top:25px!important}.md-pl-25{padding-left:25px!important}.md-pr-25{padding-right:25px!important}.md-pb-25{padding-bottom:25px!important}.md-m-25{margin:25px!important}.md-mt-25{margin-top:25px!important}.md-ml-25{margin-left:25px!important}.md-mr-25{margin-right:25px!important}.md-mb-25{margin-bottom:25px!important}.md-p-20{padding:20px!important}.md-pt-20{padding-top:20px!important}.md-pl-20{padding-left:20px!important}.md-pr-20{padding-right:20px!important}.md-pb-20{padding-bottom:20px!important}.md-m-20{margin:20px!important}.md-mt-20{margin-top:20px!important}.md-ml-20{margin-left:20px!important}.md-mr-20{margin-right:20px!important}.md-mb-20{margin-bottom:20px!important}.md-p-15{padding:15px!important}.md-pt-15{padding-top:15px!important}.md-pl-15{padding-left:15px!important}.md-pr-15{padding-right:15px!important}.md-pb-15{padding-bottom:15px!important}.md-m-15{margin:15px!important}.md-mt-15{margin-top:15px!important}.md-ml-15{margin-left:15px!important}.md-mr-15{margin-right:15px!important}.md-mb-15{margin-bottom:15px!important}.md-p-10{padding:10px!important}.md-pt-10{padding-top:10px!important}.md-pl-10{padding-left:10px!important}.md-pr-10{padding-right:10px!important}.md-pb-10{padding-bottom:10px!important}.md-m-10{margin:10px!important}.md-mt-10{margin-top:10px!important}.md-ml-10{margin-left:10px!important}.md-mr-10{margin-right:10px!important}.md-mb-10{margin-bottom:10px!important}.md-p-5{padding:5px!important}.md-pt-5{padding-top:5px!important}.md-pl-5{padding-left:5px!important}.md-pr-5{padding-right:5px!important}.md-pb-5{padding-bottom:5px!important}.md-m-5{margin:5px!important}.md-mt-5{margin-top:5px!important}.md-ml-5{margin-left:5px!important}.md-mr-5{margin-right:5px!important}.md-mb-5{margin-bottom:5px!important}.md-p-0{padding:0!important}.md-pt-0{padding-top:0!important}.md-pl-0{padding-left:0!important}.md-pr-0{padding-right:0!important}.md-pb-0{padding-bottom:0!important}.md-m-0{margin:0!important}.md-mt-0{margin-top:0!important}.md-ml-0{margin-left:0!important}.md-mr-0{margin-right:0!important}.md-mb-0{margin-bottom:0!important}}@media (min-width:1200px){.lg-p-200{padding:200px!important}.lg-pt-200{padding-top:200px!important}.lg-pl-200{padding-left:200px!important}.lg-pr-200{padding-right:200px!important}.lg-pb-200{padding-bottom:200px!important}.lg-m-200{margin:200px!important}.lg-mt-200{margin-top:200px!important}.lg-ml-200{margin-left:200px!important}.lg-mr-200{margin-right:200px!important}.lg-mb-200{margin-bottom:200px!important}.lg-p-150{padding:150px!important}.lg-pt-150{padding-top:150px!important}.lg-pl-150{padding-left:150px!important}.lg-pr-150{padding-right:150px!important}.lg-pb-150{padding-bottom:150px!important}.lg-m-150{margin:150px!important}.lg-mt-150{margin-top:150px!important}.lg-ml-150{margin-left:150px!important}.lg-mr-150{margin-right:150px!important}.lg-mb-150{margin-bottom:150px!important}.lg-p-100{padding:100px!important}.lg-pt-100{padding-top:100px!important}.lg-pl-100{padding-left:100px!important}.lg-pr-100{padding-right:100px!important}.lg-pb-100{padding-bottom:100px!important}.lg-m-100{margin:100px!important}.lg-mt-100{margin-top:100px!important}.lg-ml-100{margin-left:100px!important}.lg-mr-100{margin-right:100px!important}.lg-mb-100{margin-bottom:100px!important}.lg-p-50{padding:50px!important}.lg-pt-50{padding-top:50px!important}.lg-pl-50{padding-left:50px!important}.lg-pr-50{padding-right:50px!important}.lg-pb-50{padding-bottom:50px!important}.lg-m-50{margin:50px!important}.lg-mt-50{margin-top:50px!important}.lg-ml-50{margin-left:50px!important}.lg-mr-50{margin-right:50px!important}.lg-mb-50{margin-bottom:50px!important}.lg-p-40{padding:40px!important}.lg-pt-40{padding-top:40px!important}.lg-pl-40{padding-left:40px!important}.lg-pr-40{padding-right:40px!important}.lg-pb-40{padding-bottom:40px!important}.lg-m-40{margin:40px!important}.lg-mt-40{margin-top:40px!important}.lg-ml-40{margin-left:40px!important}.lg-mr-40{margin-right:40px!important}.lg-mb-40{margin-bottom:40px!important}.lg-p-30{padding:30px!important}.lg-pt-30{padding-top:30px!important}.lg-pl-30{padding-left:30px!important}.lg-pr-30{padding-right:30px!important}.lg-pb-30{padding-bottom:30px!important}.lg-m-30{margin:30px!important}.lg-mt-30{margin-top:30px!important}.lg-ml-30{margin-left:30px!important}.lg-mr-30{margin-right:30px!important}.lg-mb-30{margin-bottom:30px!important}.lg-p-25{padding:25px!important}.lg-pt-25{padding-top:25px!important}.lg-pl-25{padding-left:25px!important}.lg-pr-25{padding-right:25px!important}.lg-pb-25{padding-bottom:25px!important}.lg-m-25{margin:25px!important}.lg-mt-25{margin-top:25px!important}.lg-ml-25{margin-left:25px!important}.lg-mr-25{margin-right:25px!important}.lg-mb-25{margin-bottom:25px!important}.lg-p-20{padding:20px!important}.lg-pt-20{padding-top:20px!important}.lg-pl-20{padding-left:20px!important}.lg-pr-20{padding-right:20px!important}.lg-pb-20{padding-bottom:20px!important}.lg-m-20{margin:20px!important}.lg-mt-20{margin-top:20px!important}.lg-ml-20{margin-left:20px!important}.lg-mr-20{margin-right:20px!important}.lg-mb-20{margin-bottom:20px!important}.lg-p-15{padding:15px!important}.lg-pt-15{padding-top:15px!important}.lg-pl-15{padding-left:15px!important}.lg-pr-15{padding-right:15px!important}.lg-pb-15{padding-bottom:15px!important}.lg-m-15{margin:15px!important}.lg-mt-15{margin-top:15px!important}.lg-ml-15{margin-left:15px!important}.lg-mr-15{margin-right:15px!important}.lg-mb-15{margin-bottom:15px!important}.lg-p-10{padding:10px!important}.lg-pt-10{padding-top:10px!important}.lg-pl-10{padding-left:10px!important}.lg-pr-10{padding-right:10px!important}.lg-pb-10{padding-bottom:10px!important}.lg-m-10{margin:10px!important}.lg-mt-10{margin-top:10px!important}.lg-ml-10{margin-left:10px!important}.lg-mr-10{margin-right:10px!important}.lg-mb-10{margin-bottom:10px!important}.lg-p-5{padding:5px!important}.lg-pt-5{padding-top:5px!important}.lg-pl-5{padding-left:5px!important}.lg-pr-5{padding-right:5px!important}.lg-pb-5{padding-bottom:5px!important}.lg-m-5{margin:5px!important}.lg-mt-5{margin-top:5px!important}.lg-ml-5{margin-left:5px!important}.lg-mr-5{margin-right:5px!important}.lg-mb-5{margin-bottom:5px!important}.lg-p-0{padding:0!important}.lg-pt-0{padding-top:0!important}.lg-pl-0{padding-left:0!important}.lg-pr-0{padding-right:0!important}.lg-pb-0{padding-bottom:0!important}.lg-m-0{margin:0!important}.lg-mt-0{margin-top:0!important}.lg-ml-0{margin-left:0!important}.lg-mr-0{margin-right:0!important}.lg-mb-0{margin-bottom:0!important}}
    \ No newline at end of file
    diff --git a/public/assets/datatable/datatables-plugins/.bower.json b/public/assets/datatable/datatables-plugins/.bower.json
    deleted file mode 100644
    index 624384e..0000000
    --- a/public/assets/datatable/datatables-plugins/.bower.json
    +++ /dev/null
    @@ -1,15 +0,0 @@
    -{
    -  "name": "datatables-plugins",
    -  "homepage": "https://github.com/DataTables/Plugins",
    -  "version": "1.0.1",
    -  "_release": "1.0.1",
    -  "_resolution": {
    -    "type": "version",
    -    "tag": "1.0.1",
    -    "commit": "a94e328df63c79af43123b99ada5ff88d601a31d"
    -  },
    -  "_source": "git://github.com/DataTables/Plugins.git",
    -  "_target": "~1.0.1",
    -  "_originalSource": "datatables-plugins",
    -  "_direct": true
    -}
    diff --git a/public/assets/datatable/datatables-plugins/README.md b/public/assets/datatable/datatables-plugins/README.md
    deleted file mode 100644
    index 5da76fd..0000000
    --- a/public/assets/datatable/datatables-plugins/README.md
    +++ /dev/null
    @@ -1,21 +0,0 @@
    -DataTables Plugins
    -==================
    -
    -This repository contains a collection of plug-ins for the jQuery [DataTables](http://datatables.net) table enhancer. These plug-ins are feature enhancing for the DataTables library, adding extra options to core functionality such as additional sort algorithms, API methods and pagination controls. The plug-ins should not be confused with DataTables "extras" which are more significant software libraries which add additional features to DataTables.
    -
    -This repository holds the following plug-in types for DataTables:
    -
    -* Sorting
    -  * Type based
    -  * Custom data source based
    -* API 
    -* Filtering
    -  * Type based
    -  * Row based
    -* Internationalisation translations
    -* Type detection
    -* Pagination
    -* Integration scripts
    -  * Twitter Bootstrap
    -
    -Each directory has an index.html file which is used to generate the plug-ins documentation on [DataTables.net](http://datatables.net/plug-ins) and describes how plug-ins can be used.
    \ No newline at end of file
    diff --git a/public/assets/datatable/datatables-plugins/api/average().js b/public/assets/datatable/datatables-plugins/api/average().js
    deleted file mode 100644
    index e5cf5e2..0000000
    --- a/public/assets/datatable/datatables-plugins/api/average().js
    +++ /dev/null
    @@ -1,32 +0,0 @@
    -/**
    - * It can sometimes be useful to get the average of data in an API result set,
    - * be it from a column, or a collection of cells. This method provides exactly
    - * that ability.
    - *
    - *  @name average()
    - *  @summary Average the values in a data set.
    - *  @author [Allan Jardine](http://sprymedia.co.uk)
    - *  @requires DataTables 1.10+
    - *
    - * @returns {Number} Calculated average
    - *
    - *  @example
    - *    // Average a column
    - *    var table = $('#example').DataTable();
    - *    table.column( 3 ).data().average();
    - *
    - *  @example
    - *    // Average two cells
    - *    var table = $('#example').DataTable();
    - *    table.cells( 0, [3,4] ).data().average();
    - */
    -
    -jQuery.fn.dataTable.Api.register( 'average()', function () {
    -    var data = this.flatten();
    -    var sum = data.reduce( function ( a, b ) {
    -        return (a*1) + (b*1); // cast values in-case they are strings
    -    } );
    -
    -    return sum / data.length;
    -} );
    -
    diff --git a/public/assets/datatable/datatables-plugins/api/column().title().js b/public/assets/datatable/datatables-plugins/api/column().title().js
    deleted file mode 100644
    index ea82c4b..0000000
    --- a/public/assets/datatable/datatables-plugins/api/column().title().js
    +++ /dev/null
    @@ -1,21 +0,0 @@
    -/**
    - * This plug-in will read the text from the header cell of a column, returning
    - * that value.
    - *
    - *  @name column().title()
    - *  @summary Get the title of a column
    - *  @author Alejandro Navarro
    - *  @requires DataTables 1.10+
    - *
    - * @returns {String} Column title
    - *
    - *  @example
    - *    // Read the title text of column index 3
    - *    var table = $('#example').DataTable();
    - *    table.column( 3 ).title();
    - */
    -
    -$.fn.dataTable.Api.register( 'column().title()', function () {
    -    var colheader = this.header();
    -    return $(colheader).text().trim();
    -} );
    diff --git a/public/assets/datatable/datatables-plugins/api/columns().order().js b/public/assets/datatable/datatables-plugins/api/columns().order().js
    deleted file mode 100644
    index 53749bf..0000000
    --- a/public/assets/datatable/datatables-plugins/api/columns().order().js
    +++ /dev/null
    @@ -1,46 +0,0 @@
    -/**
    - * The DataTables core library provides the ability to set the ordering via the
    - * `dt-api column().order()` method, but there is no plural equivalent. While
    - * multi-column ordering can be set using `dt-api order()` that method requires
    - * that column indexes be used.
    - *
    - * This plug-in provides the plural `columns().order()` method so you can set
    - * multi-column ordering, while retaining the benefits of the `dt-api columns()`
    - * selector options.
    - *
    - *  @name columns().order()
    - *  @summary Apply multi-column ordering through the columns() API method.
    - *  @author [Allan Jardine](http://sprymedia.co.uk)
    - *  @requires DataTables 1.10+
    - *  @param {string|array} dir The order to apply to the columns selected. This
    - *    can be a string (`asc` or `desc`) which will be applied to all columns,
    - *    or an array (again `asc` or `desc` as the elements in the array) which is
    - *    the same length as the number of columns selected, and will be applied to
    - *    the columns in sequence.
    - *
    - * @returns {DataTables.Api} DataTables API instance
    - *
    - *  @example
    - *    // Apply multi-column sorting with a common direction
    - *    table.columns( [ 1, 2 ] ).order( 'desc' ).draw();
    - *
    - *  @example
    - *    // Multi-column sorting with individual direction for the columns
    - *    table.columns( [ 1, 2 ] ).order( [ 'desc', 'asc' ] ).draw();
    - *
    - *  @example
    - *    // Multi-column sorting based on a name selector
    - *    table.columns( [ 'sign_up_date:name', 'user_name:name' ] ).order( 'desc' ).draw();
    - */
    -
    -$.fn.dataTable.Api.register( 'columns().order()', function ( dir ) {
    -  return this.iterator( 'columns', function ( settings, columns ) {
    -    var a = [];
    -
    -    for ( var i=0, ien=columns.length ; i= 0 )
    -	{
    -		oSettings._iDisplayStart = ( Math.floor(i / oSettings._iDisplayLength) ) * oSettings._iDisplayLength;
    -		if ( this.oApi._fnCalculateEnd ) {
    -			this.oApi._fnCalculateEnd( oSettings );
    -		}
    -	}
    -
    -	this.oApi._fnDraw( oSettings );
    -	return {
    -		"nTr": nAdded,
    -		"iPos": iAdded
    -	};
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnAddTr.js b/public/assets/datatable/datatables-plugins/api/fnAddTr.js
    deleted file mode 100644
    index 594d8e4..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnAddTr.js
    +++ /dev/null
    @@ -1,74 +0,0 @@
    -/**
    - * This method will add an existing `dt-tag tr` element to a DataTable. This can
    - * be useful for maintaining custom classes and other attributes which have
    - * been explicitly assigned to the row.
    - *
    - * DataTables 1.10+ has `dt-api row.add()` and `dt-api rows.add()` which have
    - * this ability built in, and extend it to be able to use jQuery objects as well
    - * as plain `dt-tag tr` elements. As such this method is marked deprecated, but
    - * is available for use with legacy version of DataTables. Please use the
    - * new API if you are used DataTables 1.10 or newer.
    - *
    - *  @name fnAddTr
    - *  @summary Add a `dt-tag tr` element to the table
    - *  @author [Allan Jardine](http://sprymedia.co.uk)
    - *  @deprecated
    - *
    - *  @param {node} nTr `dt-tag tr` element to add to the table
    - *  @param {boolean} [bRedraw=false] Indicate if the table should do a redraw or not.
    - *
    - *  @example
    - *    var table = $('#example').dataTable();
    - *    table.fnAddTr( $(''+
    - *         '1'+
    - *         '2'+
    - *         '3'+
    - *      '')[0]
    - *    );
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnAddTr = function ( oSettings, nTr, bRedraw ) {
    -    if ( typeof bRedraw == 'undefined' )
    -    {
    -        bRedraw = true;
    -    }
    -
    -    var nTds = nTr.getElementsByTagName('td');
    -    if ( nTds.length != oSettings.aoColumns.length )
    -    {
    -        alert( 'Warning: not adding new TR - columns and TD elements must match' );
    -        return;
    -    }
    -
    -    var aData = [];
    -    var aInvisible = [];
    -    var i;
    -    for ( i=0 ; i= 0 ; i-- )
    -    {
    -		oSettings.aoData[iIndex]._anHidden[ i ] = nTds[aInvisible[i]];
    -		nTr.removeChild( nTds[aInvisible[i]] );
    -    }
    -
    -	// Redraw
    -    if ( bRedraw )
    -    {
    -        this.oApi._fnReDraw( oSettings );
    -    }
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnColumnIndexToVisible.js b/public/assets/datatable/datatables-plugins/api/fnColumnIndexToVisible.js
    deleted file mode 100644
    index 2e106ec..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnColumnIndexToVisible.js
    +++ /dev/null
    @@ -1,33 +0,0 @@
    -/**
    - * When DataTables removes columns from the display (`bVisible` or
    - * `fnSetColumnVis`) it removes these elements from the DOM, effecting the index
    - * value for the column positions. This function converts the data column index
    - * (i.e. all columns regardless of visibility) into a visible column index.
    - *
    - * DataTables 1.10+ has this ability built-in through the
    - * `dt-api column.index()` method. As such this method is marked deprecated, but
    - * is available for use with legacy version of DataTables.
    - *
    - *  @name fnColumnIndexToVisible
    - *  @summary Convert a column data index to a visible index.
    - *  @author [Allan Jardine](http://sprymedia.co.uk)
    - *  @deprecated
    - *
    - *  @param {integer} iMatch Column data index to convert to visible index
    - *  @returns {integer} Visible column index
    - *
    - *  @example
    - *    var table = $('#example').dataTable( {
    - *      aoColumnDefs: [
    - *        { bVisible: false, aTargets: [1] }
    - *      ]
    - *    } );
    - *
    - *    // This will show 1
    - *    alert( 'Column 2 visible index: '+table.fnColumnIndexToVisible(2) );
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnColumnIndexToVisible = function ( oSettings, iMatch )
    -{
    -	return oSettings.oApi._fnColumnIndexToVisible( oSettings, iMatch );
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnDataUpdate.js b/public/assets/datatable/datatables-plugins/api/fnDataUpdate.js
    deleted file mode 100644
    index 792d314..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnDataUpdate.js
    +++ /dev/null
    @@ -1,25 +0,0 @@
    -/**
    - * Update the internal data for a `dt-tag tr` element based on what is used in the
    - * DOM. You will likely want to call fnDraw() after this function.
    - *
    - * DataTables 1.10+ has this ability built-in through the
    - * `dt-api row().invalidate()` method. As such this method is marked deprecated,
    - * but is available for use with legacy version of DataTables. Please use the
    - * new API if you are used DataTables 1.10 or newer.
    - *
    - *  @name fnDataUpdate
    - *  @summary Update DataTables cached data from the DOM
    - *  @author Lior Gerson
    - *  @deprecated
    - *
    - *  @param {node} nTr `dt-tag tr` element to get the data from
    - *  @param {integer} iRowIndex Row's position in the table (`fnGetPosition`).
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnDataUpdate = function ( oSettings, nRowObject, iRowIndex )
    -{
    -	jQuery(nRowObject).find("TD").each( function(i) {
    -		  var iColIndex = oSettings.oApi._fnVisibleToColumnIndex( oSettings, i );
    -		  oSettings.oApi._fnSetCellData( oSettings, iRowIndex, iColIndex, jQuery(this).html() );
    -	} );
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnDisplayRow.js b/public/assets/datatable/datatables-plugins/api/fnDisplayRow.js
    deleted file mode 100644
    index ce47834..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnDisplayRow.js
    +++ /dev/null
    @@ -1,46 +0,0 @@
    -/**
    - * This plug-in will take a `dt-tag tr` element and alter the table's paging
    - * to make that `dt-tag tr` element (i.e. that row) visible.
    - *
    - *  @name fnDisplayRow
    - *  @summary Shift the table's paging to display a given `dt-tag tr` element
    - *  @author [Allan Jardine](http://sprymedia.co.uk)
    - *
    - *  @param {node} nRow Row to display
    - *
    - *  @example
    - *    // Display the 21st row in the table
    - *    var table = $('#example').dataTable();
    - *    table.fnDisplayRow( table.fnGetNodes()[20] );
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnDisplayRow = function ( oSettings, nRow )
    -{
    -	// Account for the "display" all case - row is already displayed
    -	if ( oSettings._iDisplayLength == -1 )
    -	{
    -		return;
    -	}
    -
    -	// Find the node in the table
    -	var iPos = -1;
    -	for( var i=0, iLen=oSettings.aiDisplay.length ; i= 0 )
    -	{
    -		oSettings._iDisplayStart = ( Math.floor(i / oSettings._iDisplayLength) ) * oSettings._iDisplayLength;
    -		if ( this.oApi._fnCalculateEnd ) {
    -			this.oApi._fnCalculateEnd( oSettings );
    -		}
    -	}
    -
    -	this.oApi._fnDraw( oSettings );
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnDisplayStart.js b/public/assets/datatable/datatables-plugins/api/fnDisplayStart.js
    deleted file mode 100644
    index 4bb273b..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnDisplayStart.js
    +++ /dev/null
    @@ -1,32 +0,0 @@
    -/**
    - * Set the point at which DataTables will start it's display of data in the
    - * table.
    - *
    - *  @name fnDisplayStart
    - *  @summary Change the table's paging display start.
    - *  @author [Allan Jardine](http://sprymedia.co.uk)
    - *  @deprecated
    - *
    - *  @param {integer} iStart Display start index.
    - *  @param {boolean} [bRedraw=false] Indicate if the table should do a redraw or not.
    - *
    - *  @example
    - *    var table = $('#example').dataTable();
    - *    table.fnDisplayStart( 21 );
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnDisplayStart = function ( oSettings, iStart, bRedraw )
    -{
    -    if ( typeof bRedraw == 'undefined' ) {
    -        bRedraw = true;
    -    }
    -
    -    oSettings._iDisplayStart = iStart;
    -    if ( oSettings.oApi._fnCalculateEnd ) {
    -        oSettings.oApi._fnCalculateEnd( oSettings );
    -    }
    -
    -    if ( bRedraw ) {
    -        oSettings.oApi._fnDraw( oSettings );
    -    }
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnFakeRowspan.js b/public/assets/datatable/datatables-plugins/api/fnFakeRowspan.js
    deleted file mode 100644
    index 5b43c91..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnFakeRowspan.js
    +++ /dev/null
    @@ -1,66 +0,0 @@
    -/**
    - * Creates `rowspan` cells in a column when there are two or more cells in a
    - * row with the same content, effectively grouping them together visually.
    - *
    - * **Note** - this plug-in currently only operates correctly with
    - * **server-side processing**.
    - *
    - *  @name fnFakeRowspan
    - *  @summary Create a rowspan for cells which share data
    - *  @author Fredrik Wendel
    - *
    - *  @param {interger} iColumn Column index to have row span
    - *  @param {boolean} [bCaseSensitive=true] If the data check should be case
    - *    sensitive or not.
    - *  @returns {jQuery} jQuery instance
    - *
    - *  @example
    - *    $('#example').dataTable().fnFakeRowspan(3);
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnFakeRowspan = function ( oSettings, iColumn, bCaseSensitive ) {
    -	/* Fail silently on missing/errorenous parameter data. */
    -	if (isNaN(iColumn)) {
    -		return false;
    -	}
    -
    -	if (iColumn < 0 || iColumn > oSettings.aoColumns.length-1) {
    -		alert ('Invalid column number choosen, must be between 0 and ' + (oSettings.aoColumns.length-1));
    -		return false;
    -	}
    -
    -	bCaseSensitive = (typeof(bCaseSensitive) != 'boolean' ? true : bCaseSensitive);
    -
    -	function fakeRowspan () {
    -		var firstOccurance = null,
    -			value = null,
    -			rowspan = 0;
    -		jQuery.each(oSettings.aoData, function (i, oData) {
    -			var val = oData._aData[iColumn],
    -				cell = oData.nTr.childNodes[iColumn];
    -			/* Use lowercase comparison if not case-sensitive. */
    -			if (!bCaseSensitive) {
    -				val = val.toLowerCase();
    -			}
    -			/* Reset values on new cell data. */
    -			if (val != value) {
    -				value = val;
    -				firstOccurance = cell;
    -				rowspan = 0;
    -			}
    -
    -			if (val == value) {
    -				rowspan++;
    -			}
    -
    -			if (firstOccurance !== null && val == value && rowspan > 1) {
    -				oData.nTr.removeChild(cell);
    -				firstOccurance.rowSpan = rowspan;
    -			}
    -		});
    -	}
    -
    -	oSettings.aoDrawCallback.push({ "fn": fakeRowspan, "sName": "fnFakeRowspan" });
    -
    -	return this;
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnFilterAll.js b/public/assets/datatable/datatables-plugins/api/fnFilterAll.js
    deleted file mode 100644
    index 68f3cf9..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnFilterAll.js
    +++ /dev/null
    @@ -1,39 +0,0 @@
    -/**
    - * Apply the same filter to all DataTable instances on a particular page. The
    - * function call exactly matches that used by `fnFilter()` so regular expression
    - * and individual column sorting can be used.
    - *
    - * DataTables 1.10+ provides this ability through its new API, which is able to
    - * to control multiple tables at a time.
    - * `$('.dataTable').DataTable().search( ... )` for example will apply the same
    - * filter to all tables on the page. The new API should be used in preference
    - * to this older method if at all possible.
    - *
    - *  @name fnFilterAll
    - *  @summary Apply a common filter to all DataTables on a page
    - *  @author [Kristoffer Karlström](http://www.kmmtiming.se/)
    - *  @deprecated
    - *
    - *  @param {string} sInput Filtering input
    - *  @param {integer} [iColumn=null] Column to apply the filter to
    - *  @param {boolean} [bRegex] Regular expression flag
    - *  @param {boolean} [bSmart] Smart filtering flag
    - *
    - *  @example
    - *    $(document).ready(function() {
    - *      var table = $(".dataTable").dataTable();
    - *
    - *      $("#search").keyup( function () {
    - *        // Filter on the column (the index) of this element
    - *        table.fnFilterAll(this.value);
    - *      } );
    - *    });
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnFilterAll = function(oSettings, sInput, iColumn, bRegex, bSmart) {
    -    var settings = $.fn.dataTableSettings;
    -
    -    for ( var i=0 ; i= oSettings.aiDisplay.length )
    -	{
    -		/* There is no next/previous element */
    -		return null;
    -	}
    -
    -	/* Return the target node from the aoData store */
    -	return oSettings.aoData[ oSettings.aiDisplay[ iDisplayIndex ] ].nTr;
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnGetColumnData.js b/public/assets/datatable/datatables-plugins/api/fnGetColumnData.js
    deleted file mode 100644
    index fd78fdd..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnGetColumnData.js
    +++ /dev/null
    @@ -1,83 +0,0 @@
    -/**
    - * Return an array of table values from a particular column, with various
    - * filtering options.
    - *
    - * DataTables 1.10+ provides the `dt-api column().data()` method, built-in to
    - * the core, to provide this ability. As such, this method is marked deprecated,
    - * but is available for use with legacy version of DataTables. Please use the
    - * new API if you are used DataTables 1.10 or newer.
    - *
    - *  @name fnGetColumnData
    - *  @summary Get the data from a column
    - *  @author [Benedikt Forchhammer](http://mind2.de)
    - *  @deprecated
    - *
    - *  @param {integer} iColumn Column to get data from
    - *  @param {boolean} [bFiltered=true] Reduce the data set to only unique values
    - *  @param {boolean} [bUnique=true] Get data from filter results only
    - *  @param {boolean} [bIgnoreEmpty=true] Remove data elements which are empty
    - *  @returns {array} Array of data from the column
    - *
    - *  @example
    - *    var table = $('#example').dataTable();
    - *    table.fnGetColumnData( 3 );
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
    -	// check that we have a column id
    -	if ( typeof iColumn == "undefined" ) {
    -		return [];
    -	}
    -
    -	// by default we only wany unique data
    -	if ( typeof bUnique == "undefined" ) {
    -		bUnique = true;
    -	}
    -
    -	// by default we do want to only look at filtered data
    -	if ( typeof bFiltered == "undefined" ) {
    -		bFiltered = true;
    -	}
    -
    -	// by default we do not wany to include empty values
    -	if ( typeof bIgnoreEmpty == "undefined" ) {
    -		bIgnoreEmpty = true;
    -	}
    -
    -	// list of rows which we're going to loop through
    -	var aiRows;
    -
    -	// use only filtered rows
    -	if (bFiltered === true) {
    -		aiRows = oSettings.aiDisplay;
    -	}
    -	// use all rows
    -	else {
    -		aiRows = oSettings.aiDisplayMaster; // all row numbers
    -	}
    -
    -	// set up data array
    -	var asResultData = [];
    -
    -	for (var i=0,c=aiRows.length; i -1) {
    -			continue;
    -		}
    -
    -		// else push the value onto the result data array
    -		else {
    -			asResultData.push(sValue);
    -		}
    -	}
    -
    -	return asResultData;
    -};
    diff --git a/public/assets/datatable/datatables-plugins/api/fnGetColumnIndex.js b/public/assets/datatable/datatables-plugins/api/fnGetColumnIndex.js
    deleted file mode 100644
    index d48c29a..0000000
    --- a/public/assets/datatable/datatables-plugins/api/fnGetColumnIndex.js
    +++ /dev/null
    @@ -1,31 +0,0 @@
    -/**
    - * Maintenance of web-sites can often cause unexpected headaches, particularly
    - * if the hardcoded index of an array (the columns in a DataTables instance)
    - * needs to change due to an added or removed column. This plug-in function
    - * will match a given string to the title of a column in the table and return
    - * the column index, helping to overcome this problem.
    - *
    - *  @name fnGetColumnIndex
    - *  @summary Get the column index by searching the column titles
    - *  @author [Michael Ross](http://www.rosstechassociates.com/)
    - *
    - *  @param {string} sCol Column title to search for
    - *  @returns {integer} Column index, or -1 if not found
    - *
    - *  @example
    - *    var table = $('#example').dataTable();
    - *    table.fnGetColumnIndex( 'Browser' );
    - */
    -
    -jQuery.fn.dataTableExt.oApi.fnGetColumnIndex = function ( oSettings, sCol )
    -{
    -	var cols = oSettings.aoColumns;
    -	for ( var x=0, xLen=cols.length ; x