/* Minification failed. Returning unminified contents.
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2825,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(2826,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(2864,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(2865,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(2869,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(4885,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(5029,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(6353,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6449,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(6521,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6585,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6595,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(6725,44): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(7135,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7260,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7261,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7265,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7479,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7480,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7484,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7626,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7820,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7824,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7833,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7837,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(7841,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7845,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7854,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7858,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7904,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7908,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7917,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(7921,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(8126,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(8147,44): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(8147,66): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(8220,48): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(8220,70): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(8227,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(8232,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(8275,48): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(8275,75): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(8280,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9139,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9173,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9179,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9428,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9504,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9532,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9732,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(9989,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(10018,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(10047,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(10076,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(11224,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(11275,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(11338,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(11401,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(11437,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(12194,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(12962,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12975,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12979,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12983,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12993,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13016,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(13030,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(13075,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(13124,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(13382,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(14985,38): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(14990,40): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(15032,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(15037,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(15074,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(15079,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(15121,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(15126,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17695,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17707,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17708,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17714,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17715,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17738,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17786,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17801,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17808,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17814,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(17825,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(17846,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17851,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17859,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17875,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17893,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17907,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17941,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17947,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17962,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17967,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17974,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(17985,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(19138,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(20584,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(20711,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(20945,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(22865,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(23300,24): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(23305,32): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(23306,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(24078,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(24082,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(24274,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(24364,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(24374,32): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(24464,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(24474,32): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(25023,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(25027,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(25031,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(25035,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(25183,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(25187,29): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(25191,30): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(25195,31): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(25478,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(25523,22): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(25712,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(25772,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(26029,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(26113,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(26121,22): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(26125,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(26473,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(26525,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(27029,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(27778,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(27908,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(27909,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(28306,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(28380,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(29097,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(29149,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(29733,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(29737,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(29806,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(30014,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading'
(30018,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(30902,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(32847,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(32961,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(32973,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(32978,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33262,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33290,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(33302,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(33312,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(33360,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33387,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33388,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33392,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33397,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33408,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33421,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33707,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33711,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33712,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33724,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33725,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33729,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33737,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33742,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33791,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33795,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(33799,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(33805,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(34017,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(34022,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
 */
/*!
 * 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;-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:700}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 silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}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{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!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^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}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(../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: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{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"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-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:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>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}[role=button]{cursor:pointer}.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,.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:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,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,.h5,.h6,h4,h5,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:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.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:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{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}dd,dt{line-height:1.42857143}dt{font-weight:700}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[data-original-title],abbr[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 ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;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;text-align:right;border-right:5px solid #eee;border-left:0}.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'}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:700;-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-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-right:15px;padding-left: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}}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>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align: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:#fff}.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:5px}.table-bordered{border:1px solid #ddd}.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:#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>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:#f5f5f5}.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:#e8e8e8}.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:#dff0d8}.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:#d0e9c6}.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:#f2dede}.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:#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>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{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:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{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=checkbox]:focus,input[type=radio]:focus{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::-ms-expand{background-color:transparent;border:0}.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}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:34px}.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:30px}.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:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}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}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;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}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 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}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 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}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.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:#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 .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.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:#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 .checkbox,.has-error .checkbox-inline,.has-error .control-label,.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:#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 .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 .control-label{margin-bottom:0;vertical-align:middle}.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{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{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:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;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.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{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{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{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.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.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:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{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.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.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:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.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:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.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:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.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:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;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:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;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-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{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=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{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 dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{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:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.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;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 dashed;border-bottom:4px solid\9}.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-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{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-left-radius:4px;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-right-radius:4px;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=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-right:0;padding-left: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{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}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{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}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}.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:6px 12px;font-size:14px;font-weight:400;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=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-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: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-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: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{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: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;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{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:focus,.nav-tabs>li.active>a:hover{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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-pills>li.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.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}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@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}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{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-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-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;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{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 .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{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 .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 .control-label{margin-bottom:0;vertical-align:middle}.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}}@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:focus,.navbar-default .navbar-brand:hover{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: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:#555;background-color:#e7e7e7}.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:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{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: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:#555;background-color:#e7e7e7}.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-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{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{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: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{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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;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;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{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;line-height:1.3333333}.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;line-height:1.5}.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: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;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{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]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.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:#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-top:30px;padding-bottom:30px;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{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.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 a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{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:700}.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;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-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:20px;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}.progress-bar-striped,.progress-striped .progress-bar{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-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:#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-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-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,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{color:#555;text-decoration:none;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{color:#777;cursor:not-allowed;background-color:#eee}.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:#337ab7;border-color:#337ab7}.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:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}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:#3c763d;background-color:#d0e9c6}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:#3c763d;border-color:#3c763d}.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:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}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:#8a6d3b;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:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}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:#a94442;background-color:#ebcccc}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:#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>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.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>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.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>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.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:3px}.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:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.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>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.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:3px}.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: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 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-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-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>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.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-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{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>.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:#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 embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height: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: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:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;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:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.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-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-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.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;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-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;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);line-break:auto}.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>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:-o-transform .6s ease-in-out;transition: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{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{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);background-color:rgba(0,0,0,0);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:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.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;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-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{right:20%;left: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{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row: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}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-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}td.visible-xs,th.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}td.visible-sm,th.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}td.visible-md,th.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}td.visible-lg,th.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}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}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
:root {
    --color-primary: #E10016;
    --color-primary-light: #DD4D57;
    --color-primary-dark: #AC0011;
    --color-heading: #FF0000;
    --color-text: #0F143B;
    --color-form-input-background: #F1F1F2;
}

/*!
 * December Admin HTML (c) by KaijuThemes
 * Powered by Bootstrap
 */
.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.page-tabs {
    background: #f5f5f5 !important;
    padding: 0 20px !important;
}

    .page-tabs .nav-tabs {
        border: none;
    }

        .page-tabs .nav-tabs > li.active > a,
        .page-tabs .nav-tabs > li.active > a:hover,
        .page-tabs .nav-tabs > li.active > a:focus {
            border: 1px solid transparent !important;
        }

        .page-tabs .nav-tabs > li > a:hover {
            border-color: transparent transparent;
            background-color: rgba(255, 255, 255, 0.25);
        }

        .page-tabs .nav-tabs > li {
            margin: 0 !important;
        }
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-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 {
    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 {
    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"] {
        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;
        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;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label,
    #topnav .topnav-dropdown-header span.label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td,
    .fc .fc-view > table th,
    .fc .fc-view > table td {
        border: 1px solid #ddd !important;
    }
}

* {
    box-sizing: border-box;
}

    *:before,
    *:after {
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: #424242;
    background-color: #f5f5f5;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #03a9f4;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #03a9f4;
        text-decoration: none;
    }

    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: 2px;
}

.img-thumbnail {
    padding: 5px;
    line-height: 1.45;
    background-color: #f5f5f5;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    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 #f1f1f1;
}

.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;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #424242;
}

    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: #bdbdbd;
    }

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: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 13px;
}

h6,
.h6 {
    font-size: 11px;
}

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: 84%;
}

mark,
.mark {
    background-color: #ffecb3;
    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: #bdbdbd;
}

.text-primary {
    color: #03a9f4;
}

a.text-primary:hover {
    color: #0286c2;
}

.text-success {
    color: #7cb342;
}

a.text-success:hover {
    color: #628e34;
}

.text-info {
    color: #00acc1;
}

a.text-info:hover {
    color: #007f8e;
}

.text-warning {
    color: #ffb300;
}

a.text-warning:hover {
    color: #cc8f00;
}

.text-danger {
    color: #dd191d;
}

a.text-danger:hover {
    color: #af1417;
}

.bg-primary {
    color: #fff;
    background-color: #03a9f4;
}

a.bg-primary:hover {
    background-color: #0286c2;
}

.bg-success {
    background-color: #dcedc8;
}

a.bg-success:hover {
    background-color: #c4e0a2;
}

.bg-info {
    background-color: #b2ebf2;
}

a.bg-info:hover {
    background-color: #86e0eb;
}

.bg-warning {
    background-color: #ffecb3;
}

a.bg-warning:hover {
    background-color: #ffdf80;
}

.bg-danger {
    background-color: #f9bdbb;
}

a.bg-danger:hover {
    background-color: #f5908c;
}

.page-header {
    padding-bottom: 8px;
    margin: 36px 0 18px;
    border-bottom: 1px solid #e0e0e0;
}

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,
.widget-avatar {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li,
    .widget-avatar > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 18px;
}

dt,
dd {
    line-height: 1.45;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 992px) {
    .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 #bdbdbd;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 9px 18px;
    margin: 0 0 18px;
    font-size: 16.25px;
    border-left: 5px solid #e0e0e0;
}

    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.45;
        color: #bdbdbd;
    }

        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 #e0e0e0;
        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.45;
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    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.45;
    word-break: break-all;
    word-wrap: break-word;
    color: #424242;
    background-color: #f5f5f5;
    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: 16px;
    padding-right: 16px;
}

@media (min-width: 768px) {
    .container {
        width: 752px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 972px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1172px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.row {
    margin-left: -16px;
    margin-right: -16px;
}

.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: 16px;
    padding-right: 16px;
}

.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: 10px 10px;
    padding-bottom: 10px 10px;
    color: #bdbdbd;
    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: 10px 10px;
        line-height: 1.45;
        vertical-align: top;
        border-top: 1px solid #f1f1f1;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 1px solid #f1f1f1;
    }

    .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: 1px solid #f1f1f1;
    }

    .table .table {
        background-color: #f5f5f5;
    }

.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: 3px 10px;
}

.table-bordered,
.fc .fc-view > table {
    border: 1px solid #f1f1f1;
}

    .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,
    .fc .fc-view > table > thead > tr > th,
    .fc .fc-view > table > tbody > tr > th,
    .fc .fc-view > table > tfoot > tr > th,
    .fc .fc-view > table > thead > tr > td,
    .fc .fc-view > table > tbody > tr > td,
    .fc .fc-view > table > tfoot > tr > td {
        border: 1px solid #f1f1f1;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td,
    .fc .fc-view > table > thead > tr > th,
    .fc .fc-view > table > thead > tr > td {
        border-bottom-width: 1px;
    }

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #fcfcfc;
}

.table-hover > tbody > tr:hover {
    background-color: #fafafa;
}

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: #fafafa;
}

.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: #ededed;
}

.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: #dcedc8;
}

.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: #d0e7b5;
}

.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: #b2ebf2;
}

.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: #9ce5ee;
}

.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: #ffecb3;
}

.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: #ffe69a;
}

.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: #f9bdbb;
}

.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: #f7a6a4;
}

.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 #f1f1f1;
    }

        .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,
        .table-responsive > .fc .fc-view > table {
            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,
            .table-responsive > .fc .fc-view > table > thead > tr > th:first-child,
            .table-responsive > .fc .fc-view > table > tbody > tr > th:first-child,
            .table-responsive > .fc .fc-view > table > tfoot > tr > th:first-child,
            .table-responsive > .fc .fc-view > table > thead > tr > td:first-child,
            .table-responsive > .fc .fc-view > table > tbody > tr > td:first-child,
            .table-responsive > .fc .fc-view > table > 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,
            .table-responsive > .fc .fc-view > table > thead > tr > th:last-child,
            .table-responsive > .fc .fc-view > table > tbody > tr > th:last-child,
            .table-responsive > .fc .fc-view > table > tfoot > tr > th:last-child,
            .table-responsive > .fc .fc-view > table > thead > tr > td:last-child,
            .table-responsive > .fc .fc-view > table > tbody > tr > td:last-child,
            .table-responsive > .fc .fc-view > table > 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,
            .table-responsive > .fc .fc-view > table > tbody > tr:last-child > th,
            .table-responsive > .fc .fc-view > table > tfoot > tr:last-child > th,
            .table-responsive > .fc .fc-view > table > tbody > tr:last-child > td,
            .table-responsive > .fc .fc-view > table > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

.table-vam tr td {
    color: #9e9e9e;
}

    .table-vam tr td.text-right {
        color: #212121;
        font-weight: 600;
    }

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: #424242;
    border: 0;
    border-bottom: 1px solid #e6e7e8;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    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: 6px;
    font-size: 13px;
    line-height: 1.45;
    color: #212121;
}

.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.45;
    color: #212121;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #bdbdbd;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(189, 189, 189, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #bdbdbd;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #bdbdbd;
    }

    .form-control::-webkit-input-placeholder {
        color: #bdbdbd;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #ededed;
        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: 30px;
    }

        input[type="date"].input-sm,
        input[type="time"].input-sm,
        input[type="datetime-local"].input-sm,
        input[type="month"].input-sm {
            line-height: 22px;
        }

        input[type="date"].input-lg,
        input[type="time"].input-lg,
        input[type="datetime-local"].input-lg,
        input[type="month"].input-lg {
            line-height: 38px;
        }
}

.form-group {
    margin-bottom: 15px;
}

.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 {
    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: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm,
.form-group-sm .form-control {
    height: 22px;
    padding: 3px 6px;
    font-size: 11px;
    line-height: 1.35;
    border-radius: 2px;
}

select.input-sm,
select.form-group-sm .form-control {
    height: 22px;
    line-height: 22px;
}

textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
    height: auto;
}

.input-lg,
.form-group-lg .form-control {
    height: 38px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.65;
    border-radius: 2px;
}

select.input-lg,
select.form-group-lg .form-control {
    height: 38px;
    line-height: 38px;
}

textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 37.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback {
    width: 38px;
    height: 38px;
    line-height: 38px;
}

.input-sm + .form-control-feedback {
    width: 22px;
    height: 22px;
    line-height: 22px;
}

.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: #7cb342;
}

.has-success .form-control {
    border-color: #7cb342;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #628e34;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aed388;
    }

.has-success .input-group-addon {
    color: #7cb342;
    border-color: #7cb342;
    background-color: #dcedc8;
}

.has-success .form-control-feedback {
    color: #7cb342;
}

.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: #ffb300;
}

.has-warning .form-control {
    border-color: #ffb300;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #cc8f00;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd166;
    }

.has-warning .input-group-addon {
    color: #ffb300;
    border-color: #ffb300;
    background-color: #ffecb3;
}

.has-warning .form-control-feedback {
    color: #ffb300;
}

.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: #dd191d;
}

.has-error .form-control {
    border-color: #dd191d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #af1417;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6d70;
    }

.has-error .input-group-addon {
    color: #dd191d;
    border-color: #dd191d;
    background-color: #f9bdbb;
}

.has-error .form-control-feedback {
    color: #dd191d;
}

.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: #828282;
}

@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: 6px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 24px;
}

.form-horizontal .form-group {
    margin-left: -16px;
    margin-right: -16px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 6px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 16px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 10.9px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 4px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    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: 5px 10px;
    font-size: 13px;
    line-height: 1.45;
    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: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #424242;
        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;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        box-shadow: none;
    }

.btn-default {
    color: #424242;
    background-color: #fafafa;
    border-color: #eeeeee;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #424242;
        background-color: #e1e1e1;
        border-color: #cfcfcf;
    }

    .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: #fafafa;
        border-color: #eeeeee;
    }

    .btn-default .badge {
        color: #fafafa;
        background-color: #424242;
    }

.btn-primary {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #0286c2;
        border-color: #027fb8;
    }

    .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: #03a9f4;
        border-color: #03a9f4;
    }

    .btn-primary .badge {
        color: #03a9f4;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #71a436;
        border-color: #6c9c34;
    }

    .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: var(--color-primary-dark);
        border-color: var(--color-primary-dark);
    }

    .btn-success .badge {
        color: var(--color-primary-dark);
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #008fa1;
        border-color: #008697;
    }

    .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: #00bcd4;
        border-color: #00bcd4;
    }

    .btn-info .badge {
        color: #00bcd4;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #d39e00;
        border-color: #c99700;
    }

    .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: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning .badge {
        color: #ffc107;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #e51c23;
    border-color: #e51c23;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #b9151b;
        border-color: #b0141a;
    }

    .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: #e51c23;
        border-color: #e51c23;
    }

    .btn-danger .badge {
        color: #e51c23;
        background-color: #fff;
    }

.btn-link {
    color: #03a9f4;
    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: #03a9f4;
                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: #bdbdbd;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.65;
    border-radius: 2px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 3px 6px;
    font-size: 11px;
    line-height: 1.35;
    border-radius: 2px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 2px;
    font-size: 11px;
    line-height: 1.35;
    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;
    transition: opacity 0.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;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
}

.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;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu,
.tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1001;
    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 #ccc;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right,
    .tt-dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider,
    .tt-dropdown-menu .divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: #f1f1f1;
    }

    .dropdown-menu > li > a,
    .tt-dropdown-menu > li > a,
    .tt-suggestion > p {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.45;
        color: #424242;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus,
        .tt-dropdown-menu > li > a:hover,
        .tt-dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #212121;
            background-color: #f5f5f5;
        }

        .dropdown-menu > .active > a,
        .dropdown-menu > .active > a:hover,
        .dropdown-menu > .active > a:focus,
        .tt-dropdown-menu > .active > a,
        .tt-dropdown-menu > .active > a:hover,
        .tt-dropdown-menu > .active > a:focus,
        .tt-suggestion > p:hover,
        .tt-suggestion > p:focus,
        .tt-suggestion.tt-cursor > p {
            color: #fff;
            text-decoration: none;
            outline: 0;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus,
    .tt-dropdown-menu > .disabled > a,
    .tt-dropdown-menu > .disabled > a:hover,
    .tt-dropdown-menu > .disabled > a:focus {
        color: #bdbdbd;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus,
        .tt-dropdown-menu > .disabled > a:hover,
        .tt-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,
.open > .tt-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: 11px;
    line-height: 1.45;
    color: #bdbdbd;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 991;
}

.pull-right > .dropdown-menu,
.pull-right > .tt-dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu,
.dropup .tt-dropdown-menu,
.navbar-fixed-bottom .dropdown .tt-dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 992px) {
    .navbar-right .dropdown-menu,
    .navbar-right .tt-dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.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 #eeeeee;
}

    .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 {
    color: #424242;
}

    a.list-group-item .list-group-item-heading {
        color: #212121;
    }

    a.list-group-item:hover,
    a.list-group-item:focus {
        text-decoration: none;
        color: #424242;
        background-color: #f5f5f5;
    }

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #e0e0e0;
    color: #bdbdbd;
    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: #bdbdbd;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
}

    .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: #c5ecfe;
    }

.list-group-item-success {
    color: #7cb342;
    background-color: #dcedc8;
}

a.list-group-item-success {
    color: #7cb342;
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover,
    a.list-group-item-success:focus {
        color: #7cb342;
        background-color: #d0e7b5;
    }

    a.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus {
        color: #fff;
        background-color: #7cb342;
        border-color: #7cb342;
    }

.list-group-item-info {
    color: #00acc1;
    background-color: #b2ebf2;
}

a.list-group-item-info {
    color: #00acc1;
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover,
    a.list-group-item-info:focus {
        color: #00acc1;
        background-color: #9ce5ee;
    }

    a.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus {
        color: #fff;
        background-color: #00acc1;
        border-color: #00acc1;
    }

.list-group-item-warning {
    color: #ffb300;
    background-color: #ffecb3;
}

a.list-group-item-warning {
    color: #ffb300;
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover,
    a.list-group-item-warning:focus {
        color: #ffb300;
        background-color: #ffe69a;
    }

    a.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #ffb300;
        border-color: #ffb300;
    }

.list-group-item-danger {
    color: #dd191d;
    background-color: #f9bdbb;
}

a.list-group-item-danger {
    color: #dd191d;
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover,
    a.list-group-item-danger:focus {
        color: #dd191d;
        background-color: #f7a6a4;
    }

    a.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #dd191d;
        border-color: #dd191d;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f1f1f1;
    border: 1px solid #eeeeee;
    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: 2px;
}

.well-sm {
    padding: 9px;
    border-radius: 2px;
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 1;
    color: #212121;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #212121;
        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;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 14px 16px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #e0e0e0;
            }

        .nav > li.disabled > a {
            color: #bdbdbd;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #bdbdbd;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #e0e0e0;
        border-color: #03a9f4;
    }

    .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 #eeeeee;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.45;
            border: 1px solid transparent;
            border-radius: 2px 2px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #e0e0e0 #e0e0e0 #eeeeee;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #9e9e9e;
            background-color: #f5f5f5;
            border: 1px solid #eeeeee;
            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,
        .nav-tabs.nav-justified > .dropdown .tt-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 #eeeeee;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #eeeeee;
        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: #f5f5f5;
    }
}

.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: #f5f5f5;
    }

.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,
    .nav-justified > .dropdown .tt-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 #eeeeee;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #eeeeee;
        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: #f5f5f5;
    }
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
}

.tab-content > .active {
    display: block;
    visibility: visible;
}

.nav-tabs .dropdown-menu,
.nav-tabs .tt-dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 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-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 > .btn:last-child,
    .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-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-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .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,
        .btn-group-justified > .btn-group .tt-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;
}

.breadcrumb {
    padding: 3px 6px;
    margin-bottom: 18px;
    list-style: none;
    background-color: #f1f1f1;
    border-radius: 2px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #bdbdbd;
        }

    .breadcrumb > .active {
        color: #9e9e9e;
    }

.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: 5px 10px;
            line-height: 1.45;
            text-decoration: none;
            color: #03a9f4;
            background-color: #fff;
            border: 1px solid #eeeeee;
            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 {
            color: #03a9f4;
            background-color: #e0e0e0;
            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;
        background-color: #03a9f4;
        border-color: #03a9f4;
        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: #bdbdbd;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 6px 12px;
    font-size: 15px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 3px 6px;
    font-size: 11px;
}

.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 #eeeeee;
            border-radius: 2px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #e0e0e0;
            }

    .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: #bdbdbd;
        background-color: #fff;
        cursor: not-allowed;
    }

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1250;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-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: 2px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    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: 14px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 15.45px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.45;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    padding: 20px;
    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: 650px;
        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: 1230;
    display: block;
    visibility: visible;
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4;
    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;
    text-decoration: none;
    background-color: #212121;
    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: #212121;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #212121;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #212121;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #212121;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #212121;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #212121;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #212121;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #212121;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.45;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

    .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: #000;
    border-bottom: 1px solid #000000;
    border-radius: 1px 1px 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: #999;
    border-top-color: #eeeeee;
    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: #999;
    border-right-color: #eeeeee;
}

    .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: #999;
    border-bottom-color: #eeeeee;
    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: #999;
    border-left-color: #eeeeee;
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }

.alert {
    padding: 15px;
    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: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #7cb342;
    background-color: #dcedc8;
    border-color: #9ccc65;
}

    .alert-success hr {
        border-top-color: #90c652;
    }

    .alert-success .alert-link {
        color: #628e34;
    }

    .alert-success,
    .alert-success h1,
    .alert-success h2,
    .alert-success h3,
    .alert-success h4,
    .alert-success h5,
    .alert-success h6,
    .alert-success small {
        color: rgba(255, 255, 255, 0.87);
    }

        .alert-success hr {
            border-top-color: #90c652;
        }

        .alert-success .alert-link {
            color: #628e34;
        }

.alert-info {
    color: #00acc1;
    background-color: #b2ebf2;
    border-color: #26c6da;
}

    .alert-info hr {
        border-top-color: #22b3c5;
    }

    .alert-info .alert-link {
        color: #007f8e;
    }

    .alert-info,
    .alert-info h1,
    .alert-info h2,
    .alert-info h3,
    .alert-info h4,
    .alert-info h5,
    .alert-info h6,
    .alert-info small {
        color: rgba(255, 255, 255, 0.87);
    }

        .alert-info hr {
            border-top-color: #22b3c5;
        }

        .alert-info .alert-link {
            color: #007f8e;
        }

.alert-warning {
    color: #ffb300;
    background-color: #ffecb3;
    border-color: #ffca28;
}

    .alert-warning hr {
        border-top-color: #ffc40e;
    }

    .alert-warning .alert-link {
        color: #cc8f00;
    }

    .alert-warning,
    .alert-warning h1,
    .alert-warning h2,
    .alert-warning h3,
    .alert-warning h4,
    .alert-warning h5,
    .alert-warning h6,
    .alert-warning small {
        color: rgba(255, 255, 255, 0.87);
    }

        .alert-warning hr {
            border-top-color: #ffc40e;
        }

        .alert-warning .alert-link {
            color: #cc8f00;
        }

.alert-danger {
    color: #dd191d;
    background-color: #f9bdbb;
    border-color: #e84e40;
}

    .alert-danger hr {
        border-top-color: #e53929;
    }

    .alert-danger .alert-link {
        color: #af1417;
    }

    .alert-danger,
    .alert-danger h1,
    .alert-danger h2,
    .alert-danger h3,
    .alert-danger h4,
    .alert-danger h5,
    .alert-danger h6,
    .alert-danger small {
        color: rgba(255, 255, 255, 0.87);
    }

        .alert-danger hr {
            border-top-color: #e53929;
        }

        .alert-danger .alert-link {
            color: #af1417;
        }

.thumbnail {
    display: block;
    padding: 5px;
    margin-bottom: 18px;
    line-height: 1.45;
    background-color: #f5f5f5;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    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: #03a9f4;
}

.thumbnail .caption {
    padding: 9px;
    color: #424242;
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

    .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;
}

.label,
#topnav .topnav-dropdown-header span.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,
a#topnav .topnav-dropdown-header span.label:hover,
a#topnav .topnav-dropdown-header span.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty,
#topnav .topnav-dropdown-header span.label:empty {
    display: none;
}

.btn .label,
.btn #topnav .topnav-dropdown-header span.label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #bdbdbd;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #a4a4a4;
    }

.label-primary {
    background-color: #03a9f4;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #0286c2;
    }

.label-success {
    background-color: var(--color-primary-dark);
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #71a436;
    }

.label-info {
    background-color: #00bcd4;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #008fa1;
    }

.label-warning {
    background-color: #ffc107;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #d39e00;
    }

.label-danger {
    background-color: #e51c23;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #b9151b;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    line-height: 1.35;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #bdbdbd;
    border-radius: 8px;
}

    .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: #03a9f4;
    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;
}

@-webkit-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: #f1f1f1;
    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: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background-color: #03a9f4;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    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;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: var(--color-primary-dark);
}

.progress-striped .progress-bar-success {
    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: #00bcd4;
}

.progress-striped .progress-bar-info {
    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: #ffc107;
}

.progress-striped .progress-bar-warning {
    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: #e51c23;
}

.progress-striped .progress-bar-danger {
    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);
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        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 {
        transition: -webkit-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;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

        .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);
}

    .carousel-control.left {
        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: 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%;
        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;
    }

        .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: -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 {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #e0e0e0;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #c7c7c7;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 2px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 58.5px;
    }
}

.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-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 38px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.65;
    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: 38px;
    line-height: 38px;
}

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-lg > .form-control .input-lg,
.input-group-lg > .input-group-addon .input-lg,
.input-group-lg > .input-group-btn > .btn .input-lg {
    height: 43px;
    padding: 9px 0;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 0;
}

.input-group-lg > .form-control select.input-lg,
.input-group-lg > .input-group-addon select.input-lg,
.input-group-lg > .input-group-btn > .btn select.input-lg {
    height: 43px;
    line-height: 43px;
}

.input-group-lg > .form-control textarea.input-lg,
.input-group-lg > .input-group-addon textarea.input-lg,
.input-group-lg > .input-group-btn > .btn textarea.input-lg,
.input-group-lg > .form-control select[multiple].input-lg,
.input-group-lg > .input-group-addon select[multiple].input-lg,
.input-group-lg > .input-group-btn > .btn select[multiple].input-lg {
    height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 22px;
    padding: 3px 6px;
    font-size: 11px;
    line-height: 1.35;
    border-radius: 2px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 22px;
    line-height: 22px;
}

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-sm > .form-control .input-sm,
.input-group-sm > .input-group-addon .input-sm,
.input-group-sm > .input-group-btn > .btn .input-sm {
    height: 23px;
    padding: 3px 0;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 0;
}

.input-group-sm > .form-control select.input-sm,
.input-group-sm > .input-group-addon select.input-sm,
.input-group-sm > .input-group-btn > .btn select.input-sm {
    height: 23px;
    line-height: 23px;
}

.input-group-sm > .form-control textarea.input-sm,
.input-group-sm > .input-group-addon textarea.input-sm,
.input-group-sm > .input-group-btn > .btn textarea.input-sm,
.input-group-sm > .form-control select[multiple].input-sm,
.input-group-sm > .input-group-addon select[multiple].input-sm,
.input-group-sm > .input-group-btn > .btn select[multiple].input-sm {
    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: 5px 10px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #212121;
    text-align: center;
    background-color: #e0e0e0;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

    .input-group-addon.input-sm {
        padding: 3px 6px;
        font-size: 11px;
        border-radius: 2px;
    }

    .input-group-addon.input-lg {
        padding: 6px 12px;
        font-size: 15px;
        border-radius: 2px;
    }

    .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 {
        margin-left: -1px;
    }

.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,
.nav:before,
.nav:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.pager:before,
.pager:after,
.modal-footer:before,
.modal-footer:after,
.infobar .widget-body:before,
.infobar .widget-body:after,
.page-heading:before,
.page-heading:after,
#topnav:before,
#topnav:after,
#topnav .logo-area:before,
#topnav .logo-area:after,
#topnav .userinfo li a:before,
#topnav .userinfo li a:after,
#topnav a.username:before,
#topnav a.username:after,
#topnav a.nav-username:before,
#topnav a.nav-username:after,
#topnav .form-search:before,
#topnav .form-search:after,
.sidebar nav.widget-body > ul.acc-menu li.hasChild > a:before,
.sidebar nav.widget-body > ul.acc-menu li.hasChild > a:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel:before,
.panel:after,
.panel-heading:before,
.panel-heading:after,
.panel-body:before,
.panel-body:after,
.panel-footer:before,
.panel-footer:after,
.timeline > li .timeline-header:before,
.timeline > li .timeline-header:after,
.timeline > li .timeline-footer:before,
.timeline > li .timeline-footer:after,
.widget-weather:before,
.widget-weather:after,
.gallery:before,
.gallery:after,
.card-weather .weather-heading .weather-heading-top:before,
.card-weather .weather-heading .weather-heading-top:after,
.card-weather .weather-heading .weather-heading-bottom:before,
.card-weather .weather-heading .weather-heading-bottom:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.pager:after,
.modal-footer:after,
.infobar .widget-body:after,
.page-heading:after,
#topnav:after,
#topnav .logo-area:after,
#topnav .userinfo li a:after,
#topnav a.username:after,
#topnav a.nav-username:after,
#topnav .form-search:after,
.sidebar nav.widget-body > ul.acc-menu li.hasChild > a:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.panel:after,
.panel-heading:after,
.panel-body:after,
.panel-footer:after,
.timeline > li .timeline-header:after,
.timeline > li .timeline-footer:after,
.widget-weather:after,
.gallery:after,
.card-weather .weather-heading .weather-heading-top:after,
.card-weather .weather-heading .weather-heading-bottom: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;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

tr.visible-xs,
tr.visible-sm,
tr.visible-md,
tr.visible-lg {
    display: none !important;
}

th.visible-xs,
th.visible-sm,
th.visible-md,
th.visible-lg,
td.visible-xs,
td.visible-sm,
td.visible-md,
td.visible-lg {
    display: none !important;
}

.btn-group.visible-xs,
.btn-group.visible-sm,
.btn-group.visible-md,
.btn-group.visible-lg,
.btn-group-vertical.visible-xs,
.btn-group-vertical.visible-sm,
.btn-group-vertical.visible-md,
.btn-group-vertical.visible-lg,
.btn.visible-xs,
.btn.visible-sm,
.btn.visible-md,
.btn.visible-lg,
span.visible-xs,
span.visible-sm,
span.visible-md,
span.visible-lg,
i.visible-xs,
i.visible-sm,
i.visible-md,
i.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;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }

    .btn-group.visible-xs,
    .btn-group-vertical.visible-xs,
    .btn.visible-xs {
        display: inline-block !important;
    }

    span.visible-xs,
    i.visible-xs {
        display: inline !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;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

    .btn-group.visible-sm,
    .btn-group-vertical.visible-sm,
    .btn.visible-sm {
        display: inline-block !important;
    }

    span.visible-sm,
    i.visible-sm {
        display: inline !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;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }

    .btn-group.visible-md,
    .btn-group-vertical.visible-md,
    .btn.visible-md {
        display: inline-block !important;
    }

    span.visible-md,
    i.visible-md {
        display: inline !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;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }

    .btn-group.visible-lg,
    .btn-group-vertical.visible-lg,
    .btn.visible-lg {
        display: inline-block !important;
    }

    span.visible-lg,
    i.visible-lg {
        display: inline !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;
    }

    tr.hidden-xs {
        display: none !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }

    .btn-group.hidden-xs,
    .btn-group-vertical.hidden-xs,
    .btn.hidden-xs,
    span.hidden-xs,
    i.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    tr.hidden-sm {
        display: none !important;
    }

    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }

    .btn-group.hidden-sm,
    .btn-group-vertical.hidden-sm,
    .btn.hidden-sm,
    span.hidden-sm,
    i.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    tr.hidden-md {
        display: none !important;
    }

    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }

    .btn-group.hidden-md,
    .btn-group-vertical.hidden-md,
    .btn.hidden-md,
    span.hidden-md,
    i.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }

    tr.hidden-lg {
        display: none !important;
    }

    th.hidden-lg,
    td.hidden-lg {
        display: none !important;
    }

    .btn-group.hidden-lg,
    .btn-group-vertical.hidden-lg,
    .btn.hidden-lg,
    span.hidden-lg,
    i.hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

tr.visible-print {
    display: none !important;
}

th.visible-print,
td.visible-print {
    display: none !important;
}

.btn-group.visible-print,
.btn-group-vertical.visible-print,
.btn.visible-print,
span.visible-print,
i.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;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .btn-group.visible-print,
    .btn-group-vertical.visible-print,
    .btn.visible-print {
        display: inline-block !important;
    }

    span.visible-print,
    i.visible-print {
        display: inline !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;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }

    .btn-group.hidden-print,
    .btn-group-vertical.hidden-print,
    .btn.hidden-print,
    span.hidden-print,
    i.hidden-print {
        display: none !important;
    }
}

.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.embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%;
    }
/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();


*/
/* ANIMATION */
/* SHADOWS */
/* Shadows (from mdl http://www.getmdl.io/) */
body {
    background-color: #f5f5f5;
}

    body.inverse {
        background: #333333;
    }

        body.inverse,
        body.inverse .form-control {
            color: rgba(255,255,255, 0.84);
        }

            body.inverse .modal,
            body.inverse .panel-default,
            body.inverse .card,
            body.inverse .modal .form-control,
            body.inverse .panel-default .form-control,
            body.inverse .card .form-control {
                background-color: initial;
                color: initial;
            }

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 300;
}

h5,
h6 {
    font-weight: 400;
}

a,
a:hover,
a:focus {
    color: var(--color-primary);
}

    a .material-icons,
    a:hover .material-icons,
    a:focus .material-icons {
        vertical-align: middle;
    }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 0;
}

.form-horizontal .radio {
    margin-bottom: 10px;
}

.form-horizontal label {
    text-align: right;
}

    .form-horizontal label.control-label {
        margin: 0;
    }

.form-horizontal .form-group .radio,
.form-horizontal .form-group .checkbox {
    margin-top: 10px;
}

.form-horizontal .form-group .togglebutton {
    margin-top: 20px;
    margin-bottom: -10px;
}

body .container .well.well-sm,
body .container-fluid .well.well-sm {
    padding: 10px;
}

body .container .well.well-lg,
body .container-fluid .well.well-lg {
    padding: 26px;
}

body .container .well,
body .container-fluid .well,
body .container .jumbotron,
body .container-fluid .jumbotron {
    background-color: #fff;
    padding: 19px;
    margin-bottom: 20px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: 0;
}

    body .container .well p,
    body .container-fluid .well p,
    body .container .jumbotron p,
    body .container-fluid .jumbotron p {
        font-weight: 300;
    }

body .container .well,
body .container-fluid .well,
body .container .jumbotron,
body .container-fluid .jumbotron,
body .container .well-default,
body .container-fluid .well-default,
body .container .jumbotron-default,
body .container-fluid .jumbotron-default {
    background-color: #fff;
}

body .container .well-inverse,
body .container-fluid .well-inverse,
body .container .jumbotron-inverse,
body .container-fluid .jumbotron-inverse {
    background-color: #3f51b5;
}

body .container .well-primary,
body .container-fluid .well-primary,
body .container .jumbotron-primary,
body .container-fluid .jumbotron-primary {
    background-color: #03a9f4;
}

body .container .well-success,
body .container-fluid .well-success,
body .container .jumbotron-success,
body .container-fluid .jumbotron-success {
    background-color: var(--color-primary-dark);
}

body .container .well-info,
body .container-fluid .well-info,
body .container .jumbotron-info,
body .container-fluid .jumbotron-info {
    background-color: #00bcd4;
}

body .container .well-warning,
body .container-fluid .well-warning,
body .container .jumbotron-warning,
body .container-fluid .jumbotron-warning {
    background-color: #ffc107;
}

body .container .well-danger,
body .container-fluid .well-danger,
body .container .jumbotron-danger,
body .container-fluid .jumbotron-danger {
    background-color: #e51c23;
}

.btn,
.input-group-btn .btn {
    border: none;
    border-radius: 2px;
    position: relative;
    padding: 8px 30px;
    margin: 10px 1px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
}

    .btn::-moz-focus-inner,
    .input-group-btn .btn::-moz-focus-inner {
        border: 0;
    }

    .btn:not(.btn-raised),
    .input-group-btn .btn:not(.btn-raised) {
        box-shadow: none;
    }

        .btn:not(.btn-raised),
        .input-group-btn .btn:not(.btn-raised),
        .btn:not(.btn-raised).btn-default,
        .input-group-btn .btn:not(.btn-raised).btn-default {
            color: rgba(0,0,0, 0.87);
        }

            .btn:not(.btn-raised).btn-inverse,
            .input-group-btn .btn:not(.btn-raised).btn-inverse {
                color: #3f51b5;
            }

            .btn:not(.btn-raised).btn-primary,
            .input-group-btn .btn:not(.btn-raised).btn-primary {
                color: #03a9f4;
            }

            .btn:not(.btn-raised).btn-success,
            .input-group-btn .btn:not(.btn-raised).btn-success {
                color: var(--color-primary);
            }

            .btn:not(.btn-raised).btn-info,
            .input-group-btn .btn:not(.btn-raised).btn-info {
                color: #00bcd4;
            }

            .btn:not(.btn-raised).btn-warning,
            .input-group-btn .btn:not(.btn-raised).btn-warning {
                color: #ffc107;
            }

            .btn:not(.btn-raised).btn-danger,
            .input-group-btn .btn:not(.btn-raised).btn-danger {
                color: #e51c23;
            }

            .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
            .input-group-btn .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
            .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):focus,
            .input-group-btn .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):focus {
                background-color: rgba(153, 153, 153, 0.2);
            }

.theme-dark .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
.theme-dark .input-group-btn .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
.theme-dark .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):focus,
.theme-dark .input-group-btn .btn:not(.btn-raised):not(.btn-link):not(.btn-fab):focus {
    background-color: rgba(204, 204, 204, 0.15);
}

.btn.btn-raised,
.input-group-btn .btn.btn-raised,
.btn.btn-fab,
.input-group-btn .btn.btn-fab,
.btn-group-raised .btn,
.btn-group-raised .input-group-btn .btn,
.btn.btn-raised.btn-default,
.input-group-btn .btn.btn-raised.btn-default,
.btn.btn-fab.btn-default,
.input-group-btn .btn.btn-fab.btn-default,
.btn-group-raised .btn.btn-default,
.btn-group-raised .input-group-btn .btn.btn-default {
    background-color: #f5f5f5;
    color: rgba(0,0,0, 0.87);
}

    .btn.btn-raised.btn-inverse,
    .input-group-btn .btn.btn-raised.btn-inverse,
    .btn.btn-fab.btn-inverse,
    .input-group-btn .btn.btn-fab.btn-inverse,
    .btn-group-raised .btn.btn-inverse,
    .btn-group-raised .input-group-btn .btn.btn-inverse {
        background-color: #3f51b5;
        color: #fff;
    }

    .btn.btn-raised.btn-primary,
    .input-group-btn .btn.btn-raised.btn-primary,
    .btn.btn-fab.btn-primary,
    .input-group-btn .btn.btn-fab.btn-primary,
    .btn-group-raised .btn.btn-primary,
    .btn-group-raised .input-group-btn .btn.btn-primary {
        background-color: var(--color-primary);
        color: rgba(255,255,255, 0.84);
    }

    .btn.btn-raised.btn-success,
    .input-group-btn .btn.btn-raised.btn-success,
    .btn.btn-fab.btn-success,
    .input-group-btn .btn.btn-fab.btn-success,
    .btn-group-raised .btn.btn-success,
    .btn-group-raised .input-group-btn .btn.btn-success {
        background-color: var(--color-primary-dark);
        color: rgba(255,255,255, 0.84);
    }

    .btn.btn-raised.btn-info,
    .input-group-btn .btn.btn-raised.btn-info,
    .btn.btn-fab.btn-info,
    .input-group-btn .btn.btn-fab.btn-info,
    .btn-group-raised .btn.btn-info,
    .btn-group-raised .input-group-btn .btn.btn-info {
        background-color: #00bcd4;
        color: rgba(255,255,255, 0.84);
    }

    .btn.btn-raised.btn-warning,
    .input-group-btn .btn.btn-raised.btn-warning,
    .btn.btn-fab.btn-warning,
    .input-group-btn .btn.btn-fab.btn-warning,
    .btn-group-raised .btn.btn-warning,
    .btn-group-raised .input-group-btn .btn.btn-warning {
        background-color: #ffc107;
        color: rgba(255,255,255, 0.84);
    }

    .btn.btn-raised.btn-danger,
    .input-group-btn .btn.btn-raised.btn-danger,
    .btn.btn-fab.btn-danger,
    .input-group-btn .btn.btn-fab.btn-danger,
    .btn-group-raised .btn.btn-danger,
    .btn-group-raised .input-group-btn .btn.btn-danger {
        background-color: #e51c23;
        color: rgba(255,255,255, 0.84);
    }

    .btn.btn-raised:not(.btn-link),
    .input-group-btn .btn.btn-raised:not(.btn-link),
    .btn-group-raised .btn:not(.btn-link),
    .btn-group-raised .input-group-btn .btn:not(.btn-link) {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    }

        .btn.btn-raised:not(.btn-link):hover,
        .input-group-btn .btn.btn-raised:not(.btn-link):hover,
        .btn-group-raised .btn:not(.btn-link):hover,
        .btn-group-raised .input-group-btn .btn:not(.btn-link):hover,
        .btn.btn-raised:not(.btn-link):focus,
        .input-group-btn .btn.btn-raised:not(.btn-link):focus,
        .btn-group-raised .btn:not(.btn-link):focus,
        .btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
        .btn.btn-raised:not(.btn-link).active,
        .input-group-btn .btn.btn-raised:not(.btn-link).active,
        .btn-group-raised .btn:not(.btn-link).active,
        .btn-group-raised .input-group-btn .btn:not(.btn-link).active,
        .btn.btn-raised:not(.btn-link):active,
        .input-group-btn .btn.btn-raised:not(.btn-link):active,
        .btn-group-raised .btn:not(.btn-link):active,
        .btn-group-raised .input-group-btn .btn:not(.btn-link):active {
            outline: 0;
        }

            .btn.btn-raised:not(.btn-link):hover,
            .input-group-btn .btn.btn-raised:not(.btn-link):hover,
            .btn-group-raised .btn:not(.btn-link):hover,
            .btn-group-raised .input-group-btn .btn:not(.btn-link):hover,
            .btn.btn-raised:not(.btn-link):focus,
            .input-group-btn .btn.btn-raised:not(.btn-link):focus,
            .btn-group-raised .btn:not(.btn-link):focus,
            .btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
            .btn.btn-raised:not(.btn-link).active,
            .input-group-btn .btn.btn-raised:not(.btn-link).active,
            .btn-group-raised .btn:not(.btn-link).active,
            .btn-group-raised .input-group-btn .btn:not(.btn-link).active,
            .btn.btn-raised:not(.btn-link):active,
            .input-group-btn .btn.btn-raised:not(.btn-link):active,
            .btn-group-raised .btn:not(.btn-link):active,
            .btn-group-raised .input-group-btn .btn:not(.btn-link):active,
            .btn.btn-raised:not(.btn-link):hover.btn-default,
            .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default,
            .btn-group-raised .btn:not(.btn-link):hover.btn-default,
            .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default,
            .btn.btn-raised:not(.btn-link):focus.btn-default,
            .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default,
            .btn-group-raised .btn:not(.btn-link):focus.btn-default,
            .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default,
            .btn.btn-raised:not(.btn-link).active.btn-default,
            .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default,
            .btn-group-raised .btn:not(.btn-link).active.btn-default,
            .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default,
            .btn.btn-raised:not(.btn-link):active.btn-default,
            .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default,
            .btn-group-raised .btn:not(.btn-link):active.btn-default,
            .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default {
                background-color: #ebebeb;
            }

                .btn.btn-raised:not(.btn-link):hover.btn-inverse,
                .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse,
                .btn-group-raised .btn:not(.btn-link):hover.btn-inverse,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse,
                .btn.btn-raised:not(.btn-link):focus.btn-inverse,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse,
                .btn-group-raised .btn:not(.btn-link):focus.btn-inverse,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse,
                .btn.btn-raised:not(.btn-link).active.btn-inverse,
                .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse,
                .btn-group-raised .btn:not(.btn-link).active.btn-inverse,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse,
                .btn.btn-raised:not(.btn-link):active.btn-inverse,
                .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse,
                .btn-group-raised .btn:not(.btn-link):active.btn-inverse,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse {
                    background-color: #495bc0;
                }

                .btn.btn-raised:not(.btn-link):hover.btn-primary,
                .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary,
                .btn-group-raised .btn:not(.btn-link):hover.btn-primary,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,
                .btn.btn-raised:not(.btn-link):focus.btn-primary,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,
                .btn-group-raised .btn:not(.btn-link):focus.btn-primary,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,
                .btn.btn-raised:not(.btn-link).active.btn-primary,
                .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,
                .btn-group-raised .btn:not(.btn-link).active.btn-primary,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,
                .btn.btn-raised:not(.btn-link):active.btn-primary,
                .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,
                .btn-group-raised .btn:not(.btn-link):active.btn-primary,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary {
                    background-color: var(--color-primary-light);
                }

                .btn.btn-raised:not(.btn-link):hover.btn-success,
                .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success,
                .btn-group-raised .btn:not(.btn-link):hover.btn-success,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success,
                .btn.btn-raised:not(.btn-link):focus.btn-success,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success,
                .btn-group-raised .btn:not(.btn-link):focus.btn-success,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success,
                .btn.btn-raised:not(.btn-link).active.btn-success,
                .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success,
                .btn-group-raised .btn:not(.btn-link).active.btn-success,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success,
                .btn.btn-raised:not(.btn-link):active.btn-success,
                .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success,
                .btn-group-raised .btn:not(.btn-link):active.btn-success,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success {
                    background-color: #81bb3e;
                }

                .btn.btn-raised:not(.btn-link):hover.btn-info,
                .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info,
                .btn-group-raised .btn:not(.btn-link):hover.btn-info,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info,
                .btn.btn-raised:not(.btn-link):focus.btn-info,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info,
                .btn-group-raised .btn:not(.btn-link):focus.btn-info,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info,
                .btn.btn-raised:not(.btn-link).active.btn-info,
                .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info,
                .btn-group-raised .btn:not(.btn-link).active.btn-info,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info,
                .btn.btn-raised:not(.btn-link):active.btn-info,
                .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info,
                .btn-group-raised .btn:not(.btn-link):active.btn-info,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info {
                    background-color: #00aac0;
                }

                .btn.btn-raised:not(.btn-link):hover.btn-warning,
                .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning,
                .btn-group-raised .btn:not(.btn-link):hover.btn-warning,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning,
                .btn.btn-raised:not(.btn-link):focus.btn-warning,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning,
                .btn-group-raised .btn:not(.btn-link):focus.btn-warning,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning,
                .btn.btn-raised:not(.btn-link).active.btn-warning,
                .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning,
                .btn-group-raised .btn:not(.btn-link).active.btn-warning,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning,
                .btn.btn-raised:not(.btn-link):active.btn-warning,
                .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning,
                .btn-group-raised .btn:not(.btn-link):active.btn-warning,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning {
                    background-color: #f2b500;
                }

                .btn.btn-raised:not(.btn-link):hover.btn-danger,
                .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger,
                .btn-group-raised .btn:not(.btn-link):hover.btn-danger,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger,
                .btn.btn-raised:not(.btn-link):focus.btn-danger,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger,
                .btn-group-raised .btn:not(.btn-link):focus.btn-danger,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger,
                .btn.btn-raised:not(.btn-link).active.btn-danger,
                .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger,
                .btn-group-raised .btn:not(.btn-link).active.btn-danger,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger,
                .btn.btn-raised:not(.btn-link):active.btn-danger,
                .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger,
                .btn-group-raised .btn:not(.btn-link):active.btn-danger,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger {
                    background-color: #e72e35;
                }

                .btn.btn-raised:not(.btn-link).active,
                .input-group-btn .btn.btn-raised:not(.btn-link).active,
                .btn-group-raised .btn:not(.btn-link).active,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active,
                .btn.btn-raised:not(.btn-link):active,
                .input-group-btn .btn.btn-raised:not(.btn-link):active,
                .btn-group-raised .btn:not(.btn-link):active,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active,
                .btn.btn-raised:not(.btn-link).active:hover,
                .input-group-btn .btn.btn-raised:not(.btn-link).active:hover,
                .btn-group-raised .btn:not(.btn-link).active:hover,
                .btn-group-raised .input-group-btn .btn:not(.btn-link).active:hover,
                .btn.btn-raised:not(.btn-link):active:hover,
                .input-group-btn .btn.btn-raised:not(.btn-link):active:hover,
                .btn-group-raised .btn:not(.btn-link):active:hover,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):active:hover {
                    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
                }

                .btn.btn-raised:not(.btn-link):focus,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus,
                .btn-group-raised .btn:not(.btn-link):focus,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
                .btn.btn-raised:not(.btn-link):focus.active,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.active,
                .btn-group-raised .btn:not(.btn-link):focus.active,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.active,
                .btn.btn-raised:not(.btn-link):focus:active,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus:active,
                .btn-group-raised .btn:not(.btn-link):focus:active,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus:active,
                .btn.btn-raised:not(.btn-link):focus:hover,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus:hover,
                .btn-group-raised .btn:not(.btn-link):focus:hover,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus:hover,
                .btn.btn-raised:not(.btn-link):focus.active:hover,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus.active:hover,
                .btn-group-raised .btn:not(.btn-link):focus.active:hover,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.active:hover,
                .btn.btn-raised:not(.btn-link):focus:active:hover,
                .input-group-btn .btn.btn-raised:not(.btn-link):focus:active:hover,
                .btn-group-raised .btn:not(.btn-link):focus:active:hover,
                .btn-group-raised .input-group-btn .btn:not(.btn-link):focus:active:hover {
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18), 0 4px 8px rgba(0, 0, 0, 0.36);
                }

.btn.btn-fab,
.input-group-btn .btn.btn-fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

    .btn.btn-fab .ripple-container,
    .input-group-btn .btn.btn-fab .ripple-container {
        border-radius: 50%;
    }

    .btn.btn-fab.btn-fab-mini,
    .input-group-btn .btn.btn-fab.btn-fab-mini,
    .btn-group-sm .btn.btn-fab,
    .btn-group-sm .input-group-btn .btn.btn-fab {
        height: 40px;
        min-width: 40px;
        width: 40px;
    }

        .btn.btn-fab.btn-fab-mini.material-icons,
        .input-group-btn .btn.btn-fab.btn-fab-mini.material-icons,
        .btn-group-sm .btn.btn-fab.material-icons,
        .btn-group-sm .input-group-btn .btn.btn-fab.material-icons {
            top: 0px;
            left: 0px;
        }

    .btn.btn-fab i.material-icons,
    .input-group-btn .btn.btn-fab i.material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
        transition-duration: 300ms;
    }

    .btn.btn-fab.toggle-rotate i.material-icons,
    .input-group-btn .btn.btn-fab.toggle-rotate i.material-icons {
        -webkit-transform: translate(-12px, -12px) rotate(90deg);
        transform: translate(-12px, -12px) rotate(90deg);
    }

.btn i.material-icons,
.input-group-btn .btn i.material-icons {
    vertical-align: middle;
}

.btn.btn-lg,
.input-group-btn .btn.btn-lg,
.btn-group-lg .btn,
.btn-group-lg .input-group-btn .btn {
    font-size: 16px;
}

.btn.btn-sm,
.input-group-btn .btn.btn-sm,
.btn-group-sm .btn,
.btn-group-sm .input-group-btn .btn {
    padding: 5px 20px;
    font-size: 12px;
}

.btn.btn-xs,
.input-group-btn .btn.btn-xs,
.btn-group-xs .btn,
.btn-group-xs .input-group-btn .btn {
    padding: 4px 15px;
    font-size: 10px;
}

fieldset[disabled][disabled] .btn,
fieldset[disabled][disabled] .input-group-btn .btn,
fieldset[disabled][disabled] .btn-group,
fieldset[disabled][disabled] .btn-group-vertical,
.btn.disabled,
.input-group-btn .btn.disabled,
.btn-group.disabled,
.btn-group-vertical.disabled,
.btn:disabled,
.input-group-btn .btn:disabled,
.btn-group:disabled,
.btn-group-vertical:disabled,
.btn[disabled][disabled],
.input-group-btn .btn[disabled][disabled],
.btn-group[disabled][disabled],
.btn-group-vertical[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26);
    background: transparent;
}

.theme-dark fieldset[disabled][disabled] .btn,
.theme-dark fieldset[disabled][disabled] .input-group-btn .btn,
.theme-dark fieldset[disabled][disabled] .btn-group,
.theme-dark fieldset[disabled][disabled] .btn-group-vertical,
.theme-dark .btn.disabled,
.theme-dark .input-group-btn .btn.disabled,
.theme-dark .btn-group.disabled,
.theme-dark .btn-group-vertical.disabled,
.theme-dark .btn:disabled,
.theme-dark .input-group-btn .btn:disabled,
.theme-dark .btn-group:disabled,
.theme-dark .btn-group-vertical:disabled,
.theme-dark .btn[disabled][disabled],
.theme-dark .input-group-btn .btn[disabled][disabled],
.theme-dark .btn-group[disabled][disabled],
.theme-dark .btn-group-vertical[disabled][disabled] {
    color: rgba(255, 255, 255, 0.3);
}

fieldset[disabled][disabled] .btn.btn-raised,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised,
fieldset[disabled][disabled] .btn-group.btn-raised,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised,
.btn.disabled.btn-raised,
.input-group-btn .btn.disabled.btn-raised,
.btn-group.disabled.btn-raised,
.btn-group-vertical.disabled.btn-raised,
.btn:disabled.btn-raised,
.input-group-btn .btn:disabled.btn-raised,
.btn-group:disabled.btn-raised,
.btn-group-vertical:disabled.btn-raised,
.btn[disabled][disabled].btn-raised,
.input-group-btn .btn[disabled][disabled].btn-raised,
.btn-group[disabled][disabled].btn-raised,
.btn-group-vertical[disabled][disabled].btn-raised,
fieldset[disabled][disabled] .btn.btn-group-raised,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised,
fieldset[disabled][disabled] .btn-group.btn-group-raised,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised,
.btn.disabled.btn-group-raised,
.input-group-btn .btn.disabled.btn-group-raised,
.btn-group.disabled.btn-group-raised,
.btn-group-vertical.disabled.btn-group-raised,
.btn:disabled.btn-group-raised,
.input-group-btn .btn:disabled.btn-group-raised,
.btn-group:disabled.btn-group-raised,
.btn-group-vertical:disabled.btn-group-raised,
.btn[disabled][disabled].btn-group-raised,
.input-group-btn .btn[disabled][disabled].btn-group-raised,
.btn-group[disabled][disabled].btn-group-raised,
.btn-group-vertical[disabled][disabled].btn-group-raised,
fieldset[disabled][disabled] .btn.btn-raised.active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active,
fieldset[disabled][disabled] .btn-group.btn-raised.active,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active,
.btn.disabled.btn-raised.active,
.input-group-btn .btn.disabled.btn-raised.active,
.btn-group.disabled.btn-raised.active,
.btn-group-vertical.disabled.btn-raised.active,
.btn:disabled.btn-raised.active,
.input-group-btn .btn:disabled.btn-raised.active,
.btn-group:disabled.btn-raised.active,
.btn-group-vertical:disabled.btn-raised.active,
.btn[disabled][disabled].btn-raised.active,
.input-group-btn .btn[disabled][disabled].btn-raised.active,
.btn-group[disabled][disabled].btn-raised.active,
.btn-group-vertical[disabled][disabled].btn-raised.active,
fieldset[disabled][disabled] .btn.btn-group-raised.active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active,
fieldset[disabled][disabled] .btn-group.btn-group-raised.active,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active,
.btn.disabled.btn-group-raised.active,
.input-group-btn .btn.disabled.btn-group-raised.active,
.btn-group.disabled.btn-group-raised.active,
.btn-group-vertical.disabled.btn-group-raised.active,
.btn:disabled.btn-group-raised.active,
.input-group-btn .btn:disabled.btn-group-raised.active,
.btn-group:disabled.btn-group-raised.active,
.btn-group-vertical:disabled.btn-group-raised.active,
.btn[disabled][disabled].btn-group-raised.active,
.input-group-btn .btn[disabled][disabled].btn-group-raised.active,
.btn-group[disabled][disabled].btn-group-raised.active,
.btn-group-vertical[disabled][disabled].btn-group-raised.active,
fieldset[disabled][disabled] .btn.btn-raised:active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active,
fieldset[disabled][disabled] .btn-group.btn-raised:active,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active,
.btn.disabled.btn-raised:active,
.input-group-btn .btn.disabled.btn-raised:active,
.btn-group.disabled.btn-raised:active,
.btn-group-vertical.disabled.btn-raised:active,
.btn:disabled.btn-raised:active,
.input-group-btn .btn:disabled.btn-raised:active,
.btn-group:disabled.btn-raised:active,
.btn-group-vertical:disabled.btn-raised:active,
.btn[disabled][disabled].btn-raised:active,
.input-group-btn .btn[disabled][disabled].btn-raised:active,
.btn-group[disabled][disabled].btn-raised:active,
.btn-group-vertical[disabled][disabled].btn-raised:active,
fieldset[disabled][disabled] .btn.btn-group-raised:active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active,
fieldset[disabled][disabled] .btn-group.btn-group-raised:active,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active,
.btn.disabled.btn-group-raised:active,
.input-group-btn .btn.disabled.btn-group-raised:active,
.btn-group.disabled.btn-group-raised:active,
.btn-group-vertical.disabled.btn-group-raised:active,
.btn:disabled.btn-group-raised:active,
.input-group-btn .btn:disabled.btn-group-raised:active,
.btn-group:disabled.btn-group-raised:active,
.btn-group-vertical:disabled.btn-group-raised:active,
.btn[disabled][disabled].btn-group-raised:active,
.input-group-btn .btn[disabled][disabled].btn-group-raised:active,
.btn-group[disabled][disabled].btn-group-raised:active,
.btn-group-vertical[disabled][disabled].btn-group-raised:active,
fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active),
.btn.disabled.btn-raised:focus:not(:active),
.input-group-btn .btn.disabled.btn-raised:focus:not(:active),
.btn-group.disabled.btn-raised:focus:not(:active),
.btn-group-vertical.disabled.btn-raised:focus:not(:active),
.btn:disabled.btn-raised:focus:not(:active),
.input-group-btn .btn:disabled.btn-raised:focus:not(:active),
.btn-group:disabled.btn-raised:focus:not(:active),
.btn-group-vertical:disabled.btn-raised:focus:not(:active),
.btn[disabled][disabled].btn-raised:focus:not(:active),
.input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active),
.btn-group[disabled][disabled].btn-raised:focus:not(:active),
.btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active),
.btn.disabled.btn-group-raised:focus:not(:active),
.input-group-btn .btn.disabled.btn-group-raised:focus:not(:active),
.btn-group.disabled.btn-group-raised:focus:not(:active),
.btn-group-vertical.disabled.btn-group-raised:focus:not(:active),
.btn:disabled.btn-group-raised:focus:not(:active),
.input-group-btn .btn:disabled.btn-group-raised:focus:not(:active),
.btn-group:disabled.btn-group-raised:focus:not(:active),
.btn-group-vertical:disabled.btn-group-raised:focus:not(:active),
.btn[disabled][disabled].btn-group-raised:focus:not(:active),
.input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active),
.btn-group[disabled][disabled].btn-group-raised:focus:not(:active),
.btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) {
    box-shadow: none;
}

.btn[disabled].btn-raised,
.input-group-btn .btn[disabled].btn-raised,
.btn-group[disabled].btn-raised,
.btn-group-vertical[disabled].btn-raised {
    background-color: rgba(0, 0, 0, 0.12);
}

.btn-group,
.btn-group-vertical {
    position: relative;
    margin: 10px 1px;
}

    .btn-group.open > .dropdown-toggle.btn,
    .btn-group-vertical.open > .dropdown-toggle.btn,
    .btn-group.open > .dropdown-toggle.btn.btn-default,
    .btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
        background-color: #f5f5f5;
    }

        .btn-group.open > .dropdown-toggle.btn.btn-inverse,
        .btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse {
            background-color: #3f51b5;
        }

        .btn-group.open > .dropdown-toggle.btn.btn-primary,
        .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {
            background-color: #03a9f4;
        }

        .btn-group.open > .dropdown-toggle.btn.btn-success,
        .btn-group-vertical.open > .dropdown-toggle.btn.btn-success {
            background-color: var(--color-primary-dark);
        }

        .btn-group.open > .dropdown-toggle.btn.btn-info,
        .btn-group-vertical.open > .dropdown-toggle.btn.btn-info {
            background-color: #00bcd4;
        }

        .btn-group.open > .dropdown-toggle.btn.btn-warning,
        .btn-group-vertical.open > .dropdown-toggle.btn.btn-warning {
            background-color: #ffc107;
        }

        .btn-group.open > .dropdown-toggle.btn.btn-danger,
        .btn-group-vertical.open > .dropdown-toggle.btn.btn-danger {
            background-color: #e51c23;
        }

    .btn-group .dropdown-menu,
    .btn-group-vertical .dropdown-menu,
    .btn-group .tt-dropdown-menu,
    .btn-group-vertical .tt-dropdown-menu {
        border-radius: 0 0 2px 2px;
    }

    .btn-group.btn-group-raised,
    .btn-group-vertical.btn-group-raised {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    }

    .btn-group .btn + .btn,
    .btn-group-vertical .btn + .btn,
    .btn-group .btn,
    .btn-group-vertical .btn,
    .btn-group .btn:active,
    .btn-group-vertical .btn:active,
    .btn-group .btn-group,
    .btn-group-vertical .btn-group {
        margin: 0;
    }

.checkbox label {
    cursor: pointer;
    padding-left: 0;
    color: rgba(0,0,0, 0.26);
}

.form-group.is-focused .checkbox label {
    color: rgba(0,0,0, 0.26);
}

    .form-group.is-focused .checkbox label:hover,
    .form-group.is-focused .checkbox label:focus {
        color: rgba(0,0,0, .54);
    }

fieldset[disabled] .form-group.is-focused .checkbox label {
    color: rgba(0,0,0, 0.26);
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 3px;
}

    .checkbox .checkbox-material:before {
        display: block;
        position: absolute;
        left: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.84);
        height: 20px;
        width: 20px;
        border-radius: 100%;
        z-index: 1;
        opacity: 0;
        margin: 0;
        -webkit-transform: scale3d(2.3, 2.3, 1);
        transform: scale3d(2.3, 2.3, 1);
    }

    .checkbox .checkbox-material .check {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 2px solid rgba(0,0,0, .54);
        overflow: hidden;
        z-index: 1;
        margin-right: 8px;
    }

        .checkbox .checkbox-material .check:before {
            position: absolute;
            content: "";
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: block;
            margin-top: -4px;
            margin-left: 6px;
            width: 0;
            height: 0;
            box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
            -webkit-animation: checkbox-off 0.3s forwards;
            animation: checkbox-off 0.3s forwards;
        }

.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
    opacity: 0.2;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
        color: var(--color-primary);
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        -webkit-animation: checkbox-on 0.3s forwards;
        animation: checkbox-on 0.3s forwards;
    }

.checkbox input[type=checkbox]:checked + .checkbox-material:before {
    -webkit-animation: rippleOn 500ms;
    animation: rippleOn 500ms;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
    -webkit-animation: rippleOn 500ms forwards;
    animation: rippleOn 500ms forwards;
}

.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}

.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
    -webkit-animation: rippleOff 500ms forwards;
    animation: rippleOff 500ms forwards;
}

fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
    opacity: 0.5;
}

.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
    background-color: rgba(0,0,0, 0.87);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@-webkit-keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0;
        height: 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }

    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset;
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset;
    }
}

@keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0;
        height: 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }

    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset;
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset;
    }
}

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check {
    color: #03a9f4;
    border-color: #03a9f4;
}

    .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #03a9f4;
    }

.checkbox.checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
    color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

    .checkbox.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
        color: var(--color-primary-dark);
    }

.checkbox.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check {
    color: #e51c23;
    border-color: #e51c23;
}

    .checkbox.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #e51c23;
    }

.checkbox.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check {
    color: #ffc107;
    border-color: #ffc107;
}

    .checkbox.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #ffc107;
    }

.checkbox.checkbox-info input[type=checkbox]:checked + .checkbox-material .check {
    color: #00bcd4;
    border-color: #00bcd4;
}

    .checkbox.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #00bcd4;
    }

.togglebutton {
    vertical-align: middle;
}

    .togglebutton,
    .togglebutton label,
    .togglebutton input,
    .togglebutton .toggle {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .togglebutton label {
            cursor: pointer;
            color: rgba(0,0,0, 0.26);
        }

.form-group.is-focused .togglebutton label {
    color: rgba(0,0,0, 0.26);
}

    .form-group.is-focused .togglebutton label:hover,
    .form-group.is-focused .togglebutton label:focus {
        color: rgba(0,0,0, .54);
    }

fieldset[disabled] .form-group.is-focused .togglebutton label {
    color: rgba(0,0,0, 0.26);
}

.togglebutton label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.togglebutton label .toggle {
    text-align: left;
}

.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    margin-right: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
}

    .togglebutton label .toggle:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #F1F1F1;
        border-radius: 20px;
        position: relative;
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
        left: -5px;
        top: -2px;
        transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
    }

    .togglebutton label input[type=checkbox][disabled] + .toggle:after,
    .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
        background-color: #BDBDBD;
    }

    .togglebutton label input[type=checkbox] + .toggle:active:after,
    .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
    }

.togglebutton label input[type=checkbox]:checked + .toggle:after {
    left: 15px;
}

.togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: rgba(3, 169, 244, 0.5);
}

    .togglebutton label input[type=checkbox]:checked + .toggle:after {
        background-color: #03a9f4;
    }

    .togglebutton label input[type=checkbox]:checked + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
    }

.togglebutton.toggle-primary input[type=checkbox]:checked + .toggle {
    background-color: rgba(3, 169, 244, 0.5);
}

    .togglebutton.toggle-primary input[type=checkbox]:checked + .toggle:after {
        background-color: #03a9f4;
    }

    .togglebutton.toggle-primary input[type=checkbox]:checked + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
    }

.togglebutton.toggle-success input[type=checkbox]:checked + .toggle {
    background-color: rgba(139, 195, 74, 0.5);
}

    .togglebutton.toggle-success input[type=checkbox]:checked + .toggle:after {
        background-color: var(--color-primary-dark);
    }

    .togglebutton.toggle-success input[type=checkbox]:checked + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
    }

.togglebutton.toggle-danger input[type=checkbox]:checked + .toggle {
    background-color: rgba(229, 28, 35, 0.5);
}

    .togglebutton.toggle-danger input[type=checkbox]:checked + .toggle:after {
        background-color: #e51c23;
    }

    .togglebutton.toggle-danger input[type=checkbox]:checked + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(229, 28, 35, 0.1);
    }

.togglebutton.toggle-warning input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 193, 7, 0.5);
}

    .togglebutton.toggle-warning input[type=checkbox]:checked + .toggle:after {
        background-color: #ffc107;
    }

    .togglebutton.toggle-warning input[type=checkbox]:checked + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
    }

.togglebutton.toggle-info input[type=checkbox]:checked + .toggle {
    background-color: rgba(0, 188, 212, 0.5);
}

    .togglebutton.toggle-info input[type=checkbox]:checked + .toggle:after {
        background-color: #00bcd4;
    }

    .togglebutton.toggle-info input[type=checkbox]:checked + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
    }

.radio label {
    cursor: pointer;
    padding-left: 45px;
    position: relative;
    color: rgba(0,0,0, 0.26);
}

.form-group.is-focused .radio label {
    color: rgba(0,0,0, 0.26);
}

    .form-group.is-focused .radio label:hover,
    .form-group.is-focused .radio label:focus {
        color: rgba(0,0,0, .54);
    }

fieldset[disabled] .form-group.is-focused .radio label {
    color: rgba(0,0,0, 0.26);
}

.radio label span {
    display: block;
    position: absolute;
    left: 10px;
    top: 2px;
    transition-duration: 0.2s;
}

.radio label .circle {
    border: 2px solid rgba(0,0,0, .54);
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.radio label .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #03a9f4;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

    .radio label .check:after {
        display: block;
        position: absolute;
        content: "";
        background-color: rgba(0,0,0, 0.87);
        left: -18px;
        top: -18px;
        height: 50px;
        width: 50px;
        border-radius: 100%;
        z-index: 1;
        opacity: 0;
        margin: 0;
        -webkit-transform: scale3d(1.5, 1.5, 1);
        transform: scale3d(1.5, 1.5, 1);
    }

.radio label input[type=radio]:not(:checked) ~ .check:after {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}

.radio label input[type=radio]:checked ~ .check:after {
    -webkit-animation: rippleOn 500ms;
    animation: rippleOn 500ms;
}

.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

    .radio input[type=radio]:checked ~ .check,
    .radio input[type=radio]:checked ~ .circle {
        opacity: 1;
    }

    .radio input[type=radio]:checked ~ .check {
        background-color: #03a9f4;
    }

    .radio input[type=radio]:checked ~ .circle {
        border-color: #03a9f4;
    }

    .radio input[type=radio]:checked ~ .check {
        -webkit-transform: scale3d(0.55, 0.55, 1);
        transform: scale3d(0.55, 0.55, 1);
    }

    .radio input[type=radio][disabled] ~ .check,
    .radio input[type=radio][disabled] ~ .circle {
        opacity: 0.26;
    }

    .radio input[type=radio][disabled] ~ .check {
        background-color: #000;
    }

    .radio input[type=radio][disabled] ~ .circle {
        border-color: #000;
    }

.theme-dark .radio input[type=radio][disabled] ~ .check,
.theme-dark .radio input[type=radio][disabled] ~ .circle {
    opacity: 0.3;
}

.theme-dark .radio input[type=radio][disabled] ~ .check {
    background-color: #fff;
}

.theme-dark .radio input[type=radio][disabled] ~ .circle {
    border-color: #fff;
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

.radio.radio-primary label .check {
    background-color: var(--color-primary);
}

.radio.radio-primary label .circle {
    border-color: var(--color-primary);
}

.radio.radio-primary input[type=radio]:checked ~ .check,
.radio.radio-primary input[type=radio]:checked ~ .circle {
    opacity: 1;
}

.radio.radio-primary input[type=radio]:checked ~ .check {
    background-color: var(--color-primary);
}

.radio.radio-primary input[type=radio]:checked ~ .circle {
    border-color: var(--color-primary-light);
}

.radio.radio-success label .check {
    background-color: var(--color-primary-dark);
}

.radio.radio-success label .circle {
    border-color: var(--color-primary-dark);
}

.radio.radio-success input[type=radio]:checked ~ .check,
.radio.radio-success input[type=radio]:checked ~ .circle {
    opacity: 1;
}

.radio.radio-success input[type=radio]:checked ~ .check {
    background-color: var(--color-primary-dark);
}

.radio.radio-success input[type=radio]:checked ~ .circle {
    border-color: var(--color-primary-dark);
}

.radio.radio-danger label .check {
    background-color: #e51c23;
}

.radio.radio-danger label .circle {
    border-color: #e51c23;
}

.radio.radio-danger input[type=radio]:checked ~ .check,
.radio.radio-danger input[type=radio]:checked ~ .circle {
    opacity: 1;
}

.radio.radio-danger input[type=radio]:checked ~ .check {
    background-color: #e51c23;
}

.radio.radio-danger input[type=radio]:checked ~ .circle {
    border-color: #e51c23;
}

.radio.radio-warning label .check {
    background-color: #ffc107;
}

.radio.radio-warning label .circle {
    border-color: #ffc107;
}

.radio.radio-warning input[type=radio]:checked ~ .check,
.radio.radio-warning input[type=radio]:checked ~ .circle {
    opacity: 1;
}

.radio.radio-warning input[type=radio]:checked ~ .check {
    background-color: #ffc107;
}

.radio.radio-warning input[type=radio]:checked ~ .circle {
    border-color: #ffc107;
}

.radio.radio-info label .check {
    background-color: var(--color-primary-dark);
}

.radio.radio-info label .circle {
    border-color: var(--color-primary-dark);
}

.radio.radio-info input[type=radio]:checked ~ .check,
.radio.radio-info input[type=radio]:checked ~ .circle {
    opacity: 1;
}

.radio.radio-info input[type=radio]:checked ~ .check {
    background-color: var(--color-primary-dark);
}

.radio.radio-info input[type=radio]:checked ~ .circle {
    border-color: var(--color-primary-dark);
}

legend {
    margin-bottom: 23px;
    font-size: 24px;
}

output {
    padding-top: 8px;
    font-size: 16px;
    line-height: 1.45;
}

.form-control {
    height: 39px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.45;
}

@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: 39px;
    }

    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: 23px;
    }

    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: 43px;
    }
}

.radio label,
.checkbox label {
    min-height: 23px;
}

.form-control-static {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 39px;
}

.input-sm .input-sm {
    height: 23px;
    padding: 3px 0;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 0;
}

.input-sm select.input-sm {
    height: 23px;
    line-height: 23px;
}

.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 23px;
    padding: 3px 0;
    font-size: 10px;
    line-height: 1.5;
}

.form-group-sm select.form-control {
    height: 23px;
    line-height: 23px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 23px;
    min-height: 33px;
    padding: 4px 0;
    font-size: 10px;
    line-height: 1.5;
}

.input-lg .input-lg {
    height: 43px;
    padding: 9px 0;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 0;
}

.input-lg select.input-lg {
    height: 43px;
    line-height: 43px;
}

.input-lg textarea.input-lg,
.input-lg select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 43px;
    padding: 9px 0;
    font-size: 17px;
    line-height: 1.3333333;
}

.form-group-lg select.form-control {
    height: 43px;
    line-height: 43px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 43px;
    min-height: 40px;
    padding: 10px 0;
    font-size: 17px;
    line-height: 1.3333333;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 8px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 31px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 8px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 12.9999997px;
        font-size: 17px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 4px;
        font-size: 10px;
    }
}

.label,
#topnav .topnav-dropdown-header span.label {
    border-radius: 2px;
}

    .label,
    .label.label-default,
    #topnav .topnav-dropdown-header span.label,
    #topnav .topnav-dropdown-header span.label.label-default {
        background-color: #9e9e9e;
    }

        .label.label-inverse,
        #topnav .topnav-dropdown-header span.label.label-inverse {
            background-color: #3f51b5;
        }

        .label.label-primary,
        #topnav .topnav-dropdown-header span.label.label-primary {
            background-color: #03a9f4;
        }

        .label.label-success,
        #topnav .topnav-dropdown-header span.label.label-success {
            background-color: var(--color-primary-dark);
        }

        .label.label-info,
        #topnav .topnav-dropdown-header span.label.label-info {
            background-color: #00bcd4;
        }

        .label.label-warning,
        #topnav .topnav-dropdown-header span.label.label-warning {
            background-color: #ffc107;
        }

        .label.label-danger,
        #topnav .topnav-dropdown-header span.label.label-danger {
            background-color: #e51c23;
        }

.form-control,
.form-group .form-control {
    border: 0;
    background-image: linear-gradient(var(--color-heading), var(--color-heading)), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
}

    .form-control::-moz-placeholder,
    .form-group .form-control::-moz-placeholder {
        color: #BDBDBD;
        font-weight: 400;
    }

    .form-control:-ms-input-placeholder,
    .form-group .form-control:-ms-input-placeholder {
        color: #BDBDBD;
        font-weight: 400;
    }

    .form-control::-webkit-input-placeholder,
    .form-group .form-control::-webkit-input-placeholder {
        color: #BDBDBD;
        font-weight: 400;
    }

    .form-control[readonly],
    .form-group .form-control[readonly],
    .form-control[disabled],
    .form-group .form-control[disabled],
    fieldset[disabled] .form-control,
    fieldset[disabled] .form-group .form-control {
        background-color: rgba(0, 0, 0, 0);
    }

    .form-control[disabled],
    .form-group .form-control[disabled],
    fieldset[disabled] .form-control,
    fieldset[disabled] .form-group .form-control {
        background-image: none;
        border-bottom: 1px dotted #D2D2D2;
    }

.form-group {
    position: relative;
}

    .form-group.label-static label.control-label,
    .form-group.label-placeholder label.control-label,
    .form-group.label-floating label.control-label {
        position: absolute;
        pointer-events: none;
        transition: 0.3s ease all;
    }

    .form-group.label-floating label.control-label {
        will-change: left, top, contents;
    }

    .form-group.label-placeholder:not(.is-empty) label.control-label {
        display: none;
    }

    .form-group .help-block {
        position: absolute;
        display: none;
    }

    .form-group.is-focused .form-control {
        outline: none;
        background-image: linear-gradient(var(--color-heading), var(--color-heading)), linear-gradient(#D2D2D2, #D2D2D2);
        background-size: 100% 2px, 100% 1px;
        box-shadow: none;
        transition-duration: 0.3s;
    }

        .form-group.is-focused .form-control .material-input:after {
            background-color: var(--color-heading);
        }

    .form-group.is-focused label,
    .form-group.is-focused label.control-label {
        color: var(--color-heading);
    }

    .form-group.is-focused.label-placeholder label,
    .form-group.is-focused.label-placeholder label.control-label {
        color: #BDBDBD;
    }

    .form-group.is-focused .help-block {
        display: block;
    }

    .form-group.has-warning .form-control {
        box-shadow: none;
    }

    .form-group.has-warning.is-focused .form-control {
        background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-warning label.control-label,
    .form-group.has-warning .help-block {
        color: #ffc107;
    }

    .form-group.has-error .form-control {
        box-shadow: none;
    }

    .form-group.has-error.is-focused .form-control {
        background-image: linear-gradient(#e51c23, #e51c23), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-error label.control-label,
    .form-group.has-error .help-block {
        color: #e51c23;
    }

    .form-group.has-success .form-control {
        box-shadow: none;
    }

    .form-group.has-success.is-focused .form-control {
        background-image: linear-gradient(var(--color-primary-dark), var(--color-primary-dark)), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-success label.control-label,
    .form-group.has-success .help-block {
        color: var(--color-primary-dark);
    }

    .form-group.has-info .form-control {
        box-shadow: none;
    }

    .form-group.has-info.is-focused .form-control {
        background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
    }

    .form-group.has-info label.control-label,
    .form-group.has-info .help-block {
        color: #00bcd4;
    }

    .form-group textarea {
        resize: none;
    }

        .form-group textarea ~ .form-control-highlight {
            margin-top: -11px;
        }

    .form-group select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .form-group select ~ .material-input:after {
            display: none;
        }

.form-control {
    margin-bottom: 7px;
}

    .form-control::-moz-placeholder {
        font-size: 16px;
        line-height: 1.45;
        color: #BDBDBD;
        font-weight: 400;
    }

    .form-control:-ms-input-placeholder {
        font-size: 16px;
        line-height: 1.45;
        color: #BDBDBD;
        font-weight: 400;
    }

    .form-control::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 1.45;
        color: #BDBDBD;
        font-weight: 400;
    }

.checkbox label,
.radio label,
label {
    font-size: 16px;
    line-height: 1.45;
    color: #BDBDBD;
    font-weight: 400;
}

    label.control-label {
        font-size: 12px;
        line-height: 1.0875;
        color: #BDBDBD;
        font-weight: 400;
        margin: 16px 0 0 0;
    }

.help-block {
    margin-top: 0;
    font-size: 12px;
}

.form-group {
    padding-bottom: 7px;
    margin: 28px 0 0 0;
}

    .form-group .form-control {
        margin-bottom: 7px;
    }

        .form-group .form-control::-moz-placeholder {
            font-size: 16px;
            line-height: 1.45;
            color: #BDBDBD;
            font-weight: 400;
        }

        .form-group .form-control:-ms-input-placeholder {
            font-size: 16px;
            line-height: 1.45;
            color: #BDBDBD;
            font-weight: 400;
        }

        .form-group .form-control::-webkit-input-placeholder {
            font-size: 16px;
            line-height: 1.45;
            color: #BDBDBD;
            font-weight: 400;
        }

    .form-group .checkbox label,
    .form-group .radio label,
    .form-group label {
        font-size: 16px;
        line-height: 1.45;
        color: #BDBDBD;
        font-weight: 400;
    }

        .form-group label.control-label {
            font-size: 12px;
            line-height: 1.0875;
            color: #BDBDBD;
            font-weight: 400;
            margin: 16px 0 0 0;
        }

    .form-group .help-block {
        margin-top: 0;
        font-size: 12px;
    }

    .form-group.label-floating label.control-label,
    .form-group.label-placeholder label.control-label {
        top: -7px;
        font-size: 16px;
        line-height: 1.45;
    }

    .form-group.label-static label.control-label,
    .form-group.label-floating.is-focused label.control-label,
    .form-group.label-floating:not(.is-empty) label.control-label {
        top: -30px;
        left: 0;
        font-size: 12px;
        line-height: 1.0875;
    }

    .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
        top: -30px;
        left: 0;
        font-size: 12px;
        line-height: 1.0875;
    }

    .form-group.form-group-sm {
        padding-bottom: 3px;
        margin: 20px 0 0 0;
    }

        .form-group.form-group-sm .form-control {
            margin-bottom: 3px;
        }

            .form-group.form-group-sm .form-control::-moz-placeholder {
                font-size: 10px;
                line-height: 1.5;
                color: #BDBDBD;
                font-weight: 400;
            }

            .form-group.form-group-sm .form-control:-ms-input-placeholder {
                font-size: 10px;
                line-height: 1.5;
                color: #BDBDBD;
                font-weight: 400;
            }

            .form-group.form-group-sm .form-control::-webkit-input-placeholder {
                font-size: 10px;
                line-height: 1.5;
                color: #BDBDBD;
                font-weight: 400;
            }

        .form-group.form-group-sm .checkbox label,
        .form-group.form-group-sm .radio label,
        .form-group.form-group-sm label {
            font-size: 10px;
            line-height: 1.5;
            color: #BDBDBD;
            font-weight: 400;
        }

            .form-group.form-group-sm label.control-label {
                font-size: 8px;
                line-height: 1.125;
                color: #BDBDBD;
                font-weight: 400;
                margin: 16px 0 0 0;
            }

        .form-group.form-group-sm .help-block {
            margin-top: 0;
            font-size: 8px;
        }

        .form-group.form-group-sm.label-floating label.control-label,
        .form-group.form-group-sm.label-placeholder label.control-label {
            top: -11px;
            font-size: 10px;
            line-height: 1.5;
        }

        .form-group.form-group-sm.label-static label.control-label,
        .form-group.form-group-sm.label-floating.is-focused label.control-label,
        .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
            top: -24px;
            left: 0;
            font-size: 8px;
            line-height: 1.125;
        }

        .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
            top: -24px;
            left: 0;
            font-size: 8px;
            line-height: 1.125;
        }

    .form-group.form-group-lg {
        padding-bottom: 9px;
        margin: 29px 0 0 0;
    }

        .form-group.form-group-lg .form-control {
            margin-bottom: 9px;
        }

            .form-group.form-group-lg .form-control::-moz-placeholder {
                font-size: 17px;
                line-height: 1.3333333;
                color: #BDBDBD;
                font-weight: 400;
            }

            .form-group.form-group-lg .form-control:-ms-input-placeholder {
                font-size: 17px;
                line-height: 1.3333333;
                color: #BDBDBD;
                font-weight: 400;
            }

            .form-group.form-group-lg .form-control::-webkit-input-placeholder {
                font-size: 17px;
                line-height: 1.3333333;
                color: #BDBDBD;
                font-weight: 400;
            }

        .form-group.form-group-lg .checkbox label,
        .form-group.form-group-lg .radio label,
        .form-group.form-group-lg label {
            font-size: 17px;
            line-height: 1.3333333;
            color: #BDBDBD;
            font-weight: 400;
        }

            .form-group.form-group-lg label.control-label {
                font-size: 13px;
                line-height: 0.99999998;
                color: #BDBDBD;
                font-weight: 400;
                margin: 16px 0 0 0;
            }

        .form-group.form-group-lg .help-block {
            margin-top: 0;
            font-size: 13px;
        }

        .form-group.form-group-lg.label-floating label.control-label,
        .form-group.form-group-lg.label-placeholder label.control-label {
            top: -5px;
            font-size: 17px;
            line-height: 1.3333333;
        }

        .form-group.form-group-lg.label-static label.control-label,
        .form-group.form-group-lg.label-floating.is-focused label.control-label,
        .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
            top: -31px;
            left: 0;
            font-size: 13px;
            line-height: 0.99999998;
        }

        .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
            top: -31px;
            left: 0;
            font-size: 13px;
            line-height: 0.99999998;
        }

select.form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.form-group.is-focused select.form-control {
    box-shadow: none;
    border-color: #D2D2D2;
}

    select.form-control[multiple],
    .form-group.is-focused select.form-control[multiple] {
        height: 85px;
    }

.input-group-btn .btn {
    margin: 0 0 7px 0;
}

.form-group.form-group-sm .input-group-btn .btn {
    margin: 0 0 3px 0;
}

.form-group.form-group-lg .input-group-btn .btn {
    margin: 0 0 9px 0;
}

.input-group .input-group-btn {
    padding: 0 12px;
}

.input-group .input-group-addon {
    border: 0;
    background: transparent;
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

legend {
    border-bottom: 0;
}

.list-group {
    border-radius: 0;
}

    .list-group p.list-group-item-text {
        opacity: 0.5;
    }

    .list-group .list-group-item {
        background-color: transparent;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        padding: 10px 16px;
    }

        .list-group .list-group-item.baseline {
            border-bottom: 1px solid #cecece;
        }

            .list-group .list-group-item.baseline:last-child {
                border-bottom: none;
            }

        .list-group .list-group-item .row-picture,
        .list-group .list-group-item .row-action-primary {
            display: inline-block;
            float: left;
            padding-right: 16px;
        }

            .list-group .list-group-item .row-picture img,
            .list-group .list-group-item .row-action-primary img,
            .list-group .list-group-item .row-picture i,
            .list-group .list-group-item .row-action-primary i,
            .list-group .list-group-item .row-picture label,
            .list-group .list-group-item .row-action-primary label {
                display: block;
                width: 56px;
                height: 56px;
            }

            .list-group .list-group-item .row-picture img,
            .list-group .list-group-item .row-action-primary img {
                background: rgba(0, 0, 0, 0.1);
                padding: 1px;
            }

                .list-group .list-group-item .row-picture img.circle,
                .list-group .list-group-item .row-action-primary img.circle {
                    border-radius: 100%;
                }

            .list-group .list-group-item .row-picture i,
            .list-group .list-group-item .row-action-primary i {
                background: rgba(0, 0, 0, 0.25);
                border-radius: 100%;
                text-align: center;
                line-height: 56px;
                font-size: 20px;
                color: white;
            }

            .list-group .list-group-item .row-picture label,
            .list-group .list-group-item .row-action-primary label {
                margin-left: 7px;
                margin-right: -7px;
                margin-top: 5px;
                margin-bottom: -5px;
            }

                .list-group .list-group-item .row-picture label .checkbox-material,
                .list-group .list-group-item .row-action-primary label .checkbox-material {
                    left: -10px;
                }

        .list-group .list-group-item .row-content {
            display: inline-block;
            width: calc(100% - 92px);
            min-height: 56px;
        }

            .list-group .list-group-item .row-content .action-secondary {
                position: absolute;
                right: 16px;
                top: 16px;
            }

                .list-group .list-group-item .row-content .action-secondary i {
                    font-size: 20px;
                    color: rgba(0, 0, 0, 0.25);
                    cursor: pointer;
                }

                .list-group .list-group-item .row-content .action-secondary ~ * {
                    max-width: calc(100% - 30px);
                }

            .list-group .list-group-item .row-content .least-content {
                position: absolute;
                right: 16px;
                top: 10px;
                color: rgba(0, 0, 0, 0.54);
                font-size: 14px;
            }

        .list-group .list-group-item .list-group-item-heading {
            color: rgba(0, 0, 0, 0.77);
            font-size: 20px;
            line-height: 29px;
        }

        .list-group .list-group-item.active:hover,
        .list-group .list-group-item.active:focus {
            background: rgba(0, 0, 0, 0.15);
            outline: 10px solid rgba(0, 0, 0, 0.15);
        }

        .list-group .list-group-item.active .list-group-item-heading,
        .list-group .list-group-item.active .list-group-item-text {
            color: rgba(0,0,0, 0.87);
        }

    .list-group .list-group-separator {
        clear: both;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0;
    }

        .list-group .list-group-separator:before {
            content: "";
            width: calc(100% - 73px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            float: right;
        }

.navbar {
    background-color: #03a9f4;
    border: 0;
    border-radius: 0;
}

    .navbar .navbar-brand {
        position: relative;
        height: 60px;
        line-height: 30px;
        color: inherit;
    }

        .navbar .navbar-brand:hover,
        .navbar .navbar-brand:focus {
            color: inherit;
            background-color: transparent;
        }

    .navbar .navbar-text {
        color: inherit;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .navbar .navbar-nav > li > a {
        color: inherit;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .navbar .navbar-nav > li > a:hover,
        .navbar .navbar-nav > li > a:focus {
            color: inherit;
            background-color: transparent;
        }

    .navbar .navbar-nav > .active > a,
    .navbar .navbar-nav > .active > a:hover,
    .navbar .navbar-nav > .active > a:focus {
        color: inherit;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar .navbar-nav > .disabled > a,
    .navbar .navbar-nav > .disabled > a:hover,
    .navbar .navbar-nav > .disabled > a:focus {
        color: inherit;
        background-color: transparent;
        opacity: 0.9;
    }

    .navbar .navbar-toggle {
        border: 0;
    }

        .navbar .navbar-toggle:hover,
        .navbar .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar .navbar-toggle .icon-bar {
            background-color: inherit;
            border: 1px solid;
        }

    .navbar .navbar-default .navbar-toggle,
    .navbar .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

    .navbar .navbar-collapse,
    .navbar .navbar-form {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .navbar .navbar-nav > .open > a,
    .navbar .navbar-nav > .open > a:hover,
    .navbar .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: inherit;
    }

@media (max-width: 991px) {
    .navbar .navbar-nav .navbar-text {
        color: inherit;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .navbar .navbar-nav .open .dropdown-menu > .dropdown-header,
    .navbar .navbar-nav .open .tt-dropdown-menu > .dropdown-header {
        border: 0;
        color: inherit;
    }

    .navbar .navbar-nav .open .dropdown-menu .divider,
    .navbar .navbar-nav .open .tt-dropdown-menu .divider {
        border-bottom: 1px solid;
        opacity: 0.08;
    }

    .navbar .navbar-nav .open .dropdown-menu > li > a,
    .navbar .navbar-nav .open .tt-dropdown-menu > li > a {
        color: inherit;
    }

        .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar .navbar-nav .open .tt-dropdown-menu > li > a:hover,
        .navbar .navbar-nav .open .tt-dropdown-menu > li > a:focus {
            color: inherit;
            background-color: transparent;
        }

    .navbar .navbar-nav .open .dropdown-menu > .active > a,
    .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar .navbar-nav .open .tt-dropdown-menu > .active > a,
    .navbar .navbar-nav .open .tt-dropdown-menu > .active > a:hover,
    .navbar .navbar-nav .open .tt-dropdown-menu > .active > a:focus {
        color: inherit;
        background-color: transparent;
    }

    .navbar .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar .navbar-nav .open .tt-dropdown-menu > .disabled > a,
    .navbar .navbar-nav .open .tt-dropdown-menu > .disabled > a:hover,
    .navbar .navbar-nav .open .tt-dropdown-menu > .disabled > a:focus {
        color: inherit;
        background-color: transparent;
    }
}

.navbar .navbar-link {
    color: inherit;
}

    .navbar .navbar-link:hover {
        color: inherit;
    }

.navbar .btn-link {
    color: inherit;
}

    .navbar .btn-link:hover,
    .navbar .btn-link:focus {
        color: inherit;
    }

    .navbar .btn-link[disabled]:hover,
    fieldset[disabled] .navbar .btn-link:hover,
    .navbar .btn-link[disabled]:focus,
    fieldset[disabled] .navbar .btn-link:focus {
        color: inherit;
    }

.navbar .navbar-form {
    margin-top: 16px;
}

    .navbar .navbar-form .form-group {
        margin: 0;
        padding: 0;
    }

        .navbar .navbar-form .form-group .material-input:before,
        .navbar .navbar-form .form-group.is-focused .material-input:after {
            background-color: inherit;
        }

        .navbar .navbar-form .form-group .form-control,
        .navbar .navbar-form .form-control {
            border-color: inherit;
            color: inherit;
            padding: 0;
            margin: 0;
            height: 26px;
            font-size: 13px;
            line-height: 1.42857143;
        }

.navbar,
.navbar.navbar-default {
    background-color: #03a9f4;
    color: rgba(255,255,255, 0.84);
}

    .navbar .navbar-form .form-group input.form-control::-moz-placeholder,
    .navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
    .navbar .navbar-form input.form-control::-moz-placeholder,
    .navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255,255,255, 0.84);
    }

    .navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
    .navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
    .navbar .navbar-form input.form-control:-ms-input-placeholder,
    .navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255,255,255, 0.84);
    }

    .navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
    .navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
    .navbar .navbar-form input.form-control::-webkit-input-placeholder,
    .navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255,255,255, 0.84);
    }

    .navbar .dropdown-menu,
    .navbar.navbar-default .dropdown-menu,
    .navbar .tt-dropdown-menu,
    .navbar.navbar-default .tt-dropdown-menu {
        border-radius: 2px;
    }

        .navbar .dropdown-menu li > a,
        .navbar.navbar-default .dropdown-menu li > a,
        .navbar .tt-dropdown-menu li > a,
        .navbar.navbar-default .tt-dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar .dropdown-menu li > a:hover,
            .navbar.navbar-default .dropdown-menu li > a:hover,
            .navbar .dropdown-menu li > a:focus,
            .navbar.navbar-default .dropdown-menu li > a:focus,
            .navbar .tt-dropdown-menu li > a:hover,
            .navbar.navbar-default .tt-dropdown-menu li > a:hover,
            .navbar .tt-dropdown-menu li > a:focus,
            .navbar.navbar-default .tt-dropdown-menu li > a:focus {
                color: #03a9f4;
                background-color: #eeeeee;
            }

        .navbar .dropdown-menu .active > a,
        .navbar.navbar-default .dropdown-menu .active > a,
        .navbar .tt-dropdown-menu .active > a,
        .navbar.navbar-default .tt-dropdown-menu .active > a {
            background-color: #03a9f4;
            color: rgba(255,255,255, 0.84);
        }

            .navbar .dropdown-menu .active > a:hover,
            .navbar.navbar-default .dropdown-menu .active > a:hover,
            .navbar .dropdown-menu .active > a:focus,
            .navbar.navbar-default .dropdown-menu .active > a:focus,
            .navbar .tt-dropdown-menu .active > a:hover,
            .navbar.navbar-default .tt-dropdown-menu .active > a:hover,
            .navbar .tt-dropdown-menu .active > a:focus,
            .navbar.navbar-default .tt-dropdown-menu .active > a:focus {
                color: rgba(255,255,255, 0.84);
            }

    .navbar.navbar-inverse {
        background-color: #3f51b5;
        color: #fff;
    }

        .navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,
        .navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
            color: #fff;
        }

        .navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,
        .navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
            color: #fff;
        }

        .navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,
        .navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar.navbar-inverse .dropdown-menu,
        .navbar.navbar-inverse .tt-dropdown-menu {
            border-radius: 2px;
        }

            .navbar.navbar-inverse .dropdown-menu li > a,
            .navbar.navbar-inverse .tt-dropdown-menu li > a {
                font-size: 16px;
                padding: 13px 16px;
            }

                .navbar.navbar-inverse .dropdown-menu li > a:hover,
                .navbar.navbar-inverse .dropdown-menu li > a:focus,
                .navbar.navbar-inverse .tt-dropdown-menu li > a:hover,
                .navbar.navbar-inverse .tt-dropdown-menu li > a:focus {
                    color: #3f51b5;
                    background-color: #eeeeee;
                }

            .navbar.navbar-inverse .dropdown-menu .active > a,
            .navbar.navbar-inverse .tt-dropdown-menu .active > a {
                background-color: #3f51b5;
                color: #fff;
            }

                .navbar.navbar-inverse .dropdown-menu .active > a:hover,
                .navbar.navbar-inverse .dropdown-menu .active > a:focus,
                .navbar.navbar-inverse .tt-dropdown-menu .active > a:hover,
                .navbar.navbar-inverse .tt-dropdown-menu .active > a:focus {
                    color: #fff;
                }

    .navbar.navbar-primary {
        background-color: #03a9f4;
        color: rgba(255,255,255, 0.84);
    }

        .navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,
        .navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,
        .navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
        .navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-primary .dropdown-menu,
        .navbar.navbar-primary .tt-dropdown-menu {
            border-radius: 2px;
        }

            .navbar.navbar-primary .dropdown-menu li > a,
            .navbar.navbar-primary .tt-dropdown-menu li > a {
                font-size: 16px;
                padding: 13px 16px;
            }

                .navbar.navbar-primary .dropdown-menu li > a:hover,
                .navbar.navbar-primary .dropdown-menu li > a:focus,
                .navbar.navbar-primary .tt-dropdown-menu li > a:hover,
                .navbar.navbar-primary .tt-dropdown-menu li > a:focus {
                    color: #03a9f4;
                    background-color: #eeeeee;
                }

            .navbar.navbar-primary .dropdown-menu .active > a,
            .navbar.navbar-primary .tt-dropdown-menu .active > a {
                background-color: #03a9f4;
                color: rgba(255,255,255, 0.84);
            }

                .navbar.navbar-primary .dropdown-menu .active > a:hover,
                .navbar.navbar-primary .dropdown-menu .active > a:focus,
                .navbar.navbar-primary .tt-dropdown-menu .active > a:hover,
                .navbar.navbar-primary .tt-dropdown-menu .active > a:focus {
                    color: rgba(255,255,255, 0.84);
                }

    .navbar.navbar-success {
        background-color: var(--color-primary-dark);
        color: rgba(255,255,255, 0.84);
    }

        .navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,
        .navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,
        .navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,
        .navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-success .dropdown-menu,
        .navbar.navbar-success .tt-dropdown-menu {
            border-radius: 2px;
        }

            .navbar.navbar-success .dropdown-menu li > a,
            .navbar.navbar-success .tt-dropdown-menu li > a {
                font-size: 16px;
                padding: 13px 16px;
            }

                .navbar.navbar-success .dropdown-menu li > a:hover,
                .navbar.navbar-success .dropdown-menu li > a:focus,
                .navbar.navbar-success .tt-dropdown-menu li > a:hover,
                .navbar.navbar-success .tt-dropdown-menu li > a:focus {
                    color: var(--color-primary-dark);
                    background-color: #eeeeee;
                }

            .navbar.navbar-success .dropdown-menu .active > a,
            .navbar.navbar-success .tt-dropdown-menu .active > a {
                background-color: var(--color-primary-dark);
                color: rgba(255,255,255, 0.84);
            }

                .navbar.navbar-success .dropdown-menu .active > a:hover,
                .navbar.navbar-success .dropdown-menu .active > a:focus,
                .navbar.navbar-success .tt-dropdown-menu .active > a:hover,
                .navbar.navbar-success .tt-dropdown-menu .active > a:focus {
                    color: rgba(255,255,255, 0.84);
                }

    .navbar.navbar-info {
        background-color: #00bcd4;
        color: rgba(255,255,255, 0.84);
    }

        .navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,
        .navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,
        .navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,
        .navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-info .dropdown-menu,
        .navbar.navbar-info .tt-dropdown-menu {
            border-radius: 2px;
        }

            .navbar.navbar-info .dropdown-menu li > a,
            .navbar.navbar-info .tt-dropdown-menu li > a {
                font-size: 16px;
                padding: 13px 16px;
            }

                .navbar.navbar-info .dropdown-menu li > a:hover,
                .navbar.navbar-info .dropdown-menu li > a:focus,
                .navbar.navbar-info .tt-dropdown-menu li > a:hover,
                .navbar.navbar-info .tt-dropdown-menu li > a:focus {
                    color: #00bcd4;
                    background-color: #eeeeee;
                }

            .navbar.navbar-info .dropdown-menu .active > a,
            .navbar.navbar-info .tt-dropdown-menu .active > a {
                background-color: #00bcd4;
                color: rgba(255,255,255, 0.84);
            }

                .navbar.navbar-info .dropdown-menu .active > a:hover,
                .navbar.navbar-info .dropdown-menu .active > a:focus,
                .navbar.navbar-info .tt-dropdown-menu .active > a:hover,
                .navbar.navbar-info .tt-dropdown-menu .active > a:focus {
                    color: rgba(255,255,255, 0.84);
                }

    .navbar.navbar-warning {
        background-color: #ffc107;
        color: rgba(255,255,255, 0.84);
    }

        .navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,
        .navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,
        .navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,
        .navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-warning .dropdown-menu,
        .navbar.navbar-warning .tt-dropdown-menu {
            border-radius: 2px;
        }

            .navbar.navbar-warning .dropdown-menu li > a,
            .navbar.navbar-warning .tt-dropdown-menu li > a {
                font-size: 16px;
                padding: 13px 16px;
            }

                .navbar.navbar-warning .dropdown-menu li > a:hover,
                .navbar.navbar-warning .dropdown-menu li > a:focus,
                .navbar.navbar-warning .tt-dropdown-menu li > a:hover,
                .navbar.navbar-warning .tt-dropdown-menu li > a:focus {
                    color: #ffc107;
                    background-color: #eeeeee;
                }

            .navbar.navbar-warning .dropdown-menu .active > a,
            .navbar.navbar-warning .tt-dropdown-menu .active > a {
                background-color: #ffc107;
                color: rgba(255,255,255, 0.84);
            }

                .navbar.navbar-warning .dropdown-menu .active > a:hover,
                .navbar.navbar-warning .dropdown-menu .active > a:focus,
                .navbar.navbar-warning .tt-dropdown-menu .active > a:hover,
                .navbar.navbar-warning .tt-dropdown-menu .active > a:focus {
                    color: rgba(255,255,255, 0.84);
                }

    .navbar.navbar-danger {
        background-color: #e51c23;
        color: rgba(255,255,255, 0.84);
    }

        .navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,
        .navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,
        .navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,
        .navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
            color: rgba(255,255,255, 0.84);
        }

        .navbar.navbar-danger .dropdown-menu,
        .navbar.navbar-danger .tt-dropdown-menu {
            border-radius: 2px;
        }

            .navbar.navbar-danger .dropdown-menu li > a,
            .navbar.navbar-danger .tt-dropdown-menu li > a {
                font-size: 16px;
                padding: 13px 16px;
            }

                .navbar.navbar-danger .dropdown-menu li > a:hover,
                .navbar.navbar-danger .dropdown-menu li > a:focus,
                .navbar.navbar-danger .tt-dropdown-menu li > a:hover,
                .navbar.navbar-danger .tt-dropdown-menu li > a:focus {
                    color: #e51c23;
                    background-color: #eeeeee;
                }

            .navbar.navbar-danger .dropdown-menu .active > a,
            .navbar.navbar-danger .tt-dropdown-menu .active > a {
                background-color: #e51c23;
                color: rgba(255,255,255, 0.84);
            }

                .navbar.navbar-danger .dropdown-menu .active > a:hover,
                .navbar.navbar-danger .dropdown-menu .active > a:focus,
                .navbar.navbar-danger .tt-dropdown-menu .active > a:hover,
                .navbar.navbar-danger .tt-dropdown-menu .active > a:focus {
                    color: rgba(255,255,255, 0.84);
                }

.navbar-inverse {
    background-color: #3f51b5;
}

@media (max-width: 1199px) {
    .navbar .navbar-brand {
        height: 50px;
        padding: 10px 15px;
    }

    .navbar .navbar-form {
        margin-top: 10px;
    }

    .navbar .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.dropdown-menu,
.tt-dropdown-menu {
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

    .dropdown-menu .divider,
    .tt-dropdown-menu .divider {
        background-color: rgba(0, 0, 0, 0.12);
    }

    .dropdown-menu li,
    .tt-dropdown-menu li {
        overflow: hidden;
        position: relative;
    }

        .dropdown-menu li a:hover,
        .tt-dropdown-menu li a:hover {
            background-color: transparent;
            color: #03a9f4;
        }

.alert {
    border: 0;
    border-radius: 0;
}

    .alert,
    .alert.alert-default {
        background-color: rgba(255,255,255, 0.84);
        color: rgba(255,255,255, 0.84);
    }

        .alert a,
        .alert.alert-default a,
        .alert .alert-link,
        .alert.alert-default .alert-link {
            color: rgba(255,255,255, 0.84);
        }

        .alert.alert-inverse {
            background-color: #3f51b5;
            color: #fff;
        }

            .alert.alert-inverse a,
            .alert.alert-inverse .alert-link {
                color: #fff;
            }

        .alert.alert-primary {
            background-color: #03a9f4;
            color: rgba(255,255,255, 0.84);
        }

            .alert.alert-primary a,
            .alert.alert-primary .alert-link {
                color: rgba(255,255,255, 0.84);
            }

        .alert.alert-success {
            background-color: var(--color-primary-dark);
            color: rgba(255,255,255, 0.84);
        }

            .alert.alert-success a,
            .alert.alert-success .alert-link {
                color: rgba(255,255,255, 0.84);
            }

        .alert.alert-info {
            background-color: #00bcd4;
            color: rgba(255,255,255, 0.84);
        }

            .alert.alert-info a,
            .alert.alert-info .alert-link {
                color: rgba(255,255,255, 0.84);
            }

        .alert.alert-warning {
            background-color: #ffc107;
            color: rgba(255,255,255, 0.84);
        }

            .alert.alert-warning a,
            .alert.alert-warning .alert-link {
                color: rgba(255,255,255, 0.84);
            }

        .alert.alert-danger {
            background-color: #e51c23;
            color: rgba(255,255,255, 0.84);
        }

            .alert.alert-danger a,
            .alert.alert-danger .alert-link {
                color: rgba(255,255,255, 0.84);
            }

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
    color: rgba(255,255,255, 0.84);
}

.alert-default a,
.alert-default .alert-link {
    color: rgba(0,0,0, 0.87);
}

.progress {
    height: 4px;
    border-radius: 0;
    box-shadow: none;
    background: #c8c8c8;
}

    .progress .progress-bar {
        box-shadow: none;
    }

        .progress .progress-bar,
        .progress .progress-bar.progress-bar-default {
            background-color: #03a9f4;
        }

            .progress .progress-bar.progress-bar-inverse {
                background-color: #3f51b5;
            }

            .progress .progress-bar.progress-bar-primary {
                background-color: #03a9f4;
            }

            .progress .progress-bar.progress-bar-success {
                background-color: var(--color-primary-dark);
            }

            .progress .progress-bar.progress-bar-info {
                background-color: #00bcd4;
            }

            .progress .progress-bar.progress-bar-warning {
                background-color: #ffc107;
            }

            .progress .progress-bar.progress-bar-danger {
                background-color: #e51c23;
            }

.text-warning {
    color: #ffc107;
}

.text-primary {
    color: #03a9f4;
}

.text-danger {
    color: #e51c23;
}

.text-success {
    color: var(--color-primary-dark);
}

.text-info {
    color: #00bcd4;
}

.nav-tabs {
    background: #03a9f4;
}

    .nav-tabs > li > a {
        color: #FFFFFF;
        border: 0;
        margin: 0;
    }

        .nav-tabs > li > a:hover {
            background-color: transparent;
            border: 0;
        }

        .nav-tabs > li > a,
        .nav-tabs > li > a:hover,
        .nav-tabs > li > a:focus {
            background-color: transparent !important;
            border: 0 !important;
            color: #FFFFFF !important;
            font-weight: 500;
        }

    .nav-tabs > li.disabled > a,
    .nav-tabs > li.disabled > a:hover {
        color: rgba(255, 255, 255, 0.5);
    }

.popover,
.tooltip-inner {
    color: #ececec;
    line-height: 1em;
    background: rgba(101, 101, 101, 0.9);
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.tooltip,
.tooltip.in {
    opacity: 1;
}

    .popover .arrow,
    .tooltip .arrow,
    .popover .tooltip-arrow,
    .tooltip .tooltip-arrow {
        display: none;
    }

.card {
    /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 32px;
    /**************************************************************************/
    border-radius: 2px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .card .card-height-indicator {
        margin-top: 100%;
    }

    .card .card-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .card .card-image {
        height: 60%;
        position: relative;
        overflow: hidden;
    }

        .card .card-image img {
            width: 100%;
            height: 100%;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            pointer-events: none;
        }

        .card .card-image .card-image-headline {
            position: absolute;
            bottom: 16px;
            left: 18px;
            color: #fff;
            font-size: 2em;
        }

    .card .card-body {
        height: 30%;
        padding: 18px;
    }

    .card .card-footer {
        height: 10%;
        padding: 18px;
    }

        .card .card-footer button,
        .card .card-footer a {
            margin: 0 !important;
            position: relative;
            bottom: 25px;
            width: auto;
        }

            .card .card-footer button:first-child,
            .card .card-footer a:first-child {
                left: -15px;
            }

.modal-content {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
    border: none;
}

    .modal-content .modal-header {
        border-bottom: none;
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 0;
        padding-left: 24px;
    }

    .modal-content .modal-body {
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
    }

    .modal-content .modal-footer {
        border-top: none;
        padding: 7px;
    }

        .modal-content .modal-footer button {
            margin: 0;
            padding-left: 16px;
            padding-right: 16px;
            width: auto;
        }

            .modal-content .modal-footer button.pull-left {
                padding-left: 5px;
                padding-right: 5px;
                position: relative;
                left: -5px;
            }

            .modal-content .modal-footer button + button {
                margin-bottom: 16px;
            }

    .modal-content .modal-body + .modal-footer {
        padding-top: 0;
    }

.modal-backdrop {
    background: rgba(0, 0, 0, 0.3);
}

.panel {
    border-radius: 2px;
    border: 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

    .panel > .panel-heading,
    .panel.panel-default > .panel-heading {
        background-color: #eeeeee;
    }

    .panel.panel-inverse > .panel-heading {
        background-color: #3f51b5;
    }

    .panel.panel-primary > .panel-heading {
        background-color: #03a9f4;
    }

    .panel.panel-success > .panel-heading {
        background-color: var(--color-primary-dark);
    }

    .panel.panel-info > .panel-heading {
        background-color: #00bcd4;
    }

    .panel.panel-warning > .panel-heading {
        background-color: #ffc107;
    }

    .panel.panel-danger > .panel-heading {
        background-color: #e51c23;
    }

[class*="panel-"] > .panel-heading {
    color: rgba(255,255,255, 0.84);
    border: 0;
}

.panel-default > .panel-heading,
.panel:not([class*="panel-"]) > .panel-heading {
    color: rgba(0,0,0, 0.87);
}

.panel-footer {
    background-color: #eeeeee;
}

hr.on-dark {
    color: #1a1a1a;
}

hr.on-light {
    color: #ffffff;
}

@media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    hr {
        height: 0.75px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (-webkit-min-device-pixel-ratio: 1.6666666666666667), (min-resolution: 160dpi) {
    hr {
        height: 1px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (-webkit-min-device-pixel-ratio: 2.21875), (min-resolution: 213dpi) {
    hr {
        height: 1.333px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 2.5), (min-resolution: 240dpi) {
    hr {
        height: 1.5px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 3.9583333333333335), (min-resolution: 380dpi) {
    hr {
        height: 2px;
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 5), (min-resolution: 480dpi) {
    hr {
        height: 3px;
    }
}

@media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (-webkit-min-device-pixel-ratio: 6.666666666666667), (min-resolution: 640dpi) {
    hr {
        height: 4px;
    }
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}

    *:focus {
        outline: 0;
    }

.snackbar {
    background-color: #323232;
    color: rgba(255,255,255, 0.84);
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    height: 0;
    transition: opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
}

    .snackbar.snackbar-opened {
        padding: 14px 15px;
        margin-bottom: 20px;
        height: auto;
        transition: opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out;
        -webkit-transform: none;
        transform: none;
    }

    .snackbar.toast {
        border-radius: 200px;
    }

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.noUi-stacking .noUi-handle {
    z-index: 10;
}

.noUi-state-tap .noUi-origin {
    transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 10px;
}

.noUi-handle {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    left: -10px;
    top: -5px;
    cursor: ew-resize;
    border-radius: 100%;
    transition: all 0.2s ease-out;
    border: 1px solid;
}

.noUi-vertical .noUi-handle {
    margin-left: 5px;
    cursor: ns-resize;
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px;
}

    .noUi-horizontal.noUi-extended .noUi-origin {
        right: -15px;
    }

.noUi-background {
    height: 2px;
    margin: 20px 0;
}

.noUi-origin {
    margin: 0;
    border-radius: 0;
    height: 2px;
    background: #c8c8c8;
}

    .noUi-origin[style^="left: 0"] .noUi-handle {
        background-color: #fff;
        border: 2px solid #c8c8c8;
    }

        .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
            border-width: 1px;
        }

.noUi-target {
    border-radius: 2px;
}

.noUi-horizontal {
    height: 2px;
    margin: 15px 0;
}

.noUi-vertical {
    height: 100%;
    width: 2px;
    margin: 0 15px;
    display: inline-block;
}

.noUi-handle.noUi-active {
    -webkit-transform: scale3d(2.5, 2.5, 1);
    transform: scale3d(2.5, 2.5, 1);
}

[disabled].noUi-slider {
    opacity: 0.5;
}

[disabled] .noUi-handle {
    cursor: not-allowed;
}

.slider {
    background: #c8c8c8;
}

    .slider.noUi-connect,
    .slider.slider-default.noUi-connect {
        background-color: #03a9f4;
    }

    .slider.slider-inverse.noUi-connect {
        background-color: #3f51b5;
    }

    .slider.slider-primary.noUi-connect {
        background-color: #03a9f4;
    }

    .slider.slider-success.noUi-connect {
        background-color: var(--color-primary-dark);
    }

    .slider.slider-info.noUi-connect {
        background-color: #00bcd4;
    }

    .slider.slider-warning.noUi-connect {
        background-color: #ffc107;
    }

    .slider.slider-danger.noUi-connect {
        background-color: #e51c23;
    }

    .slider .noUi-connect,
    .slider.slider-default .noUi-connect {
        background-color: #03a9f4;
    }

    .slider.slider-inverse .noUi-connect {
        background-color: #3f51b5;
    }

    .slider.slider-primary .noUi-connect {
        background-color: #03a9f4;
    }

    .slider.slider-success .noUi-connect {
        background-color: var(--color-primary-dark);
    }

    .slider.slider-info .noUi-connect {
        background-color: #00bcd4;
    }

    .slider.slider-warning .noUi-connect {
        background-color: #ffc107;
    }

    .slider.slider-danger .noUi-connect {
        background-color: #e51c23;
    }

    .slider .noUi-handle,
    .slider.slider-default .noUi-handle {
        background-color: #03a9f4;
    }

    .slider.slider-inverse .noUi-handle {
        background-color: #3f51b5;
    }

    .slider.slider-primary .noUi-handle {
        background-color: #03a9f4;
    }

    .slider.slider-success .noUi-handle {
        background-color: var(--color-primary-dark);
    }

    .slider.slider-info .noUi-handle {
        background-color: #00bcd4;
    }

    .slider.slider-warning .noUi-handle {
        background-color: #ffc107;
    }

    .slider.slider-danger .noUi-handle {
        background-color: #e51c23;
    }

    .slider .noUi-handle,
    .slider.slider-default .noUi-handle {
        border-color: #03a9f4;
    }

    .slider.slider-inverse .noUi-handle {
        border-color: #3f51b5;
    }

    .slider.slider-primary .noUi-handle {
        border-color: #03a9f4;
    }

    .slider.slider-success .noUi-handle {
        border-color: var(--color-primary-dark);
    }

    .slider.slider-info .noUi-handle {
        border-color: #00bcd4;
    }

    .slider.slider-warning .noUi-handle {
        border-color: #ffc107;
    }

    .slider.slider-danger .noUi-handle {
        border-color: #e51c23;
    }

.selectize-control.single,
.selectize-control.multi {
    padding: 0;
}

    .selectize-control.single .selectize-input,
    .selectize-control.multi .selectize-input,
    .selectize-control.single .selectize-input.input-active,
    .selectize-control.multi .selectize-input.input-active {
        cursor: text;
        background: transparent;
        box-shadow: none;
        border: 0;
        padding: 0;
        height: 100%;
        font-size: 14px;
        line-height: 30px;
    }

        .selectize-control.single .selectize-input .has-items,
        .selectize-control.multi .selectize-input .has-items,
        .selectize-control.single .selectize-input.input-active .has-items,
        .selectize-control.multi .selectize-input.input-active .has-items {
            padding: 0;
        }

        .selectize-control.single .selectize-input:after,
        .selectize-control.multi .selectize-input:after,
        .selectize-control.single .selectize-input.input-active:after,
        .selectize-control.multi .selectize-input.input-active:after {
            right: 5px;
            position: absolute;
            font-size: 25px;
            content: "\e5c5";
            font-family: 'Material Icons';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .selectize-control.single .selectize-input input,
        .selectize-control.multi .selectize-input input,
        .selectize-control.single .selectize-input.input-active input,
        .selectize-control.multi .selectize-input.input-active input {
            font-size: 14px;
            outline: 0;
            border: 0;
            background: transparent;
        }

        .selectize-control.single .selectize-input.label-floating-fix input,
        .selectize-control.multi .selectize-input.label-floating-fix input,
        .selectize-control.single .selectize-input.input-active.label-floating-fix input,
        .selectize-control.multi .selectize-input.input-active.label-floating-fix input {
            opacity: 0;
        }

        .selectize-control.single .selectize-input > div,
        .selectize-control.multi .selectize-input > div,
        .selectize-control.single .selectize-input.input-active > div,
        .selectize-control.multi .selectize-input.input-active > div,
        .selectize-control.single .selectize-input > .item,
        .selectize-control.multi .selectize-input > .item,
        .selectize-control.single .selectize-input.input-active > .item,
        .selectize-control.multi .selectize-input.input-active > .item {
            display: inline-block;
            margin: 0 8px 3px 0;
            padding: 0;
            background: transparent;
            border: 0;
        }

            .selectize-control.single .selectize-input > div:after,
            .selectize-control.multi .selectize-input > div:after,
            .selectize-control.single .selectize-input.input-active > div:after,
            .selectize-control.multi .selectize-input.input-active > div:after,
            .selectize-control.single .selectize-input > .item:after,
            .selectize-control.multi .selectize-input > .item:after,
            .selectize-control.single .selectize-input.input-active > .item:after,
            .selectize-control.multi .selectize-input.input-active > .item:after {
                content: ",";
            }

            .selectize-control.single .selectize-input > div:last-of-type:after,
            .selectize-control.multi .selectize-input > div:last-of-type:after,
            .selectize-control.single .selectize-input.input-active > div:last-of-type:after,
            .selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
            .selectize-control.single .selectize-input > .item:last-of-type:after,
            .selectize-control.multi .selectize-input > .item:last-of-type:after,
            .selectize-control.single .selectize-input.input-active > .item:last-of-type:after,
            .selectize-control.multi .selectize-input.input-active > .item:last-of-type:after {
                content: "";
            }

            .selectize-control.single .selectize-input > div.active,
            .selectize-control.multi .selectize-input > div.active,
            .selectize-control.single .selectize-input.input-active > div.active,
            .selectize-control.multi .selectize-input.input-active > div.active,
            .selectize-control.single .selectize-input > .item.active,
            .selectize-control.multi .selectize-input > .item.active,
            .selectize-control.single .selectize-input.input-active > .item.active,
            .selectize-control.multi .selectize-input.input-active > .item.active {
                font-weight: bold;
                background: transparent;
                border: 0;
            }

    .selectize-control.single .selectize-dropdown,
    .selectize-control.multi .selectize-dropdown {
        position: absolute;
        z-index: 1000;
        border: 0;
        width: 100% !important;
        left: 0 !important;
        height: auto;
        background-color: #FFF;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        padding: 0;
        margin-top: 3px;
    }

        .selectize-control.single .selectize-dropdown .active,
        .selectize-control.multi .selectize-dropdown .active {
            background-color: inherit;
        }

        .selectize-control.single .selectize-dropdown .highlight,
        .selectize-control.multi .selectize-dropdown .highlight {
            background-color: #d5d8ff;
        }

        .selectize-control.single .selectize-dropdown .selected,
        .selectize-control.multi .selectize-dropdown .selected,
        .selectize-control.single .selectize-dropdown .selected.active,
        .selectize-control.multi .selectize-dropdown .selected.active {
            background-color: #EEEEEE;
        }

        .selectize-control.single .selectize-dropdown [data-selectable],
        .selectize-control.multi .selectize-dropdown [data-selectable],
        .selectize-control.single .selectize-dropdown .optgroup-header,
        .selectize-control.multi .selectize-dropdown .optgroup-header {
            padding: 10px 20px;
            cursor: pointer;
        }

    .selectize-control.single .dropdown-active ~ .selectize-dropdown,
    .selectize-control.multi .dropdown-active ~ .selectize-dropdown {
        display: block;
    }

.dropdownjs::after {
    right: 5px;
    top: 3px;
    font-size: 25px;
    position: absolute;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    content: "\e5c5";
    pointer-events: none;
    color: #757575;
}

.withripple {
    position: relative;
}

.ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.ripple {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    opacity: 0;
    pointer-events: none;
}

    .ripple.ripple-on {
        transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
        transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
        transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
        opacity: 0.1;
    }

    .ripple.ripple-out {
        transition: opacity 0.1s linear 0s !important;
        opacity: 0;
    }
/* Margin */
.m-n {
    margin: 0px !important;
}

.m-xs {
    margin: 4px !important;
}

    .m-xs.n {
        margin: -4px !important;
    }

.m-sm {
    margin: 8px !important;
}

    .m-sm.n {
        margin: -8px !important;
    }

.m {
    margin: 12px !important;
}

    .m.n {
        margin: -12px !important;
    }

.m-md {
    margin: 16px !important;
}

    .m-md.n {
        margin: -16px !important;
    }

.m-lg {
    margin: 24px !important;
}

    .m-lg.n {
        margin: -24px !important;
    }

.m-xl {
    margin: 32px !important;
}

    .m-xl.n {
        margin: -32px !important;
    }

.m-xxl {
    margin: 40px !important;
}

    .m-xxl.n {
        margin: -40px !important;
    }

.mb-n {
    margin-bottom: 0px !important;
}

.mb-xs {
    margin-bottom: 4px !important;
}

    .mb-xs.n {
        margin-bottom: -4px !important;
    }

.mb-sm {
    margin-bottom: 8px !important;
}

    .mb-sm.n {
        margin-bottom: -8px !important;
    }

.mb {
    margin-bottom: 12px !important;
}

    .mb.n {
        margin-bottom: -12px !important;
    }

.mb-md {
    margin-bottom: 16px !important;
}

    .mb-md.n {
        margin-bottom: -16px !important;
    }

.mb-lg {
    margin-bottom: 24px !important;
}

    .mb-lg.n {
        margin-bottom: -24px !important;
    }

.mb-xl {
    margin-bottom: 32px !important;
}

    .mb-xl.n {
        margin-bottom: -32px !important;
    }

.mb-xxl {
    margin-bottom: 40px !important;
}

    .mb-xxl.n {
        margin-bottom: -40px !important;
    }

.ml-n {
    margin-left: 0px !important;
}

.ml-xs {
    margin-left: 4px !important;
}

    .ml-xs.n {
        margin-left: -4px !important;
    }

.ml-sm {
    margin-left: 8px !important;
}

    .ml-sm.n {
        margin-left: -8px !important;
    }

.ml {
    margin-left: 12px !important;
}

    .ml.n {
        margin-left: -12px !important;
    }

.ml-md {
    margin-left: 16px !important;
}

    .ml-md.n {
        margin-left: -16px !important;
    }

.ml-lg {
    margin-left: 24px !important;
}

    .ml-lg.n {
        margin-left: -24px !important;
    }

.ml-xl {
    margin-left: 32px !important;
}

    .ml-xl.n {
        margin-left: -32px !important;
    }

.ml-xxl {
    margin-left: 40px !important;
}

    .ml-xxl.n {
        margin-left: -40px !important;
    }

.mr-n {
    margin-right: 0px !important;
}

.mr-xs {
    margin-right: 4px !important;
}

    .mr-xs.n {
        margin-right: -4px !important;
    }

.mr-sm {
    margin-right: 8px !important;
}

    .mr-sm.n {
        margin-right: -8px !important;
    }

.mr {
    margin-right: 12px !important;
}

    .mr.n {
        margin-right: -12px !important;
    }

.mr-md {
    margin-right: 16px !important;
}

    .mr-md.n {
        margin-right: -16px !important;
    }

.mr-lg {
    margin-right: 24px !important;
}

    .mr-lg.n {
        margin-right: -24px !important;
    }

.mr-xl {
    margin-right: 32px !important;
}

    .mr-xl.n {
        margin-right: -32px !important;
    }

.mr-xxl {
    margin-right: 40px !important;
}

    .mr-xxl.n {
        margin-right: -40px !important;
    }

.mt-n {
    margin-top: 0px !important;
}

.mt-xs {
    margin-top: 4px !important;
}

    .mt-xs.n {
        margin-top: -4px !important;
    }

.mt-sm {
    margin-top: 8px !important;
}

    .mt-sm.n {
        margin-top: -8px !important;
    }

.mt {
    margin-top: 12px !important;
}

    .mt.n {
        margin-top: -12px !important;
    }

.mt-md {
    margin-top: 16px !important;
}

    .mt-md.n {
        margin-top: -16px !important;
    }

.mt-lg {
    margin-top: 24px !important;
}

    .mt-lg.n {
        margin-top: -24px !important;
    }

.mt-xl {
    margin-top: 32px !important;
}

    .mt-xl.n {
        margin-top: -32px !important;
    }

.mt-xxl {
    margin-top: 40px !important;
}

    .mt-xxl.n {
        margin-top: -40px !important;
    }
/* Paddiing */
.p-n {
    padding: 0px !important;
}

.p-xs {
    padding: 4px !important;
}

    .p-xs.n {
        padding: -4px !important;
    }

.p-sm {
    padding: 8px !important;
}

    .p-sm.n {
        padding: -8px !important;
    }

.p {
    padding: 12px !important;
}

    .p.n {
        padding: -12px !important;
    }

.p-md {
    padding: 16px !important;
}

    .p-md.n {
        padding: -16px !important;
    }

.p-lg {
    padding: 24px !important;
}

    .p-lg.n {
        padding: -24px !important;
    }

.p-xl {
    padding: 32px !important;
}

    .p-xl.n {
        padding: -32px !important;
    }

.p-xxl {
    padding: 40px !important;
}

    .p-xxl.n {
        padding: -40px !important;
    }

.pb-n {
    padding-bottom: 0px !important;
}

.pb-xs {
    padding-bottom: 4px !important;
}

    .pb-xs.n {
        padding-bottom: -4px !important;
    }

.pb-sm {
    padding-bottom: 8px !important;
}

    .pb-sm.n {
        padding-bottom: -8px !important;
    }

.pb {
    padding-bottom: 12px !important;
}

    .pb.n {
        padding-bottom: -12px !important;
    }

.pb-md {
    padding-bottom: 16px !important;
}

    .pb-md.n {
        padding-bottom: -16px !important;
    }

.pb-lg {
    padding-bottom: 24px !important;
}

    .pb-lg.n {
        padding-bottom: -24px !important;
    }

.pb-xl {
    padding-bottom: 32px !important;
}

    .pb-xl.n {
        padding-bottom: -32px !important;
    }

.pb-xxl {
    padding-bottom: 40px !important;
}

    .pb-xxl.n {
        padding-bottom: -40px !important;
    }

.pl-n {
    padding-left: 0px !important;
}

.pl-xs {
    padding-left: 4px !important;
}

    .pl-xs.n {
        padding-left: -4px !important;
    }

.pl-sm {
    padding-left: 8px !important;
}

    .pl-sm.n {
        padding-left: -8px !important;
    }

.pl {
    padding-left: 12px !important;
}

    .pl.n {
        padding-left: -12px !important;
    }

.pl-md {
    padding-left: 16px !important;
}

    .pl-md.n {
        padding-left: -16px !important;
    }

.pl-lg {
    padding-left: 24px !important;
}

    .pl-lg.n {
        padding-left: -24px !important;
    }

.pl-xl {
    padding-left: 32px !important;
}

    .pl-xl.n {
        padding-left: -32px !important;
    }

.pl-xxl {
    padding-left: 40px !important;
}

    .pl-xxl.n {
        padding-left: -40px !important;
    }

.pr-n {
    padding-right: 0px !important;
}

.pr-xs {
    padding-right: 4px !important;
}

    .pr-xs.n {
        padding-right: -4px !important;
    }

.pr-sm {
    padding-right: 8px !important;
}

    .pr-sm.n {
        padding-right: -8px !important;
    }

.pr {
    padding-right: 12px !important;
}

    .pr.n {
        padding-right: -12px !important;
    }

.pr-md {
    padding-right: 16px !important;
}

    .pr-md.n {
        padding-right: -16px !important;
    }

.pr-lg {
    padding-right: 24px !important;
}

    .pr-lg.n {
        padding-right: -24px !important;
    }

.pr-xl {
    padding-right: 32px !important;
}

    .pr-xl.n {
        padding-right: -32px !important;
    }

.pr-xxl {
    padding-right: 40px !important;
}

    .pr-xxl.n {
        padding-right: -40px !important;
    }

.pt-n {
    padding-top: 0px !important;
}

.pt-xs {
    padding-top: 4px !important;
}

    .pt-xs.n {
        padding-top: -4px !important;
    }

.pt-sm {
    padding-top: 8px !important;
}

    .pt-sm.n {
        padding-top: -8px !important;
    }

.pt {
    padding-top: 12px !important;
}

    .pt.n {
        padding-top: -12px !important;
    }

.pt-md {
    padding-top: 16px !important;
}

    .pt-md.n {
        padding-top: -16px !important;
    }

.pt-lg {
    padding-top: 24px !important;
}

    .pt-lg.n {
        padding-top: -24px !important;
    }

.pt-xl {
    padding-top: 32px !important;
}

    .pt-xl.n {
        padding-top: -32px !important;
    }

.pt-xxl {
    padding-top: 40px !important;
}

    .pt-xxl.n {
        padding-top: -40px !important;
    }

.ov-h {
    overflow: hidden;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.vertical-align {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.vat,
table.table-vat > thead > tr > th,
table.table-vat > tbody > tr > td,
table.table-vat > tfoot > tr > th {
    vertical-align: top !important;
}

.vam,
table.table-vam > thead > tr > th,
table.table-vam > tbody > tr > td,
table.table-vam > tfoot > tr > th {
    vertical-align: middle !important;
}

.vab,
table.table-vab > thead > tr > th,
table.table-vab > tbody > tr > td,
table.table-vab > tfoot > tr > th {
    vertical-align: bottom !important;
}

.ham {
    text-align: center !important;
}

.har {
    text-align: right !important;
}

.tabular {
    display: table;
    width: 100%;
}

    .tabular .tabular-row {
        display: table-row;
    }

        .tabular .tabular-row .tabular-cell {
            display: table-cell;
            vertical-align: middle;
        }

    .tabular .clearfix,
    .tabular .dl-horizontal dd,
    .tabular .container,
    .tabular .container-fluid,
    .tabular .row,
    .tabular .form-horizontal .form-group,
    .tabular .nav,
    .tabular .btn-toolbar,
    .tabular .btn-group-vertical > .btn-group,
    .tabular .pager,
    .tabular .modal-footer,
    .tabular .infobar .widget-body,
    .tabular .page-heading,
    .tabular #topnav,
    .tabular #topnav .logo-area,
    .tabular #topnav .userinfo li a,
    .tabular #topnav a.username,
    .tabular #topnav a.nav-username,
    .tabular #topnav .form-search,
    .tabular .sidebar nav.widget-body > ul.acc-menu li.hasChild > a,
    .tabular .navbar,
    .tabular .navbar-header,
    .tabular .navbar-collapse,
    .tabular .panel,
    .tabular .panel-heading,
    .tabular .panel-body,
    .tabular .panel-footer,
    .tabular .timeline > li .timeline-header,
    .tabular .timeline > li .timeline-footer,
    .tabular .widget-weather,
    .tabular .gallery,
    .tabular .card-weather .weather-heading .weather-heading-top,
    .tabular .card-weather .weather-heading .weather-heading-bottom {
        border-collapse: collapse;
    }

.avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.scrollbar-custom::-webkit-scrollbar,
.infobar-wrapper::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-custom::-webkit-scrollbar-thumb,
.infobar-wrapper::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 0;
}

    .scrollbar-custom::-webkit-scrollbar-thumb:hover,
    .infobar-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #c4c4c4;
    }

.scrollbar-custom::-webkit-scrollbar-track,
.infobar-wrapper::-webkit-scrollbar-track {
    background-color: #ededed;
}

.center {
    text-align: center;
}

html {
    -ms-overflow-style: scrollbar;
}

:focus,
:active {
    outline: 0 !important;
}

::-moz-focus-inner {
    border: 0 !important;
}

body {
    font-weight: 400;
}

a {
    outline: none;
    cursor: pointer;
}

strong {
    font-weight: 500 !important;
}

hr.outsider {
    margin-left: -16px;
    margin-right: -16px;
    border-top: 1px solid #f1f1f1;
}

hr.outsider-dashed {
    margin-left: -16px;
    margin-right: -16px;
    border-top: 1px dashed #f1f1f1;
}

hr.dashed {
    border-top: 1px dashed #eeeeee;
}

hr {
    margin-top: 16px;
    margin-bottom: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        font-size: 66%;
        color: rgba(0, 0, 0, 0.3);
    }

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }

.btn-icon-rounded {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
}

.btn-break {
    word-wrap: break-word;
    white-space: pre;
}

kdb,
samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

pre {
    margin-bottom: 32px;
}

    pre.prettyprint {
        margin-bottom: 16px;
    }

.label,
#topnav .topnav-dropdown-header span.label {
    padding: 0em 0.3em;
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 600;
    border-radius: 2px;
    font-size: 85%;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.9);
}

.label-orange {
    background-color: #ff9800;
}

    .label-orange[href]:hover,
    .label-orange[href]:focus {
        background-color: #cc7a00;
    }

.label-lime {
    background-color: #cddc39;
}

    .label-lime[href]:hover,
    .label-lime[href]:focus {
        background-color: #b2c022;
    }

.label-inverse {
    background-color: #757575;
}

    .label-inverse[href]:hover,
    .label-inverse[href]:focus {
        background-color: #5b5b5b;
    }

.label-teal {
    background-color: #009688;
}

    .label-teal[href]:hover,
    .label-teal[href]:focus {
        background-color: #00635a;
    }

.label-deeporange {
    background-color: #ff5722;
}

    .label-deeporange[href]:hover,
    .label-deeporange[href]:focus {
        background-color: #ee3900;
    }

.label-midnightblue {
    background-color: #37474f;
}

    .label-midnightblue[href]:hover,
    .label-midnightblue[href]:focus {
        background-color: #222c31;
    }

.label-green {
    background-color: var(--color-heading);
}

    .label-green[href]:hover,
    .label-green[href]:focus {
        background-color: #3d8b40;
    }

.label-indigo {
    background-color: #3f51b5;
}

    .label-indigo[href]:hover,
    .label-indigo[href]:focus {
        background-color: #32408f;
    }

.label-purple {
    background-color: #9c27b0;
}

    .label-purple[href]:hover,
    .label-purple[href]:focus {
        background-color: #771e86;
    }

.label-deeppurple {
    background-color: #673ab7;
}

    .label-deeppurple[href]:hover,
    .label-deeppurple[href]:focus {
        background-color: #512e90;
    }

.badge {
    padding: 0px 5px;
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 12px;
}

.badge-primary {
    background-color: #03a9f4;
}

    .badge-primary[href]:hover,
    .badge-primary[href]:focus {
        background-color: #0286c2;
    }

.badge-success {
    background-color: var(--color-primary-dark);
}

    .badge-success[href]:hover,
    .badge-success[href]:focus {
        background-color: #71a436;
    }

.badge-info {
    background-color: #00bcd4;
}

    .badge-info[href]:hover,
    .badge-info[href]:focus {
        background-color: #008fa1;
    }

.badge-warning {
    background-color: #ffc107;
}

    .badge-warning[href]:hover,
    .badge-warning[href]:focus {
        background-color: #d39e00;
    }

.badge-danger {
    background-color: #e51c23;
}

    .badge-danger[href]:hover,
    .badge-danger[href]:focus {
        background-color: #b9151b;
    }

.badge-orange {
    background-color: #ff9800;
}

    .badge-orange[href]:hover,
    .badge-orange[href]:focus {
        background-color: #cc7a00;
    }

.badge-deeporange {
    background-color: #ff5722;
}

    .badge-deeporange[href]:hover,
    .badge-deeporange[href]:focus {
        background-color: #ee3900;
    }

.badge-midnightblue {
    background-color: #37474f;
}

    .badge-midnightblue[href]:hover,
    .badge-midnightblue[href]:focus {
        background-color: #222c31;
    }

.badge-green {
    background-color: var(--color-heading);
}

    .badge-green[href]:hover,
    .badge-green[href]:focus {
        background-color: #3d8b40;
    }

.badge-inverse {
    background-color: #757575;
}

    .badge-inverse[href]:hover,
    .badge-inverse[href]:focus {
        background-color: #5b5b5b;
    }

.badge-lime {
    background-color: #cddc39;
}

    .badge-lime[href]:hover,
    .badge-lime[href]:focus {
        background-color: #b2c022;
    }

.badge-teal {
    background-color: #009688;
}

    .badge-teal[href]:hover,
    .badge-teal[href]:focus {
        background-color: #00635a;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-primary {
    background-color: #03a9f4;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-primary[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-primary[href]:focus {
        background-color: #0286c2;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-indigo {
    background-color: #3f51b5;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-indigo[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-indigo[href]:focus {
        background-color: #32408f;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-orange {
    background-color: #ff9800;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-orange[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-orange[href]:focus {
        background-color: #cc7a00;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-success {
    background-color: var(--color-primary-dark);
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-success[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-success[href]:focus {
        background-color: #71a436;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-info {
    background-color: #00bcd4;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-info[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-info[href]:focus {
        background-color: #008fa1;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-warning {
    background-color: #ffc107;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-warning[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-warning[href]:focus {
        background-color: #d39e00;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-danger {
    background-color: #e51c23;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-danger[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-danger[href]:focus {
        background-color: #b9151b;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-green {
    background-color: var(--color-heading);
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-green[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-green[href]:focus {
        background-color: #3d8b40;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-deeporange {
    background-color: #ff5722;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-deeporange[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-deeporange[href]:focus {
        background-color: #ee3900;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-lime {
    background-color: #cddc39;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-lime[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-lime[href]:focus {
        background-color: #b2c022;
    }

.sidebar nav.widget-body > ul.acc-menu .badge.badge-midnightblue {
    background-color: #37474f;
}

    .sidebar nav.widget-body > ul.acc-menu .badge.badge-midnightblue[href]:hover,
    .sidebar nav.widget-body > ul.acc-menu .badge.badge-midnightblue[href]:focus {
        background-color: #222c31;
    }

.dropdown-menu,
.tt-dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown .dropdown-menu,
.dropdown .tt-dropdown-menu {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition-duration: 300ms;
    display: block;
}

.dropdown.open .dropdown-menu,
.dropdown.open .tt-dropdown-menu {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dropdown.right .dropdown-menu,
.dropdown.right .tt-dropdown-menu {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    left: 0;
    right: auto;
}

.dropup .dropdown-menu,
.dropup .tt-dropdown-menu {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition-duration: 300ms;
    display: block;
}

.dropup.open .dropdown-menu,
.dropup.open .tt-dropdown-menu {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.popover {
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.24);
    padding: 0;
    border: 0;
}

.popover-title {
    padding: 8px;
    background-color: #fafafa;
    border-radius: 2px 2px 0 0;
    color: #9e9e9e;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0;
}

.popover-content {
    padding: 16px;
}

.form-horizontal .form-group-sm,
.form-horizontal .form-group-lg {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.form-inline .form-group {
    margin-top: 0px;
}

.input-icon {
    position: relative;
}

    .input-icon > i,
    .input-icon .icon {
        position: absolute;
        display: block;
        margin: 10px 8px;
        line-height: 14px;
        color: #bdbdbd;
    }

        .input-icon > i:hover,
        .input-icon .icon:hover {
            text-decoration: none;
        }

    .input-icon > .form-control {
        padding-left: 35px;
    }

    .input-icon.right > i,
    .input-icon.right .icon {
        right: 0px;
        float: right;
    }

    .input-icon.right > .form-control {
        padding: 6px 35px 6px 10px;
    }

    .input-icon.right.input-group > i,
    .input-icon.right.input-group > .icon {
        right: 0;
    }

    .input-icon.input-group.left > .form-control {
        padding-left: 30px;
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
    }

.input-icon-sm > i {
    margin: 7px;
}

.input-daterange .input-group-addon {
    background-color: auto !important;
    border: none !important;
}

.table-no-border {
    margin-bottom: 0;
}

    .table-no-border td {
        border-top: 0 !important;
        vertical-align: middle !important;
    }

        .table-no-border td i {
            vertical-align: middle;
        }

.tooltip-inner {
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.87);
    padding: 8px;
}

.animated-content .alert:not(.ui-pnotify-container) {
    visibility: hidden;
}

.sidebar-default.static-sidebar-wrapper,
.sidebar-default.fixed-sidebar {
    background-color: #fafafa;
}

.sidebar-default .sidebar .widget .widget-heading {
    color: #bdbdbd;
}

.sidebar-default .sidebar .widget .widget-body .userinfo .username {
    color: #212121;
}

.sidebar-default .sidebar .widget .widget-body .userinfo .useremail {
    color: #bdbdbd;
}

.sidebar-default .sidebar .widget .widget-body .user-dropdown span i {
    color: #bdbdbd;
}

.sidebar-default .sidebar .widget .widget-body .mini-progressbar {
    color: #757575;
}

    .sidebar-default .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #e0e0e0;
    }

.sidebar-default nav.widget-body > ul.acc-menu .badge {
    background-color: #ffb300 !important;
    color: #fff !important;
}

.sidebar-default nav.widget-body > ul.acc-menu li.nav-separator {
    color: #bdbdbd;
    background-color: #fafafa;
}

.sidebar-default nav.widget-body > ul.acc-menu ul,
.sidebar-default nav.widget-body > ul.acc-menu ul li a {
    background-color: #e0e0e0;
    color: #757575;
}

.sidebar-default nav.widget-body > ul.acc-menu li a {
    color: #757575;
    background-color: #fafafa;
}

    .sidebar-default nav.widget-body > ul.acc-menu li a .ink {
        background-color: #ffffff;
    }

.sidebar-default nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #757575;
}

.sidebar-default nav.widget-body > ul.acc-menu li.open > a {
    background-color: #eeeeee;
}

.sidebar-default nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #eeeeee;
    color: #212121;
}

    .sidebar-default nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #212121;
    }

.sidebar-default nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #eeeeee;
    color: #212121;
}

    .sidebar-default nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #212121;
    }

.sidebar-default nav.widget-body > ul.acc-menu > li > a > i {
    color: #757575;
}

.sidebar-default nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #212121;
}

.sidebar-default nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #212121;
}

.sidebar-default nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #e0e0e0;
    color: #212121;
}

.sidebar-default nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #212121;
}

.sidebar-default nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #bdbdbd;
}

.sidebar-bluegray.static-sidebar-wrapper,
.sidebar-bluegray.fixed-sidebar {
    background-color: #607d8b;
}

.sidebar-bluegray .sidebar .widget .widget-heading {
    color: #b0bec5;
}

.sidebar-bluegray .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-bluegray .sidebar .widget .widget-body .userinfo .useremail {
    color: #b0bec5;
}

.sidebar-bluegray .sidebar .widget .widget-body .user-dropdown span i {
    color: #b0bec5;
}

.sidebar-bluegray .sidebar .widget .widget-body .mini-progressbar {
    color: #eceff1;
}

    .sidebar-bluegray .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #546e7a;
    }

.sidebar-bluegray nav.widget-body > ul.acc-menu .badge {
    background-color: #ffa000 !important;
    color: #fff !important;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu li.nav-separator {
    color: #b0bec5;
    background-color: #37474f;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu ul,
.sidebar-bluegray nav.widget-body > ul.acc-menu ul li a {
    background-color: #546e7a;
    color: #eceff1;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu li a {
    color: #eceff1;
    background-color: #607d8b;
}

    .sidebar-bluegray nav.widget-body > ul.acc-menu li a .ink {
        background-color: #8aa2ae;
    }

.sidebar-bluegray nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #eceff1;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu li.open > a {
    background-color: #78909c;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #78909c;
    color: #fff;
}

    .sidebar-bluegray nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-bluegray nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #78909c;
    color: #eceff1;
}

    .sidebar-bluegray nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #eceff1;
    }

.sidebar-bluegray nav.widget-body > ul.acc-menu > li > a > i {
    color: #eceff1;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-bluegray nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #eceff1;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #607d8b;
    color: #fff;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-bluegray nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #b0bec5;
}

.sidebar-orange.static-sidebar-wrapper,
.sidebar-orange.fixed-sidebar {
    background-color: #ff9800;
}

.sidebar-orange .sidebar .widget .widget-heading {
    color: #ffe0b2;
}

.sidebar-orange .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-orange .sidebar .widget .widget-body .userinfo .useremail {
    color: #ffe0b2;
}

.sidebar-orange .sidebar .widget .widget-body .user-dropdown span i {
    color: #ffe0b2;
}

.sidebar-orange .sidebar .widget .widget-body .mini-progressbar {
    color: #fff3e0;
}

    .sidebar-orange .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #fb8c00;
    }

.sidebar-orange nav.widget-body > ul.acc-menu .badge {
    background-color: #03a9f4 !important;
    color: #fff !important;
}

.sidebar-orange nav.widget-body > ul.acc-menu li.nav-separator {
    color: #ffe0b2;
    background-color: #ef6c00;
}

.sidebar-orange nav.widget-body > ul.acc-menu ul,
.sidebar-orange nav.widget-body > ul.acc-menu ul li a {
    background-color: #fb8c00;
    color: #fff3e0;
}

.sidebar-orange nav.widget-body > ul.acc-menu li a {
    color: #fff3e0;
    background-color: #ff9800;
}

    .sidebar-orange nav.widget-body > ul.acc-menu li a .ink {
        background-color: #ffb74d;
    }

.sidebar-orange nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fff3e0;
}

.sidebar-orange nav.widget-body > ul.acc-menu li.open > a {
    background-color: #ffa726;
}

.sidebar-orange nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #ffa726;
    color: #fff;
}

    .sidebar-orange nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-orange nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #ffa726;
    color: #fff3e0;
}

    .sidebar-orange nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fff3e0;
    }

.sidebar-orange nav.widget-body > ul.acc-menu > li > a > i {
    color: #fff3e0;
}

.sidebar-orange nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-orange nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-orange nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fff3e0;
}

.sidebar-orange nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #ff9800;
    color: #fff;
}

.sidebar-orange nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-orange nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #ffe0b2;
}

.sidebar-blue.static-sidebar-wrapper,
.sidebar-blue.fixed-sidebar {
    background-color: #2196f3;
}

.sidebar-blue .sidebar .widget .widget-heading {
    color: #90caf9;
}

.sidebar-blue .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-blue .sidebar .widget .widget-body .userinfo .useremail {
    color: #90caf9;
}

.sidebar-blue .sidebar .widget .widget-body .user-dropdown span i {
    color: #90caf9;
}

.sidebar-blue .sidebar .widget .widget-body .mini-progressbar {
    color: #e3f2fd;
}

    .sidebar-blue .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #1e88e5;
    }

.sidebar-blue nav.widget-body > ul.acc-menu .badge {
    background-color: #f9a825 !important;
    color: #fff !important;
}

.sidebar-blue nav.widget-body > ul.acc-menu li.nav-separator {
    color: #90caf9;
    background-color: #1565c0;
}

.sidebar-blue nav.widget-body > ul.acc-menu ul,
.sidebar-blue nav.widget-body > ul.acc-menu ul li a {
    background-color: #1e88e5;
    color: #e3f2fd;
}

.sidebar-blue nav.widget-body > ul.acc-menu li a {
    color: #e3f2fd;
    background-color: #2196f3;
}

    .sidebar-blue nav.widget-body > ul.acc-menu li a .ink {
        background-color: #6ab8f7;
    }

.sidebar-blue nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #e3f2fd;
}

.sidebar-blue nav.widget-body > ul.acc-menu li.open > a {
    background-color: #42a5f5;
}

.sidebar-blue nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #42a5f5;
    color: #fff;
}

    .sidebar-blue nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-blue nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #42a5f5;
    color: #e3f2fd;
}

    .sidebar-blue nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e3f2fd;
    }

.sidebar-blue nav.widget-body > ul.acc-menu > li > a > i {
    color: #e3f2fd;
}

.sidebar-blue nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-blue nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-blue nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e3f2fd;
}

.sidebar-blue nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #2196f3;
    color: #fff;
}

.sidebar-blue nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-blue nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #90caf9;
}

.sidebar-teal.static-sidebar-wrapper,
.sidebar-teal.fixed-sidebar {
    background-color: #009688;
}

.sidebar-teal .sidebar .widget .widget-heading {
    color: #80cbc4;
}

.sidebar-teal .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-teal .sidebar .widget .widget-body .userinfo .useremail {
    color: #80cbc4;
}

.sidebar-teal .sidebar .widget .widget-body .user-dropdown span i {
    color: #80cbc4;
}

.sidebar-teal .sidebar .widget .widget-body .mini-progressbar {
    color: #e0f2f1;
}

    .sidebar-teal .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #00897b;
    }

.sidebar-teal nav.widget-body > ul.acc-menu .badge {
    background-color: #e51c23 !important;
    color: #fff !important;
}

.sidebar-teal nav.widget-body > ul.acc-menu li.nav-separator {
    color: #80cbc4;
    background-color: #00695c;
}

.sidebar-teal nav.widget-body > ul.acc-menu ul,
.sidebar-teal nav.widget-body > ul.acc-menu ul li a {
    background-color: #00897b;
    color: #e0f2f1;
}

.sidebar-teal nav.widget-body > ul.acc-menu li a {
    color: #e0f2f1;
    background-color: #009688;
}

    .sidebar-teal nav.widget-body > ul.acc-menu li a .ink {
        background-color: #00e3cd;
    }

.sidebar-teal nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #e0f2f1;
}

.sidebar-teal nav.widget-body > ul.acc-menu li.open > a {
    background-color: #26a69a;
}

.sidebar-teal nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #26a69a;
    color: #fff;
}

    .sidebar-teal nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-teal nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #26a69a;
    color: #e0f2f1;
}

    .sidebar-teal nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e0f2f1;
    }

.sidebar-teal nav.widget-body > ul.acc-menu > li > a > i {
    color: #e0f2f1;
}

.sidebar-teal nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-teal nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-teal nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e0f2f1;
}

.sidebar-teal nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #009688;
    color: #fff;
}

.sidebar-teal nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-teal nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #80cbc4;
}

.sidebar-purple.static-sidebar-wrapper,
.sidebar-purple.fixed-sidebar {
    background-color: #9c27b0;
}

.sidebar-purple .sidebar .widget .widget-heading {
    color: #ce93d8;
}

.sidebar-purple .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-purple .sidebar .widget .widget-body .userinfo .useremail {
    color: #ce93d8;
}

.sidebar-purple .sidebar .widget .widget-body .user-dropdown span i {
    color: #ce93d8;
}

.sidebar-purple .sidebar .widget .widget-body .mini-progressbar {
    color: #f3e5f5;
}

    .sidebar-purple .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #8e24aa;
    }

.sidebar-purple nav.widget-body > ul.acc-menu .badge {
    background-color: var(--color-heading) !important;
    color: #fff !important;
}

.sidebar-purple nav.widget-body > ul.acc-menu li.nav-separator {
    color: #ce93d8;
    background-color: #6a1b9a;
}

.sidebar-purple nav.widget-body > ul.acc-menu ul,
.sidebar-purple nav.widget-body > ul.acc-menu ul li a {
    background-color: #8e24aa;
    color: #f3e5f5;
}

.sidebar-purple nav.widget-body > ul.acc-menu li a {
    color: #f3e5f5;
    background-color: #9c27b0;
}

    .sidebar-purple nav.widget-body > ul.acc-menu li a .ink {
        background-color: #c34cd7;
    }

.sidebar-purple nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #f3e5f5;
}

.sidebar-purple nav.widget-body > ul.acc-menu li.open > a {
    background-color: #ab47bc;
}

.sidebar-purple nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #ab47bc;
    color: #fff;
}

    .sidebar-purple nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-purple nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #ab47bc;
    color: #f3e5f5;
}

    .sidebar-purple nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #f3e5f5;
    }

.sidebar-purple nav.widget-body > ul.acc-menu > li > a > i {
    color: #f3e5f5;
}

.sidebar-purple nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-purple nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-purple nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #f3e5f5;
}

.sidebar-purple nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #9c27b0;
    color: #fff;
}

.sidebar-purple nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-purple nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #ce93d8;
}

.sidebar-indigo.static-sidebar-wrapper,
.sidebar-indigo.fixed-sidebar {
    background-color: #3f51b5;
}

.sidebar-indigo .sidebar .widget .widget-heading {
    color: #9fa8da;
}

.sidebar-indigo .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-indigo .sidebar .widget .widget-body .userinfo .useremail {
    color: #9fa8da;
}

.sidebar-indigo .sidebar .widget .widget-body .user-dropdown span i {
    color: #9fa8da;
}

.sidebar-indigo .sidebar .widget .widget-body .mini-progressbar {
    color: #e8eaf6;
}

    .sidebar-indigo .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #3949ab;
    }

.sidebar-indigo nav.widget-body > ul.acc-menu .badge {
    background-color: #ff9800 !important;
    color: #fff !important;
}

.sidebar-indigo nav.widget-body > ul.acc-menu li.nav-separator {
    color: #9fa8da;
    background-color: #283593;
}

.sidebar-indigo nav.widget-body > ul.acc-menu ul,
.sidebar-indigo nav.widget-body > ul.acc-menu ul li a {
    background-color: #3949ab;
    color: #e8eaf6;
}

.sidebar-indigo nav.widget-body > ul.acc-menu li a {
    color: #e8eaf6;
    background-color: #3f51b5;
}

    .sidebar-indigo nav.widget-body > ul.acc-menu li a .ink {
        background-color: #7280ce;
    }

.sidebar-indigo nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #e8eaf6;
}

.sidebar-indigo nav.widget-body > ul.acc-menu li.open > a {
    background-color: #5c6bc0;
}

.sidebar-indigo nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #5c6bc0;
    color: #fff;
}

    .sidebar-indigo nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-indigo nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #5c6bc0;
    color: #e8eaf6;
}

    .sidebar-indigo nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e8eaf6;
    }

.sidebar-indigo nav.widget-body > ul.acc-menu > li > a > i {
    color: #e8eaf6;
}

.sidebar-indigo nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-indigo nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-indigo nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e8eaf6;
}

.sidebar-indigo nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #3f51b5;
    color: #fff;
}

.sidebar-indigo nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-indigo nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #9fa8da;
}

.sidebar-cyan.static-sidebar-wrapper,
.sidebar-cyan.fixed-sidebar {
    background-color: #00bcd4;
}

.sidebar-cyan .sidebar .widget .widget-heading {
    color: #b2ebf2;
}

.sidebar-cyan .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-cyan .sidebar .widget .widget-body .userinfo .useremail {
    color: #b2ebf2;
}

.sidebar-cyan .sidebar .widget .widget-body .user-dropdown span i {
    color: #b2ebf2;
}

.sidebar-cyan .sidebar .widget .widget-body .mini-progressbar {
    color: #e0f7fa;
}

    .sidebar-cyan .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #00acc1;
    }

.sidebar-cyan nav.widget-body > ul.acc-menu .badge {
    background-color: #8e24aa !important;
    color: #fff !important;
}

.sidebar-cyan nav.widget-body > ul.acc-menu li.nav-separator {
    color: #b2ebf2;
    background-color: #00838f;
}

.sidebar-cyan nav.widget-body > ul.acc-menu ul,
.sidebar-cyan nav.widget-body > ul.acc-menu ul li a {
    background-color: #00acc1;
    color: #e0f7fa;
}

.sidebar-cyan nav.widget-body > ul.acc-menu li a {
    color: #e0f7fa;
    background-color: #00bcd4;
}

    .sidebar-cyan nav.widget-body > ul.acc-menu li a .ink {
        background-color: #21e6ff;
    }

.sidebar-cyan nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #e0f7fa;
}

.sidebar-cyan nav.widget-body > ul.acc-menu li.open > a {
    background-color: #26c6da;
}

.sidebar-cyan nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #26c6da;
    color: #fff;
}

    .sidebar-cyan nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-cyan nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #26c6da;
    color: #e0f7fa;
}

    .sidebar-cyan nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e0f7fa;
    }

.sidebar-cyan nav.widget-body > ul.acc-menu > li > a > i {
    color: #e0f7fa;
}

.sidebar-cyan nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-cyan nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-cyan nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e0f7fa;
}

.sidebar-cyan nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #00bcd4;
    color: #fff;
}

.sidebar-cyan nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-cyan nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #b2ebf2;
}

.sidebar-red.static-sidebar-wrapper,
.sidebar-red.fixed-sidebar {
    background-color: #e51c23;
}

.sidebar-red .sidebar .widget .widget-heading {
    color: #f69988;
}

.sidebar-red .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-red .sidebar .widget .widget-body .userinfo .useremail {
    color: #f69988;
}

.sidebar-red .sidebar .widget .widget-body .user-dropdown span i {
    color: #f69988;
}

.sidebar-red .sidebar .widget .widget-body .mini-progressbar {
    color: #fde0dc;
}

    .sidebar-red .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #dd191d;
    }

.sidebar-red nav.widget-body > ul.acc-menu .badge {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.sidebar-red nav.widget-body > ul.acc-menu li.nav-separator {
    color: #f69988;
    background-color: #c41411;
}

.sidebar-red nav.widget-body > ul.acc-menu ul,
.sidebar-red nav.widget-body > ul.acc-menu ul li a {
    background-color: #dd191d;
    color: #fde0dc;
}

.sidebar-red nav.widget-body > ul.acc-menu li a {
    color: #fde0dc;
    background-color: #e51c23;
}

    .sidebar-red nav.widget-body > ul.acc-menu li a .ink {
        background-color: #ed6166;
    }

.sidebar-red nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fde0dc;
}

.sidebar-red nav.widget-body > ul.acc-menu li.open > a {
    background-color: #e84e40;
}

.sidebar-red nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #e84e40;
    color: #fff;
}

    .sidebar-red nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-red nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #e84e40;
    color: #fde0dc;
}

    .sidebar-red nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fde0dc;
    }

.sidebar-red nav.widget-body > ul.acc-menu > li > a > i {
    color: #fde0dc;
}

.sidebar-red nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-red nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-red nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fde0dc;
}

.sidebar-red nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #e51c23;
    color: #fff;
}

.sidebar-red nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-red nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #f69988;
}

.sidebar-pink.static-sidebar-wrapper,
.sidebar-pink.fixed-sidebar {
    background-color: #e91e63;
}

.sidebar-pink .sidebar .widget .widget-heading {
    color: #f8bbd0;
}

.sidebar-pink .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-pink .sidebar .widget .widget-body .userinfo .useremail {
    color: #f8bbd0;
}

.sidebar-pink .sidebar .widget .widget-body .user-dropdown span i {
    color: #f8bbd0;
}

.sidebar-pink .sidebar .widget .widget-body .mini-progressbar {
    color: #fce4ec;
}

    .sidebar-pink .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #d81b60;
    }

.sidebar-pink nav.widget-body > ul.acc-menu .badge {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.sidebar-pink nav.widget-body > ul.acc-menu li.nav-separator {
    color: #f8bbd0;
    background-color: #ad1457;
}

.sidebar-pink nav.widget-body > ul.acc-menu ul,
.sidebar-pink nav.widget-body > ul.acc-menu ul li a {
    background-color: #d81b60;
    color: #fce4ec;
}

.sidebar-pink nav.widget-body > ul.acc-menu li a {
    color: #fce4ec;
    background-color: #e91e63;
}

    .sidebar-pink nav.widget-body > ul.acc-menu li a .ink {
        background-color: #f06493;
    }

.sidebar-pink nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fce4ec;
}

.sidebar-pink nav.widget-body > ul.acc-menu li.open > a {
    background-color: #ec407a;
}

.sidebar-pink nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #ec407a;
    color: #fff;
}

    .sidebar-pink nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-pink nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #ec407a;
    color: #fce4ec;
}

    .sidebar-pink nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fce4ec;
    }

.sidebar-pink nav.widget-body > ul.acc-menu > li > a > i {
    color: #fce4ec;
}

.sidebar-pink nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-pink nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-pink nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fce4ec;
}

.sidebar-pink nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #e91e63;
    color: #fff;
}

.sidebar-pink nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-pink nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #f8bbd0;
}

.sidebar-deep-purple.static-sidebar-wrapper,
.sidebar-deep-purple.fixed-sidebar {
    background-color: #673ab7;
}

.sidebar-deep-purple .sidebar .widget .widget-heading {
    color: #d1c4e9;
}

.sidebar-deep-purple .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-deep-purple .sidebar .widget .widget-body .userinfo .useremail {
    color: #d1c4e9;
}

.sidebar-deep-purple .sidebar .widget .widget-body .user-dropdown span i {
    color: #d1c4e9;
}

.sidebar-deep-purple .sidebar .widget .widget-body .mini-progressbar {
    color: #ede7f6;
}

    .sidebar-deep-purple .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #5e35b1;
    }

.sidebar-deep-purple nav.widget-body > ul.acc-menu .badge {
    background-color: #c0ca33 !important;
    color: #fff !important;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu li.nav-separator {
    color: #d1c4e9;
    background-color: #4527a0;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu ul,
.sidebar-deep-purple nav.widget-body > ul.acc-menu ul li a {
    background-color: #5e35b1;
    color: #ede7f6;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu li a {
    color: #ede7f6;
    background-color: #673ab7;
}

    .sidebar-deep-purple nav.widget-body > ul.acc-menu li a .ink {
        background-color: #916dd1;
    }

.sidebar-deep-purple nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #ede7f6;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu li.open > a {
    background-color: #7e57c2;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #7e57c2;
    color: #fff;
}

    .sidebar-deep-purple nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-deep-purple nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #7e57c2;
    color: #ede7f6;
}

    .sidebar-deep-purple nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #ede7f6;
    }

.sidebar-deep-purple nav.widget-body > ul.acc-menu > li > a > i {
    color: #ede7f6;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-deep-purple nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #ede7f6;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #673ab7;
    color: #fff;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-deep-purple nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #d1c4e9;
}

.sidebar-brown.static-sidebar-wrapper,
.sidebar-brown.fixed-sidebar {
    background-color: #795548;
}

.sidebar-brown .sidebar .widget .widget-heading {
    color: #bcaaa4;
}

.sidebar-brown .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-brown .sidebar .widget .widget-body .userinfo .useremail {
    color: #bcaaa4;
}

.sidebar-brown .sidebar .widget .widget-body .user-dropdown span i {
    color: #bcaaa4;
}

.sidebar-brown .sidebar .widget .widget-body .mini-progressbar {
    color: #efebe9;
}

    .sidebar-brown .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #6d4c41;
    }

.sidebar-brown nav.widget-body > ul.acc-menu .badge {
    background-color: #f9a825 !important;
    color: #fff !important;
}

.sidebar-brown nav.widget-body > ul.acc-menu li.nav-separator {
    color: #bcaaa4;
    background-color: #4e342e;
}

.sidebar-brown nav.widget-body > ul.acc-menu ul,
.sidebar-brown nav.widget-body > ul.acc-menu ul li a {
    background-color: #6d4c41;
    color: #efebe9;
}

.sidebar-brown nav.widget-body > ul.acc-menu li a {
    color: #efebe9;
    background-color: #795548;
}

    .sidebar-brown nav.widget-body > ul.acc-menu li a .ink {
        background-color: #a57868;
    }

.sidebar-brown nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #efebe9;
}

.sidebar-brown nav.widget-body > ul.acc-menu li.open > a {
    background-color: #8d6e63;
}

.sidebar-brown nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #8d6e63;
    color: #fff;
}

    .sidebar-brown nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-brown nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #8d6e63;
    color: #efebe9;
}

    .sidebar-brown nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #efebe9;
    }

.sidebar-brown nav.widget-body > ul.acc-menu > li > a > i {
    color: #efebe9;
}

.sidebar-brown nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-brown nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-brown nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #efebe9;
}

.sidebar-brown nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #795548;
    color: #fff;
}

.sidebar-brown nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-brown nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #bcaaa4;
}

.sidebar-green.static-sidebar-wrapper,
.sidebar-green.fixed-sidebar {
    background-color: #fff;
}

.sidebar-green .sidebar .widget .widget-heading {
    color: #a5d6a7;
}

.sidebar-green .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-green .sidebar .widget .widget-body .userinfo .useremail {
    color: #a5d6a7;
}

.sidebar-green .sidebar .widget .widget-body .user-dropdown span i {
    color: #a5d6a7;
}

.sidebar-green .sidebar .widget .widget-body .mini-progressbar {
    color: #e8f5e9;
}

    .sidebar-green .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #43a047;
    }

.sidebar-green nav.widget-body > ul.acc-menu .badge {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.sidebar-green nav.widget-body > ul.acc-menu li.nav-separator {
    color: #000;
    background-color: #fff;
}

.sidebar-green nav.widget-body > ul.acc-menu ul,
.sidebar-green nav.widget-body > ul.acc-menu ul li a {
    background-color: #fff;
    color: var(--color-primary);
}

.sidebar-green nav.widget-body > ul.acc-menu li a {
    color: rgba(0,0,0,0.87);
    background-color: #fff;
}

    .sidebar-green nav.widget-body > ul.acc-menu li a .ink {
        background-color: #80c883;
    }

.sidebar-green nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: var(--color-primary);
}

.sidebar-green nav.widget-body > ul.acc-menu li.open > a {
    background-color: var(--color-primary);
}

.sidebar-green nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: var(--color-primary);
    color: #fff;
}

    .sidebar-green nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-green nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: var(--color-primary);
    color: #fff;
}

    .sidebar-green nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e8f5e9;
    }

.sidebar-green nav.widget-body > ul.acc-menu > li > a > i {
    color: #e8f5e9;
}

.sidebar-green nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-green nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-green nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e8f5e9;
}

.sidebar-green nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: var(--color-heading);
    color: #fff;
}

.sidebar-green nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-green nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #a5d6a7;
}

.sidebar-light-green.static-sidebar-wrapper,
.sidebar-light-green.fixed-sidebar {
    background-color: var(--color-primary-dark);
}

.sidebar-light-green .sidebar .widget .widget-heading {
    color: #c8e6c9;
}

.sidebar-light-green .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-light-green .sidebar .widget .widget-body .userinfo .useremail {
    color: #c8e6c9;
}

.sidebar-light-green .sidebar .widget .widget-body .user-dropdown span i {
    color: #c8e6c9;
}

.sidebar-light-green .sidebar .widget .widget-body .mini-progressbar {
    color: #e8f5e9;
}

    .sidebar-light-green .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #7cb342;
    }

.sidebar-light-green nav.widget-body > ul.acc-menu .badge {
    background-color: #ff9800 !important;
    color: #fff !important;
}

.sidebar-light-green nav.widget-body > ul.acc-menu li.nav-separator {
    color: #c8e6c9;
    background-color: #558b2f;
}

.sidebar-light-green nav.widget-body > ul.acc-menu ul,
.sidebar-light-green nav.widget-body > ul.acc-menu ul li a {
    background-color: #7cb342;
    color: #e8f5e9;
}

.sidebar-light-green nav.widget-body > ul.acc-menu li a {
    color: #e8f5e9;
    background-color: var(--color-primary-dark);
}

    .sidebar-light-green nav.widget-body > ul.acc-menu li a .ink {
        background-color: #b0d683;
    }

.sidebar-light-green nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #e8f5e9;
}

.sidebar-light-green nav.widget-body > ul.acc-menu li.open > a {
    background-color: #9ccc65;
}

.sidebar-light-green nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #9ccc65;
    color: #fff;
}

    .sidebar-light-green nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-light-green nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #9ccc65;
    color: #e8f5e9;
}

    .sidebar-light-green nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e8f5e9;
    }

.sidebar-light-green nav.widget-body > ul.acc-menu > li > a > i {
    color: #e8f5e9;
}

.sidebar-light-green nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-light-green nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-light-green nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e8f5e9;
}

.sidebar-light-green nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: var(--color-primary-dark);
    color: #fff;
}

.sidebar-light-green nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-light-green nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #c8e6c9;
}

.sidebar-deep-orange.static-sidebar-wrapper,
.sidebar-deep-orange.fixed-sidebar {
    background-color: #ff5722;
}

.sidebar-deep-orange .sidebar .widget .widget-heading {
    color: #ffccbc;
}

.sidebar-deep-orange .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-deep-orange .sidebar .widget .widget-body .userinfo .useremail {
    color: #ffccbc;
}

.sidebar-deep-orange .sidebar .widget .widget-body .user-dropdown span i {
    color: #ffccbc;
}

.sidebar-deep-orange .sidebar .widget .widget-body .mini-progressbar {
    color: #fbe9e7;
}

    .sidebar-deep-orange .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #f4511e;
    }

.sidebar-deep-orange nav.widget-body > ul.acc-menu .badge {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu li.nav-separator {
    color: #ffccbc;
    background-color: #d84315;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu ul,
.sidebar-deep-orange nav.widget-body > ul.acc-menu ul li a {
    background-color: #f4511e;
    color: #fbe9e7;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu li a {
    color: #fbe9e7;
    background-color: #ff5722;
}

    .sidebar-deep-orange nav.widget-body > ul.acc-menu li a .ink {
        background-color: #ff916f;
    }

.sidebar-deep-orange nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fbe9e7;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu li.open > a {
    background-color: #ff7043;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #ff7043;
    color: #fff;
}

    .sidebar-deep-orange nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-deep-orange nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #ff7043;
    color: #fbe9e7;
}

    .sidebar-deep-orange nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fbe9e7;
    }

.sidebar-deep-orange nav.widget-body > ul.acc-menu > li > a > i {
    color: #fbe9e7;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-deep-orange nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fbe9e7;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #ff5722;
    color: #fff;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-deep-orange nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #ffccbc;
}

.sidebar-lime.static-sidebar-wrapper,
.sidebar-lime.fixed-sidebar {
    background-color: #cddc39;
}

.sidebar-lime .sidebar .widget .widget-heading {
    color: #e6ee9c;
}

.sidebar-lime .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-lime .sidebar .widget .widget-body .userinfo .useremail {
    color: #e6ee9c;
}

.sidebar-lime .sidebar .widget .widget-body .user-dropdown span i {
    color: #e6ee9c;
}

.sidebar-lime .sidebar .widget .widget-body .mini-progressbar {
    color: #f9fbe7;
}

    .sidebar-lime .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #c0ca33;
    }

.sidebar-lime nav.widget-body > ul.acc-menu .badge {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.sidebar-lime nav.widget-body > ul.acc-menu li.nav-separator {
    color: #e6ee9c;
    background-color: #9e9d24;
}

.sidebar-lime nav.widget-body > ul.acc-menu ul,
.sidebar-lime nav.widget-body > ul.acc-menu ul li a {
    background-color: #c0ca33;
    color: #f9fbe7;
}

.sidebar-lime nav.widget-body > ul.acc-menu li a {
    color: #f9fbe7;
    background-color: #cddc39;
}

    .sidebar-lime nav.widget-body > ul.acc-menu li a .ink {
        background-color: #dde77a;
    }

.sidebar-lime nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #f9fbe7;
}

.sidebar-lime nav.widget-body > ul.acc-menu li.open > a {
    background-color: #d4e157;
}

.sidebar-lime nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #d4e157;
    color: #fff;
}

    .sidebar-lime nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-lime nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #d4e157;
    color: #f9fbe7;
}

    .sidebar-lime nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #f9fbe7;
    }

.sidebar-lime nav.widget-body > ul.acc-menu > li > a > i {
    color: #f9fbe7;
}

.sidebar-lime nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-lime nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-lime nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #f9fbe7;
}

.sidebar-lime nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #cddc39;
    color: #fff;
}

.sidebar-lime nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-lime nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #e6ee9c;
}

.sidebar-amber.static-sidebar-wrapper,
.sidebar-amber.fixed-sidebar {
    background-color: #ffc107;
}

.sidebar-amber .sidebar .widget .widget-heading {
    color: #ffecb3;
}

.sidebar-amber .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-amber .sidebar .widget .widget-body .userinfo .useremail {
    color: #ffecb3;
}

.sidebar-amber .sidebar .widget .widget-body .user-dropdown span i {
    color: #ffecb3;
}

.sidebar-amber .sidebar .widget .widget-body .mini-progressbar {
    color: #fff8e1;
}

    .sidebar-amber .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #ffb300;
    }

.sidebar-amber nav.widget-body > ul.acc-menu .badge {
    background-color: var(--color-heading) !important;
    color: #fff !important;
}

.sidebar-amber nav.widget-body > ul.acc-menu li.nav-separator {
    color: #ffecb3;
    background-color: #ff8f00;
}

.sidebar-amber nav.widget-body > ul.acc-menu ul,
.sidebar-amber nav.widget-body > ul.acc-menu ul li a {
    background-color: #ffb300;
    color: #fff8e1;
}

.sidebar-amber nav.widget-body > ul.acc-menu li a {
    color: #fff8e1;
    background-color: #ffc107;
}

    .sidebar-amber nav.widget-body > ul.acc-menu li a .ink {
        background-color: #ffd454;
    }

.sidebar-amber nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fff8e1;
}

.sidebar-amber nav.widget-body > ul.acc-menu li.open > a {
    background-color: #ffca28;
}

.sidebar-amber nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #ffca28;
    color: #fff;
}

    .sidebar-amber nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-amber nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #ffca28;
    color: #fff8e1;
}

    .sidebar-amber nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fff8e1;
    }

.sidebar-amber nav.widget-body > ul.acc-menu > li > a > i {
    color: #fff8e1;
}

.sidebar-amber nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-amber nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-amber nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fff8e1;
}

.sidebar-amber nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #ffc107;
    color: #fff;
}

.sidebar-amber nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-amber nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #ffecb3;
}

.sidebar-gray.static-sidebar-wrapper,
.sidebar-gray.fixed-sidebar {
    background-color: #424242;
}

.sidebar-gray .sidebar .widget .widget-heading {
    color: #bdbdbd;
}

.sidebar-gray .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-gray .sidebar .widget .widget-body .userinfo .useremail {
    color: #bdbdbd;
}

.sidebar-gray .sidebar .widget .widget-body .user-dropdown span i {
    color: #bdbdbd;
}

.sidebar-gray .sidebar .widget .widget-body .mini-progressbar {
    color: #fafafa;
}

    .sidebar-gray .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #212121;
    }

.sidebar-gray nav.widget-body > ul.acc-menu .badge {
    background-color: #ef6c00 !important;
    color: #fff !important;
}

.sidebar-gray nav.widget-body > ul.acc-menu li.nav-separator {
    color: #bdbdbd;
    background-color: #424242;
}

.sidebar-gray nav.widget-body > ul.acc-menu ul,
.sidebar-gray nav.widget-body > ul.acc-menu ul li a {
    background-color: #212121;
    color: #fafafa;
}

.sidebar-gray nav.widget-body > ul.acc-menu li a {
    color: #fafafa;
    background-color: #424242;
}

    .sidebar-gray nav.widget-body > ul.acc-menu li a .ink {
        background-color: #686868;
    }

.sidebar-gray nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fafafa;
}

.sidebar-gray nav.widget-body > ul.acc-menu li.open > a {
    background-color: #616161;
}

.sidebar-gray nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #616161;
    color: #fff;
}

    .sidebar-gray nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-gray nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #616161;
    color: #fafafa;
}

    .sidebar-gray nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fafafa;
    }

.sidebar-gray nav.widget-body > ul.acc-menu > li > a > i {
    color: #fafafa;
}

.sidebar-gray nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-gray nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-gray nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fafafa;
}

.sidebar-gray nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #424242;
    color: #fff;
}

.sidebar-gray nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-gray nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #bdbdbd;
}

.sidebar-light-blue.static-sidebar-wrapper,
.sidebar-light-blue.fixed-sidebar {
    background-color: #03a9f4;
}

.sidebar-light-blue .sidebar .widget .widget-heading {
    color: #81d4fa;
}

.sidebar-light-blue .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-light-blue .sidebar .widget .widget-body .userinfo .useremail {
    color: #81d4fa;
}

.sidebar-light-blue .sidebar .widget .widget-body .user-dropdown span i {
    color: #81d4fa;
}

.sidebar-light-blue .sidebar .widget .widget-body .mini-progressbar {
    color: #e1f5fe;
}

    .sidebar-light-blue .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #039be5;
    }

.sidebar-light-blue nav.widget-body > ul.acc-menu .badge {
    background-color: #cddc39 !important;
    color: #fff !important;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu li.nav-separator {
    color: #81d4fa;
    background-color: #0277bd;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu ul,
.sidebar-light-blue nav.widget-body > ul.acc-menu ul li a {
    background-color: #039be5;
    color: #e1f5fe;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu li a {
    color: #e1f5fe;
    background-color: #03a9f4;
}

    .sidebar-light-blue nav.widget-body > ul.acc-menu li a .ink {
        background-color: #47c4fd;
    }

.sidebar-light-blue nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #e1f5fe;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu li.open > a {
    background-color: #29b6f6;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #29b6f6;
    color: #fff;
}

    .sidebar-light-blue nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-light-blue nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #29b6f6;
    color: #e1f5fe;
}

    .sidebar-light-blue nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #e1f5fe;
    }

.sidebar-light-blue nav.widget-body > ul.acc-menu > li > a > i {
    color: #e1f5fe;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-light-blue nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #e1f5fe;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #03a9f4;
    color: #fff;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-light-blue nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #81d4fa;
}

.sidebar-yellow.static-sidebar-wrapper,
.sidebar-yellow.fixed-sidebar {
    background-color: #ffeb3b;
}

.sidebar-yellow .sidebar .widget .widget-heading {
    color: #fff9c4;
}

.sidebar-yellow .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-yellow .sidebar .widget .widget-body .userinfo .useremail {
    color: #fff9c4;
}

.sidebar-yellow .sidebar .widget .widget-body .user-dropdown span i {
    color: #fff9c4;
}

.sidebar-yellow .sidebar .widget .widget-body .mini-progressbar {
    color: #fffde7;
}

    .sidebar-yellow .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #fdd835;
    }

.sidebar-yellow nav.widget-body > ul.acc-menu .badge {
    background-color: #6d4c41 !important;
    color: #fff !important;
}

.sidebar-yellow nav.widget-body > ul.acc-menu li.nav-separator {
    color: #fff9c4;
    background-color: #f9a825;
}

.sidebar-yellow nav.widget-body > ul.acc-menu ul,
.sidebar-yellow nav.widget-body > ul.acc-menu ul li a {
    background-color: #fdd835;
    color: #fffde7;
}

.sidebar-yellow nav.widget-body > ul.acc-menu li a {
    color: #fffde7;
    background-color: #ffeb3b;
}

    .sidebar-yellow nav.widget-body > ul.acc-menu li a .ink {
        background-color: #fff388;
    }

.sidebar-yellow nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #fffde7;
}

.sidebar-yellow nav.widget-body > ul.acc-menu li.open > a {
    background-color: #ffee58;
}

.sidebar-yellow nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #ffee58;
    color: #fff;
}

    .sidebar-yellow nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-yellow nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #ffee58;
    color: #fffde7;
}

    .sidebar-yellow nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #fffde7;
    }

.sidebar-yellow nav.widget-body > ul.acc-menu > li > a > i {
    color: #fffde7;
}

.sidebar-yellow nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-yellow nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-yellow nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #fffde7;
}

.sidebar-yellow nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #ffeb3b;
    color: #fff;
}

.sidebar-yellow nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-yellow nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #fff9c4;
}

.sidebar-bleachedcedar.static-sidebar-wrapper,
.sidebar-bleachedcedar.fixed-sidebar {
    background-color: #37474f;
}

.sidebar-bleachedcedar .sidebar .widget .widget-heading {
    color: #b0bec5;
}

.sidebar-bleachedcedar .sidebar .widget .widget-body .userinfo .username {
    color: #fff;
}

.sidebar-bleachedcedar .sidebar .widget .widget-body .userinfo .useremail {
    color: #b0bec5;
}

.sidebar-bleachedcedar .sidebar .widget .widget-body .user-dropdown span i {
    color: #b0bec5;
}

.sidebar-bleachedcedar .sidebar .widget .widget-body .mini-progressbar {
    color: #eceff1;
}

    .sidebar-bleachedcedar .sidebar .widget .widget-body .mini-progressbar .progress {
        background-color: #263238;
    }

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu .badge {
    background-color: #ef6c00 !important;
    color: #fff !important;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu li.nav-separator {
    color: #b0bec5;
    background-color: #cfd8dc;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu ul,
.sidebar-bleachedcedar nav.widget-body > ul.acc-menu ul li a {
    background-color: #263238;
    color: #eceff1;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu li a {
    color: #eceff1;
    background-color: #37474f;
}

    .sidebar-bleachedcedar nav.widget-body > ul.acc-menu li a .ink {
        background-color: #56707c;
    }

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li > a > span.icon {
    color: #eceff1;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu li.open > a {
    background-color: #455a64;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li:hover > a {
    background-color: #455a64;
    color: #fff;
}

    .sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li:hover > a span.icon {
        color: #fff;
    }

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li.active > a {
    font-weight: 500;
    background-color: #455a64;
    color: #eceff1;
}

    .sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li.active > a span.icon {
        /*background: @@sidebar-bg;*/
        color: #eceff1;
    }

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li > a > i {
    color: #eceff1;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li > a:hover > i {
    color: #fff;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-bleachedcedar nav.widget-body > ul.acc-menu > li.active > a:hover > i {
    color: #eceff1;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu ul li a:hover {
    background-color: #37474f;
    color: #fff;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
    color: #fff;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu li.disabled-link a {
    color: #b0bec5;
}

#headernav.navbar-default {
    background: #fafafa;
}

    #headernav.navbar-default .navbar-nav {
        background: #fafafa;
    }

        #headernav.navbar-default .navbar-nav > .open > a,
        #headernav.navbar-default .navbar-nav > .open > a i,
        #headernav.navbar-default .navbar-nav > li:hover > a,
        #headernav.navbar-default .navbar-nav > li:hover > a i {
            background: #eeeeee;
            color: #212121;
        }

        #headernav.navbar-default .navbar-nav ul {
            background: #e0e0e0;
        }

            #headernav.navbar-default .navbar-nav ul li a {
                color: #757575;
            }

                #headernav.navbar-default .navbar-nav ul li a:hover {
                    background: #e0e0e0;
                    color: #212121;
                }

            #headernav.navbar-default .navbar-nav ul li.active a:hover {
                background-color: #e0e0e0;
                color: #212121;
            }

            #headernav.navbar-default .navbar-nav ul li.active a {
                background-color: #e0e0e0;
                color: #212121;
            }

        #headernav.navbar-default .navbar-nav li a {
            color: #757575;
        }

            #headernav.navbar-default .navbar-nav li a i {
                color: #757575;
            }

            #headernav.navbar-default .navbar-nav li a .ink {
                background-color: #9b9b9b;
            }

        #headernav.navbar-default .navbar-nav li.active > a,
        #headernav.navbar-default .navbar-nav li.active > a i,
        #headernav.navbar-default .navbar-nav li.active a:hover,
        #headernav.navbar-default .navbar-nav li.active a:hover i {
            background: #eeeeee;
            color: #212121;
        }

        #headernav.navbar-default .navbar-nav li a:hover,
        #headernav.navbar-default .navbar-nav li a:hover i {
            background: #eeeeee;
            color: #212121;
        }

        #headernav.navbar-default .navbar-nav li a:focus,
        #headernav.navbar-default .navbar-nav li a:focus i {
            background: #eeeeee;
            color: #212121;
        }

        #headernav.navbar-default .navbar-nav li.active ul li a:hover {
            background-color: #e0e0e0;
            color: #212121;
        }

        #headernav.navbar-default .navbar-nav li.active ul li.active a:hover {
            background-color: #e0e0e0;
            color: #212121;
        }

    #headernav.navbar-default .navbar-toggle,
    #headernav.navbar-default .navbar-toggle:hover,
    #headernav.navbar-default .navbar-toggle:focus {
        background: #eeeeee;
        color: #757575;
        border: none;
    }

#headernav.navbar-bluegray {
    background: #546e7a;
}

    #headernav.navbar-bluegray .navbar-nav {
        background: #546e7a;
    }

        #headernav.navbar-bluegray .navbar-nav > .open > a,
        #headernav.navbar-bluegray .navbar-nav > .open > a i,
        #headernav.navbar-bluegray .navbar-nav > li:hover > a,
        #headernav.navbar-bluegray .navbar-nav > li:hover > a i {
            background: #78909c;
            color: #fff;
        }

        #headernav.navbar-bluegray .navbar-nav ul {
            background: #546e7a;
        }

            #headernav.navbar-bluegray .navbar-nav ul li a {
                color: #eceff1;
            }

                #headernav.navbar-bluegray .navbar-nav ul li a:hover {
                    background: #607d8b;
                    color: #fff;
                }

            #headernav.navbar-bluegray .navbar-nav ul li.active a:hover {
                background-color: #607d8b;
                color: #eceff1;
            }

            #headernav.navbar-bluegray .navbar-nav ul li.active a {
                background-color: #546e7a;
                color: #eceff1;
            }

        #headernav.navbar-bluegray .navbar-nav li a {
            color: #eceff1;
        }

            #headernav.navbar-bluegray .navbar-nav li a i {
                color: #eceff1;
            }

            #headernav.navbar-bluegray .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-bluegray .navbar-nav li.active > a,
        #headernav.navbar-bluegray .navbar-nav li.active > a i,
        #headernav.navbar-bluegray .navbar-nav li.active a:hover,
        #headernav.navbar-bluegray .navbar-nav li.active a:hover i {
            background: #78909c;
            color: #eceff1;
        }

        #headernav.navbar-bluegray .navbar-nav li a:hover,
        #headernav.navbar-bluegray .navbar-nav li a:hover i {
            background: #78909c;
            color: #fff;
        }

        #headernav.navbar-bluegray .navbar-nav li a:focus,
        #headernav.navbar-bluegray .navbar-nav li a:focus i {
            background: #78909c;
            color: #fff;
        }

        #headernav.navbar-bluegray .navbar-nav li.active ul li a:hover {
            background-color: #607d8b;
            color: #fff;
        }

        #headernav.navbar-bluegray .navbar-nav li.active ul li.active a:hover {
            background-color: #607d8b;
            color: #eceff1;
        }

    #headernav.navbar-bluegray .navbar-toggle,
    #headernav.navbar-bluegray .navbar-toggle:hover,
    #headernav.navbar-bluegray .navbar-toggle:focus {
        background: #78909c;
        color: #eceff1;
        border: none;
    }

#headernav.navbar-orange {
    background: #fb8c00;
}

    #headernav.navbar-orange .navbar-nav {
        background: #fb8c00;
    }

        #headernav.navbar-orange .navbar-nav > .open > a,
        #headernav.navbar-orange .navbar-nav > .open > a i,
        #headernav.navbar-orange .navbar-nav > li:hover > a,
        #headernav.navbar-orange .navbar-nav > li:hover > a i {
            background: #ffa726;
            color: #fff;
        }

        #headernav.navbar-orange .navbar-nav ul {
            background: #fb8c00;
        }

            #headernav.navbar-orange .navbar-nav ul li a {
                color: #fff3e0;
            }

                #headernav.navbar-orange .navbar-nav ul li a:hover {
                    background: #ff9800;
                    color: #fff;
                }

            #headernav.navbar-orange .navbar-nav ul li.active a:hover {
                background-color: #ff9800;
                color: #fff3e0;
            }

            #headernav.navbar-orange .navbar-nav ul li.active a {
                background-color: #fb8c00;
                color: #fff3e0;
            }

        #headernav.navbar-orange .navbar-nav li a {
            color: #fff3e0;
        }

            #headernav.navbar-orange .navbar-nav li a i {
                color: #fff3e0;
            }

            #headernav.navbar-orange .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-orange .navbar-nav li.active > a,
        #headernav.navbar-orange .navbar-nav li.active > a i,
        #headernav.navbar-orange .navbar-nav li.active a:hover,
        #headernav.navbar-orange .navbar-nav li.active a:hover i {
            background: #ffa726;
            color: #fff3e0;
        }

        #headernav.navbar-orange .navbar-nav li a:hover,
        #headernav.navbar-orange .navbar-nav li a:hover i {
            background: #ffa726;
            color: #fff;
        }

        #headernav.navbar-orange .navbar-nav li a:focus,
        #headernav.navbar-orange .navbar-nav li a:focus i {
            background: #ffa726;
            color: #fff;
        }

        #headernav.navbar-orange .navbar-nav li.active ul li a:hover {
            background-color: #ff9800;
            color: #fff;
        }

        #headernav.navbar-orange .navbar-nav li.active ul li.active a:hover {
            background-color: #ff9800;
            color: #fff3e0;
        }

    #headernav.navbar-orange .navbar-toggle,
    #headernav.navbar-orange .navbar-toggle:hover,
    #headernav.navbar-orange .navbar-toggle:focus {
        background: #ffa726;
        color: #fff3e0;
        border: none;
    }

#headernav.navbar-blue {
    background: #1e88e5;
}

    #headernav.navbar-blue .navbar-nav {
        background: #1e88e5;
    }

        #headernav.navbar-blue .navbar-nav > .open > a,
        #headernav.navbar-blue .navbar-nav > .open > a i,
        #headernav.navbar-blue .navbar-nav > li:hover > a,
        #headernav.navbar-blue .navbar-nav > li:hover > a i {
            background: #42a5f5;
            color: #fff;
        }

        #headernav.navbar-blue .navbar-nav ul {
            background: #1e88e5;
        }

            #headernav.navbar-blue .navbar-nav ul li a {
                color: #e3f2fd;
            }

                #headernav.navbar-blue .navbar-nav ul li a:hover {
                    background: #2196f3;
                    color: #fff;
                }

            #headernav.navbar-blue .navbar-nav ul li.active a:hover {
                background-color: #2196f3;
                color: #e3f2fd;
            }

            #headernav.navbar-blue .navbar-nav ul li.active a {
                background-color: #1e88e5;
                color: #e3f2fd;
            }

        #headernav.navbar-blue .navbar-nav li a {
            color: #e3f2fd;
        }

            #headernav.navbar-blue .navbar-nav li a i {
                color: #e3f2fd;
            }

            #headernav.navbar-blue .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-blue .navbar-nav li.active > a,
        #headernav.navbar-blue .navbar-nav li.active > a i,
        #headernav.navbar-blue .navbar-nav li.active a:hover,
        #headernav.navbar-blue .navbar-nav li.active a:hover i {
            background: #42a5f5;
            color: #e3f2fd;
        }

        #headernav.navbar-blue .navbar-nav li a:hover,
        #headernav.navbar-blue .navbar-nav li a:hover i {
            background: #42a5f5;
            color: #fff;
        }

        #headernav.navbar-blue .navbar-nav li a:focus,
        #headernav.navbar-blue .navbar-nav li a:focus i {
            background: #42a5f5;
            color: #fff;
        }

        #headernav.navbar-blue .navbar-nav li.active ul li a:hover {
            background-color: #2196f3;
            color: #fff;
        }

        #headernav.navbar-blue .navbar-nav li.active ul li.active a:hover {
            background-color: #2196f3;
            color: #e3f2fd;
        }

    #headernav.navbar-blue .navbar-toggle,
    #headernav.navbar-blue .navbar-toggle:hover,
    #headernav.navbar-blue .navbar-toggle:focus {
        background: #42a5f5;
        color: #e3f2fd;
        border: none;
    }

#headernav.navbar-teal {
    background: #00897b;
}

    #headernav.navbar-teal .navbar-nav {
        background: #00897b;
    }

        #headernav.navbar-teal .navbar-nav > .open > a,
        #headernav.navbar-teal .navbar-nav > .open > a i,
        #headernav.navbar-teal .navbar-nav > li:hover > a,
        #headernav.navbar-teal .navbar-nav > li:hover > a i {
            background: #26a69a;
            color: #fff;
        }

        #headernav.navbar-teal .navbar-nav ul {
            background: #00897b;
        }

            #headernav.navbar-teal .navbar-nav ul li a {
                color: #e0f2f1;
            }

                #headernav.navbar-teal .navbar-nav ul li a:hover {
                    background: #009688;
                    color: #fff;
                }

            #headernav.navbar-teal .navbar-nav ul li.active a:hover {
                background-color: #009688;
                color: #e0f2f1;
            }

            #headernav.navbar-teal .navbar-nav ul li.active a {
                background-color: #00897b;
                color: #e0f2f1;
            }

        #headernav.navbar-teal .navbar-nav li a {
            color: #e0f2f1;
        }

            #headernav.navbar-teal .navbar-nav li a i {
                color: #e0f2f1;
            }

            #headernav.navbar-teal .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-teal .navbar-nav li.active > a,
        #headernav.navbar-teal .navbar-nav li.active > a i,
        #headernav.navbar-teal .navbar-nav li.active a:hover,
        #headernav.navbar-teal .navbar-nav li.active a:hover i {
            background: #26a69a;
            color: #e0f2f1;
        }

        #headernav.navbar-teal .navbar-nav li a:hover,
        #headernav.navbar-teal .navbar-nav li a:hover i {
            background: #26a69a;
            color: #fff;
        }

        #headernav.navbar-teal .navbar-nav li a:focus,
        #headernav.navbar-teal .navbar-nav li a:focus i {
            background: #26a69a;
            color: #fff;
        }

        #headernav.navbar-teal .navbar-nav li.active ul li a:hover {
            background-color: #009688;
            color: #fff;
        }

        #headernav.navbar-teal .navbar-nav li.active ul li.active a:hover {
            background-color: #009688;
            color: #e0f2f1;
        }

    #headernav.navbar-teal .navbar-toggle,
    #headernav.navbar-teal .navbar-toggle:hover,
    #headernav.navbar-teal .navbar-toggle:focus {
        background: #26a69a;
        color: #e0f2f1;
        border: none;
    }

#headernav.navbar-purple {
    background: #8e24aa;
}

    #headernav.navbar-purple .navbar-nav {
        background: #8e24aa;
    }

        #headernav.navbar-purple .navbar-nav > .open > a,
        #headernav.navbar-purple .navbar-nav > .open > a i,
        #headernav.navbar-purple .navbar-nav > li:hover > a,
        #headernav.navbar-purple .navbar-nav > li:hover > a i {
            background: #ab47bc;
            color: #fff;
        }

        #headernav.navbar-purple .navbar-nav ul {
            background: #8e24aa;
        }

            #headernav.navbar-purple .navbar-nav ul li a {
                color: #f3e5f5;
            }

                #headernav.navbar-purple .navbar-nav ul li a:hover {
                    background: #9c27b0;
                    color: #fff;
                }

            #headernav.navbar-purple .navbar-nav ul li.active a:hover {
                background-color: #9c27b0;
                color: #f3e5f5;
            }

            #headernav.navbar-purple .navbar-nav ul li.active a {
                background-color: #8e24aa;
                color: #f3e5f5;
            }

        #headernav.navbar-purple .navbar-nav li a {
            color: #f3e5f5;
        }

            #headernav.navbar-purple .navbar-nav li a i {
                color: #f3e5f5;
            }

            #headernav.navbar-purple .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-purple .navbar-nav li.active > a,
        #headernav.navbar-purple .navbar-nav li.active > a i,
        #headernav.navbar-purple .navbar-nav li.active a:hover,
        #headernav.navbar-purple .navbar-nav li.active a:hover i {
            background: #ab47bc;
            color: #f3e5f5;
        }

        #headernav.navbar-purple .navbar-nav li a:hover,
        #headernav.navbar-purple .navbar-nav li a:hover i {
            background: #ab47bc;
            color: #fff;
        }

        #headernav.navbar-purple .navbar-nav li a:focus,
        #headernav.navbar-purple .navbar-nav li a:focus i {
            background: #ab47bc;
            color: #fff;
        }

        #headernav.navbar-purple .navbar-nav li.active ul li a:hover {
            background-color: #9c27b0;
            color: #fff;
        }

        #headernav.navbar-purple .navbar-nav li.active ul li.active a:hover {
            background-color: #9c27b0;
            color: #f3e5f5;
        }

    #headernav.navbar-purple .navbar-toggle,
    #headernav.navbar-purple .navbar-toggle:hover,
    #headernav.navbar-purple .navbar-toggle:focus {
        background: #ab47bc;
        color: #f3e5f5;
        border: none;
    }

#headernav.navbar-indigo {
    background: #3949ab;
}

    #headernav.navbar-indigo .navbar-nav {
        background: #3949ab;
    }

        #headernav.navbar-indigo .navbar-nav > .open > a,
        #headernav.navbar-indigo .navbar-nav > .open > a i,
        #headernav.navbar-indigo .navbar-nav > li:hover > a,
        #headernav.navbar-indigo .navbar-nav > li:hover > a i {
            background: #5c6bc0;
            color: #fff;
        }

        #headernav.navbar-indigo .navbar-nav ul {
            background: #3949ab;
        }

            #headernav.navbar-indigo .navbar-nav ul li a {
                color: #e8eaf6;
            }

                #headernav.navbar-indigo .navbar-nav ul li a:hover {
                    background: #3f51b5;
                    color: #fff;
                }

            #headernav.navbar-indigo .navbar-nav ul li.active a:hover {
                background-color: #3f51b5;
                color: #e8eaf6;
            }

            #headernav.navbar-indigo .navbar-nav ul li.active a {
                background-color: #3949ab;
                color: #e8eaf6;
            }

        #headernav.navbar-indigo .navbar-nav li a {
            color: #e8eaf6;
        }

            #headernav.navbar-indigo .navbar-nav li a i {
                color: #e8eaf6;
            }

            #headernav.navbar-indigo .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-indigo .navbar-nav li.active > a,
        #headernav.navbar-indigo .navbar-nav li.active > a i,
        #headernav.navbar-indigo .navbar-nav li.active a:hover,
        #headernav.navbar-indigo .navbar-nav li.active a:hover i {
            background: #5c6bc0;
            color: #e8eaf6;
        }

        #headernav.navbar-indigo .navbar-nav li a:hover,
        #headernav.navbar-indigo .navbar-nav li a:hover i {
            background: #5c6bc0;
            color: #fff;
        }

        #headernav.navbar-indigo .navbar-nav li a:focus,
        #headernav.navbar-indigo .navbar-nav li a:focus i {
            background: #5c6bc0;
            color: #fff;
        }

        #headernav.navbar-indigo .navbar-nav li.active ul li a:hover {
            background-color: #3f51b5;
            color: #fff;
        }

        #headernav.navbar-indigo .navbar-nav li.active ul li.active a:hover {
            background-color: #3f51b5;
            color: #e8eaf6;
        }

    #headernav.navbar-indigo .navbar-toggle,
    #headernav.navbar-indigo .navbar-toggle:hover,
    #headernav.navbar-indigo .navbar-toggle:focus {
        background: #5c6bc0;
        color: #e8eaf6;
        border: none;
    }

#headernav.navbar-cyan {
    background: #00acc1;
}

    #headernav.navbar-cyan .navbar-nav {
        background: #00acc1;
    }

        #headernav.navbar-cyan .navbar-nav > .open > a,
        #headernav.navbar-cyan .navbar-nav > .open > a i,
        #headernav.navbar-cyan .navbar-nav > li:hover > a,
        #headernav.navbar-cyan .navbar-nav > li:hover > a i {
            background: #26c6da;
            color: #fff;
        }

        #headernav.navbar-cyan .navbar-nav ul {
            background: #00acc1;
        }

            #headernav.navbar-cyan .navbar-nav ul li a {
                color: #e0f7fa;
            }

                #headernav.navbar-cyan .navbar-nav ul li a:hover {
                    background: #00bcd4;
                    color: #fff;
                }

            #headernav.navbar-cyan .navbar-nav ul li.active a:hover {
                background-color: #00bcd4;
                color: #e0f7fa;
            }

            #headernav.navbar-cyan .navbar-nav ul li.active a {
                background-color: #00acc1;
                color: #e0f7fa;
            }

        #headernav.navbar-cyan .navbar-nav li a {
            color: #e0f7fa;
        }

            #headernav.navbar-cyan .navbar-nav li a i {
                color: #e0f7fa;
            }

            #headernav.navbar-cyan .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-cyan .navbar-nav li.active > a,
        #headernav.navbar-cyan .navbar-nav li.active > a i,
        #headernav.navbar-cyan .navbar-nav li.active a:hover,
        #headernav.navbar-cyan .navbar-nav li.active a:hover i {
            background: #26c6da;
            color: #e0f7fa;
        }

        #headernav.navbar-cyan .navbar-nav li a:hover,
        #headernav.navbar-cyan .navbar-nav li a:hover i {
            background: #26c6da;
            color: #fff;
        }

        #headernav.navbar-cyan .navbar-nav li a:focus,
        #headernav.navbar-cyan .navbar-nav li a:focus i {
            background: #26c6da;
            color: #fff;
        }

        #headernav.navbar-cyan .navbar-nav li.active ul li a:hover {
            background-color: #00bcd4;
            color: #fff;
        }

        #headernav.navbar-cyan .navbar-nav li.active ul li.active a:hover {
            background-color: #00bcd4;
            color: #e0f7fa;
        }

    #headernav.navbar-cyan .navbar-toggle,
    #headernav.navbar-cyan .navbar-toggle:hover,
    #headernav.navbar-cyan .navbar-toggle:focus {
        background: #26c6da;
        color: #e0f7fa;
        border: none;
    }

#headernav.navbar-red {
    background: #dd191d;
}

    #headernav.navbar-red .navbar-nav {
        background: #dd191d;
    }

        #headernav.navbar-red .navbar-nav > .open > a,
        #headernav.navbar-red .navbar-nav > .open > a i,
        #headernav.navbar-red .navbar-nav > li:hover > a,
        #headernav.navbar-red .navbar-nav > li:hover > a i {
            background: #e84e40;
            color: #fff;
        }

        #headernav.navbar-red .navbar-nav ul {
            background: #dd191d;
        }

            #headernav.navbar-red .navbar-nav ul li a {
                color: #fde0dc;
            }

                #headernav.navbar-red .navbar-nav ul li a:hover {
                    background: #e51c23;
                    color: #fff;
                }

            #headernav.navbar-red .navbar-nav ul li.active a:hover {
                background-color: #e51c23;
                color: #fde0dc;
            }

            #headernav.navbar-red .navbar-nav ul li.active a {
                background-color: #dd191d;
                color: #fde0dc;
            }

        #headernav.navbar-red .navbar-nav li a {
            color: #fde0dc;
        }

            #headernav.navbar-red .navbar-nav li a i {
                color: #fde0dc;
            }

            #headernav.navbar-red .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-red .navbar-nav li.active > a,
        #headernav.navbar-red .navbar-nav li.active > a i,
        #headernav.navbar-red .navbar-nav li.active a:hover,
        #headernav.navbar-red .navbar-nav li.active a:hover i {
            background: #e84e40;
            color: #fde0dc;
        }

        #headernav.navbar-red .navbar-nav li a:hover,
        #headernav.navbar-red .navbar-nav li a:hover i {
            background: #e84e40;
            color: #fff;
        }

        #headernav.navbar-red .navbar-nav li a:focus,
        #headernav.navbar-red .navbar-nav li a:focus i {
            background: #e84e40;
            color: #fff;
        }

        #headernav.navbar-red .navbar-nav li.active ul li a:hover {
            background-color: #e51c23;
            color: #fff;
        }

        #headernav.navbar-red .navbar-nav li.active ul li.active a:hover {
            background-color: #e51c23;
            color: #fde0dc;
        }

    #headernav.navbar-red .navbar-toggle,
    #headernav.navbar-red .navbar-toggle:hover,
    #headernav.navbar-red .navbar-toggle:focus {
        background: #e84e40;
        color: #fde0dc;
        border: none;
    }

#headernav.navbar-pink {
    background: #d81b60;
}

    #headernav.navbar-pink .navbar-nav {
        background: #d81b60;
    }

        #headernav.navbar-pink .navbar-nav > .open > a,
        #headernav.navbar-pink .navbar-nav > .open > a i,
        #headernav.navbar-pink .navbar-nav > li:hover > a,
        #headernav.navbar-pink .navbar-nav > li:hover > a i {
            background: #ec407a;
            color: #fff;
        }

        #headernav.navbar-pink .navbar-nav ul {
            background: #d81b60;
        }

            #headernav.navbar-pink .navbar-nav ul li a {
                color: #fce4ec;
            }

                #headernav.navbar-pink .navbar-nav ul li a:hover {
                    background: #e91e63;
                    color: #fff;
                }

            #headernav.navbar-pink .navbar-nav ul li.active a:hover {
                background-color: #e91e63;
                color: #fce4ec;
            }

            #headernav.navbar-pink .navbar-nav ul li.active a {
                background-color: #d81b60;
                color: #fce4ec;
            }

        #headernav.navbar-pink .navbar-nav li a {
            color: #fce4ec;
        }

            #headernav.navbar-pink .navbar-nav li a i {
                color: #fce4ec;
            }

            #headernav.navbar-pink .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-pink .navbar-nav li.active > a,
        #headernav.navbar-pink .navbar-nav li.active > a i,
        #headernav.navbar-pink .navbar-nav li.active a:hover,
        #headernav.navbar-pink .navbar-nav li.active a:hover i {
            background: #ec407a;
            color: #fce4ec;
        }

        #headernav.navbar-pink .navbar-nav li a:hover,
        #headernav.navbar-pink .navbar-nav li a:hover i {
            background: #ec407a;
            color: #fff;
        }

        #headernav.navbar-pink .navbar-nav li a:focus,
        #headernav.navbar-pink .navbar-nav li a:focus i {
            background: #ec407a;
            color: #fff;
        }

        #headernav.navbar-pink .navbar-nav li.active ul li a:hover {
            background-color: #e91e63;
            color: #fff;
        }

        #headernav.navbar-pink .navbar-nav li.active ul li.active a:hover {
            background-color: #e91e63;
            color: #fce4ec;
        }

    #headernav.navbar-pink .navbar-toggle,
    #headernav.navbar-pink .navbar-toggle:hover,
    #headernav.navbar-pink .navbar-toggle:focus {
        background: #ec407a;
        color: #fce4ec;
        border: none;
    }

#headernav.navbar-deep-purple {
    background: #5e35b1;
}

    #headernav.navbar-deep-purple .navbar-nav {
        background: #5e35b1;
    }

        #headernav.navbar-deep-purple .navbar-nav > .open > a,
        #headernav.navbar-deep-purple .navbar-nav > .open > a i,
        #headernav.navbar-deep-purple .navbar-nav > li:hover > a,
        #headernav.navbar-deep-purple .navbar-nav > li:hover > a i {
            background: #7e57c2;
            color: #fff;
        }

        #headernav.navbar-deep-purple .navbar-nav ul {
            background: #5e35b1;
        }

            #headernav.navbar-deep-purple .navbar-nav ul li a {
                color: #ede7f6;
            }

                #headernav.navbar-deep-purple .navbar-nav ul li a:hover {
                    background: #673ab7;
                    color: #fff;
                }

            #headernav.navbar-deep-purple .navbar-nav ul li.active a:hover {
                background-color: #673ab7;
                color: #ede7f6;
            }

            #headernav.navbar-deep-purple .navbar-nav ul li.active a {
                background-color: #5e35b1;
                color: #ede7f6;
            }

        #headernav.navbar-deep-purple .navbar-nav li a {
            color: #ede7f6;
        }

            #headernav.navbar-deep-purple .navbar-nav li a i {
                color: #ede7f6;
            }

            #headernav.navbar-deep-purple .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-deep-purple .navbar-nav li.active > a,
        #headernav.navbar-deep-purple .navbar-nav li.active > a i,
        #headernav.navbar-deep-purple .navbar-nav li.active a:hover,
        #headernav.navbar-deep-purple .navbar-nav li.active a:hover i {
            background: #7e57c2;
            color: #ede7f6;
        }

        #headernav.navbar-deep-purple .navbar-nav li a:hover,
        #headernav.navbar-deep-purple .navbar-nav li a:hover i {
            background: #7e57c2;
            color: #fff;
        }

        #headernav.navbar-deep-purple .navbar-nav li a:focus,
        #headernav.navbar-deep-purple .navbar-nav li a:focus i {
            background: #7e57c2;
            color: #fff;
        }

        #headernav.navbar-deep-purple .navbar-nav li.active ul li a:hover {
            background-color: #673ab7;
            color: #fff;
        }

        #headernav.navbar-deep-purple .navbar-nav li.active ul li.active a:hover {
            background-color: #673ab7;
            color: #ede7f6;
        }

    #headernav.navbar-deep-purple .navbar-toggle,
    #headernav.navbar-deep-purple .navbar-toggle:hover,
    #headernav.navbar-deep-purple .navbar-toggle:focus {
        background: #7e57c2;
        color: #ede7f6;
        border: none;
    }

#headernav.navbar-brown {
    background: #6d4c41;
}

    #headernav.navbar-brown .navbar-nav {
        background: #6d4c41;
    }

        #headernav.navbar-brown .navbar-nav > .open > a,
        #headernav.navbar-brown .navbar-nav > .open > a i,
        #headernav.navbar-brown .navbar-nav > li:hover > a,
        #headernav.navbar-brown .navbar-nav > li:hover > a i {
            background: #8d6e63;
            color: #fff;
        }

        #headernav.navbar-brown .navbar-nav ul {
            background: #6d4c41;
        }

            #headernav.navbar-brown .navbar-nav ul li a {
                color: #efebe9;
            }

                #headernav.navbar-brown .navbar-nav ul li a:hover {
                    background: #795548;
                    color: #fff;
                }

            #headernav.navbar-brown .navbar-nav ul li.active a:hover {
                background-color: #795548;
                color: #efebe9;
            }

            #headernav.navbar-brown .navbar-nav ul li.active a {
                background-color: #6d4c41;
                color: #efebe9;
            }

        #headernav.navbar-brown .navbar-nav li a {
            color: #efebe9;
        }

            #headernav.navbar-brown .navbar-nav li a i {
                color: #efebe9;
            }

            #headernav.navbar-brown .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-brown .navbar-nav li.active > a,
        #headernav.navbar-brown .navbar-nav li.active > a i,
        #headernav.navbar-brown .navbar-nav li.active a:hover,
        #headernav.navbar-brown .navbar-nav li.active a:hover i {
            background: #8d6e63;
            color: #efebe9;
        }

        #headernav.navbar-brown .navbar-nav li a:hover,
        #headernav.navbar-brown .navbar-nav li a:hover i {
            background: #8d6e63;
            color: #fff;
        }

        #headernav.navbar-brown .navbar-nav li a:focus,
        #headernav.navbar-brown .navbar-nav li a:focus i {
            background: #8d6e63;
            color: #fff;
        }

        #headernav.navbar-brown .navbar-nav li.active ul li a:hover {
            background-color: #795548;
            color: #fff;
        }

        #headernav.navbar-brown .navbar-nav li.active ul li.active a:hover {
            background-color: #795548;
            color: #efebe9;
        }

    #headernav.navbar-brown .navbar-toggle,
    #headernav.navbar-brown .navbar-toggle:hover,
    #headernav.navbar-brown .navbar-toggle:focus {
        background: #8d6e63;
        color: #efebe9;
        border: none;
    }

#headernav.navbar-green {
    background: #43a047;
}

    #headernav.navbar-green .navbar-nav {
        background: #43a047;
    }

        #headernav.navbar-green .navbar-nav > .open > a,
        #headernav.navbar-green .navbar-nav > .open > a i,
        #headernav.navbar-green .navbar-nav > li:hover > a,
        #headernav.navbar-green .navbar-nav > li:hover > a i {
            background: #66bb6a;
            color: #fff;
        }

        #headernav.navbar-green .navbar-nav ul {
            background: #43a047;
        }

            #headernav.navbar-green .navbar-nav ul li a {
                color: #e8f5e9;
            }

                #headernav.navbar-green .navbar-nav ul li a:hover {
                    background: var(--color-heading);
                    color: #fff;
                }

            #headernav.navbar-green .navbar-nav ul li.active a:hover {
                background-color: var(--color-heading);
                color: #e8f5e9;
            }

            #headernav.navbar-green .navbar-nav ul li.active a {
                background-color: #43a047;
                color: #e8f5e9;
            }

        #headernav.navbar-green .navbar-nav li a {
            color: #e8f5e9;
        }

            #headernav.navbar-green .navbar-nav li a i {
                color: #e8f5e9;
            }

            #headernav.navbar-green .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-green .navbar-nav li.active > a,
        #headernav.navbar-green .navbar-nav li.active > a i,
        #headernav.navbar-green .navbar-nav li.active a:hover,
        #headernav.navbar-green .navbar-nav li.active a:hover i {
            background: #66bb6a;
            color: #e8f5e9;
        }

        #headernav.navbar-green .navbar-nav li a:hover,
        #headernav.navbar-green .navbar-nav li a:hover i {
            background: #66bb6a;
            color: #fff;
        }

        #headernav.navbar-green .navbar-nav li a:focus,
        #headernav.navbar-green .navbar-nav li a:focus i {
            background: #66bb6a;
            color: #fff;
        }

        #headernav.navbar-green .navbar-nav li.active ul li a:hover {
            background-color: var(--color-heading);
            color: #fff;
        }

        #headernav.navbar-green .navbar-nav li.active ul li.active a:hover {
            background-color: var(--color-heading);
            color: #e8f5e9;
        }

    #headernav.navbar-green .navbar-toggle,
    #headernav.navbar-green .navbar-toggle:hover,
    #headernav.navbar-green .navbar-toggle:focus {
        background: #66bb6a;
        color: #e8f5e9;
        border: none;
    }

#headernav.navbar-light-green {
    background: #7cb342;
}

    #headernav.navbar-light-green .navbar-nav {
        background: #7cb342;
    }

        #headernav.navbar-light-green .navbar-nav > .open > a,
        #headernav.navbar-light-green .navbar-nav > .open > a i,
        #headernav.navbar-light-green .navbar-nav > li:hover > a,
        #headernav.navbar-light-green .navbar-nav > li:hover > a i {
            background: #9ccc65;
            color: #fff;
        }

        #headernav.navbar-light-green .navbar-nav ul {
            background: #7cb342;
        }

            #headernav.navbar-light-green .navbar-nav ul li a {
                color: #e8f5e9;
            }

                #headernav.navbar-light-green .navbar-nav ul li a:hover {
                    background: var(--color-primary-dark);
                    color: #fff;
                }

            #headernav.navbar-light-green .navbar-nav ul li.active a:hover {
                background-color: var(--color-primary-dark);
                color: #e8f5e9;
            }

            #headernav.navbar-light-green .navbar-nav ul li.active a {
                background-color: #7cb342;
                color: #e8f5e9;
            }

        #headernav.navbar-light-green .navbar-nav li a {
            color: #e8f5e9;
        }

            #headernav.navbar-light-green .navbar-nav li a i {
                color: #e8f5e9;
            }

            #headernav.navbar-light-green .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-light-green .navbar-nav li.active > a,
        #headernav.navbar-light-green .navbar-nav li.active > a i,
        #headernav.navbar-light-green .navbar-nav li.active a:hover,
        #headernav.navbar-light-green .navbar-nav li.active a:hover i {
            background: #9ccc65;
            color: #e8f5e9;
        }

        #headernav.navbar-light-green .navbar-nav li a:hover,
        #headernav.navbar-light-green .navbar-nav li a:hover i {
            background: #9ccc65;
            color: #fff;
        }

        #headernav.navbar-light-green .navbar-nav li a:focus,
        #headernav.navbar-light-green .navbar-nav li a:focus i {
            background: #9ccc65;
            color: #fff;
        }

        #headernav.navbar-light-green .navbar-nav li.active ul li a:hover {
            background-color: var(--color-primary-dark);
            color: #fff;
        }

        #headernav.navbar-light-green .navbar-nav li.active ul li.active a:hover {
            background-color: var(--color-primary-dark);
            color: #e8f5e9;
        }

    #headernav.navbar-light-green .navbar-toggle,
    #headernav.navbar-light-green .navbar-toggle:hover,
    #headernav.navbar-light-green .navbar-toggle:focus {
        background: #9ccc65;
        color: #e8f5e9;
        border: none;
    }

#headernav.navbar-deep-orange {
    background: #f4511e;
}

    #headernav.navbar-deep-orange .navbar-nav {
        background: #f4511e;
    }

        #headernav.navbar-deep-orange .navbar-nav > .open > a,
        #headernav.navbar-deep-orange .navbar-nav > .open > a i,
        #headernav.navbar-deep-orange .navbar-nav > li:hover > a,
        #headernav.navbar-deep-orange .navbar-nav > li:hover > a i {
            background: #ff7043;
            color: #fff;
        }

        #headernav.navbar-deep-orange .navbar-nav ul {
            background: #f4511e;
        }

            #headernav.navbar-deep-orange .navbar-nav ul li a {
                color: #fbe9e7;
            }

                #headernav.navbar-deep-orange .navbar-nav ul li a:hover {
                    background: #ff5722;
                    color: #fff;
                }

            #headernav.navbar-deep-orange .navbar-nav ul li.active a:hover {
                background-color: #ff5722;
                color: #fbe9e7;
            }

            #headernav.navbar-deep-orange .navbar-nav ul li.active a {
                background-color: #f4511e;
                color: #fbe9e7;
            }

        #headernav.navbar-deep-orange .navbar-nav li a {
            color: #fbe9e7;
        }

            #headernav.navbar-deep-orange .navbar-nav li a i {
                color: #fbe9e7;
            }

            #headernav.navbar-deep-orange .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-deep-orange .navbar-nav li.active > a,
        #headernav.navbar-deep-orange .navbar-nav li.active > a i,
        #headernav.navbar-deep-orange .navbar-nav li.active a:hover,
        #headernav.navbar-deep-orange .navbar-nav li.active a:hover i {
            background: #ff7043;
            color: #fbe9e7;
        }

        #headernav.navbar-deep-orange .navbar-nav li a:hover,
        #headernav.navbar-deep-orange .navbar-nav li a:hover i {
            background: #ff7043;
            color: #fff;
        }

        #headernav.navbar-deep-orange .navbar-nav li a:focus,
        #headernav.navbar-deep-orange .navbar-nav li a:focus i {
            background: #ff7043;
            color: #fff;
        }

        #headernav.navbar-deep-orange .navbar-nav li.active ul li a:hover {
            background-color: #ff5722;
            color: #fff;
        }

        #headernav.navbar-deep-orange .navbar-nav li.active ul li.active a:hover {
            background-color: #ff5722;
            color: #fbe9e7;
        }

    #headernav.navbar-deep-orange .navbar-toggle,
    #headernav.navbar-deep-orange .navbar-toggle:hover,
    #headernav.navbar-deep-orange .navbar-toggle:focus {
        background: #ff7043;
        color: #fbe9e7;
        border: none;
    }

#headernav.navbar-lime {
    background: #c0ca33;
}

    #headernav.navbar-lime .navbar-nav {
        background: #c0ca33;
    }

        #headernav.navbar-lime .navbar-nav > .open > a,
        #headernav.navbar-lime .navbar-nav > .open > a i,
        #headernav.navbar-lime .navbar-nav > li:hover > a,
        #headernav.navbar-lime .navbar-nav > li:hover > a i {
            background: #d4e157;
            color: #fff;
        }

        #headernav.navbar-lime .navbar-nav ul {
            background: #c0ca33;
        }

            #headernav.navbar-lime .navbar-nav ul li a {
                color: #f9fbe7;
            }

                #headernav.navbar-lime .navbar-nav ul li a:hover {
                    background: #cddc39;
                    color: #fff;
                }

            #headernav.navbar-lime .navbar-nav ul li.active a:hover {
                background-color: #cddc39;
                color: #f9fbe7;
            }

            #headernav.navbar-lime .navbar-nav ul li.active a {
                background-color: #c0ca33;
                color: #f9fbe7;
            }

        #headernav.navbar-lime .navbar-nav li a {
            color: #f9fbe7;
        }

            #headernav.navbar-lime .navbar-nav li a i {
                color: #f9fbe7;
            }

            #headernav.navbar-lime .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-lime .navbar-nav li.active > a,
        #headernav.navbar-lime .navbar-nav li.active > a i,
        #headernav.navbar-lime .navbar-nav li.active a:hover,
        #headernav.navbar-lime .navbar-nav li.active a:hover i {
            background: #d4e157;
            color: #f9fbe7;
        }

        #headernav.navbar-lime .navbar-nav li a:hover,
        #headernav.navbar-lime .navbar-nav li a:hover i {
            background: #d4e157;
            color: #fff;
        }

        #headernav.navbar-lime .navbar-nav li a:focus,
        #headernav.navbar-lime .navbar-nav li a:focus i {
            background: #d4e157;
            color: #fff;
        }

        #headernav.navbar-lime .navbar-nav li.active ul li a:hover {
            background-color: #cddc39;
            color: #fff;
        }

        #headernav.navbar-lime .navbar-nav li.active ul li.active a:hover {
            background-color: #cddc39;
            color: #f9fbe7;
        }

    #headernav.navbar-lime .navbar-toggle,
    #headernav.navbar-lime .navbar-toggle:hover,
    #headernav.navbar-lime .navbar-toggle:focus {
        background: #d4e157;
        color: #f9fbe7;
        border: none;
    }

#headernav.navbar-amber {
    background: #ffb300;
}

    #headernav.navbar-amber .navbar-nav {
        background: #ffb300;
    }

        #headernav.navbar-amber .navbar-nav > .open > a,
        #headernav.navbar-amber .navbar-nav > .open > a i,
        #headernav.navbar-amber .navbar-nav > li:hover > a,
        #headernav.navbar-amber .navbar-nav > li:hover > a i {
            background: #ffca28;
            color: #fff;
        }

        #headernav.navbar-amber .navbar-nav ul {
            background: #ffb300;
        }

            #headernav.navbar-amber .navbar-nav ul li a {
                color: #fff8e1;
            }

                #headernav.navbar-amber .navbar-nav ul li a:hover {
                    background: #ffc107;
                    color: #fff;
                }

            #headernav.navbar-amber .navbar-nav ul li.active a:hover {
                background-color: #ffc107;
                color: #fff8e1;
            }

            #headernav.navbar-amber .navbar-nav ul li.active a {
                background-color: #ffb300;
                color: #fff8e1;
            }

        #headernav.navbar-amber .navbar-nav li a {
            color: #fff8e1;
        }

            #headernav.navbar-amber .navbar-nav li a i {
                color: #fff8e1;
            }

            #headernav.navbar-amber .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-amber .navbar-nav li.active > a,
        #headernav.navbar-amber .navbar-nav li.active > a i,
        #headernav.navbar-amber .navbar-nav li.active a:hover,
        #headernav.navbar-amber .navbar-nav li.active a:hover i {
            background: #ffca28;
            color: #fff8e1;
        }

        #headernav.navbar-amber .navbar-nav li a:hover,
        #headernav.navbar-amber .navbar-nav li a:hover i {
            background: #ffca28;
            color: #fff;
        }

        #headernav.navbar-amber .navbar-nav li a:focus,
        #headernav.navbar-amber .navbar-nav li a:focus i {
            background: #ffca28;
            color: #fff;
        }

        #headernav.navbar-amber .navbar-nav li.active ul li a:hover {
            background-color: #ffc107;
            color: #fff;
        }

        #headernav.navbar-amber .navbar-nav li.active ul li.active a:hover {
            background-color: #ffc107;
            color: #fff8e1;
        }

    #headernav.navbar-amber .navbar-toggle,
    #headernav.navbar-amber .navbar-toggle:hover,
    #headernav.navbar-amber .navbar-toggle:focus {
        background: #ffca28;
        color: #fff8e1;
        border: none;
    }

#headernav.navbar-gray {
    background: #757575;
}

    #headernav.navbar-gray .navbar-nav {
        background: #757575;
    }

        #headernav.navbar-gray .navbar-nav > .open > a,
        #headernav.navbar-gray .navbar-nav > .open > a i,
        #headernav.navbar-gray .navbar-nav > li:hover > a,
        #headernav.navbar-gray .navbar-nav > li:hover > a i {
            background: #616161;
            color: #fff;
        }

        #headernav.navbar-gray .navbar-nav ul {
            background: #212121;
        }

            #headernav.navbar-gray .navbar-nav ul li a {
                color: #fafafa;
            }

                #headernav.navbar-gray .navbar-nav ul li a:hover {
                    background: #424242;
                    color: #fff;
                }

            #headernav.navbar-gray .navbar-nav ul li.active a:hover {
                background-color: #424242;
                color: #fafafa;
            }

            #headernav.navbar-gray .navbar-nav ul li.active a {
                background-color: #212121;
                color: #fafafa;
            }

        #headernav.navbar-gray .navbar-nav li a {
            color: #fafafa;
        }

            #headernav.navbar-gray .navbar-nav li a i {
                color: #fafafa;
            }

            #headernav.navbar-gray .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-gray .navbar-nav li.active > a,
        #headernav.navbar-gray .navbar-nav li.active > a i,
        #headernav.navbar-gray .navbar-nav li.active a:hover,
        #headernav.navbar-gray .navbar-nav li.active a:hover i {
            background: #616161;
            color: #fafafa;
        }

        #headernav.navbar-gray .navbar-nav li a:hover,
        #headernav.navbar-gray .navbar-nav li a:hover i {
            background: #616161;
            color: #fff;
        }

        #headernav.navbar-gray .navbar-nav li a:focus,
        #headernav.navbar-gray .navbar-nav li a:focus i {
            background: #616161;
            color: #fff;
        }

        #headernav.navbar-gray .navbar-nav li.active ul li a:hover {
            background-color: #424242;
            color: #fff;
        }

        #headernav.navbar-gray .navbar-nav li.active ul li.active a:hover {
            background-color: #424242;
            color: #fafafa;
        }

    #headernav.navbar-gray .navbar-toggle,
    #headernav.navbar-gray .navbar-toggle:hover,
    #headernav.navbar-gray .navbar-toggle:focus {
        background: #616161;
        color: #fafafa;
        border: none;
    }

#headernav.navbar-light-blue {
    background: #039be5;
}

    #headernav.navbar-light-blue .navbar-nav {
        background: #039be5;
    }

        #headernav.navbar-light-blue .navbar-nav > .open > a,
        #headernav.navbar-light-blue .navbar-nav > .open > a i,
        #headernav.navbar-light-blue .navbar-nav > li:hover > a,
        #headernav.navbar-light-blue .navbar-nav > li:hover > a i {
            background: #29b6f6;
            color: #fff;
        }

        #headernav.navbar-light-blue .navbar-nav ul {
            background: #039be5;
        }

            #headernav.navbar-light-blue .navbar-nav ul li a {
                color: #e1f5fe;
            }

                #headernav.navbar-light-blue .navbar-nav ul li a:hover {
                    background: #03a9f4;
                    color: #fff;
                }

            #headernav.navbar-light-blue .navbar-nav ul li.active a:hover {
                background-color: #03a9f4;
                color: #e1f5fe;
            }

            #headernav.navbar-light-blue .navbar-nav ul li.active a {
                background-color: #039be5;
                color: #e1f5fe;
            }

        #headernav.navbar-light-blue .navbar-nav li a {
            color: #e1f5fe;
        }

            #headernav.navbar-light-blue .navbar-nav li a i {
                color: #e1f5fe;
            }

            #headernav.navbar-light-blue .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-light-blue .navbar-nav li.active > a,
        #headernav.navbar-light-blue .navbar-nav li.active > a i,
        #headernav.navbar-light-blue .navbar-nav li.active a:hover,
        #headernav.navbar-light-blue .navbar-nav li.active a:hover i {
            background: #29b6f6;
            color: #e1f5fe;
        }

        #headernav.navbar-light-blue .navbar-nav li a:hover,
        #headernav.navbar-light-blue .navbar-nav li a:hover i {
            background: #29b6f6;
            color: #fff;
        }

        #headernav.navbar-light-blue .navbar-nav li a:focus,
        #headernav.navbar-light-blue .navbar-nav li a:focus i {
            background: #29b6f6;
            color: #fff;
        }

        #headernav.navbar-light-blue .navbar-nav li.active ul li a:hover {
            background-color: #03a9f4;
            color: #fff;
        }

        #headernav.navbar-light-blue .navbar-nav li.active ul li.active a:hover {
            background-color: #03a9f4;
            color: #e1f5fe;
        }

    #headernav.navbar-light-blue .navbar-toggle,
    #headernav.navbar-light-blue .navbar-toggle:hover,
    #headernav.navbar-light-blue .navbar-toggle:focus {
        background: #29b6f6;
        color: #e1f5fe;
        border: none;
    }

#headernav.navbar-yellow {
    background: #fdd835;
}

    #headernav.navbar-yellow .navbar-nav {
        background: #fdd835;
    }

        #headernav.navbar-yellow .navbar-nav > .open > a,
        #headernav.navbar-yellow .navbar-nav > .open > a i,
        #headernav.navbar-yellow .navbar-nav > li:hover > a,
        #headernav.navbar-yellow .navbar-nav > li:hover > a i {
            background: #ffee58;
            color: #fff;
        }

        #headernav.navbar-yellow .navbar-nav ul {
            background: #fdd835;
        }

            #headernav.navbar-yellow .navbar-nav ul li a {
                color: #fffde7;
            }

                #headernav.navbar-yellow .navbar-nav ul li a:hover {
                    background: #ffeb3b;
                    color: #fff;
                }

            #headernav.navbar-yellow .navbar-nav ul li.active a:hover {
                background-color: #ffeb3b;
                color: #fffde7;
            }

            #headernav.navbar-yellow .navbar-nav ul li.active a {
                background-color: #fdd835;
                color: #fffde7;
            }

        #headernav.navbar-yellow .navbar-nav li a {
            color: #fffde7;
        }

            #headernav.navbar-yellow .navbar-nav li a i {
                color: #fffde7;
            }

            #headernav.navbar-yellow .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-yellow .navbar-nav li.active > a,
        #headernav.navbar-yellow .navbar-nav li.active > a i,
        #headernav.navbar-yellow .navbar-nav li.active a:hover,
        #headernav.navbar-yellow .navbar-nav li.active a:hover i {
            background: #ffee58;
            color: #fffde7;
        }

        #headernav.navbar-yellow .navbar-nav li a:hover,
        #headernav.navbar-yellow .navbar-nav li a:hover i {
            background: #ffee58;
            color: #fff;
        }

        #headernav.navbar-yellow .navbar-nav li a:focus,
        #headernav.navbar-yellow .navbar-nav li a:focus i {
            background: #ffee58;
            color: #fff;
        }

        #headernav.navbar-yellow .navbar-nav li.active ul li a:hover {
            background-color: #ffeb3b;
            color: #fff;
        }

        #headernav.navbar-yellow .navbar-nav li.active ul li.active a:hover {
            background-color: #ffeb3b;
            color: #fffde7;
        }

    #headernav.navbar-yellow .navbar-toggle,
    #headernav.navbar-yellow .navbar-toggle:hover,
    #headernav.navbar-yellow .navbar-toggle:focus {
        background: #ffee58;
        color: #fffde7;
        border: none;
    }

#headernav.navbar-bleachedcedar {
    background: #546e7a;
}

    #headernav.navbar-bleachedcedar .navbar-nav {
        background: #546e7a;
    }

        #headernav.navbar-bleachedcedar .navbar-nav > .open > a,
        #headernav.navbar-bleachedcedar .navbar-nav > .open > a i,
        #headernav.navbar-bleachedcedar .navbar-nav > li:hover > a,
        #headernav.navbar-bleachedcedar .navbar-nav > li:hover > a i {
            background: #455a64;
            color: #fff;
        }

        #headernav.navbar-bleachedcedar .navbar-nav ul {
            background: #263238;
        }

            #headernav.navbar-bleachedcedar .navbar-nav ul li a {
                color: #eceff1;
            }

                #headernav.navbar-bleachedcedar .navbar-nav ul li a:hover {
                    background: #37474f;
                    color: #fff;
                }

            #headernav.navbar-bleachedcedar .navbar-nav ul li.active a:hover {
                background-color: #37474f;
                color: #eceff1;
            }

            #headernav.navbar-bleachedcedar .navbar-nav ul li.active a {
                background-color: #263238;
                color: #eceff1;
            }

        #headernav.navbar-bleachedcedar .navbar-nav li a {
            color: #eceff1;
        }

            #headernav.navbar-bleachedcedar .navbar-nav li a i {
                color: #eceff1;
            }

            #headernav.navbar-bleachedcedar .navbar-nav li a .ink {
                background-color: #ffffff;
            }

        #headernav.navbar-bleachedcedar .navbar-nav li.active > a,
        #headernav.navbar-bleachedcedar .navbar-nav li.active > a i,
        #headernav.navbar-bleachedcedar .navbar-nav li.active a:hover,
        #headernav.navbar-bleachedcedar .navbar-nav li.active a:hover i {
            background: #455a64;
            color: #eceff1;
        }

        #headernav.navbar-bleachedcedar .navbar-nav li a:hover,
        #headernav.navbar-bleachedcedar .navbar-nav li a:hover i {
            background: #455a64;
            color: #fff;
        }

        #headernav.navbar-bleachedcedar .navbar-nav li a:focus,
        #headernav.navbar-bleachedcedar .navbar-nav li a:focus i {
            background: #455a64;
            color: #fff;
        }

        #headernav.navbar-bleachedcedar .navbar-nav li.active ul li a:hover {
            background-color: #37474f;
            color: #fff;
        }

        #headernav.navbar-bleachedcedar .navbar-nav li.active ul li.active a:hover {
            background-color: #37474f;
            color: #eceff1;
        }

    #headernav.navbar-bleachedcedar .navbar-toggle,
    #headernav.navbar-bleachedcedar .navbar-toggle:hover,
    #headernav.navbar-bleachedcedar .navbar-toggle:focus {
        background: #455a64;
        color: #eceff1;
        border: none;
    }

#topnav.navbar-bluegray {
    background: #607d8b;
}

    #topnav.navbar-bluegray .logo-area .toolbar-trigger a {
        border-color: #90a4ae;
        background-color: #607d8b;
    }

        #topnav.navbar-bluegray .logo-area .toolbar-trigger a span.icon-bg i {
            color: #cfd8dc;
        }

        #topnav.navbar-bluegray .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #607d8b;
        }

            #topnav.navbar-bluegray .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #eceff1;
            }

    #topnav.navbar-bluegray .logo-area ul.navbar-nav li a {
        color: #cfd8dc;
        border-color: #90a4ae;
    }

        #topnav.navbar-bluegray .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-bluegray .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-bluegray .logo-area ul.navbar-nav li a.active {
            color: #eceff1;
            background-color: #607d8b;
        }

        #topnav.navbar-bluegray .logo-area ul.navbar-nav li a .ink {
            background-color: #8aa2ae;
        }

    #topnav.navbar-bluegray #trigger-infobar > a .ink {
        background-color: #8aa2ae;
    }

    #topnav.navbar-bluegray .toolbar-icon-bg > a,
    #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #90a4ae;
    }

        #topnav.navbar-bluegray .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #607d8b;
        }

            #topnav.navbar-bluegray .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #cfd8dc;
            }

        #topnav.navbar-bluegray .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-bluegray .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-bluegray .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #607d8b;
        }

            #topnav.navbar-bluegray .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-bluegray .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-bluegray .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #eceff1;
            }

        #topnav.navbar-bluegray .toolbar-icon-bg > a .ink,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #8aa2ae;
        }

        #topnav.navbar-bluegray .toolbar-icon-bg > a:hover,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-bluegray .toolbar-icon-bg > a:focus,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-bluegray .toolbar-icon-bg > a.active,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #eceff1;
        }

    #topnav.navbar-bluegray .toolbar-icon-bg.open > a,
    #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #eceff1;
    }

        #topnav.navbar-bluegray .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #eceff1;
            background-color: #607d8b;
        }

        #topnav.navbar-bluegray .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #eceff1;
            background-color: #607d8b;
        }

            #topnav.navbar-bluegray .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #eceff1;
            }

            #topnav.navbar-bluegray .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-bluegray .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-bluegray .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #eceff1;
                background-color: #607d8b;
            }

    #topnav.navbar-bluegray .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-bluegray .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #607d8b;
        color: #eceff1;
    }

    #topnav.navbar-bluegray a.username:hover,
    #topnav.navbar-bluegray a.username:focus,
    #topnav.navbar-bluegray a.username:visited {
        background-color: #607d8b;
    }

    #topnav.navbar-bluegray a.nav-username {
        color: #cfd8dc;
    }

        #topnav.navbar-bluegray a.nav-username:hover,
        #topnav.navbar-bluegray a.nav-username:focus,
        #topnav.navbar-bluegray a.nav-username.active {
            color: #eceff1;
            background-color: #607d8b;
        }

    #topnav.navbar-bluegray #search-input {
        color: #eceff1;
    }

        #topnav.navbar-bluegray #search-input::-moz-placeholder {
            color: #90a4ae;
            opacity: 1;
        }

        #topnav.navbar-bluegray #search-input:-ms-input-placeholder {
            color: #90a4ae;
        }

        #topnav.navbar-bluegray #search-input::-webkit-input-placeholder {
            color: #90a4ae;
        }

#topnav.navbar-default {
    background: #fafafa;
}

    #topnav.navbar-default .logo-area .toolbar-trigger a {
        border-color: #9e9e9e;
        background-color: #fafafa;
    }

        #topnav.navbar-default .logo-area .toolbar-trigger a span.icon-bg i {
            color: #757575;
        }

        #topnav.navbar-default .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #fafafa;
        }

            #topnav.navbar-default .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #212121;
            }

    #topnav.navbar-default .logo-area ul.navbar-nav li a {
        color: #757575;
        border-color: #9e9e9e;
    }

        #topnav.navbar-default .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-default .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-default .logo-area ul.navbar-nav li a.active {
            color: #212121;
            background-color: #fafafa;
        }

        #topnav.navbar-default .logo-area ul.navbar-nav li a .ink {
            background-color: #ffffff;
        }

    #topnav.navbar-default #trigger-infobar > a .ink {
        background-color: #ffffff;
    }

    #topnav.navbar-default .toolbar-icon-bg > a,
    #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #9e9e9e;
    }

        #topnav.navbar-default .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #fafafa;
        }

            #topnav.navbar-default .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #757575;
            }

        #topnav.navbar-default .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-default .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-default .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #fafafa;
        }

            #topnav.navbar-default .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-default .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-default .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #212121;
            }

        #topnav.navbar-default .toolbar-icon-bg > a .ink,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #ffffff;
        }

        #topnav.navbar-default .toolbar-icon-bg > a:hover,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-default .toolbar-icon-bg > a:focus,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-default .toolbar-icon-bg > a.active,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #212121;
        }

    #topnav.navbar-default .toolbar-icon-bg.open > a,
    #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #212121;
    }

        #topnav.navbar-default .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #212121;
            background-color: #fafafa;
        }

        #topnav.navbar-default .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #212121;
            background-color: #fafafa;
        }

            #topnav.navbar-default .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #212121;
            }

            #topnav.navbar-default .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-default .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-default .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #212121;
                background-color: #fafafa;
            }

    #topnav.navbar-default .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-default .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #fafafa;
        color: #212121;
    }

    #topnav.navbar-default a.username:hover,
    #topnav.navbar-default a.username:focus,
    #topnav.navbar-default a.username:visited {
        background-color: #fafafa;
    }

    #topnav.navbar-default a.nav-username {
        color: #757575;
    }

        #topnav.navbar-default a.nav-username:hover,
        #topnav.navbar-default a.nav-username:focus,
        #topnav.navbar-default a.nav-username.active {
            color: #212121;
            background-color: #fafafa;
        }

    #topnav.navbar-default #search-input {
        color: #212121;
    }

        #topnav.navbar-default #search-input::-moz-placeholder {
            color: #9e9e9e;
            opacity: 1;
        }

        #topnav.navbar-default #search-input:-ms-input-placeholder {
            color: #9e9e9e;
        }

        #topnav.navbar-default #search-input::-webkit-input-placeholder {
            color: #9e9e9e;
        }

    #topnav.navbar-default #search-input {
        color: rgba(0, 0, 0, 0.87);
    }

#topnav.navbar-orange {
    background: #ff9800;
}

    #topnav.navbar-orange .logo-area .toolbar-trigger a {
        border-color: #ffcc80;
        background-color: #ff9800;
    }

        #topnav.navbar-orange .logo-area .toolbar-trigger a span.icon-bg i {
            color: #ffe0b2;
        }

        #topnav.navbar-orange .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #ff9800;
        }

            #topnav.navbar-orange .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fff3e0;
            }

    #topnav.navbar-orange .logo-area ul.navbar-nav li a {
        color: #ffe0b2;
        border-color: #ffcc80;
    }

        #topnav.navbar-orange .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-orange .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-orange .logo-area ul.navbar-nav li a.active {
            color: #fff3e0;
            background-color: #ff9800;
        }

        #topnav.navbar-orange .logo-area ul.navbar-nav li a .ink {
            background-color: #ffb74d;
        }

    #topnav.navbar-orange #trigger-infobar > a .ink {
        background-color: #ffb74d;
    }

    #topnav.navbar-orange .toolbar-icon-bg > a,
    #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #ffcc80;
    }

        #topnav.navbar-orange .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #ff9800;
        }

            #topnav.navbar-orange .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #ffe0b2;
            }

        #topnav.navbar-orange .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-orange .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-orange .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #ff9800;
        }

            #topnav.navbar-orange .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-orange .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-orange .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fff3e0;
            }

        #topnav.navbar-orange .toolbar-icon-bg > a .ink,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #ffb74d;
        }

        #topnav.navbar-orange .toolbar-icon-bg > a:hover,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-orange .toolbar-icon-bg > a:focus,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-orange .toolbar-icon-bg > a.active,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fff3e0;
        }

    #topnav.navbar-orange .toolbar-icon-bg.open > a,
    #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fff3e0;
    }

        #topnav.navbar-orange .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fff3e0;
            background-color: #ff9800;
        }

        #topnav.navbar-orange .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fff3e0;
            background-color: #ff9800;
        }

            #topnav.navbar-orange .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fff3e0;
            }

            #topnav.navbar-orange .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-orange .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-orange .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fff3e0;
                background-color: #ff9800;
            }

    #topnav.navbar-orange .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-orange .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #ff9800;
        color: #fff3e0;
    }

    #topnav.navbar-orange a.username:hover,
    #topnav.navbar-orange a.username:focus,
    #topnav.navbar-orange a.username:visited {
        background-color: #ff9800;
    }

    #topnav.navbar-orange a.nav-username {
        color: #ffe0b2;
    }

        #topnav.navbar-orange a.nav-username:hover,
        #topnav.navbar-orange a.nav-username:focus,
        #topnav.navbar-orange a.nav-username.active {
            color: #fff3e0;
            background-color: #ff9800;
        }

    #topnav.navbar-orange #search-input {
        color: #fff3e0;
    }

        #topnav.navbar-orange #search-input::-moz-placeholder {
            color: #ffcc80;
            opacity: 1;
        }

        #topnav.navbar-orange #search-input:-ms-input-placeholder {
            color: #ffcc80;
        }

        #topnav.navbar-orange #search-input::-webkit-input-placeholder {
            color: #ffcc80;
        }

#topnav.navbar-blue {
    background: #2196f3;
}

    #topnav.navbar-blue .logo-area .toolbar-trigger a {
        border-color: #64b5f6;
        background-color: #2196f3;
    }

        #topnav.navbar-blue .logo-area .toolbar-trigger a span.icon-bg i {
            color: #bbdefb;
        }

        #topnav.navbar-blue .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #2196f3;
        }

            #topnav.navbar-blue .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #e3f2fd;
            }

    #topnav.navbar-blue .logo-area ul.navbar-nav li a {
        color: #bbdefb;
        border-color: #64b5f6;
    }

        #topnav.navbar-blue .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-blue .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-blue .logo-area ul.navbar-nav li a.active {
            color: #e3f2fd;
            background-color: #2196f3;
        }

        #topnav.navbar-blue .logo-area ul.navbar-nav li a .ink {
            background-color: #6ab8f7;
        }

    #topnav.navbar-blue #trigger-infobar > a .ink {
        background-color: #6ab8f7;
    }

    #topnav.navbar-blue .toolbar-icon-bg > a,
    #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #64b5f6;
    }

        #topnav.navbar-blue .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #2196f3;
        }

            #topnav.navbar-blue .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #bbdefb;
            }

        #topnav.navbar-blue .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-blue .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-blue .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #2196f3;
        }

            #topnav.navbar-blue .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-blue .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-blue .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #e3f2fd;
            }

        #topnav.navbar-blue .toolbar-icon-bg > a .ink,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #6ab8f7;
        }

        #topnav.navbar-blue .toolbar-icon-bg > a:hover,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-blue .toolbar-icon-bg > a:focus,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-blue .toolbar-icon-bg > a.active,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #e3f2fd;
        }

    #topnav.navbar-blue .toolbar-icon-bg.open > a,
    #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e3f2fd;
    }

        #topnav.navbar-blue .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #e3f2fd;
            background-color: #2196f3;
        }

        #topnav.navbar-blue .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #e3f2fd;
            background-color: #2196f3;
        }

            #topnav.navbar-blue .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e3f2fd;
            }

            #topnav.navbar-blue .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-blue .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-blue .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #e3f2fd;
                background-color: #2196f3;
            }

    #topnav.navbar-blue .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #2196f3;
        color: #e3f2fd;
    }

    #topnav.navbar-blue a.username:hover,
    #topnav.navbar-blue a.username:focus,
    #topnav.navbar-blue a.username:visited {
        background-color: #2196f3;
    }

    #topnav.navbar-blue a.nav-username {
        color: #bbdefb;
    }

        #topnav.navbar-blue a.nav-username:hover,
        #topnav.navbar-blue a.nav-username:focus,
        #topnav.navbar-blue a.nav-username.active {
            color: #e3f2fd;
            background-color: #2196f3;
        }

    #topnav.navbar-blue #search-input {
        color: #e3f2fd;
    }

        #topnav.navbar-blue #search-input::-moz-placeholder {
            color: #64b5f6;
            opacity: 1;
        }

        #topnav.navbar-blue #search-input:-ms-input-placeholder {
            color: #64b5f6;
        }

        #topnav.navbar-blue #search-input::-webkit-input-placeholder {
            color: #64b5f6;
        }

#topnav.navbar-teal {
    background: #009688;
}

    #topnav.navbar-teal .logo-area .toolbar-trigger a {
        border-color: #4db6ac;
        background-color: #009688;
    }

        #topnav.navbar-teal .logo-area .toolbar-trigger a span.icon-bg i {
            color: #b2dfdb;
        }

        #topnav.navbar-teal .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #009688;
        }

            #topnav.navbar-teal .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #e0f2f1;
            }

    #topnav.navbar-teal .logo-area ul.navbar-nav li a {
        color: #b2dfdb;
        border-color: #4db6ac;
    }

        #topnav.navbar-teal .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-teal .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-teal .logo-area ul.navbar-nav li a.active {
            color: #e0f2f1;
            background-color: #009688;
        }

        #topnav.navbar-teal .logo-area ul.navbar-nav li a .ink {
            background-color: #00e3cd;
        }

    #topnav.navbar-teal #trigger-infobar > a .ink {
        background-color: #00e3cd;
    }

    #topnav.navbar-teal .toolbar-icon-bg > a,
    #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #4db6ac;
    }

        #topnav.navbar-teal .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #009688;
        }

            #topnav.navbar-teal .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #b2dfdb;
            }

        #topnav.navbar-teal .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-teal .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-teal .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #009688;
        }

            #topnav.navbar-teal .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-teal .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-teal .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #e0f2f1;
            }

        #topnav.navbar-teal .toolbar-icon-bg > a .ink,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #00e3cd;
        }

        #topnav.navbar-teal .toolbar-icon-bg > a:hover,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-teal .toolbar-icon-bg > a:focus,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-teal .toolbar-icon-bg > a.active,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #e0f2f1;
        }

    #topnav.navbar-teal .toolbar-icon-bg.open > a,
    #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e0f2f1;
    }

        #topnav.navbar-teal .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #e0f2f1;
            background-color: #009688;
        }

        #topnav.navbar-teal .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #e0f2f1;
            background-color: #009688;
        }

            #topnav.navbar-teal .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e0f2f1;
            }

            #topnav.navbar-teal .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-teal .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-teal .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #e0f2f1;
                background-color: #009688;
            }

    #topnav.navbar-teal .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-teal .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #009688;
        color: #e0f2f1;
    }

    #topnav.navbar-teal a.username:hover,
    #topnav.navbar-teal a.username:focus,
    #topnav.navbar-teal a.username:visited {
        background-color: #009688;
    }

    #topnav.navbar-teal a.nav-username {
        color: #b2dfdb;
    }

        #topnav.navbar-teal a.nav-username:hover,
        #topnav.navbar-teal a.nav-username:focus,
        #topnav.navbar-teal a.nav-username.active {
            color: #e0f2f1;
            background-color: #009688;
        }

    #topnav.navbar-teal #search-input {
        color: #e0f2f1;
    }

        #topnav.navbar-teal #search-input::-moz-placeholder {
            color: #4db6ac;
            opacity: 1;
        }

        #topnav.navbar-teal #search-input:-ms-input-placeholder {
            color: #4db6ac;
        }

        #topnav.navbar-teal #search-input::-webkit-input-placeholder {
            color: #4db6ac;
        }

#topnav.navbar-purple {
    background: #9c27b0;
}

    #topnav.navbar-purple .logo-area .toolbar-trigger a {
        border-color: #ce93d8;
        background-color: #9c27b0;
    }

        #topnav.navbar-purple .logo-area .toolbar-trigger a span.icon-bg i {
            color: #e1bee7;
        }

        #topnav.navbar-purple .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #9c27b0;
        }

            #topnav.navbar-purple .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #f3e5f5;
            }

    #topnav.navbar-purple .logo-area ul.navbar-nav li a {
        color: #e1bee7;
        border-color: #ce93d8;
    }

        #topnav.navbar-purple .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-purple .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-purple .logo-area ul.navbar-nav li a.active {
            color: #f3e5f5;
            background-color: #9c27b0;
        }

        #topnav.navbar-purple .logo-area ul.navbar-nav li a .ink {
            background-color: #c34cd7;
        }

    #topnav.navbar-purple #trigger-infobar > a .ink {
        background-color: #c34cd7;
    }

    #topnav.navbar-purple .toolbar-icon-bg > a,
    #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #ce93d8;
    }

        #topnav.navbar-purple .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #9c27b0;
        }

            #topnav.navbar-purple .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #e1bee7;
            }

        #topnav.navbar-purple .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-purple .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-purple .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #9c27b0;
        }

            #topnav.navbar-purple .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-purple .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-purple .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #f3e5f5;
            }

        #topnav.navbar-purple .toolbar-icon-bg > a .ink,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #c34cd7;
        }

        #topnav.navbar-purple .toolbar-icon-bg > a:hover,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-purple .toolbar-icon-bg > a:focus,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-purple .toolbar-icon-bg > a.active,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #f3e5f5;
        }

    #topnav.navbar-purple .toolbar-icon-bg.open > a,
    #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #f3e5f5;
    }

        #topnav.navbar-purple .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #f3e5f5;
            background-color: #9c27b0;
        }

        #topnav.navbar-purple .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #f3e5f5;
            background-color: #9c27b0;
        }

            #topnav.navbar-purple .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #f3e5f5;
            }

            #topnav.navbar-purple .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-purple .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-purple .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #f3e5f5;
                background-color: #9c27b0;
            }

    #topnav.navbar-purple .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-purple .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #9c27b0;
        color: #f3e5f5;
    }

    #topnav.navbar-purple a.username:hover,
    #topnav.navbar-purple a.username:focus,
    #topnav.navbar-purple a.username:visited {
        background-color: #9c27b0;
    }

    #topnav.navbar-purple a.nav-username {
        color: #e1bee7;
    }

        #topnav.navbar-purple a.nav-username:hover,
        #topnav.navbar-purple a.nav-username:focus,
        #topnav.navbar-purple a.nav-username.active {
            color: #f3e5f5;
            background-color: #9c27b0;
        }

    #topnav.navbar-purple #search-input {
        color: #f3e5f5;
    }

        #topnav.navbar-purple #search-input::-moz-placeholder {
            color: #ce93d8;
            opacity: 1;
        }

        #topnav.navbar-purple #search-input:-ms-input-placeholder {
            color: #ce93d8;
        }

        #topnav.navbar-purple #search-input::-webkit-input-placeholder {
            color: #ce93d8;
        }

#topnav.navbar-indigo {
    background: #3f51b5;
}

    #topnav.navbar-indigo .logo-area .toolbar-trigger a {
        border-color: #9fa8da;
        background-color: #3f51b5;
    }

        #topnav.navbar-indigo .logo-area .toolbar-trigger a span.icon-bg i {
            color: #c5cae9;
        }

        #topnav.navbar-indigo .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #3f51b5;
        }

            #topnav.navbar-indigo .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #e8eaf6;
            }

    #topnav.navbar-indigo .logo-area ul.navbar-nav li a {
        color: #c5cae9;
        border-color: #9fa8da;
    }

        #topnav.navbar-indigo .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-indigo .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-indigo .logo-area ul.navbar-nav li a.active {
            color: #e8eaf6;
            background-color: #3f51b5;
        }

        #topnav.navbar-indigo .logo-area ul.navbar-nav li a .ink {
            background-color: #7280ce;
        }

    #topnav.navbar-indigo #trigger-infobar > a .ink {
        background-color: #7280ce;
    }

    #topnav.navbar-indigo .toolbar-icon-bg > a,
    #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #9fa8da;
    }

        #topnav.navbar-indigo .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #3f51b5;
        }

            #topnav.navbar-indigo .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #c5cae9;
            }

        #topnav.navbar-indigo .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-indigo .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-indigo .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #3f51b5;
        }

            #topnav.navbar-indigo .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-indigo .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-indigo .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #e8eaf6;
            }

        #topnav.navbar-indigo .toolbar-icon-bg > a .ink,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #7280ce;
        }

        #topnav.navbar-indigo .toolbar-icon-bg > a:hover,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-indigo .toolbar-icon-bg > a:focus,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-indigo .toolbar-icon-bg > a.active,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #e8eaf6;
        }

    #topnav.navbar-indigo .toolbar-icon-bg.open > a,
    #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e8eaf6;
    }

        #topnav.navbar-indigo .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #e8eaf6;
            background-color: #3f51b5;
        }

        #topnav.navbar-indigo .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #e8eaf6;
            background-color: #3f51b5;
        }

            #topnav.navbar-indigo .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e8eaf6;
            }

            #topnav.navbar-indigo .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-indigo .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-indigo .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #e8eaf6;
                background-color: #3f51b5;
            }

    #topnav.navbar-indigo .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-indigo .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #3f51b5;
        color: #e8eaf6;
    }

    #topnav.navbar-indigo a.username:hover,
    #topnav.navbar-indigo a.username:focus,
    #topnav.navbar-indigo a.username:visited {
        background-color: #3f51b5;
    }

    #topnav.navbar-indigo a.nav-username {
        color: #c5cae9;
    }

        #topnav.navbar-indigo a.nav-username:hover,
        #topnav.navbar-indigo a.nav-username:focus,
        #topnav.navbar-indigo a.nav-username.active {
            color: #e8eaf6;
            background-color: #3f51b5;
        }

    #topnav.navbar-indigo #search-input {
        color: #e8eaf6;
    }

        #topnav.navbar-indigo #search-input::-moz-placeholder {
            color: #9fa8da;
            opacity: 1;
        }

        #topnav.navbar-indigo #search-input:-ms-input-placeholder {
            color: #9fa8da;
        }

        #topnav.navbar-indigo #search-input::-webkit-input-placeholder {
            color: #9fa8da;
        }

#topnav.navbar-cyan {
    background: #00bcd4;
}

    #topnav.navbar-cyan .logo-area .toolbar-trigger a {
        border-color: #80deea;
        background-color: #00bcd4;
    }

        #topnav.navbar-cyan .logo-area .toolbar-trigger a span.icon-bg i {
            color: #b2ebf2;
        }

        #topnav.navbar-cyan .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #00bcd4;
        }

            #topnav.navbar-cyan .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #e0f7fa;
            }

    #topnav.navbar-cyan .logo-area ul.navbar-nav li a {
        color: #b2ebf2;
        border-color: #80deea;
    }

        #topnav.navbar-cyan .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-cyan .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-cyan .logo-area ul.navbar-nav li a.active {
            color: #e0f7fa;
            background-color: #00bcd4;
        }

        #topnav.navbar-cyan .logo-area ul.navbar-nav li a .ink {
            background-color: #21e6ff;
        }

    #topnav.navbar-cyan #trigger-infobar > a .ink {
        background-color: #21e6ff;
    }

    #topnav.navbar-cyan .toolbar-icon-bg > a,
    #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #80deea;
    }

        #topnav.navbar-cyan .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #00bcd4;
        }

            #topnav.navbar-cyan .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #b2ebf2;
            }

        #topnav.navbar-cyan .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-cyan .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-cyan .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #00bcd4;
        }

            #topnav.navbar-cyan .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-cyan .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-cyan .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #e0f7fa;
            }

        #topnav.navbar-cyan .toolbar-icon-bg > a .ink,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #21e6ff;
        }

        #topnav.navbar-cyan .toolbar-icon-bg > a:hover,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-cyan .toolbar-icon-bg > a:focus,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-cyan .toolbar-icon-bg > a.active,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #e0f7fa;
        }

    #topnav.navbar-cyan .toolbar-icon-bg.open > a,
    #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e0f7fa;
    }

        #topnav.navbar-cyan .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #e0f7fa;
            background-color: #00bcd4;
        }

        #topnav.navbar-cyan .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #e0f7fa;
            background-color: #00bcd4;
        }

            #topnav.navbar-cyan .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e0f7fa;
            }

            #topnav.navbar-cyan .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-cyan .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-cyan .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #e0f7fa;
                background-color: #00bcd4;
            }

    #topnav.navbar-cyan .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-cyan .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #00bcd4;
        color: #e0f7fa;
    }

    #topnav.navbar-cyan a.username:hover,
    #topnav.navbar-cyan a.username:focus,
    #topnav.navbar-cyan a.username:visited {
        background-color: #00bcd4;
    }

    #topnav.navbar-cyan a.nav-username {
        color: #b2ebf2;
    }

        #topnav.navbar-cyan a.nav-username:hover,
        #topnav.navbar-cyan a.nav-username:focus,
        #topnav.navbar-cyan a.nav-username.active {
            color: #e0f7fa;
            background-color: #00bcd4;
        }

    #topnav.navbar-cyan #search-input {
        color: #e0f7fa;
    }

        #topnav.navbar-cyan #search-input::-moz-placeholder {
            color: #80deea;
            opacity: 1;
        }

        #topnav.navbar-cyan #search-input:-ms-input-placeholder {
            color: #80deea;
        }

        #topnav.navbar-cyan #search-input::-webkit-input-placeholder {
            color: #80deea;
        }

#topnav.navbar-red {
    background: #e51c23;
}

    #topnav.navbar-red .logo-area .toolbar-trigger a {
        border-color: #f69988;
        background-color: #e51c23;
    }

        #topnav.navbar-red .logo-area .toolbar-trigger a span.icon-bg i {
            color: #f9bdbb;
        }

        #topnav.navbar-red .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #e51c23;
        }

            #topnav.navbar-red .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fde0dc;
            }

    #topnav.navbar-red .logo-area ul.navbar-nav li a {
        color: #f9bdbb;
        border-color: #f69988;
    }

        #topnav.navbar-red .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-red .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-red .logo-area ul.navbar-nav li a.active {
            color: #fde0dc;
            background-color: #e51c23;
        }

        #topnav.navbar-red .logo-area ul.navbar-nav li a .ink {
            background-color: #ed6166;
        }

    #topnav.navbar-red #trigger-infobar > a .ink {
        background-color: #ed6166;
    }

    #topnav.navbar-red .toolbar-icon-bg > a,
    #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #f69988;
    }

        #topnav.navbar-red .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #e51c23;
        }

            #topnav.navbar-red .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #f9bdbb;
            }

        #topnav.navbar-red .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-red .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-red .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #e51c23;
        }

            #topnav.navbar-red .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-red .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-red .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fde0dc;
            }

        #topnav.navbar-red .toolbar-icon-bg > a .ink,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #ed6166;
        }

        #topnav.navbar-red .toolbar-icon-bg > a:hover,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-red .toolbar-icon-bg > a:focus,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-red .toolbar-icon-bg > a.active,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fde0dc;
        }

    #topnav.navbar-red .toolbar-icon-bg.open > a,
    #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fde0dc;
    }

        #topnav.navbar-red .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fde0dc;
            background-color: #e51c23;
        }

        #topnav.navbar-red .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fde0dc;
            background-color: #e51c23;
        }

            #topnav.navbar-red .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fde0dc;
            }

            #topnav.navbar-red .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-red .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-red .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fde0dc;
                background-color: #e51c23;
            }

    #topnav.navbar-red .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-red .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #e51c23;
        color: #fde0dc;
    }

    #topnav.navbar-red a.username:hover,
    #topnav.navbar-red a.username:focus,
    #topnav.navbar-red a.username:visited {
        background-color: #e51c23;
    }

    #topnav.navbar-red a.nav-username {
        color: #f9bdbb;
    }

        #topnav.navbar-red a.nav-username:hover,
        #topnav.navbar-red a.nav-username:focus,
        #topnav.navbar-red a.nav-username.active {
            color: #fde0dc;
            background-color: #e51c23;
        }

    #topnav.navbar-red #search-input {
        color: #fde0dc;
    }

        #topnav.navbar-red #search-input::-moz-placeholder {
            color: #f69988;
            opacity: 1;
        }

        #topnav.navbar-red #search-input:-ms-input-placeholder {
            color: #f69988;
        }

        #topnav.navbar-red #search-input::-webkit-input-placeholder {
            color: #f69988;
        }

#topnav.navbar-pink {
    background: #e91e63;
}

    #topnav.navbar-pink .logo-area .toolbar-trigger a {
        border-color: #f48fb1;
        background-color: #e91e63;
    }

        #topnav.navbar-pink .logo-area .toolbar-trigger a span.icon-bg i {
            color: #f8bbd0;
        }

        #topnav.navbar-pink .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #e91e63;
        }

            #topnav.navbar-pink .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fce4ec;
            }

    #topnav.navbar-pink .logo-area ul.navbar-nav li a {
        color: #f8bbd0;
        border-color: #f48fb1;
    }

        #topnav.navbar-pink .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-pink .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-pink .logo-area ul.navbar-nav li a.active {
            color: #fce4ec;
            background-color: #e91e63;
        }

        #topnav.navbar-pink .logo-area ul.navbar-nav li a .ink {
            background-color: #f06493;
        }

    #topnav.navbar-pink #trigger-infobar > a .ink {
        background-color: #f06493;
    }

    #topnav.navbar-pink .toolbar-icon-bg > a,
    #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #f48fb1;
    }

        #topnav.navbar-pink .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #e91e63;
        }

            #topnav.navbar-pink .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #f8bbd0;
            }

        #topnav.navbar-pink .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-pink .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-pink .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #e91e63;
        }

            #topnav.navbar-pink .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-pink .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-pink .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fce4ec;
            }

        #topnav.navbar-pink .toolbar-icon-bg > a .ink,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #f06493;
        }

        #topnav.navbar-pink .toolbar-icon-bg > a:hover,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-pink .toolbar-icon-bg > a:focus,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-pink .toolbar-icon-bg > a.active,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fce4ec;
        }

    #topnav.navbar-pink .toolbar-icon-bg.open > a,
    #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fce4ec;
    }

        #topnav.navbar-pink .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fce4ec;
            background-color: #e91e63;
        }

        #topnav.navbar-pink .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fce4ec;
            background-color: #e91e63;
        }

            #topnav.navbar-pink .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fce4ec;
            }

            #topnav.navbar-pink .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-pink .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-pink .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fce4ec;
                background-color: #e91e63;
            }

    #topnav.navbar-pink .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-pink .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #e91e63;
        color: #fce4ec;
    }

    #topnav.navbar-pink a.username:hover,
    #topnav.navbar-pink a.username:focus,
    #topnav.navbar-pink a.username:visited {
        background-color: #e91e63;
    }

    #topnav.navbar-pink a.nav-username {
        color: #f8bbd0;
    }

        #topnav.navbar-pink a.nav-username:hover,
        #topnav.navbar-pink a.nav-username:focus,
        #topnav.navbar-pink a.nav-username.active {
            color: #fce4ec;
            background-color: #e91e63;
        }

    #topnav.navbar-pink #search-input {
        color: #fce4ec;
    }

        #topnav.navbar-pink #search-input::-moz-placeholder {
            color: #f48fb1;
            opacity: 1;
        }

        #topnav.navbar-pink #search-input:-ms-input-placeholder {
            color: #f48fb1;
        }

        #topnav.navbar-pink #search-input::-webkit-input-placeholder {
            color: #f48fb1;
        }

#topnav.navbar-deep-purple {
    background: #673ab7;
}

    #topnav.navbar-deep-purple .logo-area .toolbar-trigger a {
        border-color: #b39ddb;
        background-color: #673ab7;
    }

        #topnav.navbar-deep-purple .logo-area .toolbar-trigger a span.icon-bg i {
            color: #d1c4e9;
        }

        #topnav.navbar-deep-purple .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #673ab7;
        }

            #topnav.navbar-deep-purple .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #ede7f6;
            }

    #topnav.navbar-deep-purple .logo-area ul.navbar-nav li a {
        color: #d1c4e9;
        border-color: #b39ddb;
    }

        #topnav.navbar-deep-purple .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-deep-purple .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-deep-purple .logo-area ul.navbar-nav li a.active {
            color: #ede7f6;
            background-color: #673ab7;
        }

        #topnav.navbar-deep-purple .logo-area ul.navbar-nav li a .ink {
            background-color: #916dd1;
        }

    #topnav.navbar-deep-purple #trigger-infobar > a .ink {
        background-color: #916dd1;
    }

    #topnav.navbar-deep-purple .toolbar-icon-bg > a,
    #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #b39ddb;
    }

        #topnav.navbar-deep-purple .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #673ab7;
        }

            #topnav.navbar-deep-purple .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #d1c4e9;
            }

        #topnav.navbar-deep-purple .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-deep-purple .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-deep-purple .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #673ab7;
        }

            #topnav.navbar-deep-purple .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #ede7f6;
            }

        #topnav.navbar-deep-purple .toolbar-icon-bg > a .ink,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #916dd1;
        }

        #topnav.navbar-deep-purple .toolbar-icon-bg > a:hover,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-deep-purple .toolbar-icon-bg > a:focus,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-deep-purple .toolbar-icon-bg > a.active,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #ede7f6;
        }

    #topnav.navbar-deep-purple .toolbar-icon-bg.open > a,
    #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #ede7f6;
    }

        #topnav.navbar-deep-purple .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #ede7f6;
            background-color: #673ab7;
        }

        #topnav.navbar-deep-purple .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #ede7f6;
            background-color: #673ab7;
        }

            #topnav.navbar-deep-purple .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #ede7f6;
            }

            #topnav.navbar-deep-purple .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-deep-purple .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-deep-purple .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #ede7f6;
                background-color: #673ab7;
            }

    #topnav.navbar-deep-purple .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-deep-purple .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #673ab7;
        color: #ede7f6;
    }

    #topnav.navbar-deep-purple a.username:hover,
    #topnav.navbar-deep-purple a.username:focus,
    #topnav.navbar-deep-purple a.username:visited {
        background-color: #673ab7;
    }

    #topnav.navbar-deep-purple a.nav-username {
        color: #d1c4e9;
    }

        #topnav.navbar-deep-purple a.nav-username:hover,
        #topnav.navbar-deep-purple a.nav-username:focus,
        #topnav.navbar-deep-purple a.nav-username.active {
            color: #ede7f6;
            background-color: #673ab7;
        }

    #topnav.navbar-deep-purple #search-input {
        color: #ede7f6;
    }

        #topnav.navbar-deep-purple #search-input::-moz-placeholder {
            color: #b39ddb;
            opacity: 1;
        }

        #topnav.navbar-deep-purple #search-input:-ms-input-placeholder {
            color: #b39ddb;
        }

        #topnav.navbar-deep-purple #search-input::-webkit-input-placeholder {
            color: #b39ddb;
        }

#topnav.navbar-brown {
    background: #795548;
}

    #topnav.navbar-brown .logo-area .toolbar-trigger a {
        border-color: #a1887f;
        background-color: #795548;
    }

        #topnav.navbar-brown .logo-area .toolbar-trigger a span.icon-bg i {
            color: #d7ccc8;
        }

        #topnav.navbar-brown .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #795548;
        }

            #topnav.navbar-brown .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #efebe9;
            }

    #topnav.navbar-brown .logo-area ul.navbar-nav li a {
        color: #d7ccc8;
        border-color: #a1887f;
    }

        #topnav.navbar-brown .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-brown .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-brown .logo-area ul.navbar-nav li a.active {
            color: #efebe9;
            background-color: #795548;
        }

        #topnav.navbar-brown .logo-area ul.navbar-nav li a .ink {
            background-color: #a57868;
        }

    #topnav.navbar-brown #trigger-infobar > a .ink {
        background-color: #a57868;
    }

    #topnav.navbar-brown .toolbar-icon-bg > a,
    #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #a1887f;
    }

        #topnav.navbar-brown .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #795548;
        }

            #topnav.navbar-brown .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #d7ccc8;
            }

        #topnav.navbar-brown .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-brown .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-brown .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #795548;
        }

            #topnav.navbar-brown .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-brown .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-brown .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #efebe9;
            }

        #topnav.navbar-brown .toolbar-icon-bg > a .ink,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #a57868;
        }

        #topnav.navbar-brown .toolbar-icon-bg > a:hover,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-brown .toolbar-icon-bg > a:focus,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-brown .toolbar-icon-bg > a.active,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #efebe9;
        }

    #topnav.navbar-brown .toolbar-icon-bg.open > a,
    #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #efebe9;
    }

        #topnav.navbar-brown .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #efebe9;
            background-color: #795548;
        }

        #topnav.navbar-brown .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #efebe9;
            background-color: #795548;
        }

            #topnav.navbar-brown .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #efebe9;
            }

            #topnav.navbar-brown .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-brown .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-brown .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #efebe9;
                background-color: #795548;
            }

    #topnav.navbar-brown .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-brown .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #795548;
        color: #efebe9;
    }

    #topnav.navbar-brown a.username:hover,
    #topnav.navbar-brown a.username:focus,
    #topnav.navbar-brown a.username:visited {
        background-color: #795548;
    }

    #topnav.navbar-brown a.nav-username {
        color: #d7ccc8;
    }

        #topnav.navbar-brown a.nav-username:hover,
        #topnav.navbar-brown a.nav-username:focus,
        #topnav.navbar-brown a.nav-username.active {
            color: #efebe9;
            background-color: #795548;
        }

    #topnav.navbar-brown #search-input {
        color: #efebe9;
    }

        #topnav.navbar-brown #search-input::-moz-placeholder {
            color: #a1887f;
            opacity: 1;
        }

        #topnav.navbar-brown #search-input:-ms-input-placeholder {
            color: #a1887f;
        }

        #topnav.navbar-brown #search-input::-webkit-input-placeholder {
            color: #a1887f;
        }

#topnav.navbar-green {
    background: #ffffff;
}

    #topnav.navbar-green .logo-area .toolbar-trigger a {
        border-color: #ffffff;
        background-color: #ffffff;
    }

        #topnav.navbar-green .logo-area .toolbar-trigger a span.icon-bg i {
            color: var(--color-primary);
        }

        #topnav.navbar-green .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #ffffff;
        }

            #topnav.navbar-green .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #76CF46;
            }

    #topnav.navbar-green .logo-area ul.navbar-nav li a {
        color: var(--color-primary);
        border-color: var(--color-primary);
    }

        #topnav.navbar-green .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-green .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-green .logo-area ul.navbar-nav li a.active {
            color: var(--color-primary);
            background-color: var(--color-primary);
        }

        #topnav.navbar-green .logo-area ul.navbar-nav li a .ink {
            background-color: #80c883;
        }

    #topnav.navbar-green #trigger-infobar > a .ink {
        background-color: #80c883;
    }

    #topnav.navbar-green .toolbar-icon-bg > a,
    #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #a5d6a7;
    }

        #topnav.navbar-green .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #ffffff;
        }

            #topnav.navbar-green .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: var(--color-primary);
            }

        #topnav.navbar-green .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-green .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-green .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #ffffff;
        }

            #topnav.navbar-green .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-green .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-green .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #76CF46;
            }

        #topnav.navbar-green .toolbar-icon-bg > a .ink,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #ffffff;
        }

        #topnav.navbar-green .toolbar-icon-bg > a:hover,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-green .toolbar-icon-bg > a:focus,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-green .toolbar-icon-bg > a.active,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg > a.active {
            /*color: #76CF46;*/
        }

    #topnav.navbar-green .toolbar-icon-bg.open > a,
    #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e8f5e9;
    }

        #topnav.navbar-green .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #76CF46;
            background-color: #ffffff;
        }

        #topnav.navbar-green .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: var(--color-primary);
            background-color: #ffffff;
        }

            #topnav.navbar-green .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e8f5e9;
            }

            #topnav.navbar-green .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-green .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-green .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: var(--color-primary);
                background-color: #ffffff;
            }

    #topnav.navbar-green .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-green .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #ffffff;
        color: var(--color-primary);
    }

    #topnav.navbar-green a.username:hover,
    #topnav.navbar-green a.username:focus,
    #topnav.navbar-green a.username:visited {
        background-color: var(--color-primary);
    }

    #topnav.navbar-green a.nav-username {
        color: #c8e6c9;
    }

        #topnav.navbar-green a.nav-username:hover,
        #topnav.navbar-green a.nav-username:focus,
        #topnav.navbar-green a.nav-username.active {
            color: #e8f5e9;
            background-color: var(--color-heading);
        }

    #topnav.navbar-green #search-input {
        color: #e8f5e9;
    }

        #topnav.navbar-green #search-input::-moz-placeholder {
            color: #a5d6a7;
            opacity: 1;
        }

        #topnav.navbar-green #search-input:-ms-input-placeholder {
            color: #a5d6a7;
        }

        #topnav.navbar-green #search-input::-webkit-input-placeholder {
            color: #a5d6a7;
        }

#topnav.navbar-light-green {
    background: var(--color-primary-dark);
}

    #topnav.navbar-light-green .logo-area .toolbar-trigger a {
        border-color: #c5e1a5;
        background-color: var(--color-primary-dark);
    }

        #topnav.navbar-light-green .logo-area .toolbar-trigger a span.icon-bg i {
            color: #c8e6c9;
        }

        #topnav.navbar-light-green .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: var(--color-primary-dark);
        }

            #topnav.navbar-light-green .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #e8f5e9;
            }

    #topnav.navbar-light-green .logo-area ul.navbar-nav li a {
        color: #c8e6c9;
        border-color: #c5e1a5;
    }

        #topnav.navbar-light-green .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-light-green .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-light-green .logo-area ul.navbar-nav li a.active {
            color: #e8f5e9;
            background-color: var(--color-primary-dark);
        }

        #topnav.navbar-light-green .logo-area ul.navbar-nav li a .ink {
            background-color: #b0d683;
        }

    #topnav.navbar-light-green #trigger-infobar > a .ink {
        background-color: #b0d683;
    }

    #topnav.navbar-light-green .toolbar-icon-bg > a,
    #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #c5e1a5;
    }

        #topnav.navbar-light-green .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: var(--color-primary-dark);
        }

            #topnav.navbar-light-green .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #c8e6c9;
            }

        #topnav.navbar-light-green .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-light-green .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-light-green .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: var(--color-primary-dark);
        }

            #topnav.navbar-light-green .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-light-green .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-light-green .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #e8f5e9;
            }

        #topnav.navbar-light-green .toolbar-icon-bg > a .ink,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #b0d683;
        }

        #topnav.navbar-light-green .toolbar-icon-bg > a:hover,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-light-green .toolbar-icon-bg > a:focus,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-light-green .toolbar-icon-bg > a.active,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #e8f5e9;
        }

    #topnav.navbar-light-green .toolbar-icon-bg.open > a,
    #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e8f5e9;
    }

        #topnav.navbar-light-green .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #e8f5e9;
            background-color: var(--color-primary-dark);
        }

        #topnav.navbar-light-green .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #e8f5e9;
            background-color: var(--color-primary-dark);
        }

            #topnav.navbar-light-green .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e8f5e9;
            }

            #topnav.navbar-light-green .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-light-green .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-light-green .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #e8f5e9;
                background-color: var(--color-primary-dark);
            }

    #topnav.navbar-light-green .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-light-green .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: var(--color-primary-dark);
        color: #e8f5e9;
    }

    #topnav.navbar-light-green a.username:hover,
    #topnav.navbar-light-green a.username:focus,
    #topnav.navbar-light-green a.username:visited {
        background-color: var(--color-primary-dark);
    }

    #topnav.navbar-light-green a.nav-username {
        color: #c8e6c9;
    }

        #topnav.navbar-light-green a.nav-username:hover,
        #topnav.navbar-light-green a.nav-username:focus,
        #topnav.navbar-light-green a.nav-username.active {
            color: #e8f5e9;
            background-color: var(--color-primary-dark);
        }

    #topnav.navbar-light-green #search-input {
        color: #e8f5e9;
    }

        #topnav.navbar-light-green #search-input::-moz-placeholder {
            color: #c5e1a5;
            opacity: 1;
        }

        #topnav.navbar-light-green #search-input:-ms-input-placeholder {
            color: #c5e1a5;
        }

        #topnav.navbar-light-green #search-input::-webkit-input-placeholder {
            color: #c5e1a5;
        }

#topnav.navbar-deep-orange {
    background: #ff5722;
}

    #topnav.navbar-deep-orange .logo-area .toolbar-trigger a {
        border-color: #ffab91;
        background-color: #ff5722;
    }

        #topnav.navbar-deep-orange .logo-area .toolbar-trigger a span.icon-bg i {
            color: #ffccbc;
        }

        #topnav.navbar-deep-orange .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #ff5722;
        }

            #topnav.navbar-deep-orange .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fbe9e7;
            }

    #topnav.navbar-deep-orange .logo-area ul.navbar-nav li a {
        color: #ffccbc;
        border-color: #ffab91;
    }

        #topnav.navbar-deep-orange .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-deep-orange .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-deep-orange .logo-area ul.navbar-nav li a.active {
            color: #fbe9e7;
            background-color: #ff5722;
        }

        #topnav.navbar-deep-orange .logo-area ul.navbar-nav li a .ink {
            background-color: #ff916f;
        }

    #topnav.navbar-deep-orange #trigger-infobar > a .ink {
        background-color: #ff916f;
    }

    #topnav.navbar-deep-orange .toolbar-icon-bg > a,
    #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #ffab91;
    }

        #topnav.navbar-deep-orange .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #ff5722;
        }

            #topnav.navbar-deep-orange .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #ffccbc;
            }

        #topnav.navbar-deep-orange .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-deep-orange .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-deep-orange .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #ff5722;
        }

            #topnav.navbar-deep-orange .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fbe9e7;
            }

        #topnav.navbar-deep-orange .toolbar-icon-bg > a .ink,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #ff916f;
        }

        #topnav.navbar-deep-orange .toolbar-icon-bg > a:hover,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-deep-orange .toolbar-icon-bg > a:focus,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-deep-orange .toolbar-icon-bg > a.active,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fbe9e7;
        }

    #topnav.navbar-deep-orange .toolbar-icon-bg.open > a,
    #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fbe9e7;
    }

        #topnav.navbar-deep-orange .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fbe9e7;
            background-color: #ff5722;
        }

        #topnav.navbar-deep-orange .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fbe9e7;
            background-color: #ff5722;
        }

            #topnav.navbar-deep-orange .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fbe9e7;
            }

            #topnav.navbar-deep-orange .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-deep-orange .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-deep-orange .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fbe9e7;
                background-color: #ff5722;
            }

    #topnav.navbar-deep-orange .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-deep-orange .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #ff5722;
        color: #fbe9e7;
    }

    #topnav.navbar-deep-orange a.username:hover,
    #topnav.navbar-deep-orange a.username:focus,
    #topnav.navbar-deep-orange a.username:visited {
        background-color: #ff5722;
    }

    #topnav.navbar-deep-orange a.nav-username {
        color: #ffccbc;
    }

        #topnav.navbar-deep-orange a.nav-username:hover,
        #topnav.navbar-deep-orange a.nav-username:focus,
        #topnav.navbar-deep-orange a.nav-username.active {
            color: #fbe9e7;
            background-color: #ff5722;
        }

    #topnav.navbar-deep-orange #search-input {
        color: #fbe9e7;
    }

        #topnav.navbar-deep-orange #search-input::-moz-placeholder {
            color: #ffab91;
            opacity: 1;
        }

        #topnav.navbar-deep-orange #search-input:-ms-input-placeholder {
            color: #ffab91;
        }

        #topnav.navbar-deep-orange #search-input::-webkit-input-placeholder {
            color: #ffab91;
        }

#topnav.navbar-lime {
    background: #cddc39;
}

    #topnav.navbar-lime .logo-area .toolbar-trigger a {
        border-color: #e6ee9c;
        background-color: #cddc39;
    }

        #topnav.navbar-lime .logo-area .toolbar-trigger a span.icon-bg i {
            color: #f0f4c3;
        }

        #topnav.navbar-lime .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #cddc39;
        }

            #topnav.navbar-lime .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #f9fbe7;
            }

    #topnav.navbar-lime .logo-area ul.navbar-nav li a {
        color: #f0f4c3;
        border-color: #e6ee9c;
    }

        #topnav.navbar-lime .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-lime .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-lime .logo-area ul.navbar-nav li a.active {
            color: #f9fbe7;
            background-color: #cddc39;
        }

        #topnav.navbar-lime .logo-area ul.navbar-nav li a .ink {
            background-color: #dde77a;
        }

    #topnav.navbar-lime #trigger-infobar > a .ink {
        background-color: #dde77a;
    }

    #topnav.navbar-lime .toolbar-icon-bg > a,
    #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #e6ee9c;
    }

        #topnav.navbar-lime .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #cddc39;
        }

            #topnav.navbar-lime .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #f0f4c3;
            }

        #topnav.navbar-lime .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-lime .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-lime .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #cddc39;
        }

            #topnav.navbar-lime .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-lime .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-lime .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #f9fbe7;
            }

        #topnav.navbar-lime .toolbar-icon-bg > a .ink,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #dde77a;
        }

        #topnav.navbar-lime .toolbar-icon-bg > a:hover,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-lime .toolbar-icon-bg > a:focus,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-lime .toolbar-icon-bg > a.active,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #f9fbe7;
        }

    #topnav.navbar-lime .toolbar-icon-bg.open > a,
    #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #f9fbe7;
    }

        #topnav.navbar-lime .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #f9fbe7;
            background-color: #cddc39;
        }

        #topnav.navbar-lime .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #f9fbe7;
            background-color: #cddc39;
        }

            #topnav.navbar-lime .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #f9fbe7;
            }

            #topnav.navbar-lime .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-lime .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-lime .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #f9fbe7;
                background-color: #cddc39;
            }

    #topnav.navbar-lime .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-lime .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #cddc39;
        color: #f9fbe7;
    }

    #topnav.navbar-lime a.username:hover,
    #topnav.navbar-lime a.username:focus,
    #topnav.navbar-lime a.username:visited {
        background-color: #cddc39;
    }

    #topnav.navbar-lime a.nav-username {
        color: #f0f4c3;
    }

        #topnav.navbar-lime a.nav-username:hover,
        #topnav.navbar-lime a.nav-username:focus,
        #topnav.navbar-lime a.nav-username.active {
            color: #f9fbe7;
            background-color: #cddc39;
        }

    #topnav.navbar-lime #search-input {
        color: #f9fbe7;
    }

        #topnav.navbar-lime #search-input::-moz-placeholder {
            color: #e6ee9c;
            opacity: 1;
        }

        #topnav.navbar-lime #search-input:-ms-input-placeholder {
            color: #e6ee9c;
        }

        #topnav.navbar-lime #search-input::-webkit-input-placeholder {
            color: #e6ee9c;
        }

#topnav.navbar-amber {
    background: #ffc107;
}

    #topnav.navbar-amber .logo-area .toolbar-trigger a {
        border-color: #ffe082;
        background-color: #ffc107;
    }

        #topnav.navbar-amber .logo-area .toolbar-trigger a span.icon-bg i {
            color: #ffecb3;
        }

        #topnav.navbar-amber .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #ffc107;
        }

            #topnav.navbar-amber .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fff8e1;
            }

    #topnav.navbar-amber .logo-area ul.navbar-nav li a {
        color: #ffecb3;
        border-color: #ffe082;
    }

        #topnav.navbar-amber .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-amber .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-amber .logo-area ul.navbar-nav li a.active {
            color: #fff8e1;
            background-color: #ffc107;
        }

        #topnav.navbar-amber .logo-area ul.navbar-nav li a .ink {
            background-color: #ffd454;
        }

    #topnav.navbar-amber #trigger-infobar > a .ink {
        background-color: #ffd454;
    }

    #topnav.navbar-amber .toolbar-icon-bg > a,
    #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #ffe082;
    }

        #topnav.navbar-amber .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #ffc107;
        }

            #topnav.navbar-amber .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #ffecb3;
            }

        #topnav.navbar-amber .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-amber .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-amber .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #ffc107;
        }

            #topnav.navbar-amber .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-amber .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-amber .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fff8e1;
            }

        #topnav.navbar-amber .toolbar-icon-bg > a .ink,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #ffd454;
        }

        #topnav.navbar-amber .toolbar-icon-bg > a:hover,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-amber .toolbar-icon-bg > a:focus,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-amber .toolbar-icon-bg > a.active,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fff8e1;
        }

    #topnav.navbar-amber .toolbar-icon-bg.open > a,
    #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fff8e1;
    }

        #topnav.navbar-amber .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fff8e1;
            background-color: #ffc107;
        }

        #topnav.navbar-amber .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fff8e1;
            background-color: #ffc107;
        }

            #topnav.navbar-amber .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fff8e1;
            }

            #topnav.navbar-amber .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-amber .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-amber .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fff8e1;
                background-color: #ffc107;
            }

    #topnav.navbar-amber .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-amber .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #ffc107;
        color: #fff8e1;
    }

    #topnav.navbar-amber a.username:hover,
    #topnav.navbar-amber a.username:focus,
    #topnav.navbar-amber a.username:visited {
        background-color: #ffc107;
    }

    #topnav.navbar-amber a.nav-username {
        color: #ffecb3;
    }

        #topnav.navbar-amber a.nav-username:hover,
        #topnav.navbar-amber a.nav-username:focus,
        #topnav.navbar-amber a.nav-username.active {
            color: #fff8e1;
            background-color: #ffc107;
        }

    #topnav.navbar-amber #search-input {
        color: #fff8e1;
    }

        #topnav.navbar-amber #search-input::-moz-placeholder {
            color: #ffe082;
            opacity: 1;
        }

        #topnav.navbar-amber #search-input:-ms-input-placeholder {
            color: #ffe082;
        }

        #topnav.navbar-amber #search-input::-webkit-input-placeholder {
            color: #ffe082;
        }

#topnav.navbar-gray {
    background: #424242;
}

    #topnav.navbar-gray .logo-area .toolbar-trigger a {
        border-color: #9e9e9e;
        background-color: #424242;
    }

        #topnav.navbar-gray .logo-area .toolbar-trigger a span.icon-bg i {
            color: #e0e0e0;
        }

        #topnav.navbar-gray .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #424242;
        }

            #topnav.navbar-gray .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fafafa;
            }

    #topnav.navbar-gray .logo-area ul.navbar-nav li a {
        color: #e0e0e0;
        border-color: #9e9e9e;
    }

        #topnav.navbar-gray .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-gray .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-gray .logo-area ul.navbar-nav li a.active {
            color: #fafafa;
            background-color: #424242;
        }

        #topnav.navbar-gray .logo-area ul.navbar-nav li a .ink {
            background-color: #686868;
        }

    #topnav.navbar-gray #trigger-infobar > a .ink {
        background-color: #686868;
    }

    #topnav.navbar-gray .toolbar-icon-bg > a,
    #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #9e9e9e;
    }

        #topnav.navbar-gray .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #424242;
        }

            #topnav.navbar-gray .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #e0e0e0;
            }

        #topnav.navbar-gray .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-gray .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-gray .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #424242;
        }

            #topnav.navbar-gray .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-gray .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-gray .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fafafa;
            }

        #topnav.navbar-gray .toolbar-icon-bg > a .ink,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #686868;
        }

        #topnav.navbar-gray .toolbar-icon-bg > a:hover,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-gray .toolbar-icon-bg > a:focus,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-gray .toolbar-icon-bg > a.active,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fafafa;
        }

    #topnav.navbar-gray .toolbar-icon-bg.open > a,
    #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fafafa;
    }

        #topnav.navbar-gray .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fafafa;
            background-color: #424242;
        }

        #topnav.navbar-gray .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fafafa;
            background-color: #424242;
        }

            #topnav.navbar-gray .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fafafa;
            }

            #topnav.navbar-gray .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-gray .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-gray .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fafafa;
                background-color: #424242;
            }

    #topnav.navbar-gray .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-gray .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #424242;
        color: #fafafa;
    }

    #topnav.navbar-gray a.username:hover,
    #topnav.navbar-gray a.username:focus,
    #topnav.navbar-gray a.username:visited {
        background-color: #424242;
    }

    #topnav.navbar-gray a.nav-username {
        color: #e0e0e0;
    }

        #topnav.navbar-gray a.nav-username:hover,
        #topnav.navbar-gray a.nav-username:focus,
        #topnav.navbar-gray a.nav-username.active {
            color: #fafafa;
            background-color: #424242;
        }

    #topnav.navbar-gray #search-input {
        color: #fafafa;
    }

        #topnav.navbar-gray #search-input::-moz-placeholder {
            color: #9e9e9e;
            opacity: 1;
        }

        #topnav.navbar-gray #search-input:-ms-input-placeholder {
            color: #9e9e9e;
        }

        #topnav.navbar-gray #search-input::-webkit-input-placeholder {
            color: #9e9e9e;
        }

#topnav.navbar-light-blue {
    background: #03a9f4;
}

    #topnav.navbar-light-blue .logo-area .toolbar-trigger a {
        border-color: #81d4fa;
        background-color: #03a9f4;
    }

        #topnav.navbar-light-blue .logo-area .toolbar-trigger a span.icon-bg i {
            color: #b3e5fc;
        }

        #topnav.navbar-light-blue .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #03a9f4;
        }

            #topnav.navbar-light-blue .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #e1f5fe;
            }

    #topnav.navbar-light-blue .logo-area ul.navbar-nav li a {
        color: #b3e5fc;
        border-color: #81d4fa;
    }

        #topnav.navbar-light-blue .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-light-blue .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-light-blue .logo-area ul.navbar-nav li a.active {
            color: #e1f5fe;
            background-color: #03a9f4;
        }

        #topnav.navbar-light-blue .logo-area ul.navbar-nav li a .ink {
            background-color: #47c4fd;
        }

    #topnav.navbar-light-blue #trigger-infobar > a .ink {
        background-color: #47c4fd;
    }

    #topnav.navbar-light-blue .toolbar-icon-bg > a,
    #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #81d4fa;
    }

        #topnav.navbar-light-blue .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #03a9f4;
        }

            #topnav.navbar-light-blue .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #b3e5fc;
            }

        #topnav.navbar-light-blue .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-light-blue .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-light-blue .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #03a9f4;
        }

            #topnav.navbar-light-blue .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-light-blue .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-light-blue .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #e1f5fe;
            }

        #topnav.navbar-light-blue .toolbar-icon-bg > a .ink,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #47c4fd;
        }

        #topnav.navbar-light-blue .toolbar-icon-bg > a:hover,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-light-blue .toolbar-icon-bg > a:focus,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-light-blue .toolbar-icon-bg > a.active,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #e1f5fe;
        }

    #topnav.navbar-light-blue .toolbar-icon-bg.open > a,
    #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #e1f5fe;
    }

        #topnav.navbar-light-blue .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #e1f5fe;
            background-color: #03a9f4;
        }

        #topnav.navbar-light-blue .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #e1f5fe;
            background-color: #03a9f4;
        }

            #topnav.navbar-light-blue .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #e1f5fe;
            }

            #topnav.navbar-light-blue .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-light-blue .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-light-blue .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #e1f5fe;
                background-color: #03a9f4;
            }

    #topnav.navbar-light-blue .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-light-blue .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #03a9f4;
        color: #e1f5fe;
    }

    #topnav.navbar-light-blue a.username:hover,
    #topnav.navbar-light-blue a.username:focus,
    #topnav.navbar-light-blue a.username:visited {
        background-color: #03a9f4;
    }

    #topnav.navbar-light-blue a.nav-username {
        color: #b3e5fc;
    }

        #topnav.navbar-light-blue a.nav-username:hover,
        #topnav.navbar-light-blue a.nav-username:focus,
        #topnav.navbar-light-blue a.nav-username.active {
            color: #e1f5fe;
            background-color: #03a9f4;
        }

    #topnav.navbar-light-blue #search-input {
        color: #e1f5fe;
    }

        #topnav.navbar-light-blue #search-input::-moz-placeholder {
            color: #81d4fa;
            opacity: 1;
        }

        #topnav.navbar-light-blue #search-input:-ms-input-placeholder {
            color: #81d4fa;
        }

        #topnav.navbar-light-blue #search-input::-webkit-input-placeholder {
            color: #81d4fa;
        }

#topnav.navbar-yellow {
    background: #ffeb3b;
}

    #topnav.navbar-yellow .logo-area .toolbar-trigger a {
        border-color: #fff59d;
        background-color: #ffeb3b;
    }

        #topnav.navbar-yellow .logo-area .toolbar-trigger a span.icon-bg i {
            color: #fff9c4;
        }

        #topnav.navbar-yellow .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #ffeb3b;
        }

            #topnav.navbar-yellow .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fffde7;
            }

    #topnav.navbar-yellow .logo-area ul.navbar-nav li a {
        color: #fff9c4;
        border-color: #fff59d;
    }

        #topnav.navbar-yellow .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-yellow .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-yellow .logo-area ul.navbar-nav li a.active {
            color: #fffde7;
            background-color: #ffeb3b;
        }

        #topnav.navbar-yellow .logo-area ul.navbar-nav li a .ink {
            background-color: #fff388;
        }

    #topnav.navbar-yellow #trigger-infobar > a .ink {
        background-color: #fff388;
    }

    #topnav.navbar-yellow .toolbar-icon-bg > a,
    #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #fff59d;
    }

        #topnav.navbar-yellow .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #ffeb3b;
        }

            #topnav.navbar-yellow .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #fff9c4;
            }

        #topnav.navbar-yellow .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-yellow .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-yellow .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #ffeb3b;
        }

            #topnav.navbar-yellow .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-yellow .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-yellow .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fffde7;
            }

        #topnav.navbar-yellow .toolbar-icon-bg > a .ink,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #fff388;
        }

        #topnav.navbar-yellow .toolbar-icon-bg > a:hover,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-yellow .toolbar-icon-bg > a:focus,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-yellow .toolbar-icon-bg > a.active,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fffde7;
        }

    #topnav.navbar-yellow .toolbar-icon-bg.open > a,
    #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fffde7;
    }

        #topnav.navbar-yellow .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fffde7;
            background-color: #ffeb3b;
        }

        #topnav.navbar-yellow .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fffde7;
            background-color: #ffeb3b;
        }

            #topnav.navbar-yellow .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fffde7;
            }

            #topnav.navbar-yellow .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-yellow .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-yellow .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fffde7;
                background-color: #ffeb3b;
            }

    #topnav.navbar-yellow .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-yellow .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #ffeb3b;
        color: #fffde7;
    }

    #topnav.navbar-yellow a.username:hover,
    #topnav.navbar-yellow a.username:focus,
    #topnav.navbar-yellow a.username:visited {
        background-color: #ffeb3b;
    }

    #topnav.navbar-yellow a.nav-username {
        color: #fff9c4;
    }

        #topnav.navbar-yellow a.nav-username:hover,
        #topnav.navbar-yellow a.nav-username:focus,
        #topnav.navbar-yellow a.nav-username.active {
            color: #fffde7;
            background-color: #ffeb3b;
        }

    #topnav.navbar-yellow #search-input {
        color: #fffde7;
    }

        #topnav.navbar-yellow #search-input::-moz-placeholder {
            color: #fff59d;
            opacity: 1;
        }

        #topnav.navbar-yellow #search-input:-ms-input-placeholder {
            color: #fff59d;
        }

        #topnav.navbar-yellow #search-input::-webkit-input-placeholder {
            color: #fff59d;
        }

#topnav.navbar-bleachedcedar {
    background: #37474f;
}

    #topnav.navbar-bleachedcedar .logo-area .toolbar-trigger a {
        border-color: #78909c;
        background-color: #37474f;
    }

        #topnav.navbar-bleachedcedar .logo-area .toolbar-trigger a span.icon-bg i {
            color: #eeeeee;
        }

        #topnav.navbar-bleachedcedar .logo-area .toolbar-trigger a:hover span.icon-bg {
            background-color: #37474f;
        }

            #topnav.navbar-bleachedcedar .logo-area .toolbar-trigger a:hover span.icon-bg i {
                color: #fafafa;
            }

    #topnav.navbar-bleachedcedar .logo-area ul.navbar-nav li a {
        color: #eeeeee;
        border-color: #78909c;
    }

        #topnav.navbar-bleachedcedar .logo-area ul.navbar-nav li a:hover,
        #topnav.navbar-bleachedcedar .logo-area ul.navbar-nav li a:focus,
        #topnav.navbar-bleachedcedar .logo-area ul.navbar-nav li a.active {
            color: #fafafa;
            background-color: #37474f;
        }

        #topnav.navbar-bleachedcedar .logo-area ul.navbar-nav li a .ink {
            background-color: #56707c;
        }

    #topnav.navbar-bleachedcedar #trigger-infobar > a .ink {
        background-color: #56707c;
    }

    #topnav.navbar-bleachedcedar .toolbar-icon-bg > a,
    #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a {
        border-color: #78909c;
    }

        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
            background-color: #37474f;
        }

            #topnav.navbar-bleachedcedar .toolbar-icon-bg > a span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg i {
                color: #eeeeee;
            }

        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a.active span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg {
            background-color: #37474f;
        }

            #topnav.navbar-bleachedcedar .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a:hover span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a:focus span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar-icon-bg > a.active span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a.active span.icon-bg i {
                color: #fafafa;
            }

        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a .ink,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a .ink {
            background-color: #56707c;
        }

        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a:hover,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a:hover,
        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a:focus,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a:focus,
        #topnav.navbar-bleachedcedar .toolbar-icon-bg > a.active,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg > a.active {
            color: #fafafa;
        }

    #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a,
    #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a {
        color: #fafafa;
    }

        #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a:hover,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a:hover {
            color: #fafafa;
            background-color: #37474f;
        }

        #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a span.icon-bg,
        #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg {
            color: #fafafa;
            background-color: #37474f;
        }

            #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a span.icon-bg i,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg i {
                color: #fafafa;
            }

            #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:hover,
            #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg:focus,
            #topnav.navbar-bleachedcedar .toolbar-icon-bg.open > a span.icon-bg.active,
            #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg.open > a span.icon-bg.active {
                color: #fafafa;
                background-color: #37474f;
            }

    #topnav.navbar-bleachedcedar .toolbar-icon-bg:hover span.icon-bg,
    #topnav.navbar-bleachedcedar .toolbar.pull-right .toolbar-icon-bg:hover span.icon-bg {
        background-color: #37474f;
        color: #fafafa;
    }

    #topnav.navbar-bleachedcedar a.username:hover,
    #topnav.navbar-bleachedcedar a.username:focus,
    #topnav.navbar-bleachedcedar a.username:visited {
        background-color: #37474f;
    }

    #topnav.navbar-bleachedcedar a.nav-username {
        color: #eeeeee;
    }

        #topnav.navbar-bleachedcedar a.nav-username:hover,
        #topnav.navbar-bleachedcedar a.nav-username:focus,
        #topnav.navbar-bleachedcedar a.nav-username.active {
            color: #fafafa;
            background-color: #37474f;
        }

    #topnav.navbar-bleachedcedar #search-input {
        color: #fafafa;
    }

        #topnav.navbar-bleachedcedar #search-input::-moz-placeholder {
            color: #78909c;
            opacity: 1;
        }

        #topnav.navbar-bleachedcedar #search-input:-ms-input-placeholder {
            color: #78909c;
        }

        #topnav.navbar-bleachedcedar #search-input::-webkit-input-placeholder {
            color: #78909c;
        }

#topnav .navbar-brand.navbar-brand-primary {
    background: #03a9f4 !important;
}

    #topnav .navbar-brand.navbar-brand-primary .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-primary .img-dark {
        display: none;
    }

#topnav .navbar-brand.navbar-brand-success {
    background: var(--color-primary-dark) !important;
}

    #topnav .navbar-brand.navbar-brand-success .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-success .img-dark {
        display: none;
    }

#topnav .navbar-brand.navbar-brand-danger {
    background: #e51c23 !important;
}

    #topnav .navbar-brand.navbar-brand-danger .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-danger .img-dark {
        display: none;
    }

#topnav .navbar-brand.navbar-brand-warning {
    background: #ffc107 !important;
}

    #topnav .navbar-brand.navbar-brand-warning .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-warning .img-dark {
        display: none;
    }

#topnav .navbar-brand.navbar-brand-info {
    background: #00bcd4 !important;
}

    #topnav .navbar-brand.navbar-brand-info .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-info .img-dark {
        display: none;
    }

#topnav .navbar-brand.navbar-brand-inverse {
    background: #fff !important;
}

    #topnav .navbar-brand.navbar-brand-inverse .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-inverse .img-dark {
        display: none;
    }

#topnav .navbar-brand.navbar-brand-default {
    background: #fff !important;
}

    #topnav .navbar-brand.navbar-brand-default .img-white {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-default .img-dark {
        display: none;
    }

    #topnav .navbar-brand.navbar-brand-default .img-dark {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-default .img-white {
        display: none;
    }

    #topnav .navbar-brand.navbar-brand-default .show-on-collapse.img-logo-dark {
        display: block;
    }

    #topnav .navbar-brand.navbar-brand-default .show-on-collapse.img-logo-white {
        display: none;
    }

.infobar-wrapper {
    position: fixed !important;
    z-index: 1190;
    top: -8px;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 300px;
    border-left: 1px solid #eeeeee;
    background: #ffffff;
    z-index: 1199;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body.infobar-overlay .infobar-wrapper #widgetarea {
    padding-bottom: 64px;
}

body.infobar-overlay .infobar-wrapper {
    -webkit-transform: translate(320px, 72px);
    transform: translate(320px, 72px);
}

body.infobar-overlay.infobar-active .infobar-wrapper {
    -webkit-transform: translate(0px, 72px);
    transform: translate(0px, 72px);
}

body.infobar-offcanvas .infobar-wrapper {
    -webkit-transform: translate(320px, 0px);
    transform: translate(320px, 0px);
}

body.infobar-offcanvas.infobar-active #wrapper,
body.infobar-offcanvas.infobar-active > header {
    -webkit-transform: translate(-320px, 0px);
    transform: translate(-320px, 0px);
}

body.infobar-offcanvas.infobar-active > .infobar-wrapper {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

body.infobar-overlay .infobar-wrapper,
body.infobar-offcanvas .infobar-wrapper,
body.infobar-offcanvas #wrapper,
body.infobar-offcanvas #topnav {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
}

#layout-fixed .infobar-wrapper {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    border-left: 0;
    overflow-x: hidden !important;
}

#layout-fixed .sidebar,
#layout-fixed .sidebar-default {
    border-right: 0;
}

.infobar .widget-heading {
    border-bottom: 1px solid #f5f5f5;
    padding: 2px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 500;
}

.infobar .widget-body {
    padding: 1px;
    border-bottom: 1px solid #f5f5f5;
}

.infobar p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 13px;
}

.contacts .media-body > span {
    font-weight: 500;
}

.contacts a:hover {
    text-decoration: none;
}

.contacts .contact-status {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}

.table-settings tr:first-child td {
    border-top: none;
}

.table-settings td:last-child {
    width: 50px;
}

.container-xs-height,
.container-sm-height,
.container-md-height,
.container-lg-height,
.row-xs-height,
.row-sm-height,
.row-md-height,
.row-lg-height {
    width: 100%;
}
/* columns of same height styles */
.container-xs-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
}

.row-xs-height {
    display: table-row;
}

.col-xs-height {
    display: table-cell;
    float: none;
}

@media (min-width: 768px) {
    .container-sm-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-sm-height {
        display: table-row;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
    }
}

@media (min-width: 992px) {
    .container-md-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-md-height {
        display: table-row;
    }

    .col-md-height {
        display: table-cell;
        float: none;
    }
}

@media (min-width: 1200px) {
    .container-lg-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-lg-height {
        display: table-row;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
    }
}
/* vertical alignment styles */
.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

.panel-loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.75);
}

.panel-loader-circular {
    -webkit-animation: animateloader 1.5s linear infinite;
    animation: animateloader 1.5s linear infinite;
    clip: rect(0, 80px, 80px, 40px);
    height: 80px;
    width: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
}

    .panel-loader-circular:after {
        -webkit-animation: animateloader2 1.5s ease-in-out infinite;
        animation: animateloader2 1.5s ease-in-out infinite;
        clip: rect(0, 80px, 80px, 40px);
        content: '';
        border-radius: 50%;
        height: 80px;
        width: 80px;
        position: absolute;
    }

@-webkit-keyframes animateloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg);
    }
}

@keyframes animateloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg);
    }
}

@keyframes animateloader2 {
    0% {
        box-shadow: inset #03a9f4 0 0 0 17px;
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #03a9f4 0 0 0 2px;
    }

    100% {
        box-shadow: inset #03a9f4 0 0 0 17px;
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg);
    }
}

@-webkit-keyframes animateloader2 {
    0% {
        box-shadow: inset #03a9f4 0 0 0 17px;
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #03a9f4 0 0 0 2px;
    }

    100% {
        box-shadow: inset #03a9f4 0 0 0 17px;
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg);
    }
}

.panel-loader-dots {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -6px;
    border-radius: 12px;
    -webkit-animation: loader10m 3s ease-in-out infinite;
    animation: loader10m 3s ease-in-out infinite;
}

    .panel-loader-dots:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -25px;
        height: 12px;
        width: 12px;
        border-radius: 12px;
        -webkit-animation: loader10g 3s ease-in-out infinite;
        animation: loader10g 3s ease-in-out infinite;
    }

    .panel-loader-dots:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 25px;
        height: 10px;
        width: 10px;
        border-radius: 10px;
        -webkit-animation: loader10d 3s ease-in-out infinite;
        animation: loader10d 3s ease-in-out infinite;
    }

@-webkit-keyframes loader10g {
    0% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    25% {
        background-color: #03a9f4;
    }

    50% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    75% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    100% {
        background-color: rgba(3, 169, 244, 0.2);
    }
}

@keyframes loader10g {
    0% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    25% {
        background-color: #03a9f4;
    }

    50% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    75% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    100% {
        background-color: rgba(3, 169, 244, 0.2);
    }
}

@-webkit-keyframes loader10m {
    0% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    25% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    50% {
        background-color: #03a9f4;
    }

    75% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    100% {
        background-color: rgba(3, 169, 244, 0.2);
    }
}

@keyframes loader10m {
    0% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    25% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    50% {
        background-color: #03a9f4;
    }

    75% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    100% {
        background-color: rgba(3, 169, 244, 0.2);
    }
}

@-webkit-keyframes loader10d {
    0% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    25% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    50% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    75% {
        background-color: #03a9f4;
    }

    100% {
        background-color: rgba(3, 169, 244, 0.2);
    }
}

@keyframes loader10d {
    0% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    25% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    50% {
        background-color: rgba(3, 169, 244, 0.2);
    }

    75% {
        background-color: #03a9f4;
    }

    100% {
        background-color: rgba(3, 169, 244, 0.2);
    }
}

.panel-loader-clock {
    border-radius: 60px;
    border: 3px solid #03a9f4;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -43px;
    margin-left: -43px;
}

    .panel-loader-clock:after {
        content: "";
        position: absolute;
        background-color: #03a9f4;
        top: 2px;
        left: 48%;
        height: 38px;
        width: 4px;
        border-radius: 5px;
        -webkit-transform-origin: 50% 97%;
        transform-origin: 50% 97%;
        -webkit-animation: grdAiguille 2s linear infinite;
        animation: grdAiguille 2s linear infinite;
    }

    .panel-loader-clock:before {
        content: "";
        position: absolute;
        background-color: #03a9f4;
        top: 6px;
        left: 48%;
        height: 35px;
        width: 4px;
        border-radius: 5px;
        -webkit-transform-origin: 50% 94%;
        transform-origin: 50% 94%;
        -webkit-animation: ptAiguille 12s linear infinite;
        animation: ptAiguille 12s linear infinite;
    }

@-webkit-keyframes grdAiguille {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes grdAiguille {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ptAiguille {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ptAiguille {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Some Base Fixes */
:focus {
    outline: none;
}

::-moz-focus-inner {
    border: none;
}
/* Basic Layouts */
html {
    position: relative;
    min-height: 100px;
}

html,
body {
    height: 100%;
}

.navbar-fixed-top + #wrapper,
.navbar-fixed-top + #layout-fixed {
    padding-top: 64px !important;
}

.navbar-fixed-top {
    width: 100%;
    position: fixed !important;
}

#wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: auto;
    height: 100%;
    position: relative;
}

#layout-static {
    display: table-row;
    height: 100%;
}

.static-sidebar-wrapper {
    display: table-cell;
    overflow: hidden;
}

.static-sidebar-wrapper,
.static-sidebar {
    width: 240px;
    transition-duration: 300ms;
}

.static-content-wrapper {
    display: table-cell;
    width: 100%;
    background: #f5f5f5;
}

.static-sidebar-wrapper,
.static-content-wrapper {
    vertical-align: top;
}

footer {
    background: transparent;
    padding: 5px 16px;
}

    footer ul {
        margin: 0 !important;
    }

@media (max-width: 640px) {
    body .static-content {
        transition-duration: 250ms;
    }

    body .static-content-wrapper {
        overflow-x: hidden;
    }

    body:not(.sidebar-collapsed) .static-content {
        margin-right: -240px;
    }

    body.sidebar-collapsed .static-content {
        margin-right: 0px;
    }
}

.static-content-wrapper.content-white {
    background-color: #fff !important;
}

.row > .full-width {
    padding: 0;
}

    .row > .full-width .panel .panel-body {
        padding: 16px;
    }

.fixed-content,
.horizontal-nav #wrapper {
    min-height: 100%;
    margin-bottom: -32px;
}

    .fixed-content:after,
    .horizontal-nav #wrapper:after {
        content: "";
        display: block;
    }

    .fixed-content + footer,
    .horizontal-nav #wrapper + footer,
    .fixed-content:after,
    .horizontal-nav #wrapper:after {
        height: 32px;
    }

    .fixed-content + footer,
    .horizontal-nav #wrapper + footer {
        position: relative;
    }

.static-content-wrapper {
    position: relative;
}

.static-content {
    margin-bottom: 32px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32px;
}

    footer h6 {
        font-weight: 400;
        font-size: 11px;
        text-transform: uppercase;
    }

#back-to-top {
    color: #424242;
}

.sidebar-scroll {
    position: relative;
}

    .sidebar-scroll .static-sidebar {
        position: fixed !important;
    }

body.sidebar-hideon-collpase.sidebar-collapsed .static-sidebar-wrapper {
    display: none;
}

body.sidebar-hideon-collpase .static-sidebar-wrapper {
    display: table-cell;
}
/* Boxed Layout */
body.layout-boxed {
    background: rgba(0, 0, 0, 0.9);
}

    body.layout-boxed #topnav,
    body.layout-boxed #wrapper,
    body.layout-boxed footer {
        max-width: 1140px;
        margin: 0 auto;
    }

    body.layout-boxed #wrapper {
        background: #f5f5f5;
    }
/*Horizontal Navigation*/
.horizontal-nav #wrapper {
    display: block;
}

.horizontal-nav .static-sidebar-wrapper {
    display: none;
}

.horizontal-nav .static-content-wrapper {
    display: block;
}

.horizontal-nav #page-content {
    margin-left: 0;
}

.horizontal-nav .navbar {
    margin-bottom: 0px;
}

.horizontal-nav nav.navbar {
    width: 100%;
    z-index: 1190;
}

.horizontal-nav header.navbar {
    z-index: 1200;
}

.horizontal-nav header.navbar-fixed-top + nav.navbar {
    z-index: 1199;
    margin-top: 64px;
}

.horizontal-nav #leftmenu-trigger {
    display: none;
}

@media (min-width: 768px) {
    #horizontal-navbar.large-icons-nav .navbar-nav {
        margin-bottom: 0;
    }

        #horizontal-navbar.large-icons-nav .navbar-nav > li {
            min-width: 100px;
        }

            #horizontal-navbar.large-icons-nav .navbar-nav > li a {
                padding: 14px 16px;
            }

                #horizontal-navbar.large-icons-nav .navbar-nav > li a > i {
                    font-size: 28px;
                    display: block;
                    text-align: center;
                    margin-top: 8px;
                    margin-right: 0;
                }

            #horizontal-navbar.large-icons-nav .navbar-nav > li > a > span {
                display: block;
                text-align: center;
                margin-top: 16px;
                text-transform: uppercase;
                font-size: 11px;
                line-height: 1.35;
                font-weight: 500;
            }
}

#horizontal-navbar .navbar-nav > li > a {
    padding: 22px 16px;
    text-transform: uppercase;
}

    #horizontal-navbar .navbar-nav > li > a > i {
        margin-right: 6px;
    }

#horizontal-navbar .navbar-nav > li > a,
#horizontal-navbar .navbar-nav > li li a {
    font-weight: 500;
}

@media (max-width: 768px) {
    #horizontal-navbar .navbar-nav > li i {
        font-size: 15px;
        margin-right: 8px;
    }
}

@media (max-width: 767px) {
    .page-content {
        padding: 0;
    }
}
/* Page Heading */
.page-heading {
    background: #f1f1f1;
    padding: 16px 16px 16px 16px;
    margin-bottom: 8px;
}

    .page-heading h1 {
        float: left;
        margin: 0;
        line-height: 32px;
        font-weight: 300;
        font-size: 30px;
    }

        .page-heading h1 small {
            display: block;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 8px;
            margin-top: 4px;
        }

    .page-heading .options {
        float: right;
    }
/* Breadcrumb Mod */
.page-content > .breadcrumb {
    margin: 0 0 0 0;
    padding: 8px 16px;
    display: inherit;
    border-bottom: 0;
    background: #f1f1f1;
    border-radius: 0;
    font-size: 11px;
    line-height: 16px;
}

    .page-content > .breadcrumb > li {
        font-size: 11px;
        line-height: 16px;
    }

        .page-content > .breadcrumb > li a {
            color: #9e9e9e;
        }

.page-content > .page-heading + .breadcrumb {
    margin-top: 0;
}

@media print {
    .static-sidebar-wrapper,
    .demo-options,
    .page-heading,
    .page-content > .breadcrumb,
    footer {
        display: none;
    }
}

.full-height-content .scroll-content {
    padding-right: 15px;
}

html.full-page-image,
html.full-page-image body {
    height: 99%;
}

/*.coming-soon {
    background-color: #dedede;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/Content/template/assets/demo/stockphoto/blog_10.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/Content/template/assets/demo/stockphoto/blog_10.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

    .coming-soon .btn.btn-social {
        padding: 5px 10px;
        height: 32px;
        width: 32px;
    }

@media (min-width: 768px) {
    .coming-soon .coming-soon-wrapper {
        position: relative;
        top: 50%;
        margin-top: -250px;
    }
}

.coming-soon .coming-soon-wrapper .countdown .time-block {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.3);
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff, endColorstr=#4dffffff)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff, endColorstr=#4dffffff);
    padding: 20px 0;
    margin-bottom: 24px;
    border-radius: 80px;
}

    .coming-soon .coming-soon-wrapper .countdown .time-block .digit,
    .coming-soon .coming-soon-wrapper .countdown .time-block .digit-desc {
        display: block;
        line-height: 1;
    }

    .coming-soon .coming-soon-wrapper .countdown .time-block .digit {
        font-size: 36px;
        font-weight: 400;
        color: #fff;
    }

    .coming-soon .coming-soon-wrapper .countdown .time-block .digit-desc {
        padding-top: 4px;
        font-size: 11px;
        text-transform: uppercase;
        color: #fff;
    }

.coming-soon .coming-soon-wrapper h1,
.coming-soon .coming-soon-wrapper p {
    color: #fff;
}

.coming-soon .coming-soon-wrapper .container {
    text-align: center;
    max-width: 500px;
}*/

body.error {
    background-color: #dedede;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/Content/template/assets/demo/stockphoto/blog_10.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/Content/template/assets/demo/stockphoto/blog_10.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

@media (min-width: 768px) {
    body.error .error-wrapper {
        position: relative;
        top: 50%;
        margin-top: -200px;
    }
}

body.error .error-wrapper .container {
    max-width: 450px;
    text-align: center;
}

body.error .error-wrapper h1,
body.error .error-wrapper p {
    color: #fff;
}

body.error .error-wrapper a {
    color: #eee;
}

body.error .error-wrapper h1 {
    font-size: 96px;
    margin-bottom: 0;
}

.focused-form {
    height: 100%;
    background: #fafafa;
    padding: 0;
}

    .focused-form .static-sidebar-wrapper,
    .focused-form header,
    .focused-form footer {
        display: none;
    }

    .focused-form #wrapper {
        padding-top: 0 !important;
    }

    .focused-form .login-logo {
        text-align: center;
        display: block;
        margin-top: 50px;
        margin-bottom: 50px;
    }

.infobar-overlay .extrabar-underlay {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998;
}

.infobar-overlay.infobar-active .extrabar-underlay {
    display: block;
}
/* Drop Downs */
body.sidebar-collapsed #topnav .navbar-brand {
    width: 64px;
}

    body.sidebar-collapsed #topnav .navbar-brand img.show-on-collapse {
        opacity: 1;
    }

    body.sidebar-collapsed #topnav .navbar-brand img:not(.show-on-collapse) {
        opacity: 0;
    }

#topnav {
    margin: 0;
    border: none;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

    #topnav .navbar-brand {
        font: 0/0 a !important;
        color: transparent !important;
        text-shadow: none !important;
        background-color: transparent !important;
        border: 0 !important;
        background: white !important;
        background: url("") no-repeat top left;
        height: 64px;
        width: 240px;
        overflow: hidden;
        padding: 0 0px !important;
        transition-duration: 300ms;
    }

        #topnav .navbar-brand .img-white {
            display: block;
        }

        #topnav .navbar-brand .img-dark {
            display: none;
        }

@media (max-width: 640px) {
    #topnav .navbar-brand {
        width: 64px;
    }

        #topnav .navbar-brand .img-white {
            opacity: 0 !important;
        }

        #topnav .navbar-brand .img-dark {
            opacity: 0 !important;
        }

        #topnav .navbar-brand .img-logo-dark {
            opacity: 1 !important;
        }

        #topnav .navbar-brand .img-logo-white {
            opacity: 1 !important;
        }
}

#topnav .navbar-brand img:not(.show-on-collapse) {
    margin: auto;
    height: 58px;
    transition: opacity 300ms linear;
    opacity: 1;
}

#topnav .navbar-brand img.show-on-collapse {
    position: absolute;
    opacity: 0;
    transition: opacity 300ms linear;
    margin: 16px auto;
    height: 32px;
    left: 16px;
}

    #topnav .navbar-brand img.show-on-collapse.img-logo-white {
        display: 1;
    }

    #topnav .navbar-brand img.show-on-collapse.img-logo-dark {
        display: none;
    }

#topnav .dropdown-menu,
#topnav .tt-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    box-shadow: none;
}

#topnav .navbar-nav .open .dropdown-menu,
#topnav .navbar-nav .open .tt-dropdown-menu {
    position: absolute;
}

#topnav .logo-area {
    display: block;
    float: left;
    height: 64px;
}

    #topnav .logo-area > a,
    #topnav .logo-area > span,
    #topnav .logo-area > div {
        display: block;
        float: left;
    }

    #topnav .logo-area .toolbar-trigger a {
        display: block;
        padding: 16px 8px;
        border-right-width: 0;
        border-right-style: solid;
        overflow: hidden;
        position: relative;
    }

        #topnav .logo-area .toolbar-trigger a span.icon-bg {
            display: block;
            height: 32px;
            width: 48px;
            padding: 0;
            line-height: 32px;
            text-align: center;
            border-radius: 0px;
            font-size: 16px;
        }

    #topnav .logo-area ul.navbar-nav li a {
        padding: 4px 16px;
        margin: 8px 0;
        font-weight: 500;
        line-height: 20px;
        border-left-width: 1px;
        border-left-style: solid;
        text-align: center;
        width: 48px;
    }

        #topnav .logo-area ul.navbar-nav li a:last-child {
            border-right-width: 1px;
            border-right-style: solid;
        }

        #topnav .logo-area ul.navbar-nav li a:focus,
        #topnav .logo-area ul.navbar-nav li a.active {
            background-color: transparent;
        }

@media (min-width: 992px) {
    #topnav .logo-area {
        width: auto;
        height: 48px;
        display: inline-block;
    }
}

#topnav #search-box {
    width: 0;
    padding-left: 16px;
    transition-duration: 300ms;
}

@media (max-width: 767px) {
    #topnav #search-box {
        padding-left: 0;
    }
}

#topnav #search-box .form-group {
    margin-top: 14px;
}

#topnav #search-box #search-input {
    transition-duration: 300ms;
    background: none;
}

#topnav.search-active #search-box {
    width: 240px;
}

#topnav.search-active .toolbar-icon-bg:not(.stay-on-search) {
    width: 0px;
}

    #topnav.search-active .toolbar-icon-bg:not(.stay-on-search).appear-on-search {
        width: 64px;
    }

@media (max-width: 640px) {
    #topnav.search-active .toolbar-icon-bg:not(.appear-on-search),
    #topnav.search-active .navbar-brand {
        width: 0px !important;
    }

    #topnav.search-active #search-box .form-control {
        padding-left: 32px;
    }
}

#topnav .toolbar-icon-bg {
    width: 64px;
    transition-duration: 300ms;
}

    #topnav .toolbar-icon-bg.appear-on-search {
        width: 0;
    }

    #topnav .toolbar-icon-bg > a:hover,
    #topnav .toolbar-icon-bg > a:focus,
    #topnav .toolbar-icon-bg > a.active {
        background-color: transparent;
    }

    #topnav .toolbar-icon-bg.open > a {
        background-color: transparent;
    }

        #topnav .toolbar-icon-bg.open > a:hover {
            background-color: transparent;
        }

#topnav .toolbar.pull-right .toolbar-icon-bg > a {
    padding: 16px 8px;
}

    #topnav .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
        display: block;
        padding: 0;
        line-height: 32px;
        font-size: 16px;
        text-align: center;
        height: 32px;
        width: 48px;
    }

#topnav .userinfo {
    padding: 0;
    min-width: 200px;
}

    #topnav .userinfo li.divider {
        margin: 0;
    }

    #topnav .userinfo li a {
        padding: 10px 16px;
        color: #424242;
    }

        #topnav .userinfo li a i {
            margin-right: 16px;
            color: #bdbdbd;
            width: 16px;
            text-align: center;
        }

        #topnav .userinfo li a:hover,
        #topnav .userinfo li a:focus {
            color: #212121;
        }

            #topnav .userinfo li a:hover i,
            #topnav .userinfo li a:focus i {
                color: #9e9e9e;
            }

#topnav .navbar-nav {
    margin: 0;
}

    #topnav .navbar-nav.toolbar > li {
        float: left;
        margin-right: 0;
    }

        #topnav .navbar-nav.toolbar > li > a {
            padding: 14px 16px;
            font-weight: 500;
        }

        #topnav .navbar-nav.toolbar > li:last-child {
            margin-right: 0;
        }

#topnav a.username {
    padding: 8px 0 !important;
}

    #topnav a.username img {
        height: 40px;
        width: 40px;
        float: right;
        border-radius: 0;
    }

#topnav a.nav-username {
    padding: 0px 16px !important;
    margin: 8px 0;
}

    #topnav a.nav-username img {
        height: 32px;
        width: 32px;
        border-radius: 2px;
        float: left;
    }

    #topnav a.nav-username .status {
        position: absolute;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid var(--color-primary-dark);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 0;
        padding: 0;
        left: 43px;
        top: -4px;
    }

    #topnav a.nav-username .badge.user-status {
        position: absolute;
        top: 12px;
        left: 40px;
        right: inherit;
        font-size: 0;
        height: 8px;
        width: 8px;
        padding: 0;
        margin: 0;
    }

    #topnav a.nav-username span {
        float: right;
        margin-left: 8px;
        line-height: 32px;
        text-transform: none;
        font-weight: 500;
    }

        #topnav a.nav-username span .label,
        #topnav a.nav-username span #topnav .topnav-dropdown-header span.label {
            line-height: 16px;
            margin: 8px 0 8px 4px;
        }

@media screen and (max-width: 1035px) {
    #topnav a.nav-username .hidden-sm {
        display: none;
    }
}

#topnav .nav .badge {
    text-align: center;
    text-shadow: none !important;
    min-width: inherit;
    top: 2px;
    right: 6px;
    position: absolute;
}

#topnav.topnav-search-active .logo-area {
    float: none;
}

#topnav .form-search {
    padding: 16px 0;
}

    #topnav .form-search i {
        line-height: 32px;
        color: #fff;
    }

    #topnav .form-search input[type="text"] {
        margin-left: 5px;
        border: 0;
        background: transparent;
        height: 32px;
        line-height: 32px;
        width: 75%;
    }

        #topnav .form-search input[type="text"]::-moz-placeholder {
            color: rgba(255, 255, 255, 0.5);
            opacity: 1;
        }

        #topnav .form-search input[type="text"]:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        #topnav .form-search input[type="text"]::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

    #topnav .form-search i,
    #topnav .form-search input {
        float: left;
    }

        #topnav .form-search i.close {
            float: right;
        }

    #topnav .form-search.active {
        margin-left: 16px;
        margin-right: 16px;
        float: none;
    }

#topnav .topnav-dropdown-header,
#topnav .topnav-dropdown-footer {
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500;
    font-size: 11px;
    color: #fafafa;
}

#topnav .topnav-dropdown-header {
    border-bottom: 1px solid #f1f1f1;
}

    #topnav .topnav-dropdown-header span {
        color: #424242;
        font-weight: 500;
        text-transform: uppercase;
    }

    #topnav .topnav-dropdown-header .badge-notification {
        color: white !important;
        font-size: 10px !important;
        height: 15px !important;
        line-height: 15px;
        width: 15px !important;
        background: var(--color-heading);
    }

#topnav .topnav-dropdown-footer {
    border-top: 1px solid #f1f1f1;
}

    #topnav .topnav-dropdown-footer a {
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

#topnav .notifications {
    padding: 0;
}

@media (max-width: 767px) {
    #topnav .notifications::before,
    #topnav .notifications::after {
        right: 60px;
    }
}

#topnav .notifications .scroll-pane {
    height: 290px;
    width: 288px;
}

#topnav .notifications .notification-heading {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.45;
    color: #424242;
}

    #topnav .notifications .notification-heading > span {
        color: rgba(0, 0, 0, 0.54);
    }

#topnav .notifications .notification-time {
    font-size: 11px;
    line-height: 1.35;
    color: #bdbdbd;
}

#topnav .notifications .media {
    margin-top: 0;
    border-bottom: 1px solid #f5f5f5;
}

    #topnav .notifications .media:last-child {
        border-bottom: none;
    }

    #topnav .notifications .media a {
        display: block;
        padding: 16px;
        border-radius: 2px;
    }

        #topnav .notifications .media a:hover {
            background-color: #fafafa;
        }

#topnav .notifications .media-list .media-left {
    padding-right: 8px;
}

#topnav .notifications .notification-icon {
    height: 32px;
    width: 32px;
    display: block;
    background: #9e9e9e;
    border-radius: 50%;
}

    #topnav .notifications .notification-icon i {
        display: block;
        text-align: center;
        line-height: 32px;
        width: 32px;
        color: #fff;
        font-size: 16px;
    }

#topnav .notifications .notification-success .notification-icon {
    background: #aed581;
}

#topnav .notifications .notification-info .notification-icon {
    background: #4dd0e1;
}

#topnav .notifications .notification-danger .notification-icon {
    background: #f36c60;
}

#topnav .notifications .notification-warning .notification-icon {
    background: #ffd54f;
}

#topnav .notifications .notification-primary .notification-icon {
    background: #4fc3f7;
}

#topnav .notifications .notification-inverse .notification-icon {
    background: #e0e0e0;
}

#topnav .notifications .notification-teal .notification-icon {
    background: #4db6ac;
}

#topnav .notifications .notification-indigo .notification-icon {
    background: #7986cb;
}

#topnav .notifications .notification-message .avatar {
    height: 32px;
    width: 32px;
}

#topnav .icon-ti,
#topnav .icon-fa {
    line-height: 40px;
}

#topnav .icon-ti {
    font-size: 17px;
}

#topnav .icon-fa {
    font-size: 14px;
}

#topnav .userinfo .icon-fa,
#topnav .userinfo .icon-ti {
    line-height: 17px;
}

.sidebar .widget:not(.stay-on-collapse) {
    transition-duration: 300ms;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sidebar .widget .widget-heading,
.sidebar .widget li.nav-separator {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    display: block;
    padding: 16px;
    background: transparent !important;
    /*margin-top: 8px;*/
}

    .sidebar .widget .widget-heading:empty,
    .sidebar .widget li.nav-separator:empty {
        font-size: 0;
        padding: 4px 0px;
    }

.sidebar .widget#widget-profileinfo {
    height: 87px;
    overflow: hidden;
}

.sidebar .widget .widget-body .userinfo {
    padding: 18px 0px 15px 15px;
    position: relative;
    width: 240px;
    background-color: #fff;
    /*background: url("/Content/template/assets/img/bg.jpg") center left;*/
}

    .sidebar .widget .widget-body .userinfo .avatar {
        height: 50px;
        width: 50px;
        margin: 0 auto;
    }

    .sidebar .widget .widget-body .userinfo .acct-dropdown {
        display: none;
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        left: 0;
        padding: 6px;
        color: rgba(255, 255, 255, 0.87);
        text-transform: uppercase;
        font-size: 11px;
    }

    .sidebar .widget .widget-body .userinfo .info {
        padding: 8px 0 8px 0;
    }

        .sidebar .widget .widget-body .userinfo .info .username {
            font-size: 18px;
            line-height: 24px;
            display: block;
            text-align: left;
            padding-left: 64px;
            color: rgba(0, 0, 0, 0.87);
        }

        .sidebar .widget .widget-body .userinfo .info .useremail {
            font-size: 11px;
            line-height: 1.35;
            display: block;
            text-align: center;
            text-align: left;
            padding-left: 64px;
            color: rgba(0, 0, 0, 0.87);
        }

    .sidebar .widget .widget-body .userinfo .online-status {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        border-radius: 50%;
        top: 2px;
        position: relative;
    }

        .sidebar .widget .widget-body .userinfo .online-status.online {
            background-color: var(--color-heading);
        }

    .sidebar .widget .widget-body .userinfo .user-dropdown {
        float: right;
    }

        .sidebar .widget .widget-body .userinfo .user-dropdown .dropdown-menu,
        .sidebar .widget .widget-body .userinfo .user-dropdown .tt-dropdown-menu {
            position: absolute;
        }

            .sidebar .widget .widget-body .userinfo .user-dropdown .dropdown-menu li span,
            .sidebar .widget .widget-body .userinfo .user-dropdown .tt-dropdown-menu li span {
                padding-left: 8px;
            }

.sidebar .widget .widget-body .mini-progressbar {
    padding: 16px;
    font-size: 11px;
}

    .sidebar .widget .widget-body .mini-progressbar .progress {
        height: 4px;
        margin-bottom: 0;
    }
/* Sidebar Menu */
.sidebar nav.widget-body > ul.acc-menu {
    white-space: normal;
    margin: 0;
    padding-left: 0 !important;
    list-style-type: none;
}

    .sidebar nav.widget-body > ul.acc-menu > li:first-child > a {
        border-top: 0;
    }

    .sidebar nav.widget-body > ul.acc-menu .divider {
        height: 0px;
        width: 100%;
        margin: 0;
        overflow: hidden;
    }

    .sidebar nav.widget-body > ul.acc-menu a {
        text-decoration: none;
    }

    .sidebar nav.widget-body > ul.acc-menu ul {
        padding: 8px 0;
        padding-left: 0 !important;
        list-style: none;
    }

        .sidebar nav.widget-body > ul.acc-menu ul,
        .sidebar nav.widget-body > ul.acc-menu ul li a {
            border-top: none;
            box-shadow: none;
        }

    .sidebar nav.widget-body > ul.acc-menu li,
    .sidebar nav.widget-body > ul.acc-menu li a {
        white-space: nowrap;
    }

        .sidebar nav.widget-body > ul.acc-menu li a {
            display: block;
            padding: 8px 16px;
            position: relative;
            font-weight: 500;
            transition-duration: 300ms;
        }

    .sidebar nav.widget-body > ul.acc-menu > li > a > span.icon {
        border-radius: 2px;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        margin-right: 16px;
        text-align: center;
        width: 32px;
        font-size: 16px;
    }

    .sidebar nav.widget-body > ul.acc-menu ul li a {
        padding: 8px 16px 4px 64px;
        font-weight: 400;
        line-height: 32px;
    }

    .sidebar nav.widget-body > ul.acc-menu li.active > a {
        font-weight: 500;
    }

    .sidebar nav.widget-body > ul.acc-menu ul li.active:not(.open) > a {
        font-weight: 500;
    }

    .sidebar nav.widget-body > ul.acc-menu li ul {
        display: none;
    }

    .sidebar nav.widget-body > ul.acc-menu ul ul {
        padding: 0;
    }

    .sidebar nav.widget-body > ul.acc-menu li li li a {
        padding-left: 72px;
    }

    .sidebar nav.widget-body > ul.acc-menu ul ul ul li a {
        padding-left: 88px;
    }

    .sidebar nav.widget-body > ul.acc-menu ul ul ul ul li a {
        padding-left: 104px;
    }

    .sidebar nav.widget-body > ul.acc-menu li.disabled-link a {
        cursor: not-allowed;
        font-style: italic;
    }

    .sidebar nav.widget-body > ul.acc-menu li.hasChild > a {
        position: relative;
    }

        .sidebar nav.widget-body > ul.acc-menu li.hasChild > a:before {
            opacity: 0.25;
            filter: alpha(opacity=25);
            content: "keyboard_arrow_right";
            transition-duration: 100ms;
        }

    .sidebar nav.widget-body > ul.acc-menu li.hasChild.open > a:before {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    .sidebar nav.widget-body > ul.acc-menu li.hasChild > a:before,
    .sidebar nav.widget-body > ul.acc-menu li.hasChild.open > a:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        float: right;
    }

    .sidebar nav.widget-body > ul.acc-menu li.hasChild.open ul li a:before {
        padding-top: 0;
    }

body.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu > li.hasChild > a:before {
    content: "";
}

body.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu > li.hasChild:hover > a:before {
    content: "keyboard_arrow_right";
    opacity: 0.25;
    filter: alpha(opacity=25);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

body.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu li.hasChild:hover > a:before {
    content: "keyboard_arrow_right";
}

.sidebar-collapsed .hasChild > ul.acc-menu {
    display: none !important;
}

.sidebar-collapsed .hasChild:hover > ul.acc-menu {
    display: block !important;
}

@media screen and (max-width: 768px) {
    .static-content-wrapper {
        overflow: hidden;
    }

    body.sidebar-collapsed .static-sidebar-wrapper {
        width: 0px;
    }
}

.static-content-wrapper {
    background: #f5f5f5;
}

.static-content {
    transition: width 250ms ease-in-out;
}

@media screen and (min-width: 768px) {
    body.sidebar-collapsed .sidebar .widget:not(.stay-on-collapse) {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    body.sidebar-collapsed .sidebar .widget#widget-profileinfo {
        height: 0;
        -webkit-transform: scale(0.27);
        transform: scale(0.27);
    }

    body.sidebar-collapsed .sidebar .widget.stay-on-collapse .widget-heading,
    body.sidebar-collapsed .sidebar .widget.stay-on-collapse li.nav-separator {
        font-size: 0;
        padding: 4px 0;
    }

        body.sidebar-collapsed .sidebar .widget.stay-on-collapse li.nav-separator:hover {
            width: auto !important;
        }

    body.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu .badge,
    body.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu .label,
    body.sidebar-collapsed .sidebar nav.widget-body > ul.acc-menu #topnav .topnav-dropdown-header span.label {
        position: absolute;
        left: 28px;
        top: 10px;
    }

    body.sidebar-collapsed .static-sidebar-wrapper,
    body.sidebar-collapsed .static-sidebar-wrapper > div.stay-on-collapse {
        white-space: nowrap;
        width: 64px;
        overflow: visible;
    }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu ul {
            border-bottom-right-radius: 0;
        }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li {
            white-space: nowrap;
            position: relative;
            border-radius: 0;
        }

            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li > a {
                border-radius: 0;
                padding: 11px 17px;
            }

            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.hasChild {
                border-radius: 0;
            }

                body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.hasChild > a {
                    border-radius: 0;
                }

            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover {
                width: 248px;
                z-index: 1512;
            }

                body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul {
                    display: block;
                    position: absolute;
                    left: 64px;
                    width: 200px;
                }

                    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li > a {
                        padding-left: 16px;
                        padding-right: 16px;
                    }

                    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li li > a {
                        padding-left: 32px;
                        padding-right: 16px;
                    }

                    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li li li > a {
                        padding-left: 48px;
                        padding-right: 16px;
                    }

                    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li li li li > a {
                        padding-left: 64px;
                        padding-right: 16px;
                    }

            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.active > ul {
                display: none !important;
            }

            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.active:hover > ul {
                display: block !important;
            }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:first-child:hover {
            border-bottom-right-radius: 0;
        }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover > a {
            box-shadow: none;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu ul li a {
            padding: 7px 12px 7px 64px;
        }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover .label,
            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover .badge,
            body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover #topnav .topnav-dropdown-header span.label {
                position: absolute;
                left: 28px;
                top: 10px;
            }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li.hasChild:hover > a {
            border-bottom-right-radius: 0;
        }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li > a > span.icon {
            margin-right: 32px;
        }

        body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li > ul {
            box-shadow: none;
            border-bottom-right-radius: 2px;
            width: 184px;
        }
}

.sidebar-scroll .static-sidebar {
    position: fixed !important;
    top: 50px;
    bottom: 0px;
}

@media (max-width: 767px) {
    .static-sidebar {
        position: fixed !important;
        top: 50px;
        bottom: 0px;
        overflow-y: auto;
    }
}

.sidebar nav.widget-body > ul.acc-menu .badge,
.sidebar nav.widget-body > ul.acc-menu .label,
.sidebar nav.widget-body > ul.acc-menu #topnav .topnav-dropdown-header span.label {
    position: absolute;
    left: 30px;
    top: 6px;
}

.sidebar nav.widget-body > ul.acc-menu .label,
.sidebar nav.widget-body > ul.acc-menu #topnav .topnav-dropdown-header span.label {
    z-index: 1;
}

.sidebar nav.widget-body > ul.acc-menu > li.hasChild ul li .label,
.sidebar nav.widget-body > ul.acc-menu > li.hasChild ul li #topnav .topnav-dropdown-header span.label {
    top: inherit;
    position: inherit;
    left: inherit;
    right: inherit;
}
/*
.sidebar-collapsed {
	#widget-profileinfo {
		.userinfo {
			padding: 0;
			width: auto;
			position: relative;
			.dropdown {display: none;}
			.avatar {
			    padding-top: 12px;
			    padding-bottom: 12px;
			    width: 40px;
			}
		}
		.info {
			display: none;
		}
	}
}*/
.nav-panel {
    background: #fff !important;
    border: medium none !important;
}

    .nav-panel .panel-heading {
        border-bottom: none !important;
        background: #fff !important;
    }

.profile-area {
    background: #e51c23 url(../img/profile-bg-material.png);
    background-size: 100% auto;
    padding: 32px 16px !important;
    color: #fff;
    overflow: hidden;
}

    .profile-area h4.media-heading {
        color: #fff;
    }

    .profile-area ul.list-inline,
    .profile-area ul.widget-avatar {
        margin-bottom: 32px;
    }

        .profile-area ul.list-inline li a,
        .profile-area ul.widget-avatar li a {
            background: rgba(0, 0, 0, 0.33) none repeat scroll 0 0;
            border-radius: 16px;
            display: inline-block;
            font-size: 16px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            width: 32px;
            color: rgba(255, 255, 255, 0.66);
        }

            .profile-area ul.list-inline li a:hover,
            .profile-area ul.widget-avatar li a:hover {
                color: #fff;
                background: rgba(0, 0, 0, 0.66) none repeat scroll 0 0;
            }

    .profile-area ul.demo-btns li a {
        font-weight: 400;
        line-height: 32px;
        padding: 0 16px;
        border: medium none;
    }

    .profile-area > div > a {
        border: 4px solid #fff;
        border-radius: 2px;
    }

.profile-tab {
    border: 1px solid #eeeeee;
    margin-bottom: 32px;
    background: #fff;
}

    .profile-tab .row {
        background: #fff !important;
    }

@media (max-width: 640px) {
    .profile-tab .row div {
        margin-bottom: 40px !important;
    }
}

.profile-tab .row > div img {
    width: 100%;
}

.profile-tab .media-body {
    font-size: 11px;
    color: #9e9e9e;
}

    .profile-tab .media-body h5 {
        color: #212121;
        font-weight: 600;
    }

.profile-tab .media-desc {
    color: #212121;
}

.profile-tab .clearfix,
.profile-tab .dl-horizontal dd,
.profile-tab .container,
.profile-tab .container-fluid,
.profile-tab .row,
.profile-tab .form-horizontal .form-group,
.profile-tab .nav,
.profile-tab .btn-toolbar,
.profile-tab .btn-group-vertical > .btn-group,
.profile-tab .pager,
.profile-tab .modal-footer,
.profile-tab .infobar .widget-body,
.profile-tab .page-heading,
.profile-tab #topnav,
.profile-tab #topnav .logo-area,
.profile-tab #topnav .userinfo li a,
.profile-tab #topnav a.username,
.profile-tab #topnav a.nav-username,
.profile-tab #topnav .form-search,
.profile-tab .sidebar nav.widget-body > ul.acc-menu li.hasChild > a,
.profile-tab .navbar,
.profile-tab .navbar-header,
.profile-tab .navbar-collapse,
.profile-tab .panel,
.profile-tab .panel-heading,
.profile-tab .panel-body,
.profile-tab .panel-footer,
.profile-tab .timeline > li .timeline-header,
.profile-tab .timeline > li .timeline-footer,
.profile-tab .widget-weather,
.profile-tab .gallery,
.profile-tab .card-weather .weather-heading .weather-heading-top,
.profile-tab .card-weather .weather-heading .weather-heading-bottom {
    padding: 8px 16px;
    background: #fafafa;
}

    .profile-tab .clearfix .pull-right a,
    .profile-tab .dl-horizontal dd .pull-right a,
    .profile-tab .container .pull-right a,
    .profile-tab .container-fluid .pull-right a,
    .profile-tab .row .pull-right a,
    .profile-tab .form-horizontal .form-group .pull-right a,
    .profile-tab .nav .pull-right a,
    .profile-tab .btn-toolbar .pull-right a,
    .profile-tab .btn-group-vertical > .btn-group .pull-right a,
    .profile-tab .pager .pull-right a,
    .profile-tab .modal-footer .pull-right a,
    .profile-tab .infobar .widget-body .pull-right a,
    .profile-tab .page-heading .pull-right a,
    .profile-tab #topnav .pull-right a,
    .profile-tab #topnav .logo-area .pull-right a,
    .profile-tab #topnav .userinfo li a .pull-right a,
    .profile-tab #topnav a.username .pull-right a,
    .profile-tab #topnav a.nav-username .pull-right a,
    .profile-tab #topnav .form-search .pull-right a,
    .profile-tab .sidebar nav.widget-body > ul.acc-menu li.hasChild > a .pull-right a,
    .profile-tab .navbar .pull-right a,
    .profile-tab .navbar-header .pull-right a,
    .profile-tab .navbar-collapse .pull-right a,
    .profile-tab .panel .pull-right a,
    .profile-tab .panel-heading .pull-right a,
    .profile-tab .panel-body .pull-right a,
    .profile-tab .panel-footer .pull-right a,
    .profile-tab .timeline > li .timeline-header .pull-right a,
    .profile-tab .timeline > li .timeline-footer .pull-right a,
    .profile-tab .widget-weather .pull-right a,
    .profile-tab .gallery .pull-right a,
    .profile-tab .card-weather .weather-heading .weather-heading-top .pull-right a,
    .profile-tab .card-weather .weather-heading .weather-heading-bottom .pull-right a {
        padding: 6px 11px;
        font-weight: normal;
    }

.profile-tab div.col-md-12.pt-sm.pb-md {
    background: #fff;
}

    .profile-tab div.col-md-12.pt-sm.pb-md img {
        width: 100%;
    }

.profile-tab .form-group {
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: -2px;
}

.profile-tab .form-control {
    border: medium none;
    height: 52px;
    padding: 16px;
    margin: 0;
}

.profile-tab span.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 16px;
    text-align: center;
    font-size: 16px;
    float: left;
}

    .profile-tab span.icon i {
        font-size: 16px;
    }

.profile-tab .media {
    padding: 16px 16px 0 16px;
    background: #fff;
}

    .profile-tab .media .media-left {
        padding-right: 16px;
        border-radius: 2px;
    }

        .profile-tab .media .media-left .media-object {
            width: 40px;
            height: 40px;
            border-radius: 2px;
        }

.profile-tab .btn.btn-xs {
    line-height: 24px;
}

.profile-tab .like-info {
    background: #fafafa;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    width: 100%;
    min-height: 56px;
}

    .profile-tab .like-info a i {
        width: 16px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        margin-right: 4px;
        font-size: 16px;
    }

    .profile-tab .like-info .like-amount {
        display: inline-block;
        color: #9e9e9e;
        font-size: 11px;
    }

.like-comment .like-info {
    background: #fff;
}

.like-comment .media-desc {
    font-weight: 500;
}

.like-comment .comment-profile {
    border-bottom: 1px solid #eeeeee;
    background: #fafafa !important;
}

    .like-comment .comment-profile .media-desc {
        font-weight: 400;
    }

.panel-profile .panel-body ul {
    margin-top: 48px !important;
}

    .panel-profile .panel-body ul li a {
        font-size: 16px;
    }

.panel-profile .tab-pane {
    background: white;
}

    .panel-profile .tab-pane:nth-child(2) {
        background: transparent;
    }

.personal-info-heading span.text {
    text-align: left;
    line-height: 16px;
    padding: 16px;
    border-bottom: 1px solid #eeeeee;
}

.personel-info {
    background: #fff;
    padding: 8px 0;
    text-align: left;
}

    .personel-info span.icon {
        font-size: 16px;
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin-right: 16px;
        text-align: center;
        float: left;
    }

.form-group.form-group-lg {
    margin: 10px 0 0 0 !important;
}

@media (max-width: 479px) {
    .profile-area {
        padding: 32px 0 !important;
    }

        .profile-area div.col-md-6 {
            width: 100%;
            float: left;
        }

            .profile-area div.col-md-6 div.media-body {
                padding-left: 12px !important;
            }

            .profile-area div.col-md-6 ul {
                text-align: left;
            }

            .profile-area div.col-md-6:nth-child(2n) {
                padding-left: 127px;
            }
}

.navbar {
    position: relative;
    min-height: 64px;
    margin-bottom: 18px;
    border: 1px solid transparent;
}

@media (min-width: 992px) {
    .navbar {
        border-radius: 0;
    }
}

@media (min-width: 992px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 16px;
    padding-left: 16px;
    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: 992px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            visibility: visible !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: -16px;
    margin-left: -16px;
}

@media (min-width: 992px) {
    .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: 1200;
    border-width: 0 0 1px;
}

@media (min-width: 992px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1200;
}

@media (min-width: 992px) {
    .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: 14px 16px;
    font-size: 15px;
    line-height: 18px;
    height: 64px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 992px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -16px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 16px;
    padding: 9px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    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: 992px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7px -16px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 18px;
    }

@media (max-width: 991px) {
    .navbar-nav .open .dropdown-menu,
    .navbar-nav .open .tt-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,
        .navbar-nav .open .tt-dropdown-menu > li > a,
        .navbar-nav .open .tt-dropdown-menu .dropdown-header {
            padding: 6px 16px 6px 16px;
        }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .tt-dropdown-menu > li > a {
            line-height: 18px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus,
            .navbar-nav .open .tt-dropdown-menu > li > a:hover,
            .navbar-nav .open .tt-dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 992px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 14px;
                padding-bottom: 14px;
            }
}

.navbar-form {
    margin-left: -16px;
    margin-right: -16px;
    padding: 10px 16px;
    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: 17px;
    margin-bottom: 17px;
}

@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;
    }
}

.navbar-form .form-group {
    margin-top: 0px;
}

@media (max-width: 991px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    .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,
.navbar-nav > li > .tt-dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu,
.navbar-fixed-bottom .navbar-nav > li > .tt-dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 17px;
    margin-bottom: 17px;
}

    .navbar-btn.btn-sm {
        margin-top: 21px;
        margin-bottom: 21px;
    }

    .navbar-btn.btn-xs {
        margin-top: 21px;
        margin-bottom: 21px;
    }

.navbar-text {
    margin-top: 23px;
    margin-bottom: 23px;
}

@media (min-width: 992px) {
    .navbar-text {
        float: left;
        margin-left: 16px;
        margin-right: 16px;
    }
}

@media (min-width: 992px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -16px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #fff;
    border-color: #f1f1f1;
}

    .navbar-default .navbar-brand {
        color: #424242;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #292929;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #424242;
    }

    .navbar-default .navbar-nav > li > a {
        color: #424242;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #212121;
            background-color: #fafafa;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #212121;
        background-color: #f5f5f5;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #bdbdbd;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #eeeeee;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #fafafa;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #f5f5f5;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #f1f1f1;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #f5f5f5;
        color: #212121;
    }

@media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > li > a {
        color: #424242;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav .open .tt-dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .tt-dropdown-menu > li > a:focus {
            color: #212121;
            background-color: #fafafa;
        }

    .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,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > .active > a:focus {
        color: #212121;
        background-color: #f5f5f5;
    }

    .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,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .tt-dropdown-menu > .disabled > a:focus {
        color: #bdbdbd;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #424242;
}

    .navbar-default .navbar-link:hover {
        color: #212121;
    }

.navbar-default .btn-link {
    color: #424242;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #212121;
    }

    .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: #bdbdbd;
    }

.navbar-inverse {
    background-color: #212121;
    border-color: #3b3b3b;
}

    .navbar-inverse .navbar-brand {
        color: #9e9e9e;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #424242;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9e9e9e;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #bdbdbd;
            background-color: #2e2e2e;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #bdbdbd;
        background-color: #3b3b3b;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #292929;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #3b3b3b;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #2e2e2e;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #0f0f0f;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #3b3b3b;
        color: #bdbdbd;
    }

@media (max-width: 991px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .dropdown-header {
        border-color: #3b3b3b;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu .divider {
        background-color: #3b3b3b;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > li > a {
        color: #9e9e9e;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-inverse .navbar-nav .open .tt-dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .tt-dropdown-menu > li > a:focus {
            color: #bdbdbd;
            background-color: #2e2e2e;
        }

    .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,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .active > a:focus {
        color: #bdbdbd;
        background-color: #3b3b3b;
    }

    .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,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .tt-dropdown-menu > .disabled > a:focus {
        color: #292929;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9e9e9e;
}

    .navbar-inverse .navbar-link:hover {
        color: #bdbdbd;
    }

.navbar-inverse .btn-link {
    color: #9e9e9e;
}

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #bdbdbd;
    }

    .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: #292929;
    }

.panel {
    position: relative;
}

    .panel.no-shadow {
        box-shadow: none !important;
    }

    .panel .panel-heading h2 {
        height: 100%;
        width: auto;
        float: left;
        position: relative;
    }

ul .panel .panel-heading h2 {
    padding: 0 !important;
}

.panel .panel-heading .panel-ctrls {
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
    line-height: 0;
}

    .panel .panel-heading .panel-ctrls .button-icon,
    .panel .panel-heading .panel-ctrls .dropdown {
        float: right;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        .panel .panel-heading .panel-ctrls .button-icon:hover,
        .panel .panel-heading .panel-ctrls .dropdown:hover {
            text-decoration: none;
        }

        .panel .panel-heading .panel-ctrls .button-icon:first-child,
        .panel .panel-heading .panel-ctrls .dropdown:first-child {
            margin-right: 0;
        }

        .panel .panel-heading .panel-ctrls .button-icon.custom-icon,
        .panel .panel-heading .panel-ctrls .dropdown.custom-icon {
            float: left;
        }

        .panel .panel-heading .panel-ctrls .button-icon .material-icons,
        .panel .panel-heading .panel-ctrls .dropdown .material-icons {
            line-height: .80;
        }

.panel .panel-heading .panel-loader {
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}

.panel .panel-heading:empty {
    border-width: 0;
    height: 2px;
}

.panel .panel-heading .nav > li > a:hover,
.panel .panel-heading .nav > li > a:focus {
    background: none;
}

.panel .panel-heading .nav-tabs {
    float: right;
    margin-top: 0;
    border-bottom: none;
}

    .panel .panel-heading .nav-tabs li i {
        margin: 0 !important;
    }

    .panel .panel-heading .nav-tabs li.open > a,
    .panel .panel-heading .nav-tabs li.open > a:focus,
    .panel .panel-heading .nav-tabs li.open > a:active,
    .panel .panel-heading .nav-tabs li.open > a:visited {
        z-index: 5;
        background: #fafafa;
    }

    .panel .panel-heading .nav-tabs li.open .dropdown-menu,
    .panel .panel-heading .nav-tabs li.open .dropdown-menu:focus,
    .panel .panel-heading .nav-tabs li.open .tt-dropdown-menu,
    .panel .panel-heading .nav-tabs li.open .tt-dropdown-menu:focus {
        z-index: 3;
    }

.panel .collapsed .panel-heading {
    border-radius: 2px;
}

.panel .panel-body {
    width: 100%;
    position: relative;
}

    .panel .panel-body.no-padding {
        padding: 0px;
    }

        .panel .panel-body.no-padding > table {
            margin: 0;
        }

            .panel .panel-body.no-padding > table > tbody > tr > td,
            .panel .panel-body.no-padding > table > thead > tr > th {
                padding: 10px 16px;
            }

        .panel .panel-body.no-padding.table-responsive {
            margin: 0 !important;
            border: 0 !important;
        }

.panel .panel-scroll {
    overflow-y: scroll;
}

    .panel .panel-scroll::-webkit-scrollbar {
        width: 6px;
    }

    .panel .panel-scroll::-webkit-scrollbar-thumb {
        background-color: #c4c4c4;
        border-radius: 0;
    }

        .panel .panel-scroll::-webkit-scrollbar-thumb:hover {
            background-color: #c4c4c4;
        }

    .panel .panel-scroll::-webkit-scrollbar-track {
        background-color: #ededed;
    }

.panel,
.panel .panel-body {
    border-radius: 2px;
}

    .panel .panel-heading {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

        .panel .panel-heading + .panel-body,
        .panel .panel-editbox + .panel-body {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

    .panel.panel-collapsed .panel-heading {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .panel.panel-collapsed.editbox-open .panel-editbox {
        border-bottom: none;
    }

    .panel.editbox-open .panel-heading {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .panel .panel-footer.no-padding {
        padding: 0px;
    }

.panel {
    background-color: #fafafa;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
    border-radius: 2px;
    background-color: #fff;
    margin: 0 0 32px 0;
}

    .panel .panel-controls {
        position: absolute;
        right: 0px;
        padding: 8px;
        color: white;
        z-index: 1;
    }

        .panel .panel-controls > .togglebutton {
            float: left;
            margin-right: -9px;
            margin-top: 2px;
        }

        .panel .panel-controls > .btn-icon-rounded > span {
            color: rgba(255, 255, 255, 0.3);
            font-size: 20px;
            line-height: 32px;
        }

            .panel .panel-controls > .btn-icon-rounded > span.inverted {
                color: rgba(0, 0, 0, 0.3);
            }

        .panel .panel-controls > .dropdown-menu,
        .panel .panel-controls > .tt-dropdown-menu {
            margin-right: 8px;
        }

    .panel .panel-heading {
        color: #9e9e9e;
        background-color: #fafafa;
        padding: 0px 16px 0px 16px;
        line-height: 48px;
    }

        .panel .panel-heading h2 {
            font-size: 13px;
            font-weight: 500;
            padding: 14px 0 14px;
            margin: 0;
            line-height: 20px;
            opacity: 0.75;
            text-transform: uppercase;
        }

            .panel .panel-heading h2 i {
                margin-right: 8px;
            }

                .panel .panel-heading h2 i.separator {
                    height: 32px;
                    width: 1px;
                    display: inline-block;
                    margin: 8px 16px;
                }

        .panel .panel-heading .panel-ctrls {
            margin-right: -8px;
        }

            .panel .panel-heading .panel-ctrls i.separator {
                height: 32px;
                width: 1px;
                display: inline-block;
                margin: 8px 16px;
            }

            .panel .panel-heading .panel-ctrls .button-icon {
                margin: 8px 0;
                line-height: 16px;
                padding: 8px 0;
                width: 32px;
                height: 32px;
                border-radius: 2px;
            }

                .panel .panel-heading .panel-ctrls .button-icon.btn {
                    margin: 8px 0;
                }

        .panel .panel-heading .panel-loader {
            width: 14px;
            height: 14px;
            margin: 17px 0px 0px 0px;
        }

        .panel .panel-heading .nav-tabs {
            background: none;
        }

    .panel .panel-body {
        background-color: #fff;
        font-size: 13px;
        padding: 16px;
    }

        .panel .panel-body h1 small,
        .panel .panel-body h2 small,
        .panel .panel-body h3 small,
        .panel .panel-body h4 small,
        .panel .panel-body h5 small,
        .panel .panel-body h6 small {
            display: block;
            margin-top: 4px;
        }

        .panel .panel-body.no-padding .alert {
            margin: 32px !important;
        }

        .panel .panel-body.panel-tb-padding {
            padding: 16px 0px;
        }

        .panel .panel-body.panel-lr-padding {
            padding: 0 16px;
        }

        .panel .panel-body.scroll-pane > .scroll-content {
            padding: 16px;
        }

    .panel .panel-footer {
        padding: 16px;
        background-color: #fff;
        border-radius: 0 0 2px 2px;
    }

@media (max-width: 980px) {
    .panel .panel-footer .expense {
        padding-left: 0 !important;
    }
}

.panel .panel-footer .easypiechart {
    margin-right: 0 !important;
}

.panel.ui-sortable-helper {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
}

.panel-placeholder {
    border-radius: 2px;
    margin-bottom: 32px;
    padding: 0;
    background-color: #f1f1f1;
    border: 2px dashed #eeeeee;
}

.panel .panel-heading .nav-tabs li {
    margin-bottom: 0;
}

    .panel .panel-heading .nav-tabs li a {
        border: none;
        color: #9e9e9e;
        font-weight: 500;
        padding: 0 16px;
        line-height: 48px;
        border-radius: 0;
    }

    .panel .panel-heading .nav-tabs li:hover a {
        color: #212121;
        background: #fafafa;
    }

    .panel .panel-heading .nav-tabs li:focus a {
        color: #212121;
        background: none;
        background: #e0e0e0;
    }

    .panel .panel-heading .nav-tabs li.active a {
        background: #fff;
        font-weight: 500;
        color: #212121;
        box-shadow: none;
        background-color: #fff !important;
    }

    .panel .panel-heading .nav-tabs li.active > a {
        color: #212121 !important;
    }

    .panel .panel-heading .nav-tabs li.active:hover > a {
        color: #212121 !important;
        background: #fff;
    }

.panel .panel-heading h2 > ul.nav-tabs {
    margin: -14px 0px -14px -16px;
}

    .panel .panel-heading h2 > ul.nav-tabs > li > a {
        padding: 0 16px;
        font-weight: 400 !important;
        background: #fff;
        margin-bottom: -2px;
    }

    .panel .panel-heading h2 > ul.nav-tabs li.active a {
        font-weight: 400 !important;
        border-bottom: 2px solid #03a9f4;
    }

    .panel .panel-heading h2 > ul.nav-tabs li.tabdrop + li > a {
        border-top-left-radius: 2px;
    }

.panel .panel-heading li.tabdrop a {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.panel .panel-heading li.tabdrop ul a {
    padding: 6px 16px !important;
    line-height: 1.45 !important;
    font-weight: normal !important;
}

.panel .panel-heading li.tabdrop.active a {
    box-shadow: none;
}

.panel .panel-heading li.tabdrop.open > a,
.panel .panel-heading li.tabdrop.open > a:hover,
.panel .panel-heading li.tabdrop.open > a:focus,
.panel .panel-heading li.tabdrop.open > a:active,
.panel .panel-heading li.tabdrop.open > a:visited,
.panel .panel-heading li.tabdrop.open a,
.panel .panel-heading li.tabdrop.open a:hover {
    color: #212121 !important;
    background: #fff !important;
}

.panel .panel-heading li.tabdrop.open a {
    color: #9e9e9e !important;
    font-weight: 500 !important;
}

    .panel .panel-heading li.tabdrop.open a:hover,
    .panel .panel-heading li.tabdrop.open a:focus,
    .panel .panel-heading li.tabdrop.open a:active {
        color: #212121;
        background: #f5f5f5;
    }

.panel .panel-heading li.tabdrop.open .active a {
    color: #212121 !important;
}

.panel.panel-inverse {
    border-color: #757575;
}

    .panel.panel-inverse .panel-heading {
        color: #fafafa;
        background-color: #757575;
        border-color: #757575;
    }

        .panel.panel-inverse .panel-heading h2 {
            color: #fafafa;
        }

            .panel.panel-inverse .panel-heading h2 i.separator {
                background-color: rgba(250, 250, 250, 0.125);
            }

        .panel.panel-inverse .panel-heading .panel-ctrls .button-icon {
            color: rgba(250, 250, 250, 0.5);
        }

            .panel.panel-inverse .panel-heading .panel-ctrls .button-icon:hover {
                color: #fafafa;
                background-color: rgba(250, 250, 250, 0.125);
            }

        .panel.panel-inverse .panel-heading .panel-ctrls i.separator {
            background-color: rgba(250, 250, 250, 0.125);
        }

        .panel.panel-inverse .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-inverse .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-primary {
    border-color: #039be5;
}

    .panel.panel-primary .panel-heading {
        color: #e1f5fe;
        background-color: #03a9f4;
        border-color: #039be5;
    }

        .panel.panel-primary .panel-heading h2 {
            color: #e1f5fe;
        }

            .panel.panel-primary .panel-heading h2 i.separator {
                background-color: rgba(225, 245, 254, 0.125);
            }

        .panel.panel-primary .panel-heading .panel-ctrls .button-icon {
            color: rgba(225, 245, 254, 0.5);
        }

            .panel.panel-primary .panel-heading .panel-ctrls .button-icon:hover {
                color: #e1f5fe;
                background-color: rgba(225, 245, 254, 0.125);
            }

        .panel.panel-primary .panel-heading .panel-ctrls i.separator {
            background-color: rgba(225, 245, 254, 0.125);
        }

        .panel.panel-primary .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-primary .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-success {
    border-color: #7cb342;
}

    .panel.panel-success .panel-heading {
        color: #f1f8e9;
        background-color: var(--color-primary-dark);
        border-color: #7cb342;
    }

        .panel.panel-success .panel-heading h2 {
            color: #f1f8e9;
        }

            .panel.panel-success .panel-heading h2 i.separator {
                background-color: rgba(241, 248, 233, 0.125);
            }

        .panel.panel-success .panel-heading .panel-ctrls .button-icon {
            color: rgba(241, 248, 233, 0.5);
        }

            .panel.panel-success .panel-heading .panel-ctrls .button-icon:hover {
                color: #f1f8e9;
                background-color: rgba(241, 248, 233, 0.125);
            }

        .panel.panel-success .panel-heading .panel-ctrls i.separator {
            background-color: rgba(241, 248, 233, 0.125);
        }

        .panel.panel-success .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-success .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-warning {
    border-color: #fdd835;
}

    .panel.panel-warning .panel-heading {
        color: #fffde7;
        background-color: #ffc107;
        border-color: #fdd835;
    }

        .panel.panel-warning .panel-heading h2 {
            color: #fffde7;
        }

            .panel.panel-warning .panel-heading h2 i.separator {
                background-color: rgba(255, 253, 231, 0.125);
            }

        .panel.panel-warning .panel-heading .panel-ctrls .button-icon {
            color: rgba(255, 253, 231, 0.5);
        }

            .panel.panel-warning .panel-heading .panel-ctrls .button-icon:hover {
                color: #fffde7;
                background-color: rgba(255, 253, 231, 0.125);
            }

        .panel.panel-warning .panel-heading .panel-ctrls i.separator {
            background-color: rgba(255, 253, 231, 0.125);
        }

        .panel.panel-warning .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-warning .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-danger {
    border-color: #dd191d;
}

    .panel.panel-danger .panel-heading {
        color: #fde0dc;
        background-color: #e51c23;
        border-color: #dd191d;
    }

        .panel.panel-danger .panel-heading h2 {
            color: #fde0dc;
        }

            .panel.panel-danger .panel-heading h2 i.separator {
                background-color: rgba(253, 224, 220, 0.125);
            }

        .panel.panel-danger .panel-heading .panel-ctrls .button-icon {
            color: rgba(253, 224, 220, 0.5);
        }

            .panel.panel-danger .panel-heading .panel-ctrls .button-icon:hover {
                color: #fde0dc;
                background-color: rgba(253, 224, 220, 0.125);
            }

        .panel.panel-danger .panel-heading .panel-ctrls i.separator {
            background-color: rgba(253, 224, 220, 0.125);
        }

        .panel.panel-danger .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-danger .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-info {
    border-color: #00acc1;
}

    .panel.panel-info .panel-heading {
        color: #e0f7fa;
        background-color: #00bcd4;
        border-color: #00acc1;
    }

        .panel.panel-info .panel-heading h2 {
            color: #e0f7fa;
        }

            .panel.panel-info .panel-heading h2 i.separator {
                background-color: rgba(224, 247, 250, 0.125);
            }

        .panel.panel-info .panel-heading .panel-ctrls .button-icon {
            color: rgba(224, 247, 250, 0.5);
        }

            .panel.panel-info .panel-heading .panel-ctrls .button-icon:hover {
                color: #e0f7fa;
                background-color: rgba(224, 247, 250, 0.125);
            }

        .panel.panel-info .panel-heading .panel-ctrls i.separator {
            background-color: rgba(224, 247, 250, 0.125);
        }

        .panel.panel-info .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-info .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-brown {
    border-color: #6d4c41;
}

    .panel.panel-brown .panel-heading {
        color: #efebe9;
        background-color: #795548;
        border-color: #6d4c41;
    }

        .panel.panel-brown .panel-heading h2 {
            color: #efebe9;
        }

            .panel.panel-brown .panel-heading h2 i.separator {
                background-color: rgba(239, 235, 233, 0.125);
            }

        .panel.panel-brown .panel-heading .panel-ctrls .button-icon {
            color: rgba(239, 235, 233, 0.5);
        }

            .panel.panel-brown .panel-heading .panel-ctrls .button-icon:hover {
                color: #efebe9;
                background-color: rgba(239, 235, 233, 0.125);
            }

        .panel.panel-brown .panel-heading .panel-ctrls i.separator {
            background-color: rgba(239, 235, 233, 0.125);
        }

        .panel.panel-brown .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-brown .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-indigo {
    border-color: #3949ab;
}

    .panel.panel-indigo .panel-heading {
        color: #e8eaf6;
        background-color: #3f51b5;
        border-color: #3949ab;
    }

        .panel.panel-indigo .panel-heading h2 {
            color: #e8eaf6;
        }

            .panel.panel-indigo .panel-heading h2 i.separator {
                background-color: rgba(232, 234, 246, 0.125);
            }

        .panel.panel-indigo .panel-heading .panel-ctrls .button-icon {
            color: rgba(232, 234, 246, 0.5);
        }

            .panel.panel-indigo .panel-heading .panel-ctrls .button-icon:hover {
                color: #e8eaf6;
                background-color: rgba(232, 234, 246, 0.125);
            }

        .panel.panel-indigo .panel-heading .panel-ctrls i.separator {
            background-color: rgba(232, 234, 246, 0.125);
        }

        .panel.panel-indigo .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-indigo .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-orange {
    border-color: #fb8c00;
}

    .panel.panel-orange .panel-heading {
        color: #fff3e0;
        background-color: #ff9800;
        border-color: #fb8c00;
    }

        .panel.panel-orange .panel-heading h2 {
            color: #fff3e0;
        }

            .panel.panel-orange .panel-heading h2 i.separator {
                background-color: rgba(255, 243, 224, 0.125);
            }

        .panel.panel-orange .panel-heading .panel-ctrls .button-icon {
            color: rgba(255, 243, 224, 0.5);
        }

            .panel.panel-orange .panel-heading .panel-ctrls .button-icon:hover {
                color: #fff3e0;
                background-color: rgba(255, 243, 224, 0.125);
            }

        .panel.panel-orange .panel-heading .panel-ctrls i.separator {
            background-color: rgba(255, 243, 224, 0.125);
        }

        .panel.panel-orange .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-orange .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-midnightblue {
    border-color: #263238;
}

    .panel.panel-midnightblue .panel-heading {
        color: #eceff1;
        background-color: #37474f;
        border-color: #263238;
    }

        .panel.panel-midnightblue .panel-heading h2 {
            color: #eceff1;
        }

            .panel.panel-midnightblue .panel-heading h2 i.separator {
                background-color: rgba(236, 239, 241, 0.125);
            }

        .panel.panel-midnightblue .panel-heading .panel-ctrls .button-icon {
            color: rgba(236, 239, 241, 0.5);
        }

            .panel.panel-midnightblue .panel-heading .panel-ctrls .button-icon:hover {
                color: #eceff1;
                background-color: rgba(236, 239, 241, 0.125);
            }

        .panel.panel-midnightblue .panel-heading .panel-ctrls i.separator {
            background-color: rgba(236, 239, 241, 0.125);
        }

        .panel.panel-midnightblue .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-midnightblue .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-teal {
    border-color: #009688;
}

    .panel.panel-teal .panel-heading {
        color: #e0f2f1;
        background-color: #009688;
        border-color: #009688;
    }

        .panel.panel-teal .panel-heading h2 {
            color: #e0f2f1;
        }

            .panel.panel-teal .panel-heading h2 i.separator {
                background-color: rgba(224, 242, 241, 0.125);
            }

        .panel.panel-teal .panel-heading .panel-ctrls .button-icon {
            color: rgba(224, 242, 241, 0.5);
        }

            .panel.panel-teal .panel-heading .panel-ctrls .button-icon:hover {
                color: #e0f2f1;
                background-color: rgba(224, 242, 241, 0.125);
            }

        .panel.panel-teal .panel-heading .panel-ctrls i.separator {
            background-color: rgba(224, 242, 241, 0.125);
        }

        .panel.panel-teal .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-teal .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-pink {
    border-color: #e91e63;
}

    .panel.panel-pink .panel-heading {
        color: #fce4ec;
        background-color: #e91e63;
        border-color: #e91e63;
    }

        .panel.panel-pink .panel-heading h2 {
            color: #fce4ec;
        }

            .panel.panel-pink .panel-heading h2 i.separator {
                background-color: rgba(252, 228, 236, 0.125);
            }

        .panel.panel-pink .panel-heading .panel-ctrls .button-icon {
            color: rgba(252, 228, 236, 0.5);
        }

            .panel.panel-pink .panel-heading .panel-ctrls .button-icon:hover {
                color: #fce4ec;
                background-color: rgba(252, 228, 236, 0.125);
            }

        .panel.panel-pink .panel-heading .panel-ctrls i.separator {
            background-color: rgba(252, 228, 236, 0.125);
        }

        .panel.panel-pink .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-pink .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-purple {
    border-color: #9c27b0;
}

    .panel.panel-purple .panel-heading {
        color: #f3e5f5;
        background-color: #9c27b0;
        border-color: #9c27b0;
    }

        .panel.panel-purple .panel-heading h2 {
            color: #f3e5f5;
        }

            .panel.panel-purple .panel-heading h2 i.separator {
                background-color: rgba(243, 229, 245, 0.125);
            }

        .panel.panel-purple .panel-heading .panel-ctrls .button-icon {
            color: rgba(243, 229, 245, 0.5);
        }

            .panel.panel-purple .panel-heading .panel-ctrls .button-icon:hover {
                color: #f3e5f5;
                background-color: rgba(243, 229, 245, 0.125);
            }

        .panel.panel-purple .panel-heading .panel-ctrls i.separator {
            background-color: rgba(243, 229, 245, 0.125);
        }

        .panel.panel-purple .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-purple .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-green {
    border-color: var(--color-heading);
}

    .panel.panel-green .panel-heading {
        color: #e8f5e9;
        background-color: var(--color-heading);
        border-color: var(--color-heading);
    }

        .panel.panel-green .panel-heading h2 {
            color: #e8f5e9;
        }

            .panel.panel-green .panel-heading h2 i.separator {
                background-color: rgba(232, 245, 233, 0.125);
            }

        .panel.panel-green .panel-heading .panel-ctrls .button-icon {
            color: rgba(232, 245, 233, 0.5);
        }

            .panel.panel-green .panel-heading .panel-ctrls .button-icon:hover {
                color: #e8f5e9;
                background-color: rgba(232, 245, 233, 0.125);
            }

        .panel.panel-green .panel-heading .panel-ctrls i.separator {
            background-color: rgba(232, 245, 233, 0.125);
        }

        .panel.panel-green .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-green .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-lime {
    border-color: #cddc39;
}

    .panel.panel-lime .panel-heading {
        color: #f9fbe7;
        background-color: #cddc39;
        border-color: #cddc39;
    }

        .panel.panel-lime .panel-heading h2 {
            color: #f9fbe7;
        }

            .panel.panel-lime .panel-heading h2 i.separator {
                background-color: rgba(249, 251, 231, 0.125);
            }

        .panel.panel-lime .panel-heading .panel-ctrls .button-icon {
            color: rgba(249, 251, 231, 0.5);
        }

            .panel.panel-lime .panel-heading .panel-ctrls .button-icon:hover {
                color: #f9fbe7;
                background-color: rgba(249, 251, 231, 0.125);
            }

        .panel.panel-lime .panel-heading .panel-ctrls i.separator {
            background-color: rgba(249, 251, 231, 0.125);
        }

        .panel.panel-lime .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-lime .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-bluegray,
.panel.panel-realtime-alt {
    border-color: #607d8b;
}

    .panel.panel-bluegray .panel-heading,
    .panel.panel-realtime-alt .panel-heading {
        color: #eceff1;
        background-color: #607d8b;
        border-color: #607d8b;
    }

        .panel.panel-bluegray .panel-heading h2,
        .panel.panel-realtime-alt .panel-heading h2 {
            color: #eceff1;
        }

            .panel.panel-bluegray .panel-heading h2 i.separator,
            .panel.panel-realtime-alt .panel-heading h2 i.separator {
                background-color: rgba(236, 239, 241, 0.125);
            }

        .panel.panel-bluegray .panel-heading .panel-ctrls .button-icon,
        .panel.panel-realtime-alt .panel-heading .panel-ctrls .button-icon {
            color: rgba(236, 239, 241, 0.5);
        }

            .panel.panel-bluegray .panel-heading .panel-ctrls .button-icon:hover,
            .panel.panel-realtime-alt .panel-heading .panel-ctrls .button-icon:hover {
                color: #eceff1;
                background-color: rgba(236, 239, 241, 0.125);
            }

        .panel.panel-bluegray .panel-heading .panel-ctrls i.separator,
        .panel.panel-realtime-alt .panel-heading .panel-ctrls i.separator {
            background-color: rgba(236, 239, 241, 0.125);
        }

        .panel.panel-bluegray .panel-heading .nav-tabs li > a,
        .panel.panel-realtime-alt .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-bluegray .panel-heading .nav-tabs li:hover > a,
        .panel.panel-realtime-alt .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-bluegraylight {
    border-color: #eceff1;
}

    .panel.panel-bluegraylight .panel-heading {
        color: #607d8b;
        background-color: #eceff1;
        border-color: #eceff1;
    }

        .panel.panel-bluegraylight .panel-heading h2 {
            color: #607d8b;
        }

            .panel.panel-bluegraylight .panel-heading h2 i.separator {
                background-color: rgba(96, 125, 139, 0.125);
            }

        .panel.panel-bluegraylight .panel-heading .panel-ctrls .button-icon {
            color: rgba(96, 125, 139, 0.5);
        }

            .panel.panel-bluegraylight .panel-heading .panel-ctrls .button-icon:hover {
                color: #607d8b;
                background-color: rgba(96, 125, 139, 0.125);
            }

        .panel.panel-bluegraylight .panel-heading .panel-ctrls i.separator {
            background-color: rgba(96, 125, 139, 0.125);
        }

        .panel.panel-bluegraylight .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-bluegraylight .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-deeppurple {
    border-color: #673ab7;
}

    .panel.panel-deeppurple .panel-heading {
        color: #ede7f6;
        background-color: #673ab7;
        border-color: #673ab7;
    }

        .panel.panel-deeppurple .panel-heading h2 {
            color: #ede7f6;
        }

            .panel.panel-deeppurple .panel-heading h2 i.separator {
                background-color: rgba(237, 231, 246, 0.125);
            }

        .panel.panel-deeppurple .panel-heading .panel-ctrls .button-icon {
            color: rgba(237, 231, 246, 0.5);
        }

            .panel.panel-deeppurple .panel-heading .panel-ctrls .button-icon:hover {
                color: #ede7f6;
                background-color: rgba(237, 231, 246, 0.125);
            }

        .panel.panel-deeppurple .panel-heading .panel-ctrls i.separator {
            background-color: rgba(237, 231, 246, 0.125);
        }

        .panel.panel-deeppurple .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-deeppurple .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-yellow {
    border-color: #ffeb3b;
}

    .panel.panel-yellow .panel-heading {
        color: #f57f17;
        background-color: #ffeb3b;
        border-color: #ffeb3b;
    }

        .panel.panel-yellow .panel-heading h2 {
            color: #f57f17;
        }

            .panel.panel-yellow .panel-heading h2 i.separator {
                background-color: rgba(245, 127, 23, 0.125);
            }

        .panel.panel-yellow .panel-heading .panel-ctrls .button-icon {
            color: rgba(245, 127, 23, 0.5);
        }

            .panel.panel-yellow .panel-heading .panel-ctrls .button-icon:hover {
                color: #f57f17;
                background-color: rgba(245, 127, 23, 0.125);
            }

        .panel.panel-yellow .panel-heading .panel-ctrls i.separator {
            background-color: rgba(245, 127, 23, 0.125);
        }

        .panel.panel-yellow .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-yellow .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-deeporange {
    border-color: #ff5722;
}

    .panel.panel-deeporange .panel-heading {
        color: #fbe9e7;
        background-color: #ff5722;
        border-color: #ff5722;
    }

        .panel.panel-deeporange .panel-heading h2 {
            color: #fbe9e7;
        }

            .panel.panel-deeporange .panel-heading h2 i.separator {
                background-color: rgba(251, 233, 231, 0.125);
            }

        .panel.panel-deeporange .panel-heading .panel-ctrls .button-icon {
            color: rgba(251, 233, 231, 0.5);
        }

            .panel.panel-deeporange .panel-heading .panel-ctrls .button-icon:hover {
                color: #fbe9e7;
                background-color: rgba(251, 233, 231, 0.125);
            }

        .panel.panel-deeporange .panel-heading .panel-ctrls i.separator {
            background-color: rgba(251, 233, 231, 0.125);
        }

        .panel.panel-deeporange .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-deeporange .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-blue {
    border-color: #2196f3;
}

    .panel.panel-blue .panel-heading {
        color: #e3f2fd;
        background-color: #2196f3;
        border-color: #2196f3;
    }

        .panel.panel-blue .panel-heading h2 {
            color: #e3f2fd;
        }

            .panel.panel-blue .panel-heading h2 i.separator {
                background-color: rgba(227, 242, 253, 0.125);
            }

        .panel.panel-blue .panel-heading .panel-ctrls .button-icon {
            color: rgba(227, 242, 253, 0.5);
        }

            .panel.panel-blue .panel-heading .panel-ctrls .button-icon:hover {
                color: #e3f2fd;
                background-color: rgba(227, 242, 253, 0.125);
            }

        .panel.panel-blue .panel-heading .panel-ctrls i.separator {
            background-color: rgba(227, 242, 253, 0.125);
        }

        .panel.panel-blue .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-blue .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-indigo {
    border-color: #3f51b5;
}

    .panel.panel-indigo .panel-heading {
        color: #e8eaf6;
        background-color: #3f51b5;
        border-color: #3f51b5;
    }

        .panel.panel-indigo .panel-heading h2 {
            color: #e8eaf6;
        }

            .panel.panel-indigo .panel-heading h2 i.separator {
                background-color: rgba(232, 234, 246, 0.125);
            }

        .panel.panel-indigo .panel-heading .panel-ctrls .button-icon {
            color: rgba(232, 234, 246, 0.5);
        }

            .panel.panel-indigo .panel-heading .panel-ctrls .button-icon:hover {
                color: #e8eaf6;
                background-color: rgba(232, 234, 246, 0.125);
            }

        .panel.panel-indigo .panel-heading .panel-ctrls i.separator {
            background-color: rgba(232, 234, 246, 0.125);
        }

        .panel.panel-indigo .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-indigo .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-pink {
    border-color: #e91e63;
}

    .panel.panel-pink .panel-heading {
        color: #fce4ec;
        background-color: #e91e63;
        border-color: #e91e63;
    }

        .panel.panel-pink .panel-heading h2 {
            color: #fce4ec;
        }

            .panel.panel-pink .panel-heading h2 i.separator {
                background-color: rgba(252, 228, 236, 0.125);
            }

        .panel.panel-pink .panel-heading .panel-ctrls .button-icon {
            color: rgba(252, 228, 236, 0.5);
        }

            .panel.panel-pink .panel-heading .panel-ctrls .button-icon:hover {
                color: #fce4ec;
                background-color: rgba(252, 228, 236, 0.125);
            }

        .panel.panel-pink .panel-heading .panel-ctrls i.separator {
            background-color: rgba(252, 228, 236, 0.125);
        }

        .panel.panel-pink .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-pink .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-black {
    border-color: #212121;
}

    .panel.panel-black .panel-heading {
        color: #fafafa;
        background-color: #212121;
        border-color: #212121;
    }

        .panel.panel-black .panel-heading h2 {
            color: #fafafa;
        }

            .panel.panel-black .panel-heading h2 i.separator {
                background-color: rgba(250, 250, 250, 0.125);
            }

        .panel.panel-black .panel-heading .panel-ctrls .button-icon {
            color: rgba(250, 250, 250, 0.5);
        }

            .panel.panel-black .panel-heading .panel-ctrls .button-icon:hover {
                color: #fafafa;
                background-color: rgba(250, 250, 250, 0.125);
            }

        .panel.panel-black .panel-heading .panel-ctrls i.separator {
            background-color: rgba(250, 250, 250, 0.125);
        }

        .panel.panel-black .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-black .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-gray {
    border-color: #9e9e9e;
}

    .panel.panel-gray .panel-heading {
        color: #fafafa;
        background-color: #9e9e9e;
        border-color: #9e9e9e;
    }

        .panel.panel-gray .panel-heading h2 {
            color: #fafafa;
        }

            .panel.panel-gray .panel-heading h2 i.separator {
                background-color: rgba(250, 250, 250, 0.125);
            }

        .panel.panel-gray .panel-heading .panel-ctrls .button-icon {
            color: rgba(250, 250, 250, 0.5);
        }

            .panel.panel-gray .panel-heading .panel-ctrls .button-icon:hover {
                color: #fafafa;
                background-color: rgba(250, 250, 250, 0.125);
            }

        .panel.panel-gray .panel-heading .panel-ctrls i.separator {
            background-color: rgba(250, 250, 250, 0.125);
        }

        .panel.panel-gray .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-gray .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-default {
    border-color: #fcfcfc;
}

    .panel.panel-default .panel-heading {
        color: #616161;
        background-color: #fcfcfc;
        border-color: #fcfcfc;
    }

        .panel.panel-default .panel-heading h2 {
            color: #616161;
        }

            .panel.panel-default .panel-heading h2 i.separator {
                background-color: rgba(97, 97, 97, 0.125);
            }

        .panel.panel-default .panel-heading .panel-ctrls .button-icon {
            color: rgba(97, 97, 97, 0.5);
        }

            .panel.panel-default .panel-heading .panel-ctrls .button-icon:hover {
                color: #616161;
                background-color: rgba(97, 97, 97, 0.125);
            }

        .panel.panel-default .panel-heading .panel-ctrls i.separator {
            background-color: rgba(97, 97, 97, 0.125);
        }

        .panel.panel-default .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-default .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-white,
.panel.panel-realtime {
    border-color: #fff;
}

    .panel.panel-white .panel-heading,
    .panel.panel-realtime .panel-heading {
        color: #9e9e9e;
        background-color: #fff;
        border-color: #fff;
    }

        .panel.panel-white .panel-heading h2,
        .panel.panel-realtime .panel-heading h2 {
            color: #9e9e9e;
        }

            .panel.panel-white .panel-heading h2 i.separator,
            .panel.panel-realtime .panel-heading h2 i.separator {
                background-color: rgba(158, 158, 158, 0.125);
            }

        .panel.panel-white .panel-heading .panel-ctrls .button-icon,
        .panel.panel-realtime .panel-heading .panel-ctrls .button-icon {
            color: rgba(158, 158, 158, 0.5);
        }

            .panel.panel-white .panel-heading .panel-ctrls .button-icon:hover,
            .panel.panel-realtime .panel-heading .panel-ctrls .button-icon:hover {
                color: #9e9e9e;
                background-color: rgba(158, 158, 158, 0.125);
            }

        .panel.panel-white .panel-heading .panel-ctrls i.separator,
        .panel.panel-realtime .panel-heading .panel-ctrls i.separator {
            background-color: rgba(158, 158, 158, 0.125);
        }

        .panel.panel-white .panel-heading .nav-tabs li > a,
        .panel.panel-realtime .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-white .panel-heading .nav-tabs li:hover > a,
        .panel.panel-realtime .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.panel.panel-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
}

    .panel.panel-transparent .panel-heading {
        background-color: transparent !important;
    }

        .panel.panel-transparent .panel-heading .nav-tabs li a {
            border-radius: 24px !important;
        }

    .panel.panel-transparent .panel-body {
        background-color: transparent !important;
    }

.panel.panel-default .panel-heading .nav-tabs li a,
.panel.panel-white .panel-heading .nav-tabs li a,
.panel.panel-realtime .panel-heading .nav-tabs li a {
    color: #9e9e9e;
}

.panel.panel-default .panel-heading .nav-tabs li:hover a,
.panel.panel-white .panel-heading .nav-tabs li:hover a,
.panel.panel-realtime .panel-heading .nav-tabs li:hover a {
    color: #212121;
}

.panel.panel-default .panel-heading .nav-tabs li.active a,
.panel.panel-white .panel-heading .nav-tabs li.active a,
.panel.panel-realtime .panel-heading .nav-tabs li.active a {
    background: #fff;
    color: #212121;
}

.panel.panel-default .panel-heading .nav-tabs li.active:hover > a,
.panel.panel-white .panel-heading .nav-tabs li.active:hover > a,
.panel.panel-realtime .panel-heading .nav-tabs li.active:hover > a {
    background: #fff;
}
/* Helpers ----------- */
[data-widget]:not([data-widget-static]) .panel-heading {
    cursor: move;
}

.panel-group {
    margin-bottom: 32px;
    position: relative;
}

    .panel-group > .panel {
        margin-bottom: 0;
        padding-bottom: 0;
        border-radius: 2px;
        overflow: hidden;
    }

        .panel-group > .panel .panel-body {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            margin-top: 0;
        }

    .panel-group .panel + .panel {
        margin-top: 16px;
    }

    .panel-group .panel-heading a:after {
        font-family: 'FontAwesome';
        content: "\f107";
        float: right;
        color: grey;
    }

    .panel-group .panel-heading a.collapsed:after {
        content: "\f104";
    }

.blockLoader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7);
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000);
}

.panel-toolbar-editbox.panel-collapsed .panel-heading,
.panel-toolbar-colorbox.panel-collapsed .panel-heading {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel-editbox {
    padding: 16px;
    display: none;
    position: absolute;
    z-index: 2;
    right: 40px;
    width: 176px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 4px 9px rgba(0, 0, 0, 0.12);
}

    .panel-editbox:before,
    .panel-editbox:after {
        right: 8px;
    }

.panel-collapsed .panel-editbox {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.panel-color-list {
    padding: 16px !important;
    text-align: left;
    margin: 0;
    font-size: 0;
    min-width: 176px;
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
    box-shadow: 0 4px 9px rgba(0, 0, 0, 0.12);
}

    .panel-color-list > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

    .panel-color-list:before,
    .panel-color-list:after {
        right: 8px !important;
    }

    .panel-color-list li {
        margin: 1px;
        padding: 0;
    }

        .panel-color-list li span {
            border-radius: 2px;
            display: block;
            height: 16px !important;
            width: 16px !important;
        }

            .panel-color-list li span:hover {
                cursor: pointer;
            }

    .panel-color-list.text-center {
        text-align: center;
    }

span[data-style="panel-info"] {
    background-color: #00bcd4;
}

span[data-style="panel-primary"] {
    background-color: #03a9f4;
}

span[data-style="panel-blue"] {
    background-color: #2196f3;
}

span[data-style="panel-indigo"] {
    background-color: #3f51b5;
}

span[data-style="panel-deeppurple"] {
    background-color: #673ab7;
}

span[data-style="panel-purple"] {
    background-color: #9c27b0;
}

span[data-style="panel-pink"] {
    background-color: #e91e63;
}

span[data-style="panel-danger"] {
    background-color: #e51c23;
}

span[data-style="panel-teal"] {
    background-color: #009688;
}

span[data-style="panel-green"] {
    background-color: var(--color-heading);
}

span[data-style="panel-success"] {
    background-color: var(--color-primary-dark);
}

span[data-style="panel-lime"] {
    background-color: #cddc39;
}

span[data-style="panel-yellow"] {
    background-color: #ffeb3b;
}

span[data-style="panel-warning"] {
    background-color: #ffc107;
}

span[data-style="panel-orange"] {
    background-color: #ff9800;
}

span[data-style="panel-deeporange"] {
    background-color: #ff5722;
}

span[data-style="panel-midnightblue"] {
    background-color: #37474f;
}

span[data-style="panel-bluegray"] {
    background-color: #607d8b;
}

span[data-style="panel-bluegraylight"] {
    background-color: #eceff1;
}

span[data-style="panel-black"] {
    background-color: #212121;
}

span[data-style="panel-gray"] {
    background-color: #9e9e9e;
}

span[data-style="panel-default"] {
    background-color: #fafafa;
}

span[data-style="panel-white"] {
    background-color: #fff;
    border: 2px solid #f36c60;
}

span[data-style="panel-brown"] {
    background-color: #795548;
}

.animated-content .panel:not(.no-animate) {
    visibility: hidden;
}

.chart-div h3 {
    color: #212121;
    font-weight: 600;
    text-align: center;
}

.chart-div p {
    color: #9e9e9e;
    text-align: center;
}

@media (max-width: 980px) {
    .col-md-4.chart-div {
        float: left;
        padding-left: 14px;
        width: 33.333%;
    }
}

.icon-bg {
    background-color: #fcfcfc;
    height: 24px;
    width: 24px;
    text-align: center;
    padding: 0;
    line-height: 24px;
    font-size: 16px;
    border-radius: 2px;
}

.info-tile {
    margin: 0px 0px 32px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    display: table !important;
    border: 0;
    width: 100%;
}

    .info-tile .stats,
    .info-tile .info {
        display: table-cell;
        padding: 16px;
        vertical-align: middle;
    }

    .info-tile .tile-heading {
        text-align: center;
        height: 16px;
        line-height: 16px;
        font-weight: 400;
        opacity: 0.7;
        font-size: 11px;
        text-transform: uppercase;
        display: block;
    }

    .info-tile .tile-content {
        text-align: center;
        color: #9e9e9e;
        font-weight: 400;
        margin: 8px 0;
        font-size: 13px;
        text-transform: uppercase;
        display: block;
    }

        .info-tile .tile-content .tile-icon {
            font-size: 56px;
            color: #fafafa;
            opacity: .4;
        }

    .info-tile .tile-body {
        text-align: center;
        font-size: 30px;
        font-weight: 300;
        line-height: 40px;
        position: relative;
        z-index: 1;
    }

    .info-tile .tile-footer {
        text-align: center;
        font-size: 11px;
        position: absolute;
        bottom: 8px;
    }

    .info-tile .tile-footer-extra {
        position: relative;
        text-align: left;
    }

        .info-tile .tile-footer-extra .progress {
            margin: 8px 0 0 0;
            height: 4px;
        }

    .info-tile.info-tile-alt.tile-warning .stats {
        background-color: #ffc721;
        color: #fff8e1;
    }

        .info-tile.info-tile-alt.tile-warning .stats .tile-heading,
        .info-tile.info-tile-alt.tile-warning .stats .tile-body {
            color: #fff8e1;
        }

    .info-tile.info-tile-alt.tile-warning .info {
        background-color: #ffc107;
        color: #fff8e1;
    }

        .info-tile.info-tile-alt.tile-warning .info .tile-heading,
        .info-tile.info-tile-alt.tile-warning .info .tile-body {
            color: #fff8e1;
        }

    .info-tile.info-tile-alt.tile-success .stats {
        background-color: #97c95d;
        color: #f1f8e9;
    }

        .info-tile.info-tile-alt.tile-success .stats .tile-heading,
        .info-tile.info-tile-alt.tile-success .stats .tile-body {
            color: #f1f8e9;
        }

    .info-tile.info-tile-alt.tile-success .info {
        background-color: var(--color-primary-dark);
        color: #f1f8e9;
    }

        .info-tile.info-tile-alt.tile-success .info .tile-heading,
        .info-tile.info-tile-alt.tile-success .info .tile-body {
            color: #f1f8e9;
        }

    .info-tile.info-tile-alt.tile-teal .stats {
        background-color: #00b09f;
        color: #e0f2f1;
    }

        .info-tile.info-tile-alt.tile-teal .stats .tile-heading,
        .info-tile.info-tile-alt.tile-teal .stats .tile-body {
            color: #e0f2f1;
        }

    .info-tile.info-tile-alt.tile-teal .info {
        background-color: #009688;
        color: #e0f2f1;
    }

        .info-tile.info-tile-alt.tile-teal .info .tile-heading,
        .info-tile.info-tile-alt.tile-teal .info .tile-body {
            color: #e0f2f1;
        }

    .info-tile.info-tile-alt.tile-lime .stats {
        background-color: #c7d046;
        color: #f4f7d5;
    }

        .info-tile.info-tile-alt.tile-lime .stats .tile-heading,
        .info-tile.info-tile-alt.tile-lime .stats .tile-body {
            color: #f4f7d5;
        }

    .info-tile.info-tile-alt.tile-lime .info {
        background-color: #c0ca33;
        color: #f4f7d5;
    }

        .info-tile.info-tile-alt.tile-lime .info .tile-heading,
        .info-tile.info-tile-alt.tile-lime .info .tile-body {
            color: #f4f7d5;
        }

    .info-tile.info-tile-alt.tile-danger .stats {
        background-color: #eb6357;
        color: #fde0dc;
    }

        .info-tile.info-tile-alt.tile-danger .stats .tile-heading,
        .info-tile.info-tile-alt.tile-danger .stats .tile-body {
            color: #fde0dc;
        }

    .info-tile.info-tile-alt.tile-danger .info {
        background-color: #e84e40;
        color: #fde0dc;
    }

        .info-tile.info-tile-alt.tile-danger .info .tile-heading,
        .info-tile.info-tile-alt.tile-danger .info .tile-body {
            color: #fde0dc;
        }

    .info-tile.info-tile-alt.tile-info .stats {
        background-color: #00d3ee;
        color: #e0f7fa;
    }

        .info-tile.info-tile-alt.tile-info .stats .tile-heading,
        .info-tile.info-tile-alt.tile-info .stats .tile-body {
            color: #e0f7fa;
        }

    .info-tile.info-tile-alt.tile-info .info {
        background-color: #00bcd4;
        color: #e0f7fa;
    }

        .info-tile.info-tile-alt.tile-info .info .tile-heading,
        .info-tile.info-tile-alt.tile-info .info .tile-body {
            color: #e0f7fa;
        }

    .info-tile.info-tile-alt.tile-green .stats {
        background-color: var(--color-primary-dark);
        color: #e8f5e9;
    }

        .info-tile.info-tile-alt.tile-green .stats .tile-heading,
        .info-tile.info-tile-alt.tile-green .stats .tile-body {
            color: #e8f5e9;
        }

    .info-tile.info-tile-alt.tile-green .info {
        background-color: var(--color-heading);
        color: #e8f5e9;
    }

        .info-tile.info-tile-alt.tile-green .info .tile-heading,
        .info-tile.info-tile-alt.tile-green .info .tile-body {
            color: #e8f5e9;
        }

    .info-tile.info-tile-alt.tile-primary .stats {
        background-color: #14b4fc;
        color: #e1f5fe;
    }

        .info-tile.info-tile-alt.tile-primary .stats .tile-heading,
        .info-tile.info-tile-alt.tile-primary .stats .tile-body {
            color: #e1f5fe;
        }

    .info-tile.info-tile-alt.tile-primary .info {
        background-color: #03a9f4;
        color: #e1f5fe;
    }

        .info-tile.info-tile-alt.tile-primary .info .tile-heading,
        .info-tile.info-tile-alt.tile-primary .info .tile-body {
            color: #e1f5fe;
        }

    .info-tile.info-tile-alt.tile-gray .stats {
        background-color: #ababab;
        color: #fafafa;
    }

        .info-tile.info-tile-alt.tile-gray .stats .tile-heading,
        .info-tile.info-tile-alt.tile-gray .stats .tile-body {
            color: #fafafa;
        }

    .info-tile.info-tile-alt.tile-gray .info {
        background-color: #9e9e9e;
        color: #fafafa;
    }

        .info-tile.info-tile-alt.tile-gray .info .tile-heading,
        .info-tile.info-tile-alt.tile-gray .info .tile-body {
            color: #fafafa;
        }

    .info-tile.info-tile-alt.tile-orange .stats {
        background-color: #ffa21a;
        color: #fff3e0;
    }

        .info-tile.info-tile-alt.tile-orange .stats .tile-heading,
        .info-tile.info-tile-alt.tile-orange .stats .tile-body {
            color: #fff3e0;
        }

    .info-tile.info-tile-alt.tile-orange .info {
        background-color: #ff9800;
        color: #fff3e0;
    }

        .info-tile.info-tile-alt.tile-orange .info .tile-heading,
        .info-tile.info-tile-alt.tile-orange .info .tile-body {
            color: #fff3e0;
        }

    .info-tile.info-tile-alt.tile-blue .stats {
        background-color: #39a1f4;
        color: #e3f2fd;
    }

        .info-tile.info-tile-alt.tile-blue .stats .tile-heading,
        .info-tile.info-tile-alt.tile-blue .stats .tile-body {
            color: #e3f2fd;
        }

    .info-tile.info-tile-alt.tile-blue .info {
        background-color: #2196f3;
        color: #e3f2fd;
    }

        .info-tile.info-tile-alt.tile-blue .info .tile-heading,
        .info-tile.info-tile-alt.tile-blue .info .tile-body {
            color: #e3f2fd;
        }

    .info-tile.info-tile-alt.tile-green .stats {
        background-color: var(--color-primary-dark);
        color: #e8f5e9;
    }

        .info-tile.info-tile-alt.tile-green .stats .tile-heading,
        .info-tile.info-tile-alt.tile-green .stats .tile-body {
            color: #e8f5e9;
        }

    .info-tile.info-tile-alt.tile-green .info {
        background-color: var(--color-heading);
        color: #e8f5e9;
    }

        .info-tile.info-tile-alt.tile-green .info .tile-heading,
        .info-tile.info-tile-alt.tile-green .info .tile-body {
            color: #e8f5e9;
        }

    .info-tile.info-tile-alt.tile-purple .stats {
        background-color: #af2cc5;
        color: #f3e5f5;
    }

        .info-tile.info-tile-alt.tile-purple .stats .tile-heading,
        .info-tile.info-tile-alt.tile-purple .stats .tile-body {
            color: #f3e5f5;
        }

    .info-tile.info-tile-alt.tile-purple .info {
        background-color: #9c27b0;
        color: #f3e5f5;
    }

        .info-tile.info-tile-alt.tile-purple .info .tile-heading,
        .info-tile.info-tile-alt.tile-purple .info .tile-body {
            color: #f3e5f5;
        }

    .info-tile.info-tile-alt.tile-indigo .stats {
        background-color: #4d5ec1;
        color: #e8eaf6;
    }

        .info-tile.info-tile-alt.tile-indigo .stats .tile-heading,
        .info-tile.info-tile-alt.tile-indigo .stats .tile-body {
            color: #e8eaf6;
        }

    .info-tile.info-tile-alt.tile-indigo .info {
        background-color: #3f51b5;
        color: #e8eaf6;
    }

        .info-tile.info-tile-alt.tile-indigo .info .tile-heading,
        .info-tile.info-tile-alt.tile-indigo .info .tile-body {
            color: #e8eaf6;
        }

    .info-tile.info-tile-alt.tile-brown .stats {
        background-color: #896052;
        color: #efebe9;
    }

        .info-tile.info-tile-alt.tile-brown .stats .tile-heading,
        .info-tile.info-tile-alt.tile-brown .stats .tile-body {
            color: #efebe9;
        }

    .info-tile.info-tile-alt.tile-brown .info {
        background-color: #795548;
        color: #efebe9;
    }

        .info-tile.info-tile-alt.tile-brown .info .tile-heading,
        .info-tile.info-tile-alt.tile-brown .info .tile-body {
            color: #efebe9;
        }

    .info-tile.info-tile-alt.tile-midnighblue .stats {
        background-color: #39a1f4;
        color: #607d8b;
    }

        .info-tile.info-tile-alt.tile-midnighblue .stats .tile-heading,
        .info-tile.info-tile-alt.tile-midnighblue .stats .tile-body {
            color: #607d8b;
        }

    .info-tile.info-tile-alt.tile-midnighblue .info {
        background-color: #2196f3;
        color: #607d8b;
    }

        .info-tile.info-tile-alt.tile-midnighblue .info .tile-heading,
        .info-tile.info-tile-alt.tile-midnighblue .info .tile-body {
            color: #607d8b;
        }

.sparkline-block {
    padding: 16px 0;
}

    .sparkline-block > span,
    .sparkline-block > div {
        display: block;
    }

    .sparkline-block .sparkline-title {
        color: #9e9e9e;
        font-size: 13px;
    }

    .sparkline-block .sparkline-info {
        color: #212121;
        font-size: 24px;
        margin-bottom: 8px;
    }

.animated-content .info-tile {
    visibility: hidden;
}

.tile-body-extra {
    line-height: 48px !important;
}

.tile-footer-extra {
    color: #9e9e9e;
    font-size: 11px;
}

.profit-tile {
    padding: 0;
}

    .profit-tile .profit-info {
        padding: 24px 0;
        border-left: 1px solid #f1f1f1;
    }

        .profit-tile .profit-info .profit-tile-heading {
            text-align: center;
        }

        .profit-tile .profit-info .tile-body-profit {
            text-align: center;
            font-size: 30px;
            font-weight: 400;
            line-height: 48px;
            position: relative;
            z-index: 1;
        }

        .profit-tile .profit-info .profit-tile-footer {
            text-align: center;
            font-size: 11px;
        }

            .profit-tile .profit-info .profit-tile-footer span {
                color: #9e9e9e;
            }

@media (max-width: 991px) {
    .col-md-6.pl-n,
    .col-md-6.pr-n {
        padding: 0 !important;
    }
}

.faq-list.list-group {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    margin: 0 0 32px 0 !important;
}

    .faq-list.list-group a.list-group-item {
        margin: 0;
        padding: 13px 16px;
        border: 0;
        border-bottom: 1px solid #f1f1f1;
        color: #424242;
    }

        .faq-list.list-group a.list-group-item .badge {
            margin-top: 2px;
        }

        .faq-list.list-group a.list-group-item i {
            color: #e0e0e0;
            margin-right: 16px;
        }

        .faq-list.list-group a.list-group-item:hover {
            color: #212121;
            background: #fff;
            border: 0;
            border-bottom: 1px solid #f1f1f1;
        }

            .faq-list.list-group a.list-group-item:hover i {
                color: #212121;
            }

        .faq-list.list-group a.list-group-item.active {
            font-weight: 500;
            color: #212121;
            background-color: #fafafa;
        }

            .faq-list.list-group a.list-group-item.active i {
                color: #212121;
            }

            .faq-list.list-group a.list-group-item.active .badge {
                background-color: #03a9f4;
                color: #fff;
            }

        .faq-list.list-group a.list-group-item:last-child {
            border-bottom: 0;
        }

.panels-faq .panel .panel-heading h2 {
    letter-spacing: 0;
    text-transform: none;
    font-size: 13px;
}

.panel-profile .panel-body {
    padding: 16px;
    text-align: center;
}

    .panel-profile .panel-body .name {
        font-size: 18px;
        line-height: 24px;
        color: #212121;
    }

    .panel-profile .panel-body .info {
        font-size: 11px;
        line-height: 1.35;
        color: #9e9e9e;
    }

    .panel-profile .panel-body .about {
        font-size: 13px;
        line-height: 1.35;
        color: #9e9e9e;
        padding: 32px 0;
    }

    .panel-profile .panel-body img {
        margin: 0 auto 16px;
    }

    .panel-profile .panel-body ul {
        margin-top: 32px;
        margin-bottom: 0;
        margin-left: 0;
    }

        .panel-profile .panel-body ul li {
            padding-left: 2px;
            padding-right: 2px;
        }

            .panel-profile .panel-body ul li a {
                display: block;
                width: 24px;
                color: #fff;
                border-radius: 100%;
                text-align: center;
                padding: 0;
                height: 24px;
                line-height: 24px;
            }

                .panel-profile .panel-body ul li a i {
                    color: #757575;
                }

                .panel-profile .panel-body ul li a.profile-facebook-icon {
                    background-color: #3b5998;
                }

                .panel-profile .panel-body ul li a.profile-twitter-icon {
                    background-color: #00aced;
                }

                .panel-profile .panel-body ul li a.profile-dribbble-icon {
                    background-color: #ea4c89;
                }

.about-area {
    margin-bottom: 32px;
}

    .about-area h2,
    .about-area h3,
    .about-area h4 {
        color: #9e9e9e;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .about-area:last-child {
        margin-bottom: 0;
    }

    .about-area table {
        margin: 0 !important;
    }

        .about-area table > tbody > tr > th,
        .about-area table > tbody > tr > td {
            padding: 10px 0;
        }

        .about-area table a {
            color: #424242;
        }

.profile-photos img {
    cursor: pointer;
}

.tab-container {
    margin-bottom: 32px;
}

    .tab-container .tab-content {
        border-radius: 0 2px 2px 2px;
        border: 1px solid #eeeeee;
        padding: 16px;
        background-color: #fff;
    }

        .tab-container .tab-content .tab-pane {
            background: white;
        }

    .tab-container .nav-tabs > li > a {
        border-radius: 0;
        padding: 9px 16px;
        font-weight: 500;
    }

    .tab-container > .nav.nav-tabs {
        margin-bottom: 0;
        border-bottom: 0;
    }

        .tab-container > .nav.nav-tabs .dropdown-menu,
        .tab-container > .nav.nav-tabs .tt-dropdown-menu {
            margin-top: 0;
        }

        .tab-container > .nav.nav-tabs > li > a {
            background-color: #fff;
            margin-left: -1px;
            border: 1px solid #eeeeee;
            color: #424242;
        }

            .tab-container > .nav.nav-tabs > li > a:hover {
                background-color: #fafafa;
                color: #212121;
            }

            .tab-container > .nav.nav-tabs > li > a:focus {
                background: #f1f1f1;
            }

        .tab-container > .nav.nav-tabs > li.active > a {
            color: #212121;
            border-bottom: 1px solid #fff;
            background: rgba(255, 255, 255, 0.12) !important;
        }

            .tab-container > .nav.nav-tabs > li.active > a:hover {
                background: #fff;
            }

        .tab-container > .nav.nav-tabs > li.tabdrop + li > a,
        .tab-container > .nav.nav-tabs > li:first-child > a {
            border-top-left-radius: 2px;
            margin-left: 0;
        }

        .tab-container > .nav.nav-tabs > li.tabdrop > a,
        .tab-container > .nav.nav-tabs > li:last-child > a {
            border-top-right-radius: 2px;
        }

    .tab-container.tab-left > .nav-tabs.nav > li,
    .tab-container.tab-right > .nav-tabs.nav > li {
        float: none;
        min-width: 100px;
    }

        .tab-container.tab-left > .nav-tabs.nav > li.active > a,
        .tab-container.tab-right > .nav-tabs.nav > li.active > a {
            border-bottom-color: #eeeeee !important;
            border-top-color: #eeeeee !important;
            background-color: #fff;
        }

        .tab-container.tab-left > .nav-tabs.nav > li:last-child > a,
        .tab-container.tab-right > .nav-tabs.nav > li:last-child > a {
            border-bottom: 1px solid #eeeeee;
        }

    .tab-container.tab-left .tab-content,
    .tab-container.tab-right .tab-content {
        overflow: auto;
        border-radius: 0 2px 2px 2px;
    }

    .tab-container.tab-left .tab-content {
        border-radius: 0 2px 2px 2px;
    }

    .tab-container.tab-left > .nav.nav-tabs {
        float: left;
        margin-right: -1px;
    }

        .tab-container.tab-left > .nav.nav-tabs > li > a {
            margin-left: 0;
            border-right: 0;
            margin-right: 1px;
            border-radius: 0;
        }

        .tab-container.tab-left > .nav.nav-tabs > li.active > a {
            border-left: 1px solid #03a9f4;
            margin-right: 0;
        }

        .tab-container.tab-left > .nav.nav-tabs > li:first-child > a {
            border-top-left-radius: 2px;
        }

        .tab-container.tab-left > .nav.nav-tabs > li:last-child > a {
            border-bottom-left-radius: 2px;
        }

    .tab-container.tab-right .tab-content {
        border-radius: 2px 0 2px 2px;
    }

    .tab-container.tab-right > .nav.nav-tabs {
        float: right;
        margin-left: -1px;
    }

        .tab-container.tab-right > .nav.nav-tabs > li > a {
            border-left: 0;
            margin-left: 1px !important;
            text-align: right;
            border-radius: 0;
        }

        .tab-container.tab-right > .nav.nav-tabs > li.active > a {
            border-right: 1px solid #03a9f4;
            margin-left: 0 !important;
        }

        .tab-container.tab-right > .nav.nav-tabs > li:first-child > a {
            border-top-right-radius: 2px;
        }

        .tab-container.tab-right > .nav.nav-tabs > li:last-child > a {
            border-bottom-right-radius: 2px;
        }

    .tab-container.tab-bottom > .tab-content {
        border-top: 1px solid #eeeeee;
        border-radius: 2px 2px 2px 0;
    }

    .tab-container.tab-bottom > .nav-tabs {
        border-bottom: none;
        margin-top: -1px;
    }

        .tab-container.tab-bottom > .nav-tabs > li.active > a {
            border-top-color: transparent !important;
            border-bottom: 1px solid #03a9f4;
        }

        .tab-container.tab-bottom > .nav-tabs > li:first-child > a,
        .tab-container.tab-bottom > .nav-tabs > li.tabdrop + li > a {
            border-bottom-left-radius: 2px;
            border-top-left-radius: 0;
        }

        .tab-container.tab-bottom > .nav-tabs > li:last-child > a,
        .tab-container.tab-bottom > .nav-tabs > li.tabdrop > a {
            border-bottom-right-radius: 2px;
            border-top-right-radius: 0;
        }

    .tab-container .tabdrop .dropdown-menu li.active a,
    .tab-container .tabdrop .tt-dropdown-menu li.active a {
        color: #212121;
    }

.tab-primary.tab-container > .nav-tabs > li.active > a {
    border-top-color: #03a9f4;
}

.tab-primary.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #03a9f4;
}

.tab-primary.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #03a9f4;
}

.tab-primary.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #03a9f4;
}

.tab-warning.tab-container > .nav-tabs > li.active > a {
    border-top-color: #ffc107;
}

.tab-warning.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #ffc107;
}

.tab-warning.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #ffc107;
}

.tab-warning.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #ffc107;
}

.tab-danger.tab-container > .nav-tabs > li.active > a {
    border-top-color: #e51c23;
}

.tab-danger.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #e51c23;
}

.tab-danger.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #e51c23;
}

.tab-danger.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #e51c23;
}

.tab-success.tab-container > .nav-tabs > li.active > a {
    border-top-color: var(--color-primary-dark);
}

.tab-success.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: var(--color-primary-dark);
}

.tab-success.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: var(--color-primary-dark);
}

.tab-success.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: var(--color-primary-dark);
}

.tab-info.tab-container > .nav-tabs > li.active > a {
    border-top-color: #00bcd4;
}

.tab-info.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #00bcd4;
}

.tab-info.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #00bcd4;
}

.tab-info.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #00bcd4;
}

.tab-inverse.tab-container > .nav-tabs > li.active > a {
    border-top-color: #757575;
}

.tab-inverse.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #757575;
}

.tab-inverse.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #757575;
}

.tab-inverse.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #757575;
}

.tab-brown.tab-container > .nav-tabs > li.active > a {
    border-top-color: #795548;
}

.tab-brown.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #795548;
}

.tab-brown.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #795548;
}

.tab-brown.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #795548;
}

.tab-default.tab-container > .nav-tabs > li.active > a {
    border-top-color: #eeeeee;
}

.tab-default.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #eeeeee;
}

.tab-default.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #eeeeee;
}

.tab-default.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #eeeeee;
}

.tab-indigo.tab-container > .nav-tabs > li.active > a {
    border-top-color: #3f51b5;
}

.tab-indigo.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #3f51b5;
}

.tab-indigo.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #3f51b5;
}

.tab-indigo.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #3f51b5;
}

.tab-orange.tab-container > .nav-tabs > li.active > a {
    border-top-color: #ff9800;
}

.tab-orange.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #ff9800;
}

.tab-orange.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #ff9800;
}

.tab-orange.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #ff9800;
}

.tab-sky.tab-container > .nav-tabs > li.active > a {
    border-top-color: #009688;
}

.tab-sky.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #009688;
}

.tab-sky.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #009688;
}

.tab-sky.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #009688;
}

.tab-midnightblue.tab-container > .nav-tabs > li.active > a {
    border-top-color: #37474f;
}

.tab-midnightblue.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #37474f;
}

.tab-midnightblue.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #37474f;
}

.tab-midnightblue.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #37474f;
}

.tab-magenta.tab-container > .nav-tabs > li.active > a {
    border-top-color: #e91e63;
}

.tab-magenta.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #e91e63;
}

.tab-magenta.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #e91e63;
}

.tab-magenta.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #e91e63;
}

.tab-green.tab-container > .nav-tabs > li.active > a {
    border-top-color: var(--color-heading);
}

.tab-green.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: var(--color-heading);
}

.tab-green.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: var(--color-heading);
}

.tab-green.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: var(--color-heading);
}

.tab-purple.tab-container > .nav-tabs > li.active > a {
    border-top-color: #9c27b0;
}

.tab-purple.tab-container.tab-left > .nav-tabs > li.active > a {
    border-left-color: #9c27b0;
}

.tab-purple.tab-container.tab-right > .nav-tabs > li.active > a {
    border-right-color: #9c27b0;
}

.tab-purple.tab-container.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #9c27b0;
}

.material-nav-tabs.nav-tabs {
    background: none !important;
    border-bottom: 2px solid #DDD;
    display: table;
    width: 100%;
}

    .material-nav-tabs.nav-tabs > li {
        display: table-cell;
    }

        .material-nav-tabs.nav-tabs > li > a {
            text-align: center;
            font-size: 15px;
        }

    .material-nav-tabs.nav-tabs.stretch-tabs > li {
        float: none;
    }

    .material-nav-tabs.nav-tabs.icon-tabs > li > a {
        font-size: 18px;
    }

    .material-nav-tabs.nav-tabs > li.active > a,
    .material-nav-tabs.nav-tabs > li.active > a:focus,
    .material-nav-tabs.nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .material-nav-tabs.nav-tabs > li > a {
        border: none;
        color: rgba(0, 0, 0, 0.3) !important;
    }

        .material-nav-tabs.nav-tabs > li.active > a,
        .material-nav-tabs.nav-tabs > li > a:hover {
            border: none;
            color: #4285F4 !important;
            background: transparent;
        }

        .material-nav-tabs.nav-tabs > li > a::after {
            content: "";
            background: #4285F4;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

    .material-nav-tabs.nav-tabs > li.active > a::after,
    .material-nav-tabs.nav-tabs .nav-tabs > li:hover > a::after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.accordion-group .accordion-item {
    margin-bottom: 10px !important;
    background: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
}

    .accordion-group .accordion-item .accordion-title {
        text-decoration: none;
    }

        .accordion-group .accordion-item .accordion-title h2 {
            color: #212121;
            background-color: #fafbfc;
            border: 1px solid #eeeeee;
            padding: 10px 20px;
            border-radius: 2px;
            margin: 0;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border-radius: 3px 3px 0 0;
        }

            .accordion-group .accordion-item .accordion-title h2:after {
                opacity: 0.5;
                filter: alpha(opacity=50);
                content: "\f107";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                float: right;
                text-decoration: none;
            }

        .accordion-group .accordion-item .accordion-title.collapsed h2:after {
            content: "\f104";
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .accordion-group .accordion-item .accordion-body {
        padding: 20px;
        border: 1px solid #dadfe3;
        border-top: none;
    }

#accordion .panel-body {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.timeline-month {
    margin-top: 0px;
    margin-bottom: 20px;
    width: 120px;
    text-align: center;
    position: relative;
    left: 6%;
    margin-left: -55px;
}

    .timeline-month span {
        display: block;
    }

    .timeline-month .month {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .timeline-month .year {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

.timeline {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin: 0;
}

    .timeline li:last-child .timeline-body {
        border-bottom: 0 !important;
    }

    .timeline:before {
        content: '';
        position: absolute;
        top: 10px;
        bottom: 0;
        width: 2px;
        background: #f1f1f1;
        left: 6%;
        margin-left: 2px;
    }

    .timeline > li {
        position: relative;
    }

        .timeline > li .timeline-header {
            padding: 0;
            color: #bdbdbd;
        }

            .timeline > li .timeline-header span.date {
                font-weight: lighter;
                font-size: 11px;
            }

            .timeline > li .timeline-header span.author {
                font-size: 13px;
                display: block;
                color: rgba(0, 0, 0, 0.87);
                font-weight: 400;
            }

            .timeline > li .timeline-header + p {
                padding-top: 10px;
            }

        .timeline > li .timeline-icon {
            width: 30px;
            height: 30px;
            font-size: 18px;
            line-height: 31px;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            color: #9e9e9e;
            background: #f1f1f1;
            border-radius: 50%;
            text-align: center;
            left: 6%;
            top: 0;
            margin: 0 0 0 -12px;
            padding: 0;
        }

            .timeline > li .timeline-icon i {
                line-height: inherit;
                font-size: 16px;
            }

        .timeline > li .timeline-body {
            margin: 0 0 16px 20%;
            padding: 0 0 8px;
            position: relative;
            border-width: 0;
            border-style: solid;
            background-color: #fff;
        }

            .timeline > li .timeline-body .timeline-content ul {
                margin: 0;
            }

                .timeline > li .timeline-body .timeline-content ul li {
                    padding-left: 0;
                    padding-right: 8px;
                }

            .timeline > li .timeline-body .timeline-content p {
                margin-bottom: 0;
            }

                .timeline > li .timeline-body .timeline-content p + p {
                    margin-top: 10px;
                }

            .timeline > li .timeline-body img {
                margin: 0;
            }

        .timeline > li .timeline-footer {
            padding-top: 20px;
            color: #fff;
        }

.timeline-primary .timeline-icon {
    background: #03a9f4 !important;
    color: #e3f2fd !important;
}

.timeline-warning .timeline-icon {
    background: #ffc107 !important;
    color: #fff8e1 !important;
}

.timeline-danger .timeline-icon {
    background: #e51c23 !important;
    color: #fde0dc !important;
}

.timeline-success .timeline-icon {
    background: var(--color-primary-dark) !important;
    color: #f1f8e9 !important;
}

.timeline-info .timeline-icon {
    background: #00bcd4 !important;
    color: #e0f7fa !important;
}

.timeline-inverse .timeline-icon {
    background: #757575 !important;
    color: #f5f5f5 !important;
}

.timeline-brown .timeline-icon {
    background: #795548 !important;
    color: #efebe9 !important;
}

.timeline-indigo .timeline-icon {
    background: #3f51b5 !important;
    color: #e8eaf6 !important;
}

.timeline-orange .timeline-icon {
    background: #ff9800 !important;
    color: #fff3e0 !important;
}

.timeline-sky .timeline-icon {
    background: #009688 !important;
    color: #e0f2f1 !important;
}

.timeline-midnightblue .timeline-icon {
    background: #37474f !important;
    color: #eceff1 !important;
}

.timeline-magenta .timeline-icon {
    background: #e91e63 !important;
    color: #fce4ec !important;
}

.timeline-green .timeline-icon {
    background: var(--color-heading) !important;
    color: #e8f5e9 !important;
}

.timeline-purple .timeline-icon {
    background: #9c27b0 !important;
    color: #f3e5f5 !important;
}

.timeline-lime .timeline-icon {
    background: #cddc39 !important;
    color: #f9fbe7 !important;
}

.mini-timeline {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin: 0;
}

    .mini-timeline li.mini-timeline-info .timeline-content-inside {
        margin: 0 0 0 0;
    }

    .mini-timeline li:last-child .timeline-body {
        /*border-bottom: 0 !important;*/
        margin-bottom: 0 !important;
    }

    .mini-timeline:before {
        content: '';
        position: absolute;
        top: 8px;
        bottom: 0;
        width: 2px;
        background: transparent;
        left: 17px;
    }

    .mini-timeline > li {
        position: relative;
        margin-bottom: 20px;
    }

        .mini-timeline > li .timeline-icon {
            position: absolute;
            border-radius: 50%;
            left: 3px;
            top: 3px;
            margin-left: 14px;
            padding: 0;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
        }

        .mini-timeline > li .timeline-body {
            margin: 0 0px 0px 70px;
            padding: 0;
            position: relative;
            background-color: #fff;
        }

            .mini-timeline > li .timeline-body .timeline-content {
                color: #9e9e9e;
            }

                .mini-timeline > li .timeline-body .timeline-content ul {
                    margin: 0;
                }

                    .mini-timeline > li .timeline-body .timeline-content ul li {
                        padding-left: 0;
                        padding-right: 8px;
                    }

                .mini-timeline > li .timeline-body .timeline-content a {
                    display: block;
                    padding-right: 100px;
                }

                    .mini-timeline > li .timeline-body .timeline-content a.name {
                        color: #212121;
                        font-weight: 400;
                    }

                .mini-timeline > li .timeline-body .timeline-content .timeline-content-inside p {
                    margin-bottom: 24px;
                    margin-top: 4px;
                }

                    .mini-timeline > li .timeline-body .timeline-content .timeline-content-inside p a {
                        display: inline;
                        padding-right: 0;
                    }

            .mini-timeline > li .timeline-body img {
                margin: 0;
            }

        .mini-timeline > li .timeline-body-left {
            margin: 0 0px 0px 0px;
            padding: 0;
            position: relative;
            background-color: #fff;
        }

            .mini-timeline > li .timeline-body-left .timeline-content {
                color: #9e9e9e;
            }

                .mini-timeline > li .timeline-body-left .timeline-content ul {
                    margin: 0;
                }

                    .mini-timeline > li .timeline-body-left .timeline-content ul li {
                        padding-left: 0;
                        padding-right: 8px;
                    }

                .mini-timeline > li .timeline-body-left .timeline-content a {
                    display: block;
                    padding-right: 100px;
                }

                    .mini-timeline > li .timeline-body-left .timeline-content a.name {
                        color: #212121;
                        font-weight: 400;
                    }

                .mini-timeline > li .timeline-body-left .timeline-content .timeline-content-inside p {
                    margin-bottom: 24px;
                    margin-top: 4px;
                }

                    .mini-timeline > li .timeline-body-left .timeline-content .timeline-content-inside p a {
                        display: inline;
                        padding-right: 0;
                    }

            .mini-timeline > li .timeline-body-left img {
                margin: 0;
            }

        .mini-timeline > li .time {
            color: #bdbdbd;
            vertical-align: middle;
            float: right;
            font-size: 11px;
            line-height: 1.35;
        }

        .mini-timeline > li:last-child:before {
            content: '';
            position: absolute;
            bottom: 0;
            width: 2px;
            background: #fff;
            background-image: linear-gradient(to bottom, #f1f1f1 0%, #fff 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#ffffffff', GradientType=0);
            left: 17px;
            height: 24px;
        }

.mini-timeline-primary .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #03a9f4;
}

.mini-timeline-warning .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #ffc107;
}

.mini-timeline-danger .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #e51c23;
}

.mini-timeline-success .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: var(--color-primary-dark);
}

.mini-timeline-info .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #00bcd4;
}

.mini-timeline-inverse .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #757575;
}

.mini-timeline-default .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #fafafa;
}

.mini-timeline-brown .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #795548;
}

.mini-timeline-indigo .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #3f51b5;
}

.mini-timeline-orange .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #ff9800;
}

.mini-timeline-teal .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #009688;
}

.mini-timeline-midnightblue .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #607d8b;
}

.mini-timeline-pink .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #e91e63;
}

.mini-timeline-green .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: var(--color-heading);
}

.mini-timeline-purple .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #9c27b0;
}

.mini-timeline-lime .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #cddc39;
}

.mini-timeline-deeporange .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #ff5722;
}

.mini-timeline-blue .timeline-icon {
    border: 1px solid #eeeeee !important;
    background: #f5f5f5;
    color: #2196f3;
}

.spark-container h2.title {
    font-size: 11px;
    line-height: 1.35;
    font-weight: normal;
    margin: 0;
    color: #9e9e9e;
}

.spark-container h3.number {
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    margin: 0 0 8px 0;
}

.panel-realtime .rightnow,
.panel-realtime .number,
.panel-realtime .activeuser {
    display: block;
    text-align: center;
    color: #9e9e9e;
}

.panel-realtime .rightnow {
    font-size: 13px;
    font-weight: 400;
    color: #424242;
    line-height: 16px;
}

.panel-realtime .number {
    font-size: 36px;
    border-radius: 50%;
    line-height: 96px;
    padding: 0 16px;
    background: #f7f9f9;
    width: 96px;
    height: 96px;
    margin: 16px auto;
    color: #212121;
}

.panel-realtime .activeuser {
    font-size: 11px;
    margin-bottom: 16px;
    line-height: 1.35;
}

.panel-realtime-alt .rightnow,
.panel-realtime-alt .number,
.panel-realtime-alt .activeuser {
    display: block;
    text-align: center;
    color: #90a4ae;
}

.panel-realtime-alt .rightnow {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 16px;
}

.panel-realtime-alt .number {
    font-size: 36px;
    border-radius: 50%;
    line-height: 96px;
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.04);
    width: 96px;
    height: 96px;
    margin: 16px auto;
    color: #fff;
}

.panel-realtime-alt .activeuser {
    font-size: 11px;
    margin-bottom: 16px;
    line-height: 1.35;
}

.panel-realtime-alt .panel-body {
    background-color: #607d8b;
}

@media (max-width: 1024px) {
    .panel-body .account-view td {
        font-size: 13px !important;
    }
}

.panel-body .panel-checkbox {
    margin: 0;
}

.panel-body .editable-table th {
    color: #212121;
    font-weight: 600;
}

    .panel-body .editable-table th .icheckbox_minimal-blue {
        margin: 0 !important;
    }

.panel-body .editable-table .delete-row {
    padding-left: 17px;
}

@media (max-width: 1024px) {
    .panel-body .editable-table .delete-row {
        padding-left: 12px;
    }
}

.panel-body .editable-table label.icheck {
    padding: 0 !important;
}

.panel-body .price-data-table p {
    float: left;
    display: block;
    margin: 0 5px 0 0;
}

.panel-body .price-data-table .progress {
    margin: 0;
    width: 55%;
    height: 4px;
    float: right;
    margin: 8px 0 0 0;
}

.panel-body .m-n .icon-bg {
    background: #eee;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    line-height: 27px;
    margin-right: 16px;
    text-align: center;
    width: 25px;
}

.widget-progress .panel-heading {
    background-color: #37474f;
}

    .widget-progress .panel-heading h2 {
        color: #fff;
        font-size: 13px;
    }

    .widget-progress .panel-heading .button-icon {
        color: #fff;
        font-size: 13px;
    }

.widget-progress .panel-body {
    background-color: #37474f;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.widget-progress .panel-footer {
    margin: 0;
    padding: 16px 0;
    background-color: #263238;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

    .widget-progress .panel-footer .tabular-cell {
        text-align: center;
        width: 50%;
    }

        .widget-progress .panel-footer .tabular-cell:last-child {
            border-left: 1px solid #37474f;
        }

        .widget-progress .panel-footer .tabular-cell span {
            display: block;
        }

            .widget-progress .panel-footer .tabular-cell span.status-total,
            .widget-progress .panel-footer .tabular-cell span.status-pending {
                font-size: 11px;
                height: 16px;
            }

            .widget-progress .panel-footer .tabular-cell span.status-total {
                color: #78909c;
            }

            .widget-progress .panel-footer .tabular-cell span.status-pending {
                color: #78909c;
            }

            .widget-progress .panel-footer .tabular-cell span.status-value {
                color: #fff;
                font-size: 24px;
                height: 32px;
            }

.widget-avatar {
    margin: 0 0 16px;
    font-size: 0;
}

    .widget-avatar li {
        padding-left: 0;
        padding-right: 8px;
        padding-bottom: 8px;
    }

    .widget-avatar img {
        border-radius: 50%;
        height: 32px;
        width: 32px;
    }

    .widget-avatar li[data-status] {
        position: relative;
    }

        .widget-avatar li[data-status]:before {
            content: "";
            height: 10px;
            width: 10px;
            border: 2px solid #fff;
            background: var(--color-primary-dark);
            position: absolute;
            top: -2px;
            right: 6px;
            border-radius: 50%;
        }

    .widget-avatar li[data-status="away"]:before {
        background: #ffc107;
    }

    .widget-avatar li[data-status="busy"]:before {
        background: #e51c23;
    }

.widget-weather {
    background: url(../img/sunny-weather-bg.png) repeat-x top right;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 32px;
}

    .widget-weather span {
        display: block;
        color: #fff;
    }

        .widget-weather span span {
            display: inline;
        }

    .widget-weather .weather-location,
    .widget-weather .weather-desc {
        font-size: 12px;
        line-height: 16px;
    }

    .widget-weather .weather-location {
        font-weight: bold;
        text-transform: uppercase;
    }

    .widget-weather .weather-temp {
        font-size: 30px;
        height: 32px;
        line-height: 32px;
    }

        .widget-weather .weather-temp span {
            position: relative;
            font-size: 0.5em;
            top: -0.8em;
        }

table.browsers > tbody > tr:first-child > td {
    border-top: 1px solid #fff;
}

table.browsers > tbody > tr > td {
    padding: 10px 8px 9px;
}

    table.browsers > tbody > tr > td:first-child {
        padding-left: 16px;
    }

    table.browsers > tbody > tr > td:last-child {
        padding-right: 16px;
    }

table.browsers .progress {
    border-radius: 1px;
}

.status {
    padding: 3px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    color: #fff;
}

.status-success {
    background: var(--color-primary-dark);
}

.status-pending {
    background: #ff5722;
}

.status-done {
    background: var(--color-heading);
}

.status-active {
    background: var(--color-primary-dark);
}

.status-testing {
    background: #03a9f4;
}

.status-cancel {
    background: #e51c23;
}

.status-developing {
    background: #37474f;
}

.widget-revenues h5,
.widget-revenues h4 {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 24px 0;
    line-height: 16px;
}

.widget-revenues .second-panel h4,
.widget-revenues .third-panel h4 {
    color: #212121;
}

.widget-revenues .panel-head-inside {
    color: #9e9e9e;
    font-size: 13px;
}

.widget-revenues .panel-data-usage .first-panel .panel-data-inside {
    color: #e51c23;
}

.widget-revenues .panel-data-usage-chart {
    padding: 0;
}

    .widget-revenues .panel-data-usage-chart .panel {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        box-shadow: none;
        background: #fafafa;
    }

        .widget-revenues .panel-data-usage-chart .panel .panel-body {
            background: #fafafa;
            border-bottom-right-radius: 2px;
            border-top-right-radius: 2px;
        }

@media (max-width: 1024px) {
    .widget-revenues .second-panel {
        padding: 0 16px;
    }

    .widget-revenues .panel-data-inside {
        font-size: 11px !important;
    }

    .widget-revenues .panel-head-inside {
        font-size: 10px;
    }
}

.stack-text {
    color: #bdbdbd;
    display: block;
}

.sub-static-text {
    color: #424242;
    display: block;
}

.widget-total-visitor {
    padding: 16px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    background: #fff;
}

    .widget-total-visitor .widget-stat-tile {
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 16px;
    }

        .widget-total-visitor .widget-stat-tile .title {
            font-size: 13px;
            text-transform: uppercase;
            color: #9e9e9e;
            display: block;
        }

        .widget-total-visitor .widget-stat-tile .progress-percentage {
            text-align: right;
            font-size: 11px;
        }

        .widget-total-visitor .widget-stat-tile .progress {
            width: 128px;
            margin-top: 16px;
            height: 4px;
        }

        .widget-total-visitor .widget-stat-tile h2.value {
            color: #212121;
            font-weight: 400;
        }

    .widget-total-visitor .widget-line-chart {
        margin: 0 -16px -16px;
    }

.jqstooltip {
    width: auto !important;
    height: auto !important;
    border: none !important;
}

textarea.autosize {
    vertical-align: top;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
}

.stepy-header {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    padding-left: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 32px;
}

    .stepy-header li {
        display: table-cell;
        cursor: pointer;
        font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
        line-height: 1.2;
        color: #424242;
        margin-top: 9px;
        margin-bottom: 9px;
        font-size: 13px;
        font-weight: 400;
    }

        .stepy-header li small,
        .stepy-header li .small {
            font-weight: normal;
            line-height: 1;
            color: #bdbdbd;
        }

        .stepy-header li small,
        .stepy-header li .small {
            font-size: 75%;
        }

        .stepy-header li div {
            line-height: 1.2;
            color: #424242;
            margin-top: 18px;
            margin-bottom: 9px;
            font-size: 24px;
            font-weight: 300;
            font-weight: 400;
            font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
            font-family: 300;
        }

            .stepy-header li div small,
            .stepy-header li div .small {
                font-weight: normal;
                line-height: 1;
                color: #bdbdbd;
            }

            .stepy-header li div small,
            .stepy-header li div .small {
                font-size: 65%;
            }

        .stepy-header li span {
            font-size: 11px;
        }

        .stepy-header li:not(.stepy-active) {
            opacity: 0.3;
        }

            .stepy-header li:not(.stepy-active):hover {
                opacity: 0.7;
            }

    .stepy-header.stepy-navigator.panel-footer {
        margin: 0 -16px -16px;
        padding: 16px;
    }

.stepy-navigator.panel-footer {
    margin: 0 -16px -16px;
    padding: 16px;
}

    .stepy-navigator.panel-footer .btn {
        margin-left: 8px;
    }

.stepy-step legend {
    padding-bottom: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.fc .fc-helper-skeleton td {
    border-top: 0 !important;
}

.fc .fc-view-container .fc-head .fc-widget-header {
    border: 0;
    text-transform: uppercase;
    font-weight: 500;
}

    .fc .fc-view-container .fc-head .fc-widget-header .fc-widget-header {
        border: 0;
    }

.fc .fc-view-container .fc-body .fc-widget-content .fc-bg table > tbody > tr > td:last-child {
    border-right: 0;
}

.fc .fc-view > table tbody > tr > td:last-child {
    border-right: 0;
}

.fc .fc-icon-fa {
    font-family: FontAwesome !important;
}

.fc .fc-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.45;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    border-radius: 2px;
    position: relative;
    padding: 8px 30px;
    margin: 10px 1px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    color: #424242;
    background-color: #fafafa;
    border-color: #eeeeee;
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 0;
    box-shadow: none;
}

    .fc .fc-button:focus,
    .fc .fc-button:active:focus,
    .fc .fc-button.active:focus,
    .fc .fc-button.focus,
    .fc .fc-button:active.focus,
    .fc .fc-button.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .fc .fc-button:hover,
    .fc .fc-button:focus,
    .fc .fc-button.focus {
        color: #424242;
        text-decoration: none;
    }

    .fc .fc-button:active,
    .fc .fc-button.active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .fc .fc-button.disabled,
    .fc .fc-button[disabled],
    fieldset[disabled] .fc .fc-button {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        box-shadow: none;
    }

    .fc .fc-button::-moz-focus-inner {
        border: 0;
    }

    .fc .fc-button:not(.btn-raised) {
        box-shadow: none;
    }

        .fc .fc-button:not(.btn-raised),
        .fc .fc-button:not(.btn-raised).btn-default {
            color: rgba(0,0,0, 0.87);
        }

            .fc .fc-button:not(.btn-raised).btn-inverse {
                color: #3f51b5;
            }

            .fc .fc-button:not(.btn-raised).btn-primary {
                color: #03a9f4;
            }

            .fc .fc-button:not(.btn-raised).btn-success {
                color: var(--color-primary-dark);
            }

            .fc .fc-button:not(.btn-raised).btn-info {
                color: #00bcd4;
            }

            .fc .fc-button:not(.btn-raised).btn-warning {
                color: #ffc107;
            }

            .fc .fc-button:not(.btn-raised).btn-danger {
                color: #e51c23;
            }

            .fc .fc-button:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
            .fc .fc-button:not(.btn-raised):not(.btn-link):not(.btn-fab):focus {
                background-color: rgba(153, 153, 153, 0.2);
            }

.theme-dark .fc .fc-button:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
.theme-dark .fc .fc-button:not(.btn-raised):not(.btn-link):not(.btn-fab):focus {
    background-color: rgba(204, 204, 204, 0.15);
}

.fc .fc-button.btn-raised,
.fc .fc-button.btn-fab,
.btn-group-raised .fc .fc-button,
.fc .fc-button.btn-raised.btn-default,
.fc .fc-button.btn-fab.btn-default,
.btn-group-raised .fc .fc-button.btn-default {
    background-color: #f5f5f5;
    color: rgba(0,0,0, 0.87);
}

    .fc .fc-button.btn-raised.btn-inverse,
    .fc .fc-button.btn-fab.btn-inverse,
    .btn-group-raised .fc .fc-button.btn-inverse {
        background-color: #3f51b5;
        color: #fff;
    }

    .fc .fc-button.btn-raised.btn-primary,
    .fc .fc-button.btn-fab.btn-primary,
    .btn-group-raised .fc .fc-button.btn-primary {
        background-color: #03a9f4;
        color: rgba(255,255,255, 0.84);
    }

    .fc .fc-button.btn-raised.btn-success,
    .fc .fc-button.btn-fab.btn-success,
    .btn-group-raised .fc .fc-button.btn-success {
        background-color: var(--color-primary-dark);
        color: rgba(255,255,255, 0.84);
    }

    .fc .fc-button.btn-raised.btn-info,
    .fc .fc-button.btn-fab.btn-info,
    .btn-group-raised .fc .fc-button.btn-info {
        background-color: #00bcd4;
        color: rgba(255,255,255, 0.84);
    }

    .fc .fc-button.btn-raised.btn-warning,
    .fc .fc-button.btn-fab.btn-warning,
    .btn-group-raised .fc .fc-button.btn-warning {
        background-color: #ffc107;
        color: rgba(255,255,255, 0.84);
    }

    .fc .fc-button.btn-raised.btn-danger,
    .fc .fc-button.btn-fab.btn-danger,
    .btn-group-raised .fc .fc-button.btn-danger {
        background-color: #e51c23;
        color: rgba(255,255,255, 0.84);
    }

    .fc .fc-button.btn-raised:not(.btn-link),
    .btn-group-raised .fc .fc-button:not(.btn-link) {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    }

        .fc .fc-button.btn-raised:not(.btn-link):hover,
        .btn-group-raised .fc .fc-button:not(.btn-link):hover,
        .fc .fc-button.btn-raised:not(.btn-link):focus,
        .btn-group-raised .fc .fc-button:not(.btn-link):focus,
        .fc .fc-button.btn-raised:not(.btn-link).active,
        .btn-group-raised .fc .fc-button:not(.btn-link).active,
        .fc .fc-button.btn-raised:not(.btn-link):active,
        .btn-group-raised .fc .fc-button:not(.btn-link):active {
            outline: 0;
        }

            .fc .fc-button.btn-raised:not(.btn-link):hover,
            .btn-group-raised .fc .fc-button:not(.btn-link):hover,
            .fc .fc-button.btn-raised:not(.btn-link):focus,
            .btn-group-raised .fc .fc-button:not(.btn-link):focus,
            .fc .fc-button.btn-raised:not(.btn-link).active,
            .btn-group-raised .fc .fc-button:not(.btn-link).active,
            .fc .fc-button.btn-raised:not(.btn-link):active,
            .btn-group-raised .fc .fc-button:not(.btn-link):active,
            .fc .fc-button.btn-raised:not(.btn-link):hover.btn-default,
            .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-default,
            .fc .fc-button.btn-raised:not(.btn-link):focus.btn-default,
            .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-default,
            .fc .fc-button.btn-raised:not(.btn-link).active.btn-default,
            .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-default,
            .fc .fc-button.btn-raised:not(.btn-link):active.btn-default,
            .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-default {
                background-color: #ebebeb;
            }

                .fc .fc-button.btn-raised:not(.btn-link):hover.btn-inverse,
                .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-inverse,
                .fc .fc-button.btn-raised:not(.btn-link):focus.btn-inverse,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-inverse,
                .fc .fc-button.btn-raised:not(.btn-link).active.btn-inverse,
                .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-inverse,
                .fc .fc-button.btn-raised:not(.btn-link):active.btn-inverse,
                .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-inverse {
                    background-color: #495bc0;
                }

                .fc .fc-button.btn-raised:not(.btn-link):hover.btn-primary,
                .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-primary,
                .fc .fc-button.btn-raised:not(.btn-link):focus.btn-primary,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-primary,
                .fc .fc-button.btn-raised:not(.btn-link).active.btn-primary,
                .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-primary,
                .fc .fc-button.btn-raised:not(.btn-link):active.btn-primary,
                .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-primary {
                    background-color: #0fb2fc;
                }

                .fc .fc-button.btn-raised:not(.btn-link):hover.btn-success,
                .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-success,
                .fc .fc-button.btn-raised:not(.btn-link):focus.btn-success,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-success,
                .fc .fc-button.btn-raised:not(.btn-link).active.btn-success,
                .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-success,
                .fc .fc-button.btn-raised:not(.btn-link):active.btn-success,
                .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-success {
                    background-color: #81bb3e;
                }

                .fc .fc-button.btn-raised:not(.btn-link):hover.btn-info,
                .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-info,
                .fc .fc-button.btn-raised:not(.btn-link):focus.btn-info,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-info,
                .fc .fc-button.btn-raised:not(.btn-link).active.btn-info,
                .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-info,
                .fc .fc-button.btn-raised:not(.btn-link):active.btn-info,
                .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-info {
                    background-color: #00aac0;
                }

                .fc .fc-button.btn-raised:not(.btn-link):hover.btn-warning,
                .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-warning,
                .fc .fc-button.btn-raised:not(.btn-link):focus.btn-warning,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-warning,
                .fc .fc-button.btn-raised:not(.btn-link).active.btn-warning,
                .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-warning,
                .fc .fc-button.btn-raised:not(.btn-link):active.btn-warning,
                .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-warning {
                    background-color: #f2b500;
                }

                .fc .fc-button.btn-raised:not(.btn-link):hover.btn-danger,
                .btn-group-raised .fc .fc-button:not(.btn-link):hover.btn-danger,
                .fc .fc-button.btn-raised:not(.btn-link):focus.btn-danger,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.btn-danger,
                .fc .fc-button.btn-raised:not(.btn-link).active.btn-danger,
                .btn-group-raised .fc .fc-button:not(.btn-link).active.btn-danger,
                .fc .fc-button.btn-raised:not(.btn-link):active.btn-danger,
                .btn-group-raised .fc .fc-button:not(.btn-link):active.btn-danger {
                    background-color: #e72e35;
                }

                .fc .fc-button.btn-raised:not(.btn-link).active,
                .btn-group-raised .fc .fc-button:not(.btn-link).active,
                .fc .fc-button.btn-raised:not(.btn-link):active,
                .btn-group-raised .fc .fc-button:not(.btn-link):active,
                .fc .fc-button.btn-raised:not(.btn-link).active:hover,
                .btn-group-raised .fc .fc-button:not(.btn-link).active:hover,
                .fc .fc-button.btn-raised:not(.btn-link):active:hover,
                .btn-group-raised .fc .fc-button:not(.btn-link):active:hover {
                    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
                }

                .fc .fc-button.btn-raised:not(.btn-link):focus,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus,
                .fc .fc-button.btn-raised:not(.btn-link):focus.active,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.active,
                .fc .fc-button.btn-raised:not(.btn-link):focus:active,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus:active,
                .fc .fc-button.btn-raised:not(.btn-link):focus:hover,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus:hover,
                .fc .fc-button.btn-raised:not(.btn-link):focus.active:hover,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus.active:hover,
                .fc .fc-button.btn-raised:not(.btn-link):focus:active:hover,
                .btn-group-raised .fc .fc-button:not(.btn-link):focus:active:hover {
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18), 0 4px 8px rgba(0, 0, 0, 0.36);
                }

.fc .fc-button.btn-fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

    .fc .fc-button.btn-fab .ripple-container {
        border-radius: 50%;
    }

    .fc .fc-button.btn-fab.btn-fab-mini,
    .btn-group-sm .fc .fc-button.btn-fab {
        height: 40px;
        min-width: 40px;
        width: 40px;
    }

        .fc .fc-button.btn-fab.btn-fab-mini.material-icons,
        .btn-group-sm .fc .fc-button.btn-fab.material-icons {
            top: 0px;
            left: 0px;
        }

    .fc .fc-button.btn-fab i.material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
        transition-duration: 300ms;
    }

    .fc .fc-button.btn-fab.toggle-rotate i.material-icons {
        -webkit-transform: translate(-12px, -12px) rotate(90deg);
        transform: translate(-12px, -12px) rotate(90deg);
    }

.fc .fc-button i.material-icons {
    vertical-align: middle;
}

.fc .fc-button.btn-lg,
.btn-group-lg .fc .fc-button {
    font-size: 16px;
}

.fc .fc-button.btn-sm,
.btn-group-sm .fc .fc-button {
    padding: 5px 20px;
    font-size: 12px;
}

.fc .fc-button.btn-xs,
.btn-group-xs .fc .fc-button {
    padding: 4px 15px;
    font-size: 10px;
}

fieldset[disabled][disabled] .fc .fc-button,
.fc .fc-button.disabled,
.fc .fc-button:disabled,
.fc .fc-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26);
    background: transparent;
}

.theme-dark fieldset[disabled][disabled] .fc .fc-button,
.theme-dark .fc .fc-button.disabled,
.theme-dark .fc .fc-button:disabled,
.theme-dark .fc .fc-button[disabled][disabled] {
    color: rgba(255, 255, 255, 0.3);
}

fieldset[disabled][disabled] .fc .fc-button.btn-raised,
.fc .fc-button.disabled.btn-raised,
.fc .fc-button:disabled.btn-raised,
.fc .fc-button[disabled][disabled].btn-raised,
fieldset[disabled][disabled] .fc .fc-button.btn-group-raised,
.fc .fc-button.disabled.btn-group-raised,
.fc .fc-button:disabled.btn-group-raised,
.fc .fc-button[disabled][disabled].btn-group-raised,
fieldset[disabled][disabled] .fc .fc-button.btn-raised.active,
.fc .fc-button.disabled.btn-raised.active,
.fc .fc-button:disabled.btn-raised.active,
.fc .fc-button[disabled][disabled].btn-raised.active,
fieldset[disabled][disabled] .fc .fc-button.btn-group-raised.active,
.fc .fc-button.disabled.btn-group-raised.active,
.fc .fc-button:disabled.btn-group-raised.active,
.fc .fc-button[disabled][disabled].btn-group-raised.active,
fieldset[disabled][disabled] .fc .fc-button.btn-raised:active,
.fc .fc-button.disabled.btn-raised:active,
.fc .fc-button:disabled.btn-raised:active,
.fc .fc-button[disabled][disabled].btn-raised:active,
fieldset[disabled][disabled] .fc .fc-button.btn-group-raised:active,
.fc .fc-button.disabled.btn-group-raised:active,
.fc .fc-button:disabled.btn-group-raised:active,
.fc .fc-button[disabled][disabled].btn-group-raised:active,
fieldset[disabled][disabled] .fc .fc-button.btn-raised:focus:not(:active),
.fc .fc-button.disabled.btn-raised:focus:not(:active),
.fc .fc-button:disabled.btn-raised:focus:not(:active),
.fc .fc-button[disabled][disabled].btn-raised:focus:not(:active),
fieldset[disabled][disabled] .fc .fc-button.btn-group-raised:focus:not(:active),
.fc .fc-button.disabled.btn-group-raised:focus:not(:active),
.fc .fc-button:disabled.btn-group-raised:focus:not(:active),
.fc .fc-button[disabled][disabled].btn-group-raised:focus:not(:active) {
    box-shadow: none;
}

.fc .fc-button[disabled].btn-raised {
    background-color: rgba(0, 0, 0, 0.12);
}

.fc .fc-button:hover,
.fc .fc-button:focus,
.fc .fc-button.focus,
.fc .fc-button:active,
.fc .fc-button.active,
.open > .dropdown-toggle.fc .fc-button {
    color: #424242;
    background-color: #e1e1e1;
    border-color: #cfcfcf;
}

.fc .fc-button:active,
.fc .fc-button.active,
.open > .dropdown-toggle.fc .fc-button {
    background-image: none;
}

.fc .fc-button.disabled,
.fc .fc-button[disabled],
fieldset[disabled] .fc .fc-button,
.fc .fc-button.disabled:hover,
.fc .fc-button[disabled]:hover,
fieldset[disabled] .fc .fc-button:hover,
.fc .fc-button.disabled:focus,
.fc .fc-button[disabled]:focus,
fieldset[disabled] .fc .fc-button:focus,
.fc .fc-button.disabled.focus,
.fc .fc-button[disabled].focus,
fieldset[disabled] .fc .fc-button.focus,
.fc .fc-button.disabled:active,
.fc .fc-button[disabled]:active,
fieldset[disabled] .fc .fc-button:active,
.fc .fc-button.disabled.active,
.fc .fc-button[disabled].active,
fieldset[disabled] .fc .fc-button.active {
    background-color: #fafafa;
    border-color: #eeeeee;
}

.fc .fc-button .badge {
    color: #fafafa;
    background-color: #424242;
}

.fc .fc-button:active,
.fc .fc-button.active,
.fc .fc-button.fc-state-active {
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: #424242;
    background-color: #e1e1e1;
    border-color: #cfcfcf;
    background-image: none;
}

    .fc .fc-button:active:focus,
    .fc .fc-button.active:focus,
    .fc .fc-button.fc-state-active:focus,
    .fc .fc-button:active.focus,
    .fc .fc-button.active.focus,
    .fc .fc-button.fc-state-active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.fc .fc-button.fc-corner-left {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.fc .fc-button.fc-corner-right {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.fc .fc-button .fc-icon {
    margin: 0;
    top: -1px;
}

.fc .fc-toolbar {
    margin-bottom: 32px;
}

    .fc .fc-toolbar h2 {
        line-height: 1.2;
        color: #424242;
        margin-top: 9px;
        margin-bottom: 9px;
        font-size: 18px;
        font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
        font-weight: 300;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
    }

        .fc .fc-toolbar h2 small,
        .fc .fc-toolbar h2 .small {
            font-weight: normal;
            line-height: 1;
            color: #bdbdbd;
        }

        .fc .fc-toolbar h2 small,
        .fc .fc-toolbar h2 .small {
            font-size: 75%;
        }

@media (max-width: 480px) {
    .fc .fc-toolbar h2 {
        font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
        line-height: 1.2;
        color: #424242;
        margin-top: 9px;
        margin-bottom: 9px;
        font-size: 13px;
        font-weight: 400;
        font-weight: 500;
        margin: 4px 0;
    }

        .fc .fc-toolbar h2 small,
        .fc .fc-toolbar h2 .small {
            font-weight: normal;
            line-height: 1;
            color: #bdbdbd;
        }

        .fc .fc-toolbar h2 small,
        .fc .fc-toolbar h2 .small {
            font-size: 75%;
        }
}

.fc .fc-toolbar .fc-button-group {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 10px 1px;
}

    .fc .fc-toolbar .fc-button-group > .btn {
        position: relative;
        float: left;
    }

        .fc .fc-toolbar .fc-button-group > .btn:hover,
        .fc .fc-toolbar .fc-button-group > .btn:focus,
        .fc .fc-toolbar .fc-button-group > .btn:active,
        .fc .fc-toolbar .fc-button-group > .btn.active {
            z-index: 2;
        }

    .fc .fc-toolbar .fc-button-group .btn + .btn,
    .fc .fc-toolbar .fc-button-group .btn + .btn-group,
    .fc .fc-toolbar .fc-button-group .btn-group + .btn,
    .fc .fc-toolbar .fc-button-group .btn-group + .btn-group {
        margin-left: -1px;
    }

    fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group,
    .fc .fc-toolbar .fc-button-group.disabled,
    .fc .fc-toolbar .fc-button-group:disabled,
    .fc .fc-toolbar .fc-button-group[disabled][disabled] {
        color: rgba(0, 0, 0, 0.26);
        background: transparent;
    }

.theme-dark fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group,
.theme-dark .fc .fc-toolbar .fc-button-group.disabled,
.theme-dark .fc .fc-toolbar .fc-button-group:disabled,
.theme-dark .fc .fc-toolbar .fc-button-group[disabled][disabled] {
    color: rgba(255, 255, 255, 0.3);
}

fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-raised,
.fc .fc-toolbar .fc-button-group.disabled.btn-raised,
.fc .fc-toolbar .fc-button-group:disabled.btn-raised,
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-raised,
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-group-raised,
.fc .fc-toolbar .fc-button-group.disabled.btn-group-raised,
.fc .fc-toolbar .fc-button-group:disabled.btn-group-raised,
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-group-raised,
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-raised.active,
.fc .fc-toolbar .fc-button-group.disabled.btn-raised.active,
.fc .fc-toolbar .fc-button-group:disabled.btn-raised.active,
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-raised.active,
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-group-raised.active,
.fc .fc-toolbar .fc-button-group.disabled.btn-group-raised.active,
.fc .fc-toolbar .fc-button-group:disabled.btn-group-raised.active,
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-group-raised.active,
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-raised:active,
.fc .fc-toolbar .fc-button-group.disabled.btn-raised:active,
.fc .fc-toolbar .fc-button-group:disabled.btn-raised:active,
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-raised:active,
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-group-raised:active,
.fc .fc-toolbar .fc-button-group.disabled.btn-group-raised:active,
.fc .fc-toolbar .fc-button-group:disabled.btn-group-raised:active,
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-group-raised:active,
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-raised:focus:not(:active),
.fc .fc-toolbar .fc-button-group.disabled.btn-raised:focus:not(:active),
.fc .fc-toolbar .fc-button-group:disabled.btn-raised:focus:not(:active),
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-raised:focus:not(:active),
fieldset[disabled][disabled] .fc .fc-toolbar .fc-button-group.btn-group-raised:focus:not(:active),
.fc .fc-toolbar .fc-button-group.disabled.btn-group-raised:focus:not(:active),
.fc .fc-toolbar .fc-button-group:disabled.btn-group-raised:focus:not(:active),
.fc .fc-toolbar .fc-button-group[disabled][disabled].btn-group-raised:focus:not(:active) {
    box-shadow: none;
}

.fc .fc-toolbar .fc-button-group[disabled].btn-raised {
    background-color: rgba(0, 0, 0, 0.12);
}

.fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn,
.fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-default {
    background-color: #f5f5f5;
}

    .fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-inverse {
        background-color: #3f51b5;
    }

    .fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-primary {
        background-color: #03a9f4;
    }

    .fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-success {
        background-color: var(--color-primary-dark);
    }

    .fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-info {
        background-color: #00bcd4;
    }

    .fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-warning {
        background-color: #ffc107;
    }

    .fc .fc-toolbar .fc-button-group.open > .dropdown-toggle.btn.btn-danger {
        background-color: #e51c23;
    }

.fc .fc-toolbar .fc-button-group .dropdown-menu,
.fc .fc-toolbar .fc-button-group .tt-dropdown-menu {
    border-radius: 0 0 2px 2px;
}

.fc .fc-toolbar .fc-button-group.btn-group-raised {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}

.fc .fc-toolbar .fc-button-group .btn + .btn,
.fc .fc-toolbar .fc-button-group .btn,
.fc .fc-toolbar .fc-button-group .btn:active,
.fc .fc-toolbar .fc-button-group .btn-group {
    margin: 0;
}

.fc .fc-view > table {
    font-size: 11px !important;
    border-radius: 2px;
}

    .fc .fc-view > table thead th {
        border-top: 0 !important;
        font-size: 11px;
        font-weight: 400;
    }

    .fc .fc-view > table tbody > tr > td {
        border: 1px solid #f1f1f1;
    }

        .fc .fc-view > table tbody > tr > td:first-child {
            border-left: 0;
        }

    .fc .fc-view > table tbody > tr > th:first-child {
        border-left: 0;
        border-bottom: 0;
    }

    .fc .fc-view > table tbody > tr > th:last-child {
        border-right: 0;
        border-bottom: 0;
    }

    .fc .fc-view > table .fc-event {
        font-size: 11px;
        line-height: 1.35;
        padding: 0;
        border-radius: 2px;
        border: none;
        box-shadow: none;
    }

        .fc .fc-view > table .fc-event .fc-content {
            padding: 4px;
            margin-left: 0;
            margin-bottom: 2px;
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

            .fc .fc-view > table .fc-event .fc-content .fc-time {
                opacity: 0.4;
                filter: alpha(opacity=40);
                font-weight: 400;
                text-transform: uppercase;
            }

            .fc .fc-view > table .fc-event .fc-content .fc-title {
                padding: 0 2px;
            }

    .fc .fc-view > table .fc-content-skeleton tbody td {
        border-top: 0;
    }

.fc .fc-event {
    font-size: 11px;
    line-height: 1.35;
    padding: 0;
    border-radius: 2px;
    border: none;
    box-shadow: none;
}

    .fc .fc-event .fc-content {
        padding: 4px;
        margin-left: 0;
        margin-bottom: 2px;
    }

        .fc .fc-event .fc-content .fc-time {
            opacity: 0.4;
            filter: alpha(opacity=40);
            font-weight: 400;
            text-transform: uppercase;
        }

        .fc .fc-event .fc-content .fc-title {
            padding: 0 2px;
        }

#external-events .external-event.label,
#external-events .external-event#topnav .topnav-dropdown-header span.label {
    letter-spacing: normal;
    text-transform: none;
    box-shadow: none;
    font-size: 11px;
    padding: 4px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 2px;
    background-color: #3a87ad;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.external-event {
    cursor: move;
}
/* Remove that awful yellow color and border from today in Schedule */
.fc-today {
    opacity: 0;
    border: none;
}
/* Styling for each event from Schedule */
.fc-time-grid-event.fc-v-event.fc-event {
    border-radius: 4px;
    border: none;
    padding: 5px;
    opacity: .65;
    left: 5% !important;
    right: 5% !important;
}
/* Bolds the name of the event and inherits the font size */
.fc-event {
    font-size: inherit !important;
    font-weight: bold !important;
}
/* Remove the header border from Schedule */
.fc td,
.fc th {
    border-style: none !important;
    border-width: 1px !important;
    padding: 0 !important;
    vertical-align: top !important;
}
/* Inherits background for each event from Schedule. */
.fc-event .fc-bg {
    z-index: 1 !important;
    background: inherit !important;
    opacity: .25 !important;
}
/* Normal font weight for the time in each event */
.fc-time-grid-event .fc-time {
    font-weight: normal !important;
}
/* Apply same opacity to all day events */
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    opacity: .65 !important;
    margin-left: 12px !important;
    padding: 5px !important;
}
/* Apply same opacity to all day events */
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
    opacity: .65 !important;
    margin-left: 12px !important;
    padding: 5px !important;
}

.gallery {
    padding-left: 0;
    cursor: pointer;
}

    .gallery .item {
        position: relative;
        margin-bottom: 20px;
        border-radius: 2px;
        -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }

        .gallery .item a {
            display: block;
        }

        .gallery .item h3 {
            background-color: black;
            background-color: rgba(0, 0, 0, 0.7);
            zoom: 1;
            background-color: transparent\9;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)";
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000);
            position: absolute;
            bottom: -38px;
            left: 0;
            right: 0;
            padding-left: 10px !important;
            padding: 5px;
            color: #fff;
            margin: 0;
            display: block;
            transition: all 250ms ease;
        }

        .gallery .item:hover h3 {
            bottom: 0;
            padding-left: 10px;
        }

.legend .legendLabel {
    padding-left: 4px;
}

#flotTip {
    font-size: 11px !important;
    line-height: 1 !important;
    max-width: 200px !important;
    padding: 3px 8px !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    background-color: #212121 !important;
    color: #ececec !important;
    line-height: 1em !important;
    background: rgba(101, 101, 101, 0.9) !important;
    border: none !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12) !important;
    white-space: nowrap !important;
    background-color: rgba(0, 0, 0, 0.87) !important;
    padding: 8px !important;
}

.twitter-typeahead {
    width: 100%;
    position: relative;
    vertical-align: text-top;
}

.tt-hint {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
    color: #212121;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 39px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.45;
    border: 0;
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 7px;
}

    .tt-hint:focus {
        border-color: #bdbdbd;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(189, 189, 189, 0.6);
    }

    .tt-hint::-moz-placeholder {
        color: #bdbdbd;
        opacity: 1;
    }

    .tt-hint:-ms-input-placeholder {
        color: #bdbdbd;
    }

    .tt-hint::-webkit-input-placeholder {
        color: #bdbdbd;
    }

    .tt-hint[disabled],
    .tt-hint[readonly],
    fieldset[disabled] .tt-hint {
        cursor: not-allowed;
        background-color: #ededed;
        opacity: 1;
    }

textarea.tt-hint {
    height: auto;
}

.tt-hint::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400;
}

.tt-hint:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
}

.tt-hint::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400;
}

.tt-hint[readonly],
.tt-hint[disabled],
fieldset[disabled] .tt-hint {
    background-color: rgba(0, 0, 0, 0);
}

.tt-hint[disabled],
fieldset[disabled] .tt-hint {
    background-image: none;
    border-bottom: 1px dotted #D2D2D2;
}

.tt-hint::-moz-placeholder {
    font-size: 16px;
    line-height: 1.45;
    color: #BDBDBD;
    font-weight: 400;
}

.tt-hint:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.45;
    color: #BDBDBD;
    font-weight: 400;
}

.tt-hint::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.45;
    color: #BDBDBD;
    font-weight: 400;
}

.tt-hint .fileinput-filename {
    vertical-align: bottom;
}

.tt-suggestion > p {
    margin: 0 !important;
    color: #424242 !important;
}

.col-md-3.col-sm-6.col-xs-6.mb-md.mt-md {
    border-right: 1px solid #eeeeee;
}

    .col-md-3.col-sm-6.col-xs-6.mb-md.mt-md:last-child {
        border-right: 0;
    }

.expense span {
    color: #9e9e9e;
}

.easypiechart-half {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: right;
}

    .easypiechart-half .percent {
        position: absolute;
        /* width: 96px;
			line-height: 96px; */
        font-size: 0;
        font-weight: 500;
        color: #212121;
    }

        .easypiechart-half .percent:after {
            content: '%';
        }

    .easypiechart-half .percent-non {
        color: #fff;
        font-weight: normal;
        font-size: 36px;
    }

        .easypiechart-half .percent-non:after {
            content: '';
        }

    .easypiechart-half + label {
        text-align: center;
        display: block;
        font-size: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .easypiechart-half + label .label,
        .easypiechart-half + label #topnav .topnav-dropdown-header span.label {
            font-size: 11px;
        }

.easypiechart {
    display: block;
    height: 96px;
    line-height: 96px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 96px;
}

    .easypiechart .percent,
    .easypiechart-half .percent-non,
    .easypiechart .percent-non {
        position: absolute;
        color: #212121;
        font-size: 20px !important;
        font-weight: 300;
        line-height: 96px;
        width: 96px;
    }

        .easypiechart .percent:after,
        .easypiechart-half .percent-non:after,
        .easypiechart .percent-non:after {
            content: '%';
        }

        .easypiechart .percent.percent-big,
        .easypiechart-half .percent-non.percent-big,
        .easypiechart .percent-non.percent-big {
            font-size: 36px !important;
        }

    .easypiechart .percent-non {
        color: #fff;
        font-weight: normal;
        font-size: 36px;
    }

        .easypiechart .percent-non:after {
            content: '';
        }

    .easypiechart + label {
        text-align: center;
        display: block;
        font-size: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .easypiechart + label .label,
        .easypiechart + label #topnav .topnav-dropdown-header span.label {
            font-size: 11px;
        }

.popover-content .form-group {
    margin: 0 !important;
    padding: 10px 0 0 !important;
}

    .popover-content .form-group:first-child {
        margin: 0 !important;
        padding: 0 !important;
    }

.editable-container .form-group {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 7px;
}

.form-horizontal .editable {
    padding-top: 18px !important;
}

.editable-input select {
    height: 38px;
}

.popover-content {
    background-color: #fff;
}

.token-input {
    margin-bottom: 0 !important;
    width: auto !important;
}

.tokenfield {
    height: auto !important;
    min-height: 32px !important;
}

    .tokenfield .token {
        border-radius: 2px !important;
        border: none !important;
    }

        .tokenfield .token.invalid {
            background: #f1f1f1 !important;
            border-bottom: 1px dotted #e51c23 !important;
        }

    .tokenfield .twitter-typeahead {
        width: auto !important;
    }

.btn-file {
    position: relative;
    vertical-align: middle;
    border-bottom-right-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 23px;
        height: 100%;
        width: 100%;
        direction: ltr;
        cursor: pointer;
    }

.fileinput {
    margin-bottom: 9px;
    display: inline-block;
}

    .fileinput .form-control {
        padding-top: 7px;
        padding-bottom: 5px;
        display: inline-block;
        margin-bottom: 0px;
        vertical-align: middle;
        cursor: text;
    }

    .fileinput .thumbnail {
        overflow: hidden;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: middle;
        text-align: center;
    }

        .fileinput .thumbnail > img {
            max-height: 100%;
        }

    .fileinput .btn {
        vertical-align: middle;
    }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.fileinput-inline .fileinput-controls {
    display: inline;
}

.fileinput-filename {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
}

.form-control .fileinput-filename {
    vertical-align: bottom;
}

.fileinput.input-group {
    display: table;
}

    .fileinput.input-group > * {
        position: relative;
        z-index: 2;
    }

    .fileinput.input-group > .btn-file {
        z-index: 1;
    }

.wmd-preview {
    margin-top: 24px;
}

.wmd-panel .btn-toolbar {
    padding: 0 0 10px !important;
}

.wmd-button-bar .btn-group + .btn-group,
.wmd-button-bar .btn-group:first-child:not(:last-child) {
    margin-right: 3px;
}

label.icheck {
    padding: 7px 0 !important;
    line-height: 1.45 !important;
}

    label.icheck input {
        display: none;
    }

    label.icheck > label {
        padding: 0 !important;
    }

    label.icheck.radio,
    label.icheck.checkbox {
        cursor: pointer;
    }

[class*="icheckbox_minimal-"],
[class*="iradio_minimal-"] {
    float: left;
    margin: 0 !important;
}

.icheck input[type="checkbox"] {
    visibility: hidden;
}

.icheck.checkbox,
.icheck.checkbox-inline,
.icheck.radio,
.icheck.radio-inline,
.icheck label {
    padding-left: 0;
    line-height: 1.45;
}

    .icheck.checkbox > div,
    .icheck.checkbox-inline > div,
    .icheck.radio > div,
    .icheck.radio-inline > div,
    .icheck label > div,
    .icheck.checkbox > label > div,
    .icheck.checkbox-inline > label > div,
    .icheck.radio > label > div,
    .icheck.radio-inline > label > div,
    .icheck label > label > div {
        margin-right: 4px !important;
    }

.form-inline .icheck.checkbox-inline,
.form-inline .icheck.radio-inline,
.form-inline .icheck.checkbox,
.form-inline .icheck.radio,
.form-horizontal .icheck.checkbox-inline,
.form-horizontal .icheck.radio-inline,
.form-horizontal .icheck.checkbox,
.form-horizontal .icheck.radio {
    padding-top: 10px;
}

.icheck .checked.hover.icheckbox_minimal-blue,
.icheck .checked.hover.icheckbox_minimal-green,
.icheck .checked.hover.icheckbox_minimal-aero,
.icheck .checked.hover.icheckbox_minimal-grey,
.icheck .checked.hover.icheckbox_minimal-orange,
.icheck .checked.hover.icheckbox_minimal-pink,
.icheck .checked.hover.icheckbox_minimal-purple,
.icheck .checked.hover.icheckbox_minimal-red,
.icheck .checked.hover.icheckbox_minimal-yellow {
    background-position: -200px 0;
}

.icheck .checked.hover.iradio_minimal-blue,
.icheck .checked.hover.iradio_minimal-green,
.icheck .checked.hover.iradio_minimal-aero,
.icheck .checked.hover.iradio_minimal-grey,
.icheck .checked.hover.iradio_minimal-orange,
.icheck .checked.hover.iradio_minimal-pink,
.icheck .checked.hover.iradio_minimal-purple,
.icheck .checked.hover.iradio_minimal-red,
.icheck .checked.hover.iradio_minimal-yellow {
    background-position: -220px 0;
}

.icheck.input-group-addon {
    padding: 5px 9px;
}

.icheck .icheckbox_minimal-blue,
.icheck .icheckbox_minimal-green,
.icheck .icheckbox_minimal-aero,
.icheck .icheckbox_minimal-grey,
.icheck .icheckbox_minimal-orange,
.icheck .icheckbox_minimal-pink,
.icheck .icheckbox_minimal-purple,
.icheck .icheckbox_minimal-red,
.icheck .icheckbox_minimal-yellow .iradio_minimal-blue,
.icheck .iradio_minimal-green,
.icheck .iradio_minimal-aero,
.icheck .iradio_minimal-grey,
.icheck .iradio_minimal-orange,
.icheck .iradio_minimal-pink,
.icheck .iradio_minimal-purple,
.icheck .iradio_minimal-red,
.icheck .iradio_minimal-yellow {
    height: 20px !important;
    width: 20px !important;
}

.clockface .outer.active,
.clockface .outer.active:hover {
    background: var(--color-primary-dark);
    color: #fff;
}

.clockface .inner.active,
.clockface .inner.active:hover {
    background: #03a9f4;
    color: #fff;
}

.clockface .outer,
.clockface .inner {
    border-radius: 2px;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    background: #fff;
    color: #424242 !important;
}

.ms-container .ms-list {
    border: 1px solid #eeeeee !important;
    border-top: 1px solid #eeeeee !important;
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
    position: static !important;
}

    .ms-container .ms-list.ms-focus {
        border-color: #03a9f4 !important;
    }

.ms-container .ms-optgroup-label {
    color: #eeeeee !important;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #f1f1f1 solid !important;
    color: #424242 !important;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    color: #424242 !important;
    background-color: #f1f1f1 !important;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
    background-color: #f1f1f1 !important;
    color: #bdbdbd !important;
}

.select2-drop {
    border: 1px solid #03a9f4 !important;
    border-radius: 2px;
}

    .select2-drop.select2-drop-active {
        border-top-width: 0 !important;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

        .select2-drop.select2-drop-active.select2-drop-above {
            border-top-width: 1px !important;
            border-bottom-width: 0 !important;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

.select2-dropdown-open {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

    .select2-dropdown-open.select2-drop-above .select2-choices {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .select2-dropdown-open .select2-choice,
    .select2-dropdown-open .select2-choices {
        border: 1px solid #03a9f4 !important;
        background-color: #fff;
        box-shadow: 0 0px 1px 0px #e1f0fa !important;
        box-shadow: none !important;
    }

.select2-container-multi .select2-choices {
    padding-left: 4px;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        padding: 3px 5px 3px 18px !important;
        border: 1px solid #f1f1f1 !important;
        border-radius: 2px !important;
        background: #f1f1f1 !important;
        color: #424242 !important;
        margin: 4px 0 4px 4px !important;
    }

.select2-container-multi.select2-dropdown-open .select2-choices {
    background: #fff !important;
}

.nav-tabs,
.nav-pills {
    position: relative;
}

.tab-container .nav-tabs li.tabdrop + li > a {
    margin-left: 0px !important;
}

.ui-pnotify {
    color: #fff;
}

    .ui-pnotify .alert-warning {
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .ui-pnotify .alert-success {
        background-color: var(--color-primary-dark);
        border-color: var(--color-primary-dark);
    }

    .ui-pnotify .alert-danger {
        background-color: #e51c23;
        border-color: #e51c23;
    }

    .ui-pnotify .alert-info {
        background-color: #00bcd4;
        border-color: #00bcd4;
    }

    .ui-pnotify .alert-inverse {
        background-color: #757575;
        border-color: #757575;
    }

    .ui-pnotify .alert-primary {
        background-color: #03a9f4;
        border-color: #03a9f4;
    }

    .ui-pnotify hr {
        border-top-color: rgba(255, 255, 255, 0.1);
    }

    .ui-pnotify .alert-link {
        color: #e6e6e6;
    }

    .ui-pnotify h1,
    .ui-pnotify h2,
    .ui-pnotify h3,
    .ui-pnotify h4,
    .ui-pnotify h5,
    .ui-pnotify h6,
    .ui-pnotify .h1,
    .ui-pnotify .h2,
    .ui-pnotify .h3,
    .ui-pnotify .h4,
    .ui-pnotify .h5,
    .ui-pnotify .h6 {
        color: #fff;
    }

        .ui-pnotify h1 small,
        .ui-pnotify h2 small,
        .ui-pnotify h3 small,
        .ui-pnotify h4 small,
        .ui-pnotify h5 small,
        .ui-pnotify h6 small,
        .ui-pnotify .h1 small,
        .ui-pnotify .h2 small,
        .ui-pnotify .h3 small,
        .ui-pnotify .h4 small,
        .ui-pnotify .h5 small,
        .ui-pnotify .h6 small {
            color: #fff;
        }

    .ui-pnotify .ui-pnotify-shadow {
        box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.24) !important;
    }

.ui-pnotify-closer,
.ui-pnotify-sticker {
    padding: 2px 8px;
    margin: -14px 0 0 0 !important;
    background: rgba(0, 0, 0, 0.1);
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
}

    .ui-pnotify-closer:hover,
    .ui-pnotify-sticker:hover,
    .ui-pnotify-closer:active,
    .ui-pnotify-sticker:active,
    .ui-pnotify-closer:focus,
    .ui-pnotify-sticker:focus {
        background: rgba(0, 0, 0, 0.2);
    }

.ui-pnotify-closer {
    border-bottom-right-radius: 2px;
}

.ui-pnotify-sticker {
    border-bottom-left-radius: 2px;
}

.ui-pnotify-text {
    font-size: 11px !important;
    color: #fff;
}

.ui-pnotify-title {
    font-size: 13px !important;
    color: #fff;
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    margin-top: 0.05em !important;
    color: #fff;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    height: auto !important;
    left: 8px !important;
    width: 14px !important;
    border: 1px solid #eeeeee !important;
    color: #424242 !important;
    padding: 3px 0 !important;
    font-size: 12px !important;
    background-color: #fafafa !important;
}

.jvectormap-zoomin {
    top: 8px !important;
    border-radius: 2px 2px 0 0 !important;
    border-bottom: 0 !important;
}

.jvectormap-zoomout {
    top: 24px !important;
    border-radius: 0 0 2px 2px !important;
    border-top: 0 !important;
}

.jvectormap-tip {
    font-family: 'Roboto', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    padding: 6px 8px !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    background-color: #212121 !important;
    border-radius: 2px !important;
    border: 0 !important;
}

.note-editor {
    border: 1px solid #eeeeee !important;
    border-radius: 2px;
}

    .note-editor .navbar .btn-navbar {
        background-color: #f1f1f1 !important;
    }

    .note-editor .well {
        min-height: 16px;
        padding: 16px;
        margin-bottom: 16px;
        background-color: #fafafa;
        border: 1px solid #eeeeee !important;
    }

    .note-editor .note-toolbar {
        border-radius: 2px 2px 0 0;
        background-color: #f5f5f5 !important;
        border-bottom: 1px solid #eeeeee !important;
    }

    .note-editor .note-statusbar .note-resizebar {
        border-top: 1px solid #eeeeee !important;
        border-radius: 0 0 2px 2px;
    }

    .note-editor .note-statusbar {
        background-color: #f5f5f5 !important;
        border-radius: 0 0 2px 2px;
    }

.table-fixed-header th {
    background: #fff !important;
}

table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    table.dataTable + .row {
        margin-top: 20px;
    }

    table.dataTable tr > td > textarea {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

div.DTTT .btn.btn-default {
    color: inherit;
    font-size: inherit;
}

.panel-ctrls .dataTables_filter,
.panel-ctrls .dataTables_length {
    margin: 8px 0 !important;
}

    .panel-ctrls .dataTables_filter label,
    .panel-ctrls .dataTables_length label {
        margin: 0 !important;
    }

.table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    font-weight: 400;
    font-size: 0.8em;
    padding: 0.12em 0;
}

.bootstrap-touchspin .input-group-addon.bootstrap-touchspin-prefix + .form-control {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.bootstrap-touchspin .input-group-btn + .input-group-addon.bootstrap-touchspin-prefix + .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.bootstrap-touchspin .input-group-btn-vertical .btn-lg {
    padding-top: 11px !important;
    padding-bottom: 10px !important;
}

    .bootstrap-touchspin .input-group-btn-vertical .btn-lg.bootstrap-touchspin-down {
        margin-top: -1px !important;
    }

    .bootstrap-touchspin .input-group-btn-vertical .btn-lg i {
        top: 5px;
    }

.bootstrap-touchspin .bootstrap-touchspin-up {
    border-top-right-radius: 2px !important;
}

.bootstrap-touchspin .bootstrap-touchspin-down {
    border-bottom-right-radius: 2px !important;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.mapTooltip {
    opacity: 0.9;
    filter: alpha(opacity=90);
    position: fixed;
    padding: 6px 10px;
    background-color: #212121;
    border-radius: 2px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    font-size: 11px;
    color: #fff;
}

.map {
    position: relative;
}

    .map .zoomIn,
    .map .zoomOut {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 5px 10px;
        font-size: 13px;
        line-height: 1.45;
        border: none;
        border-radius: 2px;
        position: relative;
        padding: 8px 30px;
        margin: 10px 1px;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0;
        will-change: box-shadow, transform;
        transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: 0;
        cursor: pointer;
        text-decoration: none;
        background: transparent;
        color: #424242;
        background-color: #fafafa;
        border-color: #eeeeee;
        padding: 4px 15px;
        font-size: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        top: 0px;
        left: 10px;
        padding: 3px 6px;
    }

        .map .zoomIn:focus,
        .map .zoomOut:focus,
        .map .zoomIn:active:focus,
        .map .zoomOut:active:focus,
        .map .zoomIn.active:focus,
        .map .zoomOut.active:focus,
        .map .zoomIn.focus,
        .map .zoomOut.focus,
        .map .zoomIn:active.focus,
        .map .zoomOut:active.focus,
        .map .zoomIn.active.focus,
        .map .zoomOut.active.focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .map .zoomIn:hover,
        .map .zoomOut:hover,
        .map .zoomIn:focus,
        .map .zoomOut:focus,
        .map .zoomIn.focus,
        .map .zoomOut.focus {
            color: #424242;
            text-decoration: none;
        }

        .map .zoomIn:active,
        .map .zoomOut:active,
        .map .zoomIn.active,
        .map .zoomOut.active {
            outline: 0;
            background-image: none;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

        .map .zoomIn.disabled,
        .map .zoomOut.disabled,
        .map .zoomIn[disabled],
        .map .zoomOut[disabled],
        fieldset[disabled] .map .zoomIn,
        fieldset[disabled] .map .zoomOut {
            cursor: not-allowed;
            pointer-events: none;
            opacity: 0.65;
            filter: alpha(opacity=65);
            box-shadow: none;
        }

        .map .zoomIn::-moz-focus-inner,
        .map .zoomOut::-moz-focus-inner {
            border: 0;
        }

        .map .zoomIn:not(.btn-raised),
        .map .zoomOut:not(.btn-raised) {
            box-shadow: none;
        }

            .map .zoomIn:not(.btn-raised),
            .map .zoomOut:not(.btn-raised),
            .map .zoomIn:not(.btn-raised).btn-default,
            .map .zoomOut:not(.btn-raised).btn-default {
                color: rgba(0,0,0, 0.87);
            }

                .map .zoomIn:not(.btn-raised).btn-inverse,
                .map .zoomOut:not(.btn-raised).btn-inverse {
                    color: #3f51b5;
                }

                .map .zoomIn:not(.btn-raised).btn-primary,
                .map .zoomOut:not(.btn-raised).btn-primary {
                    color: #03a9f4;
                }

                .map .zoomIn:not(.btn-raised).btn-success,
                .map .zoomOut:not(.btn-raised).btn-success {
                    color: var(--color-primary-dark);
                }

                .map .zoomIn:not(.btn-raised).btn-info,
                .map .zoomOut:not(.btn-raised).btn-info {
                    color: #00bcd4;
                }

                .map .zoomIn:not(.btn-raised).btn-warning,
                .map .zoomOut:not(.btn-raised).btn-warning {
                    color: #ffc107;
                }

                .map .zoomIn:not(.btn-raised).btn-danger,
                .map .zoomOut:not(.btn-raised).btn-danger {
                    color: #e51c23;
                }

                .map .zoomIn:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
                .map .zoomOut:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
                .map .zoomIn:not(.btn-raised):not(.btn-link):not(.btn-fab):focus,
                .map .zoomOut:not(.btn-raised):not(.btn-link):not(.btn-fab):focus {
                    background-color: rgba(153, 153, 153, 0.2);
                }

.theme-dark .map .zoomIn:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
.theme-dark .map .zoomOut:not(.btn-raised):not(.btn-link):not(.btn-fab):hover,
.theme-dark .map .zoomIn:not(.btn-raised):not(.btn-link):not(.btn-fab):focus,
.theme-dark .map .zoomOut:not(.btn-raised):not(.btn-link):not(.btn-fab):focus {
    background-color: rgba(204, 204, 204, 0.15);
}

.map .zoomIn.btn-raised,
.map .zoomOut.btn-raised,
.map .zoomIn.btn-fab,
.map .zoomOut.btn-fab,
.btn-group-raised .map .zoomIn,
.btn-group-raised .map .zoomOut,
.map .zoomIn.btn-raised.btn-default,
.map .zoomOut.btn-raised.btn-default,
.map .zoomIn.btn-fab.btn-default,
.map .zoomOut.btn-fab.btn-default,
.btn-group-raised .map .zoomIn.btn-default,
.btn-group-raised .map .zoomOut.btn-default {
    background-color: #f5f5f5;
    color: rgba(0,0,0, 0.87);
}

    .map .zoomIn.btn-raised.btn-inverse,
    .map .zoomOut.btn-raised.btn-inverse,
    .map .zoomIn.btn-fab.btn-inverse,
    .map .zoomOut.btn-fab.btn-inverse,
    .btn-group-raised .map .zoomIn.btn-inverse,
    .btn-group-raised .map .zoomOut.btn-inverse {
        background-color: #3f51b5;
        color: #fff;
    }

    .map .zoomIn.btn-raised.btn-primary,
    .map .zoomOut.btn-raised.btn-primary,
    .map .zoomIn.btn-fab.btn-primary,
    .map .zoomOut.btn-fab.btn-primary,
    .btn-group-raised .map .zoomIn.btn-primary,
    .btn-group-raised .map .zoomOut.btn-primary {
        background-color: #03a9f4;
        color: rgba(255,255,255, 0.84);
    }

    .map .zoomIn.btn-raised.btn-success,
    .map .zoomOut.btn-raised.btn-success,
    .map .zoomIn.btn-fab.btn-success,
    .map .zoomOut.btn-fab.btn-success,
    .btn-group-raised .map .zoomIn.btn-success,
    .btn-group-raised .map .zoomOut.btn-success {
        background-color: var(--color-primary-dark);
        color: rgba(255,255,255, 0.84);
    }

    .map .zoomIn.btn-raised.btn-info,
    .map .zoomOut.btn-raised.btn-info,
    .map .zoomIn.btn-fab.btn-info,
    .map .zoomOut.btn-fab.btn-info,
    .btn-group-raised .map .zoomIn.btn-info,
    .btn-group-raised .map .zoomOut.btn-info {
        background-color: #00bcd4;
        color: rgba(255,255,255, 0.84);
    }

    .map .zoomIn.btn-raised.btn-warning,
    .map .zoomOut.btn-raised.btn-warning,
    .map .zoomIn.btn-fab.btn-warning,
    .map .zoomOut.btn-fab.btn-warning,
    .btn-group-raised .map .zoomIn.btn-warning,
    .btn-group-raised .map .zoomOut.btn-warning {
        background-color: #ffc107;
        color: rgba(255,255,255, 0.84);
    }

    .map .zoomIn.btn-raised.btn-danger,
    .map .zoomOut.btn-raised.btn-danger,
    .map .zoomIn.btn-fab.btn-danger,
    .map .zoomOut.btn-fab.btn-danger,
    .btn-group-raised .map .zoomIn.btn-danger,
    .btn-group-raised .map .zoomOut.btn-danger {
        background-color: #e51c23;
        color: rgba(255,255,255, 0.84);
    }

    .map .zoomIn.btn-raised:not(.btn-link),
    .map .zoomOut.btn-raised:not(.btn-link),
    .btn-group-raised .map .zoomIn:not(.btn-link),
    .btn-group-raised .map .zoomOut:not(.btn-link) {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    }

        .map .zoomIn.btn-raised:not(.btn-link):hover,
        .map .zoomOut.btn-raised:not(.btn-link):hover,
        .btn-group-raised .map .zoomIn:not(.btn-link):hover,
        .btn-group-raised .map .zoomOut:not(.btn-link):hover,
        .map .zoomIn.btn-raised:not(.btn-link):focus,
        .map .zoomOut.btn-raised:not(.btn-link):focus,
        .btn-group-raised .map .zoomIn:not(.btn-link):focus,
        .btn-group-raised .map .zoomOut:not(.btn-link):focus,
        .map .zoomIn.btn-raised:not(.btn-link).active,
        .map .zoomOut.btn-raised:not(.btn-link).active,
        .btn-group-raised .map .zoomIn:not(.btn-link).active,
        .btn-group-raised .map .zoomOut:not(.btn-link).active,
        .map .zoomIn.btn-raised:not(.btn-link):active,
        .map .zoomOut.btn-raised:not(.btn-link):active,
        .btn-group-raised .map .zoomIn:not(.btn-link):active,
        .btn-group-raised .map .zoomOut:not(.btn-link):active {
            outline: 0;
        }

            .map .zoomIn.btn-raised:not(.btn-link):hover,
            .map .zoomOut.btn-raised:not(.btn-link):hover,
            .btn-group-raised .map .zoomIn:not(.btn-link):hover,
            .btn-group-raised .map .zoomOut:not(.btn-link):hover,
            .map .zoomIn.btn-raised:not(.btn-link):focus,
            .map .zoomOut.btn-raised:not(.btn-link):focus,
            .btn-group-raised .map .zoomIn:not(.btn-link):focus,
            .btn-group-raised .map .zoomOut:not(.btn-link):focus,
            .map .zoomIn.btn-raised:not(.btn-link).active,
            .map .zoomOut.btn-raised:not(.btn-link).active,
            .btn-group-raised .map .zoomIn:not(.btn-link).active,
            .btn-group-raised .map .zoomOut:not(.btn-link).active,
            .map .zoomIn.btn-raised:not(.btn-link):active,
            .map .zoomOut.btn-raised:not(.btn-link):active,
            .btn-group-raised .map .zoomIn:not(.btn-link):active,
            .btn-group-raised .map .zoomOut:not(.btn-link):active,
            .map .zoomIn.btn-raised:not(.btn-link):hover.btn-default,
            .map .zoomOut.btn-raised:not(.btn-link):hover.btn-default,
            .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-default,
            .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-default,
            .map .zoomIn.btn-raised:not(.btn-link):focus.btn-default,
            .map .zoomOut.btn-raised:not(.btn-link):focus.btn-default,
            .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-default,
            .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-default,
            .map .zoomIn.btn-raised:not(.btn-link).active.btn-default,
            .map .zoomOut.btn-raised:not(.btn-link).active.btn-default,
            .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-default,
            .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-default,
            .map .zoomIn.btn-raised:not(.btn-link):active.btn-default,
            .map .zoomOut.btn-raised:not(.btn-link):active.btn-default,
            .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-default,
            .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-default {
                background-color: #ebebeb;
            }

                .map .zoomIn.btn-raised:not(.btn-link):hover.btn-inverse,
                .map .zoomOut.btn-raised:not(.btn-link):hover.btn-inverse,
                .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-inverse,
                .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-inverse,
                .map .zoomIn.btn-raised:not(.btn-link):focus.btn-inverse,
                .map .zoomOut.btn-raised:not(.btn-link):focus.btn-inverse,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-inverse,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-inverse,
                .map .zoomIn.btn-raised:not(.btn-link).active.btn-inverse,
                .map .zoomOut.btn-raised:not(.btn-link).active.btn-inverse,
                .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-inverse,
                .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-inverse,
                .map .zoomIn.btn-raised:not(.btn-link):active.btn-inverse,
                .map .zoomOut.btn-raised:not(.btn-link):active.btn-inverse,
                .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-inverse,
                .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-inverse {
                    background-color: #495bc0;
                }

                .map .zoomIn.btn-raised:not(.btn-link):hover.btn-primary,
                .map .zoomOut.btn-raised:not(.btn-link):hover.btn-primary,
                .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-primary,
                .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-primary,
                .map .zoomIn.btn-raised:not(.btn-link):focus.btn-primary,
                .map .zoomOut.btn-raised:not(.btn-link):focus.btn-primary,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-primary,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-primary,
                .map .zoomIn.btn-raised:not(.btn-link).active.btn-primary,
                .map .zoomOut.btn-raised:not(.btn-link).active.btn-primary,
                .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-primary,
                .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-primary,
                .map .zoomIn.btn-raised:not(.btn-link):active.btn-primary,
                .map .zoomOut.btn-raised:not(.btn-link):active.btn-primary,
                .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-primary,
                .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-primary {
                    background-color: #0fb2fc;
                }

                .map .zoomIn.btn-raised:not(.btn-link):hover.btn-success,
                .map .zoomOut.btn-raised:not(.btn-link):hover.btn-success,
                .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-success,
                .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-success,
                .map .zoomIn.btn-raised:not(.btn-link):focus.btn-success,
                .map .zoomOut.btn-raised:not(.btn-link):focus.btn-success,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-success,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-success,
                .map .zoomIn.btn-raised:not(.btn-link).active.btn-success,
                .map .zoomOut.btn-raised:not(.btn-link).active.btn-success,
                .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-success,
                .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-success,
                .map .zoomIn.btn-raised:not(.btn-link):active.btn-success,
                .map .zoomOut.btn-raised:not(.btn-link):active.btn-success,
                .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-success,
                .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-success {
                    background-color: #81bb3e;
                }

                .map .zoomIn.btn-raised:not(.btn-link):hover.btn-info,
                .map .zoomOut.btn-raised:not(.btn-link):hover.btn-info,
                .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-info,
                .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-info,
                .map .zoomIn.btn-raised:not(.btn-link):focus.btn-info,
                .map .zoomOut.btn-raised:not(.btn-link):focus.btn-info,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-info,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-info,
                .map .zoomIn.btn-raised:not(.btn-link).active.btn-info,
                .map .zoomOut.btn-raised:not(.btn-link).active.btn-info,
                .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-info,
                .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-info,
                .map .zoomIn.btn-raised:not(.btn-link):active.btn-info,
                .map .zoomOut.btn-raised:not(.btn-link):active.btn-info,
                .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-info,
                .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-info {
                    background-color: #00aac0;
                }

                .map .zoomIn.btn-raised:not(.btn-link):hover.btn-warning,
                .map .zoomOut.btn-raised:not(.btn-link):hover.btn-warning,
                .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-warning,
                .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-warning,
                .map .zoomIn.btn-raised:not(.btn-link):focus.btn-warning,
                .map .zoomOut.btn-raised:not(.btn-link):focus.btn-warning,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-warning,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-warning,
                .map .zoomIn.btn-raised:not(.btn-link).active.btn-warning,
                .map .zoomOut.btn-raised:not(.btn-link).active.btn-warning,
                .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-warning,
                .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-warning,
                .map .zoomIn.btn-raised:not(.btn-link):active.btn-warning,
                .map .zoomOut.btn-raised:not(.btn-link):active.btn-warning,
                .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-warning,
                .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-warning {
                    background-color: #f2b500;
                }

                .map .zoomIn.btn-raised:not(.btn-link):hover.btn-danger,
                .map .zoomOut.btn-raised:not(.btn-link):hover.btn-danger,
                .btn-group-raised .map .zoomIn:not(.btn-link):hover.btn-danger,
                .btn-group-raised .map .zoomOut:not(.btn-link):hover.btn-danger,
                .map .zoomIn.btn-raised:not(.btn-link):focus.btn-danger,
                .map .zoomOut.btn-raised:not(.btn-link):focus.btn-danger,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.btn-danger,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.btn-danger,
                .map .zoomIn.btn-raised:not(.btn-link).active.btn-danger,
                .map .zoomOut.btn-raised:not(.btn-link).active.btn-danger,
                .btn-group-raised .map .zoomIn:not(.btn-link).active.btn-danger,
                .btn-group-raised .map .zoomOut:not(.btn-link).active.btn-danger,
                .map .zoomIn.btn-raised:not(.btn-link):active.btn-danger,
                .map .zoomOut.btn-raised:not(.btn-link):active.btn-danger,
                .btn-group-raised .map .zoomIn:not(.btn-link):active.btn-danger,
                .btn-group-raised .map .zoomOut:not(.btn-link):active.btn-danger {
                    background-color: #e72e35;
                }

                .map .zoomIn.btn-raised:not(.btn-link).active,
                .map .zoomOut.btn-raised:not(.btn-link).active,
                .btn-group-raised .map .zoomIn:not(.btn-link).active,
                .btn-group-raised .map .zoomOut:not(.btn-link).active,
                .map .zoomIn.btn-raised:not(.btn-link):active,
                .map .zoomOut.btn-raised:not(.btn-link):active,
                .btn-group-raised .map .zoomIn:not(.btn-link):active,
                .btn-group-raised .map .zoomOut:not(.btn-link):active,
                .map .zoomIn.btn-raised:not(.btn-link).active:hover,
                .map .zoomOut.btn-raised:not(.btn-link).active:hover,
                .btn-group-raised .map .zoomIn:not(.btn-link).active:hover,
                .btn-group-raised .map .zoomOut:not(.btn-link).active:hover,
                .map .zoomIn.btn-raised:not(.btn-link):active:hover,
                .map .zoomOut.btn-raised:not(.btn-link):active:hover,
                .btn-group-raised .map .zoomIn:not(.btn-link):active:hover,
                .btn-group-raised .map .zoomOut:not(.btn-link):active:hover {
                    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
                }

                .map .zoomIn.btn-raised:not(.btn-link):focus,
                .map .zoomOut.btn-raised:not(.btn-link):focus,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus,
                .map .zoomIn.btn-raised:not(.btn-link):focus.active,
                .map .zoomOut.btn-raised:not(.btn-link):focus.active,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.active,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.active,
                .map .zoomIn.btn-raised:not(.btn-link):focus:active,
                .map .zoomOut.btn-raised:not(.btn-link):focus:active,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus:active,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus:active,
                .map .zoomIn.btn-raised:not(.btn-link):focus:hover,
                .map .zoomOut.btn-raised:not(.btn-link):focus:hover,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus:hover,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus:hover,
                .map .zoomIn.btn-raised:not(.btn-link):focus.active:hover,
                .map .zoomOut.btn-raised:not(.btn-link):focus.active:hover,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus.active:hover,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus.active:hover,
                .map .zoomIn.btn-raised:not(.btn-link):focus:active:hover,
                .map .zoomOut.btn-raised:not(.btn-link):focus:active:hover,
                .btn-group-raised .map .zoomIn:not(.btn-link):focus:active:hover,
                .btn-group-raised .map .zoomOut:not(.btn-link):focus:active:hover {
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18), 0 4px 8px rgba(0, 0, 0, 0.36);
                }

.map .zoomIn.btn-fab,
.map .zoomOut.btn-fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

    .map .zoomIn.btn-fab .ripple-container,
    .map .zoomOut.btn-fab .ripple-container {
        border-radius: 50%;
    }

    .map .zoomIn.btn-fab.btn-fab-mini,
    .map .zoomOut.btn-fab.btn-fab-mini,
    .btn-group-sm .map .zoomIn.btn-fab,
    .btn-group-sm .map .zoomOut.btn-fab {
        height: 40px;
        min-width: 40px;
        width: 40px;
    }

        .map .zoomIn.btn-fab.btn-fab-mini.material-icons,
        .map .zoomOut.btn-fab.btn-fab-mini.material-icons,
        .btn-group-sm .map .zoomIn.btn-fab.material-icons,
        .btn-group-sm .map .zoomOut.btn-fab.material-icons {
            top: 0px;
            left: 0px;
        }

    .map .zoomIn.btn-fab i.material-icons,
    .map .zoomOut.btn-fab i.material-icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-12px, -12px);
        transform: translate(-12px, -12px);
        line-height: 24px;
        width: 24px;
        transition-duration: 300ms;
    }

    .map .zoomIn.btn-fab.toggle-rotate i.material-icons,
    .map .zoomOut.btn-fab.toggle-rotate i.material-icons {
        -webkit-transform: translate(-12px, -12px) rotate(90deg);
        transform: translate(-12px, -12px) rotate(90deg);
    }

.map .zoomIn i.material-icons,
.map .zoomOut i.material-icons {
    vertical-align: middle;
}

.map .zoomIn.btn-lg,
.map .zoomOut.btn-lg,
.btn-group-lg .map .zoomIn,
.btn-group-lg .map .zoomOut {
    font-size: 16px;
}

.map .zoomIn.btn-sm,
.map .zoomOut.btn-sm,
.btn-group-sm .map .zoomIn,
.btn-group-sm .map .zoomOut {
    padding: 5px 20px;
    font-size: 12px;
}

.map .zoomIn.btn-xs,
.map .zoomOut.btn-xs,
.btn-group-xs .map .zoomIn,
.btn-group-xs .map .zoomOut {
    padding: 4px 15px;
    font-size: 10px;
}

fieldset[disabled][disabled] .map .zoomIn,
fieldset[disabled][disabled] .map .zoomOut,
.map .zoomIn.disabled,
.map .zoomOut.disabled,
.map .zoomIn:disabled,
.map .zoomOut:disabled,
.map .zoomIn[disabled][disabled],
.map .zoomOut[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26);
    background: transparent;
}

.theme-dark fieldset[disabled][disabled] .map .zoomIn,
.theme-dark fieldset[disabled][disabled] .map .zoomOut,
.theme-dark .map .zoomIn.disabled,
.theme-dark .map .zoomOut.disabled,
.theme-dark .map .zoomIn:disabled,
.theme-dark .map .zoomOut:disabled,
.theme-dark .map .zoomIn[disabled][disabled],
.theme-dark .map .zoomOut[disabled][disabled] {
    color: rgba(255, 255, 255, 0.3);
}

fieldset[disabled][disabled] .map .zoomIn.btn-raised,
fieldset[disabled][disabled] .map .zoomOut.btn-raised,
.map .zoomIn.disabled.btn-raised,
.map .zoomOut.disabled.btn-raised,
.map .zoomIn:disabled.btn-raised,
.map .zoomOut:disabled.btn-raised,
.map .zoomIn[disabled][disabled].btn-raised,
.map .zoomOut[disabled][disabled].btn-raised,
fieldset[disabled][disabled] .map .zoomIn.btn-group-raised,
fieldset[disabled][disabled] .map .zoomOut.btn-group-raised,
.map .zoomIn.disabled.btn-group-raised,
.map .zoomOut.disabled.btn-group-raised,
.map .zoomIn:disabled.btn-group-raised,
.map .zoomOut:disabled.btn-group-raised,
.map .zoomIn[disabled][disabled].btn-group-raised,
.map .zoomOut[disabled][disabled].btn-group-raised,
fieldset[disabled][disabled] .map .zoomIn.btn-raised.active,
fieldset[disabled][disabled] .map .zoomOut.btn-raised.active,
.map .zoomIn.disabled.btn-raised.active,
.map .zoomOut.disabled.btn-raised.active,
.map .zoomIn:disabled.btn-raised.active,
.map .zoomOut:disabled.btn-raised.active,
.map .zoomIn[disabled][disabled].btn-raised.active,
.map .zoomOut[disabled][disabled].btn-raised.active,
fieldset[disabled][disabled] .map .zoomIn.btn-group-raised.active,
fieldset[disabled][disabled] .map .zoomOut.btn-group-raised.active,
.map .zoomIn.disabled.btn-group-raised.active,
.map .zoomOut.disabled.btn-group-raised.active,
.map .zoomIn:disabled.btn-group-raised.active,
.map .zoomOut:disabled.btn-group-raised.active,
.map .zoomIn[disabled][disabled].btn-group-raised.active,
.map .zoomOut[disabled][disabled].btn-group-raised.active,
fieldset[disabled][disabled] .map .zoomIn.btn-raised:active,
fieldset[disabled][disabled] .map .zoomOut.btn-raised:active,
.map .zoomIn.disabled.btn-raised:active,
.map .zoomOut.disabled.btn-raised:active,
.map .zoomIn:disabled.btn-raised:active,
.map .zoomOut:disabled.btn-raised:active,
.map .zoomIn[disabled][disabled].btn-raised:active,
.map .zoomOut[disabled][disabled].btn-raised:active,
fieldset[disabled][disabled] .map .zoomIn.btn-group-raised:active,
fieldset[disabled][disabled] .map .zoomOut.btn-group-raised:active,
.map .zoomIn.disabled.btn-group-raised:active,
.map .zoomOut.disabled.btn-group-raised:active,
.map .zoomIn:disabled.btn-group-raised:active,
.map .zoomOut:disabled.btn-group-raised:active,
.map .zoomIn[disabled][disabled].btn-group-raised:active,
.map .zoomOut[disabled][disabled].btn-group-raised:active,
fieldset[disabled][disabled] .map .zoomIn.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .map .zoomOut.btn-raised:focus:not(:active),
.map .zoomIn.disabled.btn-raised:focus:not(:active),
.map .zoomOut.disabled.btn-raised:focus:not(:active),
.map .zoomIn:disabled.btn-raised:focus:not(:active),
.map .zoomOut:disabled.btn-raised:focus:not(:active),
.map .zoomIn[disabled][disabled].btn-raised:focus:not(:active),
.map .zoomOut[disabled][disabled].btn-raised:focus:not(:active),
fieldset[disabled][disabled] .map .zoomIn.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .map .zoomOut.btn-group-raised:focus:not(:active),
.map .zoomIn.disabled.btn-group-raised:focus:not(:active),
.map .zoomOut.disabled.btn-group-raised:focus:not(:active),
.map .zoomIn:disabled.btn-group-raised:focus:not(:active),
.map .zoomOut:disabled.btn-group-raised:focus:not(:active),
.map .zoomIn[disabled][disabled].btn-group-raised:focus:not(:active),
.map .zoomOut[disabled][disabled].btn-group-raised:focus:not(:active) {
    box-shadow: none;
}

.map .zoomIn[disabled].btn-raised,
.map .zoomOut[disabled].btn-raised {
    background-color: rgba(0, 0, 0, 0.12);
}

.map .zoomIn:hover,
.map .zoomOut:hover,
.map .zoomIn:focus,
.map .zoomOut:focus,
.map .zoomIn.focus,
.map .zoomOut.focus,
.map .zoomIn:active,
.map .zoomOut:active,
.map .zoomIn.active,
.map .zoomOut.active,
.open > .dropdown-toggle.map .zoomIn,
.open > .dropdown-toggle.map .zoomOut {
    color: #424242;
    background-color: #e1e1e1;
    border-color: #cfcfcf;
}

.map .zoomIn:active,
.map .zoomOut:active,
.map .zoomIn.active,
.map .zoomOut.active,
.open > .dropdown-toggle.map .zoomIn,
.open > .dropdown-toggle.map .zoomOut {
    background-image: none;
}

.map .zoomIn.disabled,
.map .zoomOut.disabled,
.map .zoomIn[disabled],
.map .zoomOut[disabled],
fieldset[disabled] .map .zoomIn,
fieldset[disabled] .map .zoomOut,
.map .zoomIn.disabled:hover,
.map .zoomOut.disabled:hover,
.map .zoomIn[disabled]:hover,
.map .zoomOut[disabled]:hover,
fieldset[disabled] .map .zoomIn:hover,
fieldset[disabled] .map .zoomOut:hover,
.map .zoomIn.disabled:focus,
.map .zoomOut.disabled:focus,
.map .zoomIn[disabled]:focus,
.map .zoomOut[disabled]:focus,
fieldset[disabled] .map .zoomIn:focus,
fieldset[disabled] .map .zoomOut:focus,
.map .zoomIn.disabled.focus,
.map .zoomOut.disabled.focus,
.map .zoomIn[disabled].focus,
.map .zoomOut[disabled].focus,
fieldset[disabled] .map .zoomIn.focus,
fieldset[disabled] .map .zoomOut.focus,
.map .zoomIn.disabled:active,
.map .zoomOut.disabled:active,
.map .zoomIn[disabled]:active,
.map .zoomOut[disabled]:active,
fieldset[disabled] .map .zoomIn:active,
fieldset[disabled] .map .zoomOut:active,
.map .zoomIn.disabled.active,
.map .zoomOut.disabled.active,
.map .zoomIn[disabled].active,
.map .zoomOut[disabled].active,
fieldset[disabled] .map .zoomIn.active,
fieldset[disabled] .map .zoomOut.active {
    background-color: #fafafa;
    border-color: #eeeeee;
}

.map .zoomIn .badge,
.map .zoomOut .badge {
    color: #fafafa;
    background-color: #424242;
}

.map .zoomOut {
    top: 25px;
}

.legendColorBox > div {
    border-radius: 50% !important;
    border: none !important;
}

    .legendColorBox > div > div {
        border-radius: 50% !important;
    }

.grid-form fieldset legend {
    margin-bottom: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f1f1f1 !important;
    color: #424242 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 8px 0px !important;
}

.grid-form fieldset label {
    letter-spacing: 0 !important;
    color: #9e9e9e !important;
}

.grid-form [data-row-span] {
    border-bottom: 1px solid #f1f1f1 !important;
}

    .grid-form [data-row-span] [data-field-span] {
        border-right: 1px solid #f1f1f1 !important;
    }

        .grid-form [data-row-span] [data-field-span]:last-child {
            border-right: none !important;
        }

.irs-slider {
    top: 18px !important;
}

input.dial {
    font-weight: 400 !important;
}

.dropzone {
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    min-height: 360px;
    background: rgba(0, 0, 0, 0.03) !important;
    padding: 20px !important;
    border: 3px dashed #f1f1f1 !important;
    border-radius: 2px;
}
/** initial setup **/
.scroll-pane {
    position: relative;
    overflow: hidden;
}

    .scroll-pane > .scroll-content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .scroll-pane > .scroll-content:focus {
            outline: thin dotted;
        }

        .scroll-pane > .scroll-content::-webkit-scrollbar {
            display: none;
        }

    .scroll-pane > .scroll-track {
        background: rgba(0, 0, 0, 0.04);
        position: absolute;
        width: 8px;
        right: 0;
        top: 0;
        bottom: 0;
        /* Target only IE7 and IE8 with this hack */
        visibility: hidden\9;
        opacity: .01;
        transition: .2s;
    }

        .scroll-pane > .scroll-track > .scroll-thumb {
            background: #757575;
            background: rgba(0, 0, 0, 0.12);
            position: relative;
            margin: 0;
            border-radius: 8px;
        }

    .scroll-pane:hover > .scroll-track,
    .scroll-track.active,
    .scroll-track.flashed {
        /* Target only IE7 and IE8 with this hack */
        visibility: visible\9;
        opacity: 0.99;
    }

.has-scrollbar > .scroll-content::-webkit-scrollbar {
    display: block;
}

.skylo {
    height: 4px !important;
    z-index: 1249 !important;
}

#multiple {
    margin-left: -16px;
    margin-right: -16px;
}

div#page-progress-loader {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 100000;
    display: none;
}

    div#page-progress-loader.show {
        display: block;
    }

    div#page-progress-loader:after {
        content: "";
        height: 3px;
        background: #e51c23;
        position: absolute;
        animation: loader 2s;
        -webkit-animation: loader 2s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        transition-timing-function: linear;
        -webkit-transition-timing-function: linear;
        bottom: 0px;
        left: 0;
        width: 100%;
        margin-left: 0;
    }

@-webkit-keyframes loader {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.toggle-input {
    max-height: 0;
    max-width: 0;
    opacity: 0;
}

    .toggle-input + label {
        border-radius: 8px;
        cursor: pointer;
        display: block;
        height: 16px;
        position: relative;
        text-indent: -5000px;
        width: 32px;
        background-color: #eeeeee;
    }

        .toggle-input + label:before {
            border-radius: 8px;
            content: "";
            display: block;
            height: 16px;
            left: 0;
            position: absolute;
            top: 0;
            transition: all 0.25s ease-in-out 0s;
            width: 16px;
        }

        .toggle-input + label:after {
            background: white none repeat scroll 0 0;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
            content: "";
            display: block;
            height: 14px;
            left: 0;
            position: absolute;
            top: 0;
            transition: all 0.25s ease-in-out 0s;
            width: 14px;
            margin: 1px;
        }

    .toggle-input:checked + label:before {
        background: var(--color-primary-dark);
        width: 32px;
    }

    .toggle-input:checked + label:after {
        left: 16px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

.input-daterange .input-group-addon {
    background: none !important;
    border: 0 !important;
}

#fullChart .ct-labels .ct-label {
    font-size: 12px !important;
}

    #fullChart .ct-labels .ct-label:nth-child(even) {
        display: none;
    }

#fullChart .ct-labels .ct-horizontal {
    font-size: 12px !important;
    margin-left: -12px;
}

#fullChart .ct-grid.ct-vertical {
    stroke-width: 0 !important;
}

    #fullChart .ct-grid.ct-vertical:first-child {
        stroke-width: 1px !important;
    }

    #fullChart .ct-grid.ct-vertical:last-child {
        stroke-width: 1px !important;
    }

.card-container .card {
    visibility: visible !important;
}

.inbox-menu a.list-group-item i {
    margin-right: 6px;
}

    .inbox-menu a.list-group-item i.circle-red {
        color: #e51c23 !important;
    }

    .inbox-menu a.list-group-item i.circle-green {
        color: var(--color-primary-dark) !important;
    }

    .inbox-menu a.list-group-item i.circle-purple {
        color: #673ab7 !important;
    }

.inbox-mail-heading {
    margin: 0;
    padding: 8px;
    border-radius: 2px 2px 0 0;
    background: #fafafa;
    border-bottom: 1px solid #f1f1f1;
}

    .inbox-mail-heading .btn-lg .checkbox-inline {
        padding-top: 0;
        height: 16px;
        margin-top: -6px;
    }

.panel-inbox .panel-body {
    background: #fff;
    padding: 0 !important;
}

    .panel-inbox .panel-body .table-inbox {
        margin: 0;
    }

@media (max-width: 767px) {
    .panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    .panel-inbox .panel-body .table-inbox .inbox-msg-time {
        display: none !important;
    }

    tr.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    tr.panel-inbox .panel-body .table-inbox .inbox-msg-time {
        display: none !important;
    }

    th.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    th.panel-inbox .panel-body .table-inbox .inbox-msg-time,
    td.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    td.panel-inbox .panel-body .table-inbox .inbox-msg-time {
        display: none !important;
    }

    .btn-group.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    .btn-group.panel-inbox .panel-body .table-inbox .inbox-msg-time,
    .btn-group-vertical.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    .btn-group-vertical.panel-inbox .panel-body .table-inbox .inbox-msg-time,
    .btn.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    .btn.panel-inbox .panel-body .table-inbox .inbox-msg-time,
    span.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    span.panel-inbox .panel-body .table-inbox .inbox-msg-time,
    i.panel-inbox .panel-body .table-inbox .inbox-msg-attach,
    i.panel-inbox .panel-body .table-inbox .inbox-msg-time {
        display: none !important;
    }
}

.panel-inbox .panel-body .table-inbox .inbox-msg-time {
    text-align: right;
}

.panel-inbox .panel-body .table-inbox .unread .inbox-msg-from,
.panel-inbox .panel-body .table-inbox .unread .inbox-msg-time {
    font-weight: 500;
}

.panel-inbox .panel-body .table-inbox .inbox-msg-snip .label,
.panel-inbox .panel-body .table-inbox .inbox-msg-snip #topnav .topnav-dropdown-header span.label {
    margin-right: 8px;
}

.panel-inbox .panel-body .table-inbox .inbox-from-name {
    font-weight: 500;
}

.panel-inbox .panel-body .table-inbox .inbox-msg-time {
    color: #9e9e9e;
}

.panel-inbox .panel-body .table-inbox tbody > tr > td {
    cursor: pointer;
    padding: 14px 10px;
}

.panel-inbox .input-group-lg .tokenfield {
    min-height: 40px;
}

    .panel-inbox .input-group-lg .tokenfield.input-lg {
        padding: 6px 12px;
    }

        .panel-inbox .input-group-lg .tokenfield.input-lg .token-input {
            height: 26px;
            line-height: 26px;
            margin: 0;
        }

    .panel-inbox .input-group-lg .tokenfield .token {
        height: 24px;
        margin: 1px;
        border: 0;
        border-radius: 2px;
        background-color: #e0e0e0;
    }

        .panel-inbox .input-group-lg .tokenfield .token .token-label {
            line-height: 24px;
        }

        .panel-inbox .input-group-lg .tokenfield .token .close {
            line-height: 24px;
            font-size: 18px;
        }

.panel-inbox .inbox-mail-footer {
    margin: 0;
    padding: 8px;
    border-radius: 0 0 2px 2px;
    background: #fafafa;
    border-top: 1px solid #f1f1f1;
}

    .panel-inbox .inbox-mail-footer .btn .checkbox-inline {
        padding-top: 0;
        height: 16px;
        margin-top: -2px;
    }

.panel-inbox-read .panel-body .inbox-read-title {
    margin: 0;
}

.panel-inbox-read .panel-body .inbox-read-details .inbox-read-sender-avatar {
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.panel-inbox-read .panel-body .inbox-read-details .inbox-read-sender-name {
    float: left;
    display: inline-block;
    padding: 2px 0;
    font-weight: 500;
}

.panel-inbox-read .panel-body .inbox-read-details .inbox-read-sender-email {
    display: inline-block;
    padding: 2px 0;
    color: #9e9e9e;
}

.panel-inbox-read .panel-body .inbox-read-details .inbox-read-sent-info {
    float: left;
    display: inline-block;
    padding: 2px 0;
    font-size: 13px;
    color: #9e9e9e;
}

.panel-inbox-read .panel-body .inbox-read-details .btn-group {
    float: right;
}

.panel-inbox-read .panel-body .msg-attachments .well .list-inline,
.panel-inbox-read .panel-body .msg-attachments .well .widget-avatar {
    margin: 0;
}

.panel-inbox-read .inbox-mail-heading {
    margin: -16px -16px 16px;
}

.card {
    box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

    .card .card-content {
        position: relative !important;
    }

    .card .card-body {
        position: relative;
    }

        .card .card-body .btn-fab {
            position: absolute;
            top: -30px;
            right: 16px;
        }

    .card .card-image {
        overflow: hidden;
    }

        .card .card-image img {
            transition-duration: 500ms;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .card .card-image:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .card .card-footer {
        height: auto;
        position: relative;
        width: auto;
    }

        .card .card-footer button:first-child {
            left: 0 !important;
        }

        .card .card-footer button {
            bottom: 0 !important;
        }

    .card .card-contact {
        font-size: 13px;
    }

.animated-content .card {
    visibility: hidden;
}
/* Following CSS are only in the demo and are of no use in a Production */
#areaChart {
    height: 144px !important;
    margin: 12px auto;
}

    #areaChart .ct-series-a .ct-bar,
    #areaChart .ct-series-a .ct-line,
    #areaChart .ct-series-a .ct-point,
    #areaChart .ct-series-a .ct-slice-donut {
        stroke: #9e9e9e !important;
        stroke-width: 0 !important;
    }

    #areaChart .ct-area {
        fill-opacity: .5;
    }

#chartistPie {
    height: 144px !important;
    width: 144px !important;
    margin: 12px auto;
}

    #chartistPie .ct-series-a .ct-area,
    #chartistPie .ct-series-a .ct-slice-pie {
        fill: #66bb6a !important;
    }

    #chartistPie .ct-series-b .ct-area,
    #chartistPie .ct-series-b .ct-slice-pie {
        fill: #f5f5f5 !important;
    }

.progress-pie-chart .ct-series-a .ct-area,
.progress-pie-chart .ct-series-a .ct-slice-pie {
    fill: #42a5f5 !important;
}

.progress-pie-chart .ct-series-b .ct-area,
.progress-pie-chart .ct-series-b .ct-slice-pie {
    fill: #f5f5f5 !important;
}

.demo-mapael.map > svg {
    max-height: 189px;
}

.demo-new-members table .icheck {
    margin: 0 -20px -5px 0 !important;
}

.demo-new-members table td.td-btn {
    line-height: 1;
}

.demo-new-members .footer-pagination {
    background: #f5f5f5;
    border-top: 2px solid #eeeeee;
    padding: 10px;
    border-bottom-right-radius: 2px;
}

    .demo-new-members .footer-pagination .pagination {
        margin: 0 !important;
        float: right;
    }

.show-grid [class*="col-"] {
    background: #f1f1f1;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f5f5f5;
}

    .show-grid [class*="col-"] .content {
        background: #f1f1f1;
        border: 1px solid #eeeeee;
    }

    .show-grid [class*="col-"]:hover {
        background: #eeeeee;
    }

.show-grid .row.no-gutter [class*="col-"] {
    border-left: 0;
    border-right: 0;
}

li.show-grid .row {
    margin: 0;
}

    li.show-grid .row:last-child [class*="col-"] {
        margin: 0;
    }

li.show-grid [class*="col-"] {
    border-bottom: 0;
    border-top: 0;
}

.navbar-inverse .show-grid [class*="col-"] {
    background: #333;
    border-color: #4d4d4d;
}

.sidebar .widget .demo-grid .row > div {
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    background: #121;
    box-shadow: inset 0px 0px 1px 0px #fff;
}

.demo-example .breadcrumb {
    margin-bottom: 32px;
}

#demo-type-table {
    width: 100%;
    margin: -20px 0 -20px 0;
}

    #demo-type-table td {
        vertical-align: middle;
    }

    #demo-type-table h1,
    #demo-type-table h2,
    #demo-type-table h3,
    #demo-type-table h4,
    #demo-type-table h5,
    #demo-type-table h6 {
        margin: 15px 0;
    }

    #demo-type-table td:last-child {
        text-align: right;
    }

ul.demo-btns {
    margin: 0;
    padding: 0;
    line-height: 0;
    list-style: none;
}

    ul.demo-btns > li {
        display: inline-block;
        margin-bottom: 10px;
    }

.demo-switcher-fab {
    position: fixed !important;
    right: 20px;
    bottom: 10px;
}

.btn-float-right {
    position: absolute !important;
    z-index: 1 !important;
    right: 15px;
    bottom: 15px;
}

.btn-float-right-fab {
    position: absolute !important;
    z-index: 1 !important;
    right: 20px;
    top: 30px;
}

.btn-float-top-right {
    position: absolute !important;
    z-index: 1 !important;
    right: 8px;
    top: 0px;
}

.demo-options {
    z-index: 900;
    position: fixed;
    bottom: 80px;
    width: 320px;
    max-width: 100%;
    border: 0;
    box-shadow: none;
    padding: 0;
    border-bottom-left-radius: 2px;
    right: 15px;
    z-index: 1240;
    background: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: -webkit-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

    .demo-options.active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .demo-options .demo-heading {
        padding: 16px 0px;
        font-size: 11px;
        line-height: 1.35;
        text-transform: uppercase;
        font-weight: 500;
        height: 48px;
        color: #616161;
        background-color: #fff;
        border-top: 1px solid #eeeeee;
    }

    .demo-options .demo-options-icon {
        display: inline-block;
        position: absolute;
        left: -47px;
        height: 48px;
        width: 48px;
        color: #616161;
        line-height: 48px;
        text-align: center;
        font-size: 13px;
        border-width: 1px 0 1px 1px;
        border-style: solid;
        border-color: #eeeeee;
        letter-spacing: normal;
        text-transform: none;
        background-color: #fff;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        top: 0;
        cursor: pointer;
        box-shadow: none;
    }

    .demo-options .demo-body {
        padding: 20px;
        background-color: #fff;
        border-left: 1px solid #eeeeee;
        color: #616161;
    }

        .demo-options .demo-body .tabular {
            margin-bottom: 0;
        }

            .demo-options .demo-body .tabular .tabular-cell {
                height: 32px;
                font-size: 11px;
            }

                .demo-options .demo-body .tabular .tabular-cell.demo-switches {
                    text-align: right;
                }

        .demo-options .demo-body .option-title {
            font-size: 11px;
            text-transform: uppercase;
            font-weight: 500;
            margin-bottom: 8px;
        }

        .demo-options .demo-body + .demo-body:last-child {
            border-bottom-left-radius: 2px;
            border-bottom: 1px solid #eeeeee;
        }

    .demo-options .demo-color-list {
        padding: 0 !important;
        text-align: left;
        margin: 0 !important;
        font-size: 0;
        padding-left: 0;
        list-style: none;
        margin-left: -5px;
    }

        .demo-options .demo-color-list > li {
            display: inline-block;
            padding-left: 5px;
            padding-right: 5px;
        }

        .demo-options .demo-color-list li {
            margin: 1px;
            padding: 0;
        }

            .demo-options .demo-color-list li span {
                border-radius: 2px;
                display: block;
                height: 32px !important;
                width: 32px !important;
                /*border-radius: 50%;*/
                margin: 1px;
            }

                .demo-options .demo-color-list li span:hover {
                    cursor: pointer;
                }

        .demo-options .demo-color-list.text-center {
            text-align: center;
        }

        .demo-options .demo-color-list .demo-cyan {
            background-color: #00bcd4;
        }

        .demo-options .demo-color-list .demo-light-blue {
            background-color: #03a9f4;
        }

        .demo-options .demo-color-list .demo-blue {
            background-color: #2196f3;
        }

        .demo-options .demo-color-list .demo-indigo {
            background-color: #3f51b5;
        }

        .demo-options .demo-color-list .demo-deep-purple {
            background-color: #673ab7;
        }

        .demo-options .demo-color-list .demo-purple {
            background-color: #9c27b0;
        }

        .demo-options .demo-color-list .demo-pink {
            background-color: #e91e63;
        }

        .demo-options .demo-color-list .demo-red {
            background-color: #e51c23;
        }

        .demo-options .demo-color-list .demo-teal {
            background-color: #009688;
        }

        .demo-options .demo-color-list .demo-green {
            background-color: var(--color-heading);
        }

        .demo-options .demo-color-list .demo-light-green {
            background-color: var(--color-primary-dark);
        }

        .demo-options .demo-color-list .demo-lime {
            background-color: #cddc39;
        }

        .demo-options .demo-color-list .demo-yellow {
            background-color: #ffeb3b;
        }

        .demo-options .demo-color-list .demo-amber {
            background-color: #ffc107;
        }

        .demo-options .demo-color-list .demo-orange {
            background-color: #ff9800;
        }

        .demo-options .demo-color-list .demo-deep-orange {
            background-color: #ff5722;
        }

        .demo-options .demo-color-list .demo-info {
            background-color: #00bcd4;
        }

        .demo-options .demo-color-list .demo-midnightblue {
            background-color: #37474f;
        }

        .demo-options .demo-color-list .demo-gray {
            background-color: #9e9e9e;
        }

        .demo-options .demo-color-list .demo-bluegraylight {
            background-color: #eceff1;
        }

        .demo-options .demo-color-list .demo-black {
            background-color: #424242;
        }

        .demo-options .demo-color-list .demo-bluegray {
            background-color: #607d8b;
        }

        .demo-options .demo-color-list .demo-graylight {
            background-color: #fafafa;
        }

        .demo-options .demo-color-list .demo-brown {
            background-color: #795548;
        }

        .demo-options .demo-color-list .demo-bleachedcedar {
            background-color: #37474f;
        }

        .demo-options .demo-color-list .demo-default {
            background-color: #fff;
            border: 2px solid #f36c60;
        }

        .demo-options .demo-color-list .demo-primary {
            background-color: #03a9f4;
        }

        .demo-options .demo-color-list .demo-success {
            background-color: var(--color-primary-dark);
        }

        .demo-options .demo-color-list .demo-danger {
            background-color: #e51c23;
        }

        .demo-options .demo-color-list .demo-warning {
            background-color: #ffc107;
        }

        .demo-options .demo-color-list .demo-info {
            background-color: #00bcd4;
        }

        .demo-options .demo-color-list .demo-info {
            background-color: #00bcd4;
        }

        .demo-options .demo-color-list .demo-inverse {
            background-color: #757575;
        }

        .demo-options .demo-color-list .pattern-brickwall {
            background: url(../img/patterns/brickwall.png);
        }

        .demo-options .demo-color-list .pattern-dark-stripes {
            background: url(../img/patterns/dark_stripes.png);
        }

        .demo-options .demo-color-list .pattern-rockywall {
            background: url(../img/patterns/rockywall.png);
        }

        .demo-options .demo-color-list .pattern-subtle-carbon {
            background: url(../img/patterns/subtle_carbon.png);
        }

        .demo-options .demo-color-list .pattern-tweed {
            background: url(../img/patterns/tweed.png);
        }

        .demo-options .demo-color-list .pattern-vertical-cloth {
            background: url(../img/patterns/vertical_cloth.png);
        }

        .demo-options .demo-color-list .pattern-grey_wash_wall {
            background: url(../img/patterns/grey_wash_wall.png);
        }

        .demo-options .demo-color-list .pattern-pw_maze_black {
            background: url(../img/patterns/pw_maze_black.png);
        }

        .demo-options .demo-color-list .pattern-wild_oliva {
            background: url(../img/patterns/wild_oliva.png);
        }

        .demo-options .demo-color-list .pattern-stressed_linen {
            background: url(../img/patterns/stressed_linen.png);
        }

        .demo-options .demo-color-list .pattern-sos {
            background: url(../img/patterns/sos.png);
        }

        .demo-options .demo-color-list [class*="pattern-"] {
            border: 0;
        }

.demo-blocks {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    margin-right: 16px;
    margin-bottom: 16px;
}

    .demo-blocks:hover {
        border-color: #eeeeee;
    }

    .demo-blocks.color-dark {
        background: #313338;
    }

    .demo-blocks.color-red {
        background: #b43e2e;
    }

    .demo-blocks.color-green {
        background: #48d09b;
    }

    .demo-blocks.color-blue {
        background: #2e5dac;
    }

    .demo-blocks.color-lavender {
        background: #716885;
    }

    .demo-blocks.pattern-brickwall {
        background: url(../img/patterns/brickwall.png);
    }

    .demo-blocks.pattern-dark-stripes {
        background: url(../img/patterns/dark_stripes.png);
    }

    .demo-blocks.pattern-rockywall {
        background: url(../img/patterns/rockywall.png);
    }

    .demo-blocks.pattern-subtle-carbon {
        background: url(../img/patterns/subtle_carbon.png);
    }

    .demo-blocks.pattern-tweed {
        background: url(../img/patterns/tweed.png);
    }

    .demo-blocks.pattern-vertical-cloth {
        background: url(../img/patterns/vertical_cloth.png);
    }

    .demo-blocks.pattern-grey_wash_wall {
        background: url(../img/patterns/grey_wash_wall.png);
    }

    .demo-blocks.pattern-pw_maze_black {
        background: url(../img/patterns/pw_maze_black.png);
    }

    .demo-blocks.pattern-wild_oliva {
        background: url(../img/patterns/wild_oliva.png);
    }

    .demo-blocks.pattern-stressed_linen {
        background: url(../img/patterns/stressed_linen.png);
    }

    .demo-blocks.pattern-sos {
        background: url(../img/patterns/sos.png);
    }

.alert .panel-color-list {
    margin: 0;
    padding: 0 !important;
    box-shadow: none;
}

    .alert .panel-color-list li {
        padding: 0;
    }

        .alert .panel-color-list li span {
            height: 16px;
            width: 16px;
            display: block;
            border-radius: 2px;
            margin-top: 0;
        }

        .alert .panel-color-list li:hover {
            cursor: pointer;
        }

span[data-style="panel-info"] {
    background-color: #00bcd4;
}

span[data-style="panel-primary"] {
    background-color: #03a9f4;
}

span[data-style="panel-blue"] {
    background-color: #2196f3;
}

span[data-style="panel-indigo"] {
    background-color: #3f51b5;
}

span[data-style="panel-deeppurple"] {
    background-color: #673ab7;
}

span[data-style="panel-purple"] {
    background-color: #9c27b0;
}

span[data-style="panel-pink"] {
    background-color: #e91e63;
}

span[data-style="panel-danger"] {
    background-color: #e51c23;
}

span[data-style="panel-teal"] {
    background-color: #009688;
}

span[data-style="panel-green"] {
    background-color: var(--color-heading);
}

span[data-style="panel-success"] {
    background-color: var(--color-primary-dark);
}

span[data-style="panel-lime"] {
    background-color: #cddc39;
}

span[data-style="panel-yellow"] {
    background-color: #ffeb3b;
}

span[data-style="panel-warning"] {
    background-color: #ffc107;
}

span[data-style="panel-orange"] {
    background-color: #ff9800;
}

span[data-style="panel-deeporange"] {
    background-color: #ff5722;
}

span[data-style="panel-midnightblue"] {
    background-color: #37474f;
}

span[data-style="panel-bluegray"] {
    background-color: #607d8b;
}

span[data-style="panel-bluegraylight"] {
    background-color: #eceff1;
}

span[data-style="panel-black"] {
    background-color: #212121;
}

span[data-style="panel-gray"] {
    background-color: #9e9e9e;
}

span[data-style="panel-default"] {
    background-color: #fafafa;
}

span[data-style="panel-white"] {
    background-color: #fff;
    border: 2px solid #f36c60;
}

span[data-style="panel-brown"] {
    background-color: #795548;
}

#newvsreturning .legend > div,
#socialstats .legend > div,
#earnings .legend > div {
    border-radius: 2px;
}

#newvsreturning .legend .legendColorBox,
#socialstats .legend .legendColorBox,
#earnings .legend .legendColorBox {
    padding-left: 4px;
}

    #newvsreturning .legend .legendColorBox > div > div,
    #socialstats .legend .legendColorBox > div > div,
    #earnings .legend .legendColorBox > div > div {
        border-width: 4px !important;
    }

#newvsreturning .legend .legendLabel,
#socialstats .legend .legendLabel,
#earnings .legend .legendLabel {
    padding-left: 6px !important;
    padding-right: 4px !important;
}

#newvsreturning .legend > div,
#newvsreturning .legend > table {
    top: 0 !important;
    right: 0 !important;
}

.btn-group.chart-buttons {
    padding-top: 8px;
}

.dashboard-stats {
    padding: 0;
    background: #3f51b5;
    border-radius: 2px;
}

    .dashboard-stats div#dashboard-chart {
        padding: 16px 16px 0;
    }

        .dashboard-stats div#dashboard-chart div.pull-left {
            color: #fff;
        }

        .dashboard-stats div#dashboard-chart h4.pull-right {
            color: #fff;
        }

    .dashboard-stats div.clearfix,
    .dashboard-stats div.dl-horizontal dd,
    .dashboard-stats div.container,
    .dashboard-stats div.container-fluid,
    .dashboard-stats div.row,
    .dashboard-stats div.form-horizontal .form-group,
    .dashboard-stats div.nav,
    .dashboard-stats div.btn-toolbar,
    .dashboard-stats div.btn-group-vertical > .btn-group,
    .dashboard-stats div.pager,
    .dashboard-stats div.modal-footer,
    .dashboard-stats div.infobar .widget-body,
    .dashboard-stats div.page-heading,
    .dashboard-stats div#topnav,
    .dashboard-stats div#topnav .logo-area,
    .dashboard-stats div#topnav .userinfo li a,
    .dashboard-stats div#topnav a.username,
    .dashboard-stats div#topnav a.nav-username,
    .dashboard-stats div#topnav .form-search,
    .dashboard-stats div.sidebar nav.widget-body > ul.acc-menu li.hasChild > a,
    .dashboard-stats div.navbar,
    .dashboard-stats div.navbar-header,
    .dashboard-stats div.navbar-collapse,
    .dashboard-stats div.panel,
    .dashboard-stats div.panel-heading,
    .dashboard-stats div.panel-body,
    .dashboard-stats div.panel-footer,
    .dashboard-stats div.timeline > li .timeline-header,
    .dashboard-stats div.timeline > li .timeline-footer,
    .dashboard-stats div.widget-weather,
    .dashboard-stats div.gallery,
    .dashboard-stats div.card-weather .weather-heading .weather-heading-top,
    .dashboard-stats div.card-weather .weather-heading .weather-heading-bottom {
        padding: 0 16px;
        color: #fff;
        background: #5c6bc0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .dashboard-stats div.clearfix .pull-left,
        .dashboard-stats div.dl-horizontal dd .pull-left,
        .dashboard-stats div.container .pull-left,
        .dashboard-stats div.container-fluid .pull-left,
        .dashboard-stats div.row .pull-left,
        .dashboard-stats div.form-horizontal .form-group .pull-left,
        .dashboard-stats div.nav .pull-left,
        .dashboard-stats div.btn-toolbar .pull-left,
        .dashboard-stats div.btn-group-vertical > .btn-group .pull-left,
        .dashboard-stats div.pager .pull-left,
        .dashboard-stats div.modal-footer .pull-left,
        .dashboard-stats div.infobar .widget-body .pull-left,
        .dashboard-stats div.page-heading .pull-left,
        .dashboard-stats div#topnav .pull-left,
        .dashboard-stats div#topnav .logo-area .pull-left,
        .dashboard-stats div#topnav .userinfo li a .pull-left,
        .dashboard-stats div#topnav a.username .pull-left,
        .dashboard-stats div#topnav a.nav-username .pull-left,
        .dashboard-stats div#topnav .form-search .pull-left,
        .dashboard-stats div.sidebar nav.widget-body > ul.acc-menu li.hasChild > a .pull-left,
        .dashboard-stats div.navbar .pull-left,
        .dashboard-stats div.navbar-header .pull-left,
        .dashboard-stats div.navbar-collapse .pull-left,
        .dashboard-stats div.panel .pull-left,
        .dashboard-stats div.panel-heading .pull-left,
        .dashboard-stats div.panel-body .pull-left,
        .dashboard-stats div.panel-footer .pull-left,
        .dashboard-stats div.timeline > li .timeline-header .pull-left,
        .dashboard-stats div.timeline > li .timeline-footer .pull-left,
        .dashboard-stats div.widget-weather .pull-left,
        .dashboard-stats div.gallery .pull-left,
        .dashboard-stats div.card-weather .weather-heading .weather-heading-top .pull-left,
        .dashboard-stats div.card-weather .weather-heading .weather-heading-bottom .pull-left {
            padding: 16px 0;
        }

        .dashboard-stats div.clearfix h4.pull-right,
        .dashboard-stats div.dl-horizontal dd h4.pull-right,
        .dashboard-stats div.container h4.pull-right,
        .dashboard-stats div.container-fluid h4.pull-right,
        .dashboard-stats div.row h4.pull-right,
        .dashboard-stats div.form-horizontal .form-group h4.pull-right,
        .dashboard-stats div.nav h4.pull-right,
        .dashboard-stats div.btn-toolbar h4.pull-right,
        .dashboard-stats div.btn-group-vertical > .btn-group h4.pull-right,
        .dashboard-stats div.pager h4.pull-right,
        .dashboard-stats div.modal-footer h4.pull-right,
        .dashboard-stats div.infobar .widget-body h4.pull-right,
        .dashboard-stats div.page-heading h4.pull-right,
        .dashboard-stats div#topnav h4.pull-right,
        .dashboard-stats div#topnav .logo-area h4.pull-right,
        .dashboard-stats div#topnav .userinfo li a h4.pull-right,
        .dashboard-stats div#topnav a.username h4.pull-right,
        .dashboard-stats div#topnav a.nav-username h4.pull-right,
        .dashboard-stats div#topnav .form-search h4.pull-right,
        .dashboard-stats div.sidebar nav.widget-body > ul.acc-menu li.hasChild > a h4.pull-right,
        .dashboard-stats div.navbar h4.pull-right,
        .dashboard-stats div.navbar-header h4.pull-right,
        .dashboard-stats div.navbar-collapse h4.pull-right,
        .dashboard-stats div.panel h4.pull-right,
        .dashboard-stats div.panel-heading h4.pull-right,
        .dashboard-stats div.panel-body h4.pull-right,
        .dashboard-stats div.panel-footer h4.pull-right,
        .dashboard-stats div.timeline > li .timeline-header h4.pull-right,
        .dashboard-stats div.timeline > li .timeline-footer h4.pull-right,
        .dashboard-stats div.widget-weather h4.pull-right,
        .dashboard-stats div.gallery h4.pull-right,
        .dashboard-stats div.card-weather .weather-heading .weather-heading-top h4.pull-right,
        .dashboard-stats div.card-weather .weather-heading .weather-heading-bottom h4.pull-right {
            color: #fff;
            font-weight: 600;
        }

#biglines canvas {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.chartist-full-width {
    margin-right: -16px;
    margin-left: -10px;
    margin-bottom: -10px;
}

#fullChart .ct-series-a .ct-line {
    stroke-width: 0px;
}

#fullChart .ct-series-a .ct-area {
    fill: rgba(41, 78, 156, 0.61);
    fill-opacity: 1;
}

#fullChart .ct-series-b .ct-line {
    stroke-width: 0px;
}

#fullChart .ct-series-b .ct-point {
    stroke-width: 0px;
}

#fullChart .ct-series-b .ct-area {
    fill: #3872b9;
}

#fullChart .ct-grid {
    stroke: rgba(0, 0, 0, 0.06);
    stroke-width: 1px;
    stroke-dasharray: 0;
}

.panel-calendar {
    background-color: #e91e63 !important;
    color: #ffffff;
    border-radius: 2px;
}

    .panel-calendar .circle {
        background-color: #c2185b !important;
        background: cadetblue;
        height: 80px;
        width: 80px;
        text-align: center;
        display: inline-block;
        border-radius: 50%;
        line-height: 80px;
        font-size: 30px;
    }

    .panel-calendar #calendar {
        padding-bottom: 16px;
    }

        .panel-calendar #calendar .datepicker th:hover {
            background: none;
        }

        .panel-calendar #calendar .datepicker {
            width: auto;
            max-width: 100%;
        }

        .panel-calendar #calendar .table-condensed {
            margin-top: 16px;
            margin-bottom: 8px;
            width: 100%;
        }

            .panel-calendar #calendar .table-condensed thead th {
                font-weight: normal;
            }

            .panel-calendar #calendar .table-condensed th.prev,
            .panel-calendar #calendar .table-condensed th.next {
                position: relative;
                color: #d81b60;
            }

                .panel-calendar #calendar .table-condensed th.prev:before,
                .panel-calendar #calendar .table-condensed th.next:before {
                    font-family: 'Material Icons';
                    font-weight: normal;
                    font-style: normal;
                    font-size: 24px;
                    line-height: 1;
                    letter-spacing: normal;
                    text-transform: none;
                    display: inline-block;
                    white-space: nowrap;
                    word-wrap: normal;
                    direction: ltr;
                    -webkit-font-feature-settings: 'liga';
                    -webkit-font-smoothing: antialiased;
                    left: 50%;
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    color: white;
                }

                .panel-calendar #calendar .table-condensed th.prev:before {
                    content: "keyboard_arrow_left";
                }

                .panel-calendar #calendar .table-condensed th.next:before {
                    content: "keyboard_arrow_right";
                }

            .panel-calendar #calendar .table-condensed thead tr:first-child {
                background: #d81b60;
                font-weight: normal;
            }

            .panel-calendar #calendar .table-condensed thead tr:nth-child(2) th {
                padding-top: 16px !important;
                padding-bottom: 16px !important;
            }

            .panel-calendar #calendar .table-condensed .old,
            .panel-calendar #calendar .table-condensed .new {
                color: rgba(255, 255, 255, 0.3);
            }

            .panel-calendar #calendar .table-condensed .day {
                border-radius: 4px;
                height: 36px;
            }

                .panel-calendar #calendar .table-condensed .day:hover {
                    border-radius: 4px;
                }

            .panel-calendar #calendar .table-condensed .month:hover {
                background: #ec407a;
            }

            .panel-calendar #calendar .table-condensed .today {
                background: none;
                color: #e91e63;
                z-index: 1;
                position: relative;
            }

                .panel-calendar #calendar .table-condensed .today:after {
                    content: '';
                    background-color: #fde0dc;
                    height: 32px;
                    width: 32px;
                    position: absolute;
                    z-index: -1;
                    top: 50%;
                    left: 50%;
                    margin-left: -16px;
                    margin-top: -16px;
                    border-radius: 50%;
                }

            .panel-calendar #calendar .table-condensed .active,
            .panel-calendar #calendar .table-condensed .day:hover {
                color: #e91e63 !important;
                background: none !important;
                z-index: 1;
                position: relative;
            }

                .panel-calendar #calendar .table-condensed .active:after,
                .panel-calendar #calendar .table-condensed .day:hover:after {
                    content: '';
                    background-color: #f8bbd0;
                    height: 32px;
                    width: 32px;
                    position: absolute;
                    z-index: -1;
                    top: 50%;
                    left: 50%;
                    margin-left: -16px;
                    margin-top: -16px;
                    border-radius: 50%;
                }

.panel-salesfigure .full-bg,
.panel-salesfigure .panel-heading {
    background: #3f51b5;
}

    .panel-salesfigure .full-bg h2,
    .panel-salesfigure .panel-heading h2 {
        color: #fff;
    }

.panel-salesfigure .easypiechart {
    width: 144px;
    line-height: 144px;
}

    .panel-salesfigure .easypiechart .percent,
    .panel-salesfigure .easypiechart-half .percent-non,
    .panel-salesfigure .easypiechart .percent-non {
        color: #fff;
        line-height: 144px;
        width: 144px;
        font-size: 24px;
    }

.panel-salesfigure .full-bg {
    margin: 0;
    padding: 8px 16px 16px;
    height: 168px;
}

.panel-salesfigure h6 {
    color: #757575;
}

.panel-salesfigure .panel-body {
    background-color: #3f51b5;
}

    .panel-salesfigure .panel-body h4,
    .panel-salesfigure .panel-body h4 small {
        color: #e8eaf6;
    }

        .panel-salesfigure .panel-body h4 small {
            opacity: 0.5;
        }

.panel-salesfigure2 .full-bg,
.panel-salesfigure2 .panel-heading {
    background: #9c27b0;
}

    .panel-salesfigure2 .full-bg h2,
    .panel-salesfigure2 .panel-heading h2 {
        color: #fff;
    }

.panel-salesfigure2 .full-bg {
    margin: 0;
    padding: 8px 16px 16px;
    height: 168px;
}

.panel-salesfigure2 h6 {
    color: #757575;
}

.panel-salesfigure2 .panel-body {
    background-color: #9c27b0;
}

    .panel-salesfigure2 .panel-body h4,
    .panel-salesfigure2 .panel-body h4 small {
        color: #f3e5f5;
    }

        .panel-salesfigure2 .panel-body h4 small {
            opacity: 0.5;
        }

.profile-card h3 {
    text-transform: uppercase;
}

    .profile-card h3 small {
        margin-top: 4px;
        font-size: 12px;
        opacity: 0.82;
        color: #fff;
        display: block;
        text-transform: capitalize;
    }

.card-weather {
    color: rgba(255, 255, 255, 0.87);
}

    .card-weather h4 {
        color: rgba(255, 255, 255, 0.87);
    }

    .card-weather .weather-heading {
        background-color: #00bcd4;
        padding: 14px 15px 16px 22px;
    }

        .card-weather .weather-heading .weather-settings {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-color: #ffc107;
            text-align: center;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.87);
            line-height: 32px;
        }

        .card-weather .weather-heading .weather-heading-top .weather-symbol,
        .card-weather .weather-heading .weather-heading-bottom .weather-symbol {
            margin-top: 20px;
        }

            .card-weather .weather-heading .weather-heading-top .weather-symbol i,
            .card-weather .weather-heading .weather-heading-bottom .weather-symbol i {
                font-size: 60px;
            }

        .card-weather .weather-heading .weather-heading-top .weather-result,
        .card-weather .weather-heading .weather-heading-bottom .weather-result {
            font-size: 60px;
            line-height: 3px;
            color: rgba(255, 255, 255, 0.87);
        }

            .card-weather .weather-heading .weather-heading-top .weather-result .weather-details,
            .card-weather .weather-heading .weather-heading-bottom .weather-result .weather-details {
                display: inline-block;
                line-height: 12px;
            }

                .card-weather .weather-heading .weather-heading-top .weather-result .weather-details > h4,
                .card-weather .weather-heading .weather-heading-bottom .weather-result .weather-details > h4 {
                    text-transform: uppercase;
                    margin: 0 0 5px 0;
                }

                .card-weather .weather-heading .weather-heading-top .weather-result .weather-details > p,
                .card-weather .weather-heading .weather-heading-bottom .weather-result .weather-details > p {
                    font-size: 12px;
                    margin: 0 0 5px 0;
                }

                    .card-weather .weather-heading .weather-heading-top .weather-result .weather-details > p.degree-range,
                    .card-weather .weather-heading .weather-heading-bottom .weather-result .weather-details > p.degree-range {
                        font-size: 14px;
                        margin: 0;
                    }

.card-moviecard {
    background: url("../demo/movie-scott.jpg") no-repeat left bottom;
    background-size: cover;
}

    .card-moviecard:hover .tabular {
        background: rgba(255, 255, 255, 0.72);
    }

    .card-moviecard .testimonial .testimonial-text {
        display: block;
        font-style: italic;
    }

    .card-moviecard .tabular {
        background: rgba(255, 255, 255, 0.9);
        transition: background ease-in 1s;
    }

    .card-moviecard img {
        border-radius: 50%;
        height: 32px;
        width: 32px;
    }

    .card-moviecard .movie-img {
        min-width: 200px;
        vertical-align: bottom !important;
        padding: 8px;
    }

        .card-moviecard .movie-img .list-inline i,
        .card-moviecard .movie-img .widget-avatar i {
            width: 24px;
        }

        .card-moviecard .movie-img .star-rating {
            font-size: 48px;
            text-align: center;
            display: block;
        }

    .card-moviecard .movie-info {
        background: #ffffff;
        padding: 16px;
    }

        .card-moviecard .movie-info .time {
            color: #9e9e9e;
            padding-bottom: 8px;
        }

            .card-moviecard .movie-info .time i {
                font-size: inherit;
            }

        .card-moviecard .movie-info .row-friends {
            padding-bottom: 56px !important;
        }

        .card-moviecard .movie-info .action-buttons {
            position: absolute;
            bottom: -16px;
            right: 8px;
        }

        .card-moviecard .movie-info h6 {
            text-transform: uppercase;
            font-size: 12px;
        }

        .card-moviecard .movie-info .avatar {
            display: inline;
        }

            .card-moviecard .movie-info .avatar .more:hover {
                text-decoration: none;
            }

                .card-moviecard .movie-info .avatar .more:hover span {
                    background: #9e9e9e;
                    color: #fff;
                }

            .card-moviecard .movie-info .avatar .more span {
                transition: background linear 1s, color linear 1s;
                border-radius: 50%;
                color: #212121;
                height: 32px;
                width: 32px;
                line-height: 32px;
                display: block;
                text-align: center;
            }

        .card-moviecard .movie-info .price {
            color: #6a1b9a;
            font-size: 42px;
        }

@media (max-width: 767px) {
    .card-moviecard .movie-img {
        display: none !important;
    }
}

.btn-fab-caret {
    height: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0 !important;
    color: #fff !important;
}

    .btn-fab-caret i {
        font-size: 21px !important;
    }

.coming-soon-wrapper .form-group {
    padding-bottom: 7px;
    margin: 0px;
}

.color-palette {
    color: rgba(255, 255, 255, 0.87);
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 60px;
}

    .color-palette .color-group {
        padding-left: 0px;
        display: block;
        list-style-type: none;
    }

        .color-palette .color-group li.color {
            padding: 15px;
        }

            .color-palette .color-group li.color .hex {
                float: right;
            }

        .color-palette .color-group li.divide {
            border-top: 4px solid #fafafa;
        }

        .color-palette .color-group li.main-color {
            border-bottom: 4px solid #fafafa;
        }

            .color-palette .color-group li.main-color .name {
                display: block;
                margin-bottom: 60px;
            }

        .color-palette .color-group li.dark {
            color: #424242;
        }

.bootstrap-switch {
    display: inline-block;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 64px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
    border-radius: 20px;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .bootstrap-switch.bootstrap-switch-mini {
        width: 32px;
    }

        .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
            padding-bottom: 4px;
            padding-top: 4px;
            font-size: 8px;
            line-height: 8px;
        }

    .bootstrap-switch.bootstrap-switch-small {
        width: 48px;
    }

        .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
            padding-bottom: 3px;
            padding-top: 3px;
            font-size: 8px;
            line-height: 18px;
        }

    .bootstrap-switch.bootstrap-switch-large {
        width: 80px;
    }

        .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
            padding-bottom: 9px;
            padding-top: 9px;
            font-size: 14px;
            line-height: 22px;
        }

    .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
        transition: margin-left 150ms;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
        margin-left: 0%;
    }

    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
        margin-left: -50%;
    }

    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .bootstrap-switch.bootstrap-switch-disabled,
    .bootstrap-switch.bootstrap-switch-readonly {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: default !important;
    }

        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
            background: #fafafa;
        }

        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
        .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
            cursor: default !important;
        }

    .bootstrap-switch.bootstrap-switch-focused {
        outline: 0;
    }

    .bootstrap-switch .bootstrap-switch-container {
        display: inline-block;
        position: relative;
        width: 150%;
        top: 0;
        border-radius: 24px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-handle-off,
    .bootstrap-switch .bootstrap-switch-label {
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block !important;
        height: 100%;
        padding-bottom: 4px;
        padding-top: 4px;
        font-size: 12px;
        line-height: 24px;
    }

    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-handle-off {
        text-align: center;
        z-index: 1;
        width: 50%;
    }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
            color: rgba(255, 255, 255, 0.8);
            background: #03a9f4;
            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
            color: rgba(255, 255, 255, 0.8);
            background: #00bcd4;
            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
            color: rgba(255, 255, 255, 0.8);
            background: var(--color-primary-dark);
            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
            background: #ffc107;
            color: rgba(255, 255, 255, 0.8);
            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
            color: rgba(255, 255, 255, 0.8);
            background: #e51c23;
            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
            color: #9e9e9e;
            background: #e0e0e0;
            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        }

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 24px;
        border-top-left-radius: 24px;
        padding-right: 12.499999999875%;
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 24px;
        border-top-right-radius: 24px;
        padding-left: 12.499999999875%;
    }

    .bootstrap-switch .bootstrap-switch-label {
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        z-index: 100;
        position: absolute;
        border-radius: 50% !important;
        width: 33.333333333%;
        margin-left: -16.66666667%;
        margin-right: -16.66666667%;
        color: #424242;
        background: #fafafa;
        line-height: 24px;
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }

    .bootstrap-switch input[type='radio'],
    .bootstrap-switch input[type='checkbox'] {
        position: absolute !important;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: -1;
    }
/*
 * Colorpicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url('../plugins/form-colorpicker/img/bootstrap-colorpicker/saturation.png');
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
        }

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i,
    .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url('../plugins/form-colorpicker/img/bootstrap-colorpicker/hue.png');
}

.colorpicker-alpha {
    background-image: url('../plugins/form-colorpicker/img/bootstrap-colorpicker/alpha.png');
    display: none;
}

.colorpicker {
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px;
    max-width: 150px;
    margin-top: 1px;
    z-index: 9999 !important;
}

    .colorpicker:before,
    .colorpicker:after {
        content: " ";
        display: table;
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before,
    .colorpicker:after {
        content: " ";
        display: table;
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.alpha {
        min-width: 140px;
    }

        .colorpicker.alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url('../plugins/form-colorpicker/img/bootstrap-colorpicker/alpha.png');
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.input-group.color .input-group-addon i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    direction: ltr;
    max-width: 265px;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0 auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .datepicker table tr td,
    .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border: none;
    }

    .datepicker table tr:first-child th:first-child {
        border-top-left-radius: 2px;
    }

    .datepicker table tr:first-child th:last-child {
        border-top-right-radius: 2px;
    }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #e0e0e0;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #bdbdbd;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #bdbdbd;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:focus,
    .datepicker table tr td.today:hover:focus,
    .datepicker table tr td.today.disabled:focus,
    .datepicker table tr td.today.disabled:hover:focus,
    .datepicker table tr td.today.focus,
    .datepicker table tr td.today:hover.focus,
    .datepicker table tr td.today.disabled.focus,
    .datepicker table tr td.today.disabled:hover.focus,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .open > .dropdown-toggle.datepicker table tr td.today,
    .open > .dropdown-toggle.datepicker table tr td.today:hover,
    .open > .dropdown-toggle.datepicker table tr td.today.disabled,
    .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00;
    }

        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td.today,
        .open > .dropdown-toggle.datepicker table tr td.today:hover,
        .open > .dropdown-toggle.datepicker table tr td.today.disabled,
        .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.today.disabled,
        .datepicker table tr td.today:hover.disabled,
        .datepicker table tr td.today.disabled.disabled,
        .datepicker table tr td.today.disabled:hover.disabled,
        .datepicker table tr td.today[disabled],
        .datepicker table tr td.today:hover[disabled],
        .datepicker table tr td.today.disabled[disabled],
        .datepicker table tr td.today.disabled:hover[disabled],
        fieldset[disabled] .datepicker table tr td.today,
        fieldset[disabled] .datepicker table tr td.today:hover,
        fieldset[disabled] .datepicker table tr td.today.disabled,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover,
        .datepicker table tr td.today.disabled:hover,
        .datepicker table tr td.today:hover.disabled:hover,
        .datepicker table tr td.today.disabled.disabled:hover,
        .datepicker table tr td.today.disabled:hover.disabled:hover,
        .datepicker table tr td.today[disabled]:hover,
        .datepicker table tr td.today:hover[disabled]:hover,
        .datepicker table tr td.today.disabled[disabled]:hover,
        .datepicker table tr td.today.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.today:hover,
        fieldset[disabled] .datepicker table tr td.today:hover:hover,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
        .datepicker table tr td.today.disabled:focus,
        .datepicker table tr td.today:hover.disabled:focus,
        .datepicker table tr td.today.disabled.disabled:focus,
        .datepicker table tr td.today.disabled:hover.disabled:focus,
        .datepicker table tr td.today[disabled]:focus,
        .datepicker table tr td.today:hover[disabled]:focus,
        .datepicker table tr td.today.disabled[disabled]:focus,
        .datepicker table tr td.today.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.today:focus,
        fieldset[disabled] .datepicker table tr td.today:hover:focus,
        fieldset[disabled] .datepicker table tr td.today.disabled:focus,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
        .datepicker table tr td.today.disabled.focus,
        .datepicker table tr td.today:hover.disabled.focus,
        .datepicker table tr td.today.disabled.disabled.focus,
        .datepicker table tr td.today.disabled:hover.disabled.focus,
        .datepicker table tr td.today[disabled].focus,
        .datepicker table tr td.today:hover[disabled].focus,
        .datepicker table tr td.today.disabled[disabled].focus,
        .datepicker table tr td.today.disabled:hover[disabled].focus,
        fieldset[disabled] .datepicker table tr td.today.focus,
        fieldset[disabled] .datepicker table tr td.today:hover.focus,
        fieldset[disabled] .datepicker table tr td.today.disabled.focus,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today:hover.disabled:active,
        .datepicker table tr td.today.disabled.disabled:active,
        .datepicker table tr td.today.disabled:hover.disabled:active,
        .datepicker table tr td.today[disabled]:active,
        .datepicker table tr td.today:hover[disabled]:active,
        .datepicker table tr td.today.disabled[disabled]:active,
        .datepicker table tr td.today.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.today:active,
        fieldset[disabled] .datepicker table tr td.today:hover:active,
        fieldset[disabled] .datepicker table tr td.today.disabled:active,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today:hover.disabled.active,
        .datepicker table tr td.today.disabled.disabled.active,
        .datepicker table tr td.today.disabled:hover.disabled.active,
        .datepicker table tr td.today[disabled].active,
        .datepicker table tr td.today:hover[disabled].active,
        .datepicker table tr td.today.disabled[disabled].active,
        .datepicker table tr td.today.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.today.active,
        fieldset[disabled] .datepicker table tr td.today:hover.active,
        fieldset[disabled] .datepicker table tr td.today.disabled.active,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
            background-color: #ffdb99;
            border-color: #ffb733;
        }

            .datepicker table tr td.today .badge,
            .datepicker table tr td.today:hover .badge,
            .datepicker table tr td.today.disabled .badge,
            .datepicker table tr td.today.disabled:hover .badge {
                color: #ffdb99;
                background-color: #000;
            }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #e0e0e0;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover {
        color: #000;
        background-color: #f0c370;
        border-color: #e19a18;
        border-radius: 0;
    }

        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today:focus,
        .datepicker table tr td.range.today:hover:focus,
        .datepicker table tr td.range.today.disabled:focus,
        .datepicker table tr td.range.today.disabled:hover:focus,
        .datepicker table tr td.range.today.focus,
        .datepicker table tr td.range.today:hover.focus,
        .datepicker table tr td.range.today.disabled.focus,
        .datepicker table tr td.range.today.disabled:hover.focus,
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td.range.today,
        .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
        .open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
        .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
            color: #000;
            background-color: #ebaf42;
            border-color: #aa7412;
        }

            .datepicker table tr td.range.today:active,
            .datepicker table tr td.range.today:hover:active,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.active,
            .datepicker table tr td.range.today:hover.active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.active,
            .open > .dropdown-toggle.datepicker table tr td.range.today,
            .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
            .open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
            .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
                background-image: none;
            }

            .datepicker table tr td.range.today.disabled,
            .datepicker table tr td.range.today:hover.disabled,
            .datepicker table tr td.range.today.disabled.disabled,
            .datepicker table tr td.range.today.disabled:hover.disabled,
            .datepicker table tr td.range.today[disabled],
            .datepicker table tr td.range.today:hover[disabled],
            .datepicker table tr td.range.today.disabled[disabled],
            .datepicker table tr td.range.today.disabled:hover[disabled],
            fieldset[disabled] .datepicker table tr td.range.today,
            fieldset[disabled] .datepicker table tr td.range.today:hover,
            fieldset[disabled] .datepicker table tr td.range.today.disabled,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
            .datepicker table tr td.range.today.disabled:hover,
            .datepicker table tr td.range.today:hover.disabled:hover,
            .datepicker table tr td.range.today.disabled.disabled:hover,
            .datepicker table tr td.range.today.disabled:hover.disabled:hover,
            .datepicker table tr td.range.today[disabled]:hover,
            .datepicker table tr td.range.today:hover[disabled]:hover,
            .datepicker table tr td.range.today.disabled[disabled]:hover,
            .datepicker table tr td.range.today.disabled:hover[disabled]:hover,
            fieldset[disabled] .datepicker table tr td.range.today:hover,
            fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
            .datepicker table tr td.range.today.disabled:focus,
            .datepicker table tr td.range.today:hover.disabled:focus,
            .datepicker table tr td.range.today.disabled.disabled:focus,
            .datepicker table tr td.range.today.disabled:hover.disabled:focus,
            .datepicker table tr td.range.today[disabled]:focus,
            .datepicker table tr td.range.today:hover[disabled]:focus,
            .datepicker table tr td.range.today.disabled[disabled]:focus,
            .datepicker table tr td.range.today.disabled:hover[disabled]:focus,
            fieldset[disabled] .datepicker table tr td.range.today:focus,
            fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
            .datepicker table tr td.range.today.disabled.focus,
            .datepicker table tr td.range.today:hover.disabled.focus,
            .datepicker table tr td.range.today.disabled.disabled.focus,
            .datepicker table tr td.range.today.disabled:hover.disabled.focus,
            .datepicker table tr td.range.today[disabled].focus,
            .datepicker table tr td.range.today:hover[disabled].focus,
            .datepicker table tr td.range.today.disabled[disabled].focus,
            .datepicker table tr td.range.today.disabled:hover[disabled].focus,
            fieldset[disabled] .datepicker table tr td.range.today.focus,
            fieldset[disabled] .datepicker table tr td.range.today:hover.focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled.focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today:hover.disabled:active,
            .datepicker table tr td.range.today.disabled.disabled:active,
            .datepicker table tr td.range.today.disabled:hover.disabled:active,
            .datepicker table tr td.range.today[disabled]:active,
            .datepicker table tr td.range.today:hover[disabled]:active,
            .datepicker table tr td.range.today.disabled[disabled]:active,
            .datepicker table tr td.range.today.disabled:hover[disabled]:active,
            fieldset[disabled] .datepicker table tr td.range.today:active,
            fieldset[disabled] .datepicker table tr td.range.today:hover:active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today:hover.disabled.active,
            .datepicker table tr td.range.today.disabled.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.disabled.active,
            .datepicker table tr td.range.today[disabled].active,
            .datepicker table tr td.range.today:hover[disabled].active,
            .datepicker table tr td.range.today.disabled[disabled].active,
            .datepicker table tr td.range.today.disabled:hover[disabled].active,
            fieldset[disabled] .datepicker table tr td.range.today.active,
            fieldset[disabled] .datepicker table tr td.range.today:hover.active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #f0c370;
                border-color: #e19a18;
            }

                .datepicker table tr td.range.today .badge,
                .datepicker table tr td.range.today:hover .badge,
                .datepicker table tr td.range.today.disabled .badge,
                .datepicker table tr td.range.today.disabled:hover .badge {
                    color: #f0c370;
                    background-color: #000;
                }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #bdbdbd;
    border-color: #9e9e9e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected:focus,
    .datepicker table tr td.selected:hover:focus,
    .datepicker table tr td.selected.disabled:focus,
    .datepicker table tr td.selected.disabled:hover:focus,
    .datepicker table tr td.selected.focus,
    .datepicker table tr td.selected:hover.focus,
    .datepicker table tr td.selected.disabled.focus,
    .datepicker table tr td.selected.disabled:hover.focus,
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active,
    .open > .dropdown-toggle.datepicker table tr td.selected,
    .open > .dropdown-toggle.datepicker table tr td.selected:hover,
    .open > .dropdown-toggle.datepicker table tr td.selected.disabled,
    .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
        color: #fff;
        background-color: #a4a4a4;
        border-color: #7f7f7f;
    }

        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover:active,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td.selected,
        .open > .dropdown-toggle.datepicker table tr td.selected:hover,
        .open > .dropdown-toggle.datepicker table tr td.selected.disabled,
        .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.selected.disabled,
        .datepicker table tr td.selected:hover.disabled,
        .datepicker table tr td.selected.disabled.disabled,
        .datepicker table tr td.selected.disabled:hover.disabled,
        .datepicker table tr td.selected[disabled],
        .datepicker table tr td.selected:hover[disabled],
        .datepicker table tr td.selected.disabled[disabled],
        .datepicker table tr td.selected.disabled:hover[disabled],
        fieldset[disabled] .datepicker table tr td.selected,
        fieldset[disabled] .datepicker table tr td.selected:hover,
        fieldset[disabled] .datepicker table tr td.selected.disabled,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
        .datepicker table tr td.selected.disabled:hover,
        .datepicker table tr td.selected:hover.disabled:hover,
        .datepicker table tr td.selected.disabled.disabled:hover,
        .datepicker table tr td.selected.disabled:hover.disabled:hover,
        .datepicker table tr td.selected[disabled]:hover,
        .datepicker table tr td.selected:hover[disabled]:hover,
        .datepicker table tr td.selected.disabled[disabled]:hover,
        .datepicker table tr td.selected.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.selected:hover,
        fieldset[disabled] .datepicker table tr td.selected:hover:hover,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
        .datepicker table tr td.selected.disabled:focus,
        .datepicker table tr td.selected:hover.disabled:focus,
        .datepicker table tr td.selected.disabled.disabled:focus,
        .datepicker table tr td.selected.disabled:hover.disabled:focus,
        .datepicker table tr td.selected[disabled]:focus,
        .datepicker table tr td.selected:hover[disabled]:focus,
        .datepicker table tr td.selected.disabled[disabled]:focus,
        .datepicker table tr td.selected.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.selected:focus,
        fieldset[disabled] .datepicker table tr td.selected:hover:focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
        .datepicker table tr td.selected.disabled.focus,
        .datepicker table tr td.selected:hover.disabled.focus,
        .datepicker table tr td.selected.disabled.disabled.focus,
        .datepicker table tr td.selected.disabled:hover.disabled.focus,
        .datepicker table tr td.selected[disabled].focus,
        .datepicker table tr td.selected:hover[disabled].focus,
        .datepicker table tr td.selected.disabled[disabled].focus,
        .datepicker table tr td.selected.disabled:hover[disabled].focus,
        fieldset[disabled] .datepicker table tr td.selected.focus,
        fieldset[disabled] .datepicker table tr td.selected:hover.focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled.focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected:hover.disabled:active,
        .datepicker table tr td.selected.disabled.disabled:active,
        .datepicker table tr td.selected.disabled:hover.disabled:active,
        .datepicker table tr td.selected[disabled]:active,
        .datepicker table tr td.selected:hover[disabled]:active,
        .datepicker table tr td.selected.disabled[disabled]:active,
        .datepicker table tr td.selected.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.selected:active,
        fieldset[disabled] .datepicker table tr td.selected:hover:active,
        fieldset[disabled] .datepicker table tr td.selected.disabled:active,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected:hover.disabled.active,
        .datepicker table tr td.selected.disabled.disabled.active,
        .datepicker table tr td.selected.disabled:hover.disabled.active,
        .datepicker table tr td.selected[disabled].active,
        .datepicker table tr td.selected:hover[disabled].active,
        .datepicker table tr td.selected.disabled[disabled].active,
        .datepicker table tr td.selected.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.selected.active,
        fieldset[disabled] .datepicker table tr td.selected:hover.active,
        fieldset[disabled] .datepicker table tr td.selected.disabled.active,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
            background-color: #bdbdbd;
            border-color: #9e9e9e;
        }

            .datepicker table tr td.selected .badge,
            .datepicker table tr td.selected:hover .badge,
            .datepicker table tr td.selected.disabled .badge,
            .datepicker table tr td.selected.disabled:hover .badge {
                color: #bdbdbd;
                background-color: #fff;
            }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:focus,
    .datepicker table tr td.active:hover:focus,
    .datepicker table tr td.active.disabled:focus,
    .datepicker table tr td.active.disabled:hover:focus,
    .datepicker table tr td.active.focus,
    .datepicker table tr td.active:hover.focus,
    .datepicker table tr td.active.disabled.focus,
    .datepicker table tr td.active.disabled:hover.focus,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .open > .dropdown-toggle.datepicker table tr td.active,
    .open > .dropdown-toggle.datepicker table tr td.active:hover,
    .open > .dropdown-toggle.datepicker table tr td.active.disabled,
    .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        color: #fff;
        background-color: #0286c2;
        border-color: #027fb8;
    }

        .datepicker table tr td.active:active,
        .datepicker table tr td.active:hover:active,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.active,
        .datepicker table tr td.active:hover.active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td.active,
        .open > .dropdown-toggle.datepicker table tr td.active:hover,
        .open > .dropdown-toggle.datepicker table tr td.active.disabled,
        .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.active.disabled,
        .datepicker table tr td.active:hover.disabled,
        .datepicker table tr td.active.disabled.disabled,
        .datepicker table tr td.active.disabled:hover.disabled,
        .datepicker table tr td.active[disabled],
        .datepicker table tr td.active:hover[disabled],
        .datepicker table tr td.active.disabled[disabled],
        .datepicker table tr td.active.disabled:hover[disabled],
        fieldset[disabled] .datepicker table tr td.active,
        fieldset[disabled] .datepicker table tr td.active:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active:hover.disabled:hover,
        .datepicker table tr td.active.disabled.disabled:hover,
        .datepicker table tr td.active.disabled:hover.disabled:hover,
        .datepicker table tr td.active[disabled]:hover,
        .datepicker table tr td.active:hover[disabled]:hover,
        .datepicker table tr td.active.disabled[disabled]:hover,
        .datepicker table tr td.active.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.active:hover,
        fieldset[disabled] .datepicker table tr td.active:hover:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
        .datepicker table tr td.active.disabled:focus,
        .datepicker table tr td.active:hover.disabled:focus,
        .datepicker table tr td.active.disabled.disabled:focus,
        .datepicker table tr td.active.disabled:hover.disabled:focus,
        .datepicker table tr td.active[disabled]:focus,
        .datepicker table tr td.active:hover[disabled]:focus,
        .datepicker table tr td.active.disabled[disabled]:focus,
        .datepicker table tr td.active.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.active:focus,
        fieldset[disabled] .datepicker table tr td.active:hover:focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
        .datepicker table tr td.active.disabled.focus,
        .datepicker table tr td.active:hover.disabled.focus,
        .datepicker table tr td.active.disabled.disabled.focus,
        .datepicker table tr td.active.disabled:hover.disabled.focus,
        .datepicker table tr td.active[disabled].focus,
        .datepicker table tr td.active:hover[disabled].focus,
        .datepicker table tr td.active.disabled[disabled].focus,
        .datepicker table tr td.active.disabled:hover[disabled].focus,
        fieldset[disabled] .datepicker table tr td.active.focus,
        fieldset[disabled] .datepicker table tr td.active:hover.focus,
        fieldset[disabled] .datepicker table tr td.active.disabled.focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active:hover.disabled:active,
        .datepicker table tr td.active.disabled.disabled:active,
        .datepicker table tr td.active.disabled:hover.disabled:active,
        .datepicker table tr td.active[disabled]:active,
        .datepicker table tr td.active:hover[disabled]:active,
        .datepicker table tr td.active.disabled[disabled]:active,
        .datepicker table tr td.active.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.active:active,
        fieldset[disabled] .datepicker table tr td.active:hover:active,
        fieldset[disabled] .datepicker table tr td.active.disabled:active,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active:hover.disabled.active,
        .datepicker table tr td.active.disabled.disabled.active,
        .datepicker table tr td.active.disabled:hover.disabled.active,
        .datepicker table tr td.active[disabled].active,
        .datepicker table tr td.active:hover[disabled].active,
        .datepicker table tr td.active.disabled[disabled].active,
        .datepicker table tr td.active.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.active.active,
        fieldset[disabled] .datepicker table tr td.active:hover.active,
        fieldset[disabled] .datepicker table tr td.active.disabled.active,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
            background-color: #03a9f4;
            border-color: #03a9f4;
        }

            .datepicker table tr td.active .badge,
            .datepicker table tr td.active:hover .badge,
            .datepicker table tr td.active.disabled .badge,
            .datepicker table tr td.active.disabled:hover .badge {
                color: #03a9f4;
                background-color: #fff;
            }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #e0e0e0;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #bdbdbd;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active:focus,
        .datepicker table tr td span.active:hover:focus,
        .datepicker table tr td span.active.disabled:focus,
        .datepicker table tr td span.active.disabled:hover:focus,
        .datepicker table tr td span.active.focus,
        .datepicker table tr td span.active:hover.focus,
        .datepicker table tr td span.active.disabled.focus,
        .datepicker table tr td span.active.disabled:hover.focus,
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td span.active,
        .open > .dropdown-toggle.datepicker table tr td span.active:hover,
        .open > .dropdown-toggle.datepicker table tr td span.active.disabled,
        .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
            color: #fff;
            background-color: #0286c2;
            border-color: #027fb8;
        }

            .datepicker table tr td span.active:active,
            .datepicker table tr td span.active:hover:active,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.active,
            .datepicker table tr td span.active:hover.active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active.disabled:hover.active,
            .open > .dropdown-toggle.datepicker table tr td span.active,
            .open > .dropdown-toggle.datepicker table tr td span.active:hover,
            .open > .dropdown-toggle.datepicker table tr td span.active.disabled,
            .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
                background-image: none;
            }

            .datepicker table tr td span.active.disabled,
            .datepicker table tr td span.active:hover.disabled,
            .datepicker table tr td span.active.disabled.disabled,
            .datepicker table tr td span.active.disabled:hover.disabled,
            .datepicker table tr td span.active[disabled],
            .datepicker table tr td span.active:hover[disabled],
            .datepicker table tr td span.active.disabled[disabled],
            .datepicker table tr td span.active.disabled:hover[disabled],
            fieldset[disabled] .datepicker table tr td span.active,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active:hover.disabled:hover,
            .datepicker table tr td span.active.disabled.disabled:hover,
            .datepicker table tr td span.active.disabled:hover.disabled:hover,
            .datepicker table tr td span.active[disabled]:hover,
            .datepicker table tr td span.active:hover[disabled]:hover,
            .datepicker table tr td span.active.disabled[disabled]:hover,
            .datepicker table tr td span.active.disabled:hover[disabled]:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
            .datepicker table tr td span.active.disabled:focus,
            .datepicker table tr td span.active:hover.disabled:focus,
            .datepicker table tr td span.active.disabled.disabled:focus,
            .datepicker table tr td span.active.disabled:hover.disabled:focus,
            .datepicker table tr td span.active[disabled]:focus,
            .datepicker table tr td span.active:hover[disabled]:focus,
            .datepicker table tr td span.active.disabled[disabled]:focus,
            .datepicker table tr td span.active.disabled:hover[disabled]:focus,
            fieldset[disabled] .datepicker table tr td span.active:focus,
            fieldset[disabled] .datepicker table tr td span.active:hover:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
            .datepicker table tr td span.active.disabled.focus,
            .datepicker table tr td span.active:hover.disabled.focus,
            .datepicker table tr td span.active.disabled.disabled.focus,
            .datepicker table tr td span.active.disabled:hover.disabled.focus,
            .datepicker table tr td span.active[disabled].focus,
            .datepicker table tr td span.active:hover[disabled].focus,
            .datepicker table tr td span.active.disabled[disabled].focus,
            .datepicker table tr td span.active.disabled:hover[disabled].focus,
            fieldset[disabled] .datepicker table tr td span.active.focus,
            fieldset[disabled] .datepicker table tr td span.active:hover.focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active:hover.disabled:active,
            .datepicker table tr td span.active.disabled.disabled:active,
            .datepicker table tr td span.active.disabled:hover.disabled:active,
            .datepicker table tr td span.active[disabled]:active,
            .datepicker table tr td span.active:hover[disabled]:active,
            .datepicker table tr td span.active.disabled[disabled]:active,
            .datepicker table tr td span.active.disabled:hover[disabled]:active,
            fieldset[disabled] .datepicker table tr td span.active:active,
            fieldset[disabled] .datepicker table tr td span.active:hover:active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active:hover.disabled.active,
            .datepicker table tr td span.active.disabled.disabled.active,
            .datepicker table tr td span.active.disabled:hover.disabled.active,
            .datepicker table tr td span.active[disabled].active,
            .datepicker table tr td span.active:hover[disabled].active,
            .datepicker table tr td span.active.disabled[disabled].active,
            .datepicker table tr td span.active.disabled:hover[disabled].active,
            fieldset[disabled] .datepicker table tr td span.active.active,
            fieldset[disabled] .datepicker table tr td span.active:hover.active,
            fieldset[disabled] .datepicker table tr td span.active.disabled.active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
                background-color: #03a9f4;
                border-color: #03a9f4;
            }

                .datepicker table tr td span.active .badge,
                .datepicker table tr td span.active:hover .badge,
                .datepicker table tr td span.active.disabled .badge,
                .datepicker table tr td span.active.disabled:hover .badge {
                    color: #03a9f4;
                    background-color: #fff;
                }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #bdbdbd;
    }

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover {
        background: #e0e0e0;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        border-radius: 0 3px 3px 0;
    }

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.45;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #e0e0e0;
    border: solid #eeeeee;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
    position: relative;
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu,
    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.tt-dropdown-menu {
        left: auto;
        right: 0;
    }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before,
        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.tt-dropdown-menu:before {
            left: auto;
            right: 12px;
        }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after,
        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.tt-dropdown-menu:after {
            left: auto;
            right: 13px;
        }

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer;
    }

        .bootstrap-timepicker .input-group-addon i {
            display: inline-block;
            width: 16px;
            height: 16px;
        }

.bootstrap-timepicker-widget.dropdown-menu,
.bootstrap-timepicker-widget.tt-dropdown-menu {
    padding: 4px;
    max-width: 164px;
}

    .bootstrap-timepicker-widget.dropdown-menu.open,
    .bootstrap-timepicker-widget.tt-dropdown-menu.open {
        display: inline-block;
    }

    .bootstrap-timepicker-widget.dropdown-menu:before,
    .bootstrap-timepicker-widget.tt-dropdown-menu:before {
        border-bottom: 7px solid rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

    .bootstrap-timepicker-widget.dropdown-menu:after,
    .bootstrap-timepicker-widget.tt-dropdown-menu:after {
        border-bottom: 6px solid #FFFFFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 4px;
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px;
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px;
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%;
        }

        .bootstrap-timepicker-widget table td a {
            border: 1px transparent solid;
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: #333;
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: #eee;
                border-radius: 4px;
                border-color: #ddd;
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px;
            }

        .bootstrap-timepicker-widget table td input {
            width: 42px;
            margin: 0;
            text-align: center;
            padding: 4px 6px;
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }

        .bootstrap-timepicker .dropdown-menu,
        .bootstrap-timepicker .tt-dropdown-menu {
            width: 100%;
        }
}
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    white-space: normal;
    border-radius: 2px;
    direction: ltr;
    max-width: 265px;
}

    .datetimepicker table {
        margin-left: auto !important;
        margin-right: auto !important;
    }

        .datetimepicker table thead tr th {
            border-radius: 0;
        }

        .datetimepicker table tr:first-child th:first-child {
            border-top-left-radius: 2px;
        }

        .datetimepicker table tr:first-child th:last-child {
            border-top-right-radius: 2px;
        }

    .datetimepicker.datetimepicker-rtl {
        direction: rtl;
    }

        .datetimepicker.datetimepicker-rtl table tr td span {
            float: right;
        }

    .datetimepicker > div {
        display: none;
    }

    .datetimepicker.minutes div.datetimepicker-minutes {
        display: block;
    }

    .datetimepicker.hours div.datetimepicker-hours {
        display: block;
    }

    .datetimepicker.days div.datetimepicker-days {
        display: block;
    }

    .datetimepicker.months div.datetimepicker-months {
        display: block;
    }

    .datetimepicker.years div.datetimepicker-years {
        display: block;
    }

    .datetimepicker table {
        margin: 0;
    }

        .datetimepicker table tr td.minute:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datetimepicker table tr td.hour:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datetimepicker table tr td.day:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datetimepicker table tr td span {
            display: block;
            width: 23%;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 1%;
            cursor: pointer;
            border-radius: 4px;
        }

            .datetimepicker table tr td span:hover {
                background: #eeeeee;
            }

            .datetimepicker table tr td span.old {
                color: #999999;
            }

    .datetimepicker .datetimepicker-hours span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker .datetimepicker-minutes span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker th.switch {
        width: 145px;
    }

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*="datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*="datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*="datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*="datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
    color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .datetimepicker table tr td.today:hover,
    .datetimepicker table tr td.today:hover:hover,
    .datetimepicker table tr td.today.disabled:hover,
    .datetimepicker table tr td.today.disabled:hover:hover,
    .datetimepicker table tr td.today:active,
    .datetimepicker table tr td.today:hover:active,
    .datetimepicker table tr td.today.disabled:active,
    .datetimepicker table tr td.today.disabled:hover:active,
    .datetimepicker table tr td.today.active,
    .datetimepicker table tr td.today:hover.active,
    .datetimepicker table tr td.today.disabled.active,
    .datetimepicker table tr td.today.disabled:hover.active,
    .datetimepicker table tr td.today.disabled,
    .datetimepicker table tr td.today:hover.disabled,
    .datetimepicker table tr td.today.disabled.disabled,
    .datetimepicker table tr td.today.disabled:hover.disabled,
    .datetimepicker table tr td.today[disabled],
    .datetimepicker table tr td.today:hover[disabled],
    .datetimepicker table tr td.today.disabled[disabled],
    .datetimepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a;
    }

        .datetimepicker table tr td.today:active,
        .datetimepicker table tr td.today:hover:active,
        .datetimepicker table tr td.today.disabled:active,
        .datetimepicker table tr td.today.disabled:hover:active,
        .datetimepicker table tr td.today.active,
        .datetimepicker table tr td.today:hover.active,
        .datetimepicker table tr td.today.disabled.active,
        .datetimepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background: #03a9f4;
    color: #fff;
}

    .datetimepicker table tr td.active:hover,
    .datetimepicker table tr td.active:hover:hover,
    .datetimepicker table tr td.active.disabled:hover,
    .datetimepicker table tr td.active.disabled:hover:hover,
    .datetimepicker table tr td.active:active,
    .datetimepicker table tr td.active:hover:active,
    .datetimepicker table tr td.active.disabled:active,
    .datetimepicker table tr td.active.disabled:hover:active,
    .datetimepicker table tr td.active.active,
    .datetimepicker table tr td.active:hover.active,
    .datetimepicker table tr td.active.disabled.active,
    .datetimepicker table tr td.active.disabled:hover.active,
    .datetimepicker table tr td.active.disabled,
    .datetimepicker table tr td.active:hover.disabled,
    .datetimepicker table tr td.active.disabled.disabled,
    .datetimepicker table tr td.active.disabled:hover.disabled,
    .datetimepicker table tr td.active[disabled],
    .datetimepicker table tr td.active:hover[disabled],
    .datetimepicker table tr td.active.disabled[disabled],
    .datetimepicker table tr td.active.disabled:hover[disabled] {
        background: #03a9f4;
    }

        .datetimepicker table tr td.active:active,
        .datetimepicker table tr td.active:hover:active,
        .datetimepicker table tr td.active.disabled:active,
        .datetimepicker table tr td.active.disabled:hover:active,
        .datetimepicker table tr td.active.active,
        .datetimepicker table tr td.active:hover.active,
        .datetimepicker table tr td.active.disabled.active,
        .datetimepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9;
        }

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datetimepicker table tr td span.active:hover,
    .datetimepicker table tr td span.active:hover:hover,
    .datetimepicker table tr td span.active.disabled:hover,
    .datetimepicker table tr td span.active.disabled:hover:hover,
    .datetimepicker table tr td span.active:active,
    .datetimepicker table tr td span.active:hover:active,
    .datetimepicker table tr td span.active.disabled:active,
    .datetimepicker table tr td span.active.disabled:hover:active,
    .datetimepicker table tr td span.active.active,
    .datetimepicker table tr td span.active:hover.active,
    .datetimepicker table tr td span.active.disabled.active,
    .datetimepicker table tr td span.active.disabled:hover.active,
    .datetimepicker table tr td span.active.disabled,
    .datetimepicker table tr td span.active:hover.disabled,
    .datetimepicker table tr td span.active.disabled.disabled,
    .datetimepicker table tr td span.active.disabled:hover.disabled,
    .datetimepicker table tr td span.active[disabled],
    .datetimepicker table tr td span.active:hover[disabled],
    .datetimepicker table tr td span.active.disabled[disabled],
    .datetimepicker table tr td span.active.disabled:hover[disabled] {
        background: #03a9f4;
    }

        .datetimepicker table tr td span.active:active,
        .datetimepicker table tr td span.active:hover:active,
        .datetimepicker table tr td span.active.disabled:active,
        .datetimepicker table tr td span.active.disabled:hover:active,
        .datetimepicker table tr td span.active.active,
        .datetimepicker table tr td span.active:hover.active,
        .datetimepicker table tr td span.active.disabled.active,
        .datetimepicker table tr td span.active.disabled:hover.active {
            background-color: #003399 \9;
        }

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

    .datetimepicker thead tr:first-child th:hover,
    .datetimepicker tfoot tr:first-child th:hover {
        background: #eeeeee;
    }

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

@media (max-width: 768px) {
    .btn-responsive {
        padding: 8px 10px;
        font-size: 80%;
        line-height: 1.5;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding: 6px 12px;
        font-size: 90%;
        line-height: 2.3;
        position: absolute;
    }
}

@media (max-width: 768px) {
    .text-responsive {
        font-size: 113%;
    }
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
    .card-padding-responsive {
        padding: 16px !important;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .card-padding-responsive {
        padding: 16px !important;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .card-padding-responsive {
        padding: 12px !important;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .card-padding-responsive {
        padding: 8px !important;
    }
}

.side-img-circle {
    border-radius: 50%;
    float: left;
    width: 120px;
    height: 120px;
    position: relative;
    left: 30%;
    overflow: hidden;
    background: #ffffff;
    border: 4px solid #ffffff;
}

.login {
    text-align: center;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}
/*class to make cards apear clickable*/
.card-link {
    cursor: pointer;
}

@media (max-width: 768px) {
    .list-responsive {
        display: block !important;
        text-align: center;
        width: auto !important;
    }
}

.img-border {
    border: 3px dashed !important;
}

input[type="search"]:disabled {
    min-width: 150px !important;
}

/*Css for rating input form*/
.rating {
    float: left;
}

    .rating span {
        float: right;
        position: relative;
    }

        .rating span input {
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0;
            width: 30px;
            height: 30px;
        }

        .rating span i {
            display: inline-block;
            width: 30px;
            height: 30px;
            text-align: center;
            color: #ccc;
            font-size: 30px;
            margin-right: 2px;
            line-height: 30px;
            cursor: pointer;
        }

        .rating span:hover ~ span i,
        .rating span:hover i,
        .rating span.checked i,
        .rating span.checked ~ span i {
            color: #F90;
        }

@media (max-device-width: 320px) {
    .panel-wava {
        display: none;
    }
}

@media (max-device-width: 481px) {
    .panel-wava {
        display: none;
    }
}

@media (max-device-width: 641px) {
    .panel-wava {
        display: none;
    }
}

@media (max-device-width: 768px) {
    .panel-wava {
        display: none;
    }
}

/* Loader */
@media (min-width: 1500px) {
    .loader {
        padding-left: 34vw !important;
        padding-right: 34vw !important;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 1100px) and (max-width: 1499px) {
    .loader {
        padding-left: 28vw !important;
        padding-right: 28vw !important;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 1099px) {
    .loader {
        padding-left: 25vw !important;
        padding-right: 25vw !important;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .loader {
        padding-left: 20vw !important;
        padding-right: 20vw !important;
    }
}

@media (max-width: 767px) {
    .btn-block-mobile {
        display: block;
        width: 100%;
    }
}

.share-menu {
    min-width: 64px !important;
    width: 64px;
    font-size: 32px;
}

.search-form {
    background-color: var(--color-primary);
    position: fixed;
    width: 100%;
    min-height: 141px;
    z-index: 100;
    overflow-x: hidden;
    /*padding-top: 11px!important;*/
}

.p-xxs {
    padding: 2px !important;
}

.search-input {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding-left: 5px;
    padding-bottom: 5px;
    height: 40px !important;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.search-tutors {
    padding-top: 140px;
}

/*@media (min-width: 1200px) {
    .static-sidebar {
        position:fixed!important;
    }
}*/
.comments-container {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #b2b2b2;
}

.comments-heading {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.45;
    color: #424242;
}

.comments-content {
    color: rgba(0, 0, 0, 0.54);
}

.comments-footer {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
    font-size: 12px;
    line-height: 1.35;
    color: #bdbdbd;
}

.loaded {
    width: 200px;
    height: 200px;
}

/* IQ CSS */
#splashscreen .modal-dialog {
    text-align: center;
    margin: 2.5vh auto;
}

#splashscreen .modal-content {
    display: inline-block;
    /*height: 95vh;*/
}

#splashscreen .modal-body {
    display: table-cell;
    vertical-align: middle;
    /*height: 95vh;*/
    padding: 0px;
}

    #splashscreen .modal-body img {
        /*width: 100%;*/
        max-width: 95vw;
        max-height: 95vh;
    }

#splashscreen .prev-image {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #66bb6a;
    color: white;
}

#splashscreen .next-image {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #66bb6a;
    color: white;
}

#splashscreen a:hover {
    background-color: #66BB7F;
}

.panel-selecter {
    color: var(--color-primary);
    font-size: 22px;
    background-color: #fff;
}

    .panel-selecter .card-link {
        text-align: center;
        padding: 12px 0px !important;
    }

        .panel-selecter .card-link:hover {
            color: #fff;
            background-color: var(--color-primary);
        }

.panel-selecter-selected {
    color: #fff;
    background-color: var(--color-primary);
}

.panel-question {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .panel-question img {
        margin: auto;
    }

    .panel-question .panel-heading {
        line-height: 24px !important;
        padding: 0px;
    }

        .panel-question .panel-heading h1 {
            color: #1f4788 !important;
            padding-left: 8px;
            font-weight: 300;
            margin: 0px;
        }

        .panel-question .panel-heading table {
            font-size: 16px;
            font-weight: 300;
        }

        .panel-question .panel-heading thead {
            color: orange;
        }

        .panel-question .panel-heading .question-border {
            height: 2px;
            width: 97%;
            margin: auto;
            margin-top: 8px;
            margin-bottom: 2px;
            opacity: 0.65;
            background-color: #1f4788;
        }

        .panel-question .panel-heading .panel-heading-left {
            color: rgba(255, 255, 255, 0.75) !important;
            text-align: center;
            font-size: 18px;
            font-weight: 100;
            padding: 8px 8px 0px 8px;
            background-color: #46C836;
        }

        .panel-question .panel-heading .panel-heading-right {
            padding: 0px 4px 0px 4px;
            color: #1f4788;
        }

            .panel-question .panel-heading .panel-heading-right i {
                vertical-align: middle;
                color: yellow;
                padding-left: 8px;
            }

            .panel-question .panel-heading .panel-heading-right .panel-points {
                font-size: 30px;
                font-weight: 200;
                color: #0f2a54;
                vertical-align: middle;
                margin: 0px;
                display: inline;
            }

                .panel-question .panel-heading .panel-heading-right .panel-points img {
                    vertical-align: middle;
                    display: inline;
                    margin-left: 0px;
                    margin-right: 0px;
                }

        .panel-question .panel-heading .panel-heading-open {
            background-color: #46C836 !important;
            display: none;
            padding-top: 8px;
            padding-bottom: 8px;
            vertical-align: middle;
            text-align: center;
        }

            .panel-question .panel-heading .panel-heading-open h2 {
                font-size: 24px;
                display: inline-block;
                padding: 0px 8px 0px 0px;
                margin-top: 8px;
            }

            .panel-question .panel-heading .panel-heading-open i {
                position: absolute;
                right: 12px;
                bottom: 12px;
                color: yellow;
            }

            .panel-question .panel-heading .panel-heading-open img {
                display: inline;
                margin-left: 0px;
                margin-right: 8px;
                float: left;
                position: relative;
            }

        .panel-question .panel-heading h2 {
            color: white !important;
        }

    .panel-question .panel-footer {
        margin-top: -1px;
        border-top: 1px solid #1e2126;
        z-index: 5;
        position: relative;
        background-color: #46C836 !important;
    }

@media (max-width: 1270px) and (min-width: 1200px) {
    #position {
        width: 64%;
        margin-left: 18% !important;
    }

        #position img {
            /*margin: auto;*/
        }

        #position h3 {
            font-size: 22px;
        }

        #position h4 {
            font-size: 16px;
        }

    #leaderbord .card {
        width: 120%;
        margin-left: -10% !important;
    }

    #leaderbord h3 {
        font-size: 22px;
    }

    #leaderbord h4 {
        font-size: 16px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .panel-selecter {
        font-size: 14px;
    }

    .panel-body {
        padding-top: 12px !important;
    }

    .panel-question .panel-body {
        padding: 0px !important;
    }

    .panel-question {
        margin-bottom: 12px;
    }

        .panel-question .panel-heading h1 {
            padding-left: 4px;
            font-size: 24px;
            font-weight: 300;
        }

        .panel-question .panel-heading table {
            font-size: 13px;
            font-weight: 300;
        }

        .panel-question .panel-heading .question-border {
            height: 0.05em;
            width: 95%;
            background-color: #1f4788;
        }

        .panel-question .panel-heading .panel-heading-left {
            line-height: 20px;
        }

        .panel-question .panel-heading .panel-heading-right .panel-points {
            font-size: 24px;
            vertical-align: middle;
        }

        .panel-question .panel-heading td {
            padding: 5px;
        }

        .panel-question .panel-heading .panel-heading-open h2 {
            font-size: 18px;
        }

    #leaderbord h3 {
        font-size: 22px;
    }

    #leaderbord h4 {
        font-size: 16px;
    }
}

#leaderbord .text-left {
    padding-right: 0px;
}

.iq-question {
    border-bottom: 1px solid #1e2126;
}

    .iq-question h4 {
        font-size: 28px;
    }

    .iq-question div {
        font-size: 20px;
    }

.iq-answer-radio {
    min-height: 0px !important;
    border-bottom: 1px solid #BDBDBD;
    padding: 8px 0px 8px 0px !important;
    margin: 0px !important;
}

    .iq-answer-radio label {
        font-size: 20px !important;
        color: #505050 !important;
    }

#iq-answers .circle {
    margin-top: 2px;
    width: 20px;
    height: 20px;
}

#iq-answers .check {
    margin-top: 2px;
    width: 20px;
    height: 20px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}



#leaderbord .card-link:hover {
    color: #fff !important;
    background-color: var(--color-primary);
}

#leaderbord .card-link h3 {
    color: #1f4788 !important;
}

#leaderbord .card-link:hover h3 {
    color: #fff !important;
}

#leaderbord .card-link h4 {
    color: #1f4788 !important;
}

#leaderbord .card-link:hover h4 {
    color: #fff !important;
}

.checkmark {
    position: absolute;
    top: 11px;
    left: 9px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid var(--color-primary-dark);
    z-index: 1000;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

    .checkmark:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 12px;
        background-color: var(--color-primary-dark);
        left: 8px;
        top: 2px;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        width: 6px;
        height: 4px;
        background-color: var(--color-primary-dark);
        left: 4px;
        top: 10px;
    }

.crossmark {
    position: absolute;
    top: 11px;
    left: 9px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #e74c3c;
    z-index: 1000;
}

    .crossmark:before {
        content: "";
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        position: absolute;
        width: 4px;
        height: 12px;
        background-color: #e74c3c;
        left: 7px;
        top: 3px;
    }

    .crossmark:after {
        content: "";
        -ms-transform: rotate(-45deg); /* IE 9 */
        -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
        transform: rotate(-45deg);
        position: absolute;
        width: 4px;
        height: 12px;
        background-color: #e74c3c;
        left: 7px;
        top: 3px;
    }

/* Wallet CSS*/

.wallet-amount-tile {
    height: 144px;
    background-color: var(--color-primary);
    color: #E8F5E9;
    margin: 0;
}

    .wallet-amount-tile .tile-heading {
        font-size: large;
    }

    .wallet-amount-tile .tile-body {
        font-size: 40px;
    }

.wallet-action {
    /*background-color: #F1F1F1;*/
    color: #2B2728;
    height: 190px;
    line-height: 55px;
    padding: 20px 60px;
    margin: 0px;
}

    .wallet-action .card-body {
        padding: 0px;
    }

    .wallet-action:hover {
        background-color: var(--color-primary);
        color: var(--color-text);
    }

    .wallet-action i {
        color: var(--color-primary);
        margin: 0px;
    }

    .wallet-action:hover i {
        color: var(--color-text);
    }

    .wallet-action h3 {
        font-size: 34px;
        color: rgb(62, 62, 66);
        font-weight: 300;
        margin: 0px;
    }

    .wallet-action:hover h3 {
        color: var(--color-text);
    }

.wallet-actions p {
    margin-top: 20px;
    padding: 0px 16px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    color: #6D6E71;
}

.wallet-actions strong {
    color: var(--color-primary);
}

.wallet-action-left {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.wallet-action-right {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}

@media(min-width: 1756px)and (max-width: 1860px) {
    .wallet-action {
        padding: 18px 45px;
    }
}


@media(min-width: 1626px) and (max-width: 1757px) {
    .wallet-action {
        padding: 18px 40px;
        height: 185px;
    }

        .wallet-action h3 {
            font-size: 32px;
        }
}

@media(min-width: 1494px) and (max-width: 1625px) {
    .wallet-action {
        padding: 18px 28px;
        height: 180px;
    }

        .wallet-action h3 {
            font-size: 30px;
        }
}

@media(min-width: 1370px) and (max-width: 1493px) {
    .wallet-action {
        height: 175px;
        padding: 18px 26px;
    }

        .wallet-action h3 {
            font-size: 28px;
        }

    .wallet-action-left {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .wallet-action-right {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media(min-width: 1202px) and (max-width: 1369px) {
    .wallet-action {
        height: 165px;
        padding: 18px 20px;
    }

        .wallet-action h3 {
            font-size: 24px;
        }

    .wallet-action-left {
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .wallet-action-right {
        padding-right: 18px;
        padding-left: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media(min-width: 1034px) and (max-width: 1201px) {
    .wallet-action {
        height: 160px;
        padding: 18px 16px;
    }

        .wallet-action h3 {
            font-size: 20px;
        }

    .wallet-actions p {
        padding: 0px 8px;
        font-size: 16px;
    }

    .wallet-action-left {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .wallet-action-right {
        padding-right: 14px;
        padding-left: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media(min-width: 992px) and (max-width: 1033px) {
    .wallet-action {
        height: 140px;
        padding: 18px 12px;
    }

        .wallet-action i {
            font-size: 3em;
        }

        .wallet-action h3 {
            font-size: 20px;
        }

    .wallet-actions p {
        padding: 0px 8px;
        font-size: 16px;
    }

    .wallet-action-left {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .wallet-action-right {
        padding-right: 12px;
        padding-left: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wallet-action {
        padding: 20px 30px;
    }

    .wallet-action-left {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .wallet-action-right {
        padding-right: 25px;
        padding-left: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 308px) and (max-width: 767px) {
    .wallet-amount-tile {
        height: 116px;
    }

        .wallet-amount-tile .tile-heading {
            font-size: 16px;
        }

        .wallet-amount-tile .tile-body {
            font-size: 30px;
        }

    .wallet-action {
        height: 140px;
        padding: 18px 50px;
    }

        .wallet-action i {
            font-size: 3em;
        }

        .wallet-action h3 {
            font-size: 22px;
        }

    .wallet-actions p {
        margin-top: 18px;
        padding: 0px 10px;
        font-size: 16px;
    }

    .wallet-action-left {
        padding: 8px 16px;
    }

    .wallet-action-right {
        padding: 8px 16px;
    }

    .search-tutors {
        padding-top: 175px !important;
    }

        .search-tutors h2 {
            margin-top: 4px;
            margin-bottom: 4px;
        }

    .card-link {
        margin-bottom: 16px;
    }
}

@media (max-width: 307px) {
    .wallet-amount-tile {
        height: 80px;
    }

        .wallet-amount-tile .tile-heading {
            font-size: 12px;
        }

        .wallet-amount-tile .tile-body {
            font-size: 22px;
        }

    .wallet-action {
        height: 130px;
        padding: 16px 14px;
    }

        .wallet-action i {
            font-size: 3em;
        }

        .wallet-action h3 {
            font-size: 18px;
        }

    .wallet-actions p {
        margin-top: 18px;
        padding: 0px 10px;
        font-size: 14px;
    }

    .wallet-action-left {
        padding: 8px 8px;
    }

    .wallet-action-right {
        padding: 8px 8px;
    }

    .search-tutors {
        padding-top: 175px !important;
    }

    .card-link {
        margin-bottom: 16px;
    }
}

/* Top Up CSS*/

.panel-topup-header {
    background-color: var(--color-primary);
}

    .panel-topup-header .panel-body {
        background-color: var(--color-primary);
        color: var(--color-text);
    }

    .panel-topup-header p {
        font-size: 16px;
        margin: 0px;
    }

.panel-topup-form {
}

    .panel-topup-form .panel-heading {
        color: var(--color-text);
        background-color: var(--color-primary);
    }

        .panel-topup-form .panel-heading h2 {
            color: var(--color-text);
            opacity: 1;
            font-size: 18px;
            font-weight: 300;
            padding: 20px 0;
        }

    .panel-topup-form .panel-body .btn-primary {
        background-color: var(--color-primary);
        font-weight: 300;
    }

        .panel-topup-form .panel-body .btn-primary:hover {
            background-color: var(--color-primary) !important;
            opacity: 0.8 !important;
        }

.topup-options {
    font-size: 18px;
}


    .topup-options h3 {
        margin: 4px 0px 16px;
    }


    .topup-options .well {
        width: 100%;
        max-width: 180px;
        min-width: 110px;
        max-height: 80px;
        min-height: 70px;
        margin-bottom: 0px !important;
        padding: 8px 8px !important;
        text-align: center;
        display: table; /*acts like a table*/
    }



        .topup-options .well h4 {
            vertical-align: middle; /*middle centred*/
            display: table-cell; /*acts like a table cell*/
        }

    .topup-options .payment-desc {
        max-height: 80px;
        min-height: 70px;
        display: table;
    }

        .topup-options .payment-desc p {
            font-weight: 300;
            margin: 0;
            vertical-align: middle; /*middle centred*/
            display: table-cell; /*acts like a table cell*/
        }

.topup-options-prefered {
    margin: -8px -10px;
    padding: 8px;
    border: 2px solid var(--color-primary);
}

    .topup-options-prefered .well {
        background-color: var(--color-primary) !important;
    }

    .topup-options-prefered h4 {
        color: var(--color-text) !important;
    }

    .topup-options-prefered p::after {
        content: "\a (Recommended)";
        white-space: pre;
        color: var(--color-primary);
    }

@media (max-width: 1200px) and (min-width: 992px) {
    .panel-topup-form .panel-body {
        height: 406px !important;
    }

    .topup-options .payment-desc p {
        padding-left: 22px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .panel-topup-form .panel-body {
        height: 382px;
        display: table !important; /*acts like a table*/
    }

    .panel-topup-form form {
        vertical-align: middle !important; /*middle centred*/
        display: table-cell !important; /*acts like a table cell*/
    }

    .panel-topup-form .form-group {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .panel-topup-header {
        margin-bottom: 10px;
    }

        .panel-topup-header p {
            font-size: 14px;
        }

    .panel-topup-form {
        margin-bottom: 10px;
    }

        .panel-topup-form .panel-body .btn-primary {
            width: 100%;
        }

    .topup-options h3 {
        font-size: 20px;
    }

    .topup-options .well {
        width: 100%;
        min-width: 100%;
    }

    .toolbar-icon-bg {
        width: auto !important;
    }

    #topnav .navbar-nav.toolbar > li {
        display: none;
    }

        #topnav .navbar-nav.toolbar > li:last-child {
            display: block !important;
        }

    .chart {
        min-height: 150px
    }
}

#topnav .navbar-nav.toolbar > li:last-child {
    display: none;
}

.favorite-icon {
    padding-left: 4px;
    vertical-align: sub;
    color: #B90000;
    position: relative;
    z-index: 999;
}

.favorite i {
    vertical-align: sub;
    color: #B90000;
}

.favorite:hover i {
    color: rgba(0, 0, 0, 0.3);
}

.favorite-icon:hover {
    color: rgba(0, 0, 0, 0.3);
}

.not-favorite-icon {
    padding-left: 4px;
    vertical-align: sub;
    color: rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 999;
}

.not-favorite i {
    vertical-align: sub;
    color: rgba(0, 0, 0, 0.3);
}

.not-favorite:hover i {
    color: #B90000;
}

.not-favorite-icon:hover {
    color: #B90000;
}


.GaugeMeter {
    position: Relative;
    text-align: Center;
    overflow: Hidden;
    cursor: Default;
    display: inline-block;
}

    .GaugeMeter SPAN, .GaugeMeter B {
        width: 54%;
        position: Absolute;
        text-align: Center;
        display: Inline-Block;
        color: RGBa(0,0,0,.8) !important;
        font-weight: 100;
        font-family: "Open Sans", Arial;
        overflow: Hidden;
        white-space: NoWrap;
        text-overflow: Ellipsis;
        margin: 0 23%;
    }

    .GaugeMeter[data-style="Semi"] B {
        width: 80%;
        margin: 0 10%;
    }

    .GaugeMeter S, .GaugeMeter U {
        text-decoration: None;
        font-size: .60em;
        font-weight: 200;
        opacity: .6;
    }

    .GaugeMeter B {
        color: #000;
        font-weight: 200;
        opacity: .8;
    }

.sub {
    vertical-align: sub;
    cursor: pointer;
    color: #C1C1C1;
}

.popover-content {
    padding: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #1a1a1a;
    padding: 10px;
}

.header-heading {
    margin: 0px;
    display: block;
    height: 64px;
    padding: 14px 8px;
    line-height: 32px;
    font-weight: 300;
    font-size: 30px;
}

.bursary-login {
    overflow: hidden;
}

    .bursary-login .card-bursary-image {
        cursor: pointer;
        width: 100%;
        padding-top: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transition-duration: 500ms;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

        .bursary-login .card-bursary-image:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.bursary {
    background-color: #C7C8CA !important;
}

.info-tile.info-tile-alt.tile-bursary .info {
    background-color: var(--color-primary) !important;
    color: #f1f8e9 !important;
}

.info-tile.info-tile-alt.tile-bursary .stats {
    background-color: var(--color-primary-light) !important;
}


.panel.panel-bursary {
    border-color: #fcfcfc;
}

    .panel.panel-bursary .panel-heading {
        color: #fcfcfc;
        background-color: #939498;
        border-color: #939498;
    }

        .panel.panel-bursary .panel-heading h2 {
            color: #fcfcfc;
        }

            .panel.panel-bursary .panel-heading h2 i.separator {
                background-color: rgba(97, 97, 97, 0.125);
            }

        .panel.panel-bursary .panel-heading .panel-ctrls .button-icon {
            color: rgba(220, 220, 220, 0.5);
        }

            .panel.panel-bursary .panel-heading .panel-ctrls .button-icon:hover {
                color: #616161;
                background-color: rgba(220, 220, 220, 0.125);
            }

        .panel.panel-bursary .panel-heading .panel-ctrls i.separator {
            background-color: rgba(97, 97, 97, 0.125);
        }

        .panel.panel-bursary .panel-heading .nav-tabs li > a {
            color: rgba(255, 255, 255, 0.5);
        }

        .panel.panel-bursary .panel-heading .nav-tabs li:hover > a {
            color: #fff;
            background: #fafafa;
        }

.chart {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 450px
}

.dataTables_length select {
    height: 30px;
    line-height: 30px;
}

.pac-container {
    z-index: 9999;
}

.table-timeslots {
    border: none !important;
    font-size: 16px;
}

.packages-table {
    font-size: 16px;
    text-align: center;
}

.title-subject {
    font-weight: 500;
    color: black;
}

.subject-sub-title {
    font-size: 14px;
    font-weight: 500;
    color: #A6A6A6;
}

.add-subject .select2-container {
    background-color: #FFFFFF;
    color: #2fbb3a;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 18px
}

.add-subject .select2-container--default .select2-selection--single {
    color: #2fbb3a;
    height: 45px !important;
    padding: 9px 4px 4px 10px !important;
    border-radius: 18px
}

.add-subject .select2-selection__placeholder {
    color: #2fbb3a !important;
}

.add-subject .select2-selection__arrow {
    top: 8px !important;
    right: 4px !important;
    color: #2fbb3a !important;
}

    .add-subject .select2-selection__arrow > b {
       border-bottom-color: #2fbb3a !important;
       border-top-color: #2fbb3a !important;
    }

.badge-subject {
    background-color: #FFFFFF;
    color: #2fbb3a;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 14px;
    margin: 8px;
    border-radius: 18px;
    cursor: default;
}

.subject-remove {
    color: #2fbb3a;
    cursor: pointer;
    font-size: 16px;
    margin: 0px 0px 0px 5px;
}

.pln{color:#48484C}.str{color:#D14}.kwd{color:#1E347B}.com{color:#93A1A1}.typ{color:teal}.lit{color:#195F91}.pun{color:#93A1A1}.opn{color:#93A1A1}.clo{color:#93A1A1}.tag{color:#008}.atn{color:teal}.atv{color:#D14}.dec{color:teal}.var{color:teal}.fun{color:#DC322F}pre.prettyprint{background-color:#F7F7F9;padding:10px;border:1px solid #E1E1E8;margin-bottom:20px 0!important}pre.prettyprint.linenums{box-shadow:40px 0 0 #FBFBFC inset,41px 0 0 #ECECF0 inset}ol.linenums{color:#1E347B;margin:0}ol.linenums li{color:#BEBEC5;line-height:18px;padding-left:12px;text-shadow:0 0 0 #FFF}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style:normal}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}

.dropdownjs {
  position: relative;
}
.dropdownjs  * {
  box-sizing: border-box;
}
.dropdownjs > input {
  width: 100%;
  padding-right: 30px;
  text-overflow: ellipsis;
}
.dropdownjs > input.focus ~ ul {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.dropdownjs > ul {
  position: absolute;
  padding: 0;
  margin: 0;
  min-width: 200px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: 10000;
}
.dropdownjs > ul[placement=top-left] {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  bottom: 0;
  left: 0;
}
.dropdownjs > ul[placement=bottom-left] {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  top: 0;
  left: 0;
}
.dropdownjs > ul  > li {
  list-style: none;
  padding: 10px 20px;
}
.dropdownjs > ul  > li.dropdownjs-add {
  padding: 0;
}
.dropdownjs > ul  > li.dropdownjs-add > input {
  border: 0;
  padding: 10px 20px;
  width: 100%;
}

/* Theme */
.dropdownjs > input[readonly] {
  cursor: pointer;
}
select[data-dropdownjs][disabled] + .dropdownjs > input[readonly] {
  cursor: default;
}
.dropdownjs > ul {
  background: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-transform 0.2s ease-out;
          transition: transform 0.2s ease-out;
  padding: 10px;
  overflow: auto;
  max-width: 500px;
}
.dropdownjs > ul > li {
  cursor: pointer;
  word-wrap: break-word;
}
.dropdownjs > ul > li.selected,
.dropdownjs > ul > li:active {
  background-color: #eaeaea;
}
.dropdownjs > ul > li:focus {
  outline: 0;
  outline: 1px solid #d4d4d4;
}
.dropdownjs > ul > li > .close:before {
  content: "\00d7";
  display: block;
  position: absolute;
  right: 15px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .6;
}
.dropdownjs > ul > li:h > .close:hover:before {
  opacity: .9;
}

.skylo {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
    z-index: 99999;
    border-radius: 0 !important;
}

.skylo .bar{
    width:0%;
    height: 5px;
    margin:0;
    position:relative;
}

.skylo span{
    width:50px;
    height: 100%;
    display:block;
    position:absolute;
    top:0;
    right:0;
   -moz-box-shadow: rgb(26, 140, 255) 1px 0 6px 1px;
	-ms-box-shadow: rgb(26, 140, 255) 1px 0 6px 1px;
	-webkit-box-shadow: rgb(26, 140, 255) 1px 0 10px 1px;
	box-shadow: rgb(26, 140, 255) 1px 0 10px 1px;
	/*-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;*/
    opacity: 0.6;
}

.skylo .bar-success span{
  -moz-box-shadow: rgb(26, 140, 255) 1px 0 6px 1px;
	-ms-box-shadow: rgb(26, 140, 255)  1px 0 6px 1px;
	-webkit-box-shadow: rgb(26, 140, 255)  1px 0 10px 1px;
	box-shadow: rgb(26, 140, 255)  1px 0 10px 1px;
}

.skylo .bar-warning span{
  -moz-box-shadow: rgb(26, 140, 255)  1px 0 6px 1px;
	-ms-box-shadow: rgb(26, 140, 255)  1px 0 6px 1px;
	-webkit-box-shadow:rgb(26, 140, 255)  1px 0 10px 1px;
	box-shadow: rgb(26, 140, 255)  1px 0 10px 1px;
}

.skylo .bar-danger span{
  -moz-box-shadow: rgb(219,82,75) 1px 0 6px 1px;
	-ms-box-shadow: rgb(219,82,75) 1px 0 6px 1px;
	-webkit-box-shadow:rgb(219,82,75) 1px 0 10px 1px;
	box-shadow: rgb(219,82,75) 1px 0 10px 1px;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:40px;padding:4px 4px 4px 2px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:40px;padding:4px 4px 4px 2px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.select2-container .select2-selection--single {
    height:40px!important;
    padding:4px 4px 4px 2px!important;}
.select2-container .select2-selection--single .select2-selection__rendered {
      padding-left: 2px;
      padding-right: 2px; }
.select2-container .select2-selection--multiple {
    min-height:40px!important;
    padding:4px 4px 4px 2px!important;}

.select2-selection__clear {
    margin-right: 15px!important;
}
#snackbar-container{position:fixed;left:20px;bottom:0;z-index:99999}.snackbar{overflow:hidden;clear:both;min-width:288px;max-width:568px;cursor:pointer;opacity:0}.snackbar.snackbar-opened{height:auto;opacity:1}@media (max-width:767px){#snackbar-container{left:0!important;right:0;width:100%}#snackbar-container .snackbar{min-width:100%}#snackbar-container [class="snackbar snackbar-opened"]~.snackbar.toast{margin-top:20px}#snackbar-container [class="snackbar snackbar-opened"]{border-radius:0;margin-bottom:0}}
.fs-editor-wrapper {
  position: relative;
}
/*.fs-editor-wrapper .fs-editor {
  min-height: 100px;
}*/
.fs-editor-wrapper .fs-editor.expanded {
  position: fixed;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  z-index: 102;
}
.fs-editor-wrapper .fs-editor.expanded.transition-fade {
  opacity: 0;
}
.fs-editor-wrapper .fs-editor .fs-editable {
  display: block;
  height: 100%;
  padding: 10px;
  overflow: auto;
  background-color: #fcfcfc;
  border: 1px #e3e3e3 solid;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01);
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01);
  -moz-transition: border-color .1s linear;
  -webkit-transition: border-color .1s linear;
  transition: border-color .1s linear;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fs-editor-wrapper .fs-editor .fs-editable:focus {
  outline: 0;
  background-color: #fff;
  border: 1px #3498db solid;
  box-shadow: 0 0px 1px 0px #e1f0fa;
}
.fs-editor-wrapper .fs-editor .fs-editable.placeholder {
  color: #999;
  font-style: italic;
  font-weight: 100;
}
.fs-editor-wrapper .fs-editor .fs-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 12px;
  height: 14px;
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA4LzE2LzEzspl6ugAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAB7SURBVDiN7ZOxCsAgDESvxXyhi5P/Fif/0i6NGJH2KIUufVOUJB45s6lqw0DOGQylFHfeqSqCYEGMESJCF6aUAAC1Vt9IRPolixtDG1DVxjLnhtVL8yAvlZy8Nuy/0T1L19g1cY3Mavupd9bPWL5T9ERJV2SBrcfn238A3whjoYEPESwAAAAASUVORK5CYII=');*/
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  
  cursor: pointer;
  z-index: 103;
}

.fs-icon {color: #ccc;}
.fs-icon:hover {color: #999; text-decoration: none;}
.fs-icon:before {content: "\f0b2";}

.fs-editor-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 101;
  opacity: 0;
}
/* Ion.RangeSlider
// css version 1.8.5
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 10%;
        }
        .irs-line-mid {
            left: 10%; width: 80%;
        }
        .irs-line-right {
            right: 0; width: 10%;
        }

    .irs-diapason {
        position: absolute; display: block;
        left: 0; width: 100%;
    }
    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {
            left: 10px;
        }
            .irs-slider.single:before {
                position: absolute; display: block; content: "";
                top: -30%; left: -30%;
                width: 160%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.from {
            left: 100px;
        }
            .irs-slider.from:before {
                position: absolute; display: block; content: "";
                top: -30%; left: -30%;
                width: 130%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.to {
            left: 300px;
        }
            .irs-slider.to:before {
                position: absolute; display: block; content: "";
                top: -30%; left: 0;
                width: 130%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }


.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        width: 100px;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
/* Ion.RangeSlider, Flat UI Skin
// css version 1.8.5
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-diapason,
.irs-slider {
    background: url(/Content/template/assets/plugins/Ion.RangeSlider/img/sprite-skin-flat.png) repeat-x;
}

.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 12px; top: 25px;
}
    .irs-line-left {
        height: 12px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 12px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 12px;
        background-position: 100% -30px;
    }

.irs-diapason {
    height: 12px; top: 25px;
    background-position: 0 -60px;
}

.irs-slider {
    width: 16px; height: 18px;
    top: 22px;
    background-position: 0 -90px;
}
#irs-active-slider, .irs-slider:hover {
    background-position: 0 -120px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #ed5565;
    border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    bottom: -6px; left: 50%;
    width: 0; height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}


.irs-grid-pol {
    background: #e1e4e9;
}
.irs-grid-text {
    color: #999;
}

.irs-disabled {
}
.croppie-container {
	padding: 30px;
}
.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
    max-width: none;
}

.croppie-container .cr-boundary {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
}

.croppie-container .cr-viewport {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
	z-index: 0;
}
.croppie-container .cr-vp-circle {
	border-radius: 50%;
}
.croppie-container .cr-overlay {
	z-index: 1;
	position: absolute;
	cursor: move;
}
.croppie-container .cr-slider-wrap {
	width: 75%;
	margin: 0 auto;
	margin-top: 25px;
	text-align: center;
}
.croppie-result {
	position: relative; 
	overflow: hidden;
}
.croppie-result img {
	position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay, 
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;/*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;/*required for proper track sizing in FF*/
    max-width: 100%;
}
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '↺';
}
.cr-rotate-r i:before {
    content: '↻';
}

.br-theme-bootstrap-stars .br-widget {
  height: 42px;
  white-space: nowrap;
}
.br-theme-bootstrap-stars .br-widget a {
  font: normal normal normal 36px/1 'Glyphicons Halflings';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 6px;
}
.br-theme-bootstrap-stars .br-widget a:after {
  content: '\e006';
  color: #d2d2d2;
}
.br-theme-bootstrap-stars .br-widget a.br-active:after {
  color: #EDB867;
}
.br-theme-bootstrap-stars .br-widget a.br-selected:after {
  color: #EDB867;
}
.br-theme-bootstrap-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-bootstrap-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-bootstrap-stars .br-widget a:after {
    content: '\e007';
    color: black;
  }
  .br-theme-bootstrap-stars .br-widget a.br-active:after,
  .br-theme-bootstrap-stars .br-widget a.br-selected:after {
    content: '\e006';
    color: black;
  }
}

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}

