Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 
 
 

22309 строки
748 KiB

  1. /*********************************
  2. METRONIC ROUNDED STYLE COMPONENTS
  3. *********************************/
  4. /* Cubic Bezier Transition */
  5. /***
  6. General reset
  7. ***/
  8. /* Set default body */
  9. body {
  10. color: #333333;
  11. font-family: "Open Sans", sans-serif;
  12. padding: 0px !important;
  13. margin: 0px !important;
  14. direction: "ltr";
  15. font-size: 14px; }
  16. /*
  17. Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
  18. properly apply the media queries in Bootstrap's CSS. To address this,
  19. you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
  20. */
  21. @-webkit-viewport {
  22. width: device-width; }
  23. @-moz-viewport {
  24. width: device-width; }
  25. @-ms-viewport {
  26. width: device-width; }
  27. @-o-viewport {
  28. width: device-width; }
  29. @viewport {
  30. width: device-width; }
  31. /*
  32. Internet Explorer 10 doesn't differentiate device width from viewport width,
  33. and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied
  34. */
  35. @-ms-viewport {
  36. width: auto !important; }
  37. .md-shadow-z-1 {
  38. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); }
  39. .md-shadow-z-1-i {
  40. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important; }
  41. .md-shadow-z-1-hover {
  42. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22); }
  43. .md-shadow-z-2 {
  44. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); }
  45. .md-shadow-z-2-i {
  46. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; }
  47. .md-shadow-z-2-hover {
  48. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); }
  49. .md-shadow-z-3 {
  50. box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23); }
  51. .md-shadow-z-3-i {
  52. box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important; }
  53. .md-shadow-z-3-hover {
  54. box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26); }
  55. .md-shadow-z-4 {
  56. box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22); }
  57. .md-shadow-z-4-i {
  58. box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important; }
  59. .md-shadow-z-5 {
  60. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22); }
  61. .md-shadow-z-5-i {
  62. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important; }
  63. .md-shadow-none {
  64. box-shadow: none !important; }
  65. .md-click-circle {
  66. display: block;
  67. position: absolute;
  68. background: rgba(0, 0, 0, 0.2);
  69. border-radius: 50%;
  70. opacity: 0;
  71. -webkit-animation: scale(0);
  72. -moz-transform: scale(0);
  73. transform: scale(0); }
  74. .md-click-circle.md-click-animate {
  75. -webkit-animation: mdClickEffect 0.65s linear;
  76. -moz-animation: mdClickEffect 0.65s linear;
  77. animation: mdClickEffect 0.65s linear; }
  78. @-webkit-keyframes mdClickEffect {
  79. 0% {
  80. opacity: 1;
  81. -webkit-transform: scale(0); }
  82. 100% {
  83. opacity: 0 !important;
  84. -webkit-transform: scale(2.5); } }
  85. @-moz-keyframes mdClickEffect {
  86. 0% {
  87. opacity: 1;
  88. -webkit-transform: scale(0); }
  89. 100% {
  90. opacity: 0 !important;
  91. -moz-transform: scale(2.5); } }
  92. @keyframes mdClickEffect {
  93. 0% {
  94. opacity: 1;
  95. -webkit-transform: scale(0); }
  96. 100% {
  97. opacity: 0 !important;
  98. transform: scale(2.5); } }
  99. .form-group.form-md-line-input {
  100. position: relative;
  101. margin: 0 0 35px 0;
  102. padding-top: 20px; }
  103. .form-horizontal .form-group.form-md-line-input {
  104. padding-top: 10px;
  105. margin-bottom: 20px;
  106. margin: 0 -15px 20px -15px; }
  107. .form-horizontal .form-group.form-md-line-input > label {
  108. padding-top: 5px;
  109. font-size: 14px;
  110. color: #888888;
  111. opacity: 1 ;
  112. filter: alpha(opacity=100) ; }
  113. .form-group.form-md-line-input .form-control {
  114. background: none;
  115. border: 0;
  116. border-bottom: 1px solid #c2cad8;
  117. -webkit-border-radius: 0;
  118. -moz-border-radius: 0;
  119. -ms-border-radius: 0;
  120. -o-border-radius: 0;
  121. border-radius: 0;
  122. color: #555555;
  123. box-shadow: none;
  124. padding-left: 0;
  125. padding-right: 0;
  126. font-size: 14px; }
  127. .form-group.form-md-line-input .form-control::-moz-placeholder {
  128. color: #999;
  129. opacity: 1; }
  130. .form-group.form-md-line-input .form-control:-ms-input-placeholder {
  131. color: #999; }
  132. .form-group.form-md-line-input .form-control::-webkit-input-placeholder {
  133. color: #999; }
  134. .form-group.form-md-line-input .form-control.form-control-static {
  135. border-bottom: 0; }
  136. .form-group.form-md-line-input .form-control.input-sm {
  137. font-size: 14px;
  138. padding: 6px 0; }
  139. .form-group.form-md-line-input .form-control.input-lg {
  140. font-size: 20px;
  141. padding: 14px 0; }
  142. .form-group.form-md-line-input .form-control ~ label,
  143. .form-group.form-md-line-input .form-control ~ .form-control-focus {
  144. width: 100%;
  145. position: absolute;
  146. left: 0;
  147. bottom: 0;
  148. pointer-events: none; }
  149. .form-horizontal .form-group.form-md-line-input .form-control ~ label, .form-horizontal
  150. .form-group.form-md-line-input .form-control ~ .form-control-focus {
  151. width: auto;
  152. left: 15px;
  153. right: 15px; }
  154. .form-group.form-md-line-input .form-control ~ label:after,
  155. .form-group.form-md-line-input .form-control ~ .form-control-focus:after {
  156. content: '';
  157. position: absolute;
  158. z-index: 5;
  159. bottom: 0;
  160. left: 50%;
  161. width: 0;
  162. height: 2px;
  163. width: 0;
  164. visibility: hidden;
  165. transition: 0.2s ease all; }
  166. .form-group.form-md-line-input .form-control ~ label {
  167. top: 0;
  168. margin-bottom: 0;
  169. font-size: 14px;
  170. color: #888888;
  171. opacity: 1 ;
  172. filter: alpha(opacity=100) ; }
  173. .form-group.form-md-line-input .form-control ~ .help-block-error {
  174. opacity: 1 ;
  175. filter: alpha(opacity=100) ; }
  176. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
  177. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
  178. .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus {
  179. color: #888888; }
  180. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
  181. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
  182. .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after {
  183. visibility: visible;
  184. left: 0;
  185. width: 100%;
  186. background: #36c6d3; }
  187. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label {
  188. opacity: 1 ;
  189. filter: alpha(opacity=100) ; }
  190. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block {
  191. color: #36c6d3;
  192. opacity: 1 ;
  193. filter: alpha(opacity=100) ; }
  194. .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block-error, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block-error {
  195. opacity: 0 ;
  196. filter: alpha(opacity=0) ; }
  197. .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block {
  198. opacity: 0 ;
  199. filter: alpha(opacity=0) ; }
  200. .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block-error {
  201. opacity: 0 ;
  202. filter: alpha(opacity=0) ; }
  203. .form-group.form-md-line-input .form-control[readonly], .form-group.form-md-line-input .form-control[disabled],
  204. fieldset[disabled] .form-group.form-md-line-input .form-control {
  205. background: none;
  206. cursor: not-allowed;
  207. border-bottom: 1px dashed #c2cad8; }
  208. .form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
  209. font-size: 16px;
  210. top: 25px;
  211. transition: 0.2s ease all;
  212. color: #999; }
  213. .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label {
  214. top: 0;
  215. font-size: 13px; }
  216. .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {
  217. font-size: 14px;
  218. top: 24px; }
  219. .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label {
  220. top: 0;
  221. font-size: 13px; }
  222. .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {
  223. font-size: 20px;
  224. top: 30px; }
  225. .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label {
  226. top: 0;
  227. font-size: 13px; }
  228. .form-group.form-md-line-input.form-md-floating-label .input-icon > label {
  229. padding-left: 34px; }
  230. .form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {
  231. padding-left: 0;
  232. padding-right: 34px; }
  233. .form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {
  234. padding-left: 34px; }
  235. .form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
  236. padding-right: 34px; }
  237. .form-group.form-md-line-input + .input-icon {
  238. padding-top: 0; }
  239. .form-group.form-md-line-input .help-block {
  240. position: absolute;
  241. margin: 2px 0 0 0;
  242. opacity: 0 ;
  243. filter: alpha(opacity=0) ;
  244. font-size: 13px; }
  245. .form-group.form-md-line-input > .input-icon > i {
  246. left: 0;
  247. bottom: 0;
  248. margin: 9px 2px 10px 10px;
  249. color: #888888; }
  250. .form-group.form-md-line-input > .input-icon.input-icon-lg > i {
  251. top: 6px; }
  252. .form-group.form-md-line-input > .input-icon.input-icon-sm > i {
  253. top: -1px; }
  254. .form-group.form-md-line-input > .input-icon .form-control {
  255. padding-left: 34px; }
  256. .form-group.form-md-line-input > .input-icon > label {
  257. margin-top: -20px; }
  258. .form-group.form-md-line-input > .input-icon.right .form-control {
  259. padding-left: 0;
  260. padding-right: 34px; }
  261. .form-group.form-md-line-input > .input-icon.right > i {
  262. left: auto;
  263. right: 8px;
  264. margin: 11px 2px 10px 10px; }
  265. .form-group.form-md-line-input + .input-group {
  266. padding-top: 0; }
  267. .form-group.form-md-line-input .input-group {
  268. padding-top: 0; }
  269. .form-group.form-md-line-input .input-group > label {
  270. margin-top: -20px; }
  271. .form-group.form-md-line-input .input-group .input-group-addon {
  272. -webkit-border-radius: 0;
  273. -moz-border-radius: 0;
  274. -ms-border-radius: 0;
  275. -o-border-radius: 0;
  276. border-radius: 0;
  277. background: none;
  278. border: 0;
  279. border-bottom: 1px solid #c2cad8; }
  280. .form-group.form-md-line-input .input-group + .input-group-control {
  281. padding-top: 0; }
  282. .form-group.form-md-line-input .input-group .input-group-control {
  283. padding-top: 0;
  284. position: relative;
  285. display: table-cell;
  286. vertical-align: bottom; }
  287. .form-group.form-md-line-input .input-group .input-group-control > label {
  288. margin-top: -20px; }
  289. .form-group.form-md-line-input .input-group .input-group-btn .btn {
  290. -webkit-border-radius: 4px;
  291. -moz-border-radius: 4px;
  292. -ms-border-radius: 4px;
  293. -o-border-radius: 4px;
  294. border-radius: 4px; }
  295. .form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
  296. margin-right: 10px; }
  297. .form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
  298. margin-left: 10px; }
  299. .form-group.form-md-line-input .input-group .help-block {
  300. margin-top: 35px; }
  301. .form-group.form-md-line-input .input-group.input-group-sm .help-block {
  302. margin-top: 30px; }
  303. .form-group.form-md-line-input .input-group.input-group-lg .help-block {
  304. margin-top: 47px; }
  305. .form-group.form-md-line-input.has-success .form-control {
  306. border-bottom: 1px solid #27a4b0; }
  307. .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,
  308. .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after,
  309. .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after,
  310. .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after,
  311. .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  312. background: #27a4b0; }
  313. .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label {
  314. color: #27a4b0; }
  315. .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i {
  316. color: #27a4b0; }
  317. .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block {
  318. color: #27a4b0; }
  319. .form-group.form-md-line-input.has-success .input-group-addon {
  320. color: #27a4b0;
  321. border-bottom: 1px solid #27a4b0; }
  322. .form-group.form-md-line-input.has-success label {
  323. color: #27a4b0; }
  324. .form-group.form-md-line-input.has-warning .form-control {
  325. border-bottom: 1px solid #c29d0b; }
  326. .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,
  327. .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after,
  328. .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after,
  329. .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after,
  330. .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  331. background: #c29d0b; }
  332. .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label {
  333. color: #c29d0b; }
  334. .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i {
  335. color: #c29d0b; }
  336. .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block {
  337. color: #c29d0b; }
  338. .form-group.form-md-line-input.has-warning .input-group-addon {
  339. color: #c29d0b;
  340. border-bottom: 1px solid #c29d0b; }
  341. .form-group.form-md-line-input.has-warning label {
  342. color: #c29d0b; }
  343. .form-group.form-md-line-input.has-error .form-control {
  344. border-bottom: 1px solid #e73d4a; }
  345. .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
  346. .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
  347. .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
  348. .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after,
  349. .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  350. background: #e73d4a; }
  351. .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label {
  352. color: #e73d4a; }
  353. .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i {
  354. color: #e73d4a; }
  355. .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block {
  356. color: #e73d4a; }
  357. .form-group.form-md-line-input.has-error .input-group-addon {
  358. color: #e73d4a;
  359. border-bottom: 1px solid #e73d4a; }
  360. .form-group.form-md-line-input.has-error label {
  361. color: #e73d4a; }
  362. .form-group.form-md-line-input.has-info .form-control {
  363. border-bottom: 1px solid #327ad5; }
  364. .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,
  365. .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after,
  366. .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after,
  367. .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after,
  368. .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  369. background: #327ad5; }
  370. .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label {
  371. color: #327ad5; }
  372. .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i {
  373. color: #327ad5; }
  374. .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block {
  375. color: #327ad5; }
  376. .form-group.form-md-line-input.has-info .input-group-addon {
  377. color: #327ad5;
  378. border-bottom: 1px solid #327ad5; }
  379. .form-group.form-md-line-input.has-info label {
  380. color: #327ad5; }
  381. .form-inline .form-md-line-input {
  382. margin: 0;
  383. padding-top: 0;
  384. margin-right: 20px; }
  385. .form-inline .form-md-line-input > .input-icon {
  386. padding: 0; }
  387. .form-horizontal .form-group.form-md-line-input .input-icon .form-control {
  388. padding-left: 33px; }
  389. .form-horizontal .form-group.form-md-line-input .input-icon > i {
  390. top: 0; }
  391. .form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {
  392. padding-left: 0;
  393. padding-right: 33px; }
  394. .form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {
  395. left: 0 !important;
  396. right: 0 !important; }
  397. .form-horizontal .form-group.form-md-line-input .input-group {
  398. padding-top: 0; }
  399. .form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {
  400. margin-bottom: 0 !important; }
  401. .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {
  402. padding-top: 0; }
  403. .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {
  404. left: 0 !important;
  405. right: 0 !important; }
  406. .form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus {
  407. left: 0 !important;
  408. right: 0 !important; }
  409. .md-checkbox {
  410. position: relative;
  411. /* handling click events */
  412. /* when checkbox is checked */ }
  413. .md-checkbox.md-checkbox-inline {
  414. display: inline-block; }
  415. .form-inline .md-checkbox.md-checkbox-inline {
  416. margin-right: 20px;
  417. top: 3px; }
  418. .md-checkbox input[type=checkbox] {
  419. visibility: hidden;
  420. position: absolute; }
  421. .md-checkbox label {
  422. cursor: pointer;
  423. padding-left: 30px; }
  424. .md-checkbox label > span {
  425. display: block;
  426. position: absolute;
  427. left: 0;
  428. -webkit-transition-duration: 0.3s;
  429. -moz-transition-duration: 0.3s;
  430. transition-duration: 0.3s; }
  431. .md-checkbox label > span.inc {
  432. background: #fff;
  433. left: -20px;
  434. top: -20px;
  435. height: 60px;
  436. width: 60px;
  437. opacity: 0;
  438. border-radius: 50% !important;
  439. -moz-border-radius: 50% !important;
  440. -webkit-border-radius: 50% !important; }
  441. .md-checkbox label > .box {
  442. top: 0px;
  443. border: 2px solid #666;
  444. height: 20px;
  445. width: 20px;
  446. z-index: 5;
  447. -webkit-transition-delay: 0.2s;
  448. -moz-transition-delay: 0.2s;
  449. transition-delay: 0.2s; }
  450. .md-checkbox label > .check {
  451. top: -4px;
  452. left: 6px;
  453. width: 10px;
  454. height: 20px;
  455. border: 2px solid #36c6d3;
  456. border-top: none;
  457. border-left: none;
  458. opacity: 0;
  459. z-index: 5;
  460. -webkit-transform: rotate(180deg);
  461. -moz-transform: rotate(180deg);
  462. transform: rotate(180deg);
  463. -webkit-transition-delay: 0.3s;
  464. -moz-transition-delay: 0.3s;
  465. transition-delay: 0.3s; }
  466. .md-checkbox label > span.inc {
  467. -webkit-animation: growCircle 0.3s ease;
  468. -moz-animation: growCircle 0.3s ease;
  469. animation: growCircle 0.3s ease; }
  470. .md-checkbox input[type=checkbox]:checked ~ label > .box {
  471. opacity: 0;
  472. -webkit-transform: scale(0) rotate(-180deg);
  473. -moz-transform: scale(0) rotate(-180deg);
  474. transform: scale(0) rotate(-180deg); }
  475. .md-checkbox input[type=checkbox]:checked ~ label > .check {
  476. opacity: 1;
  477. -webkit-transform: scale(1) rotate(45deg);
  478. -moz-transform: scale(1) rotate(45deg);
  479. transform: scale(1) rotate(45deg); }
  480. .md-checkbox input[type=checkbox]:disabled ~ label,
  481. .md-checkbox input[type=checkbox][disabled] ~ label {
  482. cursor: not-allowed;
  483. opacity: 0.7 ;
  484. filter: alpha(opacity=70) ; }
  485. .md-checkbox input[type=checkbox]:disabled ~ label > .box,
  486. .md-checkbox input[type=checkbox][disabled] ~ label > .box {
  487. cursor: not-allowed;
  488. opacity: 0.7 ;
  489. filter: alpha(opacity=70) ; }
  490. .md-checkbox input[type=checkbox]:disabled:checked ~ label > .check,
  491. .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
  492. cursor: not-allowed;
  493. opacity: 0.7 ;
  494. filter: alpha(opacity=70) ; }
  495. .has-error .md-checkbox label,
  496. .has-error.md-checkbox label {
  497. color: #e73d4a; }
  498. .has-error .md-checkbox label > .box,
  499. .has-error.md-checkbox label > .box {
  500. border-color: #e73d4a; }
  501. .has-error .md-checkbox label > .check,
  502. .has-error.md-checkbox label > .check {
  503. border-color: #e73d4a; }
  504. .has-success .md-checkbox label,
  505. .has-success.md-checkbox label {
  506. color: #27a4b0; }
  507. .has-success .md-checkbox label > .box,
  508. .has-success.md-checkbox label > .box {
  509. border-color: #27a4b0; }
  510. .has-success .md-checkbox label > .check,
  511. .has-success.md-checkbox label > .check {
  512. border-color: #27a4b0; }
  513. .has-warning .md-checkbox label,
  514. .has-warning.md-checkbox label {
  515. color: #c29d0b; }
  516. .has-warning .md-checkbox label > .box,
  517. .has-warning.md-checkbox label > .box {
  518. border-color: #c29d0b; }
  519. .has-warning .md-checkbox label > .check,
  520. .has-warning.md-checkbox label > .check {
  521. border-color: #c29d0b; }
  522. .has-info .md-checkbox label,
  523. .has-info.md-checkbox label {
  524. color: #327ad5; }
  525. .has-info .md-checkbox label > .box,
  526. .has-info.md-checkbox label > .box {
  527. border-color: #327ad5; }
  528. .has-info .md-checkbox label > .check,
  529. .has-info.md-checkbox label > .check {
  530. border-color: #327ad5; }
  531. .form-md-checkboxes {
  532. padding-top: 5px; }
  533. .form-md-checkboxes > label {
  534. font-size: 14px;
  535. color: #888888;
  536. opacity: 1 ;
  537. filter: alpha(opacity=100) ; }
  538. .form-md-checkboxes.has-error label {
  539. color: #ed6b75; }
  540. .form-md-checkboxes.has-info label {
  541. color: #659be0; }
  542. .form-md-checkboxes.has-success label {
  543. color: #36c6d3; }
  544. .form-md-checkboxes.has-warning label {
  545. color: #F1C40F; }
  546. .md-checkbox-list {
  547. margin: 5px 0 5px 0; }
  548. .form-horizontal .md-checkbox-list {
  549. margin-top: 5px; }
  550. .md-checkbox-list .md-checkbox {
  551. display: block;
  552. margin-bottom: 10px; }
  553. .md-checkbox-list .md-checkbox:last-child {
  554. margin-bottom: 0; }
  555. .md-checkbox-inline {
  556. margin: 5px 0 5px 0; }
  557. .form-horizontal .md-checkbox-inline {
  558. margin-top: 7px; }
  559. .md-checkbox-inline .md-checkbox {
  560. display: inline-block;
  561. margin-right: 20px; }
  562. .md-checkbox-inline .md-checkbox:last-child {
  563. margin-right: 0; }
  564. /* bubble animation */
  565. @-webkit-keyframes growCircle {
  566. 0%, 100% {
  567. -webkit-transform: scale(0);
  568. opacity: 1; }
  569. 70% {
  570. background: #eee;
  571. -webkit-transform: scale(1.25); } }
  572. @-moz-keyframes growCircle {
  573. 0%, 100% {
  574. -moz-transform: scale(0);
  575. opacity: 1; }
  576. 70% {
  577. background: #eee;
  578. -moz-transform: scale(1.25); } }
  579. @keyframes growCircle {
  580. 0%, 100% {
  581. transform: scale(0);
  582. opacity: 1; }
  583. 70% {
  584. background: #eee;
  585. transform: scale(1.25); } }
  586. .md-radio {
  587. position: relative;
  588. /* handling click events */
  589. /* when radio is checked */ }
  590. .md-radio input[type=radio] {
  591. visibility: hidden;
  592. position: absolute; }
  593. .md-radio label {
  594. cursor: pointer;
  595. padding-left: 30px; }
  596. .md-radio label > span {
  597. display: block;
  598. position: absolute;
  599. left: 0;
  600. -webkit-transition-duration: 0.3s;
  601. -moz-transition-duration: 0.3s;
  602. transition-duration: 0.3s; }
  603. .md-radio label > span.inc {
  604. background: #fff;
  605. left: -20px;
  606. top: -20px;
  607. height: 60px;
  608. width: 60px;
  609. opacity: 0;
  610. border-radius: 50% !important;
  611. -moz-border-radius: 50% !important;
  612. -webkit-border-radius: 50% !important; }
  613. .md-radio label > .box {
  614. top: 0px;
  615. border: 2px solid #666;
  616. height: 20px;
  617. width: 20px;
  618. border-radius: 50% !important;
  619. -moz-border-radius: 50% !important;
  620. -webkit-border-radius: 50% !important;
  621. z-index: 5; }
  622. .md-radio label > .check {
  623. top: 5px;
  624. left: 5px;
  625. width: 10px;
  626. height: 10px;
  627. background: #36c6d3;
  628. opacity: 0;
  629. z-index: 6;
  630. border-radius: 50% !important;
  631. -moz-border-radius: 50% !important;
  632. -webkit-border-radius: 50% !important;
  633. -webkit-transform: scale(0);
  634. -moz-transform: scale(0);
  635. transform: scale(0); }
  636. .md-radio label > span.inc {
  637. -webkit-animation: growCircleRadio 0.3s ease;
  638. -moz-animation: growCircleRadio 0.3s ease;
  639. animation: growCircleRadio 0.3s ease; }
  640. .md-radio input[type=radio]:checked ~ label > .check {
  641. opacity: 1;
  642. -webkit-transform: scale(1);
  643. -moz-transform: scale(1);
  644. transform: scale(1); }
  645. .md-radio input[type=radio]:disabled ~ label,
  646. .md-radio input[type=radio][disabled] ~ label {
  647. cursor: not-allowed;
  648. opacity: 0.7 ;
  649. filter: alpha(opacity=70) ; }
  650. .md-radio input[type=radio]:disabled ~ label > .box,
  651. .md-radio input[type=radio][disabled] ~ label > .box {
  652. cursor: not-allowed;
  653. opacity: 0.7 ;
  654. filter: alpha(opacity=70) ; }
  655. .md-radio input[type=radio]:disabled:checked ~ label > .check,
  656. .md-radio input[type=radio][disabled]:checked ~ label > .check {
  657. cursor: not-allowed;
  658. opacity: 0.7 ;
  659. filter: alpha(opacity=70) ; }
  660. .has-error .md-radio label,
  661. .has-error.md-radio label {
  662. color: #e73d4a; }
  663. .has-error .md-radio label > .box,
  664. .has-error.md-radio label > .box {
  665. border-color: #e73d4a; }
  666. .has-error .md-radio label > .check,
  667. .has-error.md-radio label > .check {
  668. background: #e73d4a; }
  669. .has-success .md-radio label,
  670. .has-success.md-radio label {
  671. color: #27a4b0; }
  672. .has-success .md-radio label > .box,
  673. .has-success.md-radio label > .box {
  674. border-color: #27a4b0; }
  675. .has-success .md-radio label > .check,
  676. .has-success.md-radio label > .check {
  677. background: #27a4b0; }
  678. .has-warning .md-radio label,
  679. .has-warning.md-radio label {
  680. color: #c29d0b; }
  681. .has-warning .md-radio label > .box,
  682. .has-warning.md-radio label > .box {
  683. border-color: #c29d0b; }
  684. .has-warning .md-radio label > .check,
  685. .has-warning.md-radio label > .check {
  686. background: #c29d0b; }
  687. .has-info .md-radio label,
  688. .has-info.md-radio label {
  689. color: #327ad5; }
  690. .has-info .md-radio label > .box,
  691. .has-info.md-radio label > .box {
  692. border-color: #327ad5; }
  693. .has-info .md-radio label > .check,
  694. .has-info.md-radio label > .check {
  695. background: #327ad5; }
  696. .form-md-radios {
  697. padding-top: 5px; }
  698. .form-md-radios > label {
  699. font-size: 14px;
  700. color: #888888;
  701. opacity: 1 ;
  702. filter: alpha(opacity=100) ; }
  703. .form-md-radios.has-error label {
  704. color: #ed6b75; }
  705. .form-md-radios.has-info label {
  706. color: #659be0; }
  707. .form-md-radios.has-success label {
  708. color: #36c6d3; }
  709. .form-md-radios.has-warning label {
  710. color: #F1C40F; }
  711. .md-radio-list {
  712. margin: 5px 0 5px 0; }
  713. .form-horizontal .md-radio-list {
  714. margin-top: 5px; }
  715. .md-radio-list .md-radio {
  716. display: block;
  717. margin-bottom: 10px; }
  718. .md-radio-inline {
  719. margin: 5px 0 5px 0; }
  720. .form-horizontal .md-radio-inline {
  721. margin-top: 7px; }
  722. .md-radio-inline .md-radio {
  723. display: inline-block;
  724. margin-right: 20px; }
  725. .md-radio-inline .md-radio:last-child {
  726. margin-right: 0; }
  727. /* bubble animation */
  728. @-webkit-keyframes growCircleRadio {
  729. 0%, 100% {
  730. -webkit-transform: scale(0);
  731. opacity: 1; }
  732. 70% {
  733. background: #eee;
  734. -webkit-transform: scale(1.25); } }
  735. @-moz-keyframes growCircleRadio {
  736. 0%, 100% {
  737. -moz-transform: scale(0);
  738. opacity: 1; }
  739. 70% {
  740. background: #eee;
  741. -moz-transform: scale(1.25); } }
  742. @keyframes growCircleRadio {
  743. 0%, 100% {
  744. transform: scale(0);
  745. opacity: 1; }
  746. 70% {
  747. background: #eee;
  748. transform: scale(1.25); } }
  749. /***
  750. General typography
  751. ***/
  752. /* Links */
  753. a:hover {
  754. cursor: pointer; }
  755. /* Primary Link */
  756. .primary-link {
  757. color: #65A0D0;
  758. font-weight: 600; }
  759. .primary-link:hover {
  760. color: #5194ca; }
  761. p {
  762. margin: 20px 0; }
  763. label {
  764. font-weight: normal; }
  765. /* Headings */
  766. h1,
  767. h2,
  768. h3,
  769. h4,
  770. h5,
  771. h6 {
  772. font-family: "Open Sans", sans-serif;
  773. font-weight: 300; }
  774. h1 {
  775. font-size: 36px; }
  776. h2 {
  777. font-size: 30px; }
  778. h3 {
  779. font-size: 24px; }
  780. h4 {
  781. font-size: 18px; }
  782. h5 {
  783. font-size: 14px; }
  784. h6 {
  785. font-size: 12px; }
  786. /* Headings helper text */
  787. h1 small,
  788. h2 small,
  789. h3 small,
  790. h4 small,
  791. h5 small,
  792. h6 small {
  793. color: #444444; }
  794. /* Block headings */
  795. h1.block,
  796. h2.block,
  797. h3.block,
  798. h4.block,
  799. h5.block,
  800. h6.block {
  801. padding-top: 10px;
  802. padding-bottom: 10px; }
  803. /* Links */
  804. a {
  805. text-shadow: none;
  806. color: #337ab7; }
  807. a:hover {
  808. color: #23527c; }
  809. a:focus, a:hover, a:active {
  810. outline: 0; }
  811. /* Horizontal break */
  812. hr {
  813. margin: 20px 0;
  814. border: 0;
  815. border-top: 1px solid #eee;
  816. border-bottom: 0; }
  817. /* Unstyled List */
  818. .list-unstyled li > .list-unstyled {
  819. margin-left: 25px; }
  820. /* Code */
  821. code {
  822. border: 1px solid #e1e1e1;
  823. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  824. -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  825. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
  826. /* Disabled Navigation Link */
  827. .disabled-link.disable-target,
  828. .disabled-link .disable-target {
  829. opacity: 0.6 !important;
  830. filter: alpha(opacity=60) !important; }
  831. .disabled-link.disable-target:hover,
  832. .disabled-link .disable-target:hover {
  833. cursor: not-allowed !important; }
  834. .disabled-link:hover {
  835. cursor: not-allowed !important; }
  836. /***
  837. Utilities
  838. ***/
  839. /* Rounded Element */
  840. .rounded-2 {
  841. border-radius: 2px !important; }
  842. .rounded-3 {
  843. border-radius: 3px !important; }
  844. .rounded-4 {
  845. border-radius: 4px !important; }
  846. /* Circle Element */
  847. .circle {
  848. border-radius: 25px !important; }
  849. .circle-right {
  850. border-radius: 0 25px 25px 0 !important; }
  851. .circle-left {
  852. border-radius: 25px 0 0 25px !important; }
  853. .circle-bottom {
  854. border-radius: 0 0 25px 25px !important; }
  855. .circle-top {
  856. border-radius: 25px 25px 0 0 !important; }
  857. .rounded {
  858. border-radius: 50% !important; }
  859. /* General utilities */
  860. .display-none,
  861. .display-hide {
  862. display: none; }
  863. .hidden {
  864. display: none !important; }
  865. .primary-font {
  866. font-family: "Open Sans", sans-serif !important; }
  867. .bold {
  868. font-weight: 700 !important; }
  869. .bold.btn {
  870. letter-spacing: 0; }
  871. .sbold {
  872. font-weight: 600 !important; }
  873. .sbold.btn {
  874. letter-spacing: 0; }
  875. .thin {
  876. font-weight: 300 !important; }
  877. .uppercase {
  878. text-transform: uppercase !important; }
  879. .fix-margin {
  880. margin-left: 0px !important; }
  881. .border {
  882. border: 1px solid red; }
  883. .font-hg {
  884. font-size: 23px; }
  885. .font-lg {
  886. font-size: 18px; }
  887. .font-md {
  888. font-size: 14px; }
  889. .font-sm {
  890. font-size: 13px; }
  891. .font-xs {
  892. font-size: 11px; }
  893. .inline {
  894. display: inline; }
  895. .inline-block {
  896. display: inline-block; }
  897. .text-align-reverse {
  898. text-align: right; }
  899. /* Margin and padding utilities */
  900. .no-space {
  901. margin: 0px !important;
  902. padding: 0px !important; }
  903. .no-margin {
  904. margin: 0; }
  905. .margin-bottom-5 {
  906. margin-bottom: 5px; }
  907. .margin-bottom-10 {
  908. margin-bottom: 10px !important; }
  909. .margin-top-10 {
  910. margin-top: 10px !important; }
  911. .margin-top-15 {
  912. margin-top: 15px !important; }
  913. .margin-bottom-15 {
  914. margin-bottom: 15px !important; }
  915. .margin-bottom-20 {
  916. margin-bottom: 20px !important; }
  917. .margin-top-20 {
  918. margin-top: 20px !important; }
  919. .margin-top-30 {
  920. margin-top: 30px !important; }
  921. .margin-top-40 {
  922. margin-top: 40px !important; }
  923. .margin-bottom-25 {
  924. margin-bottom: 25px !important; }
  925. .margin-bottom-30 {
  926. margin-bottom: 30px !important; }
  927. .margin-bottom-40 {
  928. margin-bottom: 40px !important; }
  929. .margin-right-10 {
  930. margin-right: 10px !important; }
  931. /* IE8 & IE9 mode utilities */
  932. .visible-ie8 {
  933. display: none; }
  934. .ie8 .visible-ie8 {
  935. display: inherit !important; }
  936. .visible-ie9 {
  937. display: none; }
  938. .ie9 .visible-ie9 {
  939. display: inherit !important; }
  940. .hidden-ie8 {
  941. display: inherit; }
  942. .ie8 .hidden-ie8 {
  943. display: none !important; }
  944. .hidden-ie9 {
  945. display: inherit; }
  946. .ie9 .hidden-ie9 {
  947. display: none !important; }
  948. /***
  949. Responsive Utils
  950. ***/
  951. @media (max-width: 1024px) {
  952. .hidden-1024 {
  953. display: none; } }
  954. @media (max-width: 480px) {
  955. .hidden-480 {
  956. display: none; } }
  957. @media (max-width: 320px) {
  958. .hidden-320 {
  959. display: none; } }
  960. /***
  961. Demo Utils
  962. ***/
  963. .scrollspy-example {
  964. position: relative;
  965. height: 200px;
  966. margin-top: 10px;
  967. overflow: auto; }
  968. .util-btn-margin-bottom-5 .btn {
  969. margin-bottom: 5px !important; }
  970. .util-btn-group-margin-bottom-5 .btn-group {
  971. margin-bottom: 5px !important; }
  972. .padding-tb-10 {
  973. padding: 10px 0; }
  974. .padding-tb-15 {
  975. padding: 10px 0; }
  976. .padding-tb-20 {
  977. padding: 20px 0; }
  978. /***
  979. Users
  980. ***/
  981. .user-info {
  982. margin-bottom: 10px !important; }
  983. .user-info img {
  984. float: left;
  985. margin-right: 5px; }
  986. .user-info .details {
  987. display: inline-block; }
  988. .user-info .label {
  989. font-weight: 300;
  990. font-size: 11px; }
  991. /***
  992. Custom vertical inline menu
  993. ***/
  994. .ver-inline-menu {
  995. padding: 0;
  996. margin: 0;
  997. list-style: none; }
  998. .ver-inline-menu li {
  999. position: relative;
  1000. margin-bottom: 1px; }
  1001. .ver-inline-menu li i {
  1002. width: 37px;
  1003. height: 37px;
  1004. display: inline-block;
  1005. color: #b9cbd5;
  1006. font-size: 15px;
  1007. padding: 12px 10px 10px 8px;
  1008. margin: 0 8px 0 0;
  1009. text-align: center;
  1010. background: #e0eaf0 !important; }
  1011. .ver-inline-menu li a {
  1012. font-size: 14px;
  1013. font-weight: 300;
  1014. color: #557386;
  1015. display: block;
  1016. background: #f0f6fa;
  1017. border-left: solid 2px #c4d5df; }
  1018. .ver-inline-menu li:hover a {
  1019. background: #e0eaf0;
  1020. text-decoration: none; }
  1021. .ver-inline-menu li:hover i {
  1022. color: #fff;
  1023. background: #c4d5df !important; }
  1024. .ver-inline-menu li.active a {
  1025. border-left: solid 2px #0c91e5; }
  1026. .ver-inline-menu li.active i {
  1027. background: #0c91e5 !important; }
  1028. .ver-inline-menu li.active a,
  1029. .ver-inline-menu li.active i {
  1030. color: #fff;
  1031. background: #169ef4;
  1032. text-decoration: none; }
  1033. .ver-inline-menu li.active a,
  1034. .ver-inline-menu li:hover a {
  1035. font-size: 14px; }
  1036. .ver-inline-menu li.active:after {
  1037. content: '';
  1038. display: inline-block;
  1039. border-bottom: 6px solid transparent;
  1040. border-top: 6px solid transparent;
  1041. border-left: 6px solid #169ef4;
  1042. position: absolute;
  1043. top: 12px;
  1044. right: -5px; }
  1045. @media (max-width: 767px) {
  1046. .ver-inline-menu > li.active:after {
  1047. display: none; } }
  1048. /***
  1049. Separated List
  1050. ***/
  1051. .list-separated {
  1052. margin-top: 10px;
  1053. margin-bottom: 15px; }
  1054. .list-separated > div:last-child {
  1055. border-right: 0; }
  1056. @media (max-width: 767px) {
  1057. .list-separated {
  1058. /* 767px */ }
  1059. .list-separated > div {
  1060. margin-bottom: 20px; } }
  1061. /***
  1062. Number & Chart Stats
  1063. ***/
  1064. .number-stats {
  1065. margin: 10px 0; }
  1066. .number-stats .stat-number {
  1067. display: inline-block;
  1068. margin: 0 5px; }
  1069. .number-stats .stat-number .title {
  1070. font-size: 13px;
  1071. margin-bottom: 3px;
  1072. color: #B8C3C7; }
  1073. .number-stats .stat-number .number {
  1074. font-size: 27px;
  1075. line-height: 27px;
  1076. color: #7D8C9D; }
  1077. .number-stats .stat-chart {
  1078. display: inline-block;
  1079. margin: 0 5px; }
  1080. .number-stats > div {
  1081. border-right: 1px solid #f5f5f5; }
  1082. .number-stats > div:last-child {
  1083. border-right: 0; }
  1084. .number-stats .stat-left {
  1085. float: right; }
  1086. .number-stats .stat-left .stat-number {
  1087. float: right;
  1088. text-align: right; }
  1089. .number-stats .stat-left .stat-chart {
  1090. float: right; }
  1091. .number-stats .stat-right {
  1092. float: left !important; }
  1093. .number-stats .stat-right .stat-number {
  1094. float: left;
  1095. text-align: left; }
  1096. .number-stats .stat-right .stat-chart {
  1097. float: left; }
  1098. .number-stats .stat-number {
  1099. float: left;
  1100. text-align: left; }
  1101. .number-stats .stat-chart {
  1102. float: left; }
  1103. /***
  1104. General User Record Listing
  1105. ***/
  1106. .general-item-list > .item {
  1107. padding: 10px 0;
  1108. border-bottom: 1px solid #F1F4F7; }
  1109. .general-item-list > .item:last-child {
  1110. border-bottom: 0; }
  1111. .general-item-list > .item > .item-head {
  1112. margin-bottom: 5px; }
  1113. .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after {
  1114. content: " ";
  1115. display: table; }
  1116. .general-item-list > .item > .item-head:after {
  1117. clear: both; }
  1118. .general-item-list > .item > .item-head > .item-details {
  1119. display: inline-block;
  1120. float: left; }
  1121. .general-item-list > .item > .item-head > .item-details > .item-pic {
  1122. height: 35px;
  1123. margin-right: 10px;
  1124. -webkit-border-radius: 100%;
  1125. -moz-border-radius: 100%;
  1126. -ms-border-radius: 100%;
  1127. -o-border-radius: 100%;
  1128. border-radius: 100%; }
  1129. .general-item-list > .item > .item-head > .item-details > .item-name {
  1130. display: inline-block;
  1131. margin-right: 10px; }
  1132. .general-item-list > .item > .item-head > .item-details > .item-label {
  1133. color: #C0C9CC; }
  1134. .general-item-list > .item > .item-head > .item-status {
  1135. color: #C0C9CC;
  1136. top: 10px;
  1137. position: relative;
  1138. display: inline-block;
  1139. float: right; }
  1140. .general-item-list > .item > .item-head > .item-status > .badge {
  1141. margin-top: -2px; }
  1142. .general-item-list > .item > .item-body {
  1143. color: #96a5aa; }
  1144. /***
  1145. File dropzone
  1146. ***/
  1147. .file-drop-zone {
  1148. border: 2px dashed #ddd;
  1149. padding: 30px;
  1150. text-align: center; }
  1151. .file-drop-zone.file-drop-zone-over {
  1152. border-color: #aaa; }
  1153. /***
  1154. Fontawesome Icons
  1155. ***/
  1156. [class^="fa-"]:not(.fa-stack),
  1157. [class^="glyphicon-"],
  1158. [class^="icon-"],
  1159. [class*=" fa-"]:not(.fa-stack),
  1160. [class*=" glyphicon-"],
  1161. [class*=" icon-"] {
  1162. display: inline-block;
  1163. *margin-right: .3em;
  1164. line-height: 14px;
  1165. -webkit-font-smoothing: antialiased; }
  1166. /* Make font awesome icons fixed width */
  1167. li [class^="fa-"],
  1168. li [class^="glyphicon-"],
  1169. li [class^="icon-"],
  1170. li [class*=" fa-"],
  1171. li [class*=" glyphicon-"],
  1172. li [class*=" icon-"] {
  1173. display: inline-block;
  1174. width: 1.25em;
  1175. text-align: center; }
  1176. li [class^="glyphicon-"],
  1177. li [class*=" glyphicon-"] {
  1178. top: 2px; }
  1179. li [class^="icon-"],
  1180. li [class*=" icon-"] {
  1181. top: 1px;
  1182. position: relative; }
  1183. li [class^="fa-"].icon-large,
  1184. li [class^="glyphicon-"].icon-large,
  1185. li [class^="icon-"].icon-large,
  1186. li [class*=" fa-"].icon-large,
  1187. li [class*=" glyphicon-"].icon-large,
  1188. li [class*=" icon-"].icon-large {
  1189. /* increased font size for icon-large */
  1190. width: 1.5625em; }
  1191. /* Icon states */
  1192. .icon-state-default {
  1193. color: #bac3d0; }
  1194. .icon-state-success {
  1195. color: #36c6d3; }
  1196. .icon-state-info {
  1197. color: #659be0; }
  1198. .icon-state-warning {
  1199. color: #F1C40F; }
  1200. .icon-state-danger {
  1201. color: #ed6b75; }
  1202. /***
  1203. Font Awesome 4.x Demo
  1204. ***/
  1205. .fa-item {
  1206. font-size: 14px;
  1207. padding: 10px 10px 10px 20px; }
  1208. .fa-item i {
  1209. font-size: 16px;
  1210. display: inline-block;
  1211. width: 20px;
  1212. color: #333; }
  1213. .fa-item:hover {
  1214. cursor: pointer;
  1215. background: #eee; }
  1216. /***
  1217. Simple Line Icons Demo
  1218. ***/
  1219. .simplelineicons-demo .item-box {
  1220. display: inline-block;
  1221. font-size: 16px;
  1222. margin: 0 -0.22em 1em 0;
  1223. padding-left: 1em;
  1224. width: 100%; }
  1225. .simplelineicons-demo .item-box .item {
  1226. background-color: #fff;
  1227. color: #33383e;
  1228. border-radius: 8px;
  1229. display: inline-block;
  1230. padding: 10px;
  1231. width: 100%; }
  1232. .simplelineicons-demo .item-box .item span {
  1233. font-size: 22px; }
  1234. @media only screen and (min-width: 768px) {
  1235. .simplelineicons-demo .item-box {
  1236. width: 33.333%; } }
  1237. /***
  1238. Glyphicons Demo
  1239. ***/
  1240. .glyphicons-demo ul {
  1241. padding-left: 0;
  1242. padding-bottom: 1px;
  1243. margin-bottom: 20px;
  1244. list-style: none;
  1245. overflow: hidden; }
  1246. .bs-glyphicon-class {
  1247. text-align: center; }
  1248. .bs-glyphicons {
  1249. padding-left: 0;
  1250. padding-bottom: 1px;
  1251. margin-bottom: 20px;
  1252. list-style: none;
  1253. overflow: hidden; }
  1254. .glyphicons-demo ul li {
  1255. float: left;
  1256. width: 25%;
  1257. height: 115px;
  1258. padding: 10px;
  1259. margin: 0 -1px -1px 0;
  1260. font-size: 14px;
  1261. line-height: 1.4;
  1262. text-align: center;
  1263. border: 1px solid #ddd; }
  1264. .glyphicons-demo .glyphicon {
  1265. display: block;
  1266. margin: 5px auto 10px;
  1267. font-size: 24px;
  1268. color: #444; }
  1269. .glyphicons-demo ul li:hover {
  1270. background-color: rgba(86, 61, 124, 0.1); }
  1271. @media (min-width: 768px) {
  1272. .glyphicons-demo ul li {
  1273. width: 12.5%; } }
  1274. /***
  1275. Customized Bootstrap Alerts
  1276. ***/
  1277. .alert {
  1278. border-width: 1px; }
  1279. .alert > p {
  1280. margin: 0; }
  1281. .alert.alert-borderless {
  1282. border: 0; }
  1283. /***
  1284. Custom Bootstrap Badges
  1285. ***/
  1286. .badge {
  1287. font-size: 11px !important;
  1288. font-weight: 300;
  1289. text-align: center;
  1290. height: 18px;
  1291. color: #fff;
  1292. padding: 3px 6px 3px 6px;
  1293. -webkit-border-radius: 12px !important;
  1294. -moz-border-radius: 12px !important;
  1295. border-radius: 12px !important;
  1296. text-shadow: none !important;
  1297. text-align: center;
  1298. vertical-align: middle; }
  1299. .badge.badge-roundless {
  1300. -webkit-border-radius: 0 !important;
  1301. -moz-border-radius: 0 !important;
  1302. border-radius: 0 !important; }
  1303. .badge.badge-empty {
  1304. display: inline-block;
  1305. padding: 0;
  1306. min-width: 8px;
  1307. height: 8px;
  1308. width: 8px; }
  1309. /* Badge variants */
  1310. .badge-default {
  1311. background-color: #bac3d0;
  1312. background-image: none; }
  1313. .badge-primary {
  1314. background-color: #337ab7;
  1315. background-image: none; }
  1316. .badge-info {
  1317. background-color: #659be0;
  1318. background-image: none; }
  1319. .badge-success {
  1320. background-color: #36c6d3;
  1321. background-image: none; }
  1322. .badge-danger {
  1323. background-color: #ed6b75;
  1324. background-image: none; }
  1325. .badge-warning {
  1326. background-color: #F1C40F;
  1327. background-image: none; }
  1328. /* Fix badge position for navs */
  1329. .nav.nav-pills > li > a > .badge,
  1330. .nav.nav-stacked > li > a > .badge {
  1331. margin-top: -2px; }
  1332. /***
  1333. Dropdown Menu Badges
  1334. ***/
  1335. .dropdown-menu > li > a > .badge {
  1336. position: absolute;
  1337. margin-top: 1px;
  1338. right: 3px;
  1339. display: inline; }
  1340. .dropdown-menu.badge-roundless {
  1341. -webkit-border-radius: 0 !important;
  1342. -moz-border-radius: 0 !important;
  1343. border-radius: 0 !important; }
  1344. /***
  1345. Custom buttons based on bootstrap SASS
  1346. ***/
  1347. .btn {
  1348. outline: none !important;
  1349. box-shadow: none !important; }
  1350. .btn:hover {
  1351. transition: all 0.3s; }
  1352. .btn:not(.btn-sm):not(.btn-lg) {
  1353. line-height: 1.44; }
  1354. /***
  1355. Custom color buttons
  1356. ***/
  1357. .btn.white:not(.btn-outline) {
  1358. color: #666;
  1359. background-color: #ffffff;
  1360. border-color: #ffffff; }
  1361. .btn.white:not(.btn-outline):focus, .btn.white:not(.btn-outline).focus {
  1362. color: #666;
  1363. background-color: #e6e6e6;
  1364. border-color: #bfbfbf; }
  1365. .btn.white:not(.btn-outline):hover {
  1366. color: #666;
  1367. background-color: #e6e6e6;
  1368. border-color: #e0e0e0; }
  1369. .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active,
  1370. .open > .btn.white:not(.btn-outline).dropdown-toggle {
  1371. color: #666;
  1372. background-color: #e6e6e6;
  1373. border-color: #e0e0e0; }
  1374. .btn.white:not(.btn-outline):active:hover, .btn.white:not(.btn-outline):active:focus, .btn.white:not(.btn-outline):active.focus, .btn.white:not(.btn-outline).active:hover, .btn.white:not(.btn-outline).active:focus, .btn.white:not(.btn-outline).active.focus,
  1375. .open > .btn.white:not(.btn-outline).dropdown-toggle:hover,
  1376. .open > .btn.white:not(.btn-outline).dropdown-toggle:focus,
  1377. .open > .btn.white:not(.btn-outline).dropdown-toggle.focus {
  1378. color: #666;
  1379. background-color: #d4d4d4;
  1380. border-color: #bfbfbf; }
  1381. .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active,
  1382. .open > .btn.white:not(.btn-outline).dropdown-toggle {
  1383. background-image: none; }
  1384. .btn.white:not(.btn-outline).disabled:hover, .btn.white:not(.btn-outline).disabled:focus, .btn.white:not(.btn-outline).disabled.focus, .btn.white:not(.btn-outline)[disabled]:hover, .btn.white:not(.btn-outline)[disabled]:focus, .btn.white:not(.btn-outline)[disabled].focus,
  1385. fieldset[disabled] .btn.white:not(.btn-outline):hover,
  1386. fieldset[disabled] .btn.white:not(.btn-outline):focus,
  1387. fieldset[disabled] .btn.white:not(.btn-outline).focus {
  1388. background-color: #ffffff;
  1389. border-color: #ffffff; }
  1390. .btn.white:not(.btn-outline) .badge {
  1391. color: #ffffff;
  1392. background-color: #666; }
  1393. .btn.btn-outline.white {
  1394. border-color: #ffffff;
  1395. color: #ffffff;
  1396. background: none; }
  1397. .btn.btn-outline.white:hover, .btn.btn-outline.white:active, .btn.btn-outline.white:active:hover, .btn.btn-outline.white:active:focus, .btn.btn-outline.white:focus, .btn.btn-outline.white.active {
  1398. border-color: #ffffff;
  1399. color: #666;
  1400. background-color: #ffffff; }
  1401. .btn.white-stripe {
  1402. border-left: 4px solid #ffffff !important; }
  1403. .btn.white.btn-no-border:not(.active) {
  1404. border-color: transparent; }
  1405. .btn.default:not(.btn-outline) {
  1406. color: #666;
  1407. background-color: #e1e5ec;
  1408. border-color: #e1e5ec; }
  1409. .btn.default:not(.btn-outline):focus, .btn.default:not(.btn-outline).focus {
  1410. color: #666;
  1411. background-color: #c2cad8;
  1412. border-color: #93a1bb; }
  1413. .btn.default:not(.btn-outline):hover {
  1414. color: #666;
  1415. background-color: #c2cad8;
  1416. border-color: #bcc5d4; }
  1417. .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active,
  1418. .open > .btn.default:not(.btn-outline).dropdown-toggle {
  1419. color: #666;
  1420. background-color: #c2cad8;
  1421. border-color: #bcc5d4; }
  1422. .btn.default:not(.btn-outline):active:hover, .btn.default:not(.btn-outline):active:focus, .btn.default:not(.btn-outline):active.focus, .btn.default:not(.btn-outline).active:hover, .btn.default:not(.btn-outline).active:focus, .btn.default:not(.btn-outline).active.focus,
  1423. .open > .btn.default:not(.btn-outline).dropdown-toggle:hover,
  1424. .open > .btn.default:not(.btn-outline).dropdown-toggle:focus,
  1425. .open > .btn.default:not(.btn-outline).dropdown-toggle.focus {
  1426. color: #666;
  1427. background-color: #acb7ca;
  1428. border-color: #93a1bb; }
  1429. .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active,
  1430. .open > .btn.default:not(.btn-outline).dropdown-toggle {
  1431. background-image: none; }
  1432. .btn.default:not(.btn-outline).disabled:hover, .btn.default:not(.btn-outline).disabled:focus, .btn.default:not(.btn-outline).disabled.focus, .btn.default:not(.btn-outline)[disabled]:hover, .btn.default:not(.btn-outline)[disabled]:focus, .btn.default:not(.btn-outline)[disabled].focus,
  1433. fieldset[disabled] .btn.default:not(.btn-outline):hover,
  1434. fieldset[disabled] .btn.default:not(.btn-outline):focus,
  1435. fieldset[disabled] .btn.default:not(.btn-outline).focus {
  1436. background-color: #e1e5ec;
  1437. border-color: #e1e5ec; }
  1438. .btn.default:not(.btn-outline) .badge {
  1439. color: #e1e5ec;
  1440. background-color: #666; }
  1441. .btn.btn-outline.default {
  1442. border-color: #e1e5ec;
  1443. color: #e1e5ec;
  1444. background: none; }
  1445. .btn.btn-outline.default:hover, .btn.btn-outline.default:active, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:focus, .btn.btn-outline.default.active {
  1446. border-color: #e1e5ec;
  1447. color: #666;
  1448. background-color: #e1e5ec; }
  1449. .btn.default-stripe {
  1450. border-left: 4px solid #e1e5ec !important; }
  1451. .btn.default.btn-no-border:not(.active) {
  1452. border-color: transparent; }
  1453. .btn.dark:not(.btn-outline) {
  1454. color: #FFFFFF;
  1455. background-color: #2f353b;
  1456. border-color: #2f353b; }
  1457. .btn.dark:not(.btn-outline):focus, .btn.dark:not(.btn-outline).focus {
  1458. color: #FFFFFF;
  1459. background-color: #181c1f;
  1460. border-color: black; }
  1461. .btn.dark:not(.btn-outline):hover {
  1462. color: #FFFFFF;
  1463. background-color: #181c1f;
  1464. border-color: #141619; }
  1465. .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active,
  1466. .open > .btn.dark:not(.btn-outline).dropdown-toggle {
  1467. color: #FFFFFF;
  1468. background-color: #181c1f;
  1469. border-color: #141619; }
  1470. .btn.dark:not(.btn-outline):active:hover, .btn.dark:not(.btn-outline):active:focus, .btn.dark:not(.btn-outline):active.focus, .btn.dark:not(.btn-outline).active:hover, .btn.dark:not(.btn-outline).active:focus, .btn.dark:not(.btn-outline).active.focus,
  1471. .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover,
  1472. .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus,
  1473. .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus {
  1474. color: #FFFFFF;
  1475. background-color: #090a0b;
  1476. border-color: black; }
  1477. .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active,
  1478. .open > .btn.dark:not(.btn-outline).dropdown-toggle {
  1479. background-image: none; }
  1480. .btn.dark:not(.btn-outline).disabled:hover, .btn.dark:not(.btn-outline).disabled:focus, .btn.dark:not(.btn-outline).disabled.focus, .btn.dark:not(.btn-outline)[disabled]:hover, .btn.dark:not(.btn-outline)[disabled]:focus, .btn.dark:not(.btn-outline)[disabled].focus,
  1481. fieldset[disabled] .btn.dark:not(.btn-outline):hover,
  1482. fieldset[disabled] .btn.dark:not(.btn-outline):focus,
  1483. fieldset[disabled] .btn.dark:not(.btn-outline).focus {
  1484. background-color: #2f353b;
  1485. border-color: #2f353b; }
  1486. .btn.dark:not(.btn-outline) .badge {
  1487. color: #2f353b;
  1488. background-color: #FFFFFF; }
  1489. .btn.btn-outline.dark {
  1490. border-color: #2f353b;
  1491. color: #2f353b;
  1492. background: none; }
  1493. .btn.btn-outline.dark:hover, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:focus, .btn.btn-outline.dark.active {
  1494. border-color: #2f353b;
  1495. color: #FFFFFF;
  1496. background-color: #2f353b; }
  1497. .btn.dark-stripe {
  1498. border-left: 4px solid #2f353b !important; }
  1499. .btn.dark.btn-no-border:not(.active) {
  1500. border-color: transparent; }
  1501. .btn.blue:not(.btn-outline) {
  1502. color: #FFFFFF;
  1503. background-color: #3598dc;
  1504. border-color: #3598dc; }
  1505. .btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {
  1506. color: #FFFFFF;
  1507. background-color: #217ebd;
  1508. border-color: #15527c; }
  1509. .btn.blue:not(.btn-outline):hover {
  1510. color: #FFFFFF;
  1511. background-color: #217ebd;
  1512. border-color: #1f78b5; }
  1513. .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
  1514. .open > .btn.blue:not(.btn-outline).dropdown-toggle {
  1515. color: #FFFFFF;
  1516. background-color: #217ebd;
  1517. border-color: #1f78b5; }
  1518. .btn.blue:not(.btn-outline):active:hover, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active.focus,
  1519. .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
  1520. .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,
  1521. .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus {
  1522. color: #FFFFFF;
  1523. background-color: #1c699f;
  1524. border-color: #15527c; }
  1525. .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
  1526. .open > .btn.blue:not(.btn-outline).dropdown-toggle {
  1527. background-image: none; }
  1528. .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline)[disabled]:hover, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled].focus,
  1529. fieldset[disabled] .btn.blue:not(.btn-outline):hover,
  1530. fieldset[disabled] .btn.blue:not(.btn-outline):focus,
  1531. fieldset[disabled] .btn.blue:not(.btn-outline).focus {
  1532. background-color: #3598dc;
  1533. border-color: #3598dc; }
  1534. .btn.blue:not(.btn-outline) .badge {
  1535. color: #3598dc;
  1536. background-color: #FFFFFF; }
  1537. .btn.btn-outline.blue {
  1538. border-color: #3598dc;
  1539. color: #3598dc;
  1540. background: none; }
  1541. .btn.btn-outline.blue:hover, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:focus, .btn.btn-outline.blue.active {
  1542. border-color: #3598dc;
  1543. color: #FFFFFF;
  1544. background-color: #3598dc; }
  1545. .btn.blue-stripe {
  1546. border-left: 4px solid #3598dc !important; }
  1547. .btn.blue.btn-no-border:not(.active) {
  1548. border-color: transparent; }
  1549. .btn.blue-madison:not(.btn-outline) {
  1550. color: #FFFFFF;
  1551. background-color: #578ebe;
  1552. border-color: #578ebe; }
  1553. .btn.blue-madison:not(.btn-outline):focus, .btn.blue-madison:not(.btn-outline).focus {
  1554. color: #FFFFFF;
  1555. background-color: #3f74a3;
  1556. border-color: #2a4d6c; }
  1557. .btn.blue-madison:not(.btn-outline):hover {
  1558. color: #FFFFFF;
  1559. background-color: #3f74a3;
  1560. border-color: #3c6f9c; }
  1561. .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active,
  1562. .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {
  1563. color: #FFFFFF;
  1564. background-color: #3f74a3;
  1565. border-color: #3c6f9c; }
  1566. .btn.blue-madison:not(.btn-outline):active:hover, .btn.blue-madison:not(.btn-outline):active:focus, .btn.blue-madison:not(.btn-outline):active.focus, .btn.blue-madison:not(.btn-outline).active:hover, .btn.blue-madison:not(.btn-outline).active:focus, .btn.blue-madison:not(.btn-outline).active.focus,
  1567. .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:hover,
  1568. .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:focus,
  1569. .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle.focus {
  1570. color: #FFFFFF;
  1571. background-color: #356289;
  1572. border-color: #2a4d6c; }
  1573. .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active,
  1574. .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {
  1575. background-image: none; }
  1576. .btn.blue-madison:not(.btn-outline).disabled:hover, .btn.blue-madison:not(.btn-outline).disabled:focus, .btn.blue-madison:not(.btn-outline).disabled.focus, .btn.blue-madison:not(.btn-outline)[disabled]:hover, .btn.blue-madison:not(.btn-outline)[disabled]:focus, .btn.blue-madison:not(.btn-outline)[disabled].focus,
  1577. fieldset[disabled] .btn.blue-madison:not(.btn-outline):hover,
  1578. fieldset[disabled] .btn.blue-madison:not(.btn-outline):focus,
  1579. fieldset[disabled] .btn.blue-madison:not(.btn-outline).focus {
  1580. background-color: #578ebe;
  1581. border-color: #578ebe; }
  1582. .btn.blue-madison:not(.btn-outline) .badge {
  1583. color: #578ebe;
  1584. background-color: #FFFFFF; }
  1585. .btn.btn-outline.blue-madison {
  1586. border-color: #578ebe;
  1587. color: #578ebe;
  1588. background: none; }
  1589. .btn.btn-outline.blue-madison:hover, .btn.btn-outline.blue-madison:active, .btn.btn-outline.blue-madison:active:hover, .btn.btn-outline.blue-madison:active:focus, .btn.btn-outline.blue-madison:focus, .btn.btn-outline.blue-madison.active {
  1590. border-color: #578ebe;
  1591. color: #FFFFFF;
  1592. background-color: #578ebe; }
  1593. .btn.blue-madison-stripe {
  1594. border-left: 4px solid #578ebe !important; }
  1595. .btn.blue-madison.btn-no-border:not(.active) {
  1596. border-color: transparent; }
  1597. .btn.blue-chambray:not(.btn-outline) {
  1598. color: #FFFFFF;
  1599. background-color: #2C3E50;
  1600. border-color: #2C3E50; }
  1601. .btn.blue-chambray:not(.btn-outline):focus, .btn.blue-chambray:not(.btn-outline).focus {
  1602. color: #FFFFFF;
  1603. background-color: #1a252f;
  1604. border-color: black; }
  1605. .btn.blue-chambray:not(.btn-outline):hover {
  1606. color: #FFFFFF;
  1607. background-color: #1a252f;
  1608. border-color: #161f29; }
  1609. .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active,
  1610. .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {
  1611. color: #FFFFFF;
  1612. background-color: #1a252f;
  1613. border-color: #161f29; }
  1614. .btn.blue-chambray:not(.btn-outline):active:hover, .btn.blue-chambray:not(.btn-outline):active:focus, .btn.blue-chambray:not(.btn-outline):active.focus, .btn.blue-chambray:not(.btn-outline).active:hover, .btn.blue-chambray:not(.btn-outline).active:focus, .btn.blue-chambray:not(.btn-outline).active.focus,
  1615. .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:hover,
  1616. .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:focus,
  1617. .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle.focus {
  1618. color: #FFFFFF;
  1619. background-color: #0d1318;
  1620. border-color: black; }
  1621. .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active,
  1622. .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {
  1623. background-image: none; }
  1624. .btn.blue-chambray:not(.btn-outline).disabled:hover, .btn.blue-chambray:not(.btn-outline).disabled:focus, .btn.blue-chambray:not(.btn-outline).disabled.focus, .btn.blue-chambray:not(.btn-outline)[disabled]:hover, .btn.blue-chambray:not(.btn-outline)[disabled]:focus, .btn.blue-chambray:not(.btn-outline)[disabled].focus,
  1625. fieldset[disabled] .btn.blue-chambray:not(.btn-outline):hover,
  1626. fieldset[disabled] .btn.blue-chambray:not(.btn-outline):focus,
  1627. fieldset[disabled] .btn.blue-chambray:not(.btn-outline).focus {
  1628. background-color: #2C3E50;
  1629. border-color: #2C3E50; }
  1630. .btn.blue-chambray:not(.btn-outline) .badge {
  1631. color: #2C3E50;
  1632. background-color: #FFFFFF; }
  1633. .btn.btn-outline.blue-chambray {
  1634. border-color: #2C3E50;
  1635. color: #2C3E50;
  1636. background: none; }
  1637. .btn.btn-outline.blue-chambray:hover, .btn.btn-outline.blue-chambray:active, .btn.btn-outline.blue-chambray:active:hover, .btn.btn-outline.blue-chambray:active:focus, .btn.btn-outline.blue-chambray:focus, .btn.btn-outline.blue-chambray.active {
  1638. border-color: #2C3E50;
  1639. color: #FFFFFF;
  1640. background-color: #2C3E50; }
  1641. .btn.blue-chambray-stripe {
  1642. border-left: 4px solid #2C3E50 !important; }
  1643. .btn.blue-chambray.btn-no-border:not(.active) {
  1644. border-color: transparent; }
  1645. .btn.blue-ebonyclay:not(.btn-outline) {
  1646. color: #FFFFFF;
  1647. background-color: #22313F;
  1648. border-color: #22313F; }
  1649. .btn.blue-ebonyclay:not(.btn-outline):focus, .btn.blue-ebonyclay:not(.btn-outline).focus {
  1650. color: #FFFFFF;
  1651. background-color: #10171e;
  1652. border-color: black; }
  1653. .btn.blue-ebonyclay:not(.btn-outline):hover {
  1654. color: #FFFFFF;
  1655. background-color: #10171e;
  1656. border-color: #0d1217; }
  1657. .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active,
  1658. .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {
  1659. color: #FFFFFF;
  1660. background-color: #10171e;
  1661. border-color: #0d1217; }
  1662. .btn.blue-ebonyclay:not(.btn-outline):active:hover, .btn.blue-ebonyclay:not(.btn-outline):active:focus, .btn.blue-ebonyclay:not(.btn-outline):active.focus, .btn.blue-ebonyclay:not(.btn-outline).active:hover, .btn.blue-ebonyclay:not(.btn-outline).active:focus, .btn.blue-ebonyclay:not(.btn-outline).active.focus,
  1663. .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:hover,
  1664. .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:focus,
  1665. .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle.focus {
  1666. color: #FFFFFF;
  1667. background-color: #040507;
  1668. border-color: black; }
  1669. .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active,
  1670. .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {
  1671. background-image: none; }
  1672. .btn.blue-ebonyclay:not(.btn-outline).disabled:hover, .btn.blue-ebonyclay:not(.btn-outline).disabled:focus, .btn.blue-ebonyclay:not(.btn-outline).disabled.focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:hover, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled].focus,
  1673. fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):hover,
  1674. fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):focus,
  1675. fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).focus {
  1676. background-color: #22313F;
  1677. border-color: #22313F; }
  1678. .btn.blue-ebonyclay:not(.btn-outline) .badge {
  1679. color: #22313F;
  1680. background-color: #FFFFFF; }
  1681. .btn.btn-outline.blue-ebonyclay {
  1682. border-color: #22313F;
  1683. color: #22313F;
  1684. background: none; }
  1685. .btn.btn-outline.blue-ebonyclay:hover, .btn.btn-outline.blue-ebonyclay:active, .btn.btn-outline.blue-ebonyclay:active:hover, .btn.btn-outline.blue-ebonyclay:active:focus, .btn.btn-outline.blue-ebonyclay:focus, .btn.btn-outline.blue-ebonyclay.active {
  1686. border-color: #22313F;
  1687. color: #FFFFFF;
  1688. background-color: #22313F; }
  1689. .btn.blue-ebonyclay-stripe {
  1690. border-left: 4px solid #22313F !important; }
  1691. .btn.blue-ebonyclay.btn-no-border:not(.active) {
  1692. border-color: transparent; }
  1693. .btn.blue-hoki:not(.btn-outline) {
  1694. color: #FFFFFF;
  1695. background-color: #67809F;
  1696. border-color: #67809F; }
  1697. .btn.blue-hoki:not(.btn-outline):focus, .btn.blue-hoki:not(.btn-outline).focus {
  1698. color: #FFFFFF;
  1699. background-color: #526781;
  1700. border-color: #344252; }
  1701. .btn.blue-hoki:not(.btn-outline):hover {
  1702. color: #FFFFFF;
  1703. background-color: #526781;
  1704. border-color: #4e627b; }
  1705. .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active,
  1706. .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {
  1707. color: #FFFFFF;
  1708. background-color: #526781;
  1709. border-color: #4e627b; }
  1710. .btn.blue-hoki:not(.btn-outline):active:hover, .btn.blue-hoki:not(.btn-outline):active:focus, .btn.blue-hoki:not(.btn-outline):active.focus, .btn.blue-hoki:not(.btn-outline).active:hover, .btn.blue-hoki:not(.btn-outline).active:focus, .btn.blue-hoki:not(.btn-outline).active.focus,
  1711. .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:hover,
  1712. .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:focus,
  1713. .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle.focus {
  1714. color: #FFFFFF;
  1715. background-color: #44566b;
  1716. border-color: #344252; }
  1717. .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active,
  1718. .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {
  1719. background-image: none; }
  1720. .btn.blue-hoki:not(.btn-outline).disabled:hover, .btn.blue-hoki:not(.btn-outline).disabled:focus, .btn.blue-hoki:not(.btn-outline).disabled.focus, .btn.blue-hoki:not(.btn-outline)[disabled]:hover, .btn.blue-hoki:not(.btn-outline)[disabled]:focus, .btn.blue-hoki:not(.btn-outline)[disabled].focus,
  1721. fieldset[disabled] .btn.blue-hoki:not(.btn-outline):hover,
  1722. fieldset[disabled] .btn.blue-hoki:not(.btn-outline):focus,
  1723. fieldset[disabled] .btn.blue-hoki:not(.btn-outline).focus {
  1724. background-color: #67809F;
  1725. border-color: #67809F; }
  1726. .btn.blue-hoki:not(.btn-outline) .badge {
  1727. color: #67809F;
  1728. background-color: #FFFFFF; }
  1729. .btn.btn-outline.blue-hoki {
  1730. border-color: #67809F;
  1731. color: #67809F;
  1732. background: none; }
  1733. .btn.btn-outline.blue-hoki:hover, .btn.btn-outline.blue-hoki:active, .btn.btn-outline.blue-hoki:active:hover, .btn.btn-outline.blue-hoki:active:focus, .btn.btn-outline.blue-hoki:focus, .btn.btn-outline.blue-hoki.active {
  1734. border-color: #67809F;
  1735. color: #FFFFFF;
  1736. background-color: #67809F; }
  1737. .btn.blue-hoki-stripe {
  1738. border-left: 4px solid #67809F !important; }
  1739. .btn.blue-hoki.btn-no-border:not(.active) {
  1740. border-color: transparent; }
  1741. .btn.blue-steel:not(.btn-outline) {
  1742. color: #FFFFFF;
  1743. background-color: #4B77BE;
  1744. border-color: #4B77BE; }
  1745. .btn.blue-steel:not(.btn-outline):focus, .btn.blue-steel:not(.btn-outline).focus {
  1746. color: #FFFFFF;
  1747. background-color: #395f9d;
  1748. border-color: #243d65; }
  1749. .btn.blue-steel:not(.btn-outline):hover {
  1750. color: #FFFFFF;
  1751. background-color: #395f9d;
  1752. border-color: #365b96; }
  1753. .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active,
  1754. .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {
  1755. color: #FFFFFF;
  1756. background-color: #395f9d;
  1757. border-color: #365b96; }
  1758. .btn.blue-steel:not(.btn-outline):active:hover, .btn.blue-steel:not(.btn-outline):active:focus, .btn.blue-steel:not(.btn-outline):active.focus, .btn.blue-steel:not(.btn-outline).active:hover, .btn.blue-steel:not(.btn-outline).active:focus, .btn.blue-steel:not(.btn-outline).active.focus,
  1759. .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:hover,
  1760. .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:focus,
  1761. .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle.focus {
  1762. color: #FFFFFF;
  1763. background-color: #2f4f83;
  1764. border-color: #243d65; }
  1765. .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active,
  1766. .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {
  1767. background-image: none; }
  1768. .btn.blue-steel:not(.btn-outline).disabled:hover, .btn.blue-steel:not(.btn-outline).disabled:focus, .btn.blue-steel:not(.btn-outline).disabled.focus, .btn.blue-steel:not(.btn-outline)[disabled]:hover, .btn.blue-steel:not(.btn-outline)[disabled]:focus, .btn.blue-steel:not(.btn-outline)[disabled].focus,
  1769. fieldset[disabled] .btn.blue-steel:not(.btn-outline):hover,
  1770. fieldset[disabled] .btn.blue-steel:not(.btn-outline):focus,
  1771. fieldset[disabled] .btn.blue-steel:not(.btn-outline).focus {
  1772. background-color: #4B77BE;
  1773. border-color: #4B77BE; }
  1774. .btn.blue-steel:not(.btn-outline) .badge {
  1775. color: #4B77BE;
  1776. background-color: #FFFFFF; }
  1777. .btn.btn-outline.blue-steel {
  1778. border-color: #4B77BE;
  1779. color: #4B77BE;
  1780. background: none; }
  1781. .btn.btn-outline.blue-steel:hover, .btn.btn-outline.blue-steel:active, .btn.btn-outline.blue-steel:active:hover, .btn.btn-outline.blue-steel:active:focus, .btn.btn-outline.blue-steel:focus, .btn.btn-outline.blue-steel.active {
  1782. border-color: #4B77BE;
  1783. color: #FFFFFF;
  1784. background-color: #4B77BE; }
  1785. .btn.blue-steel-stripe {
  1786. border-left: 4px solid #4B77BE !important; }
  1787. .btn.blue-steel.btn-no-border:not(.active) {
  1788. border-color: transparent; }
  1789. .btn.blue-soft:not(.btn-outline) {
  1790. color: #FFFFFF;
  1791. background-color: #4c87b9;
  1792. border-color: #4c87b9; }
  1793. .btn.blue-soft:not(.btn-outline):focus, .btn.blue-soft:not(.btn-outline).focus {
  1794. color: #FFFFFF;
  1795. background-color: #3b6d97;
  1796. border-color: #264560; }
  1797. .btn.blue-soft:not(.btn-outline):hover {
  1798. color: #FFFFFF;
  1799. background-color: #3b6d97;
  1800. border-color: #386890; }
  1801. .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active,
  1802. .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {
  1803. color: #FFFFFF;
  1804. background-color: #3b6d97;
  1805. border-color: #386890; }
  1806. .btn.blue-soft:not(.btn-outline):active:hover, .btn.blue-soft:not(.btn-outline):active:focus, .btn.blue-soft:not(.btn-outline):active.focus, .btn.blue-soft:not(.btn-outline).active:hover, .btn.blue-soft:not(.btn-outline).active:focus, .btn.blue-soft:not(.btn-outline).active.focus,
  1807. .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:hover,
  1808. .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:focus,
  1809. .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle.focus {
  1810. color: #FFFFFF;
  1811. background-color: #315a7d;
  1812. border-color: #264560; }
  1813. .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active,
  1814. .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {
  1815. background-image: none; }
  1816. .btn.blue-soft:not(.btn-outline).disabled:hover, .btn.blue-soft:not(.btn-outline).disabled:focus, .btn.blue-soft:not(.btn-outline).disabled.focus, .btn.blue-soft:not(.btn-outline)[disabled]:hover, .btn.blue-soft:not(.btn-outline)[disabled]:focus, .btn.blue-soft:not(.btn-outline)[disabled].focus,
  1817. fieldset[disabled] .btn.blue-soft:not(.btn-outline):hover,
  1818. fieldset[disabled] .btn.blue-soft:not(.btn-outline):focus,
  1819. fieldset[disabled] .btn.blue-soft:not(.btn-outline).focus {
  1820. background-color: #4c87b9;
  1821. border-color: #4c87b9; }
  1822. .btn.blue-soft:not(.btn-outline) .badge {
  1823. color: #4c87b9;
  1824. background-color: #FFFFFF; }
  1825. .btn.btn-outline.blue-soft {
  1826. border-color: #4c87b9;
  1827. color: #4c87b9;
  1828. background: none; }
  1829. .btn.btn-outline.blue-soft:hover, .btn.btn-outline.blue-soft:active, .btn.btn-outline.blue-soft:active:hover, .btn.btn-outline.blue-soft:active:focus, .btn.btn-outline.blue-soft:focus, .btn.btn-outline.blue-soft.active {
  1830. border-color: #4c87b9;
  1831. color: #FFFFFF;
  1832. background-color: #4c87b9; }
  1833. .btn.blue-soft-stripe {
  1834. border-left: 4px solid #4c87b9 !important; }
  1835. .btn.blue-soft.btn-no-border:not(.active) {
  1836. border-color: transparent; }
  1837. .btn.blue-dark:not(.btn-outline) {
  1838. color: #FFFFFF;
  1839. background-color: #5e738b;
  1840. border-color: #5e738b; }
  1841. .btn.blue-dark:not(.btn-outline):focus, .btn.blue-dark:not(.btn-outline).focus {
  1842. color: #FFFFFF;
  1843. background-color: #495a6d;
  1844. border-color: #2b343f; }
  1845. .btn.blue-dark:not(.btn-outline):hover {
  1846. color: #FFFFFF;
  1847. background-color: #495a6d;
  1848. border-color: #455566; }
  1849. .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active,
  1850. .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {
  1851. color: #FFFFFF;
  1852. background-color: #495a6d;
  1853. border-color: #455566; }
  1854. .btn.blue-dark:not(.btn-outline):active:hover, .btn.blue-dark:not(.btn-outline):active:focus, .btn.blue-dark:not(.btn-outline):active.focus, .btn.blue-dark:not(.btn-outline).active:hover, .btn.blue-dark:not(.btn-outline).active:focus, .btn.blue-dark:not(.btn-outline).active.focus,
  1855. .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:hover,
  1856. .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:focus,
  1857. .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle.focus {
  1858. color: #FFFFFF;
  1859. background-color: #3b4857;
  1860. border-color: #2b343f; }
  1861. .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active,
  1862. .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {
  1863. background-image: none; }
  1864. .btn.blue-dark:not(.btn-outline).disabled:hover, .btn.blue-dark:not(.btn-outline).disabled:focus, .btn.blue-dark:not(.btn-outline).disabled.focus, .btn.blue-dark:not(.btn-outline)[disabled]:hover, .btn.blue-dark:not(.btn-outline)[disabled]:focus, .btn.blue-dark:not(.btn-outline)[disabled].focus,
  1865. fieldset[disabled] .btn.blue-dark:not(.btn-outline):hover,
  1866. fieldset[disabled] .btn.blue-dark:not(.btn-outline):focus,
  1867. fieldset[disabled] .btn.blue-dark:not(.btn-outline).focus {
  1868. background-color: #5e738b;
  1869. border-color: #5e738b; }
  1870. .btn.blue-dark:not(.btn-outline) .badge {
  1871. color: #5e738b;
  1872. background-color: #FFFFFF; }
  1873. .btn.btn-outline.blue-dark {
  1874. border-color: #5e738b;
  1875. color: #5e738b;
  1876. background: none; }
  1877. .btn.btn-outline.blue-dark:hover, .btn.btn-outline.blue-dark:active, .btn.btn-outline.blue-dark:active:hover, .btn.btn-outline.blue-dark:active:focus, .btn.btn-outline.blue-dark:focus, .btn.btn-outline.blue-dark.active {
  1878. border-color: #5e738b;
  1879. color: #FFFFFF;
  1880. background-color: #5e738b; }
  1881. .btn.blue-dark-stripe {
  1882. border-left: 4px solid #5e738b !important; }
  1883. .btn.blue-dark.btn-no-border:not(.active) {
  1884. border-color: transparent; }
  1885. .btn.blue-sharp:not(.btn-outline) {
  1886. color: #FFFFFF;
  1887. background-color: #5C9BD1;
  1888. border-color: #5C9BD1; }
  1889. .btn.blue-sharp:not(.btn-outline):focus, .btn.blue-sharp:not(.btn-outline).focus {
  1890. color: #FFFFFF;
  1891. background-color: #3782c3;
  1892. border-color: #265a87; }
  1893. .btn.blue-sharp:not(.btn-outline):hover {
  1894. color: #FFFFFF;
  1895. background-color: #3782c3;
  1896. border-color: #357dbb; }
  1897. .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active,
  1898. .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
  1899. color: #FFFFFF;
  1900. background-color: #3782c3;
  1901. border-color: #357dbb; }
  1902. .btn.blue-sharp:not(.btn-outline):active:hover, .btn.blue-sharp:not(.btn-outline):active:focus, .btn.blue-sharp:not(.btn-outline):active.focus, .btn.blue-sharp:not(.btn-outline).active:hover, .btn.blue-sharp:not(.btn-outline).active:focus, .btn.blue-sharp:not(.btn-outline).active.focus,
  1903. .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover,
  1904. .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus,
  1905. .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus {
  1906. color: #FFFFFF;
  1907. background-color: #2f70a7;
  1908. border-color: #265a87; }
  1909. .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active,
  1910. .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
  1911. background-image: none; }
  1912. .btn.blue-sharp:not(.btn-outline).disabled:hover, .btn.blue-sharp:not(.btn-outline).disabled:focus, .btn.blue-sharp:not(.btn-outline).disabled.focus, .btn.blue-sharp:not(.btn-outline)[disabled]:hover, .btn.blue-sharp:not(.btn-outline)[disabled]:focus, .btn.blue-sharp:not(.btn-outline)[disabled].focus,
  1913. fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover,
  1914. fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus,
  1915. fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus {
  1916. background-color: #5C9BD1;
  1917. border-color: #5C9BD1; }
  1918. .btn.blue-sharp:not(.btn-outline) .badge {
  1919. color: #5C9BD1;
  1920. background-color: #FFFFFF; }
  1921. .btn.btn-outline.blue-sharp {
  1922. border-color: #5C9BD1;
  1923. color: #5C9BD1;
  1924. background: none; }
  1925. .btn.btn-outline.blue-sharp:hover, .btn.btn-outline.blue-sharp:active, .btn.btn-outline.blue-sharp:active:hover, .btn.btn-outline.blue-sharp:active:focus, .btn.btn-outline.blue-sharp:focus, .btn.btn-outline.blue-sharp.active {
  1926. border-color: #5C9BD1;
  1927. color: #FFFFFF;
  1928. background-color: #5C9BD1; }
  1929. .btn.blue-sharp-stripe {
  1930. border-left: 4px solid #5C9BD1 !important; }
  1931. .btn.blue-sharp.btn-no-border:not(.active) {
  1932. border-color: transparent; }
  1933. .btn.blue-oleo:not(.btn-outline) {
  1934. color: #FFFFFF;
  1935. background-color: #94A0B2;
  1936. border-color: #94A0B2; }
  1937. .btn.blue-oleo:not(.btn-outline):focus, .btn.blue-oleo:not(.btn-outline).focus {
  1938. color: #FFFFFF;
  1939. background-color: #76869d;
  1940. border-color: #536073; }
  1941. .btn.blue-oleo:not(.btn-outline):hover {
  1942. color: #FFFFFF;
  1943. background-color: #76869d;
  1944. border-color: #708098; }
  1945. .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline).active,
  1946. .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle {
  1947. color: #FFFFFF;
  1948. background-color: #76869d;
  1949. border-color: #708098; }
  1950. .btn.blue-oleo:not(.btn-outline):active:hover, .btn.blue-oleo:not(.btn-outline):active:focus, .btn.blue-oleo:not(.btn-outline):active.focus, .btn.blue-oleo:not(.btn-outline).active:hover, .btn.blue-oleo:not(.btn-outline).active:focus, .btn.blue-oleo:not(.btn-outline).active.focus,
  1951. .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:hover,
  1952. .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:focus,
  1953. .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle.focus {
  1954. color: #FFFFFF;
  1955. background-color: #64748b;
  1956. border-color: #536073; }
  1957. .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline).active,
  1958. .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle {
  1959. background-image: none; }
  1960. .btn.blue-oleo:not(.btn-outline).disabled:hover, .btn.blue-oleo:not(.btn-outline).disabled:focus, .btn.blue-oleo:not(.btn-outline).disabled.focus, .btn.blue-oleo:not(.btn-outline)[disabled]:hover, .btn.blue-oleo:not(.btn-outline)[disabled]:focus, .btn.blue-oleo:not(.btn-outline)[disabled].focus,
  1961. fieldset[disabled] .btn.blue-oleo:not(.btn-outline):hover,
  1962. fieldset[disabled] .btn.blue-oleo:not(.btn-outline):focus,
  1963. fieldset[disabled] .btn.blue-oleo:not(.btn-outline).focus {
  1964. background-color: #94A0B2;
  1965. border-color: #94A0B2; }
  1966. .btn.blue-oleo:not(.btn-outline) .badge {
  1967. color: #94A0B2;
  1968. background-color: #FFFFFF; }
  1969. .btn.btn-outline.blue-oleo {
  1970. border-color: #94A0B2;
  1971. color: #94A0B2;
  1972. background: none; }
  1973. .btn.btn-outline.blue-oleo:hover, .btn.btn-outline.blue-oleo:active, .btn.btn-outline.blue-oleo:active:hover, .btn.btn-outline.blue-oleo:active:focus, .btn.btn-outline.blue-oleo:focus, .btn.btn-outline.blue-oleo.active {
  1974. border-color: #94A0B2;
  1975. color: #FFFFFF;
  1976. background-color: #94A0B2; }
  1977. .btn.blue-oleo-stripe {
  1978. border-left: 4px solid #94A0B2 !important; }
  1979. .btn.blue-oleo.btn-no-border:not(.active) {
  1980. border-color: transparent; }
  1981. .btn.green:not(.btn-outline) {
  1982. color: #FFFFFF;
  1983. background-color: #32c5d2;
  1984. border-color: #32c5d2; }
  1985. .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline).focus {
  1986. color: #FFFFFF;
  1987. background-color: #26a1ab;
  1988. border-color: #18666d; }
  1989. .btn.green:not(.btn-outline):hover {
  1990. color: #FFFFFF;
  1991. background-color: #26a1ab;
  1992. border-color: #2499a3; }
  1993. .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
  1994. .open > .btn.green:not(.btn-outline).dropdown-toggle {
  1995. color: #FFFFFF;
  1996. background-color: #26a1ab;
  1997. border-color: #2499a3; }
  1998. .btn.green:not(.btn-outline):active:hover, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active.focus,
  1999. .open > .btn.green:not(.btn-outline).dropdown-toggle:hover,
  2000. .open > .btn.green:not(.btn-outline).dropdown-toggle:focus,
  2001. .open > .btn.green:not(.btn-outline).dropdown-toggle.focus {
  2002. color: #FFFFFF;
  2003. background-color: #1f858e;
  2004. border-color: #18666d; }
  2005. .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
  2006. .open > .btn.green:not(.btn-outline).dropdown-toggle {
  2007. background-image: none; }
  2008. .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline)[disabled]:hover, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled].focus,
  2009. fieldset[disabled] .btn.green:not(.btn-outline):hover,
  2010. fieldset[disabled] .btn.green:not(.btn-outline):focus,
  2011. fieldset[disabled] .btn.green:not(.btn-outline).focus {
  2012. background-color: #32c5d2;
  2013. border-color: #32c5d2; }
  2014. .btn.green:not(.btn-outline) .badge {
  2015. color: #32c5d2;
  2016. background-color: #FFFFFF; }
  2017. .btn.btn-outline.green {
  2018. border-color: #32c5d2;
  2019. color: #32c5d2;
  2020. background: none; }
  2021. .btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active {
  2022. border-color: #32c5d2;
  2023. color: #FFFFFF;
  2024. background-color: #32c5d2; }
  2025. .btn.green-stripe {
  2026. border-left: 4px solid #32c5d2 !important; }
  2027. .btn.green.btn-no-border:not(.active) {
  2028. border-color: transparent; }
  2029. .btn.green-meadow:not(.btn-outline) {
  2030. color: #FFFFFF;
  2031. background-color: #1BBC9B;
  2032. border-color: #1BBC9B; }
  2033. .btn.green-meadow:not(.btn-outline):focus, .btn.green-meadow:not(.btn-outline).focus {
  2034. color: #FFFFFF;
  2035. background-color: #158f76;
  2036. border-color: #0b4d3f; }
  2037. .btn.green-meadow:not(.btn-outline):hover {
  2038. color: #FFFFFF;
  2039. background-color: #158f76;
  2040. border-color: #13866f; }
  2041. .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active,
  2042. .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
  2043. color: #FFFFFF;
  2044. background-color: #158f76;
  2045. border-color: #13866f; }
  2046. .btn.green-meadow:not(.btn-outline):active:hover, .btn.green-meadow:not(.btn-outline):active:focus, .btn.green-meadow:not(.btn-outline):active.focus, .btn.green-meadow:not(.btn-outline).active:hover, .btn.green-meadow:not(.btn-outline).active:focus, .btn.green-meadow:not(.btn-outline).active.focus,
  2047. .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover,
  2048. .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus,
  2049. .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus {
  2050. color: #FFFFFF;
  2051. background-color: #10705c;
  2052. border-color: #0b4d3f; }
  2053. .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active,
  2054. .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
  2055. background-image: none; }
  2056. .btn.green-meadow:not(.btn-outline).disabled:hover, .btn.green-meadow:not(.btn-outline).disabled:focus, .btn.green-meadow:not(.btn-outline).disabled.focus, .btn.green-meadow:not(.btn-outline)[disabled]:hover, .btn.green-meadow:not(.btn-outline)[disabled]:focus, .btn.green-meadow:not(.btn-outline)[disabled].focus,
  2057. fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover,
  2058. fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus,
  2059. fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus {
  2060. background-color: #1BBC9B;
  2061. border-color: #1BBC9B; }
  2062. .btn.green-meadow:not(.btn-outline) .badge {
  2063. color: #1BBC9B;
  2064. background-color: #FFFFFF; }
  2065. .btn.btn-outline.green-meadow {
  2066. border-color: #1BBC9B;
  2067. color: #1BBC9B;
  2068. background: none; }
  2069. .btn.btn-outline.green-meadow:hover, .btn.btn-outline.green-meadow:active, .btn.btn-outline.green-meadow:active:hover, .btn.btn-outline.green-meadow:active:focus, .btn.btn-outline.green-meadow:focus, .btn.btn-outline.green-meadow.active {
  2070. border-color: #1BBC9B;
  2071. color: #FFFFFF;
  2072. background-color: #1BBC9B; }
  2073. .btn.green-meadow-stripe {
  2074. border-left: 4px solid #1BBC9B !important; }
  2075. .btn.green-meadow.btn-no-border:not(.active) {
  2076. border-color: transparent; }
  2077. .btn.green-seagreen:not(.btn-outline) {
  2078. color: #FFFFFF;
  2079. background-color: #1BA39C;
  2080. border-color: #1BA39C; }
  2081. .btn.green-seagreen:not(.btn-outline):focus, .btn.green-seagreen:not(.btn-outline).focus {
  2082. color: #FFFFFF;
  2083. background-color: #147772;
  2084. border-color: #093633; }
  2085. .btn.green-seagreen:not(.btn-outline):hover {
  2086. color: #FFFFFF;
  2087. background-color: #147772;
  2088. border-color: #126e6a; }
  2089. .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active,
  2090. .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
  2091. color: #FFFFFF;
  2092. background-color: #147772;
  2093. border-color: #126e6a; }
  2094. .btn.green-seagreen:not(.btn-outline):active:hover, .btn.green-seagreen:not(.btn-outline):active:focus, .btn.green-seagreen:not(.btn-outline):active.focus, .btn.green-seagreen:not(.btn-outline).active:hover, .btn.green-seagreen:not(.btn-outline).active:focus, .btn.green-seagreen:not(.btn-outline).active.focus,
  2095. .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover,
  2096. .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus,
  2097. .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus {
  2098. color: #FFFFFF;
  2099. background-color: #0f5955;
  2100. border-color: #093633; }
  2101. .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active,
  2102. .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
  2103. background-image: none; }
  2104. .btn.green-seagreen:not(.btn-outline).disabled:hover, .btn.green-seagreen:not(.btn-outline).disabled:focus, .btn.green-seagreen:not(.btn-outline).disabled.focus, .btn.green-seagreen:not(.btn-outline)[disabled]:hover, .btn.green-seagreen:not(.btn-outline)[disabled]:focus, .btn.green-seagreen:not(.btn-outline)[disabled].focus,
  2105. fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover,
  2106. fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus,
  2107. fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus {
  2108. background-color: #1BA39C;
  2109. border-color: #1BA39C; }
  2110. .btn.green-seagreen:not(.btn-outline) .badge {
  2111. color: #1BA39C;
  2112. background-color: #FFFFFF; }
  2113. .btn.btn-outline.green-seagreen {
  2114. border-color: #1BA39C;
  2115. color: #1BA39C;
  2116. background: none; }
  2117. .btn.btn-outline.green-seagreen:hover, .btn.btn-outline.green-seagreen:active, .btn.btn-outline.green-seagreen:active:hover, .btn.btn-outline.green-seagreen:active:focus, .btn.btn-outline.green-seagreen:focus, .btn.btn-outline.green-seagreen.active {
  2118. border-color: #1BA39C;
  2119. color: #FFFFFF;
  2120. background-color: #1BA39C; }
  2121. .btn.green-seagreen-stripe {
  2122. border-left: 4px solid #1BA39C !important; }
  2123. .btn.green-seagreen.btn-no-border:not(.active) {
  2124. border-color: transparent; }
  2125. .btn.green-turquoise:not(.btn-outline) {
  2126. color: #FFFFFF;
  2127. background-color: #36D7B7;
  2128. border-color: #36D7B7; }
  2129. .btn.green-turquoise:not(.btn-outline):focus, .btn.green-turquoise:not(.btn-outline).focus {
  2130. color: #FFFFFF;
  2131. background-color: #24b699;
  2132. border-color: #177663; }
  2133. .btn.green-turquoise:not(.btn-outline):hover {
  2134. color: #FFFFFF;
  2135. background-color: #24b699;
  2136. border-color: #22ad92; }
  2137. .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active,
  2138. .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {
  2139. color: #FFFFFF;
  2140. background-color: #24b699;
  2141. border-color: #22ad92; }
  2142. .btn.green-turquoise:not(.btn-outline):active:hover, .btn.green-turquoise:not(.btn-outline):active:focus, .btn.green-turquoise:not(.btn-outline):active.focus, .btn.green-turquoise:not(.btn-outline).active:hover, .btn.green-turquoise:not(.btn-outline).active:focus, .btn.green-turquoise:not(.btn-outline).active.focus,
  2143. .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:hover,
  2144. .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:focus,
  2145. .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle.focus {
  2146. color: #FFFFFF;
  2147. background-color: #1e9880;
  2148. border-color: #177663; }
  2149. .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active,
  2150. .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {
  2151. background-image: none; }
  2152. .btn.green-turquoise:not(.btn-outline).disabled:hover, .btn.green-turquoise:not(.btn-outline).disabled:focus, .btn.green-turquoise:not(.btn-outline).disabled.focus, .btn.green-turquoise:not(.btn-outline)[disabled]:hover, .btn.green-turquoise:not(.btn-outline)[disabled]:focus, .btn.green-turquoise:not(.btn-outline)[disabled].focus,
  2153. fieldset[disabled] .btn.green-turquoise:not(.btn-outline):hover,
  2154. fieldset[disabled] .btn.green-turquoise:not(.btn-outline):focus,
  2155. fieldset[disabled] .btn.green-turquoise:not(.btn-outline).focus {
  2156. background-color: #36D7B7;
  2157. border-color: #36D7B7; }
  2158. .btn.green-turquoise:not(.btn-outline) .badge {
  2159. color: #36D7B7;
  2160. background-color: #FFFFFF; }
  2161. .btn.btn-outline.green-turquoise {
  2162. border-color: #36D7B7;
  2163. color: #36D7B7;
  2164. background: none; }
  2165. .btn.btn-outline.green-turquoise:hover, .btn.btn-outline.green-turquoise:active, .btn.btn-outline.green-turquoise:active:hover, .btn.btn-outline.green-turquoise:active:focus, .btn.btn-outline.green-turquoise:focus, .btn.btn-outline.green-turquoise.active {
  2166. border-color: #36D7B7;
  2167. color: #FFFFFF;
  2168. background-color: #36D7B7; }
  2169. .btn.green-turquoise-stripe {
  2170. border-left: 4px solid #36D7B7 !important; }
  2171. .btn.green-turquoise.btn-no-border:not(.active) {
  2172. border-color: transparent; }
  2173. .btn.green-haze:not(.btn-outline) {
  2174. color: #FFFFFF;
  2175. background-color: #44b6ae;
  2176. border-color: #44b6ae; }
  2177. .btn.green-haze:not(.btn-outline):focus, .btn.green-haze:not(.btn-outline).focus {
  2178. color: #FFFFFF;
  2179. background-color: #36918b;
  2180. border-color: #215955; }
  2181. .btn.green-haze:not(.btn-outline):hover {
  2182. color: #FFFFFF;
  2183. background-color: #36918b;
  2184. border-color: #338983; }
  2185. .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active,
  2186. .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
  2187. color: #FFFFFF;
  2188. background-color: #36918b;
  2189. border-color: #338983; }
  2190. .btn.green-haze:not(.btn-outline):active:hover, .btn.green-haze:not(.btn-outline):active:focus, .btn.green-haze:not(.btn-outline):active.focus, .btn.green-haze:not(.btn-outline).active:hover, .btn.green-haze:not(.btn-outline).active:focus, .btn.green-haze:not(.btn-outline).active.focus,
  2191. .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover,
  2192. .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus,
  2193. .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus {
  2194. color: #FFFFFF;
  2195. background-color: #2c7772;
  2196. border-color: #215955; }
  2197. .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active,
  2198. .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
  2199. background-image: none; }
  2200. .btn.green-haze:not(.btn-outline).disabled:hover, .btn.green-haze:not(.btn-outline).disabled:focus, .btn.green-haze:not(.btn-outline).disabled.focus, .btn.green-haze:not(.btn-outline)[disabled]:hover, .btn.green-haze:not(.btn-outline)[disabled]:focus, .btn.green-haze:not(.btn-outline)[disabled].focus,
  2201. fieldset[disabled] .btn.green-haze:not(.btn-outline):hover,
  2202. fieldset[disabled] .btn.green-haze:not(.btn-outline):focus,
  2203. fieldset[disabled] .btn.green-haze:not(.btn-outline).focus {
  2204. background-color: #44b6ae;
  2205. border-color: #44b6ae; }
  2206. .btn.green-haze:not(.btn-outline) .badge {
  2207. color: #44b6ae;
  2208. background-color: #FFFFFF; }
  2209. .btn.btn-outline.green-haze {
  2210. border-color: #44b6ae;
  2211. color: #44b6ae;
  2212. background: none; }
  2213. .btn.btn-outline.green-haze:hover, .btn.btn-outline.green-haze:active, .btn.btn-outline.green-haze:active:hover, .btn.btn-outline.green-haze:active:focus, .btn.btn-outline.green-haze:focus, .btn.btn-outline.green-haze.active {
  2214. border-color: #44b6ae;
  2215. color: #FFFFFF;
  2216. background-color: #44b6ae; }
  2217. .btn.green-haze-stripe {
  2218. border-left: 4px solid #44b6ae !important; }
  2219. .btn.green-haze.btn-no-border:not(.active) {
  2220. border-color: transparent; }
  2221. .btn.green-jungle:not(.btn-outline) {
  2222. color: #FFFFFF;
  2223. background-color: #26C281;
  2224. border-color: #26C281; }
  2225. .btn.green-jungle:not(.btn-outline):focus, .btn.green-jungle:not(.btn-outline).focus {
  2226. color: #FFFFFF;
  2227. background-color: #1e9765;
  2228. border-color: #11573a; }
  2229. .btn.green-jungle:not(.btn-outline):hover {
  2230. color: #FFFFFF;
  2231. background-color: #1e9765;
  2232. border-color: #1c8f5f; }
  2233. .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active,
  2234. .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {
  2235. color: #FFFFFF;
  2236. background-color: #1e9765;
  2237. border-color: #1c8f5f; }
  2238. .btn.green-jungle:not(.btn-outline):active:hover, .btn.green-jungle:not(.btn-outline):active:focus, .btn.green-jungle:not(.btn-outline):active.focus, .btn.green-jungle:not(.btn-outline).active:hover, .btn.green-jungle:not(.btn-outline).active:focus, .btn.green-jungle:not(.btn-outline).active.focus,
  2239. .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover,
  2240. .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus,
  2241. .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus {
  2242. color: #FFFFFF;
  2243. background-color: #187a51;
  2244. border-color: #11573a; }
  2245. .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active,
  2246. .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {
  2247. background-image: none; }
  2248. .btn.green-jungle:not(.btn-outline).disabled:hover, .btn.green-jungle:not(.btn-outline).disabled:focus, .btn.green-jungle:not(.btn-outline).disabled.focus, .btn.green-jungle:not(.btn-outline)[disabled]:hover, .btn.green-jungle:not(.btn-outline)[disabled]:focus, .btn.green-jungle:not(.btn-outline)[disabled].focus,
  2249. fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover,
  2250. fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus,
  2251. fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus {
  2252. background-color: #26C281;
  2253. border-color: #26C281; }
  2254. .btn.green-jungle:not(.btn-outline) .badge {
  2255. color: #26C281;
  2256. background-color: #FFFFFF; }
  2257. .btn.btn-outline.green-jungle {
  2258. border-color: #26C281;
  2259. color: #26C281;
  2260. background: none; }
  2261. .btn.btn-outline.green-jungle:hover, .btn.btn-outline.green-jungle:active, .btn.btn-outline.green-jungle:active:hover, .btn.btn-outline.green-jungle:active:focus, .btn.btn-outline.green-jungle:focus, .btn.btn-outline.green-jungle.active {
  2262. border-color: #26C281;
  2263. color: #FFFFFF;
  2264. background-color: #26C281; }
  2265. .btn.green-jungle-stripe {
  2266. border-left: 4px solid #26C281 !important; }
  2267. .btn.green-jungle.btn-no-border:not(.active) {
  2268. border-color: transparent; }
  2269. .btn.green-soft:not(.btn-outline) {
  2270. color: #FFFFFF;
  2271. background-color: #3faba4;
  2272. border-color: #3faba4; }
  2273. .btn.green-soft:not(.btn-outline):focus, .btn.green-soft:not(.btn-outline).focus {
  2274. color: #FFFFFF;
  2275. background-color: #318680;
  2276. border-color: #1d4e4b; }
  2277. .btn.green-soft:not(.btn-outline):hover {
  2278. color: #FFFFFF;
  2279. background-color: #318680;
  2280. border-color: #2f7e79; }
  2281. .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active,
  2282. .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
  2283. color: #FFFFFF;
  2284. background-color: #318680;
  2285. border-color: #2f7e79; }
  2286. .btn.green-soft:not(.btn-outline):active:hover, .btn.green-soft:not(.btn-outline):active:focus, .btn.green-soft:not(.btn-outline):active.focus, .btn.green-soft:not(.btn-outline).active:hover, .btn.green-soft:not(.btn-outline).active:focus, .btn.green-soft:not(.btn-outline).active.focus,
  2287. .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover,
  2288. .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus,
  2289. .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus {
  2290. color: #FFFFFF;
  2291. background-color: #286c67;
  2292. border-color: #1d4e4b; }
  2293. .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active,
  2294. .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
  2295. background-image: none; }
  2296. .btn.green-soft:not(.btn-outline).disabled:hover, .btn.green-soft:not(.btn-outline).disabled:focus, .btn.green-soft:not(.btn-outline).disabled.focus, .btn.green-soft:not(.btn-outline)[disabled]:hover, .btn.green-soft:not(.btn-outline)[disabled]:focus, .btn.green-soft:not(.btn-outline)[disabled].focus,
  2297. fieldset[disabled] .btn.green-soft:not(.btn-outline):hover,
  2298. fieldset[disabled] .btn.green-soft:not(.btn-outline):focus,
  2299. fieldset[disabled] .btn.green-soft:not(.btn-outline).focus {
  2300. background-color: #3faba4;
  2301. border-color: #3faba4; }
  2302. .btn.green-soft:not(.btn-outline) .badge {
  2303. color: #3faba4;
  2304. background-color: #FFFFFF; }
  2305. .btn.btn-outline.green-soft {
  2306. border-color: #3faba4;
  2307. color: #3faba4;
  2308. background: none; }
  2309. .btn.btn-outline.green-soft:hover, .btn.btn-outline.green-soft:active, .btn.btn-outline.green-soft:active:hover, .btn.btn-outline.green-soft:active:focus, .btn.btn-outline.green-soft:focus, .btn.btn-outline.green-soft.active {
  2310. border-color: #3faba4;
  2311. color: #FFFFFF;
  2312. background-color: #3faba4; }
  2313. .btn.green-soft-stripe {
  2314. border-left: 4px solid #3faba4 !important; }
  2315. .btn.green-soft.btn-no-border:not(.active) {
  2316. border-color: transparent; }
  2317. .btn.green-dark:not(.btn-outline) {
  2318. color: #FFFFFF;
  2319. background-color: #4DB3A2;
  2320. border-color: #4DB3A2; }
  2321. .btn.green-dark:not(.btn-outline):focus, .btn.green-dark:not(.btn-outline).focus {
  2322. color: #FFFFFF;
  2323. background-color: #3d9082;
  2324. border-color: #265a51; }
  2325. .btn.green-dark:not(.btn-outline):hover {
  2326. color: #FFFFFF;
  2327. background-color: #3d9082;
  2328. border-color: #3a897b; }
  2329. .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active,
  2330. .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {
  2331. color: #FFFFFF;
  2332. background-color: #3d9082;
  2333. border-color: #3a897b; }
  2334. .btn.green-dark:not(.btn-outline):active:hover, .btn.green-dark:not(.btn-outline):active:focus, .btn.green-dark:not(.btn-outline):active.focus, .btn.green-dark:not(.btn-outline).active:hover, .btn.green-dark:not(.btn-outline).active:focus, .btn.green-dark:not(.btn-outline).active.focus,
  2335. .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:hover,
  2336. .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:focus,
  2337. .open > .btn.green-dark:not(.btn-outline).dropdown-toggle.focus {
  2338. color: #FFFFFF;
  2339. background-color: #33776b;
  2340. border-color: #265a51; }
  2341. .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active,
  2342. .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {
  2343. background-image: none; }
  2344. .btn.green-dark:not(.btn-outline).disabled:hover, .btn.green-dark:not(.btn-outline).disabled:focus, .btn.green-dark:not(.btn-outline).disabled.focus, .btn.green-dark:not(.btn-outline)[disabled]:hover, .btn.green-dark:not(.btn-outline)[disabled]:focus, .btn.green-dark:not(.btn-outline)[disabled].focus,
  2345. fieldset[disabled] .btn.green-dark:not(.btn-outline):hover,
  2346. fieldset[disabled] .btn.green-dark:not(.btn-outline):focus,
  2347. fieldset[disabled] .btn.green-dark:not(.btn-outline).focus {
  2348. background-color: #4DB3A2;
  2349. border-color: #4DB3A2; }
  2350. .btn.green-dark:not(.btn-outline) .badge {
  2351. color: #4DB3A2;
  2352. background-color: #FFFFFF; }
  2353. .btn.btn-outline.green-dark {
  2354. border-color: #4DB3A2;
  2355. color: #4DB3A2;
  2356. background: none; }
  2357. .btn.btn-outline.green-dark:hover, .btn.btn-outline.green-dark:active, .btn.btn-outline.green-dark:active:hover, .btn.btn-outline.green-dark:active:focus, .btn.btn-outline.green-dark:focus, .btn.btn-outline.green-dark.active {
  2358. border-color: #4DB3A2;
  2359. color: #FFFFFF;
  2360. background-color: #4DB3A2; }
  2361. .btn.green-dark-stripe {
  2362. border-left: 4px solid #4DB3A2 !important; }
  2363. .btn.green-dark.btn-no-border:not(.active) {
  2364. border-color: transparent; }
  2365. .btn.green-sharp:not(.btn-outline) {
  2366. color: #FFFFFF;
  2367. background-color: #2ab4c0;
  2368. border-color: #2ab4c0; }
  2369. .btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus {
  2370. color: #FFFFFF;
  2371. background-color: #218d96;
  2372. border-color: #135257; }
  2373. .btn.green-sharp:not(.btn-outline):hover {
  2374. color: #FFFFFF;
  2375. background-color: #218d96;
  2376. border-color: #1f858e; }
  2377. .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,
  2378. .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
  2379. color: #FFFFFF;
  2380. background-color: #218d96;
  2381. border-color: #1f858e; }
  2382. .btn.green-sharp:not(.btn-outline):active:hover, .btn.green-sharp:not(.btn-outline):active:focus, .btn.green-sharp:not(.btn-outline):active.focus, .btn.green-sharp:not(.btn-outline).active:hover, .btn.green-sharp:not(.btn-outline).active:focus, .btn.green-sharp:not(.btn-outline).active.focus,
  2383. .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover,
  2384. .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus,
  2385. .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus {
  2386. color: #FFFFFF;
  2387. background-color: #1a7179;
  2388. border-color: #135257; }
  2389. .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,
  2390. .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
  2391. background-image: none; }
  2392. .btn.green-sharp:not(.btn-outline).disabled:hover, .btn.green-sharp:not(.btn-outline).disabled:focus, .btn.green-sharp:not(.btn-outline).disabled.focus, .btn.green-sharp:not(.btn-outline)[disabled]:hover, .btn.green-sharp:not(.btn-outline)[disabled]:focus, .btn.green-sharp:not(.btn-outline)[disabled].focus,
  2393. fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover,
  2394. fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus,
  2395. fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus {
  2396. background-color: #2ab4c0;
  2397. border-color: #2ab4c0; }
  2398. .btn.green-sharp:not(.btn-outline) .badge {
  2399. color: #2ab4c0;
  2400. background-color: #FFFFFF; }
  2401. .btn.btn-outline.green-sharp {
  2402. border-color: #2ab4c0;
  2403. color: #2ab4c0;
  2404. background: none; }
  2405. .btn.btn-outline.green-sharp:hover, .btn.btn-outline.green-sharp:active, .btn.btn-outline.green-sharp:active:hover, .btn.btn-outline.green-sharp:active:focus, .btn.btn-outline.green-sharp:focus, .btn.btn-outline.green-sharp.active {
  2406. border-color: #2ab4c0;
  2407. color: #FFFFFF;
  2408. background-color: #2ab4c0; }
  2409. .btn.green-sharp-stripe {
  2410. border-left: 4px solid #2ab4c0 !important; }
  2411. .btn.green-sharp.btn-no-border:not(.active) {
  2412. border-color: transparent; }
  2413. .btn.green-steel:not(.btn-outline) {
  2414. color: #FFFFFF;
  2415. background-color: #29b4b6;
  2416. border-color: #29b4b6; }
  2417. .btn.green-steel:not(.btn-outline):focus, .btn.green-steel:not(.btn-outline).focus {
  2418. color: #FFFFFF;
  2419. background-color: #208b8c;
  2420. border-color: #124d4e; }
  2421. .btn.green-steel:not(.btn-outline):hover {
  2422. color: #FFFFFF;
  2423. background-color: #208b8c;
  2424. border-color: #1e8384; }
  2425. .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline).active,
  2426. .open > .btn.green-steel:not(.btn-outline).dropdown-toggle {
  2427. color: #FFFFFF;
  2428. background-color: #208b8c;
  2429. border-color: #1e8384; }
  2430. .btn.green-steel:not(.btn-outline):active:hover, .btn.green-steel:not(.btn-outline):active:focus, .btn.green-steel:not(.btn-outline):active.focus, .btn.green-steel:not(.btn-outline).active:hover, .btn.green-steel:not(.btn-outline).active:focus, .btn.green-steel:not(.btn-outline).active.focus,
  2431. .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:hover,
  2432. .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:focus,
  2433. .open > .btn.green-steel:not(.btn-outline).dropdown-toggle.focus {
  2434. color: #FFFFFF;
  2435. background-color: #196e6f;
  2436. border-color: #124d4e; }
  2437. .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline).active,
  2438. .open > .btn.green-steel:not(.btn-outline).dropdown-toggle {
  2439. background-image: none; }
  2440. .btn.green-steel:not(.btn-outline).disabled:hover, .btn.green-steel:not(.btn-outline).disabled:focus, .btn.green-steel:not(.btn-outline).disabled.focus, .btn.green-steel:not(.btn-outline)[disabled]:hover, .btn.green-steel:not(.btn-outline)[disabled]:focus, .btn.green-steel:not(.btn-outline)[disabled].focus,
  2441. fieldset[disabled] .btn.green-steel:not(.btn-outline):hover,
  2442. fieldset[disabled] .btn.green-steel:not(.btn-outline):focus,
  2443. fieldset[disabled] .btn.green-steel:not(.btn-outline).focus {
  2444. background-color: #29b4b6;
  2445. border-color: #29b4b6; }
  2446. .btn.green-steel:not(.btn-outline) .badge {
  2447. color: #29b4b6;
  2448. background-color: #FFFFFF; }
  2449. .btn.btn-outline.green-steel {
  2450. border-color: #29b4b6;
  2451. color: #29b4b6;
  2452. background: none; }
  2453. .btn.btn-outline.green-steel:hover, .btn.btn-outline.green-steel:active, .btn.btn-outline.green-steel:active:hover, .btn.btn-outline.green-steel:active:focus, .btn.btn-outline.green-steel:focus, .btn.btn-outline.green-steel.active {
  2454. border-color: #29b4b6;
  2455. color: #FFFFFF;
  2456. background-color: #29b4b6; }
  2457. .btn.green-steel-stripe {
  2458. border-left: 4px solid #29b4b6 !important; }
  2459. .btn.green-steel.btn-no-border:not(.active) {
  2460. border-color: transparent; }
  2461. .btn.grey:not(.btn-outline) {
  2462. color: #333333;
  2463. background-color: #E5E5E5;
  2464. border-color: #E5E5E5; }
  2465. .btn.grey:not(.btn-outline):focus, .btn.grey:not(.btn-outline).focus {
  2466. color: #333333;
  2467. background-color: #cccccc;
  2468. border-color: #a5a5a5; }
  2469. .btn.grey:not(.btn-outline):hover {
  2470. color: #333333;
  2471. background-color: #cccccc;
  2472. border-color: #c6c6c6; }
  2473. .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active,
  2474. .open > .btn.grey:not(.btn-outline).dropdown-toggle {
  2475. color: #333333;
  2476. background-color: #cccccc;
  2477. border-color: #c6c6c6; }
  2478. .btn.grey:not(.btn-outline):active:hover, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active.focus,
  2479. .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover,
  2480. .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus,
  2481. .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus {
  2482. color: #333333;
  2483. background-color: #bababa;
  2484. border-color: #a5a5a5; }
  2485. .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active,
  2486. .open > .btn.grey:not(.btn-outline).dropdown-toggle {
  2487. background-image: none; }
  2488. .btn.grey:not(.btn-outline).disabled:hover, .btn.grey:not(.btn-outline).disabled:focus, .btn.grey:not(.btn-outline).disabled.focus, .btn.grey:not(.btn-outline)[disabled]:hover, .btn.grey:not(.btn-outline)[disabled]:focus, .btn.grey:not(.btn-outline)[disabled].focus,
  2489. fieldset[disabled] .btn.grey:not(.btn-outline):hover,
  2490. fieldset[disabled] .btn.grey:not(.btn-outline):focus,
  2491. fieldset[disabled] .btn.grey:not(.btn-outline).focus {
  2492. background-color: #E5E5E5;
  2493. border-color: #E5E5E5; }
  2494. .btn.grey:not(.btn-outline) .badge {
  2495. color: #E5E5E5;
  2496. background-color: #333333; }
  2497. .btn.btn-outline.grey {
  2498. border-color: #E5E5E5;
  2499. color: #E5E5E5;
  2500. background: none; }
  2501. .btn.btn-outline.grey:hover, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:focus, .btn.btn-outline.grey.active {
  2502. border-color: #E5E5E5;
  2503. color: #333333;
  2504. background-color: #E5E5E5; }
  2505. .btn.grey-stripe {
  2506. border-left: 4px solid #E5E5E5 !important; }
  2507. .btn.grey.btn-no-border:not(.active) {
  2508. border-color: transparent; }
  2509. .btn.grey-steel:not(.btn-outline) {
  2510. color: #80898e;
  2511. background-color: #e9edef;
  2512. border-color: #e9edef; }
  2513. .btn.grey-steel:not(.btn-outline):focus, .btn.grey-steel:not(.btn-outline).focus {
  2514. color: #80898e;
  2515. background-color: #cbd5da;
  2516. border-color: #9fb1b9; }
  2517. .btn.grey-steel:not(.btn-outline):hover {
  2518. color: #80898e;
  2519. background-color: #cbd5da;
  2520. border-color: #c6d0d5; }
  2521. .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active,
  2522. .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {
  2523. color: #80898e;
  2524. background-color: #cbd5da;
  2525. border-color: #c6d0d5; }
  2526. .btn.grey-steel:not(.btn-outline):active:hover, .btn.grey-steel:not(.btn-outline):active:focus, .btn.grey-steel:not(.btn-outline):active.focus, .btn.grey-steel:not(.btn-outline).active:hover, .btn.grey-steel:not(.btn-outline).active:focus, .btn.grey-steel:not(.btn-outline).active.focus,
  2527. .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover,
  2528. .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus,
  2529. .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus {
  2530. color: #80898e;
  2531. background-color: #b7c4ca;
  2532. border-color: #9fb1b9; }
  2533. .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active,
  2534. .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {
  2535. background-image: none; }
  2536. .btn.grey-steel:not(.btn-outline).disabled:hover, .btn.grey-steel:not(.btn-outline).disabled:focus, .btn.grey-steel:not(.btn-outline).disabled.focus, .btn.grey-steel:not(.btn-outline)[disabled]:hover, .btn.grey-steel:not(.btn-outline)[disabled]:focus, .btn.grey-steel:not(.btn-outline)[disabled].focus,
  2537. fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover,
  2538. fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus,
  2539. fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus {
  2540. background-color: #e9edef;
  2541. border-color: #e9edef; }
  2542. .btn.grey-steel:not(.btn-outline) .badge {
  2543. color: #e9edef;
  2544. background-color: #80898e; }
  2545. .btn.btn-outline.grey-steel {
  2546. border-color: #e9edef;
  2547. color: #e9edef;
  2548. background: none; }
  2549. .btn.btn-outline.grey-steel:hover, .btn.btn-outline.grey-steel:active, .btn.btn-outline.grey-steel:active:hover, .btn.btn-outline.grey-steel:active:focus, .btn.btn-outline.grey-steel:focus, .btn.btn-outline.grey-steel.active {
  2550. border-color: #e9edef;
  2551. color: #80898e;
  2552. background-color: #e9edef; }
  2553. .btn.grey-steel-stripe {
  2554. border-left: 4px solid #e9edef !important; }
  2555. .btn.grey-steel.btn-no-border:not(.active) {
  2556. border-color: transparent; }
  2557. .btn.grey-cararra:not(.btn-outline) {
  2558. color: #333333;
  2559. background-color: #fafafa;
  2560. border-color: #fafafa; }
  2561. .btn.grey-cararra:not(.btn-outline):focus, .btn.grey-cararra:not(.btn-outline).focus {
  2562. color: #333333;
  2563. background-color: #e1e1e1;
  2564. border-color: #bababa; }
  2565. .btn.grey-cararra:not(.btn-outline):hover {
  2566. color: #333333;
  2567. background-color: #e1e1e1;
  2568. border-color: #dbdbdb; }
  2569. .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active,
  2570. .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {
  2571. color: #333333;
  2572. background-color: #e1e1e1;
  2573. border-color: #dbdbdb; }
  2574. .btn.grey-cararra:not(.btn-outline):active:hover, .btn.grey-cararra:not(.btn-outline):active:focus, .btn.grey-cararra:not(.btn-outline):active.focus, .btn.grey-cararra:not(.btn-outline).active:hover, .btn.grey-cararra:not(.btn-outline).active:focus, .btn.grey-cararra:not(.btn-outline).active.focus,
  2575. .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover,
  2576. .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus,
  2577. .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus {
  2578. color: #333333;
  2579. background-color: #cfcfcf;
  2580. border-color: #bababa; }
  2581. .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active,
  2582. .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {
  2583. background-image: none; }
  2584. .btn.grey-cararra:not(.btn-outline).disabled:hover, .btn.grey-cararra:not(.btn-outline).disabled:focus, .btn.grey-cararra:not(.btn-outline).disabled.focus, .btn.grey-cararra:not(.btn-outline)[disabled]:hover, .btn.grey-cararra:not(.btn-outline)[disabled]:focus, .btn.grey-cararra:not(.btn-outline)[disabled].focus,
  2585. fieldset[disabled] .btn.grey-cararra:not(.btn-outline):hover,
  2586. fieldset[disabled] .btn.grey-cararra:not(.btn-outline):focus,
  2587. fieldset[disabled] .btn.grey-cararra:not(.btn-outline).focus {
  2588. background-color: #fafafa;
  2589. border-color: #fafafa; }
  2590. .btn.grey-cararra:not(.btn-outline) .badge {
  2591. color: #fafafa;
  2592. background-color: #333333; }
  2593. .btn.btn-outline.grey-cararra {
  2594. border-color: #fafafa;
  2595. color: #fafafa;
  2596. background: none; }
  2597. .btn.btn-outline.grey-cararra:hover, .btn.btn-outline.grey-cararra:active, .btn.btn-outline.grey-cararra:active:hover, .btn.btn-outline.grey-cararra:active:focus, .btn.btn-outline.grey-cararra:focus, .btn.btn-outline.grey-cararra.active {
  2598. border-color: #fafafa;
  2599. color: #333333;
  2600. background-color: #fafafa; }
  2601. .btn.grey-cararra-stripe {
  2602. border-left: 4px solid #fafafa !important; }
  2603. .btn.grey-cararra.btn-no-border:not(.active) {
  2604. border-color: transparent; }
  2605. .btn.grey-gallery:not(.btn-outline) {
  2606. color: #ffffff;
  2607. background-color: #555555;
  2608. border-color: #555555; }
  2609. .btn.grey-gallery:not(.btn-outline):focus, .btn.grey-gallery:not(.btn-outline).focus {
  2610. color: #ffffff;
  2611. background-color: #3c3c3c;
  2612. border-color: #151515; }
  2613. .btn.grey-gallery:not(.btn-outline):hover {
  2614. color: #ffffff;
  2615. background-color: #3c3c3c;
  2616. border-color: #363636; }
  2617. .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active,
  2618. .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
  2619. color: #ffffff;
  2620. background-color: #3c3c3c;
  2621. border-color: #363636; }
  2622. .btn.grey-gallery:not(.btn-outline):active:hover, .btn.grey-gallery:not(.btn-outline):active:focus, .btn.grey-gallery:not(.btn-outline):active.focus, .btn.grey-gallery:not(.btn-outline).active:hover, .btn.grey-gallery:not(.btn-outline).active:focus, .btn.grey-gallery:not(.btn-outline).active.focus,
  2623. .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover,
  2624. .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus,
  2625. .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus {
  2626. color: #ffffff;
  2627. background-color: #2a2a2a;
  2628. border-color: #151515; }
  2629. .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active,
  2630. .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
  2631. background-image: none; }
  2632. .btn.grey-gallery:not(.btn-outline).disabled:hover, .btn.grey-gallery:not(.btn-outline).disabled:focus, .btn.grey-gallery:not(.btn-outline).disabled.focus, .btn.grey-gallery:not(.btn-outline)[disabled]:hover, .btn.grey-gallery:not(.btn-outline)[disabled]:focus, .btn.grey-gallery:not(.btn-outline)[disabled].focus,
  2633. fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover,
  2634. fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus,
  2635. fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus {
  2636. background-color: #555555;
  2637. border-color: #555555; }
  2638. .btn.grey-gallery:not(.btn-outline) .badge {
  2639. color: #555555;
  2640. background-color: #ffffff; }
  2641. .btn.btn-outline.grey-gallery {
  2642. border-color: #555555;
  2643. color: #555555;
  2644. background: none; }
  2645. .btn.btn-outline.grey-gallery:hover, .btn.btn-outline.grey-gallery:active, .btn.btn-outline.grey-gallery:active:hover, .btn.btn-outline.grey-gallery:active:focus, .btn.btn-outline.grey-gallery:focus, .btn.btn-outline.grey-gallery.active {
  2646. border-color: #555555;
  2647. color: #ffffff;
  2648. background-color: #555555; }
  2649. .btn.grey-gallery-stripe {
  2650. border-left: 4px solid #555555 !important; }
  2651. .btn.grey-gallery.btn-no-border:not(.active) {
  2652. border-color: transparent; }
  2653. .btn.grey-cascade:not(.btn-outline) {
  2654. color: #FFFFFF;
  2655. background-color: #95A5A6;
  2656. border-color: #95A5A6; }
  2657. .btn.grey-cascade:not(.btn-outline):focus, .btn.grey-cascade:not(.btn-outline).focus {
  2658. color: #FFFFFF;
  2659. background-color: #798d8f;
  2660. border-color: #566566; }
  2661. .btn.grey-cascade:not(.btn-outline):hover {
  2662. color: #FFFFFF;
  2663. background-color: #798d8f;
  2664. border-color: #74898a; }
  2665. .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active,
  2666. .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {
  2667. color: #FFFFFF;
  2668. background-color: #798d8f;
  2669. border-color: #74898a; }
  2670. .btn.grey-cascade:not(.btn-outline):active:hover, .btn.grey-cascade:not(.btn-outline):active:focus, .btn.grey-cascade:not(.btn-outline):active.focus, .btn.grey-cascade:not(.btn-outline).active:hover, .btn.grey-cascade:not(.btn-outline).active:focus, .btn.grey-cascade:not(.btn-outline).active.focus,
  2671. .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:hover,
  2672. .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:focus,
  2673. .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle.focus {
  2674. color: #FFFFFF;
  2675. background-color: #687b7c;
  2676. border-color: #566566; }
  2677. .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active,
  2678. .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {
  2679. background-image: none; }
  2680. .btn.grey-cascade:not(.btn-outline).disabled:hover, .btn.grey-cascade:not(.btn-outline).disabled:focus, .btn.grey-cascade:not(.btn-outline).disabled.focus, .btn.grey-cascade:not(.btn-outline)[disabled]:hover, .btn.grey-cascade:not(.btn-outline)[disabled]:focus, .btn.grey-cascade:not(.btn-outline)[disabled].focus,
  2681. fieldset[disabled] .btn.grey-cascade:not(.btn-outline):hover,
  2682. fieldset[disabled] .btn.grey-cascade:not(.btn-outline):focus,
  2683. fieldset[disabled] .btn.grey-cascade:not(.btn-outline).focus {
  2684. background-color: #95A5A6;
  2685. border-color: #95A5A6; }
  2686. .btn.grey-cascade:not(.btn-outline) .badge {
  2687. color: #95A5A6;
  2688. background-color: #FFFFFF; }
  2689. .btn.btn-outline.grey-cascade {
  2690. border-color: #95A5A6;
  2691. color: #95A5A6;
  2692. background: none; }
  2693. .btn.btn-outline.grey-cascade:hover, .btn.btn-outline.grey-cascade:active, .btn.btn-outline.grey-cascade:active:hover, .btn.btn-outline.grey-cascade:active:focus, .btn.btn-outline.grey-cascade:focus, .btn.btn-outline.grey-cascade.active {
  2694. border-color: #95A5A6;
  2695. color: #FFFFFF;
  2696. background-color: #95A5A6; }
  2697. .btn.grey-cascade-stripe {
  2698. border-left: 4px solid #95A5A6 !important; }
  2699. .btn.grey-cascade.btn-no-border:not(.active) {
  2700. border-color: transparent; }
  2701. .btn.grey-silver:not(.btn-outline) {
  2702. color: #FAFCFB;
  2703. background-color: #BFBFBF;
  2704. border-color: #BFBFBF; }
  2705. .btn.grey-silver:not(.btn-outline):focus, .btn.grey-silver:not(.btn-outline).focus {
  2706. color: #FAFCFB;
  2707. background-color: #a6a6a6;
  2708. border-color: #7f7f7f; }
  2709. .btn.grey-silver:not(.btn-outline):hover {
  2710. color: #FAFCFB;
  2711. background-color: #a6a6a6;
  2712. border-color: #a0a0a0; }
  2713. .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active,
  2714. .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {
  2715. color: #FAFCFB;
  2716. background-color: #a6a6a6;
  2717. border-color: #a0a0a0; }
  2718. .btn.grey-silver:not(.btn-outline):active:hover, .btn.grey-silver:not(.btn-outline):active:focus, .btn.grey-silver:not(.btn-outline):active.focus, .btn.grey-silver:not(.btn-outline).active:hover, .btn.grey-silver:not(.btn-outline).active:focus, .btn.grey-silver:not(.btn-outline).active.focus,
  2719. .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover,
  2720. .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:focus,
  2721. .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle.focus {
  2722. color: #FAFCFB;
  2723. background-color: #949494;
  2724. border-color: #7f7f7f; }
  2725. .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active,
  2726. .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {
  2727. background-image: none; }
  2728. .btn.grey-silver:not(.btn-outline).disabled:hover, .btn.grey-silver:not(.btn-outline).disabled:focus, .btn.grey-silver:not(.btn-outline).disabled.focus, .btn.grey-silver:not(.btn-outline)[disabled]:hover, .btn.grey-silver:not(.btn-outline)[disabled]:focus, .btn.grey-silver:not(.btn-outline)[disabled].focus,
  2729. fieldset[disabled] .btn.grey-silver:not(.btn-outline):hover,
  2730. fieldset[disabled] .btn.grey-silver:not(.btn-outline):focus,
  2731. fieldset[disabled] .btn.grey-silver:not(.btn-outline).focus {
  2732. background-color: #BFBFBF;
  2733. border-color: #BFBFBF; }
  2734. .btn.grey-silver:not(.btn-outline) .badge {
  2735. color: #BFBFBF;
  2736. background-color: #FAFCFB; }
  2737. .btn.btn-outline.grey-silver {
  2738. border-color: #BFBFBF;
  2739. color: #BFBFBF;
  2740. background: none; }
  2741. .btn.btn-outline.grey-silver:hover, .btn.btn-outline.grey-silver:active, .btn.btn-outline.grey-silver:active:hover, .btn.btn-outline.grey-silver:active:focus, .btn.btn-outline.grey-silver:focus, .btn.btn-outline.grey-silver.active {
  2742. border-color: #BFBFBF;
  2743. color: #FAFCFB;
  2744. background-color: #BFBFBF; }
  2745. .btn.grey-silver-stripe {
  2746. border-left: 4px solid #BFBFBF !important; }
  2747. .btn.grey-silver.btn-no-border:not(.active) {
  2748. border-color: transparent; }
  2749. .btn.grey-salsa:not(.btn-outline) {
  2750. color: #FAFCFB;
  2751. background-color: #ACB5C3;
  2752. border-color: #ACB5C3; }
  2753. .btn.grey-salsa:not(.btn-outline):focus, .btn.grey-salsa:not(.btn-outline).focus {
  2754. color: #FAFCFB;
  2755. background-color: #8e9bae;
  2756. border-color: #64748b; }
  2757. .btn.grey-salsa:not(.btn-outline):hover {
  2758. color: #FAFCFB;
  2759. background-color: #8e9bae;
  2760. border-color: #8895a9; }
  2761. .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active,
  2762. .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
  2763. color: #FAFCFB;
  2764. background-color: #8e9bae;
  2765. border-color: #8895a9; }
  2766. .btn.grey-salsa:not(.btn-outline):active:hover, .btn.grey-salsa:not(.btn-outline):active:focus, .btn.grey-salsa:not(.btn-outline):active.focus, .btn.grey-salsa:not(.btn-outline).active:hover, .btn.grey-salsa:not(.btn-outline).active:focus, .btn.grey-salsa:not(.btn-outline).active.focus,
  2767. .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover,
  2768. .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus,
  2769. .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus {
  2770. color: #FAFCFB;
  2771. background-color: #7a889f;
  2772. border-color: #64748b; }
  2773. .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active,
  2774. .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
  2775. background-image: none; }
  2776. .btn.grey-salsa:not(.btn-outline).disabled:hover, .btn.grey-salsa:not(.btn-outline).disabled:focus, .btn.grey-salsa:not(.btn-outline).disabled.focus, .btn.grey-salsa:not(.btn-outline)[disabled]:hover, .btn.grey-salsa:not(.btn-outline)[disabled]:focus, .btn.grey-salsa:not(.btn-outline)[disabled].focus,
  2777. fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover,
  2778. fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus,
  2779. fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus {
  2780. background-color: #ACB5C3;
  2781. border-color: #ACB5C3; }
  2782. .btn.grey-salsa:not(.btn-outline) .badge {
  2783. color: #ACB5C3;
  2784. background-color: #FAFCFB; }
  2785. .btn.btn-outline.grey-salsa {
  2786. border-color: #ACB5C3;
  2787. color: #ACB5C3;
  2788. background: none; }
  2789. .btn.btn-outline.grey-salsa:hover, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa.active {
  2790. border-color: #ACB5C3;
  2791. color: #FAFCFB;
  2792. background-color: #ACB5C3; }
  2793. .btn.grey-salsa-stripe {
  2794. border-left: 4px solid #ACB5C3 !important; }
  2795. .btn.grey-salsa.btn-no-border:not(.active) {
  2796. border-color: transparent; }
  2797. .btn.grey-salt:not(.btn-outline) {
  2798. color: #FAFCFB;
  2799. background-color: #bfcad1;
  2800. border-color: #bfcad1; }
  2801. .btn.grey-salt:not(.btn-outline):focus, .btn.grey-salt:not(.btn-outline).focus {
  2802. color: #FAFCFB;
  2803. background-color: #a1b1bc;
  2804. border-color: #758d9c; }
  2805. .btn.grey-salt:not(.btn-outline):hover {
  2806. color: #FAFCFB;
  2807. background-color: #a1b1bc;
  2808. border-color: #9badb7; }
  2809. .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active,
  2810. .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {
  2811. color: #FAFCFB;
  2812. background-color: #a1b1bc;
  2813. border-color: #9badb7; }
  2814. .btn.grey-salt:not(.btn-outline):active:hover, .btn.grey-salt:not(.btn-outline):active:focus, .btn.grey-salt:not(.btn-outline):active.focus, .btn.grey-salt:not(.btn-outline).active:hover, .btn.grey-salt:not(.btn-outline).active:focus, .btn.grey-salt:not(.btn-outline).active.focus,
  2815. .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:hover,
  2816. .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:focus,
  2817. .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle.focus {
  2818. color: #FAFCFB;
  2819. background-color: #8da0ad;
  2820. border-color: #758d9c; }
  2821. .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active,
  2822. .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {
  2823. background-image: none; }
  2824. .btn.grey-salt:not(.btn-outline).disabled:hover, .btn.grey-salt:not(.btn-outline).disabled:focus, .btn.grey-salt:not(.btn-outline).disabled.focus, .btn.grey-salt:not(.btn-outline)[disabled]:hover, .btn.grey-salt:not(.btn-outline)[disabled]:focus, .btn.grey-salt:not(.btn-outline)[disabled].focus,
  2825. fieldset[disabled] .btn.grey-salt:not(.btn-outline):hover,
  2826. fieldset[disabled] .btn.grey-salt:not(.btn-outline):focus,
  2827. fieldset[disabled] .btn.grey-salt:not(.btn-outline).focus {
  2828. background-color: #bfcad1;
  2829. border-color: #bfcad1; }
  2830. .btn.grey-salt:not(.btn-outline) .badge {
  2831. color: #bfcad1;
  2832. background-color: #FAFCFB; }
  2833. .btn.btn-outline.grey-salt {
  2834. border-color: #bfcad1;
  2835. color: #bfcad1;
  2836. background: none; }
  2837. .btn.btn-outline.grey-salt:hover, .btn.btn-outline.grey-salt:active, .btn.btn-outline.grey-salt:active:hover, .btn.btn-outline.grey-salt:active:focus, .btn.btn-outline.grey-salt:focus, .btn.btn-outline.grey-salt.active {
  2838. border-color: #bfcad1;
  2839. color: #FAFCFB;
  2840. background-color: #bfcad1; }
  2841. .btn.grey-salt-stripe {
  2842. border-left: 4px solid #bfcad1 !important; }
  2843. .btn.grey-salt.btn-no-border:not(.active) {
  2844. border-color: transparent; }
  2845. .btn.grey-mint:not(.btn-outline) {
  2846. color: #FFFFFF;
  2847. background-color: #525e64;
  2848. border-color: #525e64; }
  2849. .btn.grey-mint:not(.btn-outline):focus, .btn.grey-mint:not(.btn-outline).focus {
  2850. color: #FFFFFF;
  2851. background-color: #3b4448;
  2852. border-color: #191c1e; }
  2853. .btn.grey-mint:not(.btn-outline):hover {
  2854. color: #FFFFFF;
  2855. background-color: #3b4448;
  2856. border-color: #363e42; }
  2857. .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active,
  2858. .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {
  2859. color: #FFFFFF;
  2860. background-color: #3b4448;
  2861. border-color: #363e42; }
  2862. .btn.grey-mint:not(.btn-outline):active:hover, .btn.grey-mint:not(.btn-outline):active:focus, .btn.grey-mint:not(.btn-outline):active.focus, .btn.grey-mint:not(.btn-outline).active:hover, .btn.grey-mint:not(.btn-outline).active:focus, .btn.grey-mint:not(.btn-outline).active.focus,
  2863. .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:hover,
  2864. .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:focus,
  2865. .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle.focus {
  2866. color: #FFFFFF;
  2867. background-color: #2b3134;
  2868. border-color: #191c1e; }
  2869. .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active,
  2870. .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {
  2871. background-image: none; }
  2872. .btn.grey-mint:not(.btn-outline).disabled:hover, .btn.grey-mint:not(.btn-outline).disabled:focus, .btn.grey-mint:not(.btn-outline).disabled.focus, .btn.grey-mint:not(.btn-outline)[disabled]:hover, .btn.grey-mint:not(.btn-outline)[disabled]:focus, .btn.grey-mint:not(.btn-outline)[disabled].focus,
  2873. fieldset[disabled] .btn.grey-mint:not(.btn-outline):hover,
  2874. fieldset[disabled] .btn.grey-mint:not(.btn-outline):focus,
  2875. fieldset[disabled] .btn.grey-mint:not(.btn-outline).focus {
  2876. background-color: #525e64;
  2877. border-color: #525e64; }
  2878. .btn.grey-mint:not(.btn-outline) .badge {
  2879. color: #525e64;
  2880. background-color: #FFFFFF; }
  2881. .btn.btn-outline.grey-mint {
  2882. border-color: #525e64;
  2883. color: #525e64;
  2884. background: none; }
  2885. .btn.btn-outline.grey-mint:hover, .btn.btn-outline.grey-mint:active, .btn.btn-outline.grey-mint:active:hover, .btn.btn-outline.grey-mint:active:focus, .btn.btn-outline.grey-mint:focus, .btn.btn-outline.grey-mint.active {
  2886. border-color: #525e64;
  2887. color: #FFFFFF;
  2888. background-color: #525e64; }
  2889. .btn.grey-mint-stripe {
  2890. border-left: 4px solid #525e64 !important; }
  2891. .btn.grey-mint.btn-no-border:not(.active) {
  2892. border-color: transparent; }
  2893. .btn.red:not(.btn-outline) {
  2894. color: #ffffff;
  2895. background-color: #e7505a;
  2896. border-color: #e7505a; }
  2897. .btn.red:not(.btn-outline):focus, .btn.red:not(.btn-outline).focus {
  2898. color: #ffffff;
  2899. background-color: #e12330;
  2900. border-color: #a1161f; }
  2901. .btn.red:not(.btn-outline):hover {
  2902. color: #ffffff;
  2903. background-color: #e12330;
  2904. border-color: #dc1e2b; }
  2905. .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
  2906. .open > .btn.red:not(.btn-outline).dropdown-toggle {
  2907. color: #ffffff;
  2908. background-color: #e12330;
  2909. border-color: #dc1e2b; }
  2910. .btn.red:not(.btn-outline):active:hover, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active.focus,
  2911. .open > .btn.red:not(.btn-outline).dropdown-toggle:hover,
  2912. .open > .btn.red:not(.btn-outline).dropdown-toggle:focus,
  2913. .open > .btn.red:not(.btn-outline).dropdown-toggle.focus {
  2914. color: #ffffff;
  2915. background-color: #c51b26;
  2916. border-color: #a1161f; }
  2917. .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
  2918. .open > .btn.red:not(.btn-outline).dropdown-toggle {
  2919. background-image: none; }
  2920. .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline)[disabled]:hover, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled].focus,
  2921. fieldset[disabled] .btn.red:not(.btn-outline):hover,
  2922. fieldset[disabled] .btn.red:not(.btn-outline):focus,
  2923. fieldset[disabled] .btn.red:not(.btn-outline).focus {
  2924. background-color: #e7505a;
  2925. border-color: #e7505a; }
  2926. .btn.red:not(.btn-outline) .badge {
  2927. color: #e7505a;
  2928. background-color: #ffffff; }
  2929. .btn.btn-outline.red {
  2930. border-color: #e7505a;
  2931. color: #e7505a;
  2932. background: none; }
  2933. .btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
  2934. border-color: #e7505a;
  2935. color: #ffffff;
  2936. background-color: #e7505a; }
  2937. .btn.red-stripe {
  2938. border-left: 4px solid #e7505a !important; }
  2939. .btn.red.btn-no-border:not(.active) {
  2940. border-color: transparent; }
  2941. .btn.red-pink:not(.btn-outline) {
  2942. color: #ffffff;
  2943. background-color: #E08283;
  2944. border-color: #E08283; }
  2945. .btn.red-pink:not(.btn-outline):focus, .btn.red-pink:not(.btn-outline).focus {
  2946. color: #ffffff;
  2947. background-color: #d6595a;
  2948. border-color: #b52d2e; }
  2949. .btn.red-pink:not(.btn-outline):hover {
  2950. color: #ffffff;
  2951. background-color: #d6595a;
  2952. border-color: #d45152; }
  2953. .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,
  2954. .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
  2955. color: #ffffff;
  2956. background-color: #d6595a;
  2957. border-color: #d45152; }
  2958. .btn.red-pink:not(.btn-outline):active:hover, .btn.red-pink:not(.btn-outline):active:focus, .btn.red-pink:not(.btn-outline):active.focus, .btn.red-pink:not(.btn-outline).active:hover, .btn.red-pink:not(.btn-outline).active:focus, .btn.red-pink:not(.btn-outline).active.focus,
  2959. .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:hover,
  2960. .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:focus,
  2961. .open > .btn.red-pink:not(.btn-outline).dropdown-toggle.focus {
  2962. color: #ffffff;
  2963. background-color: #cf3d3e;
  2964. border-color: #b52d2e; }
  2965. .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,
  2966. .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
  2967. background-image: none; }
  2968. .btn.red-pink:not(.btn-outline).disabled:hover, .btn.red-pink:not(.btn-outline).disabled:focus, .btn.red-pink:not(.btn-outline).disabled.focus, .btn.red-pink:not(.btn-outline)[disabled]:hover, .btn.red-pink:not(.btn-outline)[disabled]:focus, .btn.red-pink:not(.btn-outline)[disabled].focus,
  2969. fieldset[disabled] .btn.red-pink:not(.btn-outline):hover,
  2970. fieldset[disabled] .btn.red-pink:not(.btn-outline):focus,
  2971. fieldset[disabled] .btn.red-pink:not(.btn-outline).focus {
  2972. background-color: #E08283;
  2973. border-color: #E08283; }
  2974. .btn.red-pink:not(.btn-outline) .badge {
  2975. color: #E08283;
  2976. background-color: #ffffff; }
  2977. .btn.btn-outline.red-pink {
  2978. border-color: #E08283;
  2979. color: #E08283;
  2980. background: none; }
  2981. .btn.btn-outline.red-pink:hover, .btn.btn-outline.red-pink:active, .btn.btn-outline.red-pink:active:hover, .btn.btn-outline.red-pink:active:focus, .btn.btn-outline.red-pink:focus, .btn.btn-outline.red-pink.active {
  2982. border-color: #E08283;
  2983. color: #ffffff;
  2984. background-color: #E08283; }
  2985. .btn.red-pink-stripe {
  2986. border-left: 4px solid #E08283 !important; }
  2987. .btn.red-pink.btn-no-border:not(.active) {
  2988. border-color: transparent; }
  2989. .btn.red-sunglo:not(.btn-outline) {
  2990. color: #ffffff;
  2991. background-color: #E26A6A;
  2992. border-color: #E26A6A; }
  2993. .btn.red-sunglo:not(.btn-outline):focus, .btn.red-sunglo:not(.btn-outline).focus {
  2994. color: #ffffff;
  2995. background-color: #da3f3f;
  2996. border-color: #ab2121; }
  2997. .btn.red-sunglo:not(.btn-outline):hover {
  2998. color: #ffffff;
  2999. background-color: #da3f3f;
  3000. border-color: #d83737; }
  3001. .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,
  3002. .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
  3003. color: #ffffff;
  3004. background-color: #da3f3f;
  3005. border-color: #d83737; }
  3006. .btn.red-sunglo:not(.btn-outline):active:hover, .btn.red-sunglo:not(.btn-outline):active:focus, .btn.red-sunglo:not(.btn-outline):active.focus, .btn.red-sunglo:not(.btn-outline).active:hover, .btn.red-sunglo:not(.btn-outline).active:focus, .btn.red-sunglo:not(.btn-outline).active.focus,
  3007. .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover,
  3008. .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus,
  3009. .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus {
  3010. color: #ffffff;
  3011. background-color: #cd2828;
  3012. border-color: #ab2121; }
  3013. .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,
  3014. .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
  3015. background-image: none; }
  3016. .btn.red-sunglo:not(.btn-outline).disabled:hover, .btn.red-sunglo:not(.btn-outline).disabled:focus, .btn.red-sunglo:not(.btn-outline).disabled.focus, .btn.red-sunglo:not(.btn-outline)[disabled]:hover, .btn.red-sunglo:not(.btn-outline)[disabled]:focus, .btn.red-sunglo:not(.btn-outline)[disabled].focus,
  3017. fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover,
  3018. fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus,
  3019. fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus {
  3020. background-color: #E26A6A;
  3021. border-color: #E26A6A; }
  3022. .btn.red-sunglo:not(.btn-outline) .badge {
  3023. color: #E26A6A;
  3024. background-color: #ffffff; }
  3025. .btn.btn-outline.red-sunglo {
  3026. border-color: #E26A6A;
  3027. color: #E26A6A;
  3028. background: none; }
  3029. .btn.btn-outline.red-sunglo:hover, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo.active {
  3030. border-color: #E26A6A;
  3031. color: #ffffff;
  3032. background-color: #E26A6A; }
  3033. .btn.red-sunglo-stripe {
  3034. border-left: 4px solid #E26A6A !important; }
  3035. .btn.red-sunglo.btn-no-border:not(.active) {
  3036. border-color: transparent; }
  3037. .btn.red-intense:not(.btn-outline) {
  3038. color: #ffffff;
  3039. background-color: #e35b5a;
  3040. border-color: #e35b5a; }
  3041. .btn.red-intense:not(.btn-outline):focus, .btn.red-intense:not(.btn-outline).focus {
  3042. color: #ffffff;
  3043. background-color: #dc302e;
  3044. border-color: #a21c1b; }
  3045. .btn.red-intense:not(.btn-outline):hover {
  3046. color: #ffffff;
  3047. background-color: #dc302e;
  3048. border-color: #da2726; }
  3049. .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,
  3050. .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
  3051. color: #ffffff;
  3052. background-color: #dc302e;
  3053. border-color: #da2726; }
  3054. .btn.red-intense:not(.btn-outline):active:hover, .btn.red-intense:not(.btn-outline):active:focus, .btn.red-intense:not(.btn-outline):active.focus, .btn.red-intense:not(.btn-outline).active:hover, .btn.red-intense:not(.btn-outline).active:focus, .btn.red-intense:not(.btn-outline).active.focus,
  3055. .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover,
  3056. .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus,
  3057. .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus {
  3058. color: #ffffff;
  3059. background-color: #c52321;
  3060. border-color: #a21c1b; }
  3061. .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,
  3062. .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
  3063. background-image: none; }
  3064. .btn.red-intense:not(.btn-outline).disabled:hover, .btn.red-intense:not(.btn-outline).disabled:focus, .btn.red-intense:not(.btn-outline).disabled.focus, .btn.red-intense:not(.btn-outline)[disabled]:hover, .btn.red-intense:not(.btn-outline)[disabled]:focus, .btn.red-intense:not(.btn-outline)[disabled].focus,
  3065. fieldset[disabled] .btn.red-intense:not(.btn-outline):hover,
  3066. fieldset[disabled] .btn.red-intense:not(.btn-outline):focus,
  3067. fieldset[disabled] .btn.red-intense:not(.btn-outline).focus {
  3068. background-color: #e35b5a;
  3069. border-color: #e35b5a; }
  3070. .btn.red-intense:not(.btn-outline) .badge {
  3071. color: #e35b5a;
  3072. background-color: #ffffff; }
  3073. .btn.btn-outline.red-intense {
  3074. border-color: #e35b5a;
  3075. color: #e35b5a;
  3076. background: none; }
  3077. .btn.btn-outline.red-intense:hover, .btn.btn-outline.red-intense:active, .btn.btn-outline.red-intense:active:hover, .btn.btn-outline.red-intense:active:focus, .btn.btn-outline.red-intense:focus, .btn.btn-outline.red-intense.active {
  3078. border-color: #e35b5a;
  3079. color: #ffffff;
  3080. background-color: #e35b5a; }
  3081. .btn.red-intense-stripe {
  3082. border-left: 4px solid #e35b5a !important; }
  3083. .btn.red-intense.btn-no-border:not(.active) {
  3084. border-color: transparent; }
  3085. .btn.red-thunderbird:not(.btn-outline) {
  3086. color: #ffffff;
  3087. background-color: #D91E18;
  3088. border-color: #D91E18; }
  3089. .btn.red-thunderbird:not(.btn-outline):focus, .btn.red-thunderbird:not(.btn-outline).focus {
  3090. color: #ffffff;
  3091. background-color: #ab1813;
  3092. border-color: #660e0b; }
  3093. .btn.red-thunderbird:not(.btn-outline):hover {
  3094. color: #ffffff;
  3095. background-color: #ab1813;
  3096. border-color: #a21612; }
  3097. .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,
  3098. .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {
  3099. color: #ffffff;
  3100. background-color: #ab1813;
  3101. border-color: #a21612; }
  3102. .btn.red-thunderbird:not(.btn-outline):active:hover, .btn.red-thunderbird:not(.btn-outline):active:focus, .btn.red-thunderbird:not(.btn-outline):active.focus, .btn.red-thunderbird:not(.btn-outline).active:hover, .btn.red-thunderbird:not(.btn-outline).active:focus, .btn.red-thunderbird:not(.btn-outline).active.focus,
  3103. .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:hover,
  3104. .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:focus,
  3105. .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle.focus {
  3106. color: #ffffff;
  3107. background-color: #8b130f;
  3108. border-color: #660e0b; }
  3109. .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,
  3110. .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {
  3111. background-image: none; }
  3112. .btn.red-thunderbird:not(.btn-outline).disabled:hover, .btn.red-thunderbird:not(.btn-outline).disabled:focus, .btn.red-thunderbird:not(.btn-outline).disabled.focus, .btn.red-thunderbird:not(.btn-outline)[disabled]:hover, .btn.red-thunderbird:not(.btn-outline)[disabled]:focus, .btn.red-thunderbird:not(.btn-outline)[disabled].focus,
  3113. fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):hover,
  3114. fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):focus,
  3115. fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).focus {
  3116. background-color: #D91E18;
  3117. border-color: #D91E18; }
  3118. .btn.red-thunderbird:not(.btn-outline) .badge {
  3119. color: #D91E18;
  3120. background-color: #ffffff; }
  3121. .btn.btn-outline.red-thunderbird {
  3122. border-color: #D91E18;
  3123. color: #D91E18;
  3124. background: none; }
  3125. .btn.btn-outline.red-thunderbird:hover, .btn.btn-outline.red-thunderbird:active, .btn.btn-outline.red-thunderbird:active:hover, .btn.btn-outline.red-thunderbird:active:focus, .btn.btn-outline.red-thunderbird:focus, .btn.btn-outline.red-thunderbird.active {
  3126. border-color: #D91E18;
  3127. color: #ffffff;
  3128. background-color: #D91E18; }
  3129. .btn.red-thunderbird-stripe {
  3130. border-left: 4px solid #D91E18 !important; }
  3131. .btn.red-thunderbird.btn-no-border:not(.active) {
  3132. border-color: transparent; }
  3133. .btn.red-flamingo:not(.btn-outline) {
  3134. color: #ffffff;
  3135. background-color: #EF4836;
  3136. border-color: #EF4836; }
  3137. .btn.red-flamingo:not(.btn-outline):focus, .btn.red-flamingo:not(.btn-outline).focus {
  3138. color: #ffffff;
  3139. background-color: #e02612;
  3140. border-color: #991a0c; }
  3141. .btn.red-flamingo:not(.btn-outline):hover {
  3142. color: #ffffff;
  3143. background-color: #e02612;
  3144. border-color: #d72411; }
  3145. .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,
  3146. .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {
  3147. color: #ffffff;
  3148. background-color: #e02612;
  3149. border-color: #d72411; }
  3150. .btn.red-flamingo:not(.btn-outline):active:hover, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active.focus,
  3151. .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover,
  3152. .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus,
  3153. .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus {
  3154. color: #ffffff;
  3155. background-color: #bf200f;
  3156. border-color: #991a0c; }
  3157. .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,
  3158. .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {
  3159. background-image: none; }
  3160. .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline)[disabled]:hover, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled].focus,
  3161. fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover,
  3162. fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus,
  3163. fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus {
  3164. background-color: #EF4836;
  3165. border-color: #EF4836; }
  3166. .btn.red-flamingo:not(.btn-outline) .badge {
  3167. color: #EF4836;
  3168. background-color: #ffffff; }
  3169. .btn.btn-outline.red-flamingo {
  3170. border-color: #EF4836;
  3171. color: #EF4836;
  3172. background: none; }
  3173. .btn.btn-outline.red-flamingo:hover, .btn.btn-outline.red-flamingo:active, .btn.btn-outline.red-flamingo:active:hover, .btn.btn-outline.red-flamingo:active:focus, .btn.btn-outline.red-flamingo:focus, .btn.btn-outline.red-flamingo.active {
  3174. border-color: #EF4836;
  3175. color: #ffffff;
  3176. background-color: #EF4836; }
  3177. .btn.red-flamingo-stripe {
  3178. border-left: 4px solid #EF4836 !important; }
  3179. .btn.red-flamingo.btn-no-border:not(.active) {
  3180. border-color: transparent; }
  3181. .btn.red-soft:not(.btn-outline) {
  3182. color: #ffffff;
  3183. background-color: #d05454;
  3184. border-color: #d05454; }
  3185. .btn.red-soft:not(.btn-outline):focus, .btn.red-soft:not(.btn-outline).focus {
  3186. color: #ffffff;
  3187. background-color: #bd3434;
  3188. border-color: #812323; }
  3189. .btn.red-soft:not(.btn-outline):hover {
  3190. color: #ffffff;
  3191. background-color: #bd3434;
  3192. border-color: #b53232; }
  3193. .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,
  3194. .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {
  3195. color: #ffffff;
  3196. background-color: #bd3434;
  3197. border-color: #b53232; }
  3198. .btn.red-soft:not(.btn-outline):active:hover, .btn.red-soft:not(.btn-outline):active:focus, .btn.red-soft:not(.btn-outline):active.focus, .btn.red-soft:not(.btn-outline).active:hover, .btn.red-soft:not(.btn-outline).active:focus, .btn.red-soft:not(.btn-outline).active.focus,
  3199. .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:hover,
  3200. .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:focus,
  3201. .open > .btn.red-soft:not(.btn-outline).dropdown-toggle.focus {
  3202. color: #ffffff;
  3203. background-color: #a12c2c;
  3204. border-color: #812323; }
  3205. .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,
  3206. .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {
  3207. background-image: none; }
  3208. .btn.red-soft:not(.btn-outline).disabled:hover, .btn.red-soft:not(.btn-outline).disabled:focus, .btn.red-soft:not(.btn-outline).disabled.focus, .btn.red-soft:not(.btn-outline)[disabled]:hover, .btn.red-soft:not(.btn-outline)[disabled]:focus, .btn.red-soft:not(.btn-outline)[disabled].focus,
  3209. fieldset[disabled] .btn.red-soft:not(.btn-outline):hover,
  3210. fieldset[disabled] .btn.red-soft:not(.btn-outline):focus,
  3211. fieldset[disabled] .btn.red-soft:not(.btn-outline).focus {
  3212. background-color: #d05454;
  3213. border-color: #d05454; }
  3214. .btn.red-soft:not(.btn-outline) .badge {
  3215. color: #d05454;
  3216. background-color: #ffffff; }
  3217. .btn.btn-outline.red-soft {
  3218. border-color: #d05454;
  3219. color: #d05454;
  3220. background: none; }
  3221. .btn.btn-outline.red-soft:hover, .btn.btn-outline.red-soft:active, .btn.btn-outline.red-soft:active:hover, .btn.btn-outline.red-soft:active:focus, .btn.btn-outline.red-soft:focus, .btn.btn-outline.red-soft.active {
  3222. border-color: #d05454;
  3223. color: #ffffff;
  3224. background-color: #d05454; }
  3225. .btn.red-soft-stripe {
  3226. border-left: 4px solid #d05454 !important; }
  3227. .btn.red-soft.btn-no-border:not(.active) {
  3228. border-color: transparent; }
  3229. .btn.red-haze:not(.btn-outline) {
  3230. color: #ffffff;
  3231. background-color: #f36a5a;
  3232. border-color: #f36a5a; }
  3233. .btn.red-haze:not(.btn-outline):focus, .btn.red-haze:not(.btn-outline).focus {
  3234. color: #ffffff;
  3235. background-color: #f03f2a;
  3236. border-color: #c0210e; }
  3237. .btn.red-haze:not(.btn-outline):hover {
  3238. color: #ffffff;
  3239. background-color: #f03f2a;
  3240. border-color: #ef3621; }
  3241. .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,
  3242. .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {
  3243. color: #ffffff;
  3244. background-color: #f03f2a;
  3245. border-color: #ef3621; }
  3246. .btn.red-haze:not(.btn-outline):active:hover, .btn.red-haze:not(.btn-outline):active:focus, .btn.red-haze:not(.btn-outline):active.focus, .btn.red-haze:not(.btn-outline).active:hover, .btn.red-haze:not(.btn-outline).active:focus, .btn.red-haze:not(.btn-outline).active.focus,
  3247. .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:hover,
  3248. .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:focus,
  3249. .open > .btn.red-haze:not(.btn-outline).dropdown-toggle.focus {
  3250. color: #ffffff;
  3251. background-color: #e62711;
  3252. border-color: #c0210e; }
  3253. .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,
  3254. .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {
  3255. background-image: none; }
  3256. .btn.red-haze:not(.btn-outline).disabled:hover, .btn.red-haze:not(.btn-outline).disabled:focus, .btn.red-haze:not(.btn-outline).disabled.focus, .btn.red-haze:not(.btn-outline)[disabled]:hover, .btn.red-haze:not(.btn-outline)[disabled]:focus, .btn.red-haze:not(.btn-outline)[disabled].focus,
  3257. fieldset[disabled] .btn.red-haze:not(.btn-outline):hover,
  3258. fieldset[disabled] .btn.red-haze:not(.btn-outline):focus,
  3259. fieldset[disabled] .btn.red-haze:not(.btn-outline).focus {
  3260. background-color: #f36a5a;
  3261. border-color: #f36a5a; }
  3262. .btn.red-haze:not(.btn-outline) .badge {
  3263. color: #f36a5a;
  3264. background-color: #ffffff; }
  3265. .btn.btn-outline.red-haze {
  3266. border-color: #f36a5a;
  3267. color: #f36a5a;
  3268. background: none; }
  3269. .btn.btn-outline.red-haze:hover, .btn.btn-outline.red-haze:active, .btn.btn-outline.red-haze:active:hover, .btn.btn-outline.red-haze:active:focus, .btn.btn-outline.red-haze:focus, .btn.btn-outline.red-haze.active {
  3270. border-color: #f36a5a;
  3271. color: #ffffff;
  3272. background-color: #f36a5a; }
  3273. .btn.red-haze-stripe {
  3274. border-left: 4px solid #f36a5a !important; }
  3275. .btn.red-haze.btn-no-border:not(.active) {
  3276. border-color: transparent; }
  3277. .btn.red-mint:not(.btn-outline) {
  3278. color: #ffffff;
  3279. background-color: #e43a45;
  3280. border-color: #e43a45; }
  3281. .btn.red-mint:not(.btn-outline):focus, .btn.red-mint:not(.btn-outline).focus {
  3282. color: #ffffff;
  3283. background-color: #cf1c28;
  3284. border-color: #8b131b; }
  3285. .btn.red-mint:not(.btn-outline):hover {
  3286. color: #ffffff;
  3287. background-color: #cf1c28;
  3288. border-color: #c61b26; }
  3289. .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,
  3290. .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
  3291. color: #ffffff;
  3292. background-color: #cf1c28;
  3293. border-color: #c61b26; }
  3294. .btn.red-mint:not(.btn-outline):active:hover, .btn.red-mint:not(.btn-outline):active:focus, .btn.red-mint:not(.btn-outline):active.focus, .btn.red-mint:not(.btn-outline).active:hover, .btn.red-mint:not(.btn-outline).active:focus, .btn.red-mint:not(.btn-outline).active.focus,
  3295. .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover,
  3296. .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus,
  3297. .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus {
  3298. color: #ffffff;
  3299. background-color: #af1822;
  3300. border-color: #8b131b; }
  3301. .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,
  3302. .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
  3303. background-image: none; }
  3304. .btn.red-mint:not(.btn-outline).disabled:hover, .btn.red-mint:not(.btn-outline).disabled:focus, .btn.red-mint:not(.btn-outline).disabled.focus, .btn.red-mint:not(.btn-outline)[disabled]:hover, .btn.red-mint:not(.btn-outline)[disabled]:focus, .btn.red-mint:not(.btn-outline)[disabled].focus,
  3305. fieldset[disabled] .btn.red-mint:not(.btn-outline):hover,
  3306. fieldset[disabled] .btn.red-mint:not(.btn-outline):focus,
  3307. fieldset[disabled] .btn.red-mint:not(.btn-outline).focus {
  3308. background-color: #e43a45;
  3309. border-color: #e43a45; }
  3310. .btn.red-mint:not(.btn-outline) .badge {
  3311. color: #e43a45;
  3312. background-color: #ffffff; }
  3313. .btn.btn-outline.red-mint {
  3314. border-color: #e43a45;
  3315. color: #e43a45;
  3316. background: none; }
  3317. .btn.btn-outline.red-mint:hover, .btn.btn-outline.red-mint:active, .btn.btn-outline.red-mint:active:hover, .btn.btn-outline.red-mint:active:focus, .btn.btn-outline.red-mint:focus, .btn.btn-outline.red-mint.active {
  3318. border-color: #e43a45;
  3319. color: #ffffff;
  3320. background-color: #e43a45; }
  3321. .btn.red-mint-stripe {
  3322. border-left: 4px solid #e43a45 !important; }
  3323. .btn.red-mint.btn-no-border:not(.active) {
  3324. border-color: transparent; }
  3325. .btn.yellow:not(.btn-outline) {
  3326. color: #ffffff;
  3327. background-color: #c49f47;
  3328. border-color: #c49f47; }
  3329. .btn.yellow:not(.btn-outline):focus, .btn.yellow:not(.btn-outline).focus {
  3330. color: #ffffff;
  3331. background-color: #a48334;
  3332. border-color: #6a5422; }
  3333. .btn.yellow:not(.btn-outline):hover {
  3334. color: #ffffff;
  3335. background-color: #a48334;
  3336. border-color: #9c7c32; }
  3337. .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active,
  3338. .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
  3339. color: #ffffff;
  3340. background-color: #a48334;
  3341. border-color: #9c7c32; }
  3342. .btn.yellow:not(.btn-outline):active:hover, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active.focus,
  3343. .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover,
  3344. .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus,
  3345. .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus {
  3346. color: #ffffff;
  3347. background-color: #896d2c;
  3348. border-color: #6a5422; }
  3349. .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active,
  3350. .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
  3351. background-image: none; }
  3352. .btn.yellow:not(.btn-outline).disabled:hover, .btn.yellow:not(.btn-outline).disabled:focus, .btn.yellow:not(.btn-outline).disabled.focus, .btn.yellow:not(.btn-outline)[disabled]:hover, .btn.yellow:not(.btn-outline)[disabled]:focus, .btn.yellow:not(.btn-outline)[disabled].focus,
  3353. fieldset[disabled] .btn.yellow:not(.btn-outline):hover,
  3354. fieldset[disabled] .btn.yellow:not(.btn-outline):focus,
  3355. fieldset[disabled] .btn.yellow:not(.btn-outline).focus {
  3356. background-color: #c49f47;
  3357. border-color: #c49f47; }
  3358. .btn.yellow:not(.btn-outline) .badge {
  3359. color: #c49f47;
  3360. background-color: #ffffff; }
  3361. .btn.btn-outline.yellow {
  3362. border-color: #c49f47;
  3363. color: #c49f47;
  3364. background: none; }
  3365. .btn.btn-outline.yellow:hover, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow.active {
  3366. border-color: #c49f47;
  3367. color: #ffffff;
  3368. background-color: #c49f47; }
  3369. .btn.yellow-stripe {
  3370. border-left: 4px solid #c49f47 !important; }
  3371. .btn.yellow.btn-no-border:not(.active) {
  3372. border-color: transparent; }
  3373. .btn.yellow-gold:not(.btn-outline) {
  3374. color: #ffffff;
  3375. background-color: #E87E04;
  3376. border-color: #E87E04; }
  3377. .btn.yellow-gold:not(.btn-outline):focus, .btn.yellow-gold:not(.btn-outline).focus {
  3378. color: #ffffff;
  3379. background-color: #b66303;
  3380. border-color: #6b3a02; }
  3381. .btn.yellow-gold:not(.btn-outline):hover {
  3382. color: #ffffff;
  3383. background-color: #b66303;
  3384. border-color: #ac5d03; }
  3385. .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active,
  3386. .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {
  3387. color: #ffffff;
  3388. background-color: #b66303;
  3389. border-color: #ac5d03; }
  3390. .btn.yellow-gold:not(.btn-outline):active:hover, .btn.yellow-gold:not(.btn-outline):active:focus, .btn.yellow-gold:not(.btn-outline):active.focus, .btn.yellow-gold:not(.btn-outline).active:hover, .btn.yellow-gold:not(.btn-outline).active:focus, .btn.yellow-gold:not(.btn-outline).active.focus,
  3391. .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:hover,
  3392. .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:focus,
  3393. .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle.focus {
  3394. color: #ffffff;
  3395. background-color: #935003;
  3396. border-color: #6b3a02; }
  3397. .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active,
  3398. .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {
  3399. background-image: none; }
  3400. .btn.yellow-gold:not(.btn-outline).disabled:hover, .btn.yellow-gold:not(.btn-outline).disabled:focus, .btn.yellow-gold:not(.btn-outline).disabled.focus, .btn.yellow-gold:not(.btn-outline)[disabled]:hover, .btn.yellow-gold:not(.btn-outline)[disabled]:focus, .btn.yellow-gold:not(.btn-outline)[disabled].focus,
  3401. fieldset[disabled] .btn.yellow-gold:not(.btn-outline):hover,
  3402. fieldset[disabled] .btn.yellow-gold:not(.btn-outline):focus,
  3403. fieldset[disabled] .btn.yellow-gold:not(.btn-outline).focus {
  3404. background-color: #E87E04;
  3405. border-color: #E87E04; }
  3406. .btn.yellow-gold:not(.btn-outline) .badge {
  3407. color: #E87E04;
  3408. background-color: #ffffff; }
  3409. .btn.btn-outline.yellow-gold {
  3410. border-color: #E87E04;
  3411. color: #E87E04;
  3412. background: none; }
  3413. .btn.btn-outline.yellow-gold:hover, .btn.btn-outline.yellow-gold:active, .btn.btn-outline.yellow-gold:active:hover, .btn.btn-outline.yellow-gold:active:focus, .btn.btn-outline.yellow-gold:focus, .btn.btn-outline.yellow-gold.active {
  3414. border-color: #E87E04;
  3415. color: #ffffff;
  3416. background-color: #E87E04; }
  3417. .btn.yellow-gold-stripe {
  3418. border-left: 4px solid #E87E04 !important; }
  3419. .btn.yellow-gold.btn-no-border:not(.active) {
  3420. border-color: transparent; }
  3421. .btn.yellow-casablanca:not(.btn-outline) {
  3422. color: #ffffff;
  3423. background-color: #f2784b;
  3424. border-color: #f2784b; }
  3425. .btn.yellow-casablanca:not(.btn-outline):focus, .btn.yellow-casablanca:not(.btn-outline).focus {
  3426. color: #ffffff;
  3427. background-color: #ef541b;
  3428. border-color: #b1390d; }
  3429. .btn.yellow-casablanca:not(.btn-outline):hover {
  3430. color: #ffffff;
  3431. background-color: #ef541b;
  3432. border-color: #ee4d12; }
  3433. .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active,
  3434. .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
  3435. color: #ffffff;
  3436. background-color: #ef541b;
  3437. border-color: #ee4d12; }
  3438. .btn.yellow-casablanca:not(.btn-outline):active:hover, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active.focus,
  3439. .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover,
  3440. .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus,
  3441. .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus {
  3442. color: #ffffff;
  3443. background-color: #d74510;
  3444. border-color: #b1390d; }
  3445. .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active,
  3446. .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
  3447. background-image: none; }
  3448. .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus,
  3449. fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover,
  3450. fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus,
  3451. fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus {
  3452. background-color: #f2784b;
  3453. border-color: #f2784b; }
  3454. .btn.yellow-casablanca:not(.btn-outline) .badge {
  3455. color: #f2784b;
  3456. background-color: #ffffff; }
  3457. .btn.btn-outline.yellow-casablanca {
  3458. border-color: #f2784b;
  3459. color: #f2784b;
  3460. background: none; }
  3461. .btn.btn-outline.yellow-casablanca:hover, .btn.btn-outline.yellow-casablanca:active, .btn.btn-outline.yellow-casablanca:active:hover, .btn.btn-outline.yellow-casablanca:active:focus, .btn.btn-outline.yellow-casablanca:focus, .btn.btn-outline.yellow-casablanca.active {
  3462. border-color: #f2784b;
  3463. color: #ffffff;
  3464. background-color: #f2784b; }
  3465. .btn.yellow-casablanca-stripe {
  3466. border-left: 4px solid #f2784b !important; }
  3467. .btn.yellow-casablanca.btn-no-border:not(.active) {
  3468. border-color: transparent; }
  3469. .btn.yellow-crusta:not(.btn-outline) {
  3470. color: #ffffff;
  3471. background-color: #f3c200;
  3472. border-color: #f3c200; }
  3473. .btn.yellow-crusta:not(.btn-outline):focus, .btn.yellow-crusta:not(.btn-outline).focus {
  3474. color: #ffffff;
  3475. background-color: #c09900;
  3476. border-color: #745c00; }
  3477. .btn.yellow-crusta:not(.btn-outline):hover {
  3478. color: #ffffff;
  3479. background-color: #c09900;
  3480. border-color: #b69100; }
  3481. .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active,
  3482. .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {
  3483. color: #ffffff;
  3484. background-color: #c09900;
  3485. border-color: #b69100; }
  3486. .btn.yellow-crusta:not(.btn-outline):active:hover, .btn.yellow-crusta:not(.btn-outline):active:focus, .btn.yellow-crusta:not(.btn-outline):active.focus, .btn.yellow-crusta:not(.btn-outline).active:hover, .btn.yellow-crusta:not(.btn-outline).active:focus, .btn.yellow-crusta:not(.btn-outline).active.focus,
  3487. .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:hover,
  3488. .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:focus,
  3489. .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle.focus {
  3490. color: #ffffff;
  3491. background-color: #9c7d00;
  3492. border-color: #745c00; }
  3493. .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active,
  3494. .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {
  3495. background-image: none; }
  3496. .btn.yellow-crusta:not(.btn-outline).disabled:hover, .btn.yellow-crusta:not(.btn-outline).disabled:focus, .btn.yellow-crusta:not(.btn-outline).disabled.focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:hover, .btn.yellow-crusta:not(.btn-outline)[disabled]:focus, .btn.yellow-crusta:not(.btn-outline)[disabled].focus,
  3497. fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):hover,
  3498. fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):focus,
  3499. fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).focus {
  3500. background-color: #f3c200;
  3501. border-color: #f3c200; }
  3502. .btn.yellow-crusta:not(.btn-outline) .badge {
  3503. color: #f3c200;
  3504. background-color: #ffffff; }
  3505. .btn.btn-outline.yellow-crusta {
  3506. border-color: #f3c200;
  3507. color: #f3c200;
  3508. background: none; }
  3509. .btn.btn-outline.yellow-crusta:hover, .btn.btn-outline.yellow-crusta:active, .btn.btn-outline.yellow-crusta:active:hover, .btn.btn-outline.yellow-crusta:active:focus, .btn.btn-outline.yellow-crusta:focus, .btn.btn-outline.yellow-crusta.active {
  3510. border-color: #f3c200;
  3511. color: #ffffff;
  3512. background-color: #f3c200; }
  3513. .btn.yellow-crusta-stripe {
  3514. border-left: 4px solid #f3c200 !important; }
  3515. .btn.yellow-crusta.btn-no-border:not(.active) {
  3516. border-color: transparent; }
  3517. .btn.yellow-lemon:not(.btn-outline) {
  3518. color: #ffffff;
  3519. background-color: #F7CA18;
  3520. border-color: #F7CA18; }
  3521. .btn.yellow-lemon:not(.btn-outline):focus, .btn.yellow-lemon:not(.btn-outline).focus {
  3522. color: #ffffff;
  3523. background-color: #d5ab07;
  3524. border-color: #8b7005; }
  3525. .btn.yellow-lemon:not(.btn-outline):hover {
  3526. color: #ffffff;
  3527. background-color: #d5ab07;
  3528. border-color: #cba307; }
  3529. .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active,
  3530. .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {
  3531. color: #ffffff;
  3532. background-color: #d5ab07;
  3533. border-color: #cba307; }
  3534. .btn.yellow-lemon:not(.btn-outline):active:hover, .btn.yellow-lemon:not(.btn-outline):active:focus, .btn.yellow-lemon:not(.btn-outline):active.focus, .btn.yellow-lemon:not(.btn-outline).active:hover, .btn.yellow-lemon:not(.btn-outline).active:focus, .btn.yellow-lemon:not(.btn-outline).active.focus,
  3535. .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:hover,
  3536. .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:focus,
  3537. .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle.focus {
  3538. color: #ffffff;
  3539. background-color: #b28f06;
  3540. border-color: #8b7005; }
  3541. .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active,
  3542. .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {
  3543. background-image: none; }
  3544. .btn.yellow-lemon:not(.btn-outline).disabled:hover, .btn.yellow-lemon:not(.btn-outline).disabled:focus, .btn.yellow-lemon:not(.btn-outline).disabled.focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:hover, .btn.yellow-lemon:not(.btn-outline)[disabled]:focus, .btn.yellow-lemon:not(.btn-outline)[disabled].focus,
  3545. fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover,
  3546. fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus,
  3547. fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus {
  3548. background-color: #F7CA18;
  3549. border-color: #F7CA18; }
  3550. .btn.yellow-lemon:not(.btn-outline) .badge {
  3551. color: #F7CA18;
  3552. background-color: #ffffff; }
  3553. .btn.btn-outline.yellow-lemon {
  3554. border-color: #F7CA18;
  3555. color: #F7CA18;
  3556. background: none; }
  3557. .btn.btn-outline.yellow-lemon:hover, .btn.btn-outline.yellow-lemon:active, .btn.btn-outline.yellow-lemon:active:hover, .btn.btn-outline.yellow-lemon:active:focus, .btn.btn-outline.yellow-lemon:focus, .btn.btn-outline.yellow-lemon.active {
  3558. border-color: #F7CA18;
  3559. color: #ffffff;
  3560. background-color: #F7CA18; }
  3561. .btn.yellow-lemon-stripe {
  3562. border-left: 4px solid #F7CA18 !important; }
  3563. .btn.yellow-lemon.btn-no-border:not(.active) {
  3564. border-color: transparent; }
  3565. .btn.yellow-saffron:not(.btn-outline) {
  3566. color: #ffffff;
  3567. background-color: #F4D03F;
  3568. border-color: #F4D03F; }
  3569. .btn.yellow-saffron:not(.btn-outline):focus, .btn.yellow-saffron:not(.btn-outline).focus {
  3570. color: #ffffff;
  3571. background-color: #f1c40f;
  3572. border-color: #aa8a0a; }
  3573. .btn.yellow-saffron:not(.btn-outline):hover {
  3574. color: #ffffff;
  3575. background-color: #f1c40f;
  3576. border-color: #e8bd0d; }
  3577. .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active,
  3578. .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {
  3579. color: #ffffff;
  3580. background-color: #f1c40f;
  3581. border-color: #e8bd0d; }
  3582. .btn.yellow-saffron:not(.btn-outline):active:hover, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active.focus,
  3583. .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover,
  3584. .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus,
  3585. .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus {
  3586. color: #ffffff;
  3587. background-color: #d0a90c;
  3588. border-color: #aa8a0a; }
  3589. .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active,
  3590. .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {
  3591. background-image: none; }
  3592. .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled].focus,
  3593. fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover,
  3594. fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus,
  3595. fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus {
  3596. background-color: #F4D03F;
  3597. border-color: #F4D03F; }
  3598. .btn.yellow-saffron:not(.btn-outline) .badge {
  3599. color: #F4D03F;
  3600. background-color: #ffffff; }
  3601. .btn.btn-outline.yellow-saffron {
  3602. border-color: #F4D03F;
  3603. color: #F4D03F;
  3604. background: none; }
  3605. .btn.btn-outline.yellow-saffron:hover, .btn.btn-outline.yellow-saffron:active, .btn.btn-outline.yellow-saffron:active:hover, .btn.btn-outline.yellow-saffron:active:focus, .btn.btn-outline.yellow-saffron:focus, .btn.btn-outline.yellow-saffron.active {
  3606. border-color: #F4D03F;
  3607. color: #ffffff;
  3608. background-color: #F4D03F; }
  3609. .btn.yellow-saffron-stripe {
  3610. border-left: 4px solid #F4D03F !important; }
  3611. .btn.yellow-saffron.btn-no-border:not(.active) {
  3612. border-color: transparent; }
  3613. .btn.yellow-soft:not(.btn-outline) {
  3614. color: #ffffff;
  3615. background-color: #c8d046;
  3616. border-color: #c8d046; }
  3617. .btn.yellow-soft:not(.btn-outline):focus, .btn.yellow-soft:not(.btn-outline).focus {
  3618. color: #ffffff;
  3619. background-color: #adb52e;
  3620. border-color: #73781e; }
  3621. .btn.yellow-soft:not(.btn-outline):hover {
  3622. color: #ffffff;
  3623. background-color: #adb52e;
  3624. border-color: #a5ad2c; }
  3625. .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active,
  3626. .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {
  3627. color: #ffffff;
  3628. background-color: #adb52e;
  3629. border-color: #a5ad2c; }
  3630. .btn.yellow-soft:not(.btn-outline):active:hover, .btn.yellow-soft:not(.btn-outline):active:focus, .btn.yellow-soft:not(.btn-outline):active.focus, .btn.yellow-soft:not(.btn-outline).active:hover, .btn.yellow-soft:not(.btn-outline).active:focus, .btn.yellow-soft:not(.btn-outline).active.focus,
  3631. .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:hover,
  3632. .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:focus,
  3633. .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle.focus {
  3634. color: #ffffff;
  3635. background-color: #929927;
  3636. border-color: #73781e; }
  3637. .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active,
  3638. .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {
  3639. background-image: none; }
  3640. .btn.yellow-soft:not(.btn-outline).disabled:hover, .btn.yellow-soft:not(.btn-outline).disabled:focus, .btn.yellow-soft:not(.btn-outline).disabled.focus, .btn.yellow-soft:not(.btn-outline)[disabled]:hover, .btn.yellow-soft:not(.btn-outline)[disabled]:focus, .btn.yellow-soft:not(.btn-outline)[disabled].focus,
  3641. fieldset[disabled] .btn.yellow-soft:not(.btn-outline):hover,
  3642. fieldset[disabled] .btn.yellow-soft:not(.btn-outline):focus,
  3643. fieldset[disabled] .btn.yellow-soft:not(.btn-outline).focus {
  3644. background-color: #c8d046;
  3645. border-color: #c8d046; }
  3646. .btn.yellow-soft:not(.btn-outline) .badge {
  3647. color: #c8d046;
  3648. background-color: #ffffff; }
  3649. .btn.btn-outline.yellow-soft {
  3650. border-color: #c8d046;
  3651. color: #c8d046;
  3652. background: none; }
  3653. .btn.btn-outline.yellow-soft:hover, .btn.btn-outline.yellow-soft:active, .btn.btn-outline.yellow-soft:active:hover, .btn.btn-outline.yellow-soft:active:focus, .btn.btn-outline.yellow-soft:focus, .btn.btn-outline.yellow-soft.active {
  3654. border-color: #c8d046;
  3655. color: #ffffff;
  3656. background-color: #c8d046; }
  3657. .btn.yellow-soft-stripe {
  3658. border-left: 4px solid #c8d046 !important; }
  3659. .btn.yellow-soft.btn-no-border:not(.active) {
  3660. border-color: transparent; }
  3661. .btn.yellow-haze:not(.btn-outline) {
  3662. color: #ffffff;
  3663. background-color: #c5bf66;
  3664. border-color: #c5bf66; }
  3665. .btn.yellow-haze:not(.btn-outline):focus, .btn.yellow-haze:not(.btn-outline).focus {
  3666. color: #ffffff;
  3667. background-color: #b4ad44;
  3668. border-color: #7c772f; }
  3669. .btn.yellow-haze:not(.btn-outline):hover {
  3670. color: #ffffff;
  3671. background-color: #b4ad44;
  3672. border-color: #aca641; }
  3673. .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active,
  3674. .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {
  3675. color: #ffffff;
  3676. background-color: #b4ad44;
  3677. border-color: #aca641; }
  3678. .btn.yellow-haze:not(.btn-outline):active:hover, .btn.yellow-haze:not(.btn-outline):active:focus, .btn.yellow-haze:not(.btn-outline):active.focus, .btn.yellow-haze:not(.btn-outline).active:hover, .btn.yellow-haze:not(.btn-outline).active:focus, .btn.yellow-haze:not(.btn-outline).active.focus,
  3679. .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:hover,
  3680. .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:focus,
  3681. .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle.focus {
  3682. color: #ffffff;
  3683. background-color: #9a943a;
  3684. border-color: #7c772f; }
  3685. .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active,
  3686. .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {
  3687. background-image: none; }
  3688. .btn.yellow-haze:not(.btn-outline).disabled:hover, .btn.yellow-haze:not(.btn-outline).disabled:focus, .btn.yellow-haze:not(.btn-outline).disabled.focus, .btn.yellow-haze:not(.btn-outline)[disabled]:hover, .btn.yellow-haze:not(.btn-outline)[disabled]:focus, .btn.yellow-haze:not(.btn-outline)[disabled].focus,
  3689. fieldset[disabled] .btn.yellow-haze:not(.btn-outline):hover,
  3690. fieldset[disabled] .btn.yellow-haze:not(.btn-outline):focus,
  3691. fieldset[disabled] .btn.yellow-haze:not(.btn-outline).focus {
  3692. background-color: #c5bf66;
  3693. border-color: #c5bf66; }
  3694. .btn.yellow-haze:not(.btn-outline) .badge {
  3695. color: #c5bf66;
  3696. background-color: #ffffff; }
  3697. .btn.btn-outline.yellow-haze {
  3698. border-color: #c5bf66;
  3699. color: #c5bf66;
  3700. background: none; }
  3701. .btn.btn-outline.yellow-haze:hover, .btn.btn-outline.yellow-haze:active, .btn.btn-outline.yellow-haze:active:hover, .btn.btn-outline.yellow-haze:active:focus, .btn.btn-outline.yellow-haze:focus, .btn.btn-outline.yellow-haze.active {
  3702. border-color: #c5bf66;
  3703. color: #ffffff;
  3704. background-color: #c5bf66; }
  3705. .btn.yellow-haze-stripe {
  3706. border-left: 4px solid #c5bf66 !important; }
  3707. .btn.yellow-haze.btn-no-border:not(.active) {
  3708. border-color: transparent; }
  3709. .btn.yellow-mint:not(.btn-outline) {
  3710. color: #ffffff;
  3711. background-color: #c5b96b;
  3712. border-color: #c5b96b; }
  3713. .btn.yellow-mint:not(.btn-outline):focus, .btn.yellow-mint:not(.btn-outline).focus {
  3714. color: #ffffff;
  3715. background-color: #b6a747;
  3716. border-color: #7f7532; }
  3717. .btn.yellow-mint:not(.btn-outline):hover {
  3718. color: #ffffff;
  3719. background-color: #b6a747;
  3720. border-color: #aea044; }
  3721. .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active,
  3722. .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {
  3723. color: #ffffff;
  3724. background-color: #b6a747;
  3725. border-color: #aea044; }
  3726. .btn.yellow-mint:not(.btn-outline):active:hover, .btn.yellow-mint:not(.btn-outline):active:focus, .btn.yellow-mint:not(.btn-outline):active.focus, .btn.yellow-mint:not(.btn-outline).active:hover, .btn.yellow-mint:not(.btn-outline).active:focus, .btn.yellow-mint:not(.btn-outline).active.focus,
  3727. .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:hover,
  3728. .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:focus,
  3729. .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle.focus {
  3730. color: #ffffff;
  3731. background-color: #9c8f3d;
  3732. border-color: #7f7532; }
  3733. .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active,
  3734. .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {
  3735. background-image: none; }
  3736. .btn.yellow-mint:not(.btn-outline).disabled:hover, .btn.yellow-mint:not(.btn-outline).disabled:focus, .btn.yellow-mint:not(.btn-outline).disabled.focus, .btn.yellow-mint:not(.btn-outline)[disabled]:hover, .btn.yellow-mint:not(.btn-outline)[disabled]:focus, .btn.yellow-mint:not(.btn-outline)[disabled].focus,
  3737. fieldset[disabled] .btn.yellow-mint:not(.btn-outline):hover,
  3738. fieldset[disabled] .btn.yellow-mint:not(.btn-outline):focus,
  3739. fieldset[disabled] .btn.yellow-mint:not(.btn-outline).focus {
  3740. background-color: #c5b96b;
  3741. border-color: #c5b96b; }
  3742. .btn.yellow-mint:not(.btn-outline) .badge {
  3743. color: #c5b96b;
  3744. background-color: #ffffff; }
  3745. .btn.btn-outline.yellow-mint {
  3746. border-color: #c5b96b;
  3747. color: #c5b96b;
  3748. background: none; }
  3749. .btn.btn-outline.yellow-mint:hover, .btn.btn-outline.yellow-mint:active, .btn.btn-outline.yellow-mint:active:hover, .btn.btn-outline.yellow-mint:active:focus, .btn.btn-outline.yellow-mint:focus, .btn.btn-outline.yellow-mint.active {
  3750. border-color: #c5b96b;
  3751. color: #ffffff;
  3752. background-color: #c5b96b; }
  3753. .btn.yellow-mint-stripe {
  3754. border-left: 4px solid #c5b96b !important; }
  3755. .btn.yellow-mint.btn-no-border:not(.active) {
  3756. border-color: transparent; }
  3757. .btn.purple:not(.btn-outline) {
  3758. color: #ffffff;
  3759. background-color: #8E44AD;
  3760. border-color: #8E44AD; }
  3761. .btn.purple:not(.btn-outline):focus, .btn.purple:not(.btn-outline).focus {
  3762. color: #ffffff;
  3763. background-color: #703688;
  3764. border-color: #432051; }
  3765. .btn.purple:not(.btn-outline):hover {
  3766. color: #ffffff;
  3767. background-color: #703688;
  3768. border-color: #6a3381; }
  3769. .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active,
  3770. .open > .btn.purple:not(.btn-outline).dropdown-toggle {
  3771. color: #ffffff;
  3772. background-color: #703688;
  3773. border-color: #6a3381; }
  3774. .btn.purple:not(.btn-outline):active:hover, .btn.purple:not(.btn-outline):active:focus, .btn.purple:not(.btn-outline):active.focus, .btn.purple:not(.btn-outline).active:hover, .btn.purple:not(.btn-outline).active:focus, .btn.purple:not(.btn-outline).active.focus,
  3775. .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover,
  3776. .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus,
  3777. .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus {
  3778. color: #ffffff;
  3779. background-color: #5b2c6f;
  3780. border-color: #432051; }
  3781. .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active,
  3782. .open > .btn.purple:not(.btn-outline).dropdown-toggle {
  3783. background-image: none; }
  3784. .btn.purple:not(.btn-outline).disabled:hover, .btn.purple:not(.btn-outline).disabled:focus, .btn.purple:not(.btn-outline).disabled.focus, .btn.purple:not(.btn-outline)[disabled]:hover, .btn.purple:not(.btn-outline)[disabled]:focus, .btn.purple:not(.btn-outline)[disabled].focus,
  3785. fieldset[disabled] .btn.purple:not(.btn-outline):hover,
  3786. fieldset[disabled] .btn.purple:not(.btn-outline):focus,
  3787. fieldset[disabled] .btn.purple:not(.btn-outline).focus {
  3788. background-color: #8E44AD;
  3789. border-color: #8E44AD; }
  3790. .btn.purple:not(.btn-outline) .badge {
  3791. color: #8E44AD;
  3792. background-color: #ffffff; }
  3793. .btn.btn-outline.purple {
  3794. border-color: #8E44AD;
  3795. color: #8E44AD;
  3796. background: none; }
  3797. .btn.btn-outline.purple:hover, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:focus, .btn.btn-outline.purple.active {
  3798. border-color: #8E44AD;
  3799. color: #ffffff;
  3800. background-color: #8E44AD; }
  3801. .btn.purple-stripe {
  3802. border-left: 4px solid #8E44AD !important; }
  3803. .btn.purple.btn-no-border:not(.active) {
  3804. border-color: transparent; }
  3805. .btn.purple-plum:not(.btn-outline) {
  3806. color: #ffffff;
  3807. background-color: #8775a7;
  3808. border-color: #8775a7; }
  3809. .btn.purple-plum:not(.btn-outline):focus, .btn.purple-plum:not(.btn-outline).focus {
  3810. color: #ffffff;
  3811. background-color: #6d5b8e;
  3812. border-color: #493d60; }
  3813. .btn.purple-plum:not(.btn-outline):hover {
  3814. color: #ffffff;
  3815. background-color: #6d5b8e;
  3816. border-color: #685788; }
  3817. .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active,
  3818. .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {
  3819. color: #ffffff;
  3820. background-color: #6d5b8e;
  3821. border-color: #685788; }
  3822. .btn.purple-plum:not(.btn-outline):active:hover, .btn.purple-plum:not(.btn-outline):active:focus, .btn.purple-plum:not(.btn-outline):active.focus, .btn.purple-plum:not(.btn-outline).active:hover, .btn.purple-plum:not(.btn-outline).active:focus, .btn.purple-plum:not(.btn-outline).active.focus,
  3823. .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:hover,
  3824. .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:focus,
  3825. .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle.focus {
  3826. color: #ffffff;
  3827. background-color: #5d4d78;
  3828. border-color: #493d60; }
  3829. .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active,
  3830. .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {
  3831. background-image: none; }
  3832. .btn.purple-plum:not(.btn-outline).disabled:hover, .btn.purple-plum:not(.btn-outline).disabled:focus, .btn.purple-plum:not(.btn-outline).disabled.focus, .btn.purple-plum:not(.btn-outline)[disabled]:hover, .btn.purple-plum:not(.btn-outline)[disabled]:focus, .btn.purple-plum:not(.btn-outline)[disabled].focus,
  3833. fieldset[disabled] .btn.purple-plum:not(.btn-outline):hover,
  3834. fieldset[disabled] .btn.purple-plum:not(.btn-outline):focus,
  3835. fieldset[disabled] .btn.purple-plum:not(.btn-outline).focus {
  3836. background-color: #8775a7;
  3837. border-color: #8775a7; }
  3838. .btn.purple-plum:not(.btn-outline) .badge {
  3839. color: #8775a7;
  3840. background-color: #ffffff; }
  3841. .btn.btn-outline.purple-plum {
  3842. border-color: #8775a7;
  3843. color: #8775a7;
  3844. background: none; }
  3845. .btn.btn-outline.purple-plum:hover, .btn.btn-outline.purple-plum:active, .btn.btn-outline.purple-plum:active:hover, .btn.btn-outline.purple-plum:active:focus, .btn.btn-outline.purple-plum:focus, .btn.btn-outline.purple-plum.active {
  3846. border-color: #8775a7;
  3847. color: #ffffff;
  3848. background-color: #8775a7; }
  3849. .btn.purple-plum-stripe {
  3850. border-left: 4px solid #8775a7 !important; }
  3851. .btn.purple-plum.btn-no-border:not(.active) {
  3852. border-color: transparent; }
  3853. .btn.purple-medium:not(.btn-outline) {
  3854. color: #ffffff;
  3855. background-color: #BF55EC;
  3856. border-color: #BF55EC; }
  3857. .btn.purple-medium:not(.btn-outline):focus, .btn.purple-medium:not(.btn-outline).focus {
  3858. color: #ffffff;
  3859. background-color: #ae27e7;
  3860. border-color: #8013ae; }
  3861. .btn.purple-medium:not(.btn-outline):hover {
  3862. color: #ffffff;
  3863. background-color: #ae27e7;
  3864. border-color: #aa1ee6; }
  3865. .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active,
  3866. .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {
  3867. color: #ffffff;
  3868. background-color: #ae27e7;
  3869. border-color: #aa1ee6; }
  3870. .btn.purple-medium:not(.btn-outline):active:hover, .btn.purple-medium:not(.btn-outline):active:focus, .btn.purple-medium:not(.btn-outline):active.focus, .btn.purple-medium:not(.btn-outline).active:hover, .btn.purple-medium:not(.btn-outline).active:focus, .btn.purple-medium:not(.btn-outline).active.focus,
  3871. .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:hover,
  3872. .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:focus,
  3873. .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle.focus {
  3874. color: #ffffff;
  3875. background-color: #9b18d3;
  3876. border-color: #8013ae; }
  3877. .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active,
  3878. .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {
  3879. background-image: none; }
  3880. .btn.purple-medium:not(.btn-outline).disabled:hover, .btn.purple-medium:not(.btn-outline).disabled:focus, .btn.purple-medium:not(.btn-outline).disabled.focus, .btn.purple-medium:not(.btn-outline)[disabled]:hover, .btn.purple-medium:not(.btn-outline)[disabled]:focus, .btn.purple-medium:not(.btn-outline)[disabled].focus,
  3881. fieldset[disabled] .btn.purple-medium:not(.btn-outline):hover,
  3882. fieldset[disabled] .btn.purple-medium:not(.btn-outline):focus,
  3883. fieldset[disabled] .btn.purple-medium:not(.btn-outline).focus {
  3884. background-color: #BF55EC;
  3885. border-color: #BF55EC; }
  3886. .btn.purple-medium:not(.btn-outline) .badge {
  3887. color: #BF55EC;
  3888. background-color: #ffffff; }
  3889. .btn.btn-outline.purple-medium {
  3890. border-color: #BF55EC;
  3891. color: #BF55EC;
  3892. background: none; }
  3893. .btn.btn-outline.purple-medium:hover, .btn.btn-outline.purple-medium:active, .btn.btn-outline.purple-medium:active:hover, .btn.btn-outline.purple-medium:active:focus, .btn.btn-outline.purple-medium:focus, .btn.btn-outline.purple-medium.active {
  3894. border-color: #BF55EC;
  3895. color: #ffffff;
  3896. background-color: #BF55EC; }
  3897. .btn.purple-medium-stripe {
  3898. border-left: 4px solid #BF55EC !important; }
  3899. .btn.purple-medium.btn-no-border:not(.active) {
  3900. border-color: transparent; }
  3901. .btn.purple-studio:not(.btn-outline) {
  3902. color: #ffffff;
  3903. background-color: #8E44AD;
  3904. border-color: #8E44AD; }
  3905. .btn.purple-studio:not(.btn-outline):focus, .btn.purple-studio:not(.btn-outline).focus {
  3906. color: #ffffff;
  3907. background-color: #703688;
  3908. border-color: #432051; }
  3909. .btn.purple-studio:not(.btn-outline):hover {
  3910. color: #ffffff;
  3911. background-color: #703688;
  3912. border-color: #6a3381; }
  3913. .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active,
  3914. .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {
  3915. color: #ffffff;
  3916. background-color: #703688;
  3917. border-color: #6a3381; }
  3918. .btn.purple-studio:not(.btn-outline):active:hover, .btn.purple-studio:not(.btn-outline):active:focus, .btn.purple-studio:not(.btn-outline):active.focus, .btn.purple-studio:not(.btn-outline).active:hover, .btn.purple-studio:not(.btn-outline).active:focus, .btn.purple-studio:not(.btn-outline).active.focus,
  3919. .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:hover,
  3920. .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:focus,
  3921. .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle.focus {
  3922. color: #ffffff;
  3923. background-color: #5b2c6f;
  3924. border-color: #432051; }
  3925. .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active,
  3926. .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {
  3927. background-image: none; }
  3928. .btn.purple-studio:not(.btn-outline).disabled:hover, .btn.purple-studio:not(.btn-outline).disabled:focus, .btn.purple-studio:not(.btn-outline).disabled.focus, .btn.purple-studio:not(.btn-outline)[disabled]:hover, .btn.purple-studio:not(.btn-outline)[disabled]:focus, .btn.purple-studio:not(.btn-outline)[disabled].focus,
  3929. fieldset[disabled] .btn.purple-studio:not(.btn-outline):hover,
  3930. fieldset[disabled] .btn.purple-studio:not(.btn-outline):focus,
  3931. fieldset[disabled] .btn.purple-studio:not(.btn-outline).focus {
  3932. background-color: #8E44AD;
  3933. border-color: #8E44AD; }
  3934. .btn.purple-studio:not(.btn-outline) .badge {
  3935. color: #8E44AD;
  3936. background-color: #ffffff; }
  3937. .btn.btn-outline.purple-studio {
  3938. border-color: #8E44AD;
  3939. color: #8E44AD;
  3940. background: none; }
  3941. .btn.btn-outline.purple-studio:hover, .btn.btn-outline.purple-studio:active, .btn.btn-outline.purple-studio:active:hover, .btn.btn-outline.purple-studio:active:focus, .btn.btn-outline.purple-studio:focus, .btn.btn-outline.purple-studio.active {
  3942. border-color: #8E44AD;
  3943. color: #ffffff;
  3944. background-color: #8E44AD; }
  3945. .btn.purple-studio-stripe {
  3946. border-left: 4px solid #8E44AD !important; }
  3947. .btn.purple-studio.btn-no-border:not(.active) {
  3948. border-color: transparent; }
  3949. .btn.purple-wisteria:not(.btn-outline) {
  3950. color: #ffffff;
  3951. background-color: #9B59B6;
  3952. border-color: #9B59B6; }
  3953. .btn.purple-wisteria:not(.btn-outline):focus, .btn.purple-wisteria:not(.btn-outline).focus {
  3954. color: #ffffff;
  3955. background-color: #804399;
  3956. border-color: #532c64; }
  3957. .btn.purple-wisteria:not(.btn-outline):hover {
  3958. color: #ffffff;
  3959. background-color: #804399;
  3960. border-color: #7a4092; }
  3961. .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active,
  3962. .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {
  3963. color: #ffffff;
  3964. background-color: #804399;
  3965. border-color: #7a4092; }
  3966. .btn.purple-wisteria:not(.btn-outline):active:hover, .btn.purple-wisteria:not(.btn-outline):active:focus, .btn.purple-wisteria:not(.btn-outline):active.focus, .btn.purple-wisteria:not(.btn-outline).active:hover, .btn.purple-wisteria:not(.btn-outline).active:focus, .btn.purple-wisteria:not(.btn-outline).active.focus,
  3967. .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:hover,
  3968. .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:focus,
  3969. .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle.focus {
  3970. color: #ffffff;
  3971. background-color: #6b3880;
  3972. border-color: #532c64; }
  3973. .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active,
  3974. .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {
  3975. background-image: none; }
  3976. .btn.purple-wisteria:not(.btn-outline).disabled:hover, .btn.purple-wisteria:not(.btn-outline).disabled:focus, .btn.purple-wisteria:not(.btn-outline).disabled.focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:hover, .btn.purple-wisteria:not(.btn-outline)[disabled]:focus, .btn.purple-wisteria:not(.btn-outline)[disabled].focus,
  3977. fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):hover,
  3978. fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):focus,
  3979. fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).focus {
  3980. background-color: #9B59B6;
  3981. border-color: #9B59B6; }
  3982. .btn.purple-wisteria:not(.btn-outline) .badge {
  3983. color: #9B59B6;
  3984. background-color: #ffffff; }
  3985. .btn.btn-outline.purple-wisteria {
  3986. border-color: #9B59B6;
  3987. color: #9B59B6;
  3988. background: none; }
  3989. .btn.btn-outline.purple-wisteria:hover, .btn.btn-outline.purple-wisteria:active, .btn.btn-outline.purple-wisteria:active:hover, .btn.btn-outline.purple-wisteria:active:focus, .btn.btn-outline.purple-wisteria:focus, .btn.btn-outline.purple-wisteria.active {
  3990. border-color: #9B59B6;
  3991. color: #ffffff;
  3992. background-color: #9B59B6; }
  3993. .btn.purple-wisteria-stripe {
  3994. border-left: 4px solid #9B59B6 !important; }
  3995. .btn.purple-wisteria.btn-no-border:not(.active) {
  3996. border-color: transparent; }
  3997. .btn.purple-seance:not(.btn-outline) {
  3998. color: #ffffff;
  3999. background-color: #9A12B3;
  4000. border-color: #9A12B3; }
  4001. .btn.purple-seance:not(.btn-outline):focus, .btn.purple-seance:not(.btn-outline).focus {
  4002. color: #ffffff;
  4003. background-color: #720d85;
  4004. border-color: #36063f; }
  4005. .btn.purple-seance:not(.btn-outline):hover {
  4006. color: #ffffff;
  4007. background-color: #720d85;
  4008. border-color: #6a0c7b; }
  4009. .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active,
  4010. .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {
  4011. color: #ffffff;
  4012. background-color: #720d85;
  4013. border-color: #6a0c7b; }
  4014. .btn.purple-seance:not(.btn-outline):active:hover, .btn.purple-seance:not(.btn-outline):active:focus, .btn.purple-seance:not(.btn-outline):active.focus, .btn.purple-seance:not(.btn-outline).active:hover, .btn.purple-seance:not(.btn-outline).active:focus, .btn.purple-seance:not(.btn-outline).active.focus,
  4015. .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:hover,
  4016. .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:focus,
  4017. .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle.focus {
  4018. color: #ffffff;
  4019. background-color: #560a64;
  4020. border-color: #36063f; }
  4021. .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active,
  4022. .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {
  4023. background-image: none; }
  4024. .btn.purple-seance:not(.btn-outline).disabled:hover, .btn.purple-seance:not(.btn-outline).disabled:focus, .btn.purple-seance:not(.btn-outline).disabled.focus, .btn.purple-seance:not(.btn-outline)[disabled]:hover, .btn.purple-seance:not(.btn-outline)[disabled]:focus, .btn.purple-seance:not(.btn-outline)[disabled].focus,
  4025. fieldset[disabled] .btn.purple-seance:not(.btn-outline):hover,
  4026. fieldset[disabled] .btn.purple-seance:not(.btn-outline):focus,
  4027. fieldset[disabled] .btn.purple-seance:not(.btn-outline).focus {
  4028. background-color: #9A12B3;
  4029. border-color: #9A12B3; }
  4030. .btn.purple-seance:not(.btn-outline) .badge {
  4031. color: #9A12B3;
  4032. background-color: #ffffff; }
  4033. .btn.btn-outline.purple-seance {
  4034. border-color: #9A12B3;
  4035. color: #9A12B3;
  4036. background: none; }
  4037. .btn.btn-outline.purple-seance:hover, .btn.btn-outline.purple-seance:active, .btn.btn-outline.purple-seance:active:hover, .btn.btn-outline.purple-seance:active:focus, .btn.btn-outline.purple-seance:focus, .btn.btn-outline.purple-seance.active {
  4038. border-color: #9A12B3;
  4039. color: #ffffff;
  4040. background-color: #9A12B3; }
  4041. .btn.purple-seance-stripe {
  4042. border-left: 4px solid #9A12B3 !important; }
  4043. .btn.purple-seance.btn-no-border:not(.active) {
  4044. border-color: transparent; }
  4045. .btn.purple-intense:not(.btn-outline) {
  4046. color: #ffffff;
  4047. background-color: #8775a7;
  4048. border-color: #8775a7; }
  4049. .btn.purple-intense:not(.btn-outline):focus, .btn.purple-intense:not(.btn-outline).focus {
  4050. color: #ffffff;
  4051. background-color: #6d5b8e;
  4052. border-color: #493d60; }
  4053. .btn.purple-intense:not(.btn-outline):hover {
  4054. color: #ffffff;
  4055. background-color: #6d5b8e;
  4056. border-color: #685788; }
  4057. .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active,
  4058. .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {
  4059. color: #ffffff;
  4060. background-color: #6d5b8e;
  4061. border-color: #685788; }
  4062. .btn.purple-intense:not(.btn-outline):active:hover, .btn.purple-intense:not(.btn-outline):active:focus, .btn.purple-intense:not(.btn-outline):active.focus, .btn.purple-intense:not(.btn-outline).active:hover, .btn.purple-intense:not(.btn-outline).active:focus, .btn.purple-intense:not(.btn-outline).active.focus,
  4063. .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:hover,
  4064. .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:focus,
  4065. .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle.focus {
  4066. color: #ffffff;
  4067. background-color: #5d4d78;
  4068. border-color: #493d60; }
  4069. .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active,
  4070. .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {
  4071. background-image: none; }
  4072. .btn.purple-intense:not(.btn-outline).disabled:hover, .btn.purple-intense:not(.btn-outline).disabled:focus, .btn.purple-intense:not(.btn-outline).disabled.focus, .btn.purple-intense:not(.btn-outline)[disabled]:hover, .btn.purple-intense:not(.btn-outline)[disabled]:focus, .btn.purple-intense:not(.btn-outline)[disabled].focus,
  4073. fieldset[disabled] .btn.purple-intense:not(.btn-outline):hover,
  4074. fieldset[disabled] .btn.purple-intense:not(.btn-outline):focus,
  4075. fieldset[disabled] .btn.purple-intense:not(.btn-outline).focus {
  4076. background-color: #8775a7;
  4077. border-color: #8775a7; }
  4078. .btn.purple-intense:not(.btn-outline) .badge {
  4079. color: #8775a7;
  4080. background-color: #ffffff; }
  4081. .btn.btn-outline.purple-intense {
  4082. border-color: #8775a7;
  4083. color: #8775a7;
  4084. background: none; }
  4085. .btn.btn-outline.purple-intense:hover, .btn.btn-outline.purple-intense:active, .btn.btn-outline.purple-intense:active:hover, .btn.btn-outline.purple-intense:active:focus, .btn.btn-outline.purple-intense:focus, .btn.btn-outline.purple-intense.active {
  4086. border-color: #8775a7;
  4087. color: #ffffff;
  4088. background-color: #8775a7; }
  4089. .btn.purple-intense-stripe {
  4090. border-left: 4px solid #8775a7 !important; }
  4091. .btn.purple-intense.btn-no-border:not(.active) {
  4092. border-color: transparent; }
  4093. .btn.purple-sharp:not(.btn-outline) {
  4094. color: #ffffff;
  4095. background-color: #796799;
  4096. border-color: #796799; }
  4097. .btn.purple-sharp:not(.btn-outline):focus, .btn.purple-sharp:not(.btn-outline).focus {
  4098. color: #ffffff;
  4099. background-color: #61527b;
  4100. border-color: #3d344d; }
  4101. .btn.purple-sharp:not(.btn-outline):hover {
  4102. color: #ffffff;
  4103. background-color: #61527b;
  4104. border-color: #5c4e75; }
  4105. .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active,
  4106. .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
  4107. color: #ffffff;
  4108. background-color: #61527b;
  4109. border-color: #5c4e75; }
  4110. .btn.purple-sharp:not(.btn-outline):active:hover, .btn.purple-sharp:not(.btn-outline):active:focus, .btn.purple-sharp:not(.btn-outline):active.focus, .btn.purple-sharp:not(.btn-outline).active:hover, .btn.purple-sharp:not(.btn-outline).active:focus, .btn.purple-sharp:not(.btn-outline).active.focus,
  4111. .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover,
  4112. .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus,
  4113. .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus {
  4114. color: #ffffff;
  4115. background-color: #504465;
  4116. border-color: #3d344d; }
  4117. .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active,
  4118. .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
  4119. background-image: none; }
  4120. .btn.purple-sharp:not(.btn-outline).disabled:hover, .btn.purple-sharp:not(.btn-outline).disabled:focus, .btn.purple-sharp:not(.btn-outline).disabled.focus, .btn.purple-sharp:not(.btn-outline)[disabled]:hover, .btn.purple-sharp:not(.btn-outline)[disabled]:focus, .btn.purple-sharp:not(.btn-outline)[disabled].focus,
  4121. fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover,
  4122. fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus,
  4123. fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus {
  4124. background-color: #796799;
  4125. border-color: #796799; }
  4126. .btn.purple-sharp:not(.btn-outline) .badge {
  4127. color: #796799;
  4128. background-color: #ffffff; }
  4129. .btn.btn-outline.purple-sharp {
  4130. border-color: #796799;
  4131. color: #796799;
  4132. background: none; }
  4133. .btn.btn-outline.purple-sharp:hover, .btn.btn-outline.purple-sharp:active, .btn.btn-outline.purple-sharp:active:hover, .btn.btn-outline.purple-sharp:active:focus, .btn.btn-outline.purple-sharp:focus, .btn.btn-outline.purple-sharp.active {
  4134. border-color: #796799;
  4135. color: #ffffff;
  4136. background-color: #796799; }
  4137. .btn.purple-sharp-stripe {
  4138. border-left: 4px solid #796799 !important; }
  4139. .btn.purple-sharp.btn-no-border:not(.active) {
  4140. border-color: transparent; }
  4141. .btn.purple-soft:not(.btn-outline) {
  4142. color: #ffffff;
  4143. background-color: #8877a9;
  4144. border-color: #8877a9; }
  4145. .btn.purple-soft:not(.btn-outline):focus, .btn.purple-soft:not(.btn-outline).focus {
  4146. color: #ffffff;
  4147. background-color: #6e5c91;
  4148. border-color: #4a3e62; }
  4149. .btn.purple-soft:not(.btn-outline):hover {
  4150. color: #ffffff;
  4151. background-color: #6e5c91;
  4152. border-color: #69588b; }
  4153. .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active,
  4154. .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {
  4155. color: #ffffff;
  4156. background-color: #6e5c91;
  4157. border-color: #69588b; }
  4158. .btn.purple-soft:not(.btn-outline):active:hover, .btn.purple-soft:not(.btn-outline):active:focus, .btn.purple-soft:not(.btn-outline):active.focus, .btn.purple-soft:not(.btn-outline).active:hover, .btn.purple-soft:not(.btn-outline).active:focus, .btn.purple-soft:not(.btn-outline).active.focus,
  4159. .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:hover,
  4160. .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:focus,
  4161. .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle.focus {
  4162. color: #ffffff;
  4163. background-color: #5d4e7b;
  4164. border-color: #4a3e62; }
  4165. .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active,
  4166. .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {
  4167. background-image: none; }
  4168. .btn.purple-soft:not(.btn-outline).disabled:hover, .btn.purple-soft:not(.btn-outline).disabled:focus, .btn.purple-soft:not(.btn-outline).disabled.focus, .btn.purple-soft:not(.btn-outline)[disabled]:hover, .btn.purple-soft:not(.btn-outline)[disabled]:focus, .btn.purple-soft:not(.btn-outline)[disabled].focus,
  4169. fieldset[disabled] .btn.purple-soft:not(.btn-outline):hover,
  4170. fieldset[disabled] .btn.purple-soft:not(.btn-outline):focus,
  4171. fieldset[disabled] .btn.purple-soft:not(.btn-outline).focus {
  4172. background-color: #8877a9;
  4173. border-color: #8877a9; }
  4174. .btn.purple-soft:not(.btn-outline) .badge {
  4175. color: #8877a9;
  4176. background-color: #ffffff; }
  4177. .btn.btn-outline.purple-soft {
  4178. border-color: #8877a9;
  4179. color: #8877a9;
  4180. background: none; }
  4181. .btn.btn-outline.purple-soft:hover, .btn.btn-outline.purple-soft:active, .btn.btn-outline.purple-soft:active:hover, .btn.btn-outline.purple-soft:active:focus, .btn.btn-outline.purple-soft:focus, .btn.btn-outline.purple-soft.active {
  4182. border-color: #8877a9;
  4183. color: #ffffff;
  4184. background-color: #8877a9; }
  4185. .btn.purple-soft-stripe {
  4186. border-left: 4px solid #8877a9 !important; }
  4187. .btn.purple-soft.btn-no-border:not(.active) {
  4188. border-color: transparent; }
  4189. /* Circle Buttons */
  4190. .btn-circle {
  4191. border-radius: 25px !important;
  4192. overflow: hidden; }
  4193. .btn-circle-right {
  4194. border-radius: 0 25px 25px 0 !important; }
  4195. .btn-circle-left {
  4196. border-radius: 25px 0 0 25px !important; }
  4197. .btn-circle-bottom {
  4198. border-radius: 0 0 25px 25px !important; }
  4199. .btn-circle-top {
  4200. border-radius: 25px 25px 0 0 !important; }
  4201. .btn-icon-only {
  4202. height: 34px;
  4203. width: 34px;
  4204. text-align: center;
  4205. padding-left: 0;
  4206. padding-right: 0; }
  4207. .btn-icon-only > [class^="icon-"],
  4208. .btn-icon-only > i {
  4209. text-align: center;
  4210. margin-top: 2px; }
  4211. .btn-group.btn-group-circle > .btn:first-child {
  4212. border-radius: 25px 0 0 25px !important; }
  4213. .btn-group.btn-group-circle > .btn:last-child {
  4214. border-radius: 0 25px 25px 0 !important; }
  4215. .btn-group.btn-group-devided > .btn {
  4216. margin-right: 5px; }
  4217. .btn-group.btn-group-devided > .btn:last-child {
  4218. margin-right: 0; }
  4219. .btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
  4220. border-radius: 25px 25px 0 0 !important; }
  4221. .btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
  4222. border-radius: 0 0 25px 25px !important; }
  4223. /***
  4224. Image Carousel
  4225. ***/
  4226. .carousel.image-carousel .carousel-inner {
  4227. padding-top: 0;
  4228. padding-bottom: 0; }
  4229. .carousel.image-carousel .carousel-control i {
  4230. position: absolute;
  4231. top: 40%; }
  4232. .carousel.image-carousel.image-carousel-hoverable .carousel-control i {
  4233. display: none; }
  4234. .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  4235. display: inline-block; }
  4236. .carousel.image-carousel .carousel-control.left i {
  4237. left: 10px; }
  4238. .carousel.image-carousel .carousel-control.right i {
  4239. right: 10px; }
  4240. .carousel.image-carousel .carousel-indicators {
  4241. margin-top: 10px;
  4242. bottom: -7px; }
  4243. .carousel.image-carousel .carousel-indicators li {
  4244. background-color: #666; }
  4245. .carousel.image-carousel .carousel-indicators li.active {
  4246. background-color: #666; }
  4247. .carousel.image-carousel .carousel-caption {
  4248. position: absolute;
  4249. right: 0;
  4250. bottom: 0;
  4251. left: 0;
  4252. padding: 15px 15px 25px 15px;
  4253. background: #333333;
  4254. background: rgba(0, 0, 0, 0.75); }
  4255. .carousel.image-carousel .carousel-caption h4,
  4256. .carousel.image-carousel .carousel-caption h3,
  4257. .carousel.image-carousel .carousel-caption h2,
  4258. .carousel.image-carousel .carousel-caption p {
  4259. text-align: left;
  4260. line-height: 20px;
  4261. color: #ffffff; }
  4262. .carousel.image-carousel .carousel-caption h4,
  4263. .carousel.image-carousel .carousel-caption h3,
  4264. .carousel.image-carousel .carousel-caption h2 {
  4265. margin: 0 0 5px; }
  4266. .carousel.image-carousel .carousel-caption h4 a,
  4267. .carousel.image-carousel .carousel-caption h3 a,
  4268. .carousel.image-carousel .carousel-caption h2 a {
  4269. color: #aaa; }
  4270. .carousel.image-carousel .carousel-caption p {
  4271. margin-bottom: 0; }
  4272. .carousel.image-carousel .carousel-caption .item {
  4273. margin: 0; }
  4274. /***
  4275. Charts and statistics
  4276. ***/
  4277. .chart,
  4278. .pie,
  4279. .bars {
  4280. overflow: hidden;
  4281. height: 300px;
  4282. width: 100%;
  4283. font-family: "Open Sans", sans-serif !important;
  4284. font-size: 14px; }
  4285. /***
  4286. Statistic lists
  4287. ***/
  4288. .item-list.table .percent {
  4289. width: 30px;
  4290. float: right;
  4291. margin-right: 10px;
  4292. margin-top: 3px; }
  4293. /***
  4294. Chart tooltips
  4295. ***/
  4296. .chart-tooltip {
  4297. clear: both;
  4298. z-index: 100;
  4299. background-color: #736e6e !important;
  4300. padding: 5px !important;
  4301. color: #fff; }
  4302. .chart-tooltip .label {
  4303. clear: both;
  4304. display: block;
  4305. margin-bottom: 2px; }
  4306. /***
  4307. Mini chart containers
  4308. ***/
  4309. .bar-chart,
  4310. .line-chart {
  4311. display: none; }
  4312. /***
  4313. Chats
  4314. ***/
  4315. .chats {
  4316. margin: 0;
  4317. padding: 0;
  4318. margin-top: -15px; }
  4319. .chats li {
  4320. list-style: none;
  4321. padding: 5px 0;
  4322. margin: 10px auto;
  4323. font-size: 12px; }
  4324. .chats li .body {
  4325. display: block; }
  4326. .chats li .avatar {
  4327. height: 45px;
  4328. width: 45px;
  4329. -webkit-border-radius: 50% !important;
  4330. -moz-border-radius: 50% !important;
  4331. border-radius: 50% !important; }
  4332. .chats li.in .avatar {
  4333. float: left;
  4334. margin-right: 10px; }
  4335. .chats li.out .avatar {
  4336. float: right;
  4337. margin-left: 10px; }
  4338. .chats li .name {
  4339. color: #3590c1;
  4340. font-size: 13px;
  4341. font-weight: 400; }
  4342. .chats li .datetime {
  4343. color: #333;
  4344. font-size: 13px;
  4345. font-weight: 400; }
  4346. .chats li .message {
  4347. display: block;
  4348. padding: 5px;
  4349. position: relative; }
  4350. .chats li.in .message {
  4351. text-align: left;
  4352. border-left: 2px solid #1BBC9B;
  4353. margin-left: 65px;
  4354. background: #fafafa; }
  4355. .chats li.in .message .arrow {
  4356. display: block;
  4357. position: absolute;
  4358. top: 5px;
  4359. left: -8px;
  4360. width: 0;
  4361. height: 0;
  4362. border-top: 8px solid transparent;
  4363. border-bottom: 8px solid transparent;
  4364. border-right: 8px solid #1BBC9B; }
  4365. .chats li.out .message {
  4366. border-right: 2px solid #F3565D;
  4367. margin-right: 65px;
  4368. background: #fafafa;
  4369. text-align: right; }
  4370. .chats li.out .message .arrow {
  4371. display: block;
  4372. position: absolute;
  4373. top: 5px;
  4374. right: -8px;
  4375. border-top: 8px solid transparent;
  4376. border-bottom: 8px solid transparent;
  4377. border-left: 8px solid #F3565D; }
  4378. .chats li.out .name,
  4379. .chats li.out .datetime {
  4380. text-align: right; }
  4381. .chat-form {
  4382. margin-top: 15px;
  4383. padding: 10px;
  4384. background-color: #e9eff3;
  4385. overflow: hidden;
  4386. clear: both; }
  4387. .chat-form .input-cont {
  4388. margin-right: 40px; }
  4389. .chat-form .input-cont .form-control {
  4390. border: 1px solid #ddd;
  4391. width: 100% !important;
  4392. margin-top: 0;
  4393. background-color: #fff !important; }
  4394. .chat-form .input-cont .form-control:focus {
  4395. border: 1px solid #4b8df9 !important; }
  4396. .chat-form .btn-cont {
  4397. margin-top: -41px;
  4398. position: relative;
  4399. float: right;
  4400. width: 44px; }
  4401. .chat-form .btn-cont .arrow {
  4402. position: absolute;
  4403. top: 17px;
  4404. right: 43px;
  4405. border-top: 8px solid transparent;
  4406. border-bottom: 8px solid transparent;
  4407. border-right: 8px solid #4d90fe;
  4408. -webkit-box-sizing: border-box;
  4409. -moz-box-sizing: border-box;
  4410. box-sizing: border-box; }
  4411. .chat-form .btn-cont .btn {
  4412. margin-top: 7px; }
  4413. .chat-form .btn-cont:hover .arrow {
  4414. border-right-color: #0362fd;
  4415. transition: all 0.3s; }
  4416. .chat-form .btn-cont:hover .btn {
  4417. background-color: #0362fd;
  4418. transition: all 0.3s; }
  4419. /***
  4420. Customized Bootstrap Close Icon
  4421. ***/
  4422. .close {
  4423. display: inline-block;
  4424. margin-top: 0px;
  4425. margin-right: 0px;
  4426. width: 9px;
  4427. height: 9px;
  4428. background-repeat: no-repeat !important;
  4429. text-indent: -10000px;
  4430. outline: none;
  4431. background-image: url("../img/remove-icon-small.png") !important; }
  4432. /***
  4433. Customized Bootstrap Dropdowns
  4434. ***/
  4435. /***
  4436. Dropdowns
  4437. ***/
  4438. .dropup.open > .dropdown-toggle,
  4439. .dropdown.open > .dropdown-toggle {
  4440. border-color: #ddd; }
  4441. /***
  4442. Dropdown Menu
  4443. ***/
  4444. /*rtl:ignore*/
  4445. .dropdown-menu {
  4446. box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
  4447. .dropdown-menu {
  4448. left: 0/*rtl:auto*/;
  4449. min-width: 175px;
  4450. position: absolute;
  4451. z-index: 1000;
  4452. display: none;
  4453. float: left;
  4454. list-style: none;
  4455. text-shadow: none;
  4456. padding: 0px;
  4457. background-color: #ffffff;
  4458. margin: 10px 0px 0px 0px;
  4459. border: 1px solid #eee;
  4460. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  4461. -webkit-border-radius: 4px;
  4462. -moz-border-radius: 4px;
  4463. -ms-border-radius: 4px;
  4464. -o-border-radius: 4px;
  4465. border-radius: 4px; }
  4466. .dropdown-hoverable:hover .dropdown-menu {
  4467. display: block; }
  4468. .dropdown-menu li.divider {
  4469. background: #f1f3f6; }
  4470. .dropdown-menu li.header {
  4471. padding: 8px 14px 2px 14px; }
  4472. .dropdown-menu > li > a {
  4473. padding: 8px 16px;
  4474. color: #6f6f6f;
  4475. text-decoration: none;
  4476. display: block;
  4477. clear: both;
  4478. font-weight: 300;
  4479. line-height: 18px;
  4480. white-space: nowrap; }
  4481. .dropdown-menu > li > a > [class^="fa-"],
  4482. .dropdown-menu > li > a > [class*=" fa-"] {
  4483. color: #888; }
  4484. .dropdown-menu > li > a > [class^="icon-"],
  4485. .dropdown-menu > li > a > [class*=" icon-"] {
  4486. color: #666; }
  4487. .dropdown-menu > li > a > [class^="glyphicon-"],
  4488. .dropdown-menu > li > a > [class*=" glyphicon-"] {
  4489. color: #888; }
  4490. .dropdown-menu > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a {
  4491. text-decoration: none;
  4492. background-image: none;
  4493. background-color: #f6f6f6;
  4494. color: #555;
  4495. filter: none; }
  4496. .dropdown-menu.bottom-up {
  4497. top: auto;
  4498. bottom: 100%;
  4499. margin-bottom: 2px; }
  4500. .dropdown-menu.bottom-up:before, .dropdown-menu.bottom-up:after {
  4501. display: none !important; }
  4502. .dropdown-menu > li:first-child:hover > a {
  4503. border-radius: 4px 4px 0px 0px; }
  4504. .dropdown-menu > li:last-child:hover > a {
  4505. border-radius: 0px 0px 4px 4px; }
  4506. .dropdown-hover:hover > .dropdown-menu {
  4507. display: block; }
  4508. .dropdown > .dropdown-menu,
  4509. .dropdown-toggle > .dropdown-menu,
  4510. .btn-group > .dropdown-menu {
  4511. margin-top: 10px; }
  4512. .dropdown > .dropdown-menu:before,
  4513. .dropdown-toggle > .dropdown-menu:before,
  4514. .btn-group > .dropdown-menu:before {
  4515. position: absolute;
  4516. top: -8px;
  4517. left: 9px;
  4518. right: auto;
  4519. display: inline-block !important;
  4520. border-right: 8px solid transparent;
  4521. border-bottom: 8px solid #e0e0e0;
  4522. border-left: 8px solid transparent;
  4523. content: ''; }
  4524. .dropdown > .dropdown-menu:after,
  4525. .dropdown-toggle > .dropdown-menu:after,
  4526. .btn-group > .dropdown-menu:after {
  4527. position: absolute;
  4528. top: -7px;
  4529. left: 10px;
  4530. right: auto;
  4531. display: inline-block !important;
  4532. border-right: 7px solid transparent;
  4533. border-bottom: 7px solid #fff;
  4534. border-left: 7px solid transparent;
  4535. content: ''; }
  4536. .dropdown > .dropdown-menu.pull-left:before,
  4537. .dropdown-toggle > .dropdown-menu.pull-left:before,
  4538. .btn-group > .dropdown-menu.pull-left:before {
  4539. left: auto;
  4540. right: 9px; }
  4541. .dropdown > .dropdown-menu.pull-left:after,
  4542. .dropdown-toggle > .dropdown-menu.pull-left:after,
  4543. .btn-group > .dropdown-menu.pull-left:after {
  4544. left: auto;
  4545. right: 10px; }
  4546. .dropdown > .dropdown-menu.pull-right:before,
  4547. .dropdown-toggle > .dropdown-menu.pull-right:before,
  4548. .btn-group > .dropdown-menu.pull-right:before {
  4549. left: auto;
  4550. right: 9px; }
  4551. .dropdown > .dropdown-menu.pull-right:after,
  4552. .dropdown-toggle > .dropdown-menu.pull-right:after,
  4553. .btn-group > .dropdown-menu.pull-right:after {
  4554. left: auto;
  4555. right: 10px; }
  4556. .dropdown.dropup > .dropdown-menu,
  4557. .dropdown-toggle.dropup > .dropdown-menu,
  4558. .btn-group.dropup > .dropdown-menu {
  4559. margin-top: 0px;
  4560. margin-bottom: 10px; }
  4561. .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before,
  4562. .dropdown-toggle.dropup > .dropdown-menu:after,
  4563. .dropdown-toggle.dropup > .dropdown-menu:before,
  4564. .btn-group.dropup > .dropdown-menu:after,
  4565. .btn-group.dropup > .dropdown-menu:before {
  4566. display: none !important; }
  4567. .dropdown-toggle:after {
  4568. display: none; }
  4569. /* Dropdown submenu support for Bootsrap 3 */
  4570. .dropdown-submenu {
  4571. position: relative; }
  4572. .dropdown-submenu > .dropdown-menu {
  4573. top: 5px;
  4574. left: 100%;
  4575. margin-top: -6px;
  4576. margin-left: -1px; }
  4577. .dropdown-submenu > a:after {
  4578. position: absolute;
  4579. display: inline-block;
  4580. font-size: 14px;
  4581. right: 7px;
  4582. top: 7px;
  4583. font-family: FontAwesome;
  4584. height: auto;
  4585. content: "\f105";
  4586. font-weight: 300; }
  4587. .dropdown-submenu:hover > .dropdown-menu {
  4588. display: block; }
  4589. .dropdown-submenu:hover > a:after {
  4590. border-left-color: #ffffff; }
  4591. .dropdown-submenu.pull-left {
  4592. float: none; }
  4593. .dropdown-submenu.pull-left > .dropdown-menu {
  4594. left: -100%;
  4595. margin-left: 10px; }
  4596. .dropup .dropdown-submenu > .dropdown-menu {
  4597. top: auto;
  4598. bottom: 0;
  4599. margin-top: 0;
  4600. margin-bottom: -2px; }
  4601. .nav.pull-right > li > .dropdown-menu,
  4602. .nav > li > .dropdown-menu.pull-right {
  4603. right: 0;
  4604. left: auto; }
  4605. .nav.pull-right > li > .dropdown-menu:before,
  4606. .nav > li > .dropdown-menu.pull-right:before {
  4607. right: 12px;
  4608. left: auto; }
  4609. .nav.pull-right > li > .dropdown-menu:after,
  4610. .nav > li > .dropdown-menu.pull-right:after {
  4611. right: 13px;
  4612. left: auto; }
  4613. .nav.pull-right > li > .dropdown-menu .dropdown-menu,
  4614. .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  4615. right: 100%;
  4616. left: auto;
  4617. margin-right: -1px;
  4618. margin-left: 0; }
  4619. @media (max-width: 767px) {
  4620. /* 767px */
  4621. .navbar-nav .open .dropdown-menu {
  4622. position: absolute;
  4623. float: left;
  4624. width: auto;
  4625. margin-top: 0;
  4626. background-color: #ffffff;
  4627. border: 1px solid #efefef;
  4628. box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
  4629. .navbar-nav .open .dropdown-menu > li > a {
  4630. padding: 6px 0 6px 13px;
  4631. color: #333; }
  4632. .navbar-nav .open .dropdown-menu > li > a:hover,
  4633. .navbar-nav .open .dropdown-menu > li > a:active {
  4634. background-color: #eee; } }
  4635. /***
  4636. Dropdown Checkboxes
  4637. ***/
  4638. .dropdown-content {
  4639. padding: 10px; }
  4640. .dropdown-content form {
  4641. margin: 0; }
  4642. .dropdown.inline .dropdown-menu {
  4643. display: inline-block;
  4644. position: relative; }
  4645. .dropdown-radiobuttons,
  4646. .dropdown-checkboxes {
  4647. padding: 5px; }
  4648. .dropdown-radiobuttons label,
  4649. .dropdown-checkboxes label {
  4650. display: block;
  4651. font-weight: 300;
  4652. color: #333;
  4653. margin-bottom: 4px;
  4654. margin-top: 4px; }
  4655. .dropdown-radiobuttons label .radio,
  4656. .dropdown-checkboxes label .radio {
  4657. margin-right: 3px; }
  4658. /*--------------------------------------------------
  4659. [Dropdown Menu v2]
  4660. ----------------------------------------------------*/
  4661. .dropdown-menu-v2 {
  4662. top: 100%;
  4663. right: 0;
  4664. z-index: 1001;
  4665. display: none;
  4666. float: left;
  4667. min-width: 225px;
  4668. padding: 20px 0;
  4669. margin: 25px 0 0;
  4670. font-size: 13px;
  4671. text-align: left;
  4672. list-style: none;
  4673. position: absolute;
  4674. background: #242b31;
  4675. -webkit-border-radius: 2px;
  4676. -moz-border-radius: 2px;
  4677. -ms-border-radius: 2px;
  4678. -o-border-radius: 2px;
  4679. border-radius: 2px;
  4680. -webkit-background-clip: padding-box;
  4681. background-clip: padding-box;
  4682. transition-duration: 300ms;
  4683. transition-property: all;
  4684. transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
  4685. .dropdown-menu-v2:before {
  4686. top: -10px;
  4687. right: 0;
  4688. width: 0;
  4689. height: 0;
  4690. content: ' ';
  4691. position: absolute;
  4692. border-style: solid;
  4693. display: inline-block;
  4694. border-width: 0 0 15px 15px;
  4695. border-color: transparent transparent #242b31 transparent; }
  4696. .dropdown-menu-v2 > li > a {
  4697. clear: both;
  4698. color: #606e7a;
  4699. display: block;
  4700. font-weight: 600;
  4701. padding: 8px 20px;
  4702. position: relative;
  4703. white-space: nowrap;
  4704. line-height: 1.42857143;
  4705. text-transform: uppercase; }
  4706. .dropdown-menu-v2 > li > a:hover, .dropdown-menu-v2 > li > a:focus {
  4707. background: #21282e;
  4708. text-decoration: none;
  4709. color: #009dc7; }
  4710. .dropdown-menu-v2 .active > a,
  4711. .dropdown-menu-v2 .active > a:hover,
  4712. .dropdown-menu-v2 .active > a:focus,
  4713. .dropdown-menu-v2 .active > a,
  4714. .dropdown-menu-v2 .active > a:hover,
  4715. .dropdown-menu-v2 .active > a:focus,
  4716. .dropdown-menu-v2 .active > a,
  4717. .dropdown-menu-v2 .active > a:hover,
  4718. .dropdown-menu-v2 .active > a:focus {
  4719. outline: 0;
  4720. text-decoration: none;
  4721. background-color: #21282e;
  4722. color: #009dc7; }
  4723. .dropdown-menu-v2 .disabled > a,
  4724. .dropdown-menu-v2 .disabled > a:hover,
  4725. .dropdown-menu-v2 .disabled > a:focus,
  4726. .dropdown-menu-v2 .disabled > a,
  4727. .dropdown-menu-v2 .disabled > a:hover,
  4728. .dropdown-menu-v2 .disabled > a:focus,
  4729. .dropdown-menu-v2 .disabled > a,
  4730. .dropdown-menu-v2 .disabled > a:hover,
  4731. .dropdown-menu-v2 .disabled > a:focus {
  4732. color: #009dc7; }
  4733. .dropdown-menu-v2 .disabled > a:hover,
  4734. .dropdown-menu-v2 .disabled > a:focus,
  4735. .dropdown-menu-v2 .disabled > a:hover,
  4736. .dropdown-menu-v2 .disabled > a:focus {
  4737. text-decoration: none;
  4738. cursor: not-allowed;
  4739. background-color: transparent;
  4740. background-image: none; }
  4741. .dropdown-menu-v2 .divider {
  4742. height: 1px;
  4743. margin: 9px 0;
  4744. overflow: hidden;
  4745. background: #2e353c; }
  4746. .dropdown-menu-v2 .badge {
  4747. top: 8px;
  4748. right: 10px;
  4749. position: absolute; }
  4750. .dropdown-menu-v2.pull-right {
  4751. right: 0;
  4752. left: auto; }
  4753. .open > .dropdown-menu-v2 {
  4754. display: block; }
  4755. .pull-right > .dropdown-menu-v2 {
  4756. right: 0;
  4757. left: auto; }
  4758. /***
  4759. System feeds
  4760. ***/
  4761. .feeds {
  4762. margin: 0px;
  4763. padding: 0px;
  4764. list-style: none; }
  4765. .feeds li {
  4766. background-color: #fafafa;
  4767. color: #82949a;
  4768. margin-bottom: 7px; }
  4769. .feeds li:before, .feeds li:after {
  4770. display: table;
  4771. line-height: 0;
  4772. content: ""; }
  4773. .feeds li:after {
  4774. clear: both; }
  4775. .feeds li:last-child {
  4776. margin-bottom: 0px; }
  4777. .feeds li .col1 {
  4778. float: left;
  4779. width: 100%;
  4780. clear: both; }
  4781. .feeds li .col1 > .cont {
  4782. float: left;
  4783. margin-right: 75px;
  4784. overflow: hidden; }
  4785. .feeds li .col1 > .cont > .cont-col1 {
  4786. float: left;
  4787. margin-right: -100%; }
  4788. .feeds li .col1 > .cont > .cont-col1 > .label {
  4789. display: inline-block;
  4790. padding: 5px 4px 6px 5px;
  4791. vertical-align: middle;
  4792. text-align: center; }
  4793. .feeds li .col1 > .cont > .cont-col1 > .label > i {
  4794. text-align: center;
  4795. font-size: 14px; }
  4796. .feeds li .col1 > .cont > .cont-col2 {
  4797. float: left;
  4798. width: 100%; }
  4799. .feeds li .col1 > .cont > .cont-col2 > .desc {
  4800. margin-left: 35px;
  4801. padding-top: 4px;
  4802. padding-bottom: 5px;
  4803. overflow: hidden; }
  4804. .feeds li .col2 {
  4805. float: left;
  4806. width: 75px;
  4807. margin-left: -75px; }
  4808. .feeds li .col2 > .date {
  4809. padding: 4px 9px 5px 4px;
  4810. text-align: right;
  4811. font-style: italic;
  4812. color: #c1cbd0; }
  4813. /***
  4814. Form Layouts
  4815. ****/
  4816. /* Static info */
  4817. .static-info {
  4818. margin-bottom: 10px; }
  4819. .static-info .name {
  4820. font-size: 14px; }
  4821. .static-info .value {
  4822. font-size: 14px;
  4823. font-weight: 600; }
  4824. .static-info.align-reverse .name,
  4825. .static-info.align-reverse .value {
  4826. text-align: right; }
  4827. /* Help blocks */
  4828. .help-block {
  4829. margin-top: 5px;
  4830. margin-bottom: 5px; }
  4831. .help-inline {
  4832. font-size: 13px;
  4833. color: #737373;
  4834. display: inline-block;
  4835. padding: 5px; }
  4836. .form-inline input {
  4837. margin-bottom: 0px !important; }
  4838. /* Control Label */
  4839. .control-label {
  4840. margin-top: 1px;
  4841. font-weight: normal; }
  4842. .control-label .required,
  4843. .form-group .required {
  4844. color: #e02222;
  4845. font-size: 12px;
  4846. padding-left: 2px; }
  4847. .form {
  4848. padding: 0 !important; }
  4849. .portlet-form .form-body,
  4850. .form .form-body {
  4851. padding: 20px; }
  4852. .portlet.light .portlet-form .form-body, .portlet.light
  4853. .form .form-body {
  4854. padding-left: 0;
  4855. padding-right: 0; }
  4856. .portlet-form .form-actions,
  4857. .form .form-actions {
  4858. padding: 20px 20px;
  4859. margin: 0;
  4860. background-color: #f5f5f5;
  4861. border-top: 1px solid #e7ecf1;
  4862. *zoom: 1; }
  4863. .portlet.light .portlet-form .form-actions, .portlet.light
  4864. .form .form-actions {
  4865. background: none;
  4866. padding-left: 0;
  4867. padding-right: 0; }
  4868. .portlet-form .form-actions.noborder,
  4869. .form .form-actions.noborder {
  4870. border-top: 0; }
  4871. .portlet .portlet-form .form-actions, .portlet
  4872. .form .form-actions {
  4873. -webkit-border-radius: 0 0 4px 4px;
  4874. -moz-border-radius: 0 0 4px 4px;
  4875. -ms-border-radius: 0 0 4px 4px;
  4876. -o-border-radius: 0 0 4px 4px;
  4877. border-radius: 0 0 4px 4px; }
  4878. .portlet-form .form-actions:before, .portlet-form .form-actions:after,
  4879. .form .form-actions:before,
  4880. .form .form-actions:after {
  4881. content: " ";
  4882. display: table; }
  4883. .portlet-form .form-actions:after,
  4884. .form .form-actions:after {
  4885. clear: both; }
  4886. .portlet-form .form-actions.right,
  4887. .form .form-actions.right {
  4888. padding-left: 0;
  4889. padding-right: 20px;
  4890. text-align: right; }
  4891. .portlet.light .portlet-form .form-actions.right, .portlet.light
  4892. .form .form-actions.right {
  4893. padding-right: 0; }
  4894. .portlet-form .form-actions.left,
  4895. .form .form-actions.left {
  4896. padding-left: 20px;
  4897. padding-right: 0;
  4898. text-align: left; }
  4899. .portlet.light .portlet-form .form-actions.left, .portlet.light
  4900. .form .form-actions.left {
  4901. padding-left: 0; }
  4902. .portlet-form .form-actions.nobg,
  4903. .form .form-actions.nobg {
  4904. background-color: transparent; }
  4905. .portlet-form .form-actions.top,
  4906. .form .form-actions.top {
  4907. margin-top: 0;
  4908. margin-bottom: 20px;
  4909. border-top: 0;
  4910. border-bottom: 1px solid #e7ecf1; }
  4911. .portlet.light .portlet-form .form-actions.top, .portlet.light
  4912. .form .form-actions.top {
  4913. background: none; }
  4914. .portlet-form .form-actions .btn-set,
  4915. .form .form-actions .btn-set {
  4916. display: inline-block; }
  4917. @media (max-width: 767px) {
  4918. .portlet-form .form-actions,
  4919. .form .form-actions {
  4920. /* 767px */ }
  4921. .portlet-form .form-actions .btn-set,
  4922. .form .form-actions .btn-set {
  4923. margin-bottom: 3px;
  4924. margin-top: 3px;
  4925. float: left !important; } }
  4926. .portlet-form .form-section,
  4927. .form .form-section {
  4928. margin: 30px 0px 30px 0px;
  4929. padding-bottom: 5px;
  4930. border-bottom: 1px solid #e7ecf1; }
  4931. .form-fit .portlet-form .form-section, .form-fit
  4932. .form .form-section {
  4933. margin-left: 20px;
  4934. margin-right: 20px; }
  4935. /* Checkboxes */
  4936. .checkbox,
  4937. .form-horizontal .checkbox {
  4938. padding: 0; }
  4939. .checkbox > label,
  4940. .form-horizontal .checkbox > label {
  4941. padding-left: 0; }
  4942. .checkbox-list > label {
  4943. display: block; }
  4944. .checkbox-list > label.checkbox-inline {
  4945. display: inline-block; }
  4946. .checkbox-list > label.checkbox-inline:first-child {
  4947. padding-left: 0; }
  4948. /* Radio buttons */
  4949. .radio-list > label {
  4950. display: block; }
  4951. .radio-list > label.radio-inline {
  4952. display: inline-block; }
  4953. .radio-list > label.radio-inline:first-child {
  4954. padding-left: 0; }
  4955. /* Radio buttons in horizontal forms */
  4956. .form-horizontal .radio-list .radio {
  4957. padding-top: 1px; }
  4958. .form-horizontal .radio-list > label {
  4959. margin-bottom: 0; }
  4960. .form-horizontal .radio > span {
  4961. margin-top: 2px; }
  4962. /* Rows seperated form layout */
  4963. .form .form-row-seperated .portlet-body {
  4964. padding: 0; }
  4965. .form .form-row-seperated .form-group {
  4966. margin: 0;
  4967. border-bottom: 1px solid #efefef;
  4968. padding: 15px 0; }
  4969. .form .form-row-seperated .form-group.last {
  4970. border-bottom: 0;
  4971. margin-bottom: 0;
  4972. padding-bottom: 13px; }
  4973. .form .form-row-seperated .form-group .help-block {
  4974. margin-bottom: 0; }
  4975. .form .form-row-seperated .form-body {
  4976. padding: 0; }
  4977. .form .form-row-seperated .form-actions {
  4978. padding-left: 15px !important;
  4979. padding-right: 15px !important; }
  4980. /* Form bordered */
  4981. .form .form-bordered .form-group {
  4982. margin: 0;
  4983. border-bottom: 1px solid #efefef; }
  4984. .form .form-bordered .form-group > div {
  4985. padding: 15px;
  4986. border-left: 1px solid #efefef; }
  4987. @media (max-width: 991px) {
  4988. .form .form-bordered .form-group > div {
  4989. /* 991px */
  4990. border-left: 0; } }
  4991. .form .form-bordered .form-group.last {
  4992. border-bottom: 0; }
  4993. .form .form-bordered .form-group .control-label {
  4994. padding-top: 20px; }
  4995. @media (max-width: 991px) {
  4996. .form .form-bordered .form-group .control-label {
  4997. /* 991px */
  4998. padding-top: 10px; } }
  4999. .form .form-bordered .form-group .help-block {
  5000. margin-bottom: 0; }
  5001. .form .form-bordered .form-group .form-control {
  5002. margin: 0; }
  5003. .form .form-bordered .form-body {
  5004. margin: 0;
  5005. padding: 0; }
  5006. .form .form-bordered .form-actions {
  5007. margin-top: 0;
  5008. padding-left: 16px !important;
  5009. padding-right: 16px !important; }
  5010. @media (max-width: 991px) {
  5011. .form .form-bordered .form-actions {
  5012. /* 991px */
  5013. padding-left: 15px !important;
  5014. padding-right: 15px !important; } }
  5015. /* Horizontal bordered form */
  5016. .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  5017. background-color: #fcfcfc; }
  5018. .form .form-horizontal.form-bordered.form-row-stripped .form-control {
  5019. background: #fff !important; }
  5020. .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  5021. background-color: #fcfcfc; }
  5022. .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  5023. background-color: #ffffff; }
  5024. .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  5025. background-color: #fcfcfc; }
  5026. /* Horizontal form small input issue */
  5027. .form-horizontal .form-group .input-sm {
  5028. margin-top: 3px; }
  5029. .form-horizontal .form-group .form-control-static {
  5030. margin-top: 1px; }
  5031. /***
  5032. Form Repeater
  5033. ****/
  5034. .mt-repeater {
  5035. display: table;
  5036. width: 100%; }
  5037. .mt-repeater .mt-repeater-item {
  5038. border-bottom: 1px solid #ddd;
  5039. padding-bottom: 15px;
  5040. margin-bottom: 15px; }
  5041. .mt-repeater .mt-repeater-item.mt-overflow {
  5042. overflow: auto; }
  5043. .mt-repeater .mt-repeater-title {
  5044. font-size: 18px;
  5045. text-transform: uppercase;
  5046. margin-top: 0;
  5047. font-weight: 600; }
  5048. .mt-repeater .mt-repeater-input {
  5049. display: table-cell;
  5050. vertical-align: top;
  5051. padding: 0 10px 10px 10px;
  5052. width: 1%; }
  5053. .mt-repeater .mt-repeater-input input[type="text"], .mt-repeater .mt-repeater-input textarea, .mt-repeater .mt-repeater-input select {
  5054. width: 100%; }
  5055. .mt-repeater .mt-repeater-input .control-label {
  5056. padding-top: 0;
  5057. margin-bottom: 5px; }
  5058. .mt-repeater .mt-repeater-input.mt-repeater-textarea {
  5059. width: 3%; }
  5060. .mt-repeater .mt-repeater-input:first-child {
  5061. padding-left: 0; }
  5062. .mt-repeater .mt-repeater-input:last-child {
  5063. padding-right: 0; }
  5064. .mt-repeater .mt-repeater-delete {
  5065. margin-top: 1.8em; }
  5066. .mt-repeater .mt-repeater-delete.mt-repeater-del-right {
  5067. float: right;
  5068. margin-top: 10px; }
  5069. .mt-repeater .mt-repeater-cell {
  5070. display: table;
  5071. width: 100%; }
  5072. .mt-repeater .mt-repeater-cell .mt-repeater-input-inline,
  5073. .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {
  5074. display: table-cell; }
  5075. .mt-repeater .mt-repeater-cell .mt-repeater-input-inline {
  5076. width: 100%;
  5077. border-right: none; }
  5078. .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {
  5079. width: 1%;
  5080. float: none; }
  5081. .mt-repeater .mt-repeater-row {
  5082. margin-right: 0; }
  5083. @media (max-width: 991px) {
  5084. .mt-repeater .mt-repeater-input {
  5085. width: 100%;
  5086. display: block;
  5087. padding-left: 0;
  5088. padding-right: 0; }
  5089. .mt-repeater .mt-repeater-input.mt-repeater-textarea {
  5090. width: 100%; }
  5091. .mt-repeater .mt-repeater-input .control-label {
  5092. text-align: left !important; }
  5093. .mt-repeater .mt-repeater-input .mt-repeater-delete {
  5094. margin-top: 0; } }
  5095. /***
  5096. Forms
  5097. ***/
  5098. .form-control {
  5099. outline: none !important;
  5100. box-shadow: none !important; }
  5101. .form-control.height-auto {
  5102. height: auto; }
  5103. .input-group-addon > i {
  5104. color: #c5cdda; }
  5105. /***
  5106. Custom color buttons
  5107. ***/
  5108. .form-control.white {
  5109. border-color: #ffffff; }
  5110. .form-control.white:focus {
  5111. border-color: #e6e6e6; }
  5112. .form-control.focus-white:focus {
  5113. border-color: #ffffff; }
  5114. .form-control.default {
  5115. border-color: #e1e5ec; }
  5116. .form-control.default:focus {
  5117. border-color: #c2cad8; }
  5118. .form-control.focus-default:focus {
  5119. border-color: #e1e5ec; }
  5120. .form-control.dark {
  5121. border-color: #2f353b; }
  5122. .form-control.dark:focus {
  5123. border-color: #181c1f; }
  5124. .form-control.focus-dark:focus {
  5125. border-color: #2f353b; }
  5126. .form-control.blue {
  5127. border-color: #3598dc; }
  5128. .form-control.blue:focus {
  5129. border-color: #217ebd; }
  5130. .form-control.focus-blue:focus {
  5131. border-color: #3598dc; }
  5132. .form-control.blue-madison {
  5133. border-color: #578ebe; }
  5134. .form-control.blue-madison:focus {
  5135. border-color: #3f74a3; }
  5136. .form-control.focus-blue-madison:focus {
  5137. border-color: #578ebe; }
  5138. .form-control.blue-chambray {
  5139. border-color: #2C3E50; }
  5140. .form-control.blue-chambray:focus {
  5141. border-color: #1a252f; }
  5142. .form-control.focus-blue-chambray:focus {
  5143. border-color: #2C3E50; }
  5144. .form-control.blue-ebonyclay {
  5145. border-color: #22313F; }
  5146. .form-control.blue-ebonyclay:focus {
  5147. border-color: #10171e; }
  5148. .form-control.focus-blue-ebonyclay:focus {
  5149. border-color: #22313F; }
  5150. .form-control.blue-hoki {
  5151. border-color: #67809F; }
  5152. .form-control.blue-hoki:focus {
  5153. border-color: #526781; }
  5154. .form-control.focus-blue-hoki:focus {
  5155. border-color: #67809F; }
  5156. .form-control.blue-steel {
  5157. border-color: #4B77BE; }
  5158. .form-control.blue-steel:focus {
  5159. border-color: #395f9d; }
  5160. .form-control.focus-blue-steel:focus {
  5161. border-color: #4B77BE; }
  5162. .form-control.blue-soft {
  5163. border-color: #4c87b9; }
  5164. .form-control.blue-soft:focus {
  5165. border-color: #3b6d97; }
  5166. .form-control.focus-blue-soft:focus {
  5167. border-color: #4c87b9; }
  5168. .form-control.blue-dark {
  5169. border-color: #5e738b; }
  5170. .form-control.blue-dark:focus {
  5171. border-color: #495a6d; }
  5172. .form-control.focus-blue-dark:focus {
  5173. border-color: #5e738b; }
  5174. .form-control.blue-sharp {
  5175. border-color: #5C9BD1; }
  5176. .form-control.blue-sharp:focus {
  5177. border-color: #3782c3; }
  5178. .form-control.focus-blue-sharp:focus {
  5179. border-color: #5C9BD1; }
  5180. .form-control.blue-oleo {
  5181. border-color: #94A0B2; }
  5182. .form-control.blue-oleo:focus {
  5183. border-color: #76869d; }
  5184. .form-control.focus-blue-oleo:focus {
  5185. border-color: #94A0B2; }
  5186. .form-control.green {
  5187. border-color: #32c5d2; }
  5188. .form-control.green:focus {
  5189. border-color: #26a1ab; }
  5190. .form-control.focus-green:focus {
  5191. border-color: #32c5d2; }
  5192. .form-control.green-meadow {
  5193. border-color: #1BBC9B; }
  5194. .form-control.green-meadow:focus {
  5195. border-color: #158f76; }
  5196. .form-control.focus-green-meadow:focus {
  5197. border-color: #1BBC9B; }
  5198. .form-control.green-seagreen {
  5199. border-color: #1BA39C; }
  5200. .form-control.green-seagreen:focus {
  5201. border-color: #147772; }
  5202. .form-control.focus-green-seagreen:focus {
  5203. border-color: #1BA39C; }
  5204. .form-control.green-turquoise {
  5205. border-color: #36D7B7; }
  5206. .form-control.green-turquoise:focus {
  5207. border-color: #24b699; }
  5208. .form-control.focus-green-turquoise:focus {
  5209. border-color: #36D7B7; }
  5210. .form-control.green-haze {
  5211. border-color: #44b6ae; }
  5212. .form-control.green-haze:focus {
  5213. border-color: #36918b; }
  5214. .form-control.focus-green-haze:focus {
  5215. border-color: #44b6ae; }
  5216. .form-control.green-jungle {
  5217. border-color: #26C281; }
  5218. .form-control.green-jungle:focus {
  5219. border-color: #1e9765; }
  5220. .form-control.focus-green-jungle:focus {
  5221. border-color: #26C281; }
  5222. .form-control.green-soft {
  5223. border-color: #3faba4; }
  5224. .form-control.green-soft:focus {
  5225. border-color: #318680; }
  5226. .form-control.focus-green-soft:focus {
  5227. border-color: #3faba4; }
  5228. .form-control.green-dark {
  5229. border-color: #4DB3A2; }
  5230. .form-control.green-dark:focus {
  5231. border-color: #3d9082; }
  5232. .form-control.focus-green-dark:focus {
  5233. border-color: #4DB3A2; }
  5234. .form-control.green-sharp {
  5235. border-color: #2ab4c0; }
  5236. .form-control.green-sharp:focus {
  5237. border-color: #218d96; }
  5238. .form-control.focus-green-sharp:focus {
  5239. border-color: #2ab4c0; }
  5240. .form-control.green-steel {
  5241. border-color: #29b4b6; }
  5242. .form-control.green-steel:focus {
  5243. border-color: #208b8c; }
  5244. .form-control.focus-green-steel:focus {
  5245. border-color: #29b4b6; }
  5246. .form-control.grey {
  5247. border-color: #E5E5E5; }
  5248. .form-control.grey:focus {
  5249. border-color: #cccccc; }
  5250. .form-control.focus-grey:focus {
  5251. border-color: #E5E5E5; }
  5252. .form-control.grey-steel {
  5253. border-color: #e9edef; }
  5254. .form-control.grey-steel:focus {
  5255. border-color: #cbd5da; }
  5256. .form-control.focus-grey-steel:focus {
  5257. border-color: #e9edef; }
  5258. .form-control.grey-cararra {
  5259. border-color: #fafafa; }
  5260. .form-control.grey-cararra:focus {
  5261. border-color: #e1e1e1; }
  5262. .form-control.focus-grey-cararra:focus {
  5263. border-color: #fafafa; }
  5264. .form-control.grey-gallery {
  5265. border-color: #555555; }
  5266. .form-control.grey-gallery:focus {
  5267. border-color: #3c3c3c; }
  5268. .form-control.focus-grey-gallery:focus {
  5269. border-color: #555555; }
  5270. .form-control.grey-cascade {
  5271. border-color: #95A5A6; }
  5272. .form-control.grey-cascade:focus {
  5273. border-color: #798d8f; }
  5274. .form-control.focus-grey-cascade:focus {
  5275. border-color: #95A5A6; }
  5276. .form-control.grey-silver {
  5277. border-color: #BFBFBF; }
  5278. .form-control.grey-silver:focus {
  5279. border-color: #a6a6a6; }
  5280. .form-control.focus-grey-silver:focus {
  5281. border-color: #BFBFBF; }
  5282. .form-control.grey-salsa {
  5283. border-color: #ACB5C3; }
  5284. .form-control.grey-salsa:focus {
  5285. border-color: #8e9bae; }
  5286. .form-control.focus-grey-salsa:focus {
  5287. border-color: #ACB5C3; }
  5288. .form-control.grey-salt {
  5289. border-color: #bfcad1; }
  5290. .form-control.grey-salt:focus {
  5291. border-color: #a1b1bc; }
  5292. .form-control.focus-grey-salt:focus {
  5293. border-color: #bfcad1; }
  5294. .form-control.grey-mint {
  5295. border-color: #525e64; }
  5296. .form-control.grey-mint:focus {
  5297. border-color: #3b4448; }
  5298. .form-control.focus-grey-mint:focus {
  5299. border-color: #525e64; }
  5300. .form-control.red {
  5301. border-color: #e7505a; }
  5302. .form-control.red:focus {
  5303. border-color: #e12330; }
  5304. .form-control.focus-red:focus {
  5305. border-color: #e7505a; }
  5306. .form-control.red-pink {
  5307. border-color: #E08283; }
  5308. .form-control.red-pink:focus {
  5309. border-color: #d6595a; }
  5310. .form-control.focus-red-pink:focus {
  5311. border-color: #E08283; }
  5312. .form-control.red-sunglo {
  5313. border-color: #E26A6A; }
  5314. .form-control.red-sunglo:focus {
  5315. border-color: #da3f3f; }
  5316. .form-control.focus-red-sunglo:focus {
  5317. border-color: #E26A6A; }
  5318. .form-control.red-intense {
  5319. border-color: #e35b5a; }
  5320. .form-control.red-intense:focus {
  5321. border-color: #dc302e; }
  5322. .form-control.focus-red-intense:focus {
  5323. border-color: #e35b5a; }
  5324. .form-control.red-thunderbird {
  5325. border-color: #D91E18; }
  5326. .form-control.red-thunderbird:focus {
  5327. border-color: #ab1813; }
  5328. .form-control.focus-red-thunderbird:focus {
  5329. border-color: #D91E18; }
  5330. .form-control.red-flamingo {
  5331. border-color: #EF4836; }
  5332. .form-control.red-flamingo:focus {
  5333. border-color: #e02612; }
  5334. .form-control.focus-red-flamingo:focus {
  5335. border-color: #EF4836; }
  5336. .form-control.red-soft {
  5337. border-color: #d05454; }
  5338. .form-control.red-soft:focus {
  5339. border-color: #bd3434; }
  5340. .form-control.focus-red-soft:focus {
  5341. border-color: #d05454; }
  5342. .form-control.red-haze {
  5343. border-color: #f36a5a; }
  5344. .form-control.red-haze:focus {
  5345. border-color: #f03f2a; }
  5346. .form-control.focus-red-haze:focus {
  5347. border-color: #f36a5a; }
  5348. .form-control.red-mint {
  5349. border-color: #e43a45; }
  5350. .form-control.red-mint:focus {
  5351. border-color: #cf1c28; }
  5352. .form-control.focus-red-mint:focus {
  5353. border-color: #e43a45; }
  5354. .form-control.yellow {
  5355. border-color: #c49f47; }
  5356. .form-control.yellow:focus {
  5357. border-color: #a48334; }
  5358. .form-control.focus-yellow:focus {
  5359. border-color: #c49f47; }
  5360. .form-control.yellow-gold {
  5361. border-color: #E87E04; }
  5362. .form-control.yellow-gold:focus {
  5363. border-color: #b66303; }
  5364. .form-control.focus-yellow-gold:focus {
  5365. border-color: #E87E04; }
  5366. .form-control.yellow-casablanca {
  5367. border-color: #f2784b; }
  5368. .form-control.yellow-casablanca:focus {
  5369. border-color: #ef541b; }
  5370. .form-control.focus-yellow-casablanca:focus {
  5371. border-color: #f2784b; }
  5372. .form-control.yellow-crusta {
  5373. border-color: #f3c200; }
  5374. .form-control.yellow-crusta:focus {
  5375. border-color: #c09900; }
  5376. .form-control.focus-yellow-crusta:focus {
  5377. border-color: #f3c200; }
  5378. .form-control.yellow-lemon {
  5379. border-color: #F7CA18; }
  5380. .form-control.yellow-lemon:focus {
  5381. border-color: #d5ab07; }
  5382. .form-control.focus-yellow-lemon:focus {
  5383. border-color: #F7CA18; }
  5384. .form-control.yellow-saffron {
  5385. border-color: #F4D03F; }
  5386. .form-control.yellow-saffron:focus {
  5387. border-color: #f1c40f; }
  5388. .form-control.focus-yellow-saffron:focus {
  5389. border-color: #F4D03F; }
  5390. .form-control.yellow-soft {
  5391. border-color: #c8d046; }
  5392. .form-control.yellow-soft:focus {
  5393. border-color: #adb52e; }
  5394. .form-control.focus-yellow-soft:focus {
  5395. border-color: #c8d046; }
  5396. .form-control.yellow-haze {
  5397. border-color: #c5bf66; }
  5398. .form-control.yellow-haze:focus {
  5399. border-color: #b4ad44; }
  5400. .form-control.focus-yellow-haze:focus {
  5401. border-color: #c5bf66; }
  5402. .form-control.yellow-mint {
  5403. border-color: #c5b96b; }
  5404. .form-control.yellow-mint:focus {
  5405. border-color: #b6a747; }
  5406. .form-control.focus-yellow-mint:focus {
  5407. border-color: #c5b96b; }
  5408. .form-control.purple {
  5409. border-color: #8E44AD; }
  5410. .form-control.purple:focus {
  5411. border-color: #703688; }
  5412. .form-control.focus-purple:focus {
  5413. border-color: #8E44AD; }
  5414. .form-control.purple-plum {
  5415. border-color: #8775a7; }
  5416. .form-control.purple-plum:focus {
  5417. border-color: #6d5b8e; }
  5418. .form-control.focus-purple-plum:focus {
  5419. border-color: #8775a7; }
  5420. .form-control.purple-medium {
  5421. border-color: #BF55EC; }
  5422. .form-control.purple-medium:focus {
  5423. border-color: #ae27e7; }
  5424. .form-control.focus-purple-medium:focus {
  5425. border-color: #BF55EC; }
  5426. .form-control.purple-studio {
  5427. border-color: #8E44AD; }
  5428. .form-control.purple-studio:focus {
  5429. border-color: #703688; }
  5430. .form-control.focus-purple-studio:focus {
  5431. border-color: #8E44AD; }
  5432. .form-control.purple-wisteria {
  5433. border-color: #9B59B6; }
  5434. .form-control.purple-wisteria:focus {
  5435. border-color: #804399; }
  5436. .form-control.focus-purple-wisteria:focus {
  5437. border-color: #9B59B6; }
  5438. .form-control.purple-seance {
  5439. border-color: #9A12B3; }
  5440. .form-control.purple-seance:focus {
  5441. border-color: #720d85; }
  5442. .form-control.focus-purple-seance:focus {
  5443. border-color: #9A12B3; }
  5444. .form-control.purple-intense {
  5445. border-color: #8775a7; }
  5446. .form-control.purple-intense:focus {
  5447. border-color: #6d5b8e; }
  5448. .form-control.focus-purple-intense:focus {
  5449. border-color: #8775a7; }
  5450. .form-control.purple-sharp {
  5451. border-color: #796799; }
  5452. .form-control.purple-sharp:focus {
  5453. border-color: #61527b; }
  5454. .form-control.focus-purple-sharp:focus {
  5455. border-color: #796799; }
  5456. .form-control.purple-soft {
  5457. border-color: #8877a9; }
  5458. .form-control.purple-soft:focus {
  5459. border-color: #6e5c91; }
  5460. .form-control.focus-purple-soft:focus {
  5461. border-color: #8877a9; }
  5462. .input-xxs {
  5463. width: 45px !important; }
  5464. /* Form uneditable input */
  5465. .uneditable-input {
  5466. padding: 6px 12px;
  5467. min-width: 206px;
  5468. font-size: 14px;
  5469. font-weight: normal;
  5470. height: 34px;
  5471. color: #555555;
  5472. background-color: #fff;
  5473. border: 1px solid #c2cad8;
  5474. -webkit-box-shadow: none;
  5475. box-shadow: none;
  5476. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  5477. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  5478. .form-control-static {
  5479. display: inline-block;
  5480. margin: 0; }
  5481. /* Form input sizing */
  5482. .input-mini {
  5483. width: 45px !important; }
  5484. .input-xsmall {
  5485. width: 80px !important; }
  5486. .input-small {
  5487. width: 145px !important; }
  5488. .input-medium {
  5489. width: 240px !important; }
  5490. .input-large {
  5491. width: 320px !important; }
  5492. .input-xlarge {
  5493. width: 420px !important; }
  5494. @media (max-width: 768px) {
  5495. /* 768px */
  5496. .input-large {
  5497. width: 250px !important; }
  5498. .input-xlarge {
  5499. width: 300px !important; } }
  5500. .input-inline {
  5501. display: inline-block;
  5502. width: auto;
  5503. vertical-align: middle; }
  5504. .input-fixed {
  5505. overflow: hidden; }
  5506. .input-fixed {
  5507. overflow: hidden; }
  5508. .form-group .input-inline {
  5509. margin-right: 5px; }
  5510. @media (max-width: 768px) {
  5511. /* 768px */
  5512. .input-lg {
  5513. width: 250px !important; }
  5514. .input-xlg {
  5515. width: 300px !important; } }
  5516. /* Circle Inputs */
  5517. .input-circle {
  5518. border-radius: 25px !important; }
  5519. .input-circle-right {
  5520. border-radius: 0 25px 25px 0 !important; }
  5521. .input-circle-left {
  5522. border-radius: 25px 0 0 25px !important; }
  5523. .input-circle-bottom {
  5524. border-radius: 0 0 25px 25px !important; }
  5525. .input-circle-top {
  5526. border-radius: 25px 25px 0 0 !important; }
  5527. .mt-radio,
  5528. .mt-checkbox {
  5529. display: inline-block;
  5530. position: relative;
  5531. padding-left: 30px;
  5532. margin-bottom: 15px;
  5533. cursor: pointer;
  5534. font-size: 14px;
  5535. webkit-transition: all 0.3s;
  5536. -moz-transition: all 0.3s;
  5537. -ms-transition: all 0.3s;
  5538. -o-transition: all 0.3s;
  5539. transition: all 0.3s; }
  5540. .mt-radio.mt-radio-disabled, .mt-radio.mt-checkbox-disabled,
  5541. .mt-checkbox.mt-radio-disabled,
  5542. .mt-checkbox.mt-checkbox-disabled {
  5543. opacity: 0.6 ;
  5544. filter: alpha(opacity=60) ; }
  5545. .mt-radio > input,
  5546. .mt-checkbox > input {
  5547. position: absolute;
  5548. z-index: -1;
  5549. opacity: 0 ;
  5550. filter: alpha(opacity=0) ; }
  5551. .mt-radio > span,
  5552. .mt-checkbox > span {
  5553. border: 1px solid transparent;
  5554. position: absolute;
  5555. top: 1px;
  5556. left: 0;
  5557. height: 18px;
  5558. width: 18px;
  5559. background: #E6E6E6; }
  5560. .mt-radio > span:after,
  5561. .mt-checkbox > span:after {
  5562. content: '';
  5563. position: absolute;
  5564. display: none; }
  5565. .mt-radio:hover > input:not([disabled]) ~ span,
  5566. .mt-radio > input:focus ~ span,
  5567. .mt-checkbox:hover > input:not([disabled]) ~ span,
  5568. .mt-checkbox > input:focus ~ span {
  5569. background: #d9d9d9;
  5570. webkit-transition: all 0.3s;
  5571. -moz-transition: all 0.3s;
  5572. -ms-transition: all 0.3s;
  5573. -o-transition: all 0.3s;
  5574. transition: all 0.3s; }
  5575. .mt-radio > input:checked ~ span,
  5576. .mt-checkbox > input:checked ~ span {
  5577. webkit-transition: all 0.3s;
  5578. -moz-transition: all 0.3s;
  5579. -ms-transition: all 0.3s;
  5580. -o-transition: all 0.3s;
  5581. transition: all 0.3s;
  5582. background: #d9d9d9; }
  5583. .mt-radio > input:checked ~ span:after,
  5584. .mt-checkbox > input:checked ~ span:after {
  5585. display: block; }
  5586. .mt-radio:hover > input:not([disabled]):checked ~ span,
  5587. .mt-radio > input:checked ~ span,
  5588. .mt-checkbox:hover > input:not([disabled]):checked ~ span,
  5589. .mt-checkbox > input:checked ~ span {
  5590. webkit-transition: all 0.3s;
  5591. -moz-transition: all 0.3s;
  5592. -ms-transition: all 0.3s;
  5593. -o-transition: all 0.3s;
  5594. transition: all 0.3s;
  5595. background: #d9d9d9; }
  5596. .mt-radio > input:disabled ~ span,
  5597. .mt-checkbox > input:disabled ~ span {
  5598. opacity: 0.6 ;
  5599. filter: alpha(opacity=60) ;
  5600. pointer-events: none; }
  5601. .mt-radio.mt-radio-outline > span, .mt-radio.mt-checkbox-outline > span,
  5602. .mt-checkbox.mt-radio-outline > span,
  5603. .mt-checkbox.mt-checkbox-outline > span {
  5604. border: 1px solid #d9d9d9;
  5605. background: none; }
  5606. .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span,
  5607. .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
  5608. .mt-radio.mt-checkbox-outline > input:focus ~ span,
  5609. .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span,
  5610. .mt-checkbox.mt-radio-outline > input:focus ~ span,
  5611. .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
  5612. .mt-checkbox.mt-checkbox-outline > input:focus ~ span {
  5613. border: 1px solid #d9d9d9;
  5614. background: none; }
  5615. .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span,
  5616. .mt-checkbox.mt-radio-outline > input:checked ~ span,
  5617. .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
  5618. border: 1px solid #d9d9d9;
  5619. background: none; }
  5620. .mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
  5621. .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
  5622. .mt-radio.mt-checkbox-outline > input:checked ~ span,
  5623. .mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
  5624. .mt-checkbox.mt-radio-outline > input:checked ~ span,
  5625. .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
  5626. .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
  5627. border: 1px solid #d9d9d9;
  5628. background: none; }
  5629. .mt-radio > span {
  5630. -webkit-border-radius: 50%!important;
  5631. -moz-border-radius: 50%!important;
  5632. -ms-border-radius: 50%!important;
  5633. -o-border-radius: 50%!important;
  5634. border-radius: 50%!important; }
  5635. .mt-radio > span:after {
  5636. left: 5px;
  5637. top: 5px;
  5638. height: 6px;
  5639. width: 6px;
  5640. border-radius: 100% !important;
  5641. background: #888888; }
  5642. .mt-radio > input:disabled ~ span:after {
  5643. background: #888888; }
  5644. th > .mt-radio.mt-radio-single,
  5645. td > .mt-radio.mt-radio-single {
  5646. right: -5px; }
  5647. .mt-checkbox > span:after {
  5648. left: 6px;
  5649. top: 2px;
  5650. width: 5px;
  5651. height: 10px;
  5652. border: solid #888888;
  5653. border-width: 0 2px 2px 0;
  5654. transform: rotate(45deg); }
  5655. .mt-checkbox > input:disabled ~ span:after {
  5656. border-color: #888888; }
  5657. .form-inline .mt-checkbox {
  5658. margin-left: 15px;
  5659. margin-right: 15px; }
  5660. th > .mt-checkbox.mt-checkbox-single,
  5661. td > .mt-checkbox.mt-checkbox-single {
  5662. right: -5px; }
  5663. .mt-checkbox-list,
  5664. .mt-radio-list {
  5665. padding: 10px 0; }
  5666. .form-horizontal .form-group .mt-checkbox-list, .form-horizontal .form-group
  5667. .mt-radio-list {
  5668. padding-top: 0; }
  5669. .mt-checkbox-list .mt-checkbox,
  5670. .mt-checkbox-list .mt-radio,
  5671. .mt-radio-list .mt-checkbox,
  5672. .mt-radio-list .mt-radio {
  5673. display: block; }
  5674. .mt-checkbox-inline,
  5675. .mt-radio-inline {
  5676. padding: 10px 0; }
  5677. .form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group
  5678. .mt-radio-inline {
  5679. padding-top: 8px; }
  5680. .mt-checkbox-inline .mt-checkbox,
  5681. .mt-checkbox-inline .mt-radio,
  5682. .mt-radio-inline .mt-checkbox,
  5683. .mt-radio-inline .mt-radio {
  5684. display: inline-block;
  5685. margin-right: 15px; }
  5686. .mt-checkbox-inline .mt-checkbox:last-child,
  5687. .mt-checkbox-inline .mt-radio:last-child,
  5688. .mt-radio-inline .mt-checkbox:last-child,
  5689. .mt-radio-inline .mt-radio:last-child {
  5690. margin-right: 0; }
  5691. /***
  5692. Custom icon buttons
  5693. ***/
  5694. .icon-btn {
  5695. height: 60px;
  5696. min-width: 80px;
  5697. margin: 5px 5px 0 0;
  5698. border: 1px solid #ddd;
  5699. padding: 12px 0px 0px 0px;
  5700. background-color: #fafafa;
  5701. background-image: none;
  5702. filter: none;
  5703. -webkit-box-shadow: none;
  5704. -moz-box-shadow: none;
  5705. box-shadow: none;
  5706. display: inline-block;
  5707. color: #646464;
  5708. text-shadow: none;
  5709. text-align: center;
  5710. cursor: pointer;
  5711. position: relative;
  5712. -webkit-transition: all 0.3s ease;
  5713. -moz-transition: all 0.3s ease;
  5714. -ms-transition: all 0.3s ease;
  5715. -o-transition: all 0.3s ease;
  5716. transition: all 0.3s ease; }
  5717. .icon-btn:hover {
  5718. text-decoration: none;
  5719. border-color: #999;
  5720. color: #444;
  5721. text-shadow: 0 1px 0px white;
  5722. -webkit-transition: all 0.3s ease;
  5723. -moz-transition: all 0.3s ease;
  5724. -ms-transition: all 0.3s ease;
  5725. -o-transition: all 0.3s ease;
  5726. transition: all 0.3s ease;
  5727. -webkit-box-shadow: none;
  5728. -moz-box-shadow: none;
  5729. box-shadow: none; }
  5730. .icon-btn:hover > .badge {
  5731. -webkit-transition: all 0.3s ease;
  5732. -moz-transition: all 0.3s ease;
  5733. -ms-transition: all 0.3s ease;
  5734. -o-transition: all 0.3s ease;
  5735. transition: all 0.3s ease;
  5736. -webkit-box-shadow: none;
  5737. -moz-box-shadow: none;
  5738. box-shadow: none; }
  5739. .icon-btn > div {
  5740. margin-top: 5px;
  5741. margin-bottom: 20px;
  5742. color: #3f444a;
  5743. font-size: 12px;
  5744. font-weight: 300; }
  5745. .icon-btn > .badge {
  5746. position: absolute;
  5747. font-size: 11px;
  5748. font-weight: 300;
  5749. top: -5px;
  5750. right: -5px;
  5751. padding: 3px 6px 3px 6px;
  5752. color: white;
  5753. text-shadow: none;
  5754. border-width: 0;
  5755. border-style: solid;
  5756. -webkit-border-radius: 12px;
  5757. -moz-border-radius: 12px;
  5758. border-radius: 12px;
  5759. -webkit-box-shadow: none;
  5760. -moz-box-shadow: none;
  5761. box-shadow: none; }
  5762. .icon-btn > i {
  5763. font-size: 18px; }
  5764. .ie8 .icon-btn:hover {
  5765. filter: none; }
  5766. /***
  5767. Input icons
  5768. ***/
  5769. .input-icon {
  5770. position: relative;
  5771. left: 0; }
  5772. .input-icon > .form-control {
  5773. padding-left: 33px; }
  5774. .input-group .input-icon > .form-control {
  5775. -webkit-border-radius: 4px 0 0 4px;
  5776. -moz-border-radius: 4px 0 0 4px;
  5777. -ms-border-radius: 4px 0 0 4px;
  5778. -o-border-radius: 4px 0 0 4px;
  5779. border-radius: 4px 0 0 4px; }
  5780. .input-icon > i {
  5781. color: #ccc;
  5782. display: block;
  5783. position: absolute;
  5784. margin: 11px 2px 4px 10px;
  5785. z-index: 3;
  5786. width: 16px;
  5787. font-size: 16px;
  5788. text-align: center;
  5789. left: 0; }
  5790. .modal .input-icon > i {
  5791. z-index: 10055; }
  5792. .has-success .input-icon > i {
  5793. color: #36c6d3; }
  5794. .has-warning .input-icon > i {
  5795. color: #F1C40F; }
  5796. .has-info .input-icon > i {
  5797. color: #659be0; }
  5798. .has-error .input-icon > i {
  5799. color: #ed6b75; }
  5800. .input-icon.right {
  5801. left: auto;
  5802. right: 0; }
  5803. .input-icon.right > .form-control {
  5804. padding-right: 33px;
  5805. padding-left: 12px; }
  5806. .input-group .input-icon.right > .form-control {
  5807. -webkit-border-radius: 0 4px 4px 0;
  5808. -moz-border-radius: 0 4px 4px 0;
  5809. -ms-border-radius: 0 4px 4px 0;
  5810. -o-border-radius: 0 4px 4px 0;
  5811. border-radius: 0 4px 4px 0; }
  5812. .input-icon.right > i {
  5813. left: auto;
  5814. right: 8px;
  5815. float: right; }
  5816. .input-icon.input-icon-lg > i {
  5817. margin-top: 16px; }
  5818. .input-icon.input-icon-sm > i {
  5819. margin-top: 8px;
  5820. font-size: 13px; }
  5821. /***
  5822. Customized Bootstrap Labels
  5823. ***/
  5824. .label {
  5825. text-shadow: none !important;
  5826. font-size: 14px;
  5827. font-weight: 300;
  5828. padding: 3px 6px 3px 6px;
  5829. color: #fff;
  5830. font-family: "Open Sans", sans-serif; }
  5831. .label.label-sm {
  5832. font-size: 13px;
  5833. padding: 2px 5px 2px 5px; }
  5834. h1 .label,
  5835. h2 .label,
  5836. h3 .label,
  5837. h4 .label,
  5838. h5 .label,
  5839. h6 .label {
  5840. font-size: 75%; }
  5841. /* Labels variants */
  5842. .label-default {
  5843. background-color: #bac3d0; }
  5844. .label-default[href]:hover, .label-default[href]:focus {
  5845. background-color: #9ca8bb; }
  5846. .label-primary {
  5847. background-color: #337ab7; }
  5848. .label-primary[href]:hover, .label-primary[href]:focus {
  5849. background-color: #286090; }
  5850. .label-success {
  5851. background-color: #36c6d3; }
  5852. .label-success[href]:hover, .label-success[href]:focus {
  5853. background-color: #27a4b0; }
  5854. .label-info {
  5855. background-color: #659be0; }
  5856. .label-info[href]:hover, .label-info[href]:focus {
  5857. background-color: #3a80d7; }
  5858. .label-warning {
  5859. background-color: #F1C40F; }
  5860. .label-warning[href]:hover, .label-warning[href]:focus {
  5861. background-color: #c29d0b; }
  5862. .label-danger {
  5863. background-color: #ed6b75; }
  5864. .label-danger[href]:hover, .label-danger[href]:focus {
  5865. background-color: #e73d4a; }
  5866. /***
  5867. Iconic labels
  5868. ***/
  5869. .label.label-icon {
  5870. padding: 4px 0px 4px 4px;
  5871. margin-right: 2px;
  5872. text-align: center !important; }
  5873. .label.label-icon > i {
  5874. font-size: 12px;
  5875. text-align: center !important; }
  5876. .ie8 .label.label-icon,
  5877. .ie9 .label.label-icon {
  5878. padding: 3px 0px 3px 3px; }
  5879. /***
  5880. Text states
  5881. ***/
  5882. .text-default {
  5883. color: #bac3d0; }
  5884. .text-primary {
  5885. color: #337ab7; }
  5886. .text-success {
  5887. color: #36c6d3; }
  5888. .text-info {
  5889. color: #659be0; }
  5890. .text-warning {
  5891. color: #F1C40F; }
  5892. .text-danger {
  5893. color: #ed6b75; }
  5894. /***
  5895. Customized List Group
  5896. ***/
  5897. /* Contextual variants */
  5898. .list-group > li:first-child {
  5899. border-radius-topleft: 4px;
  5900. border-radius-topright: 4px; }
  5901. .list-group > li:last-child {
  5902. border-radius-bottomleft: 4px;
  5903. border-radius-bottomright: 4px; }
  5904. .list-group .list-group-item-success {
  5905. color: #27a4b0;
  5906. background-color: #abe7ed; }
  5907. .list-group a.list-group-item-success,
  5908. .list-group button.list-group-item-success {
  5909. color: #27a4b0; }
  5910. .list-group a.list-group-item-success .list-group-item-heading,
  5911. .list-group button.list-group-item-success .list-group-item-heading {
  5912. color: inherit; }
  5913. .list-group a.list-group-item-success:hover, .list-group a.list-group-item-success:focus,
  5914. .list-group button.list-group-item-success:hover,
  5915. .list-group button.list-group-item-success:focus {
  5916. color: #27a4b0;
  5917. background-color: #96e1e8; }
  5918. .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:hover, .list-group a.list-group-item-success.active:focus,
  5919. .list-group button.list-group-item-success.active,
  5920. .list-group button.list-group-item-success.active:hover,
  5921. .list-group button.list-group-item-success.active:focus {
  5922. color: #fff;
  5923. background-color: #27a4b0;
  5924. border-color: #27a4b0; }
  5925. .list-group .list-group-item-info {
  5926. color: #327ad5;
  5927. background-color: #e0ebf9; }
  5928. .list-group a.list-group-item-info,
  5929. .list-group button.list-group-item-info {
  5930. color: #327ad5; }
  5931. .list-group a.list-group-item-info .list-group-item-heading,
  5932. .list-group button.list-group-item-info .list-group-item-heading {
  5933. color: inherit; }
  5934. .list-group a.list-group-item-info:hover, .list-group a.list-group-item-info:focus,
  5935. .list-group button.list-group-item-info:hover,
  5936. .list-group button.list-group-item-info:focus {
  5937. color: #327ad5;
  5938. background-color: #caddf4; }
  5939. .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:hover, .list-group a.list-group-item-info.active:focus,
  5940. .list-group button.list-group-item-info.active,
  5941. .list-group button.list-group-item-info.active:hover,
  5942. .list-group button.list-group-item-info.active:focus {
  5943. color: #fff;
  5944. background-color: #327ad5;
  5945. border-color: #327ad5; }
  5946. .list-group .list-group-item-warning {
  5947. color: #c29d0b;
  5948. background-color: #f9e491; }
  5949. .list-group a.list-group-item-warning,
  5950. .list-group button.list-group-item-warning {
  5951. color: #c29d0b; }
  5952. .list-group a.list-group-item-warning .list-group-item-heading,
  5953. .list-group button.list-group-item-warning .list-group-item-heading {
  5954. color: inherit; }
  5955. .list-group a.list-group-item-warning:hover, .list-group a.list-group-item-warning:focus,
  5956. .list-group button.list-group-item-warning:hover,
  5957. .list-group button.list-group-item-warning:focus {
  5958. color: #c29d0b;
  5959. background-color: #f7de79; }
  5960. .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:hover, .list-group a.list-group-item-warning.active:focus,
  5961. .list-group button.list-group-item-warning.active,
  5962. .list-group button.list-group-item-warning.active:hover,
  5963. .list-group button.list-group-item-warning.active:focus {
  5964. color: #fff;
  5965. background-color: #c29d0b;
  5966. border-color: #c29d0b; }
  5967. .list-group .list-group-item-danger {
  5968. color: #e73d4a;
  5969. background-color: #fbe1e3; }
  5970. .list-group a.list-group-item-danger,
  5971. .list-group button.list-group-item-danger {
  5972. color: #e73d4a; }
  5973. .list-group a.list-group-item-danger .list-group-item-heading,
  5974. .list-group button.list-group-item-danger .list-group-item-heading {
  5975. color: inherit; }
  5976. .list-group a.list-group-item-danger:hover, .list-group a.list-group-item-danger:focus,
  5977. .list-group button.list-group-item-danger:hover,
  5978. .list-group button.list-group-item-danger:focus {
  5979. color: #e73d4a;
  5980. background-color: #f8cace; }
  5981. .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:hover, .list-group a.list-group-item-danger.active:focus,
  5982. .list-group button.list-group-item-danger.active,
  5983. .list-group button.list-group-item-danger.active:hover,
  5984. .list-group button.list-group-item-danger.active:focus {
  5985. color: #fff;
  5986. background-color: #e73d4a;
  5987. border-color: #e73d4a; }
  5988. /***
  5989. UI Loading
  5990. ***/
  5991. .loading-message {
  5992. display: inline-block;
  5993. min-width: 125px;
  5994. margin-left: -60px;
  5995. padding: 10px;
  5996. margin: 0 auto;
  5997. color: #000 !important;
  5998. font-size: 13px;
  5999. font-weight: 400;
  6000. text-align: center;
  6001. vertical-align: middle; }
  6002. .loading-message.loading-message-boxed {
  6003. border: 1px solid #ddd;
  6004. background-color: #eee;
  6005. -webkit-border-radius: 4px;
  6006. -moz-border-radius: 4px;
  6007. -ms-border-radius: 4px;
  6008. -o-border-radius: 4px;
  6009. border-radius: 4px;
  6010. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  6011. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  6012. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  6013. .loading-message > span {
  6014. line-height: 20px;
  6015. vertical-align: middle; }
  6016. .page-loading {
  6017. -webkit-border-radius: 4px;
  6018. -moz-border-radius: 4px;
  6019. -ms-border-radius: 4px;
  6020. -o-border-radius: 4px;
  6021. border-radius: 4px;
  6022. position: fixed;
  6023. top: 50%;
  6024. left: 50%;
  6025. min-width: 125px;
  6026. margin-left: -60px;
  6027. margin-top: -30px;
  6028. padding: 7px;
  6029. text-align: center;
  6030. color: #333;
  6031. font-size: 13px;
  6032. border: 1px solid #ddd;
  6033. background-color: #eee;
  6034. vertical-align: middle;
  6035. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  6036. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  6037. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  6038. .page-loading > span {
  6039. line-height: 20px;
  6040. vertical-align: middle; }
  6041. .page-spinner-bar {
  6042. position: fixed;
  6043. z-index: 10051;
  6044. width: 100px;
  6045. top: 40%;
  6046. left: 50%;
  6047. margin-left: -55px;
  6048. text-align: center; }
  6049. .page-spinner-bar > div {
  6050. margin: 0 5px;
  6051. width: 18px;
  6052. height: 18px;
  6053. background: #eee;
  6054. border-radius: 100% !important;
  6055. display: inline-block;
  6056. -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  6057. animation: bounceDelay 1.4s infinite ease-in-out;
  6058. /* Prevent first frame from flickering when animation starts */
  6059. -webkit-animation-fill-mode: both;
  6060. animation-fill-mode: both; }
  6061. .page-spinner-bar .bounce1 {
  6062. -webkit-animation-delay: -0.32s;
  6063. animation-delay: -0.32s; }
  6064. .page-spinner-bar .bounce2 {
  6065. -webkit-animation-delay: -0.16s;
  6066. animation-delay: -0.16s; }
  6067. .block-spinner-bar {
  6068. display: inline-block;
  6069. width: 80px;
  6070. text-align: center; }
  6071. .block-spinner-bar > div {
  6072. margin: 0 2px;
  6073. width: 15px;
  6074. height: 15px;
  6075. background: #eee;
  6076. border-radius: 100% !important;
  6077. display: inline-block;
  6078. -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  6079. animation: bounceDelay 1.4s infinite ease-in-out;
  6080. /* Prevent first frame from flickering when animation starts */
  6081. -webkit-animation-fill-mode: both;
  6082. animation-fill-mode: both; }
  6083. .block-spinner-bar .bounce1 {
  6084. -webkit-animation-delay: -0.32s;
  6085. animation-delay: -0.32s; }
  6086. .block-spinner-bar .bounce2 {
  6087. -webkit-animation-delay: -0.16s;
  6088. animation-delay: -0.16s; }
  6089. /***
  6090. Metro icons
  6091. ***/
  6092. [class^="m-icon-"] {
  6093. display: inline-block;
  6094. width: 14px;
  6095. height: 14px;
  6096. margin-top: 3px;
  6097. line-height: 14px;
  6098. vertical-align: top;
  6099. background-image: url(../img/syncfusion-icons.png);
  6100. background-position: 0 0;
  6101. background-repeat: no-repeat; }
  6102. [class^="m-icon-big-"] {
  6103. display: inline-block;
  6104. width: 30px;
  6105. height: 30px;
  6106. margin: 6px;
  6107. vertical-align: middle;
  6108. background-image: url(../img/syncfusion-icons.png);
  6109. background-position: 0 0px;
  6110. background-repeat: no-repeat; }
  6111. /* large icons */
  6112. .btn.m-icon-big {
  6113. padding: 9px 16px 8px 16px; }
  6114. .btn.m-icon-big.m-icon-only {
  6115. padding: 9px 8px 8px 0px; }
  6116. .btn.m-icon-big [class^="m-icon-big-"] {
  6117. margin: 0 0 0 10px; }
  6118. .btn.m-icon-ony > i {
  6119. margin-left: 0px; }
  6120. /* default icons */
  6121. .btn.m-icon {
  6122. padding: 7px 14px 7px 14px; }
  6123. .btn.m-icon [class^="m-icon-"] {
  6124. margin: 4px 0 0 5px; }
  6125. .btn.m-icon.m-icon-only {
  6126. padding: 7px 10px 7px 6px; }
  6127. /* white icon */
  6128. .m-icon-white {
  6129. background-image: url(../img/syncfusion-icons-white.png); }
  6130. /* Misc */
  6131. .m-icon-swapright {
  6132. background-position: -27px -10px; }
  6133. .m-icon-swapdown {
  6134. background-position: -68px -10px; }
  6135. .m-icon-swapleft {
  6136. background-position: -8px -10px; }
  6137. .m-icon-swapup {
  6138. background-position: -46px -10px; }
  6139. .m-icon-big-swapright {
  6140. background-position: -42px -28px; }
  6141. .m-icon-big-swapdown {
  6142. background-position: -115px -28px; }
  6143. .m-icon-big-swapleft {
  6144. background-position: -6px -28px; }
  6145. .m-icon-big-swapup {
  6146. background-position: -78px -28px; }
  6147. /***
  6148. Customized Bootstrap Modal
  6149. ***/
  6150. .modal {
  6151. z-index: 10050;
  6152. outline: none;
  6153. overflow-y: auto !important;
  6154. /* Fix content shifting to the right on modal open due to scrollbar closed */ }
  6155. .page-portlet-fullscreen .modal {
  6156. z-index: 10060; }
  6157. .modal .modal-header {
  6158. border-bottom: 1px solid #EFEFEF; }
  6159. .modal .modal-header h3 {
  6160. font-weight: 300; }
  6161. .modal .modal-header .close {
  6162. margin-top: 0px !important; }
  6163. .modal.draggable-modal .modal-header {
  6164. cursor: move; }
  6165. .modal .modal-dialog {
  6166. z-index: 10051; }
  6167. .modal > .loading {
  6168. position: absolute;
  6169. top: 50%;
  6170. left: 50%;
  6171. margin-top: -22px;
  6172. margin-left: -22px; }
  6173. .modal.in .page-loading {
  6174. display: none; }
  6175. .modal-open {
  6176. overflow-y: auto !important; }
  6177. .modal-open-noscroll {
  6178. overflow-y: hidden !important; }
  6179. .modal-backdrop {
  6180. border: 0;
  6181. outline: none; }
  6182. .page-portlet-fullscreen .modal-backdrop {
  6183. z-index: 10059; }
  6184. .modal-backdrop, .modal-backdrop.fade.in {
  6185. background-color: #333 !important; }
  6186. body[ng-controller] .modal-backdrop {
  6187. z-index: 10049; }
  6188. body[ng-controller] .modal {
  6189. z-index: 10050; }
  6190. /* Full width modal */
  6191. .modal-full.modal-dialog {
  6192. width: 99%; }
  6193. @media (max-width: 768px) {
  6194. .modal-full.modal-dialog {
  6195. width: auto; } }
  6196. /***
  6197. Notes
  6198. ***/
  6199. .note {
  6200. margin: 0 0 20px 0;
  6201. padding: 15px 30px 15px 15px;
  6202. border-left: 5px solid #eee;
  6203. -webkit-border-radius: 0 4px 4px 0;
  6204. -moz-border-radius: 0 4px 4px 0;
  6205. -ms-border-radius: 0 4px 4px 0;
  6206. -o-border-radius: 0 4px 4px 0;
  6207. border-radius: 0 4px 4px 0; }
  6208. .note h1,
  6209. .note h2,
  6210. .note h3,
  6211. .note h4,
  6212. .note h5,
  6213. .note h6 {
  6214. margin-top: 0; }
  6215. .note h1 .close,
  6216. .note h2 .close,
  6217. .note h3 .close,
  6218. .note h4 .close,
  6219. .note h5 .close,
  6220. .note h6 .close {
  6221. margin-right: -10px; }
  6222. .note p {
  6223. margin: 0;
  6224. font-size: 13px; }
  6225. .note p:last-child {
  6226. margin-bottom: 0; }
  6227. .note code,
  6228. .note .highlight {
  6229. background-color: #fff; }
  6230. .note.note-default {
  6231. background-color: white;
  6232. border-color: #b0c1d2;
  6233. color: black; }
  6234. .note.note-default.note-bordered {
  6235. background-color: #eef1f5;
  6236. border-color: #c0cedb; }
  6237. .note.note-default.note-shadow {
  6238. background-color: #f1f4f7;
  6239. border-color: #d1dbe4;
  6240. box-shadow: 5px 5px rgba(212, 221, 230, 0.2); }
  6241. .note.note-success {
  6242. background-color: #c0edf1;
  6243. border-color: #58d0da;
  6244. color: black; }
  6245. .note.note-success.note-bordered {
  6246. background-color: #a7e6ec;
  6247. border-color: #6dd6df; }
  6248. .note.note-success.note-shadow {
  6249. background-color: #abe7ed;
  6250. border-color: #81dbe3;
  6251. box-shadow: 5px 5px rgba(134, 221, 228, 0.2); }
  6252. .note.note-info {
  6253. background-color: #f5f8fd;
  6254. border-color: #8bb4e7;
  6255. color: #010407; }
  6256. .note.note-info.note-bordered {
  6257. background-color: #dbe8f8;
  6258. border-color: #a0c2ec; }
  6259. .note.note-info.note-shadow {
  6260. background-color: #e0ebf9;
  6261. border-color: #b5cff0;
  6262. box-shadow: 5px 5px rgba(185, 210, 241, 0.2); }
  6263. .note.note-warning {
  6264. background-color: #faeaa9;
  6265. border-color: #f3cc31;
  6266. color: black; }
  6267. .note.note-warning.note-bordered {
  6268. background-color: #f8e38c;
  6269. border-color: #f4d249; }
  6270. .note.note-warning.note-shadow {
  6271. background-color: #f9e491;
  6272. border-color: #f6d861;
  6273. box-shadow: 5px 5px rgba(246, 217, 102, 0.2); }
  6274. .note.note-danger {
  6275. background-color: #fef7f8;
  6276. border-color: #f0868e;
  6277. color: #210406; }
  6278. .note.note-danger.note-bordered {
  6279. background-color: #fbdcde;
  6280. border-color: #f39da3; }
  6281. .note.note-danger.note-shadow {
  6282. background-color: #fbe1e3;
  6283. border-color: #f6b3b8;
  6284. box-shadow: 5px 5px rgba(246, 184, 189, 0.2); }
  6285. /***
  6286. Customized Bootstrap Pagination
  6287. ***/
  6288. .pagination {
  6289. margin: 10px 0; }
  6290. .pagination.pagination-circle > li:first-child > a {
  6291. border-radius: 25px 0 0 25px !important; }
  6292. .pagination.pagination-circle > li:last-child > a {
  6293. border-radius: 0 25px 25px 0 !important; }
  6294. /***
  6295. Customized Bootstrap Panels
  6296. ***/
  6297. .panel {
  6298. -webkit-box-shadow: none !important;
  6299. -moz-box-shadow: none !important;
  6300. box-shadow: none !important; }
  6301. .panel-group .panel {
  6302. overflow: visible; }
  6303. .panel .panel-body {
  6304. font-size: 13px; }
  6305. .panel .panel-title > a:hover {
  6306. text-decoration: none; }
  6307. .accordion .panel .panel-heading {
  6308. padding: 0; }
  6309. .accordion .panel .panel-title {
  6310. padding: 0; }
  6311. .accordion .panel .panel-title .accordion-toggle {
  6312. display: block;
  6313. padding: 10px 15px; }
  6314. .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  6315. background: url("../img/accordion-plusminus.png") no-repeat;
  6316. background-position: right -19px;
  6317. margin-right: 15px; }
  6318. .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  6319. background-position: right 12px; }
  6320. /***
  6321. Accordions
  6322. ***/
  6323. .panel-heading {
  6324. background: #eee; }
  6325. .panel-heading a {
  6326. text-decoration: none; }
  6327. .panel-heading a:active,
  6328. .panel-heading a:focus,
  6329. .panel-heading a:hover {
  6330. text-decoration: none; }
  6331. /***
  6332. Customized Bootstrap Popover
  6333. ***/
  6334. /*rtl:ignore*/
  6335. .popover {
  6336. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  6337. padding: 0; }
  6338. .popover .popover-title {
  6339. margin: 0 !important; }
  6340. /***
  6341. Portlets
  6342. ***/
  6343. /* Full Screen portlet mode */
  6344. .page-portlet-fullscreen {
  6345. overflow: hidden; }
  6346. /* Basic portlet */
  6347. .portlet {
  6348. margin-top: 0px;
  6349. margin-bottom: 25px;
  6350. padding: 0px;
  6351. -webkit-border-radius: 4px;
  6352. -moz-border-radius: 4px;
  6353. -ms-border-radius: 4px;
  6354. -o-border-radius: 4px;
  6355. border-radius: 4px; }
  6356. .portlet.portlet-fullscreen {
  6357. z-index: 10060;
  6358. margin: 0;
  6359. position: fixed;
  6360. top: 0;
  6361. left: 0;
  6362. bottom: 0;
  6363. right: 0;
  6364. width: 100%;
  6365. height: 100%;
  6366. background: #fff; }
  6367. .portlet.portlet-fullscreen > .portlet-body {
  6368. overflow-y: auto;
  6369. overflow-x: hidden;
  6370. padding: 0 10px; }
  6371. .portlet.portlet-fullscreen > .portlet-title {
  6372. padding: 0 10px; }
  6373. .portlet > .portlet-title {
  6374. border-bottom: 1px solid #eee;
  6375. padding: 0;
  6376. margin-bottom: 10px;
  6377. min-height: 41px;
  6378. -webkit-border-radius: 4px 4px 0 0;
  6379. -moz-border-radius: 4px 4px 0 0;
  6380. -ms-border-radius: 4px 4px 0 0;
  6381. -o-border-radius: 4px 4px 0 0;
  6382. border-radius: 4px 4px 0 0; }
  6383. .portlet > .portlet-title:before, .portlet > .portlet-title:after {
  6384. content: " ";
  6385. display: table; }
  6386. .portlet > .portlet-title:after {
  6387. clear: both; }
  6388. .portlet > .portlet-title > .caption {
  6389. float: left;
  6390. display: inline-block;
  6391. font-size: 18px;
  6392. line-height: 18px;
  6393. padding: 10px 0; }
  6394. .portlet > .portlet-title > .caption.bold {
  6395. font-weight: 400; }
  6396. .portlet > .portlet-title > .caption > i {
  6397. float: left;
  6398. margin-top: 4px;
  6399. display: inline-block;
  6400. font-size: 13px;
  6401. margin-right: 5px;
  6402. color: #666; }
  6403. .portlet > .portlet-title > .caption > i.glyphicon {
  6404. margin-top: 2px; }
  6405. .portlet > .portlet-title > .caption > .caption-helper {
  6406. padding: 0;
  6407. margin: 0;
  6408. line-height: 13px;
  6409. color: #9eacb4;
  6410. font-size: 13px;
  6411. font-weight: 400; }
  6412. .portlet > .portlet-title > .actions {
  6413. float: right;
  6414. display: inline-block;
  6415. padding: 6px 0; }
  6416. .portlet > .portlet-title > .actions > .dropdown-menu i {
  6417. color: #555555; }
  6418. .portlet > .portlet-title > .actions > .btn,
  6419. .portlet > .portlet-title > .actions > .btn.btn-sm,
  6420. .portlet > .portlet-title > .actions > .btn-group > .btn,
  6421. .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
  6422. padding: 4px 10px;
  6423. font-size: 13px;
  6424. line-height: 1.5; }
  6425. .portlet > .portlet-title > .actions > .btn.btn-default,
  6426. .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
  6427. .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
  6428. .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
  6429. padding: 3px 9px; }
  6430. .portlet > .portlet-title > .actions > .btn > i,
  6431. .portlet > .portlet-title > .actions > .btn.btn-sm > i,
  6432. .portlet > .portlet-title > .actions > .btn-group > .btn > i,
  6433. .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
  6434. font-size: 13px; }
  6435. .portlet > .portlet-title > .actions .btn-icon-only {
  6436. padding: 5px 7px 3px 7px; }
  6437. .portlet > .portlet-title > .actions .btn-icon-only.btn-default {
  6438. padding: 4px 6px 2px 6px; }
  6439. .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
  6440. font-size: 14px; }
  6441. .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
  6442. font-family: FontAwesome;
  6443. color: #a0a0a0;
  6444. padding-top: 3px; }
  6445. .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
  6446. padding: 3px 3px !important;
  6447. height: 27px;
  6448. width: 27px; }
  6449. .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
  6450. content: "\f065"; }
  6451. .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
  6452. content: "\f066"; }
  6453. .portlet > .portlet-title > .tools {
  6454. float: right;
  6455. display: inline-block;
  6456. padding: 12px 0 8px 0; }
  6457. .portlet > .portlet-title > .tools > a {
  6458. display: inline-block;
  6459. height: 16px;
  6460. margin-left: 5px;
  6461. opacity: 1 ;
  6462. filter: alpha(opacity=100) ; }
  6463. .portlet > .portlet-title > .tools > a.remove {
  6464. background-image: url(../img/portlet-remove-icon.png);
  6465. background-repeat: no-repeat;
  6466. width: 11px; }
  6467. .portlet > .portlet-title > .tools > a.config {
  6468. background-image: url(../img/portlet-config-icon.png);
  6469. background-repeat: no-repeat;
  6470. width: 12px; }
  6471. .portlet > .portlet-title > .tools > a.reload {
  6472. background-image: url(../img/portlet-reload-icon.png);
  6473. width: 13px; }
  6474. .portlet > .portlet-title > .tools > a.expand {
  6475. background-image: url(../img/portlet-expand-icon.png);
  6476. width: 14px;
  6477. visibility: visible; }
  6478. .portlet > .portlet-title > .tools > a.collapse {
  6479. background-image: url(../img/portlet-collapse-icon.png);
  6480. width: 14px;
  6481. visibility: visible; }
  6482. .portlet > .portlet-title > .tools > a.fullscreen {
  6483. display: inline-block;
  6484. top: -3px;
  6485. position: relative;
  6486. font-size: 13px;
  6487. font-family: FontAwesome;
  6488. color: #ACACAC; }
  6489. .portlet > .portlet-title > .tools > a.fullscreen:before {
  6490. content: "\f065"; }
  6491. .portlet > .portlet-title > .tools > a.fullscreen.on:before {
  6492. content: "\f066"; }
  6493. .portlet > .portlet-title > .tools > a:hover {
  6494. text-decoration: none;
  6495. -webkit-transition: all 0.1s ease-in-out;
  6496. -moz-transition: all 0.1s ease-in-out;
  6497. -o-transition: all 0.1s ease-in-out;
  6498. -ms-transition: all 0.1s ease-in-out;
  6499. transition: all 0.1s ease-in-out;
  6500. opacity: 0.8 ;
  6501. filter: alpha(opacity=80) ; }
  6502. .portlet > .portlet-title > .pagination {
  6503. float: right;
  6504. display: inline-block;
  6505. margin: 2px 0 0 0;
  6506. border: 0;
  6507. padding: 4px 0; }
  6508. .portlet > .portlet-title > .nav-tabs {
  6509. background: none;
  6510. margin: 1px 0 0 0;
  6511. float: right;
  6512. display: inline-block;
  6513. border: 0; }
  6514. .portlet > .portlet-title > .nav-tabs > li {
  6515. background: none;
  6516. margin: 0;
  6517. border: 0; }
  6518. .portlet > .portlet-title > .nav-tabs > li > a {
  6519. background: none;
  6520. margin: 5px 0 0 1px;
  6521. border: 0;
  6522. padding: 8px 10px;
  6523. color: #fff; }
  6524. .portlet > .portlet-title > .nav-tabs > li.active > a,
  6525. .portlet > .portlet-title > .nav-tabs > li:hover > a {
  6526. color: #333;
  6527. background: #fff;
  6528. border: 0; }
  6529. .portlet > .portlet-body {
  6530. clear: both;
  6531. -webkit-border-radius: 0 0 4px 4px;
  6532. -moz-border-radius: 0 0 4px 4px;
  6533. -ms-border-radius: 0 0 4px 4px;
  6534. -o-border-radius: 0 0 4px 4px;
  6535. border-radius: 0 0 4px 4px; }
  6536. .portlet > .portlet-body p {
  6537. margin-top: 0; }
  6538. .portlet > .portlet-empty {
  6539. min-height: 125px; }
  6540. .portlet.full-height-content {
  6541. margin-bottom: 0; }
  6542. /* Portlet background colors */
  6543. /* Side bordered portlet */
  6544. .portlet.bordered {
  6545. border-left: 2px solid #e6e9ec !important; }
  6546. .portlet.bordered > .portlet-title {
  6547. border-bottom: 0; }
  6548. /* Solid colored portlet */
  6549. .portlet.solid {
  6550. padding: 0 10px 10px 10px;
  6551. border: 0px; }
  6552. .portlet.solid > .portlet-title {
  6553. border-bottom: 0;
  6554. margin-bottom: 10px; }
  6555. .portlet.solid > .portlet-title > .caption {
  6556. padding: 16px 0 2px 0; }
  6557. .portlet.solid > .portlet-title > .actions {
  6558. padding: 12px 0 6px 0; }
  6559. .portlet.solid > .portlet-title > .tools {
  6560. padding: 14px 0 6px 0; }
  6561. /* Solid bordered portlet */
  6562. .portlet.solid.bordered > .portlet-title {
  6563. margin-bottom: 10px; }
  6564. /* Box portlet */
  6565. .portlet.box {
  6566. padding: 0px !important; }
  6567. .portlet.box > .portlet-title {
  6568. border-bottom: 0;
  6569. padding: 0 10px;
  6570. margin-bottom: 0;
  6571. color: #fff; }
  6572. .portlet.box > .portlet-title > .caption {
  6573. padding: 11px 0 9px 0; }
  6574. .portlet.box > .portlet-title > .tools > a.remove {
  6575. background-image: url(../img/portlet-remove-icon-white.png); }
  6576. .portlet.box > .portlet-title > .tools > a.config {
  6577. background-image: url(../img/portlet-config-icon-white.png); }
  6578. .portlet.box > .portlet-title > .tools > a.reload {
  6579. background-image: url(../img/portlet-reload-icon-white.png); }
  6580. .portlet.box > .portlet-title > .tools > a.expand {
  6581. background-image: url(../img/portlet-expand-icon-white.png); }
  6582. .portlet.box > .portlet-title > .tools > a.collapse {
  6583. background-image: url(../img/portlet-collapse-icon-white.png); }
  6584. .portlet.box > .portlet-title > .tools > a.fullscreen {
  6585. color: #fdfdfd; }
  6586. .portlet.box > .portlet-title > .actions {
  6587. padding: 7px 0 5px 0; }
  6588. .portlet.box > .portlet-body {
  6589. background-color: #fff;
  6590. padding: 15px; }
  6591. /* Light Portlet */
  6592. .portlet.light {
  6593. padding: 12px 20px 15px 20px;
  6594. background-color: #fff; }
  6595. .portlet.light.bordered {
  6596. border: 1px solid #e7ecf1 !important; }
  6597. .portlet.light.bordered > .portlet-title {
  6598. border-bottom: 1px solid #eef1f5; }
  6599. .portlet.light.bg-inverse {
  6600. background: #f1f4f7; }
  6601. .portlet.light > .portlet-title {
  6602. padding: 0;
  6603. min-height: 48px; }
  6604. .portlet.light > .portlet-title > .caption {
  6605. color: #666;
  6606. padding: 10px 0; }
  6607. .portlet.light > .portlet-title > .caption > .caption-subject {
  6608. font-size: 16px; }
  6609. .portlet.light > .portlet-title > .caption > i {
  6610. color: #777;
  6611. font-size: 15px;
  6612. font-weight: 300;
  6613. margin-top: 3px; }
  6614. .portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
  6615. font-size: 15px; }
  6616. .portlet.light > .portlet-title > .caption.caption-md > i {
  6617. font-size: 14px; }
  6618. .portlet.light > .portlet-title > .actions {
  6619. padding: 6px 0 14px 0; }
  6620. .portlet.light > .portlet-title > .actions .btn-default {
  6621. color: #666; }
  6622. .portlet.light > .portlet-title > .actions .btn-icon-only {
  6623. height: 27px;
  6624. width: 27px; }
  6625. .portlet.light > .portlet-title > .actions .dropdown-menu li > a {
  6626. color: #555; }
  6627. .portlet.light > .portlet-title > .inputs {
  6628. float: right;
  6629. display: inline-block;
  6630. padding: 4px 0; }
  6631. .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
  6632. font-size: 14px;
  6633. margin-top: 9px; }
  6634. .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
  6635. height: 30px;
  6636. padding: 2px 26px 3px 10px;
  6637. font-size: 13px; }
  6638. .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
  6639. height: 30px;
  6640. padding: 3px 10px;
  6641. font-size: 13px; }
  6642. .portlet.light > .portlet-title > .pagination {
  6643. padding: 2px 0 13px 0; }
  6644. .portlet.light > .portlet-title > .tools {
  6645. padding: 10px 0 13px 0;
  6646. margin-top: 2px; }
  6647. .portlet.light > .portlet-title > .nav-tabs > li {
  6648. margin: 0;
  6649. padding: 0; }
  6650. .portlet.light > .portlet-title > .nav-tabs > li > a {
  6651. margin: 0;
  6652. padding: 12px 13px 13px 13px;
  6653. font-size: 13px;
  6654. color: #666; }
  6655. .portlet.light > .portlet-title > .nav-tabs > li.active > a,
  6656. .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
  6657. margin: 0;
  6658. background: none;
  6659. color: #333; }
  6660. .portlet.light.form-fit {
  6661. padding: 0; }
  6662. .portlet.light.form-fit > .portlet-title {
  6663. padding: 17px 20px 10px 20px;
  6664. margin-bottom: 0; }
  6665. .portlet.light .portlet-body {
  6666. padding-top: 8px; }
  6667. .portlet.light.portlet-fullscreen > .portlet-body {
  6668. padding: 8px 0; }
  6669. .portlet.light.portlet-fit {
  6670. padding: 0; }
  6671. .portlet.light.portlet-fit > .portlet-title {
  6672. padding: 15px 20px 10px 20px; }
  6673. .portlet.light.portlet-fit > .portlet-body {
  6674. padding: 10px 20px 20px 20px; }
  6675. .portlet.light.portlet-fit.portlet-form > .portlet-body {
  6676. padding: 0; }
  6677. .portlet.light.portlet-fit.portlet-form > .portlet-body {
  6678. padding: 0; }
  6679. .portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions {
  6680. background: none; }
  6681. .portlet.light.portlet-datatable.portlet-fit > .portlet-body {
  6682. padding-top: 10px;
  6683. padding-bottom: 25px; }
  6684. .tab-pane > p:last-child {
  6685. margin-bottom: 0px; }
  6686. /* Reverse aligned tabs */
  6687. .tabs-reversed > li {
  6688. float: right;
  6689. margin-right: 0; }
  6690. .tabs-reversed > li > a {
  6691. margin-right: 0; }
  6692. /* jQuery UI Draggable Portlets */
  6693. .portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
  6694. cursor: move; }
  6695. .portlet-sortable-placeholder {
  6696. border: 2px dashed #eee;
  6697. margin-bottom: 25px; }
  6698. .portlet-sortable-empty {
  6699. box-shadow: none !important;
  6700. height: 45px; }
  6701. .portlet-collapsed {
  6702. display: none; }
  6703. @media (max-width: 991px) {
  6704. /* 991px */
  6705. .portlet-collapsed-on-mobile {
  6706. display: none; } }
  6707. /***
  6708. Custom colored portlets
  6709. ***/
  6710. .portlet > .portlet-body.white,
  6711. .portlet.white {
  6712. background-color: #ffffff; }
  6713. .portlet.solid.white > .portlet-title,
  6714. .portlet.solid.white > .portlet-body {
  6715. border: 0;
  6716. color: #666; }
  6717. .portlet.solid.white > .portlet-title > .caption {
  6718. font-weight: 400; }
  6719. .portlet.solid.white > .portlet-title > .caption > i {
  6720. color: #666; }
  6721. .portlet.solid.white > .portlet-title > .tools > a.remove {
  6722. background-image: url(../img/portlet-remove-icon-white.png); }
  6723. .portlet.solid.white > .portlet-title > .tools > a.config {
  6724. background-image: url(../img/portlet-config-icon-white.png); }
  6725. .portlet.solid.white > .portlet-title > .tools > a.reload {
  6726. background-image: url(../img/portlet-reload-icon-white.png); }
  6727. .portlet.solid.white > .portlet-title > .tools > a.expand {
  6728. background-image: url(../img/portlet-expand-icon-white.png); }
  6729. .portlet.solid.white > .portlet-title > .tools > a.collapse {
  6730. background-image: url(../img/portlet-collapse-icon-white.png); }
  6731. .portlet.solid.white > .portlet-title > .tools > a.fullscreen {
  6732. color: #fdfdfd; }
  6733. .portlet.box.white {
  6734. border: 1px solid white;
  6735. border-top: 0; }
  6736. .portlet.box.white > .portlet-title {
  6737. background-color: #ffffff; }
  6738. .portlet.box.white > .portlet-title > .caption {
  6739. color: #666; }
  6740. .portlet.box.white > .portlet-title > .caption > i {
  6741. color: #666; }
  6742. .portlet.box.white > .portlet-title > .actions .btn-default {
  6743. background: transparent !important;
  6744. background-color: transparent !important;
  6745. border: 1px solid white;
  6746. color: white; }
  6747. .portlet.box.white > .portlet-title > .actions .btn-default > i {
  6748. color: white; }
  6749. .portlet.box.white > .portlet-title > .actions .btn-default:hover, .portlet.box.white > .portlet-title > .actions .btn-default:focus, .portlet.box.white > .portlet-title > .actions .btn-default:active, .portlet.box.white > .portlet-title > .actions .btn-default.active {
  6750. border: 1px solid white;
  6751. color: white; }
  6752. .portlet > .portlet-body.default,
  6753. .portlet.default {
  6754. background-color: #e1e5ec; }
  6755. .portlet.solid.default > .portlet-title,
  6756. .portlet.solid.default > .portlet-body {
  6757. border: 0;
  6758. color: #666; }
  6759. .portlet.solid.default > .portlet-title > .caption {
  6760. font-weight: 400; }
  6761. .portlet.solid.default > .portlet-title > .caption > i {
  6762. color: #666; }
  6763. .portlet.solid.default > .portlet-title > .tools > a.remove {
  6764. background-image: url(../img/portlet-remove-icon-white.png); }
  6765. .portlet.solid.default > .portlet-title > .tools > a.config {
  6766. background-image: url(../img/portlet-config-icon-white.png); }
  6767. .portlet.solid.default > .portlet-title > .tools > a.reload {
  6768. background-image: url(../img/portlet-reload-icon-white.png); }
  6769. .portlet.solid.default > .portlet-title > .tools > a.expand {
  6770. background-image: url(../img/portlet-expand-icon-white.png); }
  6771. .portlet.solid.default > .portlet-title > .tools > a.collapse {
  6772. background-image: url(../img/portlet-collapse-icon-white.png); }
  6773. .portlet.solid.default > .portlet-title > .tools > a.fullscreen {
  6774. color: #fdfdfd; }
  6775. .portlet.box.default {
  6776. border: 1px solid white;
  6777. border-top: 0; }
  6778. .portlet.box.default > .portlet-title {
  6779. background-color: #e1e5ec; }
  6780. .portlet.box.default > .portlet-title > .caption {
  6781. color: #666; }
  6782. .portlet.box.default > .portlet-title > .caption > i {
  6783. color: #666; }
  6784. .portlet.box.default > .portlet-title > .actions .btn-default {
  6785. background: transparent !important;
  6786. background-color: transparent !important;
  6787. border: 1px solid white;
  6788. color: white; }
  6789. .portlet.box.default > .portlet-title > .actions .btn-default > i {
  6790. color: white; }
  6791. .portlet.box.default > .portlet-title > .actions .btn-default:hover, .portlet.box.default > .portlet-title > .actions .btn-default:focus, .portlet.box.default > .portlet-title > .actions .btn-default:active, .portlet.box.default > .portlet-title > .actions .btn-default.active {
  6792. border: 1px solid white;
  6793. color: white; }
  6794. .portlet > .portlet-body.dark,
  6795. .portlet.dark {
  6796. background-color: #2f353b; }
  6797. .portlet.solid.dark > .portlet-title,
  6798. .portlet.solid.dark > .portlet-body {
  6799. border: 0;
  6800. color: #FFFFFF; }
  6801. .portlet.solid.dark > .portlet-title > .caption {
  6802. font-weight: 400; }
  6803. .portlet.solid.dark > .portlet-title > .caption > i {
  6804. color: #FFFFFF; }
  6805. .portlet.solid.dark > .portlet-title > .tools > a.remove {
  6806. background-image: url(../img/portlet-remove-icon-white.png); }
  6807. .portlet.solid.dark > .portlet-title > .tools > a.config {
  6808. background-image: url(../img/portlet-config-icon-white.png); }
  6809. .portlet.solid.dark > .portlet-title > .tools > a.reload {
  6810. background-image: url(../img/portlet-reload-icon-white.png); }
  6811. .portlet.solid.dark > .portlet-title > .tools > a.expand {
  6812. background-image: url(../img/portlet-expand-icon-white.png); }
  6813. .portlet.solid.dark > .portlet-title > .tools > a.collapse {
  6814. background-image: url(../img/portlet-collapse-icon-white.png); }
  6815. .portlet.solid.dark > .portlet-title > .tools > a.fullscreen {
  6816. color: #fdfdfd; }
  6817. .portlet.box.dark {
  6818. border: 1px solid #464f57;
  6819. border-top: 0; }
  6820. .portlet.box.dark > .portlet-title {
  6821. background-color: #2f353b; }
  6822. .portlet.box.dark > .portlet-title > .caption {
  6823. color: #FFFFFF; }
  6824. .portlet.box.dark > .portlet-title > .caption > i {
  6825. color: #FFFFFF; }
  6826. .portlet.box.dark > .portlet-title > .actions .btn-default {
  6827. background: transparent !important;
  6828. background-color: transparent !important;
  6829. border: 1px solid #616d79;
  6830. color: #6c7a88; }
  6831. .portlet.box.dark > .portlet-title > .actions .btn-default > i {
  6832. color: #738290; }
  6833. .portlet.box.dark > .portlet-title > .actions .btn-default:hover, .portlet.box.dark > .portlet-title > .actions .btn-default:focus, .portlet.box.dark > .portlet-title > .actions .btn-default:active, .portlet.box.dark > .portlet-title > .actions .btn-default.active {
  6834. border: 1px solid #798794;
  6835. color: #8793a0; }
  6836. .portlet > .portlet-body.blue,
  6837. .portlet.blue {
  6838. background-color: #3598dc; }
  6839. .portlet.solid.blue > .portlet-title,
  6840. .portlet.solid.blue > .portlet-body {
  6841. border: 0;
  6842. color: #FFFFFF; }
  6843. .portlet.solid.blue > .portlet-title > .caption {
  6844. font-weight: 400; }
  6845. .portlet.solid.blue > .portlet-title > .caption > i {
  6846. color: #FFFFFF; }
  6847. .portlet.solid.blue > .portlet-title > .tools > a.remove {
  6848. background-image: url(../img/portlet-remove-icon-white.png); }
  6849. .portlet.solid.blue > .portlet-title > .tools > a.config {
  6850. background-image: url(../img/portlet-config-icon-white.png); }
  6851. .portlet.solid.blue > .portlet-title > .tools > a.reload {
  6852. background-image: url(../img/portlet-reload-icon-white.png); }
  6853. .portlet.solid.blue > .portlet-title > .tools > a.expand {
  6854. background-image: url(../img/portlet-expand-icon-white.png); }
  6855. .portlet.solid.blue > .portlet-title > .tools > a.collapse {
  6856. background-image: url(../img/portlet-collapse-icon-white.png); }
  6857. .portlet.solid.blue > .portlet-title > .tools > a.fullscreen {
  6858. color: #fdfdfd; }
  6859. .portlet.box.blue {
  6860. border: 1px solid #60aee4;
  6861. border-top: 0; }
  6862. .portlet.box.blue > .portlet-title {
  6863. background-color: #3598dc; }
  6864. .portlet.box.blue > .portlet-title > .caption {
  6865. color: #FFFFFF; }
  6866. .portlet.box.blue > .portlet-title > .caption > i {
  6867. color: #FFFFFF; }
  6868. .portlet.box.blue > .portlet-title > .actions .btn-default {
  6869. background: transparent !important;
  6870. background-color: transparent !important;
  6871. border: 1px solid #95c9ed;
  6872. color: #aad4f0; }
  6873. .portlet.box.blue > .portlet-title > .actions .btn-default > i {
  6874. color: #b7daf3; }
  6875. .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active {
  6876. border: 1px solid #c0dff4;
  6877. color: #d6eaf8; }
  6878. .portlet > .portlet-body.blue-madison,
  6879. .portlet.blue-madison {
  6880. background-color: #578ebe; }
  6881. .portlet.solid.blue-madison > .portlet-title,
  6882. .portlet.solid.blue-madison > .portlet-body {
  6883. border: 0;
  6884. color: #FFFFFF; }
  6885. .portlet.solid.blue-madison > .portlet-title > .caption {
  6886. font-weight: 400; }
  6887. .portlet.solid.blue-madison > .portlet-title > .caption > i {
  6888. color: #FFFFFF; }
  6889. .portlet.solid.blue-madison > .portlet-title > .tools > a.remove {
  6890. background-image: url(../img/portlet-remove-icon-white.png); }
  6891. .portlet.solid.blue-madison > .portlet-title > .tools > a.config {
  6892. background-image: url(../img/portlet-config-icon-white.png); }
  6893. .portlet.solid.blue-madison > .portlet-title > .tools > a.reload {
  6894. background-image: url(../img/portlet-reload-icon-white.png); }
  6895. .portlet.solid.blue-madison > .portlet-title > .tools > a.expand {
  6896. background-image: url(../img/portlet-expand-icon-white.png); }
  6897. .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse {
  6898. background-image: url(../img/portlet-collapse-icon-white.png); }
  6899. .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen {
  6900. color: #fdfdfd; }
  6901. .portlet.box.blue-madison {
  6902. border: 1px solid #7ca7cc;
  6903. border-top: 0; }
  6904. .portlet.box.blue-madison > .portlet-title {
  6905. background-color: #578ebe; }
  6906. .portlet.box.blue-madison > .portlet-title > .caption {
  6907. color: #FFFFFF; }
  6908. .portlet.box.blue-madison > .portlet-title > .caption > i {
  6909. color: #FFFFFF; }
  6910. .portlet.box.blue-madison > .portlet-title > .actions .btn-default {
  6911. background: transparent !important;
  6912. background-color: transparent !important;
  6913. border: 1px solid #a8c4dd;
  6914. color: #bad1e4; }
  6915. .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i {
  6916. color: #c5d8e9; }
  6917. .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active {
  6918. border: 1px solid #cdddec;
  6919. color: #dfeaf3; }
  6920. .portlet > .portlet-body.blue-chambray,
  6921. .portlet.blue-chambray {
  6922. background-color: #2C3E50; }
  6923. .portlet.solid.blue-chambray > .portlet-title,
  6924. .portlet.solid.blue-chambray > .portlet-body {
  6925. border: 0;
  6926. color: #FFFFFF; }
  6927. .portlet.solid.blue-chambray > .portlet-title > .caption {
  6928. font-weight: 400; }
  6929. .portlet.solid.blue-chambray > .portlet-title > .caption > i {
  6930. color: #FFFFFF; }
  6931. .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove {
  6932. background-image: url(../img/portlet-remove-icon-white.png); }
  6933. .portlet.solid.blue-chambray > .portlet-title > .tools > a.config {
  6934. background-image: url(../img/portlet-config-icon-white.png); }
  6935. .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload {
  6936. background-image: url(../img/portlet-reload-icon-white.png); }
  6937. .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand {
  6938. background-image: url(../img/portlet-expand-icon-white.png); }
  6939. .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse {
  6940. background-image: url(../img/portlet-collapse-icon-white.png); }
  6941. .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen {
  6942. color: #fdfdfd; }
  6943. .portlet.box.blue-chambray {
  6944. border: 1px solid #3e5871;
  6945. border-top: 0; }
  6946. .portlet.box.blue-chambray > .portlet-title {
  6947. background-color: #2C3E50; }
  6948. .portlet.box.blue-chambray > .portlet-title > .caption {
  6949. color: #FFFFFF; }
  6950. .portlet.box.blue-chambray > .portlet-title > .caption > i {
  6951. color: #FFFFFF; }
  6952. .portlet.box.blue-chambray > .portlet-title > .actions .btn-default {
  6953. background: transparent !important;
  6954. background-color: transparent !important;
  6955. border: 1px solid #547698;
  6956. color: #5f83a7; }
  6957. .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i {
  6958. color: #698bac; }
  6959. .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active {
  6960. border: 1px solid #6f90b0;
  6961. color: #809cb9; }
  6962. .portlet > .portlet-body.blue-ebonyclay,
  6963. .portlet.blue-ebonyclay {
  6964. background-color: #22313F; }
  6965. .portlet.solid.blue-ebonyclay > .portlet-title,
  6966. .portlet.solid.blue-ebonyclay > .portlet-body {
  6967. border: 0;
  6968. color: #FFFFFF; }
  6969. .portlet.solid.blue-ebonyclay > .portlet-title > .caption {
  6970. font-weight: 400; }
  6971. .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i {
  6972. color: #FFFFFF; }
  6973. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove {
  6974. background-image: url(../img/portlet-remove-icon-white.png); }
  6975. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config {
  6976. background-image: url(../img/portlet-config-icon-white.png); }
  6977. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload {
  6978. background-image: url(../img/portlet-reload-icon-white.png); }
  6979. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand {
  6980. background-image: url(../img/portlet-expand-icon-white.png); }
  6981. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse {
  6982. background-image: url(../img/portlet-collapse-icon-white.png); }
  6983. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen {
  6984. color: #fdfdfd; }
  6985. .portlet.box.blue-ebonyclay {
  6986. border: 1px solid #344b60;
  6987. border-top: 0; }
  6988. .portlet.box.blue-ebonyclay > .portlet-title {
  6989. background-color: #22313F; }
  6990. .portlet.box.blue-ebonyclay > .portlet-title > .caption {
  6991. color: #FFFFFF; }
  6992. .portlet.box.blue-ebonyclay > .portlet-title > .caption > i {
  6993. color: #FFFFFF; }
  6994. .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default {
  6995. background: transparent !important;
  6996. background-color: transparent !important;
  6997. border: 1px solid #496a88;
  6998. color: #527798; }
  6999. .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i {
  7000. color: #587ea2; }
  7001. .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active {
  7002. border: 1px solid #5d83a7;
  7003. color: #6d90b0; }
  7004. .portlet > .portlet-body.blue-hoki,
  7005. .portlet.blue-hoki {
  7006. background-color: #67809F; }
  7007. .portlet.solid.blue-hoki > .portlet-title,
  7008. .portlet.solid.blue-hoki > .portlet-body {
  7009. border: 0;
  7010. color: #FFFFFF; }
  7011. .portlet.solid.blue-hoki > .portlet-title > .caption {
  7012. font-weight: 400; }
  7013. .portlet.solid.blue-hoki > .portlet-title > .caption > i {
  7014. color: #FFFFFF; }
  7015. .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove {
  7016. background-image: url(../img/portlet-remove-icon-white.png); }
  7017. .portlet.solid.blue-hoki > .portlet-title > .tools > a.config {
  7018. background-image: url(../img/portlet-config-icon-white.png); }
  7019. .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload {
  7020. background-image: url(../img/portlet-reload-icon-white.png); }
  7021. .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand {
  7022. background-image: url(../img/portlet-expand-icon-white.png); }
  7023. .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse {
  7024. background-image: url(../img/portlet-collapse-icon-white.png); }
  7025. .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen {
  7026. color: #fdfdfd; }
  7027. .portlet.box.blue-hoki {
  7028. border: 1px solid #869ab3;
  7029. border-top: 0; }
  7030. .portlet.box.blue-hoki > .portlet-title {
  7031. background-color: #67809F; }
  7032. .portlet.box.blue-hoki > .portlet-title > .caption {
  7033. color: #FFFFFF; }
  7034. .portlet.box.blue-hoki > .portlet-title > .caption > i {
  7035. color: #FFFFFF; }
  7036. .portlet.box.blue-hoki > .portlet-title > .actions .btn-default {
  7037. background: transparent !important;
  7038. background-color: transparent !important;
  7039. border: 1px solid #acb9ca;
  7040. color: #bbc7d4; }
  7041. .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i {
  7042. color: #c5ceda; }
  7043. .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active {
  7044. border: 1px solid #cbd4de;
  7045. color: #dbe1e8; }
  7046. .portlet > .portlet-body.blue-steel,
  7047. .portlet.blue-steel {
  7048. background-color: #4B77BE; }
  7049. .portlet.solid.blue-steel > .portlet-title,
  7050. .portlet.solid.blue-steel > .portlet-body {
  7051. border: 0;
  7052. color: #FFFFFF; }
  7053. .portlet.solid.blue-steel > .portlet-title > .caption {
  7054. font-weight: 400; }
  7055. .portlet.solid.blue-steel > .portlet-title > .caption > i {
  7056. color: #FFFFFF; }
  7057. .portlet.solid.blue-steel > .portlet-title > .tools > a.remove {
  7058. background-image: url(../img/portlet-remove-icon-white.png); }
  7059. .portlet.solid.blue-steel > .portlet-title > .tools > a.config {
  7060. background-image: url(../img/portlet-config-icon-white.png); }
  7061. .portlet.solid.blue-steel > .portlet-title > .tools > a.reload {
  7062. background-image: url(../img/portlet-reload-icon-white.png); }
  7063. .portlet.solid.blue-steel > .portlet-title > .tools > a.expand {
  7064. background-image: url(../img/portlet-expand-icon-white.png); }
  7065. .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse {
  7066. background-image: url(../img/portlet-collapse-icon-white.png); }
  7067. .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen {
  7068. color: #fdfdfd; }
  7069. .portlet.box.blue-steel {
  7070. border: 1px solid #7093cc;
  7071. border-top: 0; }
  7072. .portlet.box.blue-steel > .portlet-title {
  7073. background-color: #4B77BE; }
  7074. .portlet.box.blue-steel > .portlet-title > .caption {
  7075. color: #FFFFFF; }
  7076. .portlet.box.blue-steel > .portlet-title > .caption > i {
  7077. color: #FFFFFF; }
  7078. .portlet.box.blue-steel > .portlet-title > .actions .btn-default {
  7079. background: transparent !important;
  7080. background-color: transparent !important;
  7081. border: 1px solid #9db5dc;
  7082. color: #b0c3e3; }
  7083. .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i {
  7084. color: #bbcce7; }
  7085. .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active {
  7086. border: 1px solid #c3d2e9;
  7087. color: #d6e0f0; }
  7088. .portlet > .portlet-body.blue-soft,
  7089. .portlet.blue-soft {
  7090. background-color: #4c87b9; }
  7091. .portlet.solid.blue-soft > .portlet-title,
  7092. .portlet.solid.blue-soft > .portlet-body {
  7093. border: 0;
  7094. color: #FFFFFF; }
  7095. .portlet.solid.blue-soft > .portlet-title > .caption {
  7096. font-weight: 400; }
  7097. .portlet.solid.blue-soft > .portlet-title > .caption > i {
  7098. color: #FFFFFF; }
  7099. .portlet.solid.blue-soft > .portlet-title > .tools > a.remove {
  7100. background-image: url(../img/portlet-remove-icon-white.png); }
  7101. .portlet.solid.blue-soft > .portlet-title > .tools > a.config {
  7102. background-image: url(../img/portlet-config-icon-white.png); }
  7103. .portlet.solid.blue-soft > .portlet-title > .tools > a.reload {
  7104. background-image: url(../img/portlet-reload-icon-white.png); }
  7105. .portlet.solid.blue-soft > .portlet-title > .tools > a.expand {
  7106. background-image: url(../img/portlet-expand-icon-white.png); }
  7107. .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse {
  7108. background-image: url(../img/portlet-collapse-icon-white.png); }
  7109. .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen {
  7110. color: #fdfdfd; }
  7111. .portlet.box.blue-soft {
  7112. border: 1px solid #71a0c7;
  7113. border-top: 0; }
  7114. .portlet.box.blue-soft > .portlet-title {
  7115. background-color: #4c87b9; }
  7116. .portlet.box.blue-soft > .portlet-title > .caption {
  7117. color: #FFFFFF; }
  7118. .portlet.box.blue-soft > .portlet-title > .caption > i {
  7119. color: #FFFFFF; }
  7120. .portlet.box.blue-soft > .portlet-title > .actions .btn-default {
  7121. background: transparent !important;
  7122. background-color: transparent !important;
  7123. border: 1px solid #9dbdd9;
  7124. color: #afc9e0; }
  7125. .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i {
  7126. color: #bad1e4; }
  7127. .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active {
  7128. border: 1px solid #c1d6e7;
  7129. color: #d4e2ee; }
  7130. .portlet > .portlet-body.blue-dark,
  7131. .portlet.blue-dark {
  7132. background-color: #5e738b; }
  7133. .portlet.solid.blue-dark > .portlet-title,
  7134. .portlet.solid.blue-dark > .portlet-body {
  7135. border: 0;
  7136. color: #FFFFFF; }
  7137. .portlet.solid.blue-dark > .portlet-title > .caption {
  7138. font-weight: 400; }
  7139. .portlet.solid.blue-dark > .portlet-title > .caption > i {
  7140. color: #FFFFFF; }
  7141. .portlet.solid.blue-dark > .portlet-title > .tools > a.remove {
  7142. background-image: url(../img/portlet-remove-icon-white.png); }
  7143. .portlet.solid.blue-dark > .portlet-title > .tools > a.config {
  7144. background-image: url(../img/portlet-config-icon-white.png); }
  7145. .portlet.solid.blue-dark > .portlet-title > .tools > a.reload {
  7146. background-image: url(../img/portlet-reload-icon-white.png); }
  7147. .portlet.solid.blue-dark > .portlet-title > .tools > a.expand {
  7148. background-image: url(../img/portlet-expand-icon-white.png); }
  7149. .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse {
  7150. background-image: url(../img/portlet-collapse-icon-white.png); }
  7151. .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen {
  7152. color: #fdfdfd; }
  7153. .portlet.box.blue-dark {
  7154. border: 1px solid #788da4;
  7155. border-top: 0; }
  7156. .portlet.box.blue-dark > .portlet-title {
  7157. background-color: #5e738b; }
  7158. .portlet.box.blue-dark > .portlet-title > .caption {
  7159. color: #FFFFFF; }
  7160. .portlet.box.blue-dark > .portlet-title > .caption > i {
  7161. color: #FFFFFF; }
  7162. .portlet.box.blue-dark > .portlet-title > .actions .btn-default {
  7163. background: transparent !important;
  7164. background-color: transparent !important;
  7165. border: 1px solid #9dacbd;
  7166. color: #acb8c7; }
  7167. .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i {
  7168. color: #b5c0cd; }
  7169. .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active {
  7170. border: 1px solid #bbc5d1;
  7171. color: #cad2db; }
  7172. .portlet > .portlet-body.blue-sharp,
  7173. .portlet.blue-sharp {
  7174. background-color: #5C9BD1; }
  7175. .portlet.solid.blue-sharp > .portlet-title,
  7176. .portlet.solid.blue-sharp > .portlet-body {
  7177. border: 0;
  7178. color: #FFFFFF; }
  7179. .portlet.solid.blue-sharp > .portlet-title > .caption {
  7180. font-weight: 400; }
  7181. .portlet.solid.blue-sharp > .portlet-title > .caption > i {
  7182. color: #FFFFFF; }
  7183. .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove {
  7184. background-image: url(../img/portlet-remove-icon-white.png); }
  7185. .portlet.solid.blue-sharp > .portlet-title > .tools > a.config {
  7186. background-image: url(../img/portlet-config-icon-white.png); }
  7187. .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload {
  7188. background-image: url(../img/portlet-reload-icon-white.png); }
  7189. .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand {
  7190. background-image: url(../img/portlet-expand-icon-white.png); }
  7191. .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse {
  7192. background-image: url(../img/portlet-collapse-icon-white.png); }
  7193. .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen {
  7194. color: #fdfdfd; }
  7195. .portlet.box.blue-sharp {
  7196. border: 1px solid #84b3dc;
  7197. border-top: 0; }
  7198. .portlet.box.blue-sharp > .portlet-title {
  7199. background-color: #5C9BD1; }
  7200. .portlet.box.blue-sharp > .portlet-title > .caption {
  7201. color: #FFFFFF; }
  7202. .portlet.box.blue-sharp > .portlet-title > .caption > i {
  7203. color: #FFFFFF; }
  7204. .portlet.box.blue-sharp > .portlet-title > .actions .btn-default {
  7205. background: transparent !important;
  7206. background-color: transparent !important;
  7207. border: 1px solid #b4d1ea;
  7208. color: #c7ddef; }
  7209. .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i {
  7210. color: #d3e4f3; }
  7211. .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active {
  7212. border: 1px solid #dbe9f5;
  7213. color: #eff5fb; }
  7214. .portlet > .portlet-body.blue-oleo,
  7215. .portlet.blue-oleo {
  7216. background-color: #94A0B2; }
  7217. .portlet.solid.blue-oleo > .portlet-title,
  7218. .portlet.solid.blue-oleo > .portlet-body {
  7219. border: 0;
  7220. color: #FFFFFF; }
  7221. .portlet.solid.blue-oleo > .portlet-title > .caption {
  7222. font-weight: 400; }
  7223. .portlet.solid.blue-oleo > .portlet-title > .caption > i {
  7224. color: #FFFFFF; }
  7225. .portlet.solid.blue-oleo > .portlet-title > .tools > a.remove {
  7226. background-image: url(../img/portlet-remove-icon-white.png); }
  7227. .portlet.solid.blue-oleo > .portlet-title > .tools > a.config {
  7228. background-image: url(../img/portlet-config-icon-white.png); }
  7229. .portlet.solid.blue-oleo > .portlet-title > .tools > a.reload {
  7230. background-image: url(../img/portlet-reload-icon-white.png); }
  7231. .portlet.solid.blue-oleo > .portlet-title > .tools > a.expand {
  7232. background-image: url(../img/portlet-expand-icon-white.png); }
  7233. .portlet.solid.blue-oleo > .portlet-title > .tools > a.collapse {
  7234. background-image: url(../img/portlet-collapse-icon-white.png); }
  7235. .portlet.solid.blue-oleo > .portlet-title > .tools > a.fullscreen {
  7236. color: #fdfdfd; }
  7237. .portlet.box.blue-oleo {
  7238. border: 1px solid #b2bac7;
  7239. border-top: 0; }
  7240. .portlet.box.blue-oleo > .portlet-title {
  7241. background-color: #94A0B2; }
  7242. .portlet.box.blue-oleo > .portlet-title > .caption {
  7243. color: #FFFFFF; }
  7244. .portlet.box.blue-oleo > .portlet-title > .caption > i {
  7245. color: #FFFFFF; }
  7246. .portlet.box.blue-oleo > .portlet-title > .actions .btn-default {
  7247. background: transparent !important;
  7248. background-color: transparent !important;
  7249. border: 1px solid #d5dae1;
  7250. color: #e4e7ec; }
  7251. .portlet.box.blue-oleo > .portlet-title > .actions .btn-default > i {
  7252. color: #edeff2; }
  7253. .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default.active {
  7254. border: 1px solid #f3f4f6;
  7255. color: white; }
  7256. .portlet > .portlet-body.green,
  7257. .portlet.green {
  7258. background-color: #32c5d2; }
  7259. .portlet.solid.green > .portlet-title,
  7260. .portlet.solid.green > .portlet-body {
  7261. border: 0;
  7262. color: #FFFFFF; }
  7263. .portlet.solid.green > .portlet-title > .caption {
  7264. font-weight: 400; }
  7265. .portlet.solid.green > .portlet-title > .caption > i {
  7266. color: #FFFFFF; }
  7267. .portlet.solid.green > .portlet-title > .tools > a.remove {
  7268. background-image: url(../img/portlet-remove-icon-white.png); }
  7269. .portlet.solid.green > .portlet-title > .tools > a.config {
  7270. background-image: url(../img/portlet-config-icon-white.png); }
  7271. .portlet.solid.green > .portlet-title > .tools > a.reload {
  7272. background-image: url(../img/portlet-reload-icon-white.png); }
  7273. .portlet.solid.green > .portlet-title > .tools > a.expand {
  7274. background-image: url(../img/portlet-expand-icon-white.png); }
  7275. .portlet.solid.green > .portlet-title > .tools > a.collapse {
  7276. background-image: url(../img/portlet-collapse-icon-white.png); }
  7277. .portlet.solid.green > .portlet-title > .tools > a.fullscreen {
  7278. color: #fdfdfd; }
  7279. .portlet.box.green {
  7280. border: 1px solid #5cd1db;
  7281. border-top: 0; }
  7282. .portlet.box.green > .portlet-title {
  7283. background-color: #32c5d2; }
  7284. .portlet.box.green > .portlet-title > .caption {
  7285. color: #FFFFFF; }
  7286. .portlet.box.green > .portlet-title > .caption > i {
  7287. color: #FFFFFF; }
  7288. .portlet.box.green > .portlet-title > .actions .btn-default {
  7289. background: transparent !important;
  7290. background-color: transparent !important;
  7291. border: 1px solid #8edfe6;
  7292. color: #a3e5eb; }
  7293. .portlet.box.green > .portlet-title > .actions .btn-default > i {
  7294. color: #afe8ee; }
  7295. .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active {
  7296. border: 1px solid #b8ebef;
  7297. color: #cdf1f4; }
  7298. .portlet > .portlet-body.green-meadow,
  7299. .portlet.green-meadow {
  7300. background-color: #1BBC9B; }
  7301. .portlet.solid.green-meadow > .portlet-title,
  7302. .portlet.solid.green-meadow > .portlet-body {
  7303. border: 0;
  7304. color: #FFFFFF; }
  7305. .portlet.solid.green-meadow > .portlet-title > .caption {
  7306. font-weight: 400; }
  7307. .portlet.solid.green-meadow > .portlet-title > .caption > i {
  7308. color: #FFFFFF; }
  7309. .portlet.solid.green-meadow > .portlet-title > .tools > a.remove {
  7310. background-image: url(../img/portlet-remove-icon-white.png); }
  7311. .portlet.solid.green-meadow > .portlet-title > .tools > a.config {
  7312. background-image: url(../img/portlet-config-icon-white.png); }
  7313. .portlet.solid.green-meadow > .portlet-title > .tools > a.reload {
  7314. background-image: url(../img/portlet-reload-icon-white.png); }
  7315. .portlet.solid.green-meadow > .portlet-title > .tools > a.expand {
  7316. background-image: url(../img/portlet-expand-icon-white.png); }
  7317. .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse {
  7318. background-image: url(../img/portlet-collapse-icon-white.png); }
  7319. .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen {
  7320. color: #fdfdfd; }
  7321. .portlet.box.green-meadow {
  7322. border: 1px solid #2ae0bb;
  7323. border-top: 0; }
  7324. .portlet.box.green-meadow > .portlet-title {
  7325. background-color: #1BBC9B; }
  7326. .portlet.box.green-meadow > .portlet-title > .caption {
  7327. color: #FFFFFF; }
  7328. .portlet.box.green-meadow > .portlet-title > .caption > i {
  7329. color: #FFFFFF; }
  7330. .portlet.box.green-meadow > .portlet-title > .actions .btn-default {
  7331. background: transparent !important;
  7332. background-color: transparent !important;
  7333. border: 1px solid #5fe8cc;
  7334. color: #75ebd3; }
  7335. .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i {
  7336. color: #83edd7; }
  7337. .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active {
  7338. border: 1px solid #8ceeda;
  7339. color: #a2f2e1; }
  7340. .portlet > .portlet-body.green-seagreen,
  7341. .portlet.green-seagreen {
  7342. background-color: #1BA39C; }
  7343. .portlet.solid.green-seagreen > .portlet-title,
  7344. .portlet.solid.green-seagreen > .portlet-body {
  7345. border: 0;
  7346. color: #FFFFFF; }
  7347. .portlet.solid.green-seagreen > .portlet-title > .caption {
  7348. font-weight: 400; }
  7349. .portlet.solid.green-seagreen > .portlet-title > .caption > i {
  7350. color: #FFFFFF; }
  7351. .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove {
  7352. background-image: url(../img/portlet-remove-icon-white.png); }
  7353. .portlet.solid.green-seagreen > .portlet-title > .tools > a.config {
  7354. background-image: url(../img/portlet-config-icon-white.png); }
  7355. .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload {
  7356. background-image: url(../img/portlet-reload-icon-white.png); }
  7357. .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand {
  7358. background-image: url(../img/portlet-expand-icon-white.png); }
  7359. .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse {
  7360. background-image: url(../img/portlet-collapse-icon-white.png); }
  7361. .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen {
  7362. color: #fdfdfd; }
  7363. .portlet.box.green-seagreen {
  7364. border: 1px solid #22cfc6;
  7365. border-top: 0; }
  7366. .portlet.box.green-seagreen > .portlet-title {
  7367. background-color: #1BA39C; }
  7368. .portlet.box.green-seagreen > .portlet-title > .caption {
  7369. color: #FFFFFF; }
  7370. .portlet.box.green-seagreen > .portlet-title > .caption > i {
  7371. color: #FFFFFF; }
  7372. .portlet.box.green-seagreen > .portlet-title > .actions .btn-default {
  7373. background: transparent !important;
  7374. background-color: transparent !important;
  7375. border: 1px solid #4de1da;
  7376. color: #63e5de; }
  7377. .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i {
  7378. color: #70e7e1; }
  7379. .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active {
  7380. border: 1px solid #78e9e3;
  7381. color: #8eece8; }
  7382. .portlet > .portlet-body.green-turquoise,
  7383. .portlet.green-turquoise {
  7384. background-color: #36D7B7; }
  7385. .portlet.solid.green-turquoise > .portlet-title,
  7386. .portlet.solid.green-turquoise > .portlet-body {
  7387. border: 0;
  7388. color: #FFFFFF; }
  7389. .portlet.solid.green-turquoise > .portlet-title > .caption {
  7390. font-weight: 400; }
  7391. .portlet.solid.green-turquoise > .portlet-title > .caption > i {
  7392. color: #FFFFFF; }
  7393. .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove {
  7394. background-image: url(../img/portlet-remove-icon-white.png); }
  7395. .portlet.solid.green-turquoise > .portlet-title > .tools > a.config {
  7396. background-image: url(../img/portlet-config-icon-white.png); }
  7397. .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload {
  7398. background-image: url(../img/portlet-reload-icon-white.png); }
  7399. .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand {
  7400. background-image: url(../img/portlet-expand-icon-white.png); }
  7401. .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse {
  7402. background-image: url(../img/portlet-collapse-icon-white.png); }
  7403. .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen {
  7404. color: #fdfdfd; }
  7405. .portlet.box.green-turquoise {
  7406. border: 1px solid #61dfc6;
  7407. border-top: 0; }
  7408. .portlet.box.green-turquoise > .portlet-title {
  7409. background-color: #36D7B7; }
  7410. .portlet.box.green-turquoise > .portlet-title > .caption {
  7411. color: #FFFFFF; }
  7412. .portlet.box.green-turquoise > .portlet-title > .caption > i {
  7413. color: #FFFFFF; }
  7414. .portlet.box.green-turquoise > .portlet-title > .actions .btn-default {
  7415. background: transparent !important;
  7416. background-color: transparent !important;
  7417. border: 1px solid #94ead9;
  7418. color: #a9eee0; }
  7419. .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i {
  7420. color: #b6f0e5; }
  7421. .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active {
  7422. border: 1px solid #bef2e8;
  7423. color: #d3f6ef; }
  7424. .portlet > .portlet-body.green-haze,
  7425. .portlet.green-haze {
  7426. background-color: #44b6ae; }
  7427. .portlet.solid.green-haze > .portlet-title,
  7428. .portlet.solid.green-haze > .portlet-body {
  7429. border: 0;
  7430. color: #FFFFFF; }
  7431. .portlet.solid.green-haze > .portlet-title > .caption {
  7432. font-weight: 400; }
  7433. .portlet.solid.green-haze > .portlet-title > .caption > i {
  7434. color: #FFFFFF; }
  7435. .portlet.solid.green-haze > .portlet-title > .tools > a.remove {
  7436. background-image: url(../img/portlet-remove-icon-white.png); }
  7437. .portlet.solid.green-haze > .portlet-title > .tools > a.config {
  7438. background-image: url(../img/portlet-config-icon-white.png); }
  7439. .portlet.solid.green-haze > .portlet-title > .tools > a.reload {
  7440. background-image: url(../img/portlet-reload-icon-white.png); }
  7441. .portlet.solid.green-haze > .portlet-title > .tools > a.expand {
  7442. background-image: url(../img/portlet-expand-icon-white.png); }
  7443. .portlet.solid.green-haze > .portlet-title > .tools > a.collapse {
  7444. background-image: url(../img/portlet-collapse-icon-white.png); }
  7445. .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen {
  7446. color: #fdfdfd; }
  7447. .portlet.box.green-haze {
  7448. border: 1px solid #67c6bf;
  7449. border-top: 0; }
  7450. .portlet.box.green-haze > .portlet-title {
  7451. background-color: #44b6ae; }
  7452. .portlet.box.green-haze > .portlet-title > .caption {
  7453. color: #FFFFFF; }
  7454. .portlet.box.green-haze > .portlet-title > .caption > i {
  7455. color: #FFFFFF; }
  7456. .portlet.box.green-haze > .portlet-title > .actions .btn-default {
  7457. background: transparent !important;
  7458. background-color: transparent !important;
  7459. border: 1px solid #93d7d2;
  7460. color: #a6deda; }
  7461. .portlet.box.green-haze > .portlet-title > .actions .btn-default > i {
  7462. color: #b1e2de; }
  7463. .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default.active {
  7464. border: 1px solid #b9e5e2;
  7465. color: #cbece9; }
  7466. .portlet > .portlet-body.green-jungle,
  7467. .portlet.green-jungle {
  7468. background-color: #26C281; }
  7469. .portlet.solid.green-jungle > .portlet-title,
  7470. .portlet.solid.green-jungle > .portlet-body {
  7471. border: 0;
  7472. color: #FFFFFF; }
  7473. .portlet.solid.green-jungle > .portlet-title > .caption {
  7474. font-weight: 400; }
  7475. .portlet.solid.green-jungle > .portlet-title > .caption > i {
  7476. color: #FFFFFF; }
  7477. .portlet.solid.green-jungle > .portlet-title > .tools > a.remove {
  7478. background-image: url(../img/portlet-remove-icon-white.png); }
  7479. .portlet.solid.green-jungle > .portlet-title > .tools > a.config {
  7480. background-image: url(../img/portlet-config-icon-white.png); }
  7481. .portlet.solid.green-jungle > .portlet-title > .tools > a.reload {
  7482. background-image: url(../img/portlet-reload-icon-white.png); }
  7483. .portlet.solid.green-jungle > .portlet-title > .tools > a.expand {
  7484. background-image: url(../img/portlet-expand-icon-white.png); }
  7485. .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse {
  7486. background-image: url(../img/portlet-collapse-icon-white.png); }
  7487. .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen {
  7488. color: #fdfdfd; }
  7489. .portlet.box.green-jungle {
  7490. border: 1px solid #41da9a;
  7491. border-top: 0; }
  7492. .portlet.box.green-jungle > .portlet-title {
  7493. background-color: #26C281; }
  7494. .portlet.box.green-jungle > .portlet-title > .caption {
  7495. color: #FFFFFF; }
  7496. .portlet.box.green-jungle > .portlet-title > .caption > i {
  7497. color: #FFFFFF; }
  7498. .portlet.box.green-jungle > .portlet-title > .actions .btn-default {
  7499. background: transparent !important;
  7500. background-color: transparent !important;
  7501. border: 1px solid #74e4b5;
  7502. color: #8ae8c1; }
  7503. .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i {
  7504. color: #96ebc8; }
  7505. .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active {
  7506. border: 1px solid #9feccc;
  7507. color: #b4f0d7; }
  7508. .portlet > .portlet-body.green-soft,
  7509. .portlet.green-soft {
  7510. background-color: #3faba4; }
  7511. .portlet.solid.green-soft > .portlet-title,
  7512. .portlet.solid.green-soft > .portlet-body {
  7513. border: 0;
  7514. color: #FFFFFF; }
  7515. .portlet.solid.green-soft > .portlet-title > .caption {
  7516. font-weight: 400; }
  7517. .portlet.solid.green-soft > .portlet-title > .caption > i {
  7518. color: #FFFFFF; }
  7519. .portlet.solid.green-soft > .portlet-title > .tools > a.remove {
  7520. background-image: url(../img/portlet-remove-icon-white.png); }
  7521. .portlet.solid.green-soft > .portlet-title > .tools > a.config {
  7522. background-image: url(../img/portlet-config-icon-white.png); }
  7523. .portlet.solid.green-soft > .portlet-title > .tools > a.reload {
  7524. background-image: url(../img/portlet-reload-icon-white.png); }
  7525. .portlet.solid.green-soft > .portlet-title > .tools > a.expand {
  7526. background-image: url(../img/portlet-expand-icon-white.png); }
  7527. .portlet.solid.green-soft > .portlet-title > .tools > a.collapse {
  7528. background-image: url(../img/portlet-collapse-icon-white.png); }
  7529. .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen {
  7530. color: #fdfdfd; }
  7531. .portlet.box.green-soft {
  7532. border: 1px solid #5bc2bc;
  7533. border-top: 0; }
  7534. .portlet.box.green-soft > .portlet-title {
  7535. background-color: #3faba4; }
  7536. .portlet.box.green-soft > .portlet-title > .caption {
  7537. color: #FFFFFF; }
  7538. .portlet.box.green-soft > .portlet-title > .caption > i {
  7539. color: #FFFFFF; }
  7540. .portlet.box.green-soft > .portlet-title > .actions .btn-default {
  7541. background: transparent !important;
  7542. background-color: transparent !important;
  7543. border: 1px solid #87d3ce;
  7544. color: #9adad6; }
  7545. .portlet.box.green-soft > .portlet-title > .actions .btn-default > i {
  7546. color: #a5deda; }
  7547. .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default.active {
  7548. border: 1px solid #ade1dd;
  7549. color: #bfe7e5; }
  7550. .portlet > .portlet-body.green-dark,
  7551. .portlet.green-dark {
  7552. background-color: #4DB3A2; }
  7553. .portlet.solid.green-dark > .portlet-title,
  7554. .portlet.solid.green-dark > .portlet-body {
  7555. border: 0;
  7556. color: #FFFFFF; }
  7557. .portlet.solid.green-dark > .portlet-title > .caption {
  7558. font-weight: 400; }
  7559. .portlet.solid.green-dark > .portlet-title > .caption > i {
  7560. color: #FFFFFF; }
  7561. .portlet.solid.green-dark > .portlet-title > .tools > a.remove {
  7562. background-image: url(../img/portlet-remove-icon-white.png); }
  7563. .portlet.solid.green-dark > .portlet-title > .tools > a.config {
  7564. background-image: url(../img/portlet-config-icon-white.png); }
  7565. .portlet.solid.green-dark > .portlet-title > .tools > a.reload {
  7566. background-image: url(../img/portlet-reload-icon-white.png); }
  7567. .portlet.solid.green-dark > .portlet-title > .tools > a.expand {
  7568. background-image: url(../img/portlet-expand-icon-white.png); }
  7569. .portlet.solid.green-dark > .portlet-title > .tools > a.collapse {
  7570. background-image: url(../img/portlet-collapse-icon-white.png); }
  7571. .portlet.solid.green-dark > .portlet-title > .tools > a.fullscreen {
  7572. color: #fdfdfd; }
  7573. .portlet.box.green-dark {
  7574. border: 1px solid #71c2b5;
  7575. border-top: 0; }
  7576. .portlet.box.green-dark > .portlet-title {
  7577. background-color: #4DB3A2; }
  7578. .portlet.box.green-dark > .portlet-title > .caption {
  7579. color: #FFFFFF; }
  7580. .portlet.box.green-dark > .portlet-title > .caption > i {
  7581. color: #FFFFFF; }
  7582. .portlet.box.green-dark > .portlet-title > .actions .btn-default {
  7583. background: transparent !important;
  7584. background-color: transparent !important;
  7585. border: 1px solid #9cd5cb;
  7586. color: #addcd4; }
  7587. .portlet.box.green-dark > .portlet-title > .actions .btn-default > i {
  7588. color: #b8e1da; }
  7589. .portlet.box.green-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.green-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.green-dark > .portlet-title > .actions .btn-default:active, .portlet.box.green-dark > .portlet-title > .actions .btn-default.active {
  7590. border: 1px solid #bfe4de;
  7591. color: #d1ebe7; }
  7592. .portlet > .portlet-body.green-sharp,
  7593. .portlet.green-sharp {
  7594. background-color: #2ab4c0; }
  7595. .portlet.solid.green-sharp > .portlet-title,
  7596. .portlet.solid.green-sharp > .portlet-body {
  7597. border: 0;
  7598. color: #FFFFFF; }
  7599. .portlet.solid.green-sharp > .portlet-title > .caption {
  7600. font-weight: 400; }
  7601. .portlet.solid.green-sharp > .portlet-title > .caption > i {
  7602. color: #FFFFFF; }
  7603. .portlet.solid.green-sharp > .portlet-title > .tools > a.remove {
  7604. background-image: url(../img/portlet-remove-icon-white.png); }
  7605. .portlet.solid.green-sharp > .portlet-title > .tools > a.config {
  7606. background-image: url(../img/portlet-config-icon-white.png); }
  7607. .portlet.solid.green-sharp > .portlet-title > .tools > a.reload {
  7608. background-image: url(../img/portlet-reload-icon-white.png); }
  7609. .portlet.solid.green-sharp > .portlet-title > .tools > a.expand {
  7610. background-image: url(../img/portlet-expand-icon-white.png); }
  7611. .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse {
  7612. background-image: url(../img/portlet-collapse-icon-white.png); }
  7613. .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen {
  7614. color: #fdfdfd; }
  7615. .portlet.box.green-sharp {
  7616. border: 1px solid #46cbd7;
  7617. border-top: 0; }
  7618. .portlet.box.green-sharp > .portlet-title {
  7619. background-color: #2ab4c0; }
  7620. .portlet.box.green-sharp > .portlet-title > .caption {
  7621. color: #FFFFFF; }
  7622. .portlet.box.green-sharp > .portlet-title > .caption > i {
  7623. color: #FFFFFF; }
  7624. .portlet.box.green-sharp > .portlet-title > .actions .btn-default {
  7625. background: transparent !important;
  7626. background-color: transparent !important;
  7627. border: 1px solid #79d9e2;
  7628. color: #8edfe6; }
  7629. .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i {
  7630. color: #9ae3e9; }
  7631. .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active {
  7632. border: 1px solid #a2e5eb;
  7633. color: #b7ebef; }
  7634. .portlet > .portlet-body.green-steel,
  7635. .portlet.green-steel {
  7636. background-color: #29b4b6; }
  7637. .portlet.solid.green-steel > .portlet-title,
  7638. .portlet.solid.green-steel > .portlet-body {
  7639. border: 0;
  7640. color: #FFFFFF; }
  7641. .portlet.solid.green-steel > .portlet-title > .caption {
  7642. font-weight: 400; }
  7643. .portlet.solid.green-steel > .portlet-title > .caption > i {
  7644. color: #FFFFFF; }
  7645. .portlet.solid.green-steel > .portlet-title > .tools > a.remove {
  7646. background-image: url(../img/portlet-remove-icon-white.png); }
  7647. .portlet.solid.green-steel > .portlet-title > .tools > a.config {
  7648. background-image: url(../img/portlet-config-icon-white.png); }
  7649. .portlet.solid.green-steel > .portlet-title > .tools > a.reload {
  7650. background-image: url(../img/portlet-reload-icon-white.png); }
  7651. .portlet.solid.green-steel > .portlet-title > .tools > a.expand {
  7652. background-image: url(../img/portlet-expand-icon-white.png); }
  7653. .portlet.solid.green-steel > .portlet-title > .tools > a.collapse {
  7654. background-image: url(../img/portlet-collapse-icon-white.png); }
  7655. .portlet.solid.green-steel > .portlet-title > .tools > a.fullscreen {
  7656. color: #fdfdfd; }
  7657. .portlet.box.green-steel {
  7658. border: 1px solid #3ed1d4;
  7659. border-top: 0; }
  7660. .portlet.box.green-steel > .portlet-title {
  7661. background-color: #29b4b6; }
  7662. .portlet.box.green-steel > .portlet-title > .caption {
  7663. color: #FFFFFF; }
  7664. .portlet.box.green-steel > .portlet-title > .caption > i {
  7665. color: #FFFFFF; }
  7666. .portlet.box.green-steel > .portlet-title > .actions .btn-default {
  7667. background: transparent !important;
  7668. background-color: transparent !important;
  7669. border: 1px solid #70dddf;
  7670. color: #85e2e4; }
  7671. .portlet.box.green-steel > .portlet-title > .actions .btn-default > i {
  7672. color: #92e5e6; }
  7673. .portlet.box.green-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.green-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.green-steel > .portlet-title > .actions .btn-default:active, .portlet.box.green-steel > .portlet-title > .actions .btn-default.active {
  7674. border: 1px solid #9ae7e8;
  7675. color: #afeced; }
  7676. .portlet > .portlet-body.grey,
  7677. .portlet.grey {
  7678. background-color: #E5E5E5; }
  7679. .portlet.solid.grey > .portlet-title,
  7680. .portlet.solid.grey > .portlet-body {
  7681. border: 0;
  7682. color: #333333; }
  7683. .portlet.solid.grey > .portlet-title > .caption {
  7684. font-weight: 400; }
  7685. .portlet.solid.grey > .portlet-title > .caption > i {
  7686. color: #333333; }
  7687. .portlet.solid.grey > .portlet-title > .tools > a.remove {
  7688. background-image: url(../img/portlet-remove-icon-white.png); }
  7689. .portlet.solid.grey > .portlet-title > .tools > a.config {
  7690. background-image: url(../img/portlet-config-icon-white.png); }
  7691. .portlet.solid.grey > .portlet-title > .tools > a.reload {
  7692. background-image: url(../img/portlet-reload-icon-white.png); }
  7693. .portlet.solid.grey > .portlet-title > .tools > a.expand {
  7694. background-image: url(../img/portlet-expand-icon-white.png); }
  7695. .portlet.solid.grey > .portlet-title > .tools > a.collapse {
  7696. background-image: url(../img/portlet-collapse-icon-white.png); }
  7697. .portlet.solid.grey > .portlet-title > .tools > a.fullscreen {
  7698. color: #fdfdfd; }
  7699. .portlet.box.grey {
  7700. border: 1px solid white;
  7701. border-top: 0; }
  7702. .portlet.box.grey > .portlet-title {
  7703. background-color: #E5E5E5; }
  7704. .portlet.box.grey > .portlet-title > .caption {
  7705. color: #333333; }
  7706. .portlet.box.grey > .portlet-title > .caption > i {
  7707. color: #333333; }
  7708. .portlet.box.grey > .portlet-title > .actions .btn-default {
  7709. background: transparent !important;
  7710. background-color: transparent !important;
  7711. border: 1px solid white;
  7712. color: white; }
  7713. .portlet.box.grey > .portlet-title > .actions .btn-default > i {
  7714. color: white; }
  7715. .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default.active {
  7716. border: 1px solid white;
  7717. color: white; }
  7718. .portlet > .portlet-body.grey-steel,
  7719. .portlet.grey-steel {
  7720. background-color: #e9edef; }
  7721. .portlet.solid.grey-steel > .portlet-title,
  7722. .portlet.solid.grey-steel > .portlet-body {
  7723. border: 0;
  7724. color: #80898e; }
  7725. .portlet.solid.grey-steel > .portlet-title > .caption {
  7726. font-weight: 400; }
  7727. .portlet.solid.grey-steel > .portlet-title > .caption > i {
  7728. color: #80898e; }
  7729. .portlet.solid.grey-steel > .portlet-title > .tools > a.remove {
  7730. background-image: url(../img/portlet-remove-icon-white.png); }
  7731. .portlet.solid.grey-steel > .portlet-title > .tools > a.config {
  7732. background-image: url(../img/portlet-config-icon-white.png); }
  7733. .portlet.solid.grey-steel > .portlet-title > .tools > a.reload {
  7734. background-image: url(../img/portlet-reload-icon-white.png); }
  7735. .portlet.solid.grey-steel > .portlet-title > .tools > a.expand {
  7736. background-image: url(../img/portlet-expand-icon-white.png); }
  7737. .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse {
  7738. background-image: url(../img/portlet-collapse-icon-white.png); }
  7739. .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen {
  7740. color: #fdfdfd; }
  7741. .portlet.box.grey-steel {
  7742. border: 1px solid white;
  7743. border-top: 0; }
  7744. .portlet.box.grey-steel > .portlet-title {
  7745. background-color: #e9edef; }
  7746. .portlet.box.grey-steel > .portlet-title > .caption {
  7747. color: #80898e; }
  7748. .portlet.box.grey-steel > .portlet-title > .caption > i {
  7749. color: #80898e; }
  7750. .portlet.box.grey-steel > .portlet-title > .actions .btn-default {
  7751. background: transparent !important;
  7752. background-color: transparent !important;
  7753. border: 1px solid white;
  7754. color: white; }
  7755. .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i {
  7756. color: white; }
  7757. .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active {
  7758. border: 1px solid white;
  7759. color: white; }
  7760. .portlet > .portlet-body.grey-cararra,
  7761. .portlet.grey-cararra {
  7762. background-color: #fafafa; }
  7763. .portlet.solid.grey-cararra > .portlet-title,
  7764. .portlet.solid.grey-cararra > .portlet-body {
  7765. border: 0;
  7766. color: #333333; }
  7767. .portlet.solid.grey-cararra > .portlet-title > .caption {
  7768. font-weight: 400; }
  7769. .portlet.solid.grey-cararra > .portlet-title > .caption > i {
  7770. color: #333333; }
  7771. .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove {
  7772. background-image: url(../img/portlet-remove-icon-white.png); }
  7773. .portlet.solid.grey-cararra > .portlet-title > .tools > a.config {
  7774. background-image: url(../img/portlet-config-icon-white.png); }
  7775. .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload {
  7776. background-image: url(../img/portlet-reload-icon-white.png); }
  7777. .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand {
  7778. background-image: url(../img/portlet-expand-icon-white.png); }
  7779. .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse {
  7780. background-image: url(../img/portlet-collapse-icon-white.png); }
  7781. .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen {
  7782. color: #fdfdfd; }
  7783. .portlet.box.grey-cararra {
  7784. border: 1px solid white;
  7785. border-top: 0; }
  7786. .portlet.box.grey-cararra > .portlet-title {
  7787. background-color: #fafafa; }
  7788. .portlet.box.grey-cararra > .portlet-title > .caption {
  7789. color: #333333; }
  7790. .portlet.box.grey-cararra > .portlet-title > .caption > i {
  7791. color: #333333; }
  7792. .portlet.box.grey-cararra > .portlet-title > .actions .btn-default {
  7793. background: transparent !important;
  7794. background-color: transparent !important;
  7795. border: 1px solid white;
  7796. color: white; }
  7797. .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i {
  7798. color: white; }
  7799. .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active {
  7800. border: 1px solid white;
  7801. color: white; }
  7802. .portlet > .portlet-body.grey-gallery,
  7803. .portlet.grey-gallery {
  7804. background-color: #555555; }
  7805. .portlet.solid.grey-gallery > .portlet-title,
  7806. .portlet.solid.grey-gallery > .portlet-body {
  7807. border: 0;
  7808. color: #ffffff; }
  7809. .portlet.solid.grey-gallery > .portlet-title > .caption {
  7810. font-weight: 400; }
  7811. .portlet.solid.grey-gallery > .portlet-title > .caption > i {
  7812. color: #ffffff; }
  7813. .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove {
  7814. background-image: url(../img/portlet-remove-icon-white.png); }
  7815. .portlet.solid.grey-gallery > .portlet-title > .tools > a.config {
  7816. background-image: url(../img/portlet-config-icon-white.png); }
  7817. .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload {
  7818. background-image: url(../img/portlet-reload-icon-white.png); }
  7819. .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand {
  7820. background-image: url(../img/portlet-expand-icon-white.png); }
  7821. .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse {
  7822. background-image: url(../img/portlet-collapse-icon-white.png); }
  7823. .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen {
  7824. color: #fdfdfd; }
  7825. .portlet.box.grey-gallery {
  7826. border: 1px solid #6f6f6f;
  7827. border-top: 0; }
  7828. .portlet.box.grey-gallery > .portlet-title {
  7829. background-color: #555555; }
  7830. .portlet.box.grey-gallery > .portlet-title > .caption {
  7831. color: #ffffff; }
  7832. .portlet.box.grey-gallery > .portlet-title > .caption > i {
  7833. color: #ffffff; }
  7834. .portlet.box.grey-gallery > .portlet-title > .actions .btn-default {
  7835. background: transparent !important;
  7836. background-color: transparent !important;
  7837. border: 1px solid #8d8d8d;
  7838. color: #9a9a9a; }
  7839. .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i {
  7840. color: #a2a2a2; }
  7841. .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active {
  7842. border: 1px solid #a7a7a7;
  7843. color: #b3b3b3; }
  7844. .portlet > .portlet-body.grey-cascade,
  7845. .portlet.grey-cascade {
  7846. background-color: #95A5A6; }
  7847. .portlet.solid.grey-cascade > .portlet-title,
  7848. .portlet.solid.grey-cascade > .portlet-body {
  7849. border: 0;
  7850. color: #FFFFFF; }
  7851. .portlet.solid.grey-cascade > .portlet-title > .caption {
  7852. font-weight: 400; }
  7853. .portlet.solid.grey-cascade > .portlet-title > .caption > i {
  7854. color: #FFFFFF; }
  7855. .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove {
  7856. background-image: url(../img/portlet-remove-icon-white.png); }
  7857. .portlet.solid.grey-cascade > .portlet-title > .tools > a.config {
  7858. background-image: url(../img/portlet-config-icon-white.png); }
  7859. .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload {
  7860. background-image: url(../img/portlet-reload-icon-white.png); }
  7861. .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand {
  7862. background-image: url(../img/portlet-expand-icon-white.png); }
  7863. .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse {
  7864. background-image: url(../img/portlet-collapse-icon-white.png); }
  7865. .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen {
  7866. color: #fdfdfd; }
  7867. .portlet.box.grey-cascade {
  7868. border: 1px solid #b1bdbd;
  7869. border-top: 0; }
  7870. .portlet.box.grey-cascade > .portlet-title {
  7871. background-color: #95A5A6; }
  7872. .portlet.box.grey-cascade > .portlet-title > .caption {
  7873. color: #FFFFFF; }
  7874. .portlet.box.grey-cascade > .portlet-title > .caption > i {
  7875. color: #FFFFFF; }
  7876. .portlet.box.grey-cascade > .portlet-title > .actions .btn-default {
  7877. background: transparent !important;
  7878. background-color: transparent !important;
  7879. border: 1px solid #d2d9d9;
  7880. color: #e0e5e5; }
  7881. .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i {
  7882. color: #e8ecec; }
  7883. .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active {
  7884. border: 1px solid #eef0f0;
  7885. color: #fcfcfc; }
  7886. .portlet > .portlet-body.grey-silver,
  7887. .portlet.grey-silver {
  7888. background-color: #BFBFBF; }
  7889. .portlet.solid.grey-silver > .portlet-title,
  7890. .portlet.solid.grey-silver > .portlet-body {
  7891. border: 0;
  7892. color: #FAFCFB; }
  7893. .portlet.solid.grey-silver > .portlet-title > .caption {
  7894. font-weight: 400; }
  7895. .portlet.solid.grey-silver > .portlet-title > .caption > i {
  7896. color: #FAFCFB; }
  7897. .portlet.solid.grey-silver > .portlet-title > .tools > a.remove {
  7898. background-image: url(../img/portlet-remove-icon-white.png); }
  7899. .portlet.solid.grey-silver > .portlet-title > .tools > a.config {
  7900. background-image: url(../img/portlet-config-icon-white.png); }
  7901. .portlet.solid.grey-silver > .portlet-title > .tools > a.reload {
  7902. background-image: url(../img/portlet-reload-icon-white.png); }
  7903. .portlet.solid.grey-silver > .portlet-title > .tools > a.expand {
  7904. background-image: url(../img/portlet-expand-icon-white.png); }
  7905. .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse {
  7906. background-image: url(../img/portlet-collapse-icon-white.png); }
  7907. .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen {
  7908. color: #fdfdfd; }
  7909. .portlet.box.grey-silver {
  7910. border: 1px solid #d9d9d9;
  7911. border-top: 0; }
  7912. .portlet.box.grey-silver > .portlet-title {
  7913. background-color: #BFBFBF; }
  7914. .portlet.box.grey-silver > .portlet-title > .caption {
  7915. color: #FAFCFB; }
  7916. .portlet.box.grey-silver > .portlet-title > .caption > i {
  7917. color: #FAFCFB; }
  7918. .portlet.box.grey-silver > .portlet-title > .actions .btn-default {
  7919. background: transparent !important;
  7920. background-color: transparent !important;
  7921. border: 1px solid #f7f7f7;
  7922. color: white; }
  7923. .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i {
  7924. color: white; }
  7925. .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active {
  7926. border: 1px solid white;
  7927. color: white; }
  7928. .portlet > .portlet-body.grey-salsa,
  7929. .portlet.grey-salsa {
  7930. background-color: #ACB5C3; }
  7931. .portlet.solid.grey-salsa > .portlet-title,
  7932. .portlet.solid.grey-salsa > .portlet-body {
  7933. border: 0;
  7934. color: #FAFCFB; }
  7935. .portlet.solid.grey-salsa > .portlet-title > .caption {
  7936. font-weight: 400; }
  7937. .portlet.solid.grey-salsa > .portlet-title > .caption > i {
  7938. color: #FAFCFB; }
  7939. .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove {
  7940. background-image: url(../img/portlet-remove-icon-white.png); }
  7941. .portlet.solid.grey-salsa > .portlet-title > .tools > a.config {
  7942. background-image: url(../img/portlet-config-icon-white.png); }
  7943. .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload {
  7944. background-image: url(../img/portlet-reload-icon-white.png); }
  7945. .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand {
  7946. background-image: url(../img/portlet-expand-icon-white.png); }
  7947. .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse {
  7948. background-image: url(../img/portlet-collapse-icon-white.png); }
  7949. .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen {
  7950. color: #fdfdfd; }
  7951. .portlet.box.grey-salsa {
  7952. border: 1px solid #cacfd8;
  7953. border-top: 0; }
  7954. .portlet.box.grey-salsa > .portlet-title {
  7955. background-color: #ACB5C3; }
  7956. .portlet.box.grey-salsa > .portlet-title > .caption {
  7957. color: #FAFCFB; }
  7958. .portlet.box.grey-salsa > .portlet-title > .caption > i {
  7959. color: #FAFCFB; }
  7960. .portlet.box.grey-salsa > .portlet-title > .actions .btn-default {
  7961. background: transparent !important;
  7962. background-color: transparent !important;
  7963. border: 1px solid #edeff2;
  7964. color: #fcfcfd; }
  7965. .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i {
  7966. color: white; }
  7967. .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active {
  7968. border: 1px solid white;
  7969. color: white; }
  7970. .portlet > .portlet-body.grey-salt,
  7971. .portlet.grey-salt {
  7972. background-color: #bfcad1; }
  7973. .portlet.solid.grey-salt > .portlet-title,
  7974. .portlet.solid.grey-salt > .portlet-body {
  7975. border: 0;
  7976. color: #FAFCFB; }
  7977. .portlet.solid.grey-salt > .portlet-title > .caption {
  7978. font-weight: 400; }
  7979. .portlet.solid.grey-salt > .portlet-title > .caption > i {
  7980. color: #FAFCFB; }
  7981. .portlet.solid.grey-salt > .portlet-title > .tools > a.remove {
  7982. background-image: url(../img/portlet-remove-icon-white.png); }
  7983. .portlet.solid.grey-salt > .portlet-title > .tools > a.config {
  7984. background-image: url(../img/portlet-config-icon-white.png); }
  7985. .portlet.solid.grey-salt > .portlet-title > .tools > a.reload {
  7986. background-image: url(../img/portlet-reload-icon-white.png); }
  7987. .portlet.solid.grey-salt > .portlet-title > .tools > a.expand {
  7988. background-image: url(../img/portlet-expand-icon-white.png); }
  7989. .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse {
  7990. background-image: url(../img/portlet-collapse-icon-white.png); }
  7991. .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen {
  7992. color: #fdfdfd; }
  7993. .portlet.box.grey-salt {
  7994. border: 1px solid #dde3e6;
  7995. border-top: 0; }
  7996. .portlet.box.grey-salt > .portlet-title {
  7997. background-color: #bfcad1; }
  7998. .portlet.box.grey-salt > .portlet-title > .caption {
  7999. color: #FAFCFB; }
  8000. .portlet.box.grey-salt > .portlet-title > .caption > i {
  8001. color: #FAFCFB; }
  8002. .portlet.box.grey-salt > .portlet-title > .actions .btn-default {
  8003. background: transparent !important;
  8004. background-color: transparent !important;
  8005. border: 1px solid white;
  8006. color: white; }
  8007. .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i {
  8008. color: white; }
  8009. .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active {
  8010. border: 1px solid white;
  8011. color: white; }
  8012. .portlet > .portlet-body.grey-mint,
  8013. .portlet.grey-mint {
  8014. background-color: #525e64; }
  8015. .portlet.solid.grey-mint > .portlet-title,
  8016. .portlet.solid.grey-mint > .portlet-body {
  8017. border: 0;
  8018. color: #FFFFFF; }
  8019. .portlet.solid.grey-mint > .portlet-title > .caption {
  8020. font-weight: 400; }
  8021. .portlet.solid.grey-mint > .portlet-title > .caption > i {
  8022. color: #FFFFFF; }
  8023. .portlet.solid.grey-mint > .portlet-title > .tools > a.remove {
  8024. background-image: url(../img/portlet-remove-icon-white.png); }
  8025. .portlet.solid.grey-mint > .portlet-title > .tools > a.config {
  8026. background-image: url(../img/portlet-config-icon-white.png); }
  8027. .portlet.solid.grey-mint > .portlet-title > .tools > a.reload {
  8028. background-image: url(../img/portlet-reload-icon-white.png); }
  8029. .portlet.solid.grey-mint > .portlet-title > .tools > a.expand {
  8030. background-image: url(../img/portlet-expand-icon-white.png); }
  8031. .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse {
  8032. background-image: url(../img/portlet-collapse-icon-white.png); }
  8033. .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen {
  8034. color: #fdfdfd; }
  8035. .portlet.box.grey-mint {
  8036. border: 1px solid #697880;
  8037. border-top: 0; }
  8038. .portlet.box.grey-mint > .portlet-title {
  8039. background-color: #525e64; }
  8040. .portlet.box.grey-mint > .portlet-title > .caption {
  8041. color: #FFFFFF; }
  8042. .portlet.box.grey-mint > .portlet-title > .caption > i {
  8043. color: #FFFFFF; }
  8044. .portlet.box.grey-mint > .portlet-title > .actions .btn-default {
  8045. background: transparent !important;
  8046. background-color: transparent !important;
  8047. border: 1px solid #88979e;
  8048. color: #96a3a9; }
  8049. .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i {
  8050. color: #9faab0; }
  8051. .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active {
  8052. border: 1px solid #a4afb5;
  8053. color: #b2bcc0; }
  8054. .portlet > .portlet-body.red,
  8055. .portlet.red {
  8056. background-color: #e7505a; }
  8057. .portlet.solid.red > .portlet-title,
  8058. .portlet.solid.red > .portlet-body {
  8059. border: 0;
  8060. color: #ffffff; }
  8061. .portlet.solid.red > .portlet-title > .caption {
  8062. font-weight: 400; }
  8063. .portlet.solid.red > .portlet-title > .caption > i {
  8064. color: #ffffff; }
  8065. .portlet.solid.red > .portlet-title > .tools > a.remove {
  8066. background-image: url(../img/portlet-remove-icon-white.png); }
  8067. .portlet.solid.red > .portlet-title > .tools > a.config {
  8068. background-image: url(../img/portlet-config-icon-white.png); }
  8069. .portlet.solid.red > .portlet-title > .tools > a.reload {
  8070. background-image: url(../img/portlet-reload-icon-white.png); }
  8071. .portlet.solid.red > .portlet-title > .tools > a.expand {
  8072. background-image: url(../img/portlet-expand-icon-white.png); }
  8073. .portlet.solid.red > .portlet-title > .tools > a.collapse {
  8074. background-image: url(../img/portlet-collapse-icon-white.png); }
  8075. .portlet.solid.red > .portlet-title > .tools > a.fullscreen {
  8076. color: #fdfdfd; }
  8077. .portlet.box.red {
  8078. border: 1px solid #ed7d84;
  8079. border-top: 0; }
  8080. .portlet.box.red > .portlet-title {
  8081. background-color: #e7505a; }
  8082. .portlet.box.red > .portlet-title > .caption {
  8083. color: #ffffff; }
  8084. .portlet.box.red > .portlet-title > .caption > i {
  8085. color: #ffffff; }
  8086. .portlet.box.red > .portlet-title > .actions .btn-default {
  8087. background: transparent !important;
  8088. background-color: transparent !important;
  8089. border: 1px solid #f5b3b7;
  8090. color: #f8c9cc; }
  8091. .portlet.box.red > .portlet-title > .actions .btn-default > i {
  8092. color: #f9d7d9; }
  8093. .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active {
  8094. border: 1px solid #fbe0e1;
  8095. color: #fef6f6; }
  8096. .portlet > .portlet-body.red-pink,
  8097. .portlet.red-pink {
  8098. background-color: #E08283; }
  8099. .portlet.solid.red-pink > .portlet-title,
  8100. .portlet.solid.red-pink > .portlet-body {
  8101. border: 0;
  8102. color: #ffffff; }
  8103. .portlet.solid.red-pink > .portlet-title > .caption {
  8104. font-weight: 400; }
  8105. .portlet.solid.red-pink > .portlet-title > .caption > i {
  8106. color: #ffffff; }
  8107. .portlet.solid.red-pink > .portlet-title > .tools > a.remove {
  8108. background-image: url(../img/portlet-remove-icon-white.png); }
  8109. .portlet.solid.red-pink > .portlet-title > .tools > a.config {
  8110. background-image: url(../img/portlet-config-icon-white.png); }
  8111. .portlet.solid.red-pink > .portlet-title > .tools > a.reload {
  8112. background-image: url(../img/portlet-reload-icon-white.png); }
  8113. .portlet.solid.red-pink > .portlet-title > .tools > a.expand {
  8114. background-image: url(../img/portlet-expand-icon-white.png); }
  8115. .portlet.solid.red-pink > .portlet-title > .tools > a.collapse {
  8116. background-image: url(../img/portlet-collapse-icon-white.png); }
  8117. .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen {
  8118. color: #fdfdfd; }
  8119. .portlet.box.red-pink {
  8120. border: 1px solid #eaabac;
  8121. border-top: 0; }
  8122. .portlet.box.red-pink > .portlet-title {
  8123. background-color: #E08283; }
  8124. .portlet.box.red-pink > .portlet-title > .caption {
  8125. color: #ffffff; }
  8126. .portlet.box.red-pink > .portlet-title > .caption > i {
  8127. color: #ffffff; }
  8128. .portlet.box.red-pink > .portlet-title > .actions .btn-default {
  8129. background: transparent !important;
  8130. background-color: transparent !important;
  8131. border: 1px solid #f6dcdc;
  8132. color: #fbf0f0; }
  8133. .portlet.box.red-pink > .portlet-title > .actions .btn-default > i {
  8134. color: #fefdfd; }
  8135. .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default.active {
  8136. border: 1px solid white;
  8137. color: white; }
  8138. .portlet > .portlet-body.red-sunglo,
  8139. .portlet.red-sunglo {
  8140. background-color: #E26A6A; }
  8141. .portlet.solid.red-sunglo > .portlet-title,
  8142. .portlet.solid.red-sunglo > .portlet-body {
  8143. border: 0;
  8144. color: #ffffff; }
  8145. .portlet.solid.red-sunglo > .portlet-title > .caption {
  8146. font-weight: 400; }
  8147. .portlet.solid.red-sunglo > .portlet-title > .caption > i {
  8148. color: #ffffff; }
  8149. .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove {
  8150. background-image: url(../img/portlet-remove-icon-white.png); }
  8151. .portlet.solid.red-sunglo > .portlet-title > .tools > a.config {
  8152. background-image: url(../img/portlet-config-icon-white.png); }
  8153. .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload {
  8154. background-image: url(../img/portlet-reload-icon-white.png); }
  8155. .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand {
  8156. background-image: url(../img/portlet-expand-icon-white.png); }
  8157. .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse {
  8158. background-image: url(../img/portlet-collapse-icon-white.png); }
  8159. .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen {
  8160. color: #fdfdfd; }
  8161. .portlet.box.red-sunglo {
  8162. border: 1px solid #ea9595;
  8163. border-top: 0; }
  8164. .portlet.box.red-sunglo > .portlet-title {
  8165. background-color: #E26A6A; }
  8166. .portlet.box.red-sunglo > .portlet-title > .caption {
  8167. color: #ffffff; }
  8168. .portlet.box.red-sunglo > .portlet-title > .caption > i {
  8169. color: #ffffff; }
  8170. .portlet.box.red-sunglo > .portlet-title > .actions .btn-default {
  8171. background: transparent !important;
  8172. background-color: transparent !important;
  8173. border: 1px solid #f4c8c8;
  8174. color: #f8dddd; }
  8175. .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i {
  8176. color: #fbeaea; }
  8177. .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active {
  8178. border: 1px solid #fdf3f3;
  8179. color: white; }
  8180. .portlet > .portlet-body.red-intense,
  8181. .portlet.red-intense {
  8182. background-color: #e35b5a; }
  8183. .portlet.solid.red-intense > .portlet-title,
  8184. .portlet.solid.red-intense > .portlet-body {
  8185. border: 0;
  8186. color: #ffffff; }
  8187. .portlet.solid.red-intense > .portlet-title > .caption {
  8188. font-weight: 400; }
  8189. .portlet.solid.red-intense > .portlet-title > .caption > i {
  8190. color: #ffffff; }
  8191. .portlet.solid.red-intense > .portlet-title > .tools > a.remove {
  8192. background-image: url(../img/portlet-remove-icon-white.png); }
  8193. .portlet.solid.red-intense > .portlet-title > .tools > a.config {
  8194. background-image: url(../img/portlet-config-icon-white.png); }
  8195. .portlet.solid.red-intense > .portlet-title > .tools > a.reload {
  8196. background-image: url(../img/portlet-reload-icon-white.png); }
  8197. .portlet.solid.red-intense > .portlet-title > .tools > a.expand {
  8198. background-image: url(../img/portlet-expand-icon-white.png); }
  8199. .portlet.solid.red-intense > .portlet-title > .tools > a.collapse {
  8200. background-image: url(../img/portlet-collapse-icon-white.png); }
  8201. .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen {
  8202. color: #fdfdfd; }
  8203. .portlet.box.red-intense {
  8204. border: 1px solid #ea8686;
  8205. border-top: 0; }
  8206. .portlet.box.red-intense > .portlet-title {
  8207. background-color: #e35b5a; }
  8208. .portlet.box.red-intense > .portlet-title > .caption {
  8209. color: #ffffff; }
  8210. .portlet.box.red-intense > .portlet-title > .caption > i {
  8211. color: #ffffff; }
  8212. .portlet.box.red-intense > .portlet-title > .actions .btn-default {
  8213. background: transparent !important;
  8214. background-color: transparent !important;
  8215. border: 1px solid #f3baba;
  8216. color: #f7d0d0; }
  8217. .portlet.box.red-intense > .portlet-title > .actions .btn-default > i {
  8218. color: #f9dddd; }
  8219. .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default.active {
  8220. border: 1px solid #fbe6e6;
  8221. color: #fefbfb; }
  8222. .portlet > .portlet-body.red-thunderbird,
  8223. .portlet.red-thunderbird {
  8224. background-color: #D91E18; }
  8225. .portlet.solid.red-thunderbird > .portlet-title,
  8226. .portlet.solid.red-thunderbird > .portlet-body {
  8227. border: 0;
  8228. color: #ffffff; }
  8229. .portlet.solid.red-thunderbird > .portlet-title > .caption {
  8230. font-weight: 400; }
  8231. .portlet.solid.red-thunderbird > .portlet-title > .caption > i {
  8232. color: #ffffff; }
  8233. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove {
  8234. background-image: url(../img/portlet-remove-icon-white.png); }
  8235. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config {
  8236. background-image: url(../img/portlet-config-icon-white.png); }
  8237. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload {
  8238. background-image: url(../img/portlet-reload-icon-white.png); }
  8239. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand {
  8240. background-image: url(../img/portlet-expand-icon-white.png); }
  8241. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse {
  8242. background-image: url(../img/portlet-collapse-icon-white.png); }
  8243. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen {
  8244. color: #fdfdfd; }
  8245. .portlet.box.red-thunderbird {
  8246. border: 1px solid #e9403b;
  8247. border-top: 0; }
  8248. .portlet.box.red-thunderbird > .portlet-title {
  8249. background-color: #D91E18; }
  8250. .portlet.box.red-thunderbird > .portlet-title > .caption {
  8251. color: #ffffff; }
  8252. .portlet.box.red-thunderbird > .portlet-title > .caption > i {
  8253. color: #ffffff; }
  8254. .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default {
  8255. background: transparent !important;
  8256. background-color: transparent !important;
  8257. border: 1px solid #ef7672;
  8258. color: #f28c89; }
  8259. .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i {
  8260. color: #f39997; }
  8261. .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active {
  8262. border: 1px solid #f4a2a0;
  8263. color: #f7b9b7; }
  8264. .portlet > .portlet-body.red-flamingo,
  8265. .portlet.red-flamingo {
  8266. background-color: #EF4836; }
  8267. .portlet.solid.red-flamingo > .portlet-title,
  8268. .portlet.solid.red-flamingo > .portlet-body {
  8269. border: 0;
  8270. color: #ffffff; }
  8271. .portlet.solid.red-flamingo > .portlet-title > .caption {
  8272. font-weight: 400; }
  8273. .portlet.solid.red-flamingo > .portlet-title > .caption > i {
  8274. color: #ffffff; }
  8275. .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove {
  8276. background-image: url(../img/portlet-remove-icon-white.png); }
  8277. .portlet.solid.red-flamingo > .portlet-title > .tools > a.config {
  8278. background-image: url(../img/portlet-config-icon-white.png); }
  8279. .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload {
  8280. background-image: url(../img/portlet-reload-icon-white.png); }
  8281. .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand {
  8282. background-image: url(../img/portlet-expand-icon-white.png); }
  8283. .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse {
  8284. background-image: url(../img/portlet-collapse-icon-white.png); }
  8285. .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen {
  8286. color: #fdfdfd; }
  8287. .portlet.box.red-flamingo {
  8288. border: 1px solid #f37365;
  8289. border-top: 0; }
  8290. .portlet.box.red-flamingo > .portlet-title {
  8291. background-color: #EF4836; }
  8292. .portlet.box.red-flamingo > .portlet-title > .caption {
  8293. color: #ffffff; }
  8294. .portlet.box.red-flamingo > .portlet-title > .caption > i {
  8295. color: #ffffff; }
  8296. .portlet.box.red-flamingo > .portlet-title > .actions .btn-default {
  8297. background: transparent !important;
  8298. background-color: transparent !important;
  8299. border: 1px solid #f7a79e;
  8300. color: #f9bcb6; }
  8301. .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i {
  8302. color: #fac9c4; }
  8303. .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active {
  8304. border: 1px solid #fbd2cd;
  8305. color: #fde7e5; }
  8306. .portlet > .portlet-body.red-soft,
  8307. .portlet.red-soft {
  8308. background-color: #d05454; }
  8309. .portlet.solid.red-soft > .portlet-title,
  8310. .portlet.solid.red-soft > .portlet-body {
  8311. border: 0;
  8312. color: #ffffff; }
  8313. .portlet.solid.red-soft > .portlet-title > .caption {
  8314. font-weight: 400; }
  8315. .portlet.solid.red-soft > .portlet-title > .caption > i {
  8316. color: #ffffff; }
  8317. .portlet.solid.red-soft > .portlet-title > .tools > a.remove {
  8318. background-image: url(../img/portlet-remove-icon-white.png); }
  8319. .portlet.solid.red-soft > .portlet-title > .tools > a.config {
  8320. background-image: url(../img/portlet-config-icon-white.png); }
  8321. .portlet.solid.red-soft > .portlet-title > .tools > a.reload {
  8322. background-image: url(../img/portlet-reload-icon-white.png); }
  8323. .portlet.solid.red-soft > .portlet-title > .tools > a.expand {
  8324. background-image: url(../img/portlet-expand-icon-white.png); }
  8325. .portlet.solid.red-soft > .portlet-title > .tools > a.collapse {
  8326. background-image: url(../img/portlet-collapse-icon-white.png); }
  8327. .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen {
  8328. color: #fdfdfd; }
  8329. .portlet.box.red-soft {
  8330. border: 1px solid #db7c7c;
  8331. border-top: 0; }
  8332. .portlet.box.red-soft > .portlet-title {
  8333. background-color: #d05454; }
  8334. .portlet.box.red-soft > .portlet-title > .caption {
  8335. color: #ffffff; }
  8336. .portlet.box.red-soft > .portlet-title > .caption > i {
  8337. color: #ffffff; }
  8338. .portlet.box.red-soft > .portlet-title > .actions .btn-default {
  8339. background: transparent !important;
  8340. background-color: transparent !important;
  8341. border: 1px solid #e8acac;
  8342. color: #eec0c0; }
  8343. .portlet.box.red-soft > .portlet-title > .actions .btn-default > i {
  8344. color: #f1cccc; }
  8345. .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default.active {
  8346. border: 1px solid #f3d4d4;
  8347. color: #f9e8e8; }
  8348. .portlet > .portlet-body.red-haze,
  8349. .portlet.red-haze {
  8350. background-color: #f36a5a; }
  8351. .portlet.solid.red-haze > .portlet-title,
  8352. .portlet.solid.red-haze > .portlet-body {
  8353. border: 0;
  8354. color: #ffffff; }
  8355. .portlet.solid.red-haze > .portlet-title > .caption {
  8356. font-weight: 400; }
  8357. .portlet.solid.red-haze > .portlet-title > .caption > i {
  8358. color: #ffffff; }
  8359. .portlet.solid.red-haze > .portlet-title > .tools > a.remove {
  8360. background-image: url(../img/portlet-remove-icon-white.png); }
  8361. .portlet.solid.red-haze > .portlet-title > .tools > a.config {
  8362. background-image: url(../img/portlet-config-icon-white.png); }
  8363. .portlet.solid.red-haze > .portlet-title > .tools > a.reload {
  8364. background-image: url(../img/portlet-reload-icon-white.png); }
  8365. .portlet.solid.red-haze > .portlet-title > .tools > a.expand {
  8366. background-image: url(../img/portlet-expand-icon-white.png); }
  8367. .portlet.solid.red-haze > .portlet-title > .tools > a.collapse {
  8368. background-image: url(../img/portlet-collapse-icon-white.png); }
  8369. .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen {
  8370. color: #fdfdfd; }
  8371. .portlet.box.red-haze {
  8372. border: 1px solid #f6958a;
  8373. border-top: 0; }
  8374. .portlet.box.red-haze > .portlet-title {
  8375. background-color: #f36a5a; }
  8376. .portlet.box.red-haze > .portlet-title > .caption {
  8377. color: #ffffff; }
  8378. .portlet.box.red-haze > .portlet-title > .caption > i {
  8379. color: #ffffff; }
  8380. .portlet.box.red-haze > .portlet-title > .actions .btn-default {
  8381. background: transparent !important;
  8382. background-color: transparent !important;
  8383. border: 1px solid #fbc8c3;
  8384. color: #fcdeda; }
  8385. .portlet.box.red-haze > .portlet-title > .actions .btn-default > i {
  8386. color: #fdebe9; }
  8387. .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default.active {
  8388. border: 1px solid #fef3f2;
  8389. color: white; }
  8390. .portlet > .portlet-body.red-mint,
  8391. .portlet.red-mint {
  8392. background-color: #e43a45; }
  8393. .portlet.solid.red-mint > .portlet-title,
  8394. .portlet.solid.red-mint > .portlet-body {
  8395. border: 0;
  8396. color: #ffffff; }
  8397. .portlet.solid.red-mint > .portlet-title > .caption {
  8398. font-weight: 400; }
  8399. .portlet.solid.red-mint > .portlet-title > .caption > i {
  8400. color: #ffffff; }
  8401. .portlet.solid.red-mint > .portlet-title > .tools > a.remove {
  8402. background-image: url(../img/portlet-remove-icon-white.png); }
  8403. .portlet.solid.red-mint > .portlet-title > .tools > a.config {
  8404. background-image: url(../img/portlet-config-icon-white.png); }
  8405. .portlet.solid.red-mint > .portlet-title > .tools > a.reload {
  8406. background-image: url(../img/portlet-reload-icon-white.png); }
  8407. .portlet.solid.red-mint > .portlet-title > .tools > a.expand {
  8408. background-image: url(../img/portlet-expand-icon-white.png); }
  8409. .portlet.solid.red-mint > .portlet-title > .tools > a.collapse {
  8410. background-image: url(../img/portlet-collapse-icon-white.png); }
  8411. .portlet.solid.red-mint > .portlet-title > .tools > a.fullscreen {
  8412. color: #fdfdfd; }
  8413. .portlet.box.red-mint {
  8414. border: 1px solid #ea676f;
  8415. border-top: 0; }
  8416. .portlet.box.red-mint > .portlet-title {
  8417. background-color: #e43a45; }
  8418. .portlet.box.red-mint > .portlet-title > .caption {
  8419. color: #ffffff; }
  8420. .portlet.box.red-mint > .portlet-title > .caption > i {
  8421. color: #ffffff; }
  8422. .portlet.box.red-mint > .portlet-title > .actions .btn-default {
  8423. background: transparent !important;
  8424. background-color: transparent !important;
  8425. border: 1px solid #f29da2;
  8426. color: #f5b3b7; }
  8427. .portlet.box.red-mint > .portlet-title > .actions .btn-default > i {
  8428. color: #f6c1c4; }
  8429. .portlet.box.red-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.red-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.red-mint > .portlet-title > .actions .btn-default:active, .portlet.box.red-mint > .portlet-title > .actions .btn-default.active {
  8430. border: 1px solid #f8cacd;
  8431. color: #fbe0e2; }
  8432. .portlet > .portlet-body.yellow,
  8433. .portlet.yellow {
  8434. background-color: #c49f47; }
  8435. .portlet.solid.yellow > .portlet-title,
  8436. .portlet.solid.yellow > .portlet-body {
  8437. border: 0;
  8438. color: #ffffff; }
  8439. .portlet.solid.yellow > .portlet-title > .caption {
  8440. font-weight: 400; }
  8441. .portlet.solid.yellow > .portlet-title > .caption > i {
  8442. color: #ffffff; }
  8443. .portlet.solid.yellow > .portlet-title > .tools > a.remove {
  8444. background-image: url(../img/portlet-remove-icon-white.png); }
  8445. .portlet.solid.yellow > .portlet-title > .tools > a.config {
  8446. background-image: url(../img/portlet-config-icon-white.png); }
  8447. .portlet.solid.yellow > .portlet-title > .tools > a.reload {
  8448. background-image: url(../img/portlet-reload-icon-white.png); }
  8449. .portlet.solid.yellow > .portlet-title > .tools > a.expand {
  8450. background-image: url(../img/portlet-expand-icon-white.png); }
  8451. .portlet.solid.yellow > .portlet-title > .tools > a.collapse {
  8452. background-image: url(../img/portlet-collapse-icon-white.png); }
  8453. .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen {
  8454. color: #fdfdfd; }
  8455. .portlet.box.yellow {
  8456. border: 1px solid #d0b36e;
  8457. border-top: 0; }
  8458. .portlet.box.yellow > .portlet-title {
  8459. background-color: #c49f47; }
  8460. .portlet.box.yellow > .portlet-title > .caption {
  8461. color: #ffffff; }
  8462. .portlet.box.yellow > .portlet-title > .caption > i {
  8463. color: #ffffff; }
  8464. .portlet.box.yellow > .portlet-title > .actions .btn-default {
  8465. background: transparent !important;
  8466. background-color: transparent !important;
  8467. border: 1px solid #dfcb9c;
  8468. color: #e5d5af; }
  8469. .portlet.box.yellow > .portlet-title > .actions .btn-default > i {
  8470. color: #e9dbbb; }
  8471. .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default.active {
  8472. border: 1px solid #ecdfc3;
  8473. color: #f2ead6; }
  8474. .portlet > .portlet-body.yellow-gold,
  8475. .portlet.yellow-gold {
  8476. background-color: #E87E04; }
  8477. .portlet.solid.yellow-gold > .portlet-title,
  8478. .portlet.solid.yellow-gold > .portlet-body {
  8479. border: 0;
  8480. color: #ffffff; }
  8481. .portlet.solid.yellow-gold > .portlet-title > .caption {
  8482. font-weight: 400; }
  8483. .portlet.solid.yellow-gold > .portlet-title > .caption > i {
  8484. color: #ffffff; }
  8485. .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove {
  8486. background-image: url(../img/portlet-remove-icon-white.png); }
  8487. .portlet.solid.yellow-gold > .portlet-title > .tools > a.config {
  8488. background-image: url(../img/portlet-config-icon-white.png); }
  8489. .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload {
  8490. background-image: url(../img/portlet-reload-icon-white.png); }
  8491. .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand {
  8492. background-image: url(../img/portlet-expand-icon-white.png); }
  8493. .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse {
  8494. background-image: url(../img/portlet-collapse-icon-white.png); }
  8495. .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen {
  8496. color: #fdfdfd; }
  8497. .portlet.box.yellow-gold {
  8498. border: 1px solid #fb9724;
  8499. border-top: 0; }
  8500. .portlet.box.yellow-gold > .portlet-title {
  8501. background-color: #E87E04; }
  8502. .portlet.box.yellow-gold > .portlet-title > .caption {
  8503. color: #ffffff; }
  8504. .portlet.box.yellow-gold > .portlet-title > .caption > i {
  8505. color: #ffffff; }
  8506. .portlet.box.yellow-gold > .portlet-title > .actions .btn-default {
  8507. background: transparent !important;
  8508. background-color: transparent !important;
  8509. border: 1px solid #fcb460;
  8510. color: #fdbf79; }
  8511. .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i {
  8512. color: #fdc788; }
  8513. .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active {
  8514. border: 1px solid #fdcb92;
  8515. color: #fed7ab; }
  8516. .portlet > .portlet-body.yellow-casablanca,
  8517. .portlet.yellow-casablanca {
  8518. background-color: #f2784b; }
  8519. .portlet.solid.yellow-casablanca > .portlet-title,
  8520. .portlet.solid.yellow-casablanca > .portlet-body {
  8521. border: 0;
  8522. color: #ffffff; }
  8523. .portlet.solid.yellow-casablanca > .portlet-title > .caption {
  8524. font-weight: 400; }
  8525. .portlet.solid.yellow-casablanca > .portlet-title > .caption > i {
  8526. color: #ffffff; }
  8527. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove {
  8528. background-image: url(../img/portlet-remove-icon-white.png); }
  8529. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config {
  8530. background-image: url(../img/portlet-config-icon-white.png); }
  8531. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload {
  8532. background-image: url(../img/portlet-reload-icon-white.png); }
  8533. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand {
  8534. background-image: url(../img/portlet-expand-icon-white.png); }
  8535. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse {
  8536. background-image: url(../img/portlet-collapse-icon-white.png); }
  8537. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen {
  8538. color: #fdfdfd; }
  8539. .portlet.box.yellow-casablanca {
  8540. border: 1px solid #f59c7b;
  8541. border-top: 0; }
  8542. .portlet.box.yellow-casablanca > .portlet-title {
  8543. background-color: #f2784b; }
  8544. .portlet.box.yellow-casablanca > .portlet-title > .caption {
  8545. color: #ffffff; }
  8546. .portlet.box.yellow-casablanca > .portlet-title > .caption > i {
  8547. color: #ffffff; }
  8548. .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default {
  8549. background: transparent !important;
  8550. background-color: transparent !important;
  8551. border: 1px solid #fac6b4;
  8552. color: #fbd8cb; }
  8553. .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i {
  8554. color: #fce3da; }
  8555. .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active {
  8556. border: 1px solid #fdeae3;
  8557. color: #fffcfb; }
  8558. .portlet > .portlet-body.yellow-crusta,
  8559. .portlet.yellow-crusta {
  8560. background-color: #f3c200; }
  8561. .portlet.solid.yellow-crusta > .portlet-title,
  8562. .portlet.solid.yellow-crusta > .portlet-body {
  8563. border: 0;
  8564. color: #ffffff; }
  8565. .portlet.solid.yellow-crusta > .portlet-title > .caption {
  8566. font-weight: 400; }
  8567. .portlet.solid.yellow-crusta > .portlet-title > .caption > i {
  8568. color: #ffffff; }
  8569. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove {
  8570. background-image: url(../img/portlet-remove-icon-white.png); }
  8571. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config {
  8572. background-image: url(../img/portlet-config-icon-white.png); }
  8573. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload {
  8574. background-image: url(../img/portlet-reload-icon-white.png); }
  8575. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand {
  8576. background-image: url(../img/portlet-expand-icon-white.png); }
  8577. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse {
  8578. background-image: url(../img/portlet-collapse-icon-white.png); }
  8579. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen {
  8580. color: #fdfdfd; }
  8581. .portlet.box.yellow-crusta {
  8582. border: 1px solid #ffd327;
  8583. border-top: 0; }
  8584. .portlet.box.yellow-crusta > .portlet-title {
  8585. background-color: #f3c200; }
  8586. .portlet.box.yellow-crusta > .portlet-title > .caption {
  8587. color: #ffffff; }
  8588. .portlet.box.yellow-crusta > .portlet-title > .caption > i {
  8589. color: #ffffff; }
  8590. .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default {
  8591. background: transparent !important;
  8592. background-color: transparent !important;
  8593. border: 1px solid #ffe064;
  8594. color: #ffe57e; }
  8595. .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i {
  8596. color: #ffe88d; }
  8597. .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active {
  8598. border: 1px solid #ffea97;
  8599. color: #ffefb1; }
  8600. .portlet > .portlet-body.yellow-lemon,
  8601. .portlet.yellow-lemon {
  8602. background-color: #F7CA18; }
  8603. .portlet.solid.yellow-lemon > .portlet-title,
  8604. .portlet.solid.yellow-lemon > .portlet-body {
  8605. border: 0;
  8606. color: #ffffff; }
  8607. .portlet.solid.yellow-lemon > .portlet-title > .caption {
  8608. font-weight: 400; }
  8609. .portlet.solid.yellow-lemon > .portlet-title > .caption > i {
  8610. color: #ffffff; }
  8611. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove {
  8612. background-image: url(../img/portlet-remove-icon-white.png); }
  8613. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config {
  8614. background-image: url(../img/portlet-config-icon-white.png); }
  8615. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload {
  8616. background-image: url(../img/portlet-reload-icon-white.png); }
  8617. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand {
  8618. background-image: url(../img/portlet-expand-icon-white.png); }
  8619. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse {
  8620. background-image: url(../img/portlet-collapse-icon-white.png); }
  8621. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen {
  8622. color: #fdfdfd; }
  8623. .portlet.box.yellow-lemon {
  8624. border: 1px solid #f9d549;
  8625. border-top: 0; }
  8626. .portlet.box.yellow-lemon > .portlet-title {
  8627. background-color: #F7CA18; }
  8628. .portlet.box.yellow-lemon > .portlet-title > .caption {
  8629. color: #ffffff; }
  8630. .portlet.box.yellow-lemon > .portlet-title > .caption > i {
  8631. color: #ffffff; }
  8632. .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default {
  8633. background: transparent !important;
  8634. background-color: transparent !important;
  8635. border: 1px solid #fbe384;
  8636. color: #fce99d; }
  8637. .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i {
  8638. color: #fcecac; }
  8639. .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active {
  8640. border: 1px solid #fceeb6;
  8641. color: #fdf4ce; }
  8642. .portlet > .portlet-body.yellow-saffron,
  8643. .portlet.yellow-saffron {
  8644. background-color: #F4D03F; }
  8645. .portlet.solid.yellow-saffron > .portlet-title,
  8646. .portlet.solid.yellow-saffron > .portlet-body {
  8647. border: 0;
  8648. color: #ffffff; }
  8649. .portlet.solid.yellow-saffron > .portlet-title > .caption {
  8650. font-weight: 400; }
  8651. .portlet.solid.yellow-saffron > .portlet-title > .caption > i {
  8652. color: #ffffff; }
  8653. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove {
  8654. background-image: url(../img/portlet-remove-icon-white.png); }
  8655. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config {
  8656. background-image: url(../img/portlet-config-icon-white.png); }
  8657. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload {
  8658. background-image: url(../img/portlet-reload-icon-white.png); }
  8659. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand {
  8660. background-image: url(../img/portlet-expand-icon-white.png); }
  8661. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse {
  8662. background-image: url(../img/portlet-collapse-icon-white.png); }
  8663. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen {
  8664. color: #fdfdfd; }
  8665. .portlet.box.yellow-saffron {
  8666. border: 1px solid #f7dc6f;
  8667. border-top: 0; }
  8668. .portlet.box.yellow-saffron > .portlet-title {
  8669. background-color: #F4D03F; }
  8670. .portlet.box.yellow-saffron > .portlet-title > .caption {
  8671. color: #ffffff; }
  8672. .portlet.box.yellow-saffron > .portlet-title > .caption > i {
  8673. color: #ffffff; }
  8674. .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default {
  8675. background: transparent !important;
  8676. background-color: transparent !important;
  8677. border: 1px solid #faeaa9;
  8678. color: #fbf0c1; }
  8679. .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i {
  8680. color: #fcf3d0; }
  8681. .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active {
  8682. border: 1px solid #fdf6d9;
  8683. color: #fefcf1; }
  8684. .portlet > .portlet-body.yellow-soft,
  8685. .portlet.yellow-soft {
  8686. background-color: #c8d046; }
  8687. .portlet.solid.yellow-soft > .portlet-title,
  8688. .portlet.solid.yellow-soft > .portlet-body {
  8689. border: 0;
  8690. color: #ffffff; }
  8691. .portlet.solid.yellow-soft > .portlet-title > .caption {
  8692. font-weight: 400; }
  8693. .portlet.solid.yellow-soft > .portlet-title > .caption > i {
  8694. color: #ffffff; }
  8695. .portlet.solid.yellow-soft > .portlet-title > .tools > a.remove {
  8696. background-image: url(../img/portlet-remove-icon-white.png); }
  8697. .portlet.solid.yellow-soft > .portlet-title > .tools > a.config {
  8698. background-image: url(../img/portlet-config-icon-white.png); }
  8699. .portlet.solid.yellow-soft > .portlet-title > .tools > a.reload {
  8700. background-image: url(../img/portlet-reload-icon-white.png); }
  8701. .portlet.solid.yellow-soft > .portlet-title > .tools > a.expand {
  8702. background-image: url(../img/portlet-expand-icon-white.png); }
  8703. .portlet.solid.yellow-soft > .portlet-title > .tools > a.collapse {
  8704. background-image: url(../img/portlet-collapse-icon-white.png); }
  8705. .portlet.solid.yellow-soft > .portlet-title > .tools > a.fullscreen {
  8706. color: #fdfdfd; }
  8707. .portlet.box.yellow-soft {
  8708. border: 1px solid #d4da6f;
  8709. border-top: 0; }
  8710. .portlet.box.yellow-soft > .portlet-title {
  8711. background-color: #c8d046; }
  8712. .portlet.box.yellow-soft > .portlet-title > .caption {
  8713. color: #ffffff; }
  8714. .portlet.box.yellow-soft > .portlet-title > .caption > i {
  8715. color: #ffffff; }
  8716. .portlet.box.yellow-soft > .portlet-title > .actions .btn-default {
  8717. background: transparent !important;
  8718. background-color: transparent !important;
  8719. border: 1px solid #e3e79f;
  8720. color: #e9ecb4; }
  8721. .portlet.box.yellow-soft > .portlet-title > .actions .btn-default > i {
  8722. color: #ecefc0; }
  8723. .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default.active {
  8724. border: 1px solid #eff1c8;
  8725. color: #f5f6dc; }
  8726. .portlet > .portlet-body.yellow-haze,
  8727. .portlet.yellow-haze {
  8728. background-color: #c5bf66; }
  8729. .portlet.solid.yellow-haze > .portlet-title,
  8730. .portlet.solid.yellow-haze > .portlet-body {
  8731. border: 0;
  8732. color: #ffffff; }
  8733. .portlet.solid.yellow-haze > .portlet-title > .caption {
  8734. font-weight: 400; }
  8735. .portlet.solid.yellow-haze > .portlet-title > .caption > i {
  8736. color: #ffffff; }
  8737. .portlet.solid.yellow-haze > .portlet-title > .tools > a.remove {
  8738. background-image: url(../img/portlet-remove-icon-white.png); }
  8739. .portlet.solid.yellow-haze > .portlet-title > .tools > a.config {
  8740. background-image: url(../img/portlet-config-icon-white.png); }
  8741. .portlet.solid.yellow-haze > .portlet-title > .tools > a.reload {
  8742. background-image: url(../img/portlet-reload-icon-white.png); }
  8743. .portlet.solid.yellow-haze > .portlet-title > .tools > a.expand {
  8744. background-image: url(../img/portlet-expand-icon-white.png); }
  8745. .portlet.solid.yellow-haze > .portlet-title > .tools > a.collapse {
  8746. background-image: url(../img/portlet-collapse-icon-white.png); }
  8747. .portlet.solid.yellow-haze > .portlet-title > .tools > a.fullscreen {
  8748. color: #fdfdfd; }
  8749. .portlet.box.yellow-haze {
  8750. border: 1px solid #d3ce8b;
  8751. border-top: 0; }
  8752. .portlet.box.yellow-haze > .portlet-title {
  8753. background-color: #c5bf66; }
  8754. .portlet.box.yellow-haze > .portlet-title > .caption {
  8755. color: #ffffff; }
  8756. .portlet.box.yellow-haze > .portlet-title > .caption > i {
  8757. color: #ffffff; }
  8758. .portlet.box.yellow-haze > .portlet-title > .actions .btn-default {
  8759. background: transparent !important;
  8760. background-color: transparent !important;
  8761. border: 1px solid #e4e1b7;
  8762. color: #ebe9ca; }
  8763. .portlet.box.yellow-haze > .portlet-title > .actions .btn-default > i {
  8764. color: #efedd5; }
  8765. .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default.active {
  8766. border: 1px solid #f2f1dc;
  8767. color: #f9f8ef; }
  8768. .portlet > .portlet-body.yellow-mint,
  8769. .portlet.yellow-mint {
  8770. background-color: #c5b96b; }
  8771. .portlet.solid.yellow-mint > .portlet-title,
  8772. .portlet.solid.yellow-mint > .portlet-body {
  8773. border: 0;
  8774. color: #ffffff; }
  8775. .portlet.solid.yellow-mint > .portlet-title > .caption {
  8776. font-weight: 400; }
  8777. .portlet.solid.yellow-mint > .portlet-title > .caption > i {
  8778. color: #ffffff; }
  8779. .portlet.solid.yellow-mint > .portlet-title > .tools > a.remove {
  8780. background-image: url(../img/portlet-remove-icon-white.png); }
  8781. .portlet.solid.yellow-mint > .portlet-title > .tools > a.config {
  8782. background-image: url(../img/portlet-config-icon-white.png); }
  8783. .portlet.solid.yellow-mint > .portlet-title > .tools > a.reload {
  8784. background-image: url(../img/portlet-reload-icon-white.png); }
  8785. .portlet.solid.yellow-mint > .portlet-title > .tools > a.expand {
  8786. background-image: url(../img/portlet-expand-icon-white.png); }
  8787. .portlet.solid.yellow-mint > .portlet-title > .tools > a.collapse {
  8788. background-image: url(../img/portlet-collapse-icon-white.png); }
  8789. .portlet.solid.yellow-mint > .portlet-title > .tools > a.fullscreen {
  8790. color: #fdfdfd; }
  8791. .portlet.box.yellow-mint {
  8792. border: 1px solid #d3ca90;
  8793. border-top: 0; }
  8794. .portlet.box.yellow-mint > .portlet-title {
  8795. background-color: #c5b96b; }
  8796. .portlet.box.yellow-mint > .portlet-title > .caption {
  8797. color: #ffffff; }
  8798. .portlet.box.yellow-mint > .portlet-title > .caption > i {
  8799. color: #ffffff; }
  8800. .portlet.box.yellow-mint > .portlet-title > .actions .btn-default {
  8801. background: transparent !important;
  8802. background-color: transparent !important;
  8803. border: 1px solid #e5dfbc;
  8804. color: #ece8ce; }
  8805. .portlet.box.yellow-mint > .portlet-title > .actions .btn-default > i {
  8806. color: #f0edd9; }
  8807. .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default.active {
  8808. border: 1px solid #f3f0e0;
  8809. color: #faf9f3; }
  8810. .portlet > .portlet-body.purple,
  8811. .portlet.purple {
  8812. background-color: #8E44AD; }
  8813. .portlet.solid.purple > .portlet-title,
  8814. .portlet.solid.purple > .portlet-body {
  8815. border: 0;
  8816. color: #ffffff; }
  8817. .portlet.solid.purple > .portlet-title > .caption {
  8818. font-weight: 400; }
  8819. .portlet.solid.purple > .portlet-title > .caption > i {
  8820. color: #ffffff; }
  8821. .portlet.solid.purple > .portlet-title > .tools > a.remove {
  8822. background-image: url(../img/portlet-remove-icon-white.png); }
  8823. .portlet.solid.purple > .portlet-title > .tools > a.config {
  8824. background-image: url(../img/portlet-config-icon-white.png); }
  8825. .portlet.solid.purple > .portlet-title > .tools > a.reload {
  8826. background-image: url(../img/portlet-reload-icon-white.png); }
  8827. .portlet.solid.purple > .portlet-title > .tools > a.expand {
  8828. background-image: url(../img/portlet-expand-icon-white.png); }
  8829. .portlet.solid.purple > .portlet-title > .tools > a.collapse {
  8830. background-image: url(../img/portlet-collapse-icon-white.png); }
  8831. .portlet.solid.purple > .portlet-title > .tools > a.fullscreen {
  8832. color: #fdfdfd; }
  8833. .portlet.box.purple {
  8834. border: 1px solid #a563c1;
  8835. border-top: 0; }
  8836. .portlet.box.purple > .portlet-title {
  8837. background-color: #8E44AD; }
  8838. .portlet.box.purple > .portlet-title > .caption {
  8839. color: #ffffff; }
  8840. .portlet.box.purple > .portlet-title > .caption > i {
  8841. color: #ffffff; }
  8842. .portlet.box.purple > .portlet-title > .actions .btn-default {
  8843. background: transparent !important;
  8844. background-color: transparent !important;
  8845. border: 1px solid #bf8ed3;
  8846. color: #c9a1da; }
  8847. .portlet.box.purple > .portlet-title > .actions .btn-default > i {
  8848. color: #cfacde; }
  8849. .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default.active {
  8850. border: 1px solid #d4b3e1;
  8851. color: #dec5e8; }
  8852. .portlet > .portlet-body.purple-plum,
  8853. .portlet.purple-plum {
  8854. background-color: #8775a7; }
  8855. .portlet.solid.purple-plum > .portlet-title,
  8856. .portlet.solid.purple-plum > .portlet-body {
  8857. border: 0;
  8858. color: #ffffff; }
  8859. .portlet.solid.purple-plum > .portlet-title > .caption {
  8860. font-weight: 400; }
  8861. .portlet.solid.purple-plum > .portlet-title > .caption > i {
  8862. color: #ffffff; }
  8863. .portlet.solid.purple-plum > .portlet-title > .tools > a.remove {
  8864. background-image: url(../img/portlet-remove-icon-white.png); }
  8865. .portlet.solid.purple-plum > .portlet-title > .tools > a.config {
  8866. background-image: url(../img/portlet-config-icon-white.png); }
  8867. .portlet.solid.purple-plum > .portlet-title > .tools > a.reload {
  8868. background-image: url(../img/portlet-reload-icon-white.png); }
  8869. .portlet.solid.purple-plum > .portlet-title > .tools > a.expand {
  8870. background-image: url(../img/portlet-expand-icon-white.png); }
  8871. .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse {
  8872. background-image: url(../img/portlet-collapse-icon-white.png); }
  8873. .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen {
  8874. color: #fdfdfd; }
  8875. .portlet.box.purple-plum {
  8876. border: 1px solid #a294bb;
  8877. border-top: 0; }
  8878. .portlet.box.purple-plum > .portlet-title {
  8879. background-color: #8775a7; }
  8880. .portlet.box.purple-plum > .portlet-title > .caption {
  8881. color: #ffffff; }
  8882. .portlet.box.purple-plum > .portlet-title > .caption > i {
  8883. color: #ffffff; }
  8884. .portlet.box.purple-plum > .portlet-title > .actions .btn-default {
  8885. background: transparent !important;
  8886. background-color: transparent !important;
  8887. border: 1px solid #c3bad3;
  8888. color: #d0c9dd; }
  8889. .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i {
  8890. color: #d8d2e3; }
  8891. .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active {
  8892. border: 1px solid #ded9e7;
  8893. color: #ebe8f0; }
  8894. .portlet > .portlet-body.purple-medium,
  8895. .portlet.purple-medium {
  8896. background-color: #BF55EC; }
  8897. .portlet.solid.purple-medium > .portlet-title,
  8898. .portlet.solid.purple-medium > .portlet-body {
  8899. border: 0;
  8900. color: #ffffff; }
  8901. .portlet.solid.purple-medium > .portlet-title > .caption {
  8902. font-weight: 400; }
  8903. .portlet.solid.purple-medium > .portlet-title > .caption > i {
  8904. color: #ffffff; }
  8905. .portlet.solid.purple-medium > .portlet-title > .tools > a.remove {
  8906. background-image: url(../img/portlet-remove-icon-white.png); }
  8907. .portlet.solid.purple-medium > .portlet-title > .tools > a.config {
  8908. background-image: url(../img/portlet-config-icon-white.png); }
  8909. .portlet.solid.purple-medium > .portlet-title > .tools > a.reload {
  8910. background-image: url(../img/portlet-reload-icon-white.png); }
  8911. .portlet.solid.purple-medium > .portlet-title > .tools > a.expand {
  8912. background-image: url(../img/portlet-expand-icon-white.png); }
  8913. .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse {
  8914. background-image: url(../img/portlet-collapse-icon-white.png); }
  8915. .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen {
  8916. color: #fdfdfd; }
  8917. .portlet.box.purple-medium {
  8918. border: 1px solid #d083f1;
  8919. border-top: 0; }
  8920. .portlet.box.purple-medium > .portlet-title {
  8921. background-color: #BF55EC; }
  8922. .portlet.box.purple-medium > .portlet-title > .caption {
  8923. color: #ffffff; }
  8924. .portlet.box.purple-medium > .portlet-title > .caption > i {
  8925. color: #ffffff; }
  8926. .portlet.box.purple-medium > .portlet-title > .actions .btn-default {
  8927. background: transparent !important;
  8928. background-color: transparent !important;
  8929. border: 1px solid #e5baf7;
  8930. color: #eed1fa; }
  8931. .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i {
  8932. color: #f3dffb; }
  8933. .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active {
  8934. border: 1px solid #f6e8fc;
  8935. color: white; }
  8936. .portlet > .portlet-body.purple-studio,
  8937. .portlet.purple-studio {
  8938. background-color: #8E44AD; }
  8939. .portlet.solid.purple-studio > .portlet-title,
  8940. .portlet.solid.purple-studio > .portlet-body {
  8941. border: 0;
  8942. color: #ffffff; }
  8943. .portlet.solid.purple-studio > .portlet-title > .caption {
  8944. font-weight: 400; }
  8945. .portlet.solid.purple-studio > .portlet-title > .caption > i {
  8946. color: #ffffff; }
  8947. .portlet.solid.purple-studio > .portlet-title > .tools > a.remove {
  8948. background-image: url(../img/portlet-remove-icon-white.png); }
  8949. .portlet.solid.purple-studio > .portlet-title > .tools > a.config {
  8950. background-image: url(../img/portlet-config-icon-white.png); }
  8951. .portlet.solid.purple-studio > .portlet-title > .tools > a.reload {
  8952. background-image: url(../img/portlet-reload-icon-white.png); }
  8953. .portlet.solid.purple-studio > .portlet-title > .tools > a.expand {
  8954. background-image: url(../img/portlet-expand-icon-white.png); }
  8955. .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse {
  8956. background-image: url(../img/portlet-collapse-icon-white.png); }
  8957. .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen {
  8958. color: #fdfdfd; }
  8959. .portlet.box.purple-studio {
  8960. border: 1px solid #a563c1;
  8961. border-top: 0; }
  8962. .portlet.box.purple-studio > .portlet-title {
  8963. background-color: #8E44AD; }
  8964. .portlet.box.purple-studio > .portlet-title > .caption {
  8965. color: #ffffff; }
  8966. .portlet.box.purple-studio > .portlet-title > .caption > i {
  8967. color: #ffffff; }
  8968. .portlet.box.purple-studio > .portlet-title > .actions .btn-default {
  8969. background: transparent !important;
  8970. background-color: transparent !important;
  8971. border: 1px solid #bf8ed3;
  8972. color: #c9a1da; }
  8973. .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i {
  8974. color: #cfacde; }
  8975. .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active {
  8976. border: 1px solid #d4b3e1;
  8977. color: #dec5e8; }
  8978. .portlet > .portlet-body.purple-wisteria,
  8979. .portlet.purple-wisteria {
  8980. background-color: #9B59B6; }
  8981. .portlet.solid.purple-wisteria > .portlet-title,
  8982. .portlet.solid.purple-wisteria > .portlet-body {
  8983. border: 0;
  8984. color: #ffffff; }
  8985. .portlet.solid.purple-wisteria > .portlet-title > .caption {
  8986. font-weight: 400; }
  8987. .portlet.solid.purple-wisteria > .portlet-title > .caption > i {
  8988. color: #ffffff; }
  8989. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove {
  8990. background-image: url(../img/portlet-remove-icon-white.png); }
  8991. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config {
  8992. background-image: url(../img/portlet-config-icon-white.png); }
  8993. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload {
  8994. background-image: url(../img/portlet-reload-icon-white.png); }
  8995. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand {
  8996. background-image: url(../img/portlet-expand-icon-white.png); }
  8997. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse {
  8998. background-image: url(../img/portlet-collapse-icon-white.png); }
  8999. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen {
  9000. color: #fdfdfd; }
  9001. .portlet.box.purple-wisteria {
  9002. border: 1px solid #b07cc6;
  9003. border-top: 0; }
  9004. .portlet.box.purple-wisteria > .portlet-title {
  9005. background-color: #9B59B6; }
  9006. .portlet.box.purple-wisteria > .portlet-title > .caption {
  9007. color: #ffffff; }
  9008. .portlet.box.purple-wisteria > .portlet-title > .caption > i {
  9009. color: #ffffff; }
  9010. .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default {
  9011. background: transparent !important;
  9012. background-color: transparent !important;
  9013. border: 1px solid #caa7d8;
  9014. color: #d5b9e0; }
  9015. .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i {
  9016. color: #dbc3e5; }
  9017. .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active {
  9018. border: 1px solid #dfcae8;
  9019. color: #eadcf0; }
  9020. .portlet > .portlet-body.purple-seance,
  9021. .portlet.purple-seance {
  9022. background-color: #9A12B3; }
  9023. .portlet.solid.purple-seance > .portlet-title,
  9024. .portlet.solid.purple-seance > .portlet-body {
  9025. border: 0;
  9026. color: #ffffff; }
  9027. .portlet.solid.purple-seance > .portlet-title > .caption {
  9028. font-weight: 400; }
  9029. .portlet.solid.purple-seance > .portlet-title > .caption > i {
  9030. color: #ffffff; }
  9031. .portlet.solid.purple-seance > .portlet-title > .tools > a.remove {
  9032. background-image: url(../img/portlet-remove-icon-white.png); }
  9033. .portlet.solid.purple-seance > .portlet-title > .tools > a.config {
  9034. background-image: url(../img/portlet-config-icon-white.png); }
  9035. .portlet.solid.purple-seance > .portlet-title > .tools > a.reload {
  9036. background-image: url(../img/portlet-reload-icon-white.png); }
  9037. .portlet.solid.purple-seance > .portlet-title > .tools > a.expand {
  9038. background-image: url(../img/portlet-expand-icon-white.png); }
  9039. .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse {
  9040. background-image: url(../img/portlet-collapse-icon-white.png); }
  9041. .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen {
  9042. color: #fdfdfd; }
  9043. .portlet.box.purple-seance {
  9044. border: 1px solid #c217e1;
  9045. border-top: 0; }
  9046. .portlet.box.purple-seance > .portlet-title {
  9047. background-color: #9A12B3; }
  9048. .portlet.box.purple-seance > .portlet-title > .caption {
  9049. color: #ffffff; }
  9050. .portlet.box.purple-seance > .portlet-title > .caption > i {
  9051. color: #ffffff; }
  9052. .portlet.box.purple-seance > .portlet-title > .actions .btn-default {
  9053. background: transparent !important;
  9054. background-color: transparent !important;
  9055. border: 1px solid #d349ed;
  9056. color: #d960ef; }
  9057. .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i {
  9058. color: #dc6ef0; }
  9059. .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active {
  9060. border: 1px solid #de77f1;
  9061. color: #e48ef4; }
  9062. .portlet > .portlet-body.purple-intense,
  9063. .portlet.purple-intense {
  9064. background-color: #8775a7; }
  9065. .portlet.solid.purple-intense > .portlet-title,
  9066. .portlet.solid.purple-intense > .portlet-body {
  9067. border: 0;
  9068. color: #ffffff; }
  9069. .portlet.solid.purple-intense > .portlet-title > .caption {
  9070. font-weight: 400; }
  9071. .portlet.solid.purple-intense > .portlet-title > .caption > i {
  9072. color: #ffffff; }
  9073. .portlet.solid.purple-intense > .portlet-title > .tools > a.remove {
  9074. background-image: url(../img/portlet-remove-icon-white.png); }
  9075. .portlet.solid.purple-intense > .portlet-title > .tools > a.config {
  9076. background-image: url(../img/portlet-config-icon-white.png); }
  9077. .portlet.solid.purple-intense > .portlet-title > .tools > a.reload {
  9078. background-image: url(../img/portlet-reload-icon-white.png); }
  9079. .portlet.solid.purple-intense > .portlet-title > .tools > a.expand {
  9080. background-image: url(../img/portlet-expand-icon-white.png); }
  9081. .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse {
  9082. background-image: url(../img/portlet-collapse-icon-white.png); }
  9083. .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen {
  9084. color: #fdfdfd; }
  9085. .portlet.box.purple-intense {
  9086. border: 1px solid #a294bb;
  9087. border-top: 0; }
  9088. .portlet.box.purple-intense > .portlet-title {
  9089. background-color: #8775a7; }
  9090. .portlet.box.purple-intense > .portlet-title > .caption {
  9091. color: #ffffff; }
  9092. .portlet.box.purple-intense > .portlet-title > .caption > i {
  9093. color: #ffffff; }
  9094. .portlet.box.purple-intense > .portlet-title > .actions .btn-default {
  9095. background: transparent !important;
  9096. background-color: transparent !important;
  9097. border: 1px solid #c3bad3;
  9098. color: #d0c9dd; }
  9099. .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i {
  9100. color: #d8d2e3; }
  9101. .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active {
  9102. border: 1px solid #ded9e7;
  9103. color: #ebe8f0; }
  9104. .portlet > .portlet-body.purple-sharp,
  9105. .portlet.purple-sharp {
  9106. background-color: #796799; }
  9107. .portlet.solid.purple-sharp > .portlet-title,
  9108. .portlet.solid.purple-sharp > .portlet-body {
  9109. border: 0;
  9110. color: #ffffff; }
  9111. .portlet.solid.purple-sharp > .portlet-title > .caption {
  9112. font-weight: 400; }
  9113. .portlet.solid.purple-sharp > .portlet-title > .caption > i {
  9114. color: #ffffff; }
  9115. .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove {
  9116. background-image: url(../img/portlet-remove-icon-white.png); }
  9117. .portlet.solid.purple-sharp > .portlet-title > .tools > a.config {
  9118. background-image: url(../img/portlet-config-icon-white.png); }
  9119. .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload {
  9120. background-image: url(../img/portlet-reload-icon-white.png); }
  9121. .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand {
  9122. background-image: url(../img/portlet-expand-icon-white.png); }
  9123. .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse {
  9124. background-image: url(../img/portlet-collapse-icon-white.png); }
  9125. .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen {
  9126. color: #fdfdfd; }
  9127. .portlet.box.purple-sharp {
  9128. border: 1px solid #9486ad;
  9129. border-top: 0; }
  9130. .portlet.box.purple-sharp > .portlet-title {
  9131. background-color: #796799; }
  9132. .portlet.box.purple-sharp > .portlet-title > .caption {
  9133. color: #ffffff; }
  9134. .portlet.box.purple-sharp > .portlet-title > .caption > i {
  9135. color: #ffffff; }
  9136. .portlet.box.purple-sharp > .portlet-title > .actions .btn-default {
  9137. background: transparent !important;
  9138. background-color: transparent !important;
  9139. border: 1px solid #b4aac6;
  9140. color: #c2b9d0; }
  9141. .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i {
  9142. color: #cac3d6; }
  9143. .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active {
  9144. border: 1px solid #cfc9db;
  9145. color: #ddd8e5; }
  9146. .portlet > .portlet-body.purple-soft,
  9147. .portlet.purple-soft {
  9148. background-color: #8877a9; }
  9149. .portlet.solid.purple-soft > .portlet-title,
  9150. .portlet.solid.purple-soft > .portlet-body {
  9151. border: 0;
  9152. color: #ffffff; }
  9153. .portlet.solid.purple-soft > .portlet-title > .caption {
  9154. font-weight: 400; }
  9155. .portlet.solid.purple-soft > .portlet-title > .caption > i {
  9156. color: #ffffff; }
  9157. .portlet.solid.purple-soft > .portlet-title > .tools > a.remove {
  9158. background-image: url(../img/portlet-remove-icon-white.png); }
  9159. .portlet.solid.purple-soft > .portlet-title > .tools > a.config {
  9160. background-image: url(../img/portlet-config-icon-white.png); }
  9161. .portlet.solid.purple-soft > .portlet-title > .tools > a.reload {
  9162. background-image: url(../img/portlet-reload-icon-white.png); }
  9163. .portlet.solid.purple-soft > .portlet-title > .tools > a.expand {
  9164. background-image: url(../img/portlet-expand-icon-white.png); }
  9165. .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse {
  9166. background-image: url(../img/portlet-collapse-icon-white.png); }
  9167. .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen {
  9168. color: #fdfdfd; }
  9169. .portlet.box.purple-soft {
  9170. border: 1px solid #a396bd;
  9171. border-top: 0; }
  9172. .portlet.box.purple-soft > .portlet-title {
  9173. background-color: #8877a9; }
  9174. .portlet.box.purple-soft > .portlet-title > .caption {
  9175. color: #ffffff; }
  9176. .portlet.box.purple-soft > .portlet-title > .caption > i {
  9177. color: #ffffff; }
  9178. .portlet.box.purple-soft > .portlet-title > .actions .btn-default {
  9179. background: transparent !important;
  9180. background-color: transparent !important;
  9181. border: 1px solid #c4bcd4;
  9182. color: #d2cbde; }
  9183. .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i {
  9184. color: #dad5e4; }
  9185. .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active {
  9186. border: 1px solid #dfdbe8;
  9187. color: #edebf2; }
  9188. /***
  9189. Customized Progress Bars
  9190. ***/
  9191. .progress {
  9192. border: 0;
  9193. background-image: none;
  9194. filter: none;
  9195. box-shadow: none;
  9196. -webkit-box-shadow: none;
  9197. -moz-box-shadow: none;
  9198. box-shadow: none; }
  9199. .progress.progress-sm {
  9200. height: 12px; }
  9201. .page-md .progress {
  9202. text-indent: -99999px; }
  9203. /* Custom colors */
  9204. .progress-bar.white {
  9205. background: #ffffff !important;
  9206. color: #666 !important; }
  9207. .progress-bar.default {
  9208. background: #e1e5ec !important;
  9209. color: #666 !important; }
  9210. .progress-bar.dark {
  9211. background: #2f353b !important;
  9212. color: #FFFFFF !important; }
  9213. .progress-bar.blue {
  9214. background: #3598dc !important;
  9215. color: #FFFFFF !important; }
  9216. .progress-bar.blue-madison {
  9217. background: #578ebe !important;
  9218. color: #FFFFFF !important; }
  9219. .progress-bar.blue-chambray {
  9220. background: #2C3E50 !important;
  9221. color: #FFFFFF !important; }
  9222. .progress-bar.blue-ebonyclay {
  9223. background: #22313F !important;
  9224. color: #FFFFFF !important; }
  9225. .progress-bar.blue-hoki {
  9226. background: #67809F !important;
  9227. color: #FFFFFF !important; }
  9228. .progress-bar.blue-steel {
  9229. background: #4B77BE !important;
  9230. color: #FFFFFF !important; }
  9231. .progress-bar.blue-soft {
  9232. background: #4c87b9 !important;
  9233. color: #FFFFFF !important; }
  9234. .progress-bar.blue-dark {
  9235. background: #5e738b !important;
  9236. color: #FFFFFF !important; }
  9237. .progress-bar.blue-sharp {
  9238. background: #5C9BD1 !important;
  9239. color: #FFFFFF !important; }
  9240. .progress-bar.blue-oleo {
  9241. background: #94A0B2 !important;
  9242. color: #FFFFFF !important; }
  9243. .progress-bar.green {
  9244. background: #32c5d2 !important;
  9245. color: #FFFFFF !important; }
  9246. .progress-bar.green-meadow {
  9247. background: #1BBC9B !important;
  9248. color: #FFFFFF !important; }
  9249. .progress-bar.green-seagreen {
  9250. background: #1BA39C !important;
  9251. color: #FFFFFF !important; }
  9252. .progress-bar.green-turquoise {
  9253. background: #36D7B7 !important;
  9254. color: #FFFFFF !important; }
  9255. .progress-bar.green-haze {
  9256. background: #44b6ae !important;
  9257. color: #FFFFFF !important; }
  9258. .progress-bar.green-jungle {
  9259. background: #26C281 !important;
  9260. color: #FFFFFF !important; }
  9261. .progress-bar.green-soft {
  9262. background: #3faba4 !important;
  9263. color: #FFFFFF !important; }
  9264. .progress-bar.green-dark {
  9265. background: #4DB3A2 !important;
  9266. color: #FFFFFF !important; }
  9267. .progress-bar.green-sharp {
  9268. background: #2ab4c0 !important;
  9269. color: #FFFFFF !important; }
  9270. .progress-bar.green-steel {
  9271. background: #29b4b6 !important;
  9272. color: #FFFFFF !important; }
  9273. .progress-bar.grey {
  9274. background: #E5E5E5 !important;
  9275. color: #333333 !important; }
  9276. .progress-bar.grey-steel {
  9277. background: #e9edef !important;
  9278. color: #80898e !important; }
  9279. .progress-bar.grey-cararra {
  9280. background: #fafafa !important;
  9281. color: #333333 !important; }
  9282. .progress-bar.grey-gallery {
  9283. background: #555555 !important;
  9284. color: #ffffff !important; }
  9285. .progress-bar.grey-cascade {
  9286. background: #95A5A6 !important;
  9287. color: #FFFFFF !important; }
  9288. .progress-bar.grey-silver {
  9289. background: #BFBFBF !important;
  9290. color: #FAFCFB !important; }
  9291. .progress-bar.grey-salsa {
  9292. background: #ACB5C3 !important;
  9293. color: #FAFCFB !important; }
  9294. .progress-bar.grey-salt {
  9295. background: #bfcad1 !important;
  9296. color: #FAFCFB !important; }
  9297. .progress-bar.grey-mint {
  9298. background: #525e64 !important;
  9299. color: #FFFFFF !important; }
  9300. .progress-bar.red {
  9301. background: #e7505a !important;
  9302. color: #ffffff !important; }
  9303. .progress-bar.red-pink {
  9304. background: #E08283 !important;
  9305. color: #ffffff !important; }
  9306. .progress-bar.red-sunglo {
  9307. background: #E26A6A !important;
  9308. color: #ffffff !important; }
  9309. .progress-bar.red-intense {
  9310. background: #e35b5a !important;
  9311. color: #ffffff !important; }
  9312. .progress-bar.red-thunderbird {
  9313. background: #D91E18 !important;
  9314. color: #ffffff !important; }
  9315. .progress-bar.red-flamingo {
  9316. background: #EF4836 !important;
  9317. color: #ffffff !important; }
  9318. .progress-bar.red-soft {
  9319. background: #d05454 !important;
  9320. color: #ffffff !important; }
  9321. .progress-bar.red-haze {
  9322. background: #f36a5a !important;
  9323. color: #ffffff !important; }
  9324. .progress-bar.red-mint {
  9325. background: #e43a45 !important;
  9326. color: #ffffff !important; }
  9327. .progress-bar.yellow {
  9328. background: #c49f47 !important;
  9329. color: #ffffff !important; }
  9330. .progress-bar.yellow-gold {
  9331. background: #E87E04 !important;
  9332. color: #ffffff !important; }
  9333. .progress-bar.yellow-casablanca {
  9334. background: #f2784b !important;
  9335. color: #ffffff !important; }
  9336. .progress-bar.yellow-crusta {
  9337. background: #f3c200 !important;
  9338. color: #ffffff !important; }
  9339. .progress-bar.yellow-lemon {
  9340. background: #F7CA18 !important;
  9341. color: #ffffff !important; }
  9342. .progress-bar.yellow-saffron {
  9343. background: #F4D03F !important;
  9344. color: #ffffff !important; }
  9345. .progress-bar.yellow-soft {
  9346. background: #c8d046 !important;
  9347. color: #ffffff !important; }
  9348. .progress-bar.yellow-haze {
  9349. background: #c5bf66 !important;
  9350. color: #ffffff !important; }
  9351. .progress-bar.yellow-mint {
  9352. background: #c5b96b !important;
  9353. color: #ffffff !important; }
  9354. .progress-bar.purple {
  9355. background: #8E44AD !important;
  9356. color: #ffffff !important; }
  9357. .progress-bar.purple-plum {
  9358. background: #8775a7 !important;
  9359. color: #ffffff !important; }
  9360. .progress-bar.purple-medium {
  9361. background: #BF55EC !important;
  9362. color: #ffffff !important; }
  9363. .progress-bar.purple-studio {
  9364. background: #8E44AD !important;
  9365. color: #ffffff !important; }
  9366. .progress-bar.purple-wisteria {
  9367. background: #9B59B6 !important;
  9368. color: #ffffff !important; }
  9369. .progress-bar.purple-seance {
  9370. background: #9A12B3 !important;
  9371. color: #ffffff !important; }
  9372. .progress-bar.purple-intense {
  9373. background: #8775a7 !important;
  9374. color: #ffffff !important; }
  9375. .progress-bar.purple-sharp {
  9376. background: #796799 !important;
  9377. color: #ffffff !important; }
  9378. .progress-bar.purple-soft {
  9379. background: #8877a9 !important;
  9380. color: #ffffff !important; }
  9381. /***
  9382. Dashboard Stats
  9383. ***/
  9384. .dashboard-stat {
  9385. display: block;
  9386. margin-bottom: 25px;
  9387. overflow: hidden;
  9388. -webkit-border-radius: 4px;
  9389. -moz-border-radius: 4px;
  9390. -ms-border-radius: 4px;
  9391. -o-border-radius: 4px;
  9392. border-radius: 4px; }
  9393. .dashboard-stat:before, .dashboard-stat:after {
  9394. content: " ";
  9395. display: table; }
  9396. .dashboard-stat:after {
  9397. clear: both; }
  9398. .portlet .dashboard-stat:last-child {
  9399. margin-bottom: 0; }
  9400. .dashboard-stat .visual {
  9401. width: 80px;
  9402. height: 80px;
  9403. display: block;
  9404. float: left;
  9405. padding-top: 10px;
  9406. padding-left: 15px;
  9407. margin-bottom: 15px;
  9408. font-size: 35px;
  9409. line-height: 35px; }
  9410. .dashboard-stat .visual > i {
  9411. margin-left: -35px;
  9412. font-size: 110px;
  9413. line-height: 110px; }
  9414. .dashboard-stat .details {
  9415. position: absolute;
  9416. right: 15px;
  9417. padding-right: 15px; }
  9418. .dashboard-stat .details .number {
  9419. padding-top: 25px;
  9420. text-align: right;
  9421. font-size: 34px;
  9422. line-height: 36px;
  9423. letter-spacing: -1px;
  9424. margin-bottom: 0px;
  9425. font-weight: 300; }
  9426. .dashboard-stat .details .desc {
  9427. text-align: right;
  9428. font-size: 16px;
  9429. letter-spacing: 0px;
  9430. font-weight: 300; }
  9431. .dashboard-stat .more {
  9432. clear: both;
  9433. display: block;
  9434. padding: 6px 10px 6px 10px;
  9435. position: relative;
  9436. text-transform: uppercase;
  9437. font-weight: 300;
  9438. font-size: 11px;
  9439. opacity: 0.7;
  9440. filter: alpha(opacity=70); }
  9441. .dashboard-stat .more:hover {
  9442. text-decoration: none;
  9443. opacity: 0.9;
  9444. filter: alpha(opacity=90); }
  9445. .dashboard-stat .more > i {
  9446. display: inline-block;
  9447. margin-top: 1px;
  9448. float: right; }
  9449. .dashboard-stat.dashboard-stat-v2 .visual {
  9450. padding-top: 35px;
  9451. margin-bottom: 40px; }
  9452. .dashboard-stat.white {
  9453. background-color: #ffffff; }
  9454. .dashboard-stat.white.dashboard-stat-light:hover {
  9455. background-color: whitesmoke; }
  9456. .dashboard-stat.white .visual > i {
  9457. color: #666;
  9458. opacity: 0.1;
  9459. filter: alpha(opacity=10); }
  9460. .dashboard-stat.white .details .number {
  9461. color: #666; }
  9462. .dashboard-stat.white .details .desc {
  9463. color: #666;
  9464. opacity: 1;
  9465. filter: alpha(opacity=100); }
  9466. .dashboard-stat.white .more {
  9467. color: #666;
  9468. background-color: whitesmoke; }
  9469. .dashboard-stat.default {
  9470. background-color: #e1e5ec; }
  9471. .dashboard-stat.default.dashboard-stat-light:hover {
  9472. background-color: #d5dae4; }
  9473. .dashboard-stat.default .visual > i {
  9474. color: #666;
  9475. opacity: 0.1;
  9476. filter: alpha(opacity=10); }
  9477. .dashboard-stat.default .details .number {
  9478. color: #666; }
  9479. .dashboard-stat.default .details .desc {
  9480. color: #666;
  9481. opacity: 1;
  9482. filter: alpha(opacity=100); }
  9483. .dashboard-stat.default .more {
  9484. color: #666;
  9485. background-color: #d5dae4; }
  9486. .dashboard-stat.dark {
  9487. background-color: #2f353b; }
  9488. .dashboard-stat.dark.dashboard-stat-light:hover {
  9489. background-color: #262b30; }
  9490. .dashboard-stat.dark .visual > i {
  9491. color: #FFFFFF;
  9492. opacity: 0.1;
  9493. filter: alpha(opacity=10); }
  9494. .dashboard-stat.dark .details .number {
  9495. color: #FFFFFF; }
  9496. .dashboard-stat.dark .details .desc {
  9497. color: #FFFFFF;
  9498. opacity: 1;
  9499. filter: alpha(opacity=100); }
  9500. .dashboard-stat.dark .more {
  9501. color: #FFFFFF;
  9502. background-color: #262b30; }
  9503. .dashboard-stat.blue {
  9504. background-color: #3598dc; }
  9505. .dashboard-stat.blue.dashboard-stat-light:hover {
  9506. background-color: #258fd7; }
  9507. .dashboard-stat.blue .visual > i {
  9508. color: #FFFFFF;
  9509. opacity: 0.1;
  9510. filter: alpha(opacity=10); }
  9511. .dashboard-stat.blue .details .number {
  9512. color: #FFFFFF; }
  9513. .dashboard-stat.blue .details .desc {
  9514. color: #FFFFFF;
  9515. opacity: 1;
  9516. filter: alpha(opacity=100); }
  9517. .dashboard-stat.blue .more {
  9518. color: #FFFFFF;
  9519. background-color: #258fd7; }
  9520. .dashboard-stat.blue-madison {
  9521. background-color: #578ebe; }
  9522. .dashboard-stat.blue-madison.dashboard-stat-light:hover {
  9523. background-color: #4884b8; }
  9524. .dashboard-stat.blue-madison .visual > i {
  9525. color: #FFFFFF;
  9526. opacity: 0.1;
  9527. filter: alpha(opacity=10); }
  9528. .dashboard-stat.blue-madison .details .number {
  9529. color: #FFFFFF; }
  9530. .dashboard-stat.blue-madison .details .desc {
  9531. color: #FFFFFF;
  9532. opacity: 1;
  9533. filter: alpha(opacity=100); }
  9534. .dashboard-stat.blue-madison .more {
  9535. color: #FFFFFF;
  9536. background-color: #4884b8; }
  9537. .dashboard-stat.blue-chambray {
  9538. background-color: #2C3E50; }
  9539. .dashboard-stat.blue-chambray.dashboard-stat-light:hover {
  9540. background-color: #253443; }
  9541. .dashboard-stat.blue-chambray .visual > i {
  9542. color: #FFFFFF;
  9543. opacity: 0.1;
  9544. filter: alpha(opacity=10); }
  9545. .dashboard-stat.blue-chambray .details .number {
  9546. color: #FFFFFF; }
  9547. .dashboard-stat.blue-chambray .details .desc {
  9548. color: #FFFFFF;
  9549. opacity: 1;
  9550. filter: alpha(opacity=100); }
  9551. .dashboard-stat.blue-chambray .more {
  9552. color: #FFFFFF;
  9553. background-color: #253443; }
  9554. .dashboard-stat.blue-ebonyclay {
  9555. background-color: #22313F; }
  9556. .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
  9557. background-color: #1b2732; }
  9558. .dashboard-stat.blue-ebonyclay .visual > i {
  9559. color: #FFFFFF;
  9560. opacity: 0.1;
  9561. filter: alpha(opacity=10); }
  9562. .dashboard-stat.blue-ebonyclay .details .number {
  9563. color: #FFFFFF; }
  9564. .dashboard-stat.blue-ebonyclay .details .desc {
  9565. color: #FFFFFF;
  9566. opacity: 1;
  9567. filter: alpha(opacity=100); }
  9568. .dashboard-stat.blue-ebonyclay .more {
  9569. color: #FFFFFF;
  9570. background-color: #1b2732; }
  9571. .dashboard-stat.blue-hoki {
  9572. background-color: #67809F; }
  9573. .dashboard-stat.blue-hoki.dashboard-stat-light:hover {
  9574. background-color: #5e7694; }
  9575. .dashboard-stat.blue-hoki .visual > i {
  9576. color: #FFFFFF;
  9577. opacity: 0.1;
  9578. filter: alpha(opacity=10); }
  9579. .dashboard-stat.blue-hoki .details .number {
  9580. color: #FFFFFF; }
  9581. .dashboard-stat.blue-hoki .details .desc {
  9582. color: #FFFFFF;
  9583. opacity: 1;
  9584. filter: alpha(opacity=100); }
  9585. .dashboard-stat.blue-hoki .more {
  9586. color: #FFFFFF;
  9587. background-color: #5e7694; }
  9588. .dashboard-stat.blue-steel {
  9589. background-color: #4B77BE; }
  9590. .dashboard-stat.blue-steel.dashboard-stat-light:hover {
  9591. background-color: #416db4; }
  9592. .dashboard-stat.blue-steel .visual > i {
  9593. color: #FFFFFF;
  9594. opacity: 0.1;
  9595. filter: alpha(opacity=10); }
  9596. .dashboard-stat.blue-steel .details .number {
  9597. color: #FFFFFF; }
  9598. .dashboard-stat.blue-steel .details .desc {
  9599. color: #FFFFFF;
  9600. opacity: 1;
  9601. filter: alpha(opacity=100); }
  9602. .dashboard-stat.blue-steel .more {
  9603. color: #FFFFFF;
  9604. background-color: #416db4; }
  9605. .dashboard-stat.blue-soft {
  9606. background-color: #4c87b9; }
  9607. .dashboard-stat.blue-soft.dashboard-stat-light:hover {
  9608. background-color: #447dad; }
  9609. .dashboard-stat.blue-soft .visual > i {
  9610. color: #FFFFFF;
  9611. opacity: 0.1;
  9612. filter: alpha(opacity=10); }
  9613. .dashboard-stat.blue-soft .details .number {
  9614. color: #FFFFFF; }
  9615. .dashboard-stat.blue-soft .details .desc {
  9616. color: #FFFFFF;
  9617. opacity: 1;
  9618. filter: alpha(opacity=100); }
  9619. .dashboard-stat.blue-soft .more {
  9620. color: #FFFFFF;
  9621. background-color: #447dad; }
  9622. .dashboard-stat.blue-dark {
  9623. background-color: #5e738b; }
  9624. .dashboard-stat.blue-dark.dashboard-stat-light:hover {
  9625. background-color: #56697f; }
  9626. .dashboard-stat.blue-dark .visual > i {
  9627. color: #FFFFFF;
  9628. opacity: 0.1;
  9629. filter: alpha(opacity=10); }
  9630. .dashboard-stat.blue-dark .details .number {
  9631. color: #FFFFFF; }
  9632. .dashboard-stat.blue-dark .details .desc {
  9633. color: #FFFFFF;
  9634. opacity: 1;
  9635. filter: alpha(opacity=100); }
  9636. .dashboard-stat.blue-dark .more {
  9637. color: #FFFFFF;
  9638. background-color: #56697f; }
  9639. .dashboard-stat.blue-sharp {
  9640. background-color: #5C9BD1; }
  9641. .dashboard-stat.blue-sharp.dashboard-stat-light:hover {
  9642. background-color: #4c91cd; }
  9643. .dashboard-stat.blue-sharp .visual > i {
  9644. color: #FFFFFF;
  9645. opacity: 0.1;
  9646. filter: alpha(opacity=10); }
  9647. .dashboard-stat.blue-sharp .details .number {
  9648. color: #FFFFFF; }
  9649. .dashboard-stat.blue-sharp .details .desc {
  9650. color: #FFFFFF;
  9651. opacity: 1;
  9652. filter: alpha(opacity=100); }
  9653. .dashboard-stat.blue-sharp .more {
  9654. color: #FFFFFF;
  9655. background-color: #4c91cd; }
  9656. .dashboard-stat.blue-oleo {
  9657. background-color: #94A0B2; }
  9658. .dashboard-stat.blue-oleo.dashboard-stat-light:hover {
  9659. background-color: #8895a9; }
  9660. .dashboard-stat.blue-oleo .visual > i {
  9661. color: #FFFFFF;
  9662. opacity: 0.1;
  9663. filter: alpha(opacity=10); }
  9664. .dashboard-stat.blue-oleo .details .number {
  9665. color: #FFFFFF; }
  9666. .dashboard-stat.blue-oleo .details .desc {
  9667. color: #FFFFFF;
  9668. opacity: 1;
  9669. filter: alpha(opacity=100); }
  9670. .dashboard-stat.blue-oleo .more {
  9671. color: #FFFFFF;
  9672. background-color: #8895a9; }
  9673. .dashboard-stat.green {
  9674. background-color: #32c5d2; }
  9675. .dashboard-stat.green.dashboard-stat-light:hover {
  9676. background-color: #2bb8c4; }
  9677. .dashboard-stat.green .visual > i {
  9678. color: #FFFFFF;
  9679. opacity: 0.1;
  9680. filter: alpha(opacity=10); }
  9681. .dashboard-stat.green .details .number {
  9682. color: #FFFFFF; }
  9683. .dashboard-stat.green .details .desc {
  9684. color: #FFFFFF;
  9685. opacity: 1;
  9686. filter: alpha(opacity=100); }
  9687. .dashboard-stat.green .more {
  9688. color: #FFFFFF;
  9689. background-color: #2bb8c4; }
  9690. .dashboard-stat.green-meadow {
  9691. background-color: #1BBC9B; }
  9692. .dashboard-stat.green-meadow.dashboard-stat-light:hover {
  9693. background-color: #18aa8c; }
  9694. .dashboard-stat.green-meadow .visual > i {
  9695. color: #FFFFFF;
  9696. opacity: 0.1;
  9697. filter: alpha(opacity=10); }
  9698. .dashboard-stat.green-meadow .details .number {
  9699. color: #FFFFFF; }
  9700. .dashboard-stat.green-meadow .details .desc {
  9701. color: #FFFFFF;
  9702. opacity: 1;
  9703. filter: alpha(opacity=100); }
  9704. .dashboard-stat.green-meadow .more {
  9705. color: #FFFFFF;
  9706. background-color: #18aa8c; }
  9707. .dashboard-stat.green-seagreen {
  9708. background-color: #1BA39C; }
  9709. .dashboard-stat.green-seagreen.dashboard-stat-light:hover {
  9710. background-color: #18918b; }
  9711. .dashboard-stat.green-seagreen .visual > i {
  9712. color: #FFFFFF;
  9713. opacity: 0.1;
  9714. filter: alpha(opacity=10); }
  9715. .dashboard-stat.green-seagreen .details .number {
  9716. color: #FFFFFF; }
  9717. .dashboard-stat.green-seagreen .details .desc {
  9718. color: #FFFFFF;
  9719. opacity: 1;
  9720. filter: alpha(opacity=100); }
  9721. .dashboard-stat.green-seagreen .more {
  9722. color: #FFFFFF;
  9723. background-color: #18918b; }
  9724. .dashboard-stat.green-turquoise {
  9725. background-color: #36D7B7; }
  9726. .dashboard-stat.green-turquoise.dashboard-stat-light:hover {
  9727. background-color: #29cfae; }
  9728. .dashboard-stat.green-turquoise .visual > i {
  9729. color: #FFFFFF;
  9730. opacity: 0.1;
  9731. filter: alpha(opacity=10); }
  9732. .dashboard-stat.green-turquoise .details .number {
  9733. color: #FFFFFF; }
  9734. .dashboard-stat.green-turquoise .details .desc {
  9735. color: #FFFFFF;
  9736. opacity: 1;
  9737. filter: alpha(opacity=100); }
  9738. .dashboard-stat.green-turquoise .more {
  9739. color: #FFFFFF;
  9740. background-color: #29cfae; }
  9741. .dashboard-stat.green-haze {
  9742. background-color: #44b6ae; }
  9743. .dashboard-stat.green-haze.dashboard-stat-light:hover {
  9744. background-color: #3ea7a0; }
  9745. .dashboard-stat.green-haze .visual > i {
  9746. color: #FFFFFF;
  9747. opacity: 0.1;
  9748. filter: alpha(opacity=10); }
  9749. .dashboard-stat.green-haze .details .number {
  9750. color: #FFFFFF; }
  9751. .dashboard-stat.green-haze .details .desc {
  9752. color: #FFFFFF;
  9753. opacity: 1;
  9754. filter: alpha(opacity=100); }
  9755. .dashboard-stat.green-haze .more {
  9756. color: #FFFFFF;
  9757. background-color: #3ea7a0; }
  9758. .dashboard-stat.green-jungle {
  9759. background-color: #26C281; }
  9760. .dashboard-stat.green-jungle.dashboard-stat-light:hover {
  9761. background-color: #23b176; }
  9762. .dashboard-stat.green-jungle .visual > i {
  9763. color: #FFFFFF;
  9764. opacity: 0.1;
  9765. filter: alpha(opacity=10); }
  9766. .dashboard-stat.green-jungle .details .number {
  9767. color: #FFFFFF; }
  9768. .dashboard-stat.green-jungle .details .desc {
  9769. color: #FFFFFF;
  9770. opacity: 1;
  9771. filter: alpha(opacity=100); }
  9772. .dashboard-stat.green-jungle .more {
  9773. color: #FFFFFF;
  9774. background-color: #23b176; }
  9775. .dashboard-stat.green-soft {
  9776. background-color: #3faba4; }
  9777. .dashboard-stat.green-soft.dashboard-stat-light:hover {
  9778. background-color: #3a9c96; }
  9779. .dashboard-stat.green-soft .visual > i {
  9780. color: #FFFFFF;
  9781. opacity: 0.1;
  9782. filter: alpha(opacity=10); }
  9783. .dashboard-stat.green-soft .details .number {
  9784. color: #FFFFFF; }
  9785. .dashboard-stat.green-soft .details .desc {
  9786. color: #FFFFFF;
  9787. opacity: 1;
  9788. filter: alpha(opacity=100); }
  9789. .dashboard-stat.green-soft .more {
  9790. color: #FFFFFF;
  9791. background-color: #3a9c96; }
  9792. .dashboard-stat.green-dark {
  9793. background-color: #4DB3A2; }
  9794. .dashboard-stat.green-dark.dashboard-stat-light:hover {
  9795. background-color: #46a595; }
  9796. .dashboard-stat.green-dark .visual > i {
  9797. color: #FFFFFF;
  9798. opacity: 0.1;
  9799. filter: alpha(opacity=10); }
  9800. .dashboard-stat.green-dark .details .number {
  9801. color: #FFFFFF; }
  9802. .dashboard-stat.green-dark .details .desc {
  9803. color: #FFFFFF;
  9804. opacity: 1;
  9805. filter: alpha(opacity=100); }
  9806. .dashboard-stat.green-dark .more {
  9807. color: #FFFFFF;
  9808. background-color: #46a595; }
  9809. .dashboard-stat.green-sharp {
  9810. background-color: #2ab4c0; }
  9811. .dashboard-stat.green-sharp.dashboard-stat-light:hover {
  9812. background-color: #26a4af; }
  9813. .dashboard-stat.green-sharp .visual > i {
  9814. color: #FFFFFF;
  9815. opacity: 0.1;
  9816. filter: alpha(opacity=10); }
  9817. .dashboard-stat.green-sharp .details .number {
  9818. color: #FFFFFF; }
  9819. .dashboard-stat.green-sharp .details .desc {
  9820. color: #FFFFFF;
  9821. opacity: 1;
  9822. filter: alpha(opacity=100); }
  9823. .dashboard-stat.green-sharp .more {
  9824. color: #FFFFFF;
  9825. background-color: #26a4af; }
  9826. .dashboard-stat.green-steel {
  9827. background-color: #29b4b6; }
  9828. .dashboard-stat.green-steel.dashboard-stat-light:hover {
  9829. background-color: #25a4a5; }
  9830. .dashboard-stat.green-steel .visual > i {
  9831. color: #FFFFFF;
  9832. opacity: 0.1;
  9833. filter: alpha(opacity=10); }
  9834. .dashboard-stat.green-steel .details .number {
  9835. color: #FFFFFF; }
  9836. .dashboard-stat.green-steel .details .desc {
  9837. color: #FFFFFF;
  9838. opacity: 1;
  9839. filter: alpha(opacity=100); }
  9840. .dashboard-stat.green-steel .more {
  9841. color: #FFFFFF;
  9842. background-color: #25a4a5; }
  9843. .dashboard-stat.grey {
  9844. background-color: #E5E5E5; }
  9845. .dashboard-stat.grey.dashboard-stat-light:hover {
  9846. background-color: #dbdbdb; }
  9847. .dashboard-stat.grey .visual > i {
  9848. color: #333333;
  9849. opacity: 0.1;
  9850. filter: alpha(opacity=10); }
  9851. .dashboard-stat.grey .details .number {
  9852. color: #333333; }
  9853. .dashboard-stat.grey .details .desc {
  9854. color: #333333;
  9855. opacity: 1;
  9856. filter: alpha(opacity=100); }
  9857. .dashboard-stat.grey .more {
  9858. color: #333333;
  9859. background-color: #dbdbdb; }
  9860. .dashboard-stat.grey-steel {
  9861. background-color: #e9edef; }
  9862. .dashboard-stat.grey-steel.dashboard-stat-light:hover {
  9863. background-color: #dde3e6; }
  9864. .dashboard-stat.grey-steel .visual > i {
  9865. color: #80898e;
  9866. opacity: 0.1;
  9867. filter: alpha(opacity=10); }
  9868. .dashboard-stat.grey-steel .details .number {
  9869. color: #80898e; }
  9870. .dashboard-stat.grey-steel .details .desc {
  9871. color: #80898e;
  9872. opacity: 1;
  9873. filter: alpha(opacity=100); }
  9874. .dashboard-stat.grey-steel .more {
  9875. color: #80898e;
  9876. background-color: #dde3e6; }
  9877. .dashboard-stat.grey-cararra {
  9878. background-color: #fafafa; }
  9879. .dashboard-stat.grey-cararra.dashboard-stat-light:hover {
  9880. background-color: #f0f0f0; }
  9881. .dashboard-stat.grey-cararra .visual > i {
  9882. color: #333333;
  9883. opacity: 0.1;
  9884. filter: alpha(opacity=10); }
  9885. .dashboard-stat.grey-cararra .details .number {
  9886. color: #333333; }
  9887. .dashboard-stat.grey-cararra .details .desc {
  9888. color: #333333;
  9889. opacity: 1;
  9890. filter: alpha(opacity=100); }
  9891. .dashboard-stat.grey-cararra .more {
  9892. color: #333333;
  9893. background-color: #f0f0f0; }
  9894. .dashboard-stat.grey-gallery {
  9895. background-color: #555555; }
  9896. .dashboard-stat.grey-gallery.dashboard-stat-light:hover {
  9897. background-color: #4b4b4b; }
  9898. .dashboard-stat.grey-gallery .visual > i {
  9899. color: #ffffff;
  9900. opacity: 0.1;
  9901. filter: alpha(opacity=10); }
  9902. .dashboard-stat.grey-gallery .details .number {
  9903. color: #ffffff; }
  9904. .dashboard-stat.grey-gallery .details .desc {
  9905. color: #ffffff;
  9906. opacity: 1;
  9907. filter: alpha(opacity=100); }
  9908. .dashboard-stat.grey-gallery .more {
  9909. color: #ffffff;
  9910. background-color: #4b4b4b; }
  9911. .dashboard-stat.grey-cascade {
  9912. background-color: #95A5A6; }
  9913. .dashboard-stat.grey-cascade.dashboard-stat-light:hover {
  9914. background-color: #8a9c9d; }
  9915. .dashboard-stat.grey-cascade .visual > i {
  9916. color: #FFFFFF;
  9917. opacity: 0.1;
  9918. filter: alpha(opacity=10); }
  9919. .dashboard-stat.grey-cascade .details .number {
  9920. color: #FFFFFF; }
  9921. .dashboard-stat.grey-cascade .details .desc {
  9922. color: #FFFFFF;
  9923. opacity: 1;
  9924. filter: alpha(opacity=100); }
  9925. .dashboard-stat.grey-cascade .more {
  9926. color: #FFFFFF;
  9927. background-color: #8a9c9d; }
  9928. .dashboard-stat.grey-silver {
  9929. background-color: #BFBFBF; }
  9930. .dashboard-stat.grey-silver.dashboard-stat-light:hover {
  9931. background-color: #b5b5b5; }
  9932. .dashboard-stat.grey-silver .visual > i {
  9933. color: #FAFCFB;
  9934. opacity: 0.1;
  9935. filter: alpha(opacity=10); }
  9936. .dashboard-stat.grey-silver .details .number {
  9937. color: #FAFCFB; }
  9938. .dashboard-stat.grey-silver .details .desc {
  9939. color: #FAFCFB;
  9940. opacity: 1;
  9941. filter: alpha(opacity=100); }
  9942. .dashboard-stat.grey-silver .more {
  9943. color: #FAFCFB;
  9944. background-color: #b5b5b5; }
  9945. .dashboard-stat.grey-salsa {
  9946. background-color: #ACB5C3; }
  9947. .dashboard-stat.grey-salsa.dashboard-stat-light:hover {
  9948. background-color: #a0aaba; }
  9949. .dashboard-stat.grey-salsa .visual > i {
  9950. color: #FAFCFB;
  9951. opacity: 0.1;
  9952. filter: alpha(opacity=10); }
  9953. .dashboard-stat.grey-salsa .details .number {
  9954. color: #FAFCFB; }
  9955. .dashboard-stat.grey-salsa .details .desc {
  9956. color: #FAFCFB;
  9957. opacity: 1;
  9958. filter: alpha(opacity=100); }
  9959. .dashboard-stat.grey-salsa .more {
  9960. color: #FAFCFB;
  9961. background-color: #a0aaba; }
  9962. .dashboard-stat.grey-salt {
  9963. background-color: #bfcad1; }
  9964. .dashboard-stat.grey-salt.dashboard-stat-light:hover {
  9965. background-color: #b3c0c8; }
  9966. .dashboard-stat.grey-salt .visual > i {
  9967. color: #FAFCFB;
  9968. opacity: 0.1;
  9969. filter: alpha(opacity=10); }
  9970. .dashboard-stat.grey-salt .details .number {
  9971. color: #FAFCFB; }
  9972. .dashboard-stat.grey-salt .details .desc {
  9973. color: #FAFCFB;
  9974. opacity: 1;
  9975. filter: alpha(opacity=100); }
  9976. .dashboard-stat.grey-salt .more {
  9977. color: #FAFCFB;
  9978. background-color: #b3c0c8; }
  9979. .dashboard-stat.grey-mint {
  9980. background-color: #525e64; }
  9981. .dashboard-stat.grey-mint.dashboard-stat-light:hover {
  9982. background-color: #495359; }
  9983. .dashboard-stat.grey-mint .visual > i {
  9984. color: #FFFFFF;
  9985. opacity: 0.1;
  9986. filter: alpha(opacity=10); }
  9987. .dashboard-stat.grey-mint .details .number {
  9988. color: #FFFFFF; }
  9989. .dashboard-stat.grey-mint .details .desc {
  9990. color: #FFFFFF;
  9991. opacity: 1;
  9992. filter: alpha(opacity=100); }
  9993. .dashboard-stat.grey-mint .more {
  9994. color: #FFFFFF;
  9995. background-color: #495359; }
  9996. .dashboard-stat.red {
  9997. background-color: #e7505a; }
  9998. .dashboard-stat.red.dashboard-stat-light:hover {
  9999. background-color: #e53e49; }
  10000. .dashboard-stat.red .visual > i {
  10001. color: #ffffff;
  10002. opacity: 0.1;
  10003. filter: alpha(opacity=10); }
  10004. .dashboard-stat.red .details .number {
  10005. color: #ffffff; }
  10006. .dashboard-stat.red .details .desc {
  10007. color: #ffffff;
  10008. opacity: 1;
  10009. filter: alpha(opacity=100); }
  10010. .dashboard-stat.red .more {
  10011. color: #ffffff;
  10012. background-color: #e53e49; }
  10013. .dashboard-stat.red-pink {
  10014. background-color: #E08283; }
  10015. .dashboard-stat.red-pink.dashboard-stat-light:hover {
  10016. background-color: #dc7273; }
  10017. .dashboard-stat.red-pink .visual > i {
  10018. color: #ffffff;
  10019. opacity: 0.1;
  10020. filter: alpha(opacity=10); }
  10021. .dashboard-stat.red-pink .details .number {
  10022. color: #ffffff; }
  10023. .dashboard-stat.red-pink .details .desc {
  10024. color: #ffffff;
  10025. opacity: 1;
  10026. filter: alpha(opacity=100); }
  10027. .dashboard-stat.red-pink .more {
  10028. color: #ffffff;
  10029. background-color: #dc7273; }
  10030. .dashboard-stat.red-sunglo {
  10031. background-color: #E26A6A; }
  10032. .dashboard-stat.red-sunglo.dashboard-stat-light:hover {
  10033. background-color: #df5959; }
  10034. .dashboard-stat.red-sunglo .visual > i {
  10035. color: #ffffff;
  10036. opacity: 0.1;
  10037. filter: alpha(opacity=10); }
  10038. .dashboard-stat.red-sunglo .details .number {
  10039. color: #ffffff; }
  10040. .dashboard-stat.red-sunglo .details .desc {
  10041. color: #ffffff;
  10042. opacity: 1;
  10043. filter: alpha(opacity=100); }
  10044. .dashboard-stat.red-sunglo .more {
  10045. color: #ffffff;
  10046. background-color: #df5959; }
  10047. .dashboard-stat.red-intense {
  10048. background-color: #e35b5a; }
  10049. .dashboard-stat.red-intense.dashboard-stat-light:hover {
  10050. background-color: #e04a49; }
  10051. .dashboard-stat.red-intense .visual > i {
  10052. color: #ffffff;
  10053. opacity: 0.1;
  10054. filter: alpha(opacity=10); }
  10055. .dashboard-stat.red-intense .details .number {
  10056. color: #ffffff; }
  10057. .dashboard-stat.red-intense .details .desc {
  10058. color: #ffffff;
  10059. opacity: 1;
  10060. filter: alpha(opacity=100); }
  10061. .dashboard-stat.red-intense .more {
  10062. color: #ffffff;
  10063. background-color: #e04a49; }
  10064. .dashboard-stat.red-thunderbird {
  10065. background-color: #D91E18; }
  10066. .dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
  10067. background-color: #c71b16; }
  10068. .dashboard-stat.red-thunderbird .visual > i {
  10069. color: #ffffff;
  10070. opacity: 0.1;
  10071. filter: alpha(opacity=10); }
  10072. .dashboard-stat.red-thunderbird .details .number {
  10073. color: #ffffff; }
  10074. .dashboard-stat.red-thunderbird .details .desc {
  10075. color: #ffffff;
  10076. opacity: 1;
  10077. filter: alpha(opacity=100); }
  10078. .dashboard-stat.red-thunderbird .more {
  10079. color: #ffffff;
  10080. background-color: #c71b16; }
  10081. .dashboard-stat.red-flamingo {
  10082. background-color: #EF4836; }
  10083. .dashboard-stat.red-flamingo.dashboard-stat-light:hover {
  10084. background-color: #ed3723; }
  10085. .dashboard-stat.red-flamingo .visual > i {
  10086. color: #ffffff;
  10087. opacity: 0.1;
  10088. filter: alpha(opacity=10); }
  10089. .dashboard-stat.red-flamingo .details .number {
  10090. color: #ffffff; }
  10091. .dashboard-stat.red-flamingo .details .desc {
  10092. color: #ffffff;
  10093. opacity: 1;
  10094. filter: alpha(opacity=100); }
  10095. .dashboard-stat.red-flamingo .more {
  10096. color: #ffffff;
  10097. background-color: #ed3723; }
  10098. .dashboard-stat.red-soft {
  10099. background-color: #d05454; }
  10100. .dashboard-stat.red-soft.dashboard-stat-light:hover {
  10101. background-color: #cc4444; }
  10102. .dashboard-stat.red-soft .visual > i {
  10103. color: #ffffff;
  10104. opacity: 0.1;
  10105. filter: alpha(opacity=10); }
  10106. .dashboard-stat.red-soft .details .number {
  10107. color: #ffffff; }
  10108. .dashboard-stat.red-soft .details .desc {
  10109. color: #ffffff;
  10110. opacity: 1;
  10111. filter: alpha(opacity=100); }
  10112. .dashboard-stat.red-soft .more {
  10113. color: #ffffff;
  10114. background-color: #cc4444; }
  10115. .dashboard-stat.red-haze {
  10116. background-color: #f36a5a; }
  10117. .dashboard-stat.red-haze.dashboard-stat-light:hover {
  10118. background-color: #f25947; }
  10119. .dashboard-stat.red-haze .visual > i {
  10120. color: #ffffff;
  10121. opacity: 0.1;
  10122. filter: alpha(opacity=10); }
  10123. .dashboard-stat.red-haze .details .number {
  10124. color: #ffffff; }
  10125. .dashboard-stat.red-haze .details .desc {
  10126. color: #ffffff;
  10127. opacity: 1;
  10128. filter: alpha(opacity=100); }
  10129. .dashboard-stat.red-haze .more {
  10130. color: #ffffff;
  10131. background-color: #f25947; }
  10132. .dashboard-stat.red-mint {
  10133. background-color: #e43a45; }
  10134. .dashboard-stat.red-mint.dashboard-stat-light:hover {
  10135. background-color: #e22834; }
  10136. .dashboard-stat.red-mint .visual > i {
  10137. color: #ffffff;
  10138. opacity: 0.1;
  10139. filter: alpha(opacity=10); }
  10140. .dashboard-stat.red-mint .details .number {
  10141. color: #ffffff; }
  10142. .dashboard-stat.red-mint .details .desc {
  10143. color: #ffffff;
  10144. opacity: 1;
  10145. filter: alpha(opacity=100); }
  10146. .dashboard-stat.red-mint .more {
  10147. color: #ffffff;
  10148. background-color: #e22834; }
  10149. .dashboard-stat.yellow {
  10150. background-color: #c49f47; }
  10151. .dashboard-stat.yellow.dashboard-stat-light:hover {
  10152. background-color: #bb953c; }
  10153. .dashboard-stat.yellow .visual > i {
  10154. color: #ffffff;
  10155. opacity: 0.1;
  10156. filter: alpha(opacity=10); }
  10157. .dashboard-stat.yellow .details .number {
  10158. color: #ffffff; }
  10159. .dashboard-stat.yellow .details .desc {
  10160. color: #ffffff;
  10161. opacity: 1;
  10162. filter: alpha(opacity=100); }
  10163. .dashboard-stat.yellow .more {
  10164. color: #ffffff;
  10165. background-color: #bb953c; }
  10166. .dashboard-stat.yellow-gold {
  10167. background-color: #E87E04; }
  10168. .dashboard-stat.yellow-gold.dashboard-stat-light:hover {
  10169. background-color: #d47304; }
  10170. .dashboard-stat.yellow-gold .visual > i {
  10171. color: #ffffff;
  10172. opacity: 0.1;
  10173. filter: alpha(opacity=10); }
  10174. .dashboard-stat.yellow-gold .details .number {
  10175. color: #ffffff; }
  10176. .dashboard-stat.yellow-gold .details .desc {
  10177. color: #ffffff;
  10178. opacity: 1;
  10179. filter: alpha(opacity=100); }
  10180. .dashboard-stat.yellow-gold .more {
  10181. color: #ffffff;
  10182. background-color: #d47304; }
  10183. .dashboard-stat.yellow-casablanca {
  10184. background-color: #f2784b; }
  10185. .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
  10186. background-color: #f16a38; }
  10187. .dashboard-stat.yellow-casablanca .visual > i {
  10188. color: #ffffff;
  10189. opacity: 0.1;
  10190. filter: alpha(opacity=10); }
  10191. .dashboard-stat.yellow-casablanca .details .number {
  10192. color: #ffffff; }
  10193. .dashboard-stat.yellow-casablanca .details .desc {
  10194. color: #ffffff;
  10195. opacity: 1;
  10196. filter: alpha(opacity=100); }
  10197. .dashboard-stat.yellow-casablanca .more {
  10198. color: #ffffff;
  10199. background-color: #f16a38; }
  10200. .dashboard-stat.yellow-crusta {
  10201. background-color: #f3c200; }
  10202. .dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
  10203. background-color: #dfb200; }
  10204. .dashboard-stat.yellow-crusta .visual > i {
  10205. color: #ffffff;
  10206. opacity: 0.1;
  10207. filter: alpha(opacity=10); }
  10208. .dashboard-stat.yellow-crusta .details .number {
  10209. color: #ffffff; }
  10210. .dashboard-stat.yellow-crusta .details .desc {
  10211. color: #ffffff;
  10212. opacity: 1;
  10213. filter: alpha(opacity=100); }
  10214. .dashboard-stat.yellow-crusta .more {
  10215. color: #ffffff;
  10216. background-color: #dfb200; }
  10217. .dashboard-stat.yellow-lemon {
  10218. background-color: #F7CA18; }
  10219. .dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
  10220. background-color: #f2c308; }
  10221. .dashboard-stat.yellow-lemon .visual > i {
  10222. color: #ffffff;
  10223. opacity: 0.1;
  10224. filter: alpha(opacity=10); }
  10225. .dashboard-stat.yellow-lemon .details .number {
  10226. color: #ffffff; }
  10227. .dashboard-stat.yellow-lemon .details .desc {
  10228. color: #ffffff;
  10229. opacity: 1;
  10230. filter: alpha(opacity=100); }
  10231. .dashboard-stat.yellow-lemon .more {
  10232. color: #ffffff;
  10233. background-color: #f2c308; }
  10234. .dashboard-stat.yellow-saffron {
  10235. background-color: #F4D03F; }
  10236. .dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
  10237. background-color: #f3cb2c; }
  10238. .dashboard-stat.yellow-saffron .visual > i {
  10239. color: #ffffff;
  10240. opacity: 0.1;
  10241. filter: alpha(opacity=10); }
  10242. .dashboard-stat.yellow-saffron .details .number {
  10243. color: #ffffff; }
  10244. .dashboard-stat.yellow-saffron .details .desc {
  10245. color: #ffffff;
  10246. opacity: 1;
  10247. filter: alpha(opacity=100); }
  10248. .dashboard-stat.yellow-saffron .more {
  10249. color: #ffffff;
  10250. background-color: #f3cb2c; }
  10251. .dashboard-stat.yellow-soft {
  10252. background-color: #c8d046; }
  10253. .dashboard-stat.yellow-soft.dashboard-stat-light:hover {
  10254. background-color: #c3cc36; }
  10255. .dashboard-stat.yellow-soft .visual > i {
  10256. color: #ffffff;
  10257. opacity: 0.1;
  10258. filter: alpha(opacity=10); }
  10259. .dashboard-stat.yellow-soft .details .number {
  10260. color: #ffffff; }
  10261. .dashboard-stat.yellow-soft .details .desc {
  10262. color: #ffffff;
  10263. opacity: 1;
  10264. filter: alpha(opacity=100); }
  10265. .dashboard-stat.yellow-soft .more {
  10266. color: #ffffff;
  10267. background-color: #c3cc36; }
  10268. .dashboard-stat.yellow-haze {
  10269. background-color: #c5bf66; }
  10270. .dashboard-stat.yellow-haze.dashboard-stat-light:hover {
  10271. background-color: #bfb957; }
  10272. .dashboard-stat.yellow-haze .visual > i {
  10273. color: #ffffff;
  10274. opacity: 0.1;
  10275. filter: alpha(opacity=10); }
  10276. .dashboard-stat.yellow-haze .details .number {
  10277. color: #ffffff; }
  10278. .dashboard-stat.yellow-haze .details .desc {
  10279. color: #ffffff;
  10280. opacity: 1;
  10281. filter: alpha(opacity=100); }
  10282. .dashboard-stat.yellow-haze .more {
  10283. color: #ffffff;
  10284. background-color: #bfb957; }
  10285. .dashboard-stat.yellow-mint {
  10286. background-color: #c5b96b; }
  10287. .dashboard-stat.yellow-mint.dashboard-stat-light:hover {
  10288. background-color: #bfb25c; }
  10289. .dashboard-stat.yellow-mint .visual > i {
  10290. color: #ffffff;
  10291. opacity: 0.1;
  10292. filter: alpha(opacity=10); }
  10293. .dashboard-stat.yellow-mint .details .number {
  10294. color: #ffffff; }
  10295. .dashboard-stat.yellow-mint .details .desc {
  10296. color: #ffffff;
  10297. opacity: 1;
  10298. filter: alpha(opacity=100); }
  10299. .dashboard-stat.yellow-mint .more {
  10300. color: #ffffff;
  10301. background-color: #bfb25c; }
  10302. .dashboard-stat.purple {
  10303. background-color: #8E44AD; }
  10304. .dashboard-stat.purple.dashboard-stat-light:hover {
  10305. background-color: #823e9e; }
  10306. .dashboard-stat.purple .visual > i {
  10307. color: #ffffff;
  10308. opacity: 0.1;
  10309. filter: alpha(opacity=10); }
  10310. .dashboard-stat.purple .details .number {
  10311. color: #ffffff; }
  10312. .dashboard-stat.purple .details .desc {
  10313. color: #ffffff;
  10314. opacity: 1;
  10315. filter: alpha(opacity=100); }
  10316. .dashboard-stat.purple .more {
  10317. color: #ffffff;
  10318. background-color: #823e9e; }
  10319. .dashboard-stat.purple-plum {
  10320. background-color: #8775a7; }
  10321. .dashboard-stat.purple-plum.dashboard-stat-light:hover {
  10322. background-color: #7c699f; }
  10323. .dashboard-stat.purple-plum .visual > i {
  10324. color: #ffffff;
  10325. opacity: 0.1;
  10326. filter: alpha(opacity=10); }
  10327. .dashboard-stat.purple-plum .details .number {
  10328. color: #ffffff; }
  10329. .dashboard-stat.purple-plum .details .desc {
  10330. color: #ffffff;
  10331. opacity: 1;
  10332. filter: alpha(opacity=100); }
  10333. .dashboard-stat.purple-plum .more {
  10334. color: #ffffff;
  10335. background-color: #7c699f; }
  10336. .dashboard-stat.purple-medium {
  10337. background-color: #BF55EC; }
  10338. .dashboard-stat.purple-medium.dashboard-stat-light:hover {
  10339. background-color: #b843ea; }
  10340. .dashboard-stat.purple-medium .visual > i {
  10341. color: #ffffff;
  10342. opacity: 0.1;
  10343. filter: alpha(opacity=10); }
  10344. .dashboard-stat.purple-medium .details .number {
  10345. color: #ffffff; }
  10346. .dashboard-stat.purple-medium .details .desc {
  10347. color: #ffffff;
  10348. opacity: 1;
  10349. filter: alpha(opacity=100); }
  10350. .dashboard-stat.purple-medium .more {
  10351. color: #ffffff;
  10352. background-color: #b843ea; }
  10353. .dashboard-stat.purple-studio {
  10354. background-color: #8E44AD; }
  10355. .dashboard-stat.purple-studio.dashboard-stat-light:hover {
  10356. background-color: #823e9e; }
  10357. .dashboard-stat.purple-studio .visual > i {
  10358. color: #ffffff;
  10359. opacity: 0.1;
  10360. filter: alpha(opacity=10); }
  10361. .dashboard-stat.purple-studio .details .number {
  10362. color: #ffffff; }
  10363. .dashboard-stat.purple-studio .details .desc {
  10364. color: #ffffff;
  10365. opacity: 1;
  10366. filter: alpha(opacity=100); }
  10367. .dashboard-stat.purple-studio .more {
  10368. color: #ffffff;
  10369. background-color: #823e9e; }
  10370. .dashboard-stat.purple-wisteria {
  10371. background-color: #9B59B6; }
  10372. .dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
  10373. background-color: #924dae; }
  10374. .dashboard-stat.purple-wisteria .visual > i {
  10375. color: #ffffff;
  10376. opacity: 0.1;
  10377. filter: alpha(opacity=10); }
  10378. .dashboard-stat.purple-wisteria .details .number {
  10379. color: #ffffff; }
  10380. .dashboard-stat.purple-wisteria .details .desc {
  10381. color: #ffffff;
  10382. opacity: 1;
  10383. filter: alpha(opacity=100); }
  10384. .dashboard-stat.purple-wisteria .more {
  10385. color: #ffffff;
  10386. background-color: #924dae; }
  10387. .dashboard-stat.purple-seance {
  10388. background-color: #9A12B3; }
  10389. .dashboard-stat.purple-seance.dashboard-stat-light:hover {
  10390. background-color: #8a10a0; }
  10391. .dashboard-stat.purple-seance .visual > i {
  10392. color: #ffffff;
  10393. opacity: 0.1;
  10394. filter: alpha(opacity=10); }
  10395. .dashboard-stat.purple-seance .details .number {
  10396. color: #ffffff; }
  10397. .dashboard-stat.purple-seance .details .desc {
  10398. color: #ffffff;
  10399. opacity: 1;
  10400. filter: alpha(opacity=100); }
  10401. .dashboard-stat.purple-seance .more {
  10402. color: #ffffff;
  10403. background-color: #8a10a0; }
  10404. .dashboard-stat.purple-intense {
  10405. background-color: #8775a7; }
  10406. .dashboard-stat.purple-intense.dashboard-stat-light:hover {
  10407. background-color: #7c699f; }
  10408. .dashboard-stat.purple-intense .visual > i {
  10409. color: #ffffff;
  10410. opacity: 0.1;
  10411. filter: alpha(opacity=10); }
  10412. .dashboard-stat.purple-intense .details .number {
  10413. color: #ffffff; }
  10414. .dashboard-stat.purple-intense .details .desc {
  10415. color: #ffffff;
  10416. opacity: 1;
  10417. filter: alpha(opacity=100); }
  10418. .dashboard-stat.purple-intense .more {
  10419. color: #ffffff;
  10420. background-color: #7c699f; }
  10421. .dashboard-stat.purple-sharp {
  10422. background-color: #796799; }
  10423. .dashboard-stat.purple-sharp.dashboard-stat-light:hover {
  10424. background-color: #6f5f8d; }
  10425. .dashboard-stat.purple-sharp .visual > i {
  10426. color: #ffffff;
  10427. opacity: 0.1;
  10428. filter: alpha(opacity=10); }
  10429. .dashboard-stat.purple-sharp .details .number {
  10430. color: #ffffff; }
  10431. .dashboard-stat.purple-sharp .details .desc {
  10432. color: #ffffff;
  10433. opacity: 1;
  10434. filter: alpha(opacity=100); }
  10435. .dashboard-stat.purple-sharp .more {
  10436. color: #ffffff;
  10437. background-color: #6f5f8d; }
  10438. .dashboard-stat.purple-soft {
  10439. background-color: #8877a9; }
  10440. .dashboard-stat.purple-soft.dashboard-stat-light:hover {
  10441. background-color: #7d6ba1; }
  10442. .dashboard-stat.purple-soft .visual > i {
  10443. color: #ffffff;
  10444. opacity: 0.1;
  10445. filter: alpha(opacity=10); }
  10446. .dashboard-stat.purple-soft .details .number {
  10447. color: #ffffff; }
  10448. .dashboard-stat.purple-soft .details .desc {
  10449. color: #ffffff;
  10450. opacity: 1;
  10451. filter: alpha(opacity=100); }
  10452. .dashboard-stat.purple-soft .more {
  10453. color: #ffffff;
  10454. background-color: #7d6ba1; }
  10455. .dashboard-stat-light {
  10456. padding-bottom: 20px;
  10457. margin-bottom: 20px; }
  10458. .dashboard-stat-light .details {
  10459. margin-bottom: 5px; }
  10460. .dashboard-stat-light .details .number {
  10461. font-weight: 300;
  10462. margin-bottom: 0px; }
  10463. /***
  10464. Dashboard Stats 2
  10465. ***/
  10466. .dashboard-stat2 {
  10467. -webkit-border-radius: 4px;
  10468. -moz-border-radius: 4px;
  10469. -ms-border-radius: 4px;
  10470. -o-border-radius: 4px;
  10471. border-radius: 4px;
  10472. background: #fff;
  10473. padding: 15px 15px 30px 15px;
  10474. margin-bottom: 20px; }
  10475. .dashboard-stat2.bordered {
  10476. border: 1px solid #e7ecf1; }
  10477. .dashboard-stat2 .display {
  10478. margin-bottom: 20px; }
  10479. .dashboard-stat2 .display:before, .dashboard-stat2 .display:after {
  10480. content: " ";
  10481. display: table; }
  10482. .dashboard-stat2 .display:after {
  10483. clear: both; }
  10484. .dashboard-stat2 .display .number {
  10485. float: left;
  10486. display: inline-block; }
  10487. .dashboard-stat2 .display .number h3 {
  10488. margin: 0 0 2px 0;
  10489. padding: 0;
  10490. font-size: 30px;
  10491. font-weight: 400; }
  10492. .dashboard-stat2 .display .number h3 > small {
  10493. font-size: 23px; }
  10494. .dashboard-stat2 .display .number small {
  10495. font-size: 14px;
  10496. color: #AAB5BC;
  10497. font-weight: 600;
  10498. text-transform: uppercase; }
  10499. .dashboard-stat2 .display .icon {
  10500. display: inline-block;
  10501. float: right;
  10502. padding: 7px 0 0 0; }
  10503. .dashboard-stat2 .display .icon > i {
  10504. color: #cbd4e0;
  10505. font-size: 26px; }
  10506. .dashboard-stat2 .progress-info {
  10507. clear: both; }
  10508. .dashboard-stat2 .progress-info .progress {
  10509. margin: 0;
  10510. height: 4px;
  10511. clear: both;
  10512. display: block; }
  10513. .dashboard-stat2 .progress-info .status {
  10514. margin-top: 5px;
  10515. font-size: 11px;
  10516. color: #AAB5BC;
  10517. font-weight: 600;
  10518. text-transform: uppercase; }
  10519. .dashboard-stat2 .progress-info .status .status-title {
  10520. float: left;
  10521. display: inline-block; }
  10522. .dashboard-stat2 .progress-info .status .status-number {
  10523. float: right;
  10524. display: inline-block; }
  10525. /***
  10526. Text Stats
  10527. ***/
  10528. .text-stat h3 {
  10529. margin-top: 5px;
  10530. margin-bottom: 0px;
  10531. font-size: 18px; }
  10532. .text-stat span {
  10533. font-size: 13px !important; }
  10534. @media (max-width: 767px) {
  10535. /* 767px */
  10536. .text-stat {
  10537. margin-top: 20px; } }
  10538. /***
  10539. Social Icons
  10540. ***/
  10541. .social-icons {
  10542. padding: 0;
  10543. margin: 0; }
  10544. .social-icons:before, .social-icons:after {
  10545. content: " ";
  10546. display: table; }
  10547. .social-icons:after {
  10548. clear: both; }
  10549. .social-icons li {
  10550. float: left;
  10551. display: inline;
  10552. list-style: none;
  10553. margin-right: 5px;
  10554. margin-bottom: 5px;
  10555. text-indent: -9999px; }
  10556. .social-icons li > a {
  10557. -webkit-border-radius: 2px;
  10558. -moz-border-radius: 2px;
  10559. -ms-border-radius: 2px;
  10560. -o-border-radius: 2px;
  10561. border-radius: 2px;
  10562. width: 28px;
  10563. height: 28px;
  10564. display: block;
  10565. background-position: 0 0;
  10566. background-repeat: no-repeat;
  10567. transition: all 0.3s ease-in-out;
  10568. -o-transition: all 0.3s ease-in-out;
  10569. -ms-transition: all 0.3s ease-in-out;
  10570. -moz-transition: all 0.3s ease-in-out;
  10571. -webkit-transition: all 0.3s ease-in-out; }
  10572. .social-icons li:hover > a {
  10573. background-position: 0 -38px; }
  10574. .social-icons li .amazon {
  10575. background: url(../img/social/amazon.png) no-repeat; }
  10576. .social-icons li .behance {
  10577. background: url(../img/social/behance.png) no-repeat; }
  10578. .social-icons li .blogger {
  10579. background: url(../img/social/blogger.png) no-repeat; }
  10580. .social-icons li .deviantart {
  10581. background: url(../img/social/deviantart.png) no-repeat; }
  10582. .social-icons li .dribbble {
  10583. background: url(../img/social/dribbble.png) no-repeat; }
  10584. .social-icons li .dropbox {
  10585. background: url(../img/social/dropbox.png) no-repeat; }
  10586. .social-icons li .evernote {
  10587. background: url(../img/social/evernote.png) no-repeat; }
  10588. .social-icons li .facebook {
  10589. background: url(../img/social/facebook.png) no-repeat; }
  10590. .social-icons li .forrst {
  10591. background: url(../img/social/forrst.png) no-repeat; }
  10592. .social-icons li .github {
  10593. background: url(../img/social/github.png) no-repeat; }
  10594. .social-icons li .googleplus {
  10595. background: url(../img/social/googleplus.png) no-repeat; }
  10596. .social-icons li .jolicloud {
  10597. background: url(../img/social/jolicloud.png) no-repeat; }
  10598. .social-icons li .last-fm {
  10599. background: url(../img/social/last-fm.png) no-repeat; }
  10600. .social-icons li .linkedin {
  10601. background: url(../img/social/linkedin.png) no-repeat; }
  10602. .social-icons li .picasa {
  10603. background: url(../img/social/picasa.png) no-repeat; }
  10604. .social-icons li .pintrest {
  10605. background: url(../img/social/pintrest.png) no-repeat; }
  10606. .social-icons li .rss {
  10607. background: url(../img/social/rss.png) no-repeat; }
  10608. .social-icons li .skype {
  10609. background: url(../img/social/skype.png) no-repeat; }
  10610. .social-icons li .spotify {
  10611. background: url(../img/social/spotify.png) no-repeat; }
  10612. .social-icons li .stumbleupon {
  10613. background: url(../img/social/stumbleupon.png) no-repeat; }
  10614. .social-icons li .tumblr {
  10615. background: url(../img/social/tumblr.png) no-repeat; }
  10616. .social-icons li .twitter {
  10617. background: url(../img/social/twitter.png) no-repeat; }
  10618. .social-icons li .vimeo {
  10619. background: url(../img/social/vimeo.png) no-repeat; }
  10620. .social-icons li .wordpress {
  10621. background: url(../img/social/wordpress.png) no-repeat; }
  10622. .social-icons li .xing {
  10623. background: url(../img/social/xing.png) no-repeat; }
  10624. .social-icons li .yahoo {
  10625. background: url(../img/social/yahoo.png) no-repeat; }
  10626. .social-icons li .youtube {
  10627. background: url(../img/social/youtube.png) no-repeat; }
  10628. .social-icons li .vk {
  10629. background: url(../img/social/vk.png) no-repeat; }
  10630. .social-icons li .instagram {
  10631. background: url(../img/social/instagram.png) no-repeat; }
  10632. .social-icons li .reddit {
  10633. background: url(../img/social/reddit.png) no-repeat; }
  10634. .social-icons li .aboutme {
  10635. background: url(../img/social/aboutme.png) no-repeat; }
  10636. .social-icons li .flickr {
  10637. background: url(../img/social/flickr.png) no-repeat; }
  10638. .social-icons li .foursquare {
  10639. background: url(../img/social/foursquare.png) no-repeat; }
  10640. .social-icons li .gravatar {
  10641. background: url(../img/social/gravatar.png) no-repeat; }
  10642. .social-icons li .klout {
  10643. background: url(../img/social/klout.png) no-repeat; }
  10644. .social-icons li .myspace {
  10645. background: url(../img/social/myspace.png) no-repeat; }
  10646. .social-icons li .quora {
  10647. background: url(../img/social/quora.png) no-repeat; }
  10648. .social-icons.social-icons-color > li > a {
  10649. opacity: 0.7;
  10650. background-position: 0 -38px !important; }
  10651. .social-icons.social-icons-color > li > a:hover {
  10652. opacity: 1; }
  10653. .social-icons.social-icons-circle > li > a {
  10654. border-radius: 25px !important; }
  10655. /***
  10656. Inline Social Icons
  10657. ***/
  10658. .social-icon {
  10659. display: inline-block !important;
  10660. width: 28px;
  10661. height: 28px;
  10662. background-position: 0 0;
  10663. background-repeat: no-repeat;
  10664. -webkit-border-radius: 2px;
  10665. -moz-border-radius: 2px;
  10666. -ms-border-radius: 2px;
  10667. -o-border-radius: 2px;
  10668. border-radius: 2px;
  10669. transition: all 0.3s ease-in-out;
  10670. -o-transition: all 0.3s ease-in-out;
  10671. -ms-transition: all 0.3s ease-in-out;
  10672. -moz-transition: all 0.3s ease-in-out;
  10673. -webkit-transition: all 0.3s ease-in-out; }
  10674. .social-icon.social-icon-circle {
  10675. border-radius: 25px !important; }
  10676. .social-icon.amazon {
  10677. background: url(../img/social/amazon.png) no-repeat; }
  10678. .social-icon.behance {
  10679. background: url(../img/social/behance.png) no-repeat; }
  10680. .social-icon.blogger {
  10681. background: url(../img/social/blogger.png) no-repeat; }
  10682. .social-icon.deviantart {
  10683. background: url(../img/social/deviantart.png) no-repeat; }
  10684. .social-icon.dribbble {
  10685. background: url(../img/social/dribbble.png) no-repeat; }
  10686. .social-icon.dropbox {
  10687. background: url(../img/social/dropbox.png) no-repeat; }
  10688. .social-icon.evernote {
  10689. background: url(../img/social/evernote.png) no-repeat; }
  10690. .social-icon.facebook {
  10691. background: url(../img/social/facebook.png) no-repeat; }
  10692. .social-icon.forrst {
  10693. background: url(../img/social/forrst.png) no-repeat; }
  10694. .social-icon.github {
  10695. background: url(../img/social/github.png) no-repeat; }
  10696. .social-icon.googleplus {
  10697. background: url(../img/social/googleplus.png) no-repeat; }
  10698. .social-icon.jolicloud {
  10699. background: url(../img/social/jolicloud.png) no-repeat; }
  10700. .social-icon.last-fm {
  10701. background: url(../img/social/last-fm.png) no-repeat; }
  10702. .social-icon.linkedin {
  10703. background: url(../img/social/linkedin.png) no-repeat; }
  10704. .social-icon.picasa {
  10705. background: url(../img/social/picasa.png) no-repeat; }
  10706. .social-icon.pintrest {
  10707. background: url(../img/social/pintrest.png) no-repeat; }
  10708. .social-icon.rss {
  10709. background: url(../img/social/rss.png) no-repeat; }
  10710. .social-icon.skype {
  10711. background: url(../img/social/skype.png) no-repeat; }
  10712. .social-icon.spotify {
  10713. background: url(../img/social/spotify.png) no-repeat; }
  10714. .social-icon.stumbleupon {
  10715. background: url(../img/social/stumbleupon.png) no-repeat; }
  10716. .social-icon.tumblr {
  10717. background: url(../img/social/tumblr.png) no-repeat; }
  10718. .social-icon.twitter {
  10719. background: url(../img/social/twitter.png) no-repeat; }
  10720. .social-icon.vimeo {
  10721. background: url(../img/social/vimeo.png) no-repeat; }
  10722. .social-icon.wordpress {
  10723. background: url(../img/social/wordpress.png) no-repeat; }
  10724. .social-icon.xing {
  10725. background: url(../img/social/xing.png) no-repeat; }
  10726. .social-icon.yahoo {
  10727. background: url(../img/social/yahoo.png) no-repeat; }
  10728. .social-icon.youtube {
  10729. background: url(../img/social/youtube.png) no-repeat; }
  10730. .social-icon.vk {
  10731. background: url(../img/social/vk.png) no-repeat; }
  10732. .social-icon.instagram {
  10733. background: url(../img/social/instagram.png) no-repeat; }
  10734. .social-icon.reddit {
  10735. background: url(../img/social/reddit.png) no-repeat; }
  10736. .social-icon.aboutme {
  10737. background: url(../img/social/aboutme.png) no-repeat; }
  10738. .social-icon.flickr {
  10739. background: url(../img/social/flickr.png) no-repeat; }
  10740. .social-icon.foursquare {
  10741. background: url(../img/social/foursquare.png) no-repeat; }
  10742. .social-icon.gravatar {
  10743. background: url(../img/social/gravatar.png) no-repeat; }
  10744. .social-icon.klout {
  10745. background: url(../img/social/klout.png) no-repeat; }
  10746. .social-icon.myspace {
  10747. background: url(../img/social/myspace.png) no-repeat; }
  10748. .social-icon.quora {
  10749. background: url(../img/social/quora.png) no-repeat; }
  10750. .social-icon:hover {
  10751. background-position: 0 -38px; }
  10752. .social-icon-color {
  10753. opacity: 0.7;
  10754. background-position: 0 -38px !important; }
  10755. .social-icon-color:hover {
  10756. opacity: 1; }
  10757. /***
  10758. Scrollable Tables
  10759. ***/
  10760. .table-scrollable {
  10761. width: 100%;
  10762. overflow-x: auto;
  10763. overflow-y: hidden;
  10764. border: 1px solid #e7ecf1;
  10765. margin: 10px 0 !important; }
  10766. .DTS .table-scrollable {
  10767. border: 0; }
  10768. .table-scrollable.table-scrollable-borderless {
  10769. border: 0; }
  10770. .table-scrollable > .table {
  10771. width: 100% !important;
  10772. margin: 0 !important;
  10773. margin-bottom: 0;
  10774. background-color: #fff; }
  10775. .table-scrollable > .table > thead > tr > th,
  10776. .table-scrollable > .table > tbody > tr > th,
  10777. .table-scrollable > .table > tfoot > tr > th,
  10778. .table-scrollable > .table > tfoot > tr > th,
  10779. .table-scrollable > .table > tfoot > tr > td {
  10780. white-space: nowrap; }
  10781. .table-scrollable > .table-bordered {
  10782. border: 0; }
  10783. .table-scrollable > .table-bordered > thead > tr > th:first-child,
  10784. .table-scrollable > .table-bordered > tbody > tr > th:first-child,
  10785. .table-scrollable > .table-bordered > tfoot > tr > th:first-child,
  10786. .table-scrollable > .table-bordered > thead > tr > td:first-child,
  10787. .table-scrollable > .table-bordered > tbody > tr > td:first-child,
  10788. .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  10789. border-left: 0; }
  10790. .table-scrollable > .table-bordered > thead > tr > th:last-child,
  10791. .table-scrollable > .table-bordered > tbody > tr > th:last-child,
  10792. .table-scrollable > .table-bordered > tfoot > tr > th:last-child,
  10793. .table-scrollable > .table-bordered > thead > tr > td:last-child,
  10794. .table-scrollable > .table-bordered > tbody > tr > td:last-child,
  10795. .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  10796. border-right: 0; }
  10797. .table-scrollable > .table-bordered > thead > tr:last-child > th,
  10798. .table-scrollable > .table-bordered > tbody > tr:last-child > th,
  10799. .table-scrollable > .table-bordered > tfoot > tr:last-child > th,
  10800. .table-scrollable > .table-bordered > thead > tr:last-child > td,
  10801. .table-scrollable > .table-bordered > tbody > tr:last-child > td,
  10802. .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  10803. border-bottom: 0; }
  10804. /***
  10805. Customized Bootstrap Tables
  10806. ***/
  10807. .table td,
  10808. .table th {
  10809. font-size: 14px; }
  10810. .table.table-bordered thead > tr > th {
  10811. border-bottom: 0; }
  10812. .table td .img-responsive {
  10813. width: 100%; }
  10814. /***
  10815. Responsive Flip Scroll Tables
  10816. ***/
  10817. .flip-scroll table {
  10818. width: 100%; }
  10819. @media only screen and (max-width: 768px) {
  10820. /* 768px */
  10821. .flip-scroll .flip-content:after {
  10822. visibility: hidden;
  10823. display: block;
  10824. font-size: 0;
  10825. content: " ";
  10826. clear: both;
  10827. height: 0; }
  10828. .flip-scroll * html .flip-content {
  10829. zoom: 1; }
  10830. .flip-scroll *:first-child + html .flip-content {
  10831. zoom: 1; }
  10832. .flip-scroll table {
  10833. width: 100%;
  10834. border-collapse: collapse;
  10835. border-spacing: 0; }
  10836. .flip-scroll th,
  10837. .flip-scroll td {
  10838. margin: 0;
  10839. vertical-align: top; }
  10840. .flip-scroll th {
  10841. text-align: left;
  10842. border: 0 !important;
  10843. border-bottom: 1px solid #ddd !important;
  10844. border-right: 1px solid #ddd !important;
  10845. font-size: 13px !important;
  10846. padding: 5px;
  10847. width: auto !important; }
  10848. .flip-scroll table {
  10849. display: block;
  10850. position: relative;
  10851. width: 100%; }
  10852. .flip-scroll thead {
  10853. display: block;
  10854. float: left; }
  10855. .flip-scroll tbody {
  10856. display: block;
  10857. width: auto;
  10858. position: relative;
  10859. overflow-x: auto;
  10860. white-space: nowrap; }
  10861. .flip-scroll .flip-content tbody tr td {
  10862. font-size: 13px;
  10863. line-height: 1.483; }
  10864. .flip-scroll .table-bordered.flip-content tbody tr td {
  10865. font-size: 13px;
  10866. line-height: 1.43; }
  10867. .flip-scroll thead tr {
  10868. display: block; }
  10869. .flip-scroll th {
  10870. display: block;
  10871. text-align: right; }
  10872. .flip-scroll tbody tr {
  10873. display: inline-block;
  10874. vertical-align: top;
  10875. margin-left: -5px; }
  10876. .flip-scroll td {
  10877. display: block;
  10878. min-height: 1.25em;
  10879. text-align: left;
  10880. border-top: 0 !important;
  10881. border-left: 0 !important;
  10882. border-right: 0 !important; }
  10883. /* sort out borders */
  10884. .flip-scroll th {
  10885. border-bottom: 0;
  10886. border-left: 0; }
  10887. .flip-scroll td {
  10888. border-left: 0;
  10889. border-right: 0;
  10890. border-bottom: 0; }
  10891. .flip-scroll tbody tr {
  10892. border-left: 1px solid #ddd; }
  10893. .flip-scroll th:last-child,
  10894. .flip-scroll td:last-child {
  10895. border-bottom: 1px solid #ddd; } }
  10896. /***
  10897. Custom tables
  10898. ***/
  10899. .table-toolbar {
  10900. margin-bottom: 20px; }
  10901. .table-toolbar:before, .table-toolbar:after {
  10902. content: " ";
  10903. display: table; }
  10904. .table-toolbar:after {
  10905. clear: both; }
  10906. .table.table-full-width {
  10907. width: 100% !important; }
  10908. .table .btn {
  10909. margin-top: 0px;
  10910. margin-left: 0px;
  10911. margin-right: 5px; }
  10912. .table thead tr th {
  10913. font-size: 14px;
  10914. font-weight: 600; }
  10915. .table-advance {
  10916. margin-bottom: 10px !important; }
  10917. .table-advance thead {
  10918. color: #3f444a; }
  10919. .table-advance thead tr th {
  10920. background-color: #f1f4f7;
  10921. font-size: 14px;
  10922. font-weight: 400;
  10923. color: #3f444a; }
  10924. .table-advance div.success,
  10925. .table-advance div.info,
  10926. .table-advance div.important,
  10927. .table-advance div.warning,
  10928. .table-advance div.danger {
  10929. position: absolute;
  10930. margin-top: -5px;
  10931. float: left;
  10932. width: 2px;
  10933. height: 30px;
  10934. margin-right: 20px !important; }
  10935. .table-advance tr td {
  10936. border-left-width: 0px; }
  10937. .table-advance tr td:first-child {
  10938. border-left-width: 2px !important; }
  10939. .table-advance tr td.highlight:first-child a {
  10940. margin-left: 15px; }
  10941. .table-advance td.highlight div.primary {
  10942. border-left: 2px solid #337ab7; }
  10943. .table-advance td.highlight div.success {
  10944. border-left: 2px solid #36c6d3; }
  10945. .table-advance td.highlight div.info {
  10946. border-left: 2px solid #659be0; }
  10947. .table-advance td.highlight div.warning {
  10948. border-left: 2px solid #F1C40F; }
  10949. .table-advance td.highlight div.danger {
  10950. border-left: 2px solid #ed6b75; }
  10951. @media (max-width: 767px) {
  10952. /* 767px */
  10953. .table-advance tr > td.highlight:first-child a {
  10954. margin-left: 8px; } }
  10955. /***
  10956. Light Table
  10957. ***/
  10958. .table.table-light {
  10959. border: 0 !important; }
  10960. .table.table-light > thead > tr:hover > th {
  10961. background: none; }
  10962. .table.table-light > thead > tr.uppercase {
  10963. text-transform: uppercase; }
  10964. .table.table-light > thead > tr > th {
  10965. font-weight: 600;
  10966. font-size: 13px;
  10967. color: #93a2a9;
  10968. font-family: "Open Sans", sans-serif;
  10969. border: 0;
  10970. border-bottom: 1px solid #F2F5F8; }
  10971. .table.table-light > tbody > tr:last-child > td {
  10972. border: 0; }
  10973. .table.table-light > tbody > tr > td {
  10974. border: 0;
  10975. border-bottom: 1px solid #F2F5F8;
  10976. color: #8896a0;
  10977. vertical-align: middle; }
  10978. .table.table-light > tbody > tr > td.fit {
  10979. width: 1px;
  10980. padding-right: 3px; }
  10981. .table.table-light > tbody > tr > td .user-pic {
  10982. display: inline-block;
  10983. vertical-align: middle;
  10984. height: 30px;
  10985. -webkit-border-radius: 100%;
  10986. -moz-border-radius: 100%;
  10987. -ms-border-radius: 100%;
  10988. -o-border-radius: 100%;
  10989. border-radius: 100%; }
  10990. .table.table-light.table-hover > tbody > tr > td:hover,
  10991. .table.table-light.table-hover > tbody > tr > th:hover,
  10992. .table.table-light.table-hover > tbody > tr:hover > td {
  10993. background: #f9fafb !important; }
  10994. .table-hover > tbody > tr:hover,
  10995. .table-hover > tbody > tr:hover > td {
  10996. background: #f3f4f6 !important; }
  10997. /***
  10998. Customized Bootstrap Tabs
  10999. ***/
  11000. /* Tabs and pills */
  11001. .nav-tabs,
  11002. .nav-pills {
  11003. margin-bottom: 10px; }
  11004. .nav-tabs > li > a,
  11005. .nav-pills > li > a {
  11006. font-size: 14px;
  11007. -webkit-border-radius: 4px 4px 0 0;
  11008. -moz-border-radius: 4px 4px 0 0;
  11009. -ms-border-radius: 4px 4px 0 0;
  11010. -o-border-radius: 4px 4px 0 0;
  11011. border-radius: 4px 4px 0 0; }
  11012. .nav-tabs > li > a > .badge,
  11013. .nav-pills > li > a > .badge {
  11014. margin-top: -6px; }
  11015. .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after,
  11016. .nav-pills > li .dropdown-menu:before,
  11017. .nav-pills > li .dropdown-menu:after {
  11018. display: none; }
  11019. .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a,
  11020. .nav-pills.nav-tabs-sm > li > a,
  11021. .nav-pills.nav-pills-sm > li > a {
  11022. font-size: 13px; }
  11023. .nav-tabs .dropdown.open > .dropdown-toggle,
  11024. .nav-pills .dropdown.open > .dropdown-toggle {
  11025. background: #eee;
  11026. color: #0d638f;
  11027. border-color: transparent; }
  11028. /* Left and right tabs */
  11029. .tabs-right.nav-tabs,
  11030. .tabs-left.nav-tabs {
  11031. border-bottom: 0; }
  11032. .tabs-right.nav-tabs > li,
  11033. .tabs-left.nav-tabs > li {
  11034. float: none; }
  11035. .tabs-right.nav-tabs > li > a,
  11036. .tabs-left.nav-tabs > li > a {
  11037. margin-right: 0;
  11038. margin-bottom: 3px; }
  11039. /* Left tabs */
  11040. .tabs-left.nav-tabs {
  11041. border-right: 1px solid #ddd; }
  11042. .tabs-left.nav-tabs > li > a {
  11043. display: block;
  11044. margin-right: -1px; }
  11045. .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus {
  11046. -webkit-border-radius: 4px 0 0 4px;
  11047. -moz-border-radius: 4px 0 0 4px;
  11048. -ms-border-radius: 4px 0 0 4px;
  11049. -o-border-radius: 4px 0 0 4px;
  11050. border-radius: 4px 0 0 4px;
  11051. border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
  11052. .tabs-left.nav-tabs > li.active > a,
  11053. .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
  11054. -webkit-border-radius: 4px 0 0 4px;
  11055. -moz-border-radius: 4px 0 0 4px;
  11056. -ms-border-radius: 4px 0 0 4px;
  11057. -o-border-radius: 4px 0 0 4px;
  11058. border-radius: 4px 0 0 4px;
  11059. border-color: #ddd transparent #ddd #ddd;
  11060. *border-right-color: #ffffff; }
  11061. /* Right tabs */
  11062. .tabs-right.nav-tabs {
  11063. border-left: 1px solid #ddd; }
  11064. .tabs-right.nav-tabs > li > a {
  11065. display: block;
  11066. margin-left: -1px; }
  11067. .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus {
  11068. -webkit-border-radius: 0 4px 4px 0;
  11069. -moz-border-radius: 0 4px 4px 0;
  11070. -ms-border-radius: 0 4px 4px 0;
  11071. -o-border-radius: 0 4px 4px 0;
  11072. border-radius: 0 4px 4px 0;
  11073. border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
  11074. .tabs-right.nav-tabs > li.active > a,
  11075. .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
  11076. -webkit-border-radius: 0 4px 4px 0;
  11077. -moz-border-radius: 0 4px 4px 0;
  11078. -ms-border-radius: 0 4px 4px 0;
  11079. -o-border-radius: 0 4px 4px 0;
  11080. border-radius: 0 4px 4px 0;
  11081. border-color: #ddd #ddd #ddd transparent;
  11082. *border-left-color: #ffffff; }
  11083. /* Below tabs */
  11084. .tabs-below > .nav-tabs,
  11085. .tabs-below > .nav-pills {
  11086. border-bottom: 0;
  11087. margin-bottom: 0px;
  11088. margin-top: 10px; }
  11089. .tabs-below > .nav-tabs {
  11090. border-top: 1px solid #ddd;
  11091. margin-bottom: 0;
  11092. margin-top: 10px; }
  11093. .tabs-below > .nav-tabs > li > a {
  11094. margin-top: -1px;
  11095. margin-bottom: 0; }
  11096. .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  11097. border-top-color: #ddd;
  11098. border-bottom-color: transparent; }
  11099. .tabs-below > .nav-tabs > li > a .dropdown-menu {
  11100. -webkit-border-radius: 4px;
  11101. -moz-border-radius: 4px;
  11102. -ms-border-radius: 4px;
  11103. -o-border-radius: 4px;
  11104. border-radius: 4px; }
  11105. .tabs-below > .nav-tabs .active a,
  11106. .tabs-below > .nav-tabs .active a:hover .active a:focus {
  11107. -webkit-border-radius: 0 0 4px 4px;
  11108. -moz-border-radius: 0 0 4px 4px;
  11109. -ms-border-radius: 0 0 4px 4px;
  11110. -o-border-radius: 0 0 4px 4px;
  11111. border-radius: 0 0 4px 4px;
  11112. border-color: transparent #ddd #ddd #ddd !important; }
  11113. /***
  11114. Custom tabs
  11115. ***/
  11116. /* In BS3.0.0 tabbable class was removed. We had to added it back */
  11117. .tabbable:before, .tabbable:after {
  11118. content: " ";
  11119. display: table; }
  11120. .tabbable:after {
  11121. clear: both; }
  11122. .tabbable-custom {
  11123. margin-bottom: 15px;
  11124. padding: 0px;
  11125. overflow: hidden;
  11126. /* justified tabs */
  11127. /* boxless tabs */
  11128. /* below justified tabs */
  11129. /* full width tabs */
  11130. /* below tabs */ }
  11131. .tabbable-custom > .nav-tabs {
  11132. border: none;
  11133. margin: 0px; }
  11134. .tabbable-custom > .nav-tabs > li {
  11135. margin-right: 2px;
  11136. border-top: 2px solid transparent; }
  11137. .tabbable-custom > .nav-tabs > li > a {
  11138. margin-right: 0;
  11139. -webkit-border-radius: 0;
  11140. -moz-border-radius: 0;
  11141. -ms-border-radius: 0;
  11142. -o-border-radius: 0;
  11143. border-radius: 0; }
  11144. .tabbable-custom > .nav-tabs > li > a:hover {
  11145. background: none;
  11146. border-color: transparent; }
  11147. .tabbable-custom > .nav-tabs > li.active {
  11148. border-top: 3px solid #ed6b75;
  11149. margin-top: 0;
  11150. position: relative; }
  11151. .tabbable-custom > .nav-tabs > li.active > a {
  11152. border-top: none !important;
  11153. font-weight: 400;
  11154. -webkit-border-radius: 0;
  11155. -moz-border-radius: 0;
  11156. -ms-border-radius: 0;
  11157. -o-border-radius: 0;
  11158. border-radius: 0; }
  11159. .tabbable-custom > .nav-tabs > li.active > a:hover {
  11160. -webkit-border-radius: 0;
  11161. -moz-border-radius: 0;
  11162. -ms-border-radius: 0;
  11163. -o-border-radius: 0;
  11164. border-radius: 0;
  11165. border-top: none;
  11166. background: #fff;
  11167. border-color: #d4d4d4 #d4d4d4 transparent; }
  11168. .tabbable-custom > .tab-content {
  11169. background-color: #fff;
  11170. border: 1px solid #ddd;
  11171. padding: 10px;
  11172. -webkit-border-radius: 0 0 4px 4px;
  11173. -moz-border-radius: 0 0 4px 4px;
  11174. -ms-border-radius: 0 0 4px 4px;
  11175. -o-border-radius: 0 0 4px 4px;
  11176. border-radius: 0 0 4px 4px; }
  11177. .tabbable-custom.nav-justified > .tab-content {
  11178. margin-top: -1px; }
  11179. .tabbable-custom.boxless > .tab-content {
  11180. padding: 15px 0;
  11181. border-left: none;
  11182. border-right: none;
  11183. border-bottom: none; }
  11184. .tabbable-custom.tabs-below.nav-justified .tab-content {
  11185. margin-top: 0px;
  11186. margin-bottom: -2px;
  11187. -webkit-border-radius: 4px 4px 0 0;
  11188. -moz-border-radius: 4px 4px 0 0;
  11189. -ms-border-radius: 4px 4px 0 0;
  11190. -o-border-radius: 4px 4px 0 0;
  11191. border-radius: 4px 4px 0 0; }
  11192. .tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  11193. color: #424242;
  11194. font-size: 15px;
  11195. padding: 9px 15px; }
  11196. .tabbable-custom.tabbable-full-width > .tab-content {
  11197. padding: 15px 0;
  11198. border-left: none;
  11199. border-right: none;
  11200. border-bottom: none; }
  11201. .tabbable-custom.tabs-below .nav-tabs > li > a {
  11202. border-top: none;
  11203. border-bottom: 2px solid transparent;
  11204. margin-top: -1px; }
  11205. .tabbable-custom.tabs-below .nav-tabs > li.active {
  11206. border-top: none;
  11207. border-bottom: 3px solid #d12610;
  11208. margin-bottom: 0;
  11209. position: relative; }
  11210. .tabbable-custom.tabs-below .nav-tabs > li.active > a {
  11211. border-bottom: none; }
  11212. .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  11213. background: #fff;
  11214. border-color: #d4d4d4 #d4d4d4 transparent; }
  11215. .tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  11216. border: 0; }
  11217. .tabbable-custom.tabbable-noborder .tab-content {
  11218. border: 0; }
  11219. .portlet:not(.light) .tabbable-line {
  11220. padding-top: 15px; }
  11221. .tabbable-line > .nav-tabs {
  11222. border: none;
  11223. margin: 0px; }
  11224. .tabbable-line > .nav-tabs > li {
  11225. margin: 0;
  11226. border-bottom: 4px solid transparent; }
  11227. .tabbable-line > .nav-tabs > li > a {
  11228. background: none !important;
  11229. border: 0;
  11230. margin: 0;
  11231. padding-left: 15px;
  11232. padding-right: 15px;
  11233. color: #737373; }
  11234. .tabbable-line > .nav-tabs > li > a > i {
  11235. color: #a6a6a6; }
  11236. .tabbable-line > .nav-tabs > li.active {
  11237. background: none;
  11238. border-bottom: 4px solid #36c6d3;
  11239. position: relative; }
  11240. .tabbable-line > .nav-tabs > li.active > a {
  11241. border: 0;
  11242. color: #333; }
  11243. .tabbable-line > .nav-tabs > li.active > a > i {
  11244. color: #404040; }
  11245. .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  11246. background: none;
  11247. border-bottom: 4px solid #9fe4ea; }
  11248. .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  11249. border: 0;
  11250. background: none !important;
  11251. color: #333; }
  11252. .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  11253. color: #a6a6a6; }
  11254. .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  11255. margin-top: 0px; }
  11256. .tabbable-line > .tab-content {
  11257. margin-top: 0;
  11258. border: 0;
  11259. border-top: 1px solid #eef1f5;
  11260. padding: 30px 0; }
  11261. .page-container-bg-solid .tabbable-line > .tab-content {
  11262. border-top: 1px solid #dae2ea; }
  11263. .portlet .tabbable-line > .tab-content {
  11264. padding-bottom: 0; }
  11265. .tabbable-line.tabs-below > .nav-tabs > li {
  11266. border-top: 4px solid transparent; }
  11267. .tabbable-line.tabs-below > .nav-tabs > li > a {
  11268. margin-top: 0; }
  11269. .tabbable-line.tabs-below > .nav-tabs > li:hover {
  11270. border-bottom: 0;
  11271. border-top: 4px solid #fbdcde; }
  11272. .tabbable-line.tabs-below > .nav-tabs > li.active {
  11273. margin-bottom: -2px;
  11274. border-bottom: 0;
  11275. border-top: 4px solid #ed6b75; }
  11276. .tabbable-line.tabs-below > .tab-content {
  11277. margin-top: -10px;
  11278. border-top: 0;
  11279. border-bottom: 1px solid #eee;
  11280. padding-bottom: 15px; }
  11281. .portlet .tabbable-bordered {
  11282. margin-top: 20px; }
  11283. .tabbable-bordered .nav-tabs {
  11284. margin-bottom: 0;
  11285. border-bottom: 0; }
  11286. .tabbable-bordered .tab-content {
  11287. padding: 30px 20px 20px 20px;
  11288. border: 1px solid #ddd;
  11289. background: #ffffff; }
  11290. /***
  11291. Tiles(new in v1.1.1)
  11292. ***/
  11293. .tiles {
  11294. margin-right: -10px; }
  11295. .tiles:before, .tiles:after {
  11296. display: table;
  11297. content: " "; }
  11298. .tiles:after {
  11299. clear: both; }
  11300. .tiles .tile {
  11301. display: block;
  11302. letter-spacing: 0.02em;
  11303. float: left;
  11304. height: 135px;
  11305. width: 135px !important;
  11306. cursor: pointer;
  11307. text-decoration: none;
  11308. color: #ffffff;
  11309. position: relative;
  11310. font-weight: 300;
  11311. font-size: 12px;
  11312. letter-spacing: 0.02em;
  11313. line-height: 20px;
  11314. overflow: hidden;
  11315. border: 4px solid transparent;
  11316. margin: 0 10px 10px 0; }
  11317. .tiles .tile:after, .tiles .tile:before {
  11318. content: "";
  11319. float: left; }
  11320. .tiles .tile.double {
  11321. width: 280px !important; }
  11322. .tiles .tile.double-down {
  11323. height: 280px !important; }
  11324. .tiles .tile.double-down i {
  11325. margin-top: 95px; }
  11326. .tiles .tile:hover {
  11327. border-color: #aaa !important; }
  11328. .tiles .tile:active, .tiles .tile.selected {
  11329. border-color: #ccc !important; }
  11330. .tiles .tile.selected .corner:after {
  11331. content: "";
  11332. display: inline-block;
  11333. border-left: 40px solid transparent;
  11334. border-bottom: 40px solid transparent;
  11335. border-right: 40px solid #ccc;
  11336. position: absolute;
  11337. top: -3px;
  11338. right: -3px; }
  11339. .tiles .tile.selected .check:after {
  11340. content: "";
  11341. font-family: FontAwesome;
  11342. font-size: 13px;
  11343. content: "\f00c";
  11344. display: inline-block;
  11345. position: absolute;
  11346. top: 2px;
  11347. right: 2px; }
  11348. .tiles .tile.icon {
  11349. padding: 0; }
  11350. .tiles .tile.image .tile-body {
  11351. padding: 0 !important; }
  11352. .tiles .tile.image .tile-body > img {
  11353. width: 100%;
  11354. height: auto;
  11355. min-height: 100%;
  11356. max-width: 100%; }
  11357. .tiles .tile.image .tile-body h3 {
  11358. display: inline-block; }
  11359. .tiles .tile .tile-body {
  11360. height: 100%;
  11361. vertical-align: top;
  11362. padding: 10px 10px;
  11363. overflow: hidden;
  11364. position: relative;
  11365. font-weight: 400;
  11366. font-size: 12px;
  11367. color: #000000;
  11368. color: #ffffff;
  11369. margin-bottom: 10px; }
  11370. .tiles .tile .tile-body p {
  11371. font-weight: 400;
  11372. font-size: 13px;
  11373. color: #000000;
  11374. color: #ffffff;
  11375. line-height: 20px;
  11376. overflow: hidden; }
  11377. .tiles .tile .tile-body p:hover {
  11378. color: rgba(0, 0, 0, 0.8); }
  11379. .tiles .tile .tile-body p:active {
  11380. color: rgba(0, 0, 0, 0.4); }
  11381. .tiles .tile .tile-body p:hover {
  11382. color: #ffffff; }
  11383. .tiles .tile .tile-body img {
  11384. float: left;
  11385. margin-right: 10px; }
  11386. .tiles .tile .tile-body img.pull-right {
  11387. float: right !important;
  11388. margin-left: 10px;
  11389. margin-right: 0px; }
  11390. .tiles .tile .tile-body > .content {
  11391. display: inline-block; }
  11392. .tiles .tile .tile-body > i {
  11393. margin-top: 17px;
  11394. display: block;
  11395. font-size: 56px;
  11396. line-height: 56px;
  11397. text-align: center; }
  11398. .tiles .tile .tile-body h1,
  11399. .tiles .tile .tile-body h2,
  11400. .tiles .tile .tile-body h3,
  11401. .tiles .tile .tile-body h4,
  11402. .tiles .tile .tile-body h5,
  11403. .tiles .tile .tile-body h6,
  11404. .tiles .tile .tile-body p {
  11405. padding: 0;
  11406. margin: 0;
  11407. line-height: 14px; }
  11408. .tiles .tile .tile-body h1:hover,
  11409. .tiles .tile .tile-body h2:hover,
  11410. .tiles .tile .tile-body h3:hover,
  11411. .tiles .tile .tile-body h4:hover,
  11412. .tiles .tile .tile-body h5:hover,
  11413. .tiles .tile .tile-body h6:hover,
  11414. .tiles .tile .tile-body p:hover {
  11415. color: #ffffff; }
  11416. .tiles .tile .tile-body h3,
  11417. .tiles .tile .tile-body h4 {
  11418. margin-bottom: 5px; }
  11419. .tiles .tile .tile-object {
  11420. position: absolute;
  11421. bottom: 0;
  11422. left: 0;
  11423. right: 0;
  11424. min-height: 30px;
  11425. background-color: transparent;
  11426. *zoom: 1; }
  11427. .tiles .tile .tile-object:before, .tiles .tile .tile-object:after {
  11428. display: table;
  11429. content: ""; }
  11430. .tiles .tile .tile-object:after {
  11431. clear: both; }
  11432. .tiles .tile .tile-object > .name {
  11433. position: absolute;
  11434. bottom: 0;
  11435. left: 0;
  11436. margin-bottom: 5px;
  11437. margin-left: 10px;
  11438. margin-right: 15px;
  11439. font-weight: 400;
  11440. font-size: 13px;
  11441. color: #ffffff; }
  11442. .tiles .tile .tile-object > .name > i {
  11443. vertical-align: middle;
  11444. display: block;
  11445. font-size: 24px;
  11446. height: 18px;
  11447. width: 24px; }
  11448. .tiles .tile .tile-object > .number {
  11449. position: absolute;
  11450. bottom: 0;
  11451. right: 0;
  11452. margin-bottom: 0;
  11453. color: #ffffff;
  11454. text-align: center;
  11455. font-weight: 600;
  11456. font-size: 14px;
  11457. letter-spacing: 0.01em;
  11458. line-height: 14px;
  11459. margin-bottom: 8px;
  11460. margin-right: 10px; }
  11461. /***
  11462. Custimized Bootstrap Wells
  11463. ***/
  11464. .well {
  11465. border: 0;
  11466. padding: 20px;
  11467. -webkit-box-shadow: none !important;
  11468. -moz-box-shadow: none !important;
  11469. box-shadow: none !important; }
  11470. .well-lg {
  11471. padding: 40px; }
  11472. .well-sm {
  11473. padding: 10px; }
  11474. /*--------------------------------------------------
  11475. [Widgets]
  11476. ----------------------------------------------------*/
  11477. /*** Widget Background Colors ***/
  11478. .widget-bg-color-purple {
  11479. background: #9a7caf; }
  11480. .widget-bg-color-purple-dark {
  11481. background: #4b365a; }
  11482. .widget-bg-color-purple-light {
  11483. background: #674d79; }
  11484. .widget-bg-color-green {
  11485. background: #4db3a4; }
  11486. .widget-bg-color-red {
  11487. background: #f36a5a; }
  11488. .widget-bg-color-blue {
  11489. background: #5b9bd1; }
  11490. .widget-bg-color-gray {
  11491. background: #323c45; }
  11492. .widget-bg-color-gray-dark {
  11493. background: #144f57; }
  11494. .widget-bg-color-white {
  11495. background: #fff; }
  11496. .widget-bg-color-dark {
  11497. background: #3e4f5e; }
  11498. .widget-bg-color-dark-light {
  11499. background: #8e9daa; }
  11500. .widget-bg-color-fb {
  11501. background: #475e98; }
  11502. .widget-bg-color-tw {
  11503. background: #55acee; }
  11504. /*** Widget Title Colors ***/
  11505. .widget-title-color-purple {
  11506. color: #9a7caf; }
  11507. .widget-title-color-purple-dark {
  11508. color: #4b365a; }
  11509. .widget-title-color-purple-light {
  11510. color: #674d79; }
  11511. .widget-title-color-green {
  11512. color: #4db3a4; }
  11513. .widget-title-color-red {
  11514. color: #f36a5a; }
  11515. .widget-title-color-blue {
  11516. color: #5b9bd1; }
  11517. .widget-title-color-gray {
  11518. color: #323c45; }
  11519. .widget-title-color-gray-dark {
  11520. color: #144f57; }
  11521. .widget-title-color-white {
  11522. color: #fff; }
  11523. .widget-title-color-dark {
  11524. color: #3e4f5e; }
  11525. .widget-title-color-dark-light {
  11526. color: #8e9daa; }
  11527. .widget-title-color-fb {
  11528. color: #475e98; }
  11529. .widget-title-color-tw {
  11530. color: #55acee; }
  11531. .overflow-h {
  11532. overflow: hidden; }
  11533. /*** Widget Carousel ***/
  11534. .widget-carousel .carousel-indicators {
  11535. left: -18%;
  11536. bottom: 10px;
  11537. margin-left: 0; }
  11538. .widget-carousel .carousel-indicators-red > li {
  11539. border-color: #f36a5a; }
  11540. .widget-carousel .carousel-indicators-red > li.active {
  11541. background: #f36a5a; }
  11542. /*** Widget Gradient ***/
  11543. .widget-gradient {
  11544. position: relative;
  11545. min-height: 350px;
  11546. overflow: hidden;
  11547. background-size: cover;
  11548. background-position: 50% 50%;
  11549. border-radius: 4px; }
  11550. .widget-gradient .widget-gradient-body {
  11551. position: absolute;
  11552. top: 0;
  11553. left: 0;
  11554. right: 0;
  11555. bottom: 0;
  11556. width: auto;
  11557. height: auto;
  11558. padding: 20px; }
  11559. .widget-gradient .widget-gradient-body .widget-gradient-title {
  11560. font-size: 21px;
  11561. font-weight: 600;
  11562. color: #fff;
  11563. margin: 0; }
  11564. .widget-gradient .widget-gradient-body .widget-gradient-body-actions {
  11565. position: absolute;
  11566. right: 20px;
  11567. bottom: 20px;
  11568. padding: 0;
  11569. margin: 0; }
  11570. .widget-gradient .widget-gradient-body .widget-gradient-body-actions li {
  11571. font-size: 14px;
  11572. padding: 0 0 0 8px; }
  11573. .widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child {
  11574. padding-left: 0; }
  11575. .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a {
  11576. color: #fff; }
  11577. .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover {
  11578. color: #a1afbb;
  11579. text-decoration: none; }
  11580. /*** Widget Gradient ***/
  11581. .widget-wrap-img {
  11582. border-radius: 4px;
  11583. position: relative;
  11584. min-height: 350px;
  11585. padding: 20px; }
  11586. .widget-wrap-img .widget-wrap-img-title {
  11587. font-size: 21px;
  11588. font-weight: 600;
  11589. color: #3e4f5e;
  11590. margin: 0 0 20px; }
  11591. .widget-wrap-img .widget-wrap-img-element {
  11592. position: absolute;
  11593. bottom: 0;
  11594. right: 0; }
  11595. /*** Widget Tab ***/
  11596. .widget-tab {
  11597. min-height: 420px;
  11598. border-radius: 4px; }
  11599. .widget-tab .nav-tabs {
  11600. margin: 0;
  11601. border-color: #eff1f3; }
  11602. .widget-tab .nav-tabs > li {
  11603. margin: 0 10px; }
  11604. .widget-tab .nav-tabs > li:first-child {
  11605. margin-left: 20px; }
  11606. .widget-tab .nav-tabs > li > a {
  11607. border: 0;
  11608. font-weight: bold;
  11609. color: #8e9daa;
  11610. text-transform: uppercase;
  11611. padding: 20px 0; }
  11612. .widget-tab .nav-tabs > li > a > i {
  11613. color: #8e9daa; }
  11614. .widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover {
  11615. border-bottom: 1px solid #f36a5a; }
  11616. .widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a {
  11617. border: 0;
  11618. background: inherit;
  11619. color: #f36a5a; }
  11620. .widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i {
  11621. color: #f36a5a; }
  11622. .widget-tab .nav-tabs > li.active {
  11623. border-bottom: 1px solid #f36a5a;
  11624. position: relative; }
  11625. .widget-tab .nav-tabs > li.active > a {
  11626. border: 0;
  11627. color: #f36a5a; }
  11628. .widget-tab .nav-tabs > li.active > a > i {
  11629. color: #f36a5a; }
  11630. .widget-tab .tab-content {
  11631. padding: 20px;
  11632. color: #8e9daa; }
  11633. .widget-tab .slimScrollBar {
  11634. right: 10px !important;
  11635. margin-top: 17px !important;
  11636. margin-bottom: 17px !important; }
  11637. /*** Widget News ***/
  11638. .widget-news {
  11639. overflow: hidden;
  11640. margin-right: 10px;
  11641. border-radius: 4px; }
  11642. .widget-news .widget-news-left-elem {
  11643. float: left;
  11644. width: 100px;
  11645. height: auto;
  11646. margin-right: 15px; }
  11647. .widget-news .widget-news-right-body {
  11648. overflow: hidden; }
  11649. .widget-news .widget-news-right-body .widget-news-right-body-title {
  11650. font-size: 16px;
  11651. font-weight: 600;
  11652. color: #3e4f5e;
  11653. margin: 0 0 5px;
  11654. clear: both; }
  11655. .widget-news .widget-news-right-body .widget-news-right-body-title .label {
  11656. float: right;
  11657. font-weight: 600;
  11658. background: #a1afbb;
  11659. border-radius: 3px !important; }
  11660. .widget-news .widget-news-right-body p {
  11661. font-size: 13px; }
  11662. /*** Widget Thumb ***/
  11663. .widget-thumb {
  11664. padding: 20px;
  11665. border-radius: 4px; }
  11666. .widget-thumb.bordered {
  11667. border: 1px solid #e7ecf1; }
  11668. .widget-thumb .widget-thumb-heading {
  11669. font-size: 14px;
  11670. font-weight: bold;
  11671. color: #8e9daa;
  11672. margin: 0 0 20px 0; }
  11673. .widget-thumb .widget-thumb-wrap {
  11674. overflow: hidden; }
  11675. .widget-thumb .widget-thumb-wrap .widget-thumb-icon {
  11676. float: left;
  11677. width: 60px;
  11678. height: 60px;
  11679. display: inline-block;
  11680. font-size: 20px;
  11681. line-height: 41px;
  11682. color: #fff;
  11683. text-align: center;
  11684. padding: 10px;
  11685. margin-right: 15px; }
  11686. .widget-thumb .widget-thumb-body {
  11687. overflow: hidden; }
  11688. .widget-thumb .widget-thumb-body .widget-thumb-subtitle {
  11689. padding-top: 2px;
  11690. display: block;
  11691. font-size: 14px;
  11692. font-weight: 600;
  11693. color: #8e9daa; }
  11694. .widget-thumb .widget-thumb-body .widget-thumb-body-stat {
  11695. display: block;
  11696. font-size: 30px;
  11697. font-weight: 600;
  11698. color: #3e4f5e; }
  11699. /*** Widget Socials ***/
  11700. .widget-socials {
  11701. border-radius: 4px;
  11702. min-height: 250px;
  11703. padding: 20px; }
  11704. .widget-socials .widget-socials-title {
  11705. font-size: 25px;
  11706. font-weight: 700;
  11707. line-height: 1.4;
  11708. color: #fff;
  11709. margin: 0 0 20px; }
  11710. .widget-socials .widget-social-subtitle {
  11711. color: #fff;
  11712. font-weight: 200;
  11713. line-height: 1.4; }
  11714. .widget-socials .widget-social-subtitle a {
  11715. color: #fff; }
  11716. .widget-socials .widget-socials-paragraph {
  11717. display: block;
  11718. color: #65727d; }
  11719. .widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw {
  11720. font-size: 30px;
  11721. margin: 30px 0; }
  11722. .widget-socials .widget-social-icon-fb {
  11723. color: #2b3f72; }
  11724. .widget-socials .widget-social-icon-tw {
  11725. color: #3686c3; }
  11726. /*** Widget Comments ***/
  11727. .widget-comments {
  11728. min-height: 420px; }
  11729. /*** Widget Media ***/
  11730. .widget-media {
  11731. border-radius: 4px;
  11732. border-bottom: 1px solid #f6f9fc;
  11733. overflow: hidden;
  11734. padding-bottom: 15px;
  11735. margin-bottom: 15px; }
  11736. .widget-media .widget-media-elements {
  11737. float: left;
  11738. margin-right: 20px; }
  11739. .widget-media .widget-media-avatar {
  11740. width: 55px;
  11741. height: 55px;
  11742. display: block; }
  11743. .widget-media .widget-btn-default {
  11744. display: inline-block;
  11745. font-size: 12px;
  11746. color: #96a2b1;
  11747. border: 1px solid #ebf0f6;
  11748. padding: 3px 10px; }
  11749. .widget-media .widget-btn-default .widget-btn-icon {
  11750. line-height: 1.5; }
  11751. .widget-media .widget-btn-default:hover {
  11752. background: #ebf0f6;
  11753. text-decoration: none; }
  11754. .widget-media .widget-btn-red {
  11755. display: inline-block;
  11756. font-size: 12px;
  11757. color: #f36a5a;
  11758. border: 1px solid #ebf0f6;
  11759. padding: 3px 10px; }
  11760. .widget-media .widget-btn-red .widget-btn-icon {
  11761. line-height: 1.5; }
  11762. .widget-media .widget-btn-red:hover {
  11763. color: #fff;
  11764. background: #f36a5a;
  11765. text-decoration: none; }
  11766. .widget-media .widget-btn-blue {
  11767. display: inline-block;
  11768. font-size: 12px;
  11769. color: #fff;
  11770. border: 1px solid #ebf0f6;
  11771. padding: 3px 10px;
  11772. background: #337ab7; }
  11773. .widget-media .widget-btn-blue .widget-btn-icon {
  11774. line-height: 1.5; }
  11775. .widget-media .widget-btn-blue:hover {
  11776. color: #337ab7;
  11777. background: #fff;
  11778. text-decoration: none; }
  11779. .widget-media .widget-media-body {
  11780. overflow: hidden; }
  11781. .widget-media .widget-media-body .widget-media-body-title {
  11782. font-size: 15px;
  11783. font-weight: 600;
  11784. color: #5b9bd1;
  11785. margin: 0 0 7px; }
  11786. .widget-media .widget-media-body .widget-media-body-subtitle {
  11787. font-size: 13px;
  11788. color: #7e8c9e; }
  11789. /*** Widget Blog ***/
  11790. .widget-blog {
  11791. border-radius: 4px;
  11792. background: #fff;
  11793. padding: 20px;
  11794. background-position: center center;
  11795. background-size: cover;
  11796. padding-top: 30px; }
  11797. .widget-blog .widget-blog-heading {
  11798. position: relative;
  11799. margin-bottom: 30px; }
  11800. .widget-blog .widget-blog-heading:before {
  11801. position: absolute;
  11802. bottom: -15px;
  11803. left: 50%;
  11804. width: 50px;
  11805. height: 1px;
  11806. border-width: 1px;
  11807. background: #8e9daa;
  11808. margin-left: -25px;
  11809. content: " "; }
  11810. .widget-blog .widget-blog-title {
  11811. font-size: 20px;
  11812. font-weight: 400;
  11813. color: #3e4f5e;
  11814. margin: 0 0 15px; }
  11815. .widget-blog .widget-blog-title a {
  11816. color: #3e4f5e; }
  11817. .widget-blog .widget-blog-subtitle {
  11818. display: block;
  11819. font-size: 13px;
  11820. color: #8e9daa;
  11821. letter-spacing: 3px; }
  11822. .widget-blog .btn-widget-purple {
  11823. display: inline-block;
  11824. font-size: 13px;
  11825. color: #8e9daa;
  11826. border: 1px solid #8e9daa;
  11827. padding: 7px 17px; }
  11828. .widget-blog .btn-widget-purple:hover {
  11829. color: #fff;
  11830. background: #8e9daa;
  11831. text-decoration: none; }
  11832. /*** Widget Progress ***/
  11833. .widget-progress {
  11834. min-height: 420px; }
  11835. .widget-progress .widget-progress-element {
  11836. border-radius: 4px;
  11837. overflow: hidden;
  11838. padding: 30px 10px; }
  11839. .widget-progress .widget-progress-title {
  11840. display: block;
  11841. color: #fff;
  11842. margin-bottom: 5px; }
  11843. .widget-progress .progress {
  11844. height: 3px;
  11845. background: rgba(255, 255, 255, 0.2);
  11846. margin-bottom: 0; }
  11847. /*** Widget Gradient ***/
  11848. .widget-map {
  11849. border-radius: 4px;
  11850. min-height: 350px;
  11851. border-radius: 3px; }
  11852. .widget-map .widget-map-mapplic {
  11853. border-top-right-radius: 3px;
  11854. border-top-left-radius: 3px; }
  11855. .widget-map .widget-map-mapplic .mapplic-container {
  11856. background: #5b9bd1; }
  11857. .widget-map .widget-map-mapplic .mapplic-layer.world > img {
  11858. opacity: .3; }
  11859. .widget-map .widget-map-body {
  11860. background: #fff;
  11861. border-bottom-right-radius: 3px;
  11862. border-bottom-left-radius: 3px;
  11863. padding: 20px;
  11864. overflow: hidden; }
  11865. .widget-map .widget-sparkline-chart {
  11866. width: 25%;
  11867. float: left;
  11868. border-left: 1px solid #e7eff7;
  11869. padding: 0 15px; }
  11870. .widget-map .widget-sparkline-chart:first-child {
  11871. border-left: none; }
  11872. .widget-map .widget-sparkline-chart .widget-sparkline-title {
  11873. display: block;
  11874. font-size: 12px;
  11875. font-weight: 600;
  11876. color: #a1afbb; }
  11877. /* Widget Map for max-width 480px */
  11878. @media (max-width: 480px) {
  11879. /* 480px */
  11880. .widget-map .widget-sparkline-chart {
  11881. width: 50%;
  11882. border-left: none;
  11883. margin-top: 10px;
  11884. margin-bottom: 10px; } }
  11885. /*** Widget Subscribe ***/
  11886. .widget-subscribe {
  11887. border-radius: 4px;
  11888. min-height: 250px;
  11889. overflow: hidden;
  11890. padding: 30px; }
  11891. .widget-subscribe .widget-subscribe-no {
  11892. float: left;
  11893. font-size: 67px;
  11894. font-weight: 600;
  11895. line-height: 1;
  11896. color: #9a7caf; }
  11897. .widget-subscribe .widget-subscribe-title {
  11898. font-size: 25px;
  11899. font-weight: 700;
  11900. line-height: 1.4;
  11901. margin: 0 0 15px 45px; }
  11902. .widget-subscribe .widget-subscribe-subtitle {
  11903. font-size: 15px;
  11904. font-weight: 600; }
  11905. .widget-subscribe .widget-subscribe-subtitle-link {
  11906. color: #cab0dd; }
  11907. .widget-subscribe.widget-subscribe-quote {
  11908. position: relative; }
  11909. .widget-subscribe.widget-subscribe-quote:before {
  11910. position: absolute;
  11911. top: 2px;
  11912. font-size: 70px;
  11913. color: #fff;
  11914. content: "\201C"; }
  11915. /* Widget Subscribe for media queries */
  11916. @media (max-width: 767px) {
  11917. /* 767px */
  11918. .widget-subscribe.widget-subscribe-border {
  11919. border-top: 1px solid #f5f8fb;
  11920. border-bottom: 1px solid #f5f8fb;
  11921. border-right: none; } }
  11922. @media (min-width: 768px) {
  11923. /* 768px */
  11924. .widget-subscribe.widget-subscribe-border {
  11925. border-left: 1px solid #f5f8fb;
  11926. border-right: 1px solid #f5f8fb; } }
  11927. @media (min-width: 767px) and (max-width: 991px) {
  11928. /* 767px & 991px */
  11929. .widget-subscribe.widget-subscribe-border {
  11930. border-left: none; }
  11931. .widget-subscribe.widget-subscribe-border-top {
  11932. border-top: 1px solid #f5f8fb; } }
  11933. /*--------------------------------------------------
  11934. [Material Design]
  11935. ----------------------------------------------------*/
  11936. .page-md .widget-bg-color-white,
  11937. .page-md .widget-map,
  11938. .page-md .widget-carousel,
  11939. .page-md .widget-progress-element,
  11940. .page-md .widget-socials,
  11941. .page-md .widget-blog {
  11942. box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03); }
  11943. /***
  11944. AngularJS Basic Animations
  11945. ***/
  11946. @-webkit-keyframes fadeInUp {
  11947. 0% {
  11948. opacity: 0;
  11949. -webkit-transform: translateY(15px); }
  11950. 100% {
  11951. opacity: 1;
  11952. -webkit-transform: translateY(0); } }
  11953. @-moz-keyframes fadeInUp {
  11954. 0% {
  11955. opacity: 0;
  11956. -moz-transform: translateY(15px); }
  11957. 100% {
  11958. opacity: 1;
  11959. -moz-transform: translateY(0); } }
  11960. @-o-keyframes fadeInUp {
  11961. 0% {
  11962. opacity: 0;
  11963. -o-transform: translateY(15px); }
  11964. 100% {
  11965. opacity: 1;
  11966. -o-transform: translateY(0); } }
  11967. @keyframes fadeInUp {
  11968. 0% {
  11969. opacity: 0;
  11970. transform: translateY(15px); }
  11971. 100% {
  11972. opacity: 1;
  11973. transform: translateY(0); } }
  11974. .fade-in-up {
  11975. -webkit-animation: fadeInUp .5s;
  11976. animation: fadeInUp .5s; }
  11977. @-webkit-keyframes bounceDelay {
  11978. 0%, 80%, 100% {
  11979. -webkit-transform: scale(0); }
  11980. 40% {
  11981. -webkit-transform: scale(1); } }
  11982. @keyframes bounceDelay {
  11983. 0%, 80%, 100% {
  11984. transform: scale(0);
  11985. -webkit-transform: scale(0); }
  11986. 40% {
  11987. transform: scale(1);
  11988. -webkit-transform: scale(1); } }
  11989. @keyframes input-focus {
  11990. 0% {
  11991. left: 20%;
  11992. width: 20%; }
  11993. 99% {
  11994. width: 0;
  11995. left: 0;
  11996. opacity: 1; }
  11997. 100% {
  11998. opacity: 0; } }
  11999. .m-heading-1 {
  12000. margin: 0 0 20px 0;
  12001. background: #ffffff;
  12002. padding-left: 15px;
  12003. border-left: 8px solid #88909a; }
  12004. .m-heading-1 > h3 {
  12005. font-size: 20px;
  12006. color: #3f444a;
  12007. font-weight: 500;
  12008. margin: 0 0 15px 0; }
  12009. .m-heading-1 > h3 > i {
  12010. font-size: 18px;
  12011. color: #88909a; }
  12012. .m-heading-1 > p {
  12013. color: #5c6873;
  12014. margin: 10px 0 0 0; }
  12015. .m-heading-1 > p:first-child {
  12016. margin-top: 0; }
  12017. .m-heading-1.m-bordered {
  12018. border-right: 1px solid #10161c;
  12019. border-top: 1px solid #10161c;
  12020. border-bottom: 1px solid #10161c;
  12021. padding: 15px 15px; }
  12022. .page-container-bg-solid .m-heading-1.m-bordered {
  12023. border-right: 0;
  12024. border-top: 0;
  12025. border-bottom: 0; }
  12026. .m-heading-1.m-title-md > h3 {
  12027. font-size: 18px;
  12028. margin-bottom: 10px; }
  12029. .m-heading-1.m-title-md > h3 > i {
  12030. font-size: 16px;
  12031. color: #88909a; }
  12032. .m-heading-1.m-title-md > p {
  12033. margin: 15px 0; }
  12034. .m-heading-1.m-title-sm > h3 {
  12035. font-size: 16px;
  12036. margin-bottom: 10px; }
  12037. .m-heading-1.m-title-sm > h3 > i {
  12038. font-size: 14px;
  12039. color: #88909a; }
  12040. .m-heading-1.m-title-sm > p {
  12041. margin: 10px 0; }
  12042. @media (max-width: 991px) {
  12043. /* 991px */
  12044. .m-heading-1 {
  12045. margin: 0px 0; } }
  12046. /***
  12047. Timeline
  12048. ***/
  12049. .timeline {
  12050. margin: 0;
  12051. padding: 0;
  12052. position: relative;
  12053. margin-bottom: 30px; }
  12054. .timeline:before {
  12055. content: '';
  12056. position: absolute;
  12057. display: block;
  12058. width: 4px;
  12059. background: #f5f6fa;
  12060. top: 0px;
  12061. bottom: 0px;
  12062. margin-left: 38px; }
  12063. .timeline .timeline-item {
  12064. margin: 0;
  12065. padding: 0; }
  12066. .timeline .timeline-badge {
  12067. float: left;
  12068. position: relative;
  12069. padding-right: 30px;
  12070. height: 80px;
  12071. width: 80px; }
  12072. .timeline .timeline-badge-userpic {
  12073. width: 80px;
  12074. border: 4px #f5f6fa solid;
  12075. -webkit-border-radius: 50% !important;
  12076. -moz-border-radius: 50% !important;
  12077. border-radius: 50% !important; }
  12078. .timeline .timeline-badge-userpic img {
  12079. -webkit-border-radius: 50% !important;
  12080. -moz-border-radius: 50% !important;
  12081. border-radius: 50% !important;
  12082. vertical-align: middle !important; }
  12083. .timeline .timeline-icon {
  12084. width: 80px;
  12085. height: 80px;
  12086. background-color: #f5f6fa;
  12087. -webkit-border-radius: 50% !important;
  12088. -moz-border-radius: 50% !important;
  12089. border-radius: 50% !important;
  12090. padding-top: 30px;
  12091. padding-left: 22px; }
  12092. .timeline .timeline-icon i {
  12093. font-size: 34px; }
  12094. .timeline .timeline-body {
  12095. position: relative;
  12096. padding: 20px;
  12097. margin-top: 20px;
  12098. margin-left: 110px;
  12099. background-color: #f5f6fa;
  12100. -webkit-border-radius: 4px;
  12101. -moz-border-radius: 4px;
  12102. -ms-border-radius: 4px;
  12103. -o-border-radius: 4px;
  12104. border-radius: 4px; }
  12105. .timeline .timeline-body:before, .timeline .timeline-body:after {
  12106. content: " ";
  12107. display: table; }
  12108. .timeline .timeline-body:after {
  12109. clear: both; }
  12110. .timeline .timeline-body-arrow {
  12111. position: absolute;
  12112. top: 30px;
  12113. left: -14px;
  12114. width: 0;
  12115. height: 0;
  12116. border-style: solid;
  12117. border-width: 14px 14px 14px 0;
  12118. border-color: transparent #f5f6fa transparent transparent; }
  12119. .timeline .timeline-body-head {
  12120. margin-bottom: 10px; }
  12121. .timeline .timeline-body-head-caption {
  12122. float: left; }
  12123. .timeline .timeline-body-title {
  12124. font-size: 16px;
  12125. font-weight: 600; }
  12126. .timeline .timeline-body-alerttitle {
  12127. font-size: 16px;
  12128. font-weight: 600; }
  12129. .timeline .timeline-body-time {
  12130. font-size: 14px;
  12131. margin-left: 10px; }
  12132. .timeline .timeline-body-head-actions {
  12133. float: right; }
  12134. .timeline .timeline-body-head-actions .btn-group {
  12135. margin-top: -2px; }
  12136. .timeline .timeline-body-content {
  12137. font-size: 14px;
  12138. margin-top: 35px; }
  12139. .timeline .timeline-body-img {
  12140. width: 100px;
  12141. height: 100px;
  12142. margin: 5px 20px 0 0px; }
  12143. .timeline.white-bg:before {
  12144. background: #fff; }
  12145. .timeline.white-bg .timeline-badge-userpic {
  12146. border-color: #fff; }
  12147. .timeline.white-bg .timeline-icon {
  12148. background-color: #fff; }
  12149. .timeline.white-bg .timeline-body {
  12150. background-color: #fff; }
  12151. .timeline.white-bg .timeline-body-arrow {
  12152. border-color: transparent #fff transparent transparent; }
  12153. @media (max-width: 768px) {
  12154. .timeline .timeline-body-head-caption {
  12155. width: 100%; }
  12156. .timeline .timeline-body-head-actions {
  12157. float: left;
  12158. width: 100%;
  12159. margin-top: 20px;
  12160. margin-bottom: 20px; } }
  12161. @media (max-width: 480px) {
  12162. .timeline:before {
  12163. margin-left: 28px; }
  12164. .timeline .timeline-badge {
  12165. padding-right: 40px;
  12166. width: 60px;
  12167. height: 60px; }
  12168. .timeline .timeline-badge-userpic {
  12169. width: 60px; }
  12170. .timeline .timeline-icon {
  12171. width: 60px;
  12172. height: 60px;
  12173. padding-top: 23px;
  12174. padding-left: 18px; }
  12175. .timeline .timeline-icon i {
  12176. font-size: 25px; }
  12177. .timeline .timeline-body {
  12178. margin-left: 80px; }
  12179. .timeline .timeline-body-arrow {
  12180. top: 17px; } }
  12181. /***
  12182. Timeline 2
  12183. ***/
  12184. .mt-timeline-2 {
  12185. position: relative; }
  12186. .mt-timeline-2 > .mt-timeline-line {
  12187. position: absolute;
  12188. z-index: 1;
  12189. height: 100%;
  12190. width: 1px;
  12191. top: 0;
  12192. left: 50%;
  12193. border-left: 4px solid;
  12194. transform: translateX(-2px); }
  12195. .mt-timeline-2 > .mt-container {
  12196. position: relative;
  12197. padding: 0; }
  12198. .mt-timeline-2 > .mt-container > .mt-item {
  12199. list-style: none;
  12200. padding-bottom: 60px;
  12201. clear: both; }
  12202. .mt-timeline-2 > .mt-container > .mt-item .timeline-body-img.pull-left {
  12203. margin-right: 15px; }
  12204. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon {
  12205. width: 70px;
  12206. height: 70px;
  12207. background-color: #ccc;
  12208. border-radius: 50% !important;
  12209. position: absolute;
  12210. left: 50%;
  12211. transform: translateX(-50%);
  12212. z-index: 5;
  12213. border: 0;
  12214. overflow: hidden; }
  12215. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i {
  12216. top: 50%;
  12217. left: 50%;
  12218. transform: translateY(-50%) translateX(-50%);
  12219. font-size: 24px; }
  12220. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > img {
  12221. width: 100%;
  12222. height: auto; }
  12223. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content {
  12224. width: 50%;
  12225. display: inline-block;
  12226. position: relative; }
  12227. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container {
  12228. text-align: left;
  12229. background-color: #f5f6fa;
  12230. padding: 30px;
  12231. border: 2px solid;
  12232. border-color: #d3d7e9; }
  12233. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:before, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:after {
  12234. content: " ";
  12235. display: table; }
  12236. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:after {
  12237. clear: both; }
  12238. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author,
  12239. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title {
  12240. width: 50%;
  12241. margin-bottom: 15px; }
  12242. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content-title {
  12243. opacity: 0.8 ;
  12244. filter: alpha(opacity=80) ;
  12245. margin-top: 10px;
  12246. font-size: 18px;
  12247. font-weight: 600; }
  12248. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-avatar {
  12249. width: 40px;
  12250. height: 40px;
  12251. border-radius: 50% !important;
  12252. overflow: hidden; }
  12253. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-avatar > img {
  12254. width: 100%;
  12255. height: auto; }
  12256. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-name,
  12257. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-name a {
  12258. opacity: 0.9 ;
  12259. filter: alpha(opacity=90) ;
  12260. font-size: 15px;
  12261. font-weight: 600;
  12262. text-decoration: none; }
  12263. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-notes {
  12264. font-size: 12px; }
  12265. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content {
  12266. padding-top: 15px;
  12267. border-top: 1px solid;
  12268. clear: both;
  12269. line-height: 1.7em; }
  12270. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content > p {
  12271. opacity: 0.7 ;
  12272. filter: alpha(opacity=70) ; }
  12273. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content a, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content button {
  12274. font-size: 14px; }
  12275. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .btn {
  12276. display: inline-block;
  12277. margin: 0 5px 10px 0; }
  12278. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .btn.pull-right {
  12279. margin: 0 0 10px 5px; }
  12280. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:before {
  12281. content: '';
  12282. position: absolute;
  12283. top: 28px;
  12284. height: 0;
  12285. width: 0;
  12286. border: 10px solid transparent; }
  12287. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) {
  12288. text-align: left; }
  12289. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container {
  12290. margin-right: 60px; }
  12291. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-title {
  12292. float: left; }
  12293. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author {
  12294. float: right; }
  12295. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-avatar {
  12296. float: right;
  12297. margin-left: 15px; }
  12298. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-name,
  12299. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-notes {
  12300. text-align: right; }
  12301. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container:before {
  12302. right: 40px;
  12303. border-left: 10px solid #d3d7e9; }
  12304. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) {
  12305. text-align: right; }
  12306. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-icon > i {
  12307. transform: translateY(-50%) translateX(50%);
  12308. left: -50%; }
  12309. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container {
  12310. margin-left: 60px; }
  12311. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-avatar {
  12312. float: left;
  12313. margin-right: 15px; }
  12314. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-title {
  12315. float: right;
  12316. text-align: right; }
  12317. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author {
  12318. float: left; }
  12319. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-name,
  12320. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-notes {
  12321. text-align: left; }
  12322. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container:before {
  12323. left: 40px;
  12324. border-right: 10px solid #E9EDEF; }
  12325. @media (max-width: 991px) {
  12326. /* 991px */
  12327. .mt-timeline-2 > .mt-timeline-line {
  12328. left: 25px; }
  12329. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon {
  12330. left: 25px; }
  12331. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i {
  12332. left: 0; }
  12333. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content {
  12334. width: 100%; }
  12335. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title {
  12336. float: none;
  12337. text-align: left !important; }
  12338. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author,
  12339. .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title {
  12340. width: 100%; }
  12341. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) {
  12342. text-align: right; }
  12343. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container {
  12344. margin-left: 80px;
  12345. margin-right: 0; }
  12346. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-avatar {
  12347. float: left;
  12348. margin-right: 15px; }
  12349. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-title {
  12350. float: right;
  12351. text-align: right; }
  12352. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author {
  12353. float: left; }
  12354. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-name,
  12355. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-notes {
  12356. text-align: left; }
  12357. .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container:before {
  12358. left: 70px;
  12359. border-right: 10px solid #E9EDEF;
  12360. border-left: none; }
  12361. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container {
  12362. margin-left: 80px;
  12363. margin-right: 0; }
  12364. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container:before {
  12365. left: 70px;
  12366. border-right: 10px solid #E9EDEF;
  12367. border-left: none; } }
  12368. @media (max-width: 480px) {
  12369. .mt-timeline-2 .btn.pull-right,
  12370. .mt-timeline-2 .btn-group.pull-right {
  12371. float: none !important;
  12372. margin: 0 5px 10px 0 !important; } }
  12373. @media (max-width: 400px) {
  12374. .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-notes {
  12375. clear: both;
  12376. padding-top: 10px; } }
  12377. /***
  12378. Horizontal Timeline
  12379. ***/
  12380. /* PLUGIN CSS */
  12381. .cd-horizontal-timeline {
  12382. opacity: 0;
  12383. -webkit-transition: opacity 0.2s;
  12384. -moz-transition: opacity 0.2s;
  12385. transition: opacity 0.2s; }
  12386. .cd-horizontal-timeline::before {
  12387. /* never visible - this is used in jQuery to check the current MQ */
  12388. content: 'mobile';
  12389. display: none; }
  12390. .cd-horizontal-timeline.loaded {
  12391. /* show the timeline after events position has been set (using JavaScript) */
  12392. opacity: 1; }
  12393. .cd-horizontal-timeline .timeline {
  12394. position: relative;
  12395. height: 100px;
  12396. width: 90%;
  12397. max-width: 800px;
  12398. margin: 0 auto; }
  12399. .cd-horizontal-timeline .events-wrapper {
  12400. position: relative;
  12401. height: 100%;
  12402. margin: 0 40px;
  12403. overflow: hidden; }
  12404. .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  12405. /* these are used to create a shadow effect at the sides of the timeline */
  12406. content: '';
  12407. position: absolute;
  12408. z-index: 2;
  12409. top: 0;
  12410. height: 100%;
  12411. width: 20px; }
  12412. .cd-horizontal-timeline .events-wrapper::before {
  12413. left: 0;
  12414. background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
  12415. background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); }
  12416. .cd-horizontal-timeline .events-wrapper::after {
  12417. right: 0;
  12418. background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
  12419. background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); }
  12420. .cd-horizontal-timeline .events {
  12421. /* this is the grey line/timeline */
  12422. position: absolute;
  12423. z-index: 1;
  12424. left: 0;
  12425. top: 49px;
  12426. height: 2px;
  12427. /* width will be set using JavaScript */
  12428. background: #dfdfdf;
  12429. -webkit-transition: -webkit-transform 0.4s;
  12430. -moz-transition: -moz-transform 0.4s;
  12431. transition: transform 0.4s; }
  12432. .cd-horizontal-timeline .filling-line {
  12433. /* this is used to create the green line filling the timeline */
  12434. position: absolute;
  12435. z-index: 1;
  12436. left: 0;
  12437. top: 0;
  12438. height: 100%;
  12439. width: 100%;
  12440. background-color: #7b9d6f;
  12441. -webkit-transform: scaleX(0);
  12442. -moz-transform: scaleX(0);
  12443. -ms-transform: scaleX(0);
  12444. -o-transform: scaleX(0);
  12445. transform: scaleX(0);
  12446. -webkit-transform-origin: left center;
  12447. -moz-transform-origin: left center;
  12448. -ms-transform-origin: left center;
  12449. -o-transform-origin: left center;
  12450. transform-origin: left center;
  12451. -webkit-transition: -webkit-transform 0.3s;
  12452. -moz-transition: -moz-transform 0.3s;
  12453. transition: transform 0.3s; }
  12454. .cd-horizontal-timeline .events a {
  12455. position: absolute;
  12456. bottom: 0;
  12457. z-index: 2;
  12458. text-align: center;
  12459. font-size: 1.3rem;
  12460. padding-bottom: 15px;
  12461. color: #383838;
  12462. /* fix bug on Safari - text flickering while timeline translates */
  12463. -webkit-transform: translateZ(0);
  12464. -moz-transform: translateZ(0);
  12465. -ms-transform: translateZ(0);
  12466. -o-transform: translateZ(0);
  12467. transform: translateZ(0); }
  12468. .cd-horizontal-timeline .events a::after {
  12469. /* this is used to create the event spot */
  12470. content: '';
  12471. position: absolute;
  12472. left: 50%;
  12473. right: auto;
  12474. -webkit-transform: translateX(-50%);
  12475. -moz-transform: translateX(-50%);
  12476. -ms-transform: translateX(-50%);
  12477. -o-transform: translateX(-50%);
  12478. transform: translateX(-50%);
  12479. bottom: -5px;
  12480. height: 12px;
  12481. width: 12px;
  12482. border-radius: 50%;
  12483. -webkit-transition: background-color 0.3s, border-color 0.3s;
  12484. -moz-transition: background-color 0.3s, border-color 0.3s;
  12485. transition: background-color 0.3s, border-color 0.3s; }
  12486. .no-touch .cd-horizontal-timeline .events a:hover::after {
  12487. background-color: #7b9d6f;
  12488. border-color: #7b9d6f; }
  12489. .cd-horizontal-timeline .events a.selected {
  12490. pointer-events: none; }
  12491. @media only screen and (min-width: 1100px) {
  12492. .cd-horizontal-timeline::before {
  12493. /* never visible - this is used in jQuery to check the current MQ */
  12494. content: 'desktop'; } }
  12495. .cd-timeline-navigation a {
  12496. /* these are the left/right arrows to navigate the timeline */
  12497. position: absolute;
  12498. z-index: 1;
  12499. top: 50%;
  12500. bottom: auto;
  12501. -webkit-transform: translateY(-50%);
  12502. -moz-transform: translateY(-50%);
  12503. -ms-transform: translateY(-50%);
  12504. -o-transform: translateY(-50%);
  12505. transform: translateY(-50%);
  12506. height: 34px;
  12507. width: 34px;
  12508. border-radius: 50%;
  12509. border: 2px solid #dfdfdf;
  12510. /* replace text with an icon */
  12511. overflow: hidden;
  12512. color: transparent;
  12513. text-indent: 100%;
  12514. white-space: nowrap;
  12515. -webkit-transition: border-color 0.3s;
  12516. -moz-transition: border-color 0.3s;
  12517. transition: border-color 0.3s; }
  12518. .cd-timeline-navigation a.prev {
  12519. left: 0; }
  12520. .cd-timeline-navigation a.next {
  12521. right: 0; }
  12522. .cd-timeline-navigation a.inactive {
  12523. cursor: not-allowed; }
  12524. .cd-timeline-navigation a.inactive::after {
  12525. background-position: 0 -16px; }
  12526. .no-touch .cd-timeline-navigation a.inactive:hover {
  12527. border-color: #dfdfdf; }
  12528. .cd-horizontal-timeline .events-content {
  12529. position: relative;
  12530. width: 100%;
  12531. margin: 10px 0 0 0;
  12532. overflow: hidden;
  12533. -webkit-transition: height 0.4s;
  12534. -moz-transition: height 0.4s;
  12535. transition: height 0.4s; }
  12536. .cd-horizontal-timeline .events-content > ol > li {
  12537. position: absolute;
  12538. z-index: 1;
  12539. width: 100%;
  12540. left: 0;
  12541. top: 0;
  12542. -webkit-transform: translateX(-100%);
  12543. -moz-transform: translateX(-100%);
  12544. -ms-transform: translateX(-100%);
  12545. -o-transform: translateX(-100%);
  12546. transform: translateX(-100%);
  12547. padding: 0;
  12548. opacity: 0;
  12549. -webkit-animation-duration: 0.4s;
  12550. -moz-animation-duration: 0.4s;
  12551. animation-duration: 0.4s;
  12552. -webkit-animation-timing-function: ease-in-out;
  12553. -moz-animation-timing-function: ease-in-out;
  12554. animation-timing-function: ease-in-out; }
  12555. .cd-horizontal-timeline .events-content > ol > li.selected {
  12556. /* visible event content */
  12557. position: relative;
  12558. z-index: 2;
  12559. opacity: 1;
  12560. -webkit-transform: translateX(0);
  12561. -moz-transform: translateX(0);
  12562. -ms-transform: translateX(0);
  12563. -o-transform: translateX(0);
  12564. transform: translateX(0); }
  12565. .cd-horizontal-timeline .events-content > ol > li.enter-right, .cd-horizontal-timeline .events-content > ol > li.leave-right {
  12566. -webkit-animation-name: cd-enter-right;
  12567. -moz-animation-name: cd-enter-right;
  12568. animation-name: cd-enter-right; }
  12569. .cd-horizontal-timeline .events-content > ol > li.enter-left, .cd-horizontal-timeline .events-content > ol > li.leave-left {
  12570. -webkit-animation-name: cd-enter-left;
  12571. -moz-animation-name: cd-enter-left;
  12572. animation-name: cd-enter-left; }
  12573. .cd-horizontal-timeline .events-content > ol > li.leave-right, .cd-horizontal-timeline .events-content > ol > li.leave-left {
  12574. -webkit-animation-direction: reverse;
  12575. -moz-animation-direction: reverse;
  12576. animation-direction: reverse; }
  12577. .cd-horizontal-timeline .events-content > ol > li {
  12578. margin: 0 auto; }
  12579. .cd-horizontal-timeline .events-content em {
  12580. display: block;
  12581. font-style: italic;
  12582. margin: 10px auto; }
  12583. .cd-horizontal-timeline .events-content em::before {
  12584. content: '- '; }
  12585. @-webkit-keyframes cd-enter-right {
  12586. 0% {
  12587. opacity: 0;
  12588. -webkit-transform: translateX(100%); }
  12589. 100% {
  12590. opacity: 1;
  12591. -webkit-transform: translateX(0%); } }
  12592. @-moz-keyframes cd-enter-right {
  12593. 0% {
  12594. opacity: 0;
  12595. -moz-transform: translateX(100%); }
  12596. 100% {
  12597. opacity: 1;
  12598. -moz-transform: translateX(0%); } }
  12599. @keyframes cd-enter-right {
  12600. 0% {
  12601. opacity: 0;
  12602. -webkit-transform: translateX(100%);
  12603. -moz-transform: translateX(100%);
  12604. -ms-transform: translateX(100%);
  12605. -o-transform: translateX(100%);
  12606. transform: translateX(100%); }
  12607. 100% {
  12608. opacity: 1;
  12609. -webkit-transform: translateX(0%);
  12610. -moz-transform: translateX(0%);
  12611. -ms-transform: translateX(0%);
  12612. -o-transform: translateX(0%);
  12613. transform: translateX(0%); } }
  12614. @-webkit-keyframes cd-enter-left {
  12615. 0% {
  12616. opacity: 0;
  12617. -webkit-transform: translateX(-100%); }
  12618. 100% {
  12619. opacity: 1;
  12620. -webkit-transform: translateX(0%); } }
  12621. @-moz-keyframes cd-enter-left {
  12622. 0% {
  12623. opacity: 0;
  12624. -moz-transform: translateX(-100%); }
  12625. 100% {
  12626. opacity: 1;
  12627. -moz-transform: translateX(0%); } }
  12628. @keyframes cd-enter-left {
  12629. 0% {
  12630. opacity: 0;
  12631. -webkit-transform: translateX(-100%);
  12632. -moz-transform: translateX(-100%);
  12633. -ms-transform: translateX(-100%);
  12634. -o-transform: translateX(-100%);
  12635. transform: translateX(-100%); }
  12636. 100% {
  12637. opacity: 1;
  12638. -webkit-transform: translateX(0%);
  12639. -moz-transform: translateX(0%);
  12640. -ms-transform: translateX(0%);
  12641. -o-transform: translateX(0%);
  12642. transform: translateX(0%); } }
  12643. /* METRONIC EXTENDED CSS */
  12644. .mt-timeline-horizontal {
  12645. font-size: 14px; }
  12646. .mt-timeline-horizontal ol, .mt-timeline-horizontal ul {
  12647. list-style: none; }
  12648. .mt-timeline-horizontal blockquote, .mt-timeline-horizontal q {
  12649. quotes: none; }
  12650. .mt-timeline-horizontal blockquote:before, .mt-timeline-horizontal blockquote:after,
  12651. .mt-timeline-horizontal q:before, .mt-timeline-horizontal q:after {
  12652. content: '';
  12653. content: none; }
  12654. .mt-timeline-horizontal table {
  12655. border-collapse: collapse;
  12656. border-spacing: 0; }
  12657. .mt-timeline-horizontal .timeline {
  12658. width: 100%;
  12659. max-width: 100%; }
  12660. .mt-timeline-horizontal .timeline:before {
  12661. background: transparent; }
  12662. .mt-timeline-horizontal .timeline .events-wrapper .events a:after {
  12663. background-color: transparent;
  12664. border: 2px solid; }
  12665. .mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after {
  12666. background-color: #fff !important; }
  12667. .mt-timeline-horizontal .timeline .events-wrapper .events a:hover, .mt-timeline-horizontal .timeline .events-wrapper .events a:focus {
  12668. text-decoration: none; }
  12669. .mt-timeline-horizontal .timeline .events-wrapper:before, .mt-timeline-horizontal .timeline .events-wrapper:after {
  12670. background-image: none; }
  12671. .mt-timeline-horizontal .timeline .mt-ht-nav-icon li a {
  12672. border-radius: 50% !important; }
  12673. .mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i {
  12674. position: absolute;
  12675. top: 50%;
  12676. left: 0;
  12677. transform: translateX(50%) translateY(-50%);
  12678. width: 10px; }
  12679. .mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i {
  12680. left: -2px; }
  12681. .mt-timeline-horizontal .timeline.mt-timeline-square .events a:after {
  12682. border-radius: 0 !important; }
  12683. .mt-timeline-horizontal .timeline.mt-timeline-square .mt-ht-nav-icon li a {
  12684. border-radius: 0 !important; }
  12685. .mt-timeline-horizontal .events-content ol {
  12686. padding: 0; }
  12687. .mt-timeline-horizontal .events-content ol li .mt-title {
  12688. margin-top: 15px;
  12689. float: left;
  12690. width: 60%; }
  12691. .mt-timeline-horizontal .events-content ol li .mt-title h2 {
  12692. margin: 0;
  12693. opacity: 0.8 ;
  12694. filter: alpha(opacity=80) ;
  12695. font-size: 18px;
  12696. font-weight: 600; }
  12697. .mt-timeline-horizontal .events-content ol li .mt-author {
  12698. float: right;
  12699. position: relative;
  12700. text-align: right;
  12701. width: 40%; }
  12702. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
  12703. float: right;
  12704. margin-left: 15px; }
  12705. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
  12706. margin-top: 5px; }
  12707. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a {
  12708. opacity: 0.9 ;
  12709. filter: alpha(opacity=90) ;
  12710. font-size: 15px;
  12711. font-weight: 600; }
  12712. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:hover, .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:focus {
  12713. text-decoration: none; }
  12714. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-datetime {
  12715. font-size: 13px; }
  12716. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
  12717. width: 50px;
  12718. height: 50px;
  12719. border-radius: 50% !important;
  12720. overflow: hidden; }
  12721. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img {
  12722. width: 100%;
  12723. height: auto; }
  12724. .mt-timeline-horizontal .events-content ol li .mt-content {
  12725. margin-top: 20px;
  12726. padding-top: 20px;
  12727. border-top: 1px solid;
  12728. clear: both;
  12729. line-height: 1.7em; }
  12730. .mt-timeline-horizontal .events-content ol li .mt-content > p {
  12731. opacity: 0.7 ;
  12732. filter: alpha(opacity=70) ; }
  12733. .mt-timeline-horizontal .events-content ol li .mt-content img.pull-left {
  12734. margin: 0 15px 15px 0; }
  12735. .mt-timeline-horizontal .events-content ol li .mt-content img.pull-right {
  12736. margin: 0 0 15px 15px; }
  12737. .mt-timeline-horizontal .events-content ol li .mt-content .btn-group .dropdown-menu {
  12738. margin-right: 5px; }
  12739. @media (max-width: 480px) {
  12740. .mt-timeline-horizontal .events-content ol li .mt-title {
  12741. width: 100%; }
  12742. .mt-timeline-horizontal .events-content ol li .mt-author {
  12743. width: 100%;
  12744. margin-top: 15px;
  12745. text-align: left; }
  12746. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
  12747. float: left;
  12748. margin-right: 15px;
  12749. margin-left: 0; }
  12750. .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
  12751. margin-top: 10px; }
  12752. .mt-timeline-horizontal .btn.pull-right {
  12753. float: none !important;
  12754. margin: 0 !important; } }
  12755. /***
  12756. Tasks Widget
  12757. ***/
  12758. .tasks-widget:after {
  12759. clear: both; }
  12760. .tasks-widget .task-list {
  12761. list-style: none;
  12762. padding: 0;
  12763. margin: 0; }
  12764. .tasks-widget .task-list > li {
  12765. position: relative;
  12766. padding: 10px 10px;
  12767. border-bottom: 1px solid #F4F6F9; }
  12768. .tasks-widget .task-list > li:hover {
  12769. background: #F4F6F9; }
  12770. .tasks-widget .task-list > li.last-line {
  12771. border-bottom: none; }
  12772. .tasks-widget .task-list > li.task-done {
  12773. background: #f6f6f6; }
  12774. .tasks-widget .task-list > li.task-done:hover {
  12775. background: #f4f4f4; }
  12776. .tasks-widget .task-list > li.task-done .task-title-sp {
  12777. text-decoration: line-through; }
  12778. .tasks-widget .task-list > li > .task-bell {
  12779. margin-left: 10px; }
  12780. .tasks-widget .task-list > li > .task-checkbox {
  12781. float: left;
  12782. width: 30px; }
  12783. .tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] {
  12784. cursor: pointer; }
  12785. .tasks-widget .task-list > li > .task-title {
  12786. color: #838FA1;
  12787. margin-right: 10px; }
  12788. .tasks-widget .task-list > li > .task-title .task-title-sp {
  12789. margin-right: 5px; }
  12790. .tasks-widget .task-list > li .task-config-btn {
  12791. margin-top: -1px; }
  12792. .tasks-widget .task-list > li > .task-config {
  12793. display: none;
  12794. position: absolute;
  12795. top: 7px;
  12796. right: 10px; }
  12797. .tasks-widget .task-list > li:hover > .task-config {
  12798. display: block;
  12799. margin-bottom: 0 !important; }
  12800. .tasks-widget .task-footer {
  12801. margin-top: 5px; }
  12802. .tasks-widget .task-footer:before, .tasks-widget .task-footer:after {
  12803. content: " ";
  12804. display: table; }
  12805. .tasks-widget .task-footer:after {
  12806. clear: both; }
  12807. @media only screen and (max-width: 480px) {
  12808. .tasks-widget .task-config-btn {
  12809. float: inherit;
  12810. display: block; }
  12811. .tasks-widget .task-list-projects li > .label {
  12812. margin-bottom: 5px; } }
  12813. .mt-comments .mt-comment {
  12814. padding: 10px;
  12815. margin: 0 0 10px 0; }
  12816. .mt-comments .mt-comment .mt-comment-img {
  12817. width: 40px;
  12818. float: left; }
  12819. .mt-comments .mt-comment .mt-comment-img > img {
  12820. border-radius: 50% !important; }
  12821. .mt-comments .mt-comment .mt-comment-body {
  12822. padding-left: 20px;
  12823. position: relative;
  12824. overflow: hidden; }
  12825. .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before, .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {
  12826. content: " ";
  12827. display: table; }
  12828. .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {
  12829. clear: both; }
  12830. .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
  12831. display: inline-block;
  12832. float: left;
  12833. margin: 0px 0px 10px 0;
  12834. color: #060606;
  12835. font-weight: 600; }
  12836. .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date {
  12837. display: inline-block;
  12838. float: right;
  12839. margin: 0px;
  12840. color: #BABABA; }
  12841. .mt-comments .mt-comment .mt-comment-body .mt-comment-text {
  12842. color: #999999; }
  12843. .mt-comments .mt-comment .mt-comment-body .mt-comment-details {
  12844. margin: 10px 0px 0px 0; }
  12845. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status {
  12846. text-transform: uppercase;
  12847. float: left; }
  12848. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending {
  12849. color: #B8C0F5; }
  12850. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved {
  12851. color: #6BD873; }
  12852. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected {
  12853. color: red; }
  12854. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions {
  12855. display: none;
  12856. list-style: none;
  12857. margin: 0;
  12858. padding: 0;
  12859. float: right; }
  12860. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li {
  12861. float: left;
  12862. padding: 0 5px;
  12863. margin: 0; }
  12864. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a {
  12865. text-transform: uppercase;
  12866. color: #999999; }
  12867. .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover {
  12868. color: #666666;
  12869. text-decoration: none; }
  12870. .mt-comments .mt-comment:hover {
  12871. background: #f9f9f9; }
  12872. .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions {
  12873. display: inline-block; }
  12874. .mt-actions .mt-action {
  12875. margin: 0px;
  12876. padding: 15px 0 15px 0;
  12877. border-bottom: 1px solid #f7f8f9; }
  12878. .mt-actions .mt-action:last-child {
  12879. border-bottom: 0px; }
  12880. .mt-actions .mt-action .mt-action-img {
  12881. width: 40px;
  12882. float: left; }
  12883. .mt-actions .mt-action .mt-action-img > img {
  12884. border-radius: 50% !important;
  12885. margin-bottom: 2px; }
  12886. .mt-actions .mt-action .mt-action-body {
  12887. padding-left: 15px;
  12888. position: relative;
  12889. overflow: hidden; }
  12890. .mt-actions .mt-action .mt-action-body .mt-action-row {
  12891. display: table;
  12892. width: 100%; }
  12893. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
  12894. display: table-cell;
  12895. vertical-align: top; }
  12896. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {
  12897. display: table-cell;
  12898. padding: 6px 20px 6px 6px; }
  12899. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i {
  12900. display: inline-block;
  12901. position: relative;
  12902. top: 10px;
  12903. font-size: 25px;
  12904. color: #78E0E8; }
  12905. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {
  12906. display: table-cell;
  12907. vertical-align: top; }
  12908. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author {
  12909. color: #060606;
  12910. font-weight: 600; }
  12911. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
  12912. margin-bottom: 0;
  12913. color: #999b9b; }
  12914. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
  12915. vertical-align: top;
  12916. display: table-cell;
  12917. text-align: center;
  12918. width: 150px;
  12919. white-space: nowrap;
  12920. padding-top: 15px;
  12921. color: #A6A8A8; }
  12922. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot {
  12923. display: inline-block;
  12924. width: 10px;
  12925. height: 10px;
  12926. background-color: red;
  12927. border-radius: 50% !important;
  12928. margin-left: 5px;
  12929. margin-right: 5px; }
  12930. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
  12931. vertical-align: top;
  12932. display: table-cell;
  12933. text-align: center;
  12934. width: 160px;
  12935. white-space: nowrap;
  12936. padding-top: 10px; }
  12937. @media (max-width: 767px) {
  12938. /* 767px */
  12939. .mt-actions .mt-action .mt-action-body .mt-action-row {
  12940. display: block; }
  12941. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
  12942. display: block; }
  12943. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
  12944. display: inline-block;
  12945. margin-left: 40px; }
  12946. .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
  12947. display: inline-block;
  12948. float: right; } }
  12949. .mt-widget-1 {
  12950. border: 1px solid #e7ecf1;
  12951. text-align: center;
  12952. position: relative; }
  12953. .mt-widget-1 .mt-icon {
  12954. position: absolute;
  12955. right: 10px;
  12956. top: 10px;
  12957. margin: 7px;
  12958. font-size: 20px; }
  12959. .mt-widget-1 .mt-icon > a > i {
  12960. color: #a1e5e1; }
  12961. .mt-widget-1 .mt-icon > a:hover > i {
  12962. color: #79dad5; }
  12963. .mt-widget-1 .mt-img {
  12964. display: inline-block;
  12965. border-radius: 50% !important;
  12966. border: 4px solid #e7ecf1;
  12967. margin: 40px 0 30px 0; }
  12968. .mt-widget-1 .mt-img > img {
  12969. border: 1px solid trnsparent;
  12970. border-radius: 50% !important; }
  12971. .mt-widget-1 .mt-body .mt-username {
  12972. text-align: center;
  12973. margin: 5px 10px;
  12974. font-weight: 600;
  12975. font-size: 16px; }
  12976. .mt-widget-1 .mt-body .mt-user-title {
  12977. text-align: center;
  12978. margin: 10px 10px 10px 10px;
  12979. color: #666666;
  12980. font-size: 13px; }
  12981. .mt-widget-1 .mt-body .mt-stats {
  12982. margin: 30px 0px 0px 0px; }
  12983. .mt-widget-1 .mt-body .mt-stats .btn-group {
  12984. border-top: 1px solid #e7ecf1; }
  12985. .mt-widget-1 .mt-body .mt-stats .btn-group .btn {
  12986. padding: 10px 10px;
  12987. font-size: 14px;
  12988. border-right: 1px solid #e7ecf1; }
  12989. .mt-widget-1 .mt-body .mt-stats .btn-group .btn:hover {
  12990. background-color: #e7ecf1; }
  12991. .mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child {
  12992. border: 0; }
  12993. .mt-widget-1 .mt-body .mt-stats .btn-group .btn > i {
  12994. position: relative;
  12995. top: 3px;
  12996. right: 2px;
  12997. font-size: 16px; }
  12998. .mt-widget-1 .mt-body .mt-stats .btn-group .btn:first-child {
  12999. border-bottom-left-radius: 4px !important; }
  13000. .mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child {
  13001. border-bottom-right-radius: 4px !important; }
  13002. .mt-widget-2 {
  13003. border: 1px solid #e7ecf1;
  13004. position: relative; }
  13005. .mt-widget-2 .mt-head {
  13006. position: absolute;
  13007. width: 100%;
  13008. background-size: 100% 100%; }
  13009. .mt-widget-2 .mt-head .mt-head-label {
  13010. position: absolute;
  13011. top: 8px;
  13012. right: 8px;
  13013. cursor: pointer; }
  13014. .mt-widget-2 .mt-head .mt-head-label > button {
  13015. font-size: 13px;
  13016. border-radius: 2px !important; }
  13017. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img {
  13018. position: relative;
  13019. float: left;
  13020. margin: 165px 32px 18px 35px; }
  13021. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img::after {
  13022. content: "";
  13023. position: absolute;
  13024. top: 90%;
  13025. left: 50%;
  13026. margin-left: -15px;
  13027. border-width: 13px;
  13028. border-style: solid;
  13029. border-color: transparent transparent white transparent; }
  13030. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img > img {
  13031. width: 65px;
  13032. border-radius: 50% !important; }
  13033. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info {
  13034. margin: 175px 0 0 -9px;
  13035. color: white;
  13036. display: inline-block; }
  13037. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-name {
  13038. display: block;
  13039. font-size: 15px; }
  13040. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time {
  13041. font-size: 13px;
  13042. display: block; }
  13043. .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time > i {
  13044. position: relative;
  13045. top: 1px;
  13046. font-size: 13px; }
  13047. .mt-widget-2 .mt-body {
  13048. padding-top: 160px;
  13049. text-align: center; }
  13050. .mt-widget-2 .mt-body .mt-body-title {
  13051. margin-top: 130px;
  13052. font-weight: 600;
  13053. font-size: 16px; }
  13054. .mt-widget-2 .mt-body .mt-body-description {
  13055. margin-top: 10px;
  13056. display: inline-block;
  13057. color: #666666;
  13058. font-size: 13px;
  13059. padding: 0 10px; }
  13060. .mt-widget-2 .mt-body .mt-body-stats {
  13061. padding: 0; }
  13062. .mt-widget-2 .mt-body .mt-body-stats:before, .mt-widget-2 .mt-body .mt-body-stats:after {
  13063. content: " ";
  13064. display: table; }
  13065. .mt-widget-2 .mt-body .mt-body-stats:after {
  13066. clear: both; }
  13067. .mt-widget-2 .mt-body .mt-body-stats > li {
  13068. margin: 15px;
  13069. list-style: none;
  13070. display: inline-block; }
  13071. .mt-widget-2 .mt-body .mt-body-actions {
  13072. border-top: 1px solid #e7ecf1; }
  13073. .mt-widget-2 .mt-body .mt-body-actions > i {
  13074. font-size: 18px; }
  13075. .mt-widget-2 .mt-body .mt-body-actions .btn {
  13076. font-size: 14px;
  13077. border-right: 1px solid #e7ecf1;
  13078. padding: 12px 0 12px 0;
  13079. text-align: center; }
  13080. .mt-widget-2 .mt-body .mt-body-actions .btn:last-child {
  13081. border: 0; }
  13082. .mt-widget-3 {
  13083. border: 1px solid #e7ecf1; }
  13084. .mt-widget-3 .mt-head {
  13085. background-color: #5DC9E6;
  13086. margin-bottom: 20px;
  13087. color: white;
  13088. padding: 15px 0; }
  13089. .mt-widget-3 .mt-head .mt-head-icon {
  13090. font-size: 35px;
  13091. text-align: center;
  13092. padding-top: 20px;
  13093. margin-bottom: 10px; }
  13094. .mt-widget-3 .mt-head .mt-head-desc {
  13095. margin-left: 10px;
  13096. margin-right: 10px;
  13097. text-align: center;
  13098. color: #fff;
  13099. opacity: 0.8 ;
  13100. filter: alpha(opacity=80) ; }
  13101. .mt-widget-3 .mt-head .mt-head-date {
  13102. text-align: center;
  13103. margin-top: 20px;
  13104. display: block;
  13105. color: #f2f2f2; }
  13106. .mt-widget-3 .mt-head .mt-head-button {
  13107. margin: 10px 0;
  13108. text-align: center;
  13109. padding: 20px; }
  13110. .mt-widget-3 .mt-head .mt-head-button > button {
  13111. width: 90px; }
  13112. .mt-widget-3 .mt-body-actions-icons .btn-group {
  13113. margin-bottom: 20px; }
  13114. .mt-widget-3 .mt-body-actions-icons .btn-group .mt-icon {
  13115. display: block;
  13116. position: relative;
  13117. padding: 5px;
  13118. font-size: 15px; }
  13119. .mt-widget-3 .mt-body-actions-icons .btn {
  13120. border-right: 1px solid #e7ecf1;
  13121. font-size: 11px;
  13122. text-align: center;
  13123. padding: 0; }
  13124. .mt-widget-3 .mt-body-actions-icons .btn:last-child {
  13125. border-right: 0; }
  13126. .mt-widget-4 {
  13127. min-height: 250px;
  13128. color: white;
  13129. background-color: #26C0B8; }
  13130. .mt-widget-4 .mt-img-container {
  13131. position: relative; }
  13132. .mt-widget-4 .mt-img-container > img {
  13133. height: 250px;
  13134. width: 100%; }
  13135. .mt-widget-4 .mt-container {
  13136. width: 150px;
  13137. background-color: #26C0B8;
  13138. min-height: 250px;
  13139. position: absolute;
  13140. right: 15px;
  13141. top: 0; }
  13142. .mt-widget-4 .mt-container .mt-head-title {
  13143. text-align: center;
  13144. margin-top: 20px;
  13145. padding: 10px; }
  13146. .mt-widget-4 .mt-container .mt-body-icons {
  13147. margin-top: 30px;
  13148. text-align: center; }
  13149. .mt-widget-4 .mt-container .mt-body-icons > a {
  13150. color: #e6e6e6;
  13151. display: inline-block;
  13152. padding: 10px;
  13153. font-size: 17px; }
  13154. .mt-widget-4 .mt-container .mt-body-icons > a:hover {
  13155. color: #fff; }
  13156. .mt-widget-4 .mt-container .mt-footer-button {
  13157. margin-top: 30px;
  13158. position: absolute;
  13159. right: 0; }
  13160. .mt-widget-4 .mt-container .mt-footer-button > .btn {
  13161. width: 90px;
  13162. border-top-right-radius: 0 !important;
  13163. border-bottom-right-radius: 0 !important;
  13164. border: none !important; }
  13165. body.stop-scrolling {
  13166. height: auto !important;
  13167. overflow: visible !important; }
  13168. .sweet-alert .sa-icon.sa-success .sa-placeholder,
  13169. .sweet-alert .sa-icon {
  13170. border-radius: 50% !important; }
  13171. .sweet-alert h2 {
  13172. font-size: 20px;
  13173. padding-top: 5px; }
  13174. .sweet-alert p {
  13175. font-size: 14px; }
  13176. .sweet-alert .btn {
  13177. font-size: 14px;
  13178. padding: 8px 14px; }
  13179. .sweet-alert .btn:focus {
  13180. border-color: transparent; }
  13181. .mt-sweetalert {
  13182. margin: 0 5px 5px 0; }
  13183. .mt-sweetalert:hover {
  13184. cursor: pointer; }
  13185. .mt-sweetalert.mt-italic {
  13186. font-style: italic; }
  13187. .mt-sweetalert:focus {
  13188. outline: none !important;
  13189. border: 1px solid transparent; }
  13190. .mt-sweetalert-title {
  13191. margin: 30px 0 15px 0; }
  13192. .mt-clipboard-container {
  13193. padding: 20px; }
  13194. .mt-clipboard-container .mt-clipboard {
  13195. margin: 10px 10px 10px 0; }
  13196. .mt-multiselect {
  13197. text-align: left;
  13198. position: relative; }
  13199. .mt-multiselect .caret {
  13200. position: absolute;
  13201. top: 50%;
  13202. margin-top: -2px;
  13203. right: 15px; }
  13204. .mt-multiselect.mt-noicon .caret {
  13205. display: none; }
  13206. .mt-code {
  13207. padding: 3px;
  13208. color: #E43A45;
  13209. border-radius: 4px !important;
  13210. display: inline;
  13211. word-wrap: normal; }
  13212. .caption-desc {
  13213. font-size: 13px;
  13214. margin-top: 0.5em;
  13215. line-height: 2.3em; }
  13216. .mt-element-step .row {
  13217. margin: 0; }
  13218. .mt-element-step .step-default .mt-step-col {
  13219. padding-top: 30px;
  13220. padding-bottom: 30px;
  13221. text-align: center; }
  13222. .mt-element-step .step-default .mt-step-number {
  13223. font-size: 26px;
  13224. border-radius: 50% !important;
  13225. display: inline-block;
  13226. margin: auto;
  13227. padding: 3px 14px;
  13228. margin-bottom: 20px; }
  13229. .mt-element-step .step-default .mt-step-title {
  13230. font-size: 30px;
  13231. font-weight: 100; }
  13232. .mt-element-step .step-default .active {
  13233. background-color: #32c5d2 !important; }
  13234. .mt-element-step .step-default .active .mt-step-number {
  13235. color: #32c5d2 !important; }
  13236. .mt-element-step .step-default .active .mt-step-title,
  13237. .mt-element-step .step-default .active .mt-step-content {
  13238. color: #fff !important; }
  13239. .mt-element-step .step-default .done {
  13240. background-color: #26C281 !important; }
  13241. .mt-element-step .step-default .done .mt-step-number {
  13242. color: #26C281 !important; }
  13243. .mt-element-step .step-default .done .mt-step-title,
  13244. .mt-element-step .step-default .done .mt-step-content {
  13245. color: #fff !important; }
  13246. .mt-element-step .step-default .error {
  13247. background-color: #E7505A !important; }
  13248. .mt-element-step .step-default .error .mt-step-number {
  13249. color: #E7505A !important; }
  13250. .mt-element-step .step-default .error .mt-step-title,
  13251. .mt-element-step .step-default .error .mt-step-content {
  13252. color: #fff !important; }
  13253. .mt-element-step .step-thin .mt-step-col {
  13254. padding-top: 10px;
  13255. padding-bottom: 10px; }
  13256. .mt-element-step .step-thin .mt-step-number {
  13257. font-size: 26px;
  13258. border-radius: 50% !important;
  13259. float: left;
  13260. margin: auto;
  13261. padding: 3px 14px; }
  13262. .mt-element-step .step-thin .mt-step-title {
  13263. font-size: 24px;
  13264. font-weight: 100;
  13265. padding-left: 60px;
  13266. margin-top: -4px; }
  13267. .mt-element-step .step-thin .mt-step-content {
  13268. padding-left: 60px;
  13269. margin-top: -5px; }
  13270. .mt-element-step .step-thin .active {
  13271. background-color: #32c5d2 !important; }
  13272. .mt-element-step .step-thin .active .mt-step-number {
  13273. color: #32c5d2 !important; }
  13274. .mt-element-step .step-thin .active .mt-step-title,
  13275. .mt-element-step .step-thin .active .mt-step-content {
  13276. color: #fff !important; }
  13277. .mt-element-step .step-thin .done {
  13278. background-color: #26C281 !important; }
  13279. .mt-element-step .step-thin .done .mt-step-number {
  13280. color: #26C281 !important; }
  13281. .mt-element-step .step-thin .done .mt-step-title,
  13282. .mt-element-step .step-thin .done .mt-step-content {
  13283. color: #fff !important; }
  13284. .mt-element-step .step-thin .error {
  13285. background-color: #E7505A !important; }
  13286. .mt-element-step .step-thin .error .mt-step-number {
  13287. color: #E7505A !important; }
  13288. .mt-element-step .step-thin .error .mt-step-title,
  13289. .mt-element-step .step-thin .error .mt-step-content {
  13290. color: #fff !important; }
  13291. .mt-element-step .step-background .mt-step-col {
  13292. padding-top: 30px;
  13293. padding-bottom: 30px;
  13294. text-align: center;
  13295. height: 160px; }
  13296. .mt-element-step .step-background .mt-step-number {
  13297. font-size: 200px;
  13298. position: absolute;
  13299. bottom: 0;
  13300. right: 0;
  13301. line-height: 0.79em;
  13302. color: #dae1e4;
  13303. z-index: 4; }
  13304. .mt-element-step .step-background .mt-step-title {
  13305. font-size: 30px;
  13306. font-weight: 100;
  13307. text-align: right;
  13308. padding-right: 25%;
  13309. z-index: 5;
  13310. position: relative; }
  13311. .mt-element-step .step-background .mt-step-content {
  13312. text-align: right;
  13313. padding-right: 25%;
  13314. z-index: 5;
  13315. position: relative; }
  13316. .mt-element-step .step-background .active {
  13317. background-color: #32c5d2 !important; }
  13318. .mt-element-step .step-background .active .mt-step-number {
  13319. color: #2ab4c0 !important; }
  13320. .mt-element-step .step-background .active .mt-step-title,
  13321. .mt-element-step .step-background .active .mt-step-content {
  13322. color: #fff !important; }
  13323. .mt-element-step .step-background .done {
  13324. background-color: #26C281 !important; }
  13325. .mt-element-step .step-background .done .mt-step-number {
  13326. color: #22ad73 !important; }
  13327. .mt-element-step .step-background .done .mt-step-title,
  13328. .mt-element-step .step-background .done .mt-step-content {
  13329. color: #fff !important; }
  13330. .mt-element-step .step-background .error {
  13331. background-color: #E7505A !important; }
  13332. .mt-element-step .step-background .error .mt-step-number {
  13333. color: #e43a45 !important; }
  13334. .mt-element-step .step-background .error .mt-step-title,
  13335. .mt-element-step .step-background .error .mt-step-content {
  13336. color: #fff !important; }
  13337. .mt-element-step .step-background-thin .mt-step-col {
  13338. padding-top: 15px;
  13339. padding-bottom: 15px;
  13340. text-align: center; }
  13341. .mt-element-step .step-background-thin .mt-step-number {
  13342. font-size: 120px;
  13343. position: absolute;
  13344. bottom: 0;
  13345. right: 0;
  13346. line-height: 0.79em;
  13347. color: #dae1e4;
  13348. z-index: 4; }
  13349. .mt-element-step .step-background-thin .mt-step-title {
  13350. font-size: 30px;
  13351. font-weight: 100;
  13352. text-align: right;
  13353. padding-right: 25%;
  13354. z-index: 5;
  13355. position: relative; }
  13356. .mt-element-step .step-background-thin .mt-step-content {
  13357. text-align: right;
  13358. position: relative;
  13359. padding-right: 25%;
  13360. z-index: 5; }
  13361. .mt-element-step .step-background-thin .active {
  13362. background-color: #32c5d2 !important; }
  13363. .mt-element-step .step-background-thin .active .mt-step-number {
  13364. color: #2ab4c0 !important; }
  13365. .mt-element-step .step-background-thin .active .mt-step-title,
  13366. .mt-element-step .step-background-thin .active .mt-step-content {
  13367. color: #fff !important; }
  13368. .mt-element-step .step-background-thin .done {
  13369. background-color: #26C281 !important; }
  13370. .mt-element-step .step-background-thin .done .mt-step-number {
  13371. color: #22ad73 !important; }
  13372. .mt-element-step .step-background-thin .done .mt-step-title,
  13373. .mt-element-step .step-background-thin .done .mt-step-content {
  13374. color: #fff !important; }
  13375. .mt-element-step .step-background-thin .error {
  13376. background-color: #E7505A !important; }
  13377. .mt-element-step .step-background-thin .error .mt-step-number {
  13378. color: #e43a45 !important; }
  13379. .mt-element-step .step-background-thin .error .mt-step-title,
  13380. .mt-element-step .step-background-thin .error .mt-step-content {
  13381. color: #fff !important; }
  13382. .mt-element-step .step-no-background .mt-step-col {
  13383. padding-top: 30px;
  13384. padding-bottom: 30px;
  13385. text-align: center; }
  13386. .mt-element-step .step-no-background .mt-step-number {
  13387. font-size: 26px;
  13388. border-radius: 50% !important;
  13389. display: inline-block;
  13390. margin: auto;
  13391. padding: 3px 14px;
  13392. margin-bottom: 20px;
  13393. border: 1px solid;
  13394. border-color: #e5e5e5; }
  13395. .mt-element-step .step-no-background .mt-step-title {
  13396. font-size: 30px;
  13397. font-weight: 100; }
  13398. .mt-element-step .step-no-background .active .mt-step-number {
  13399. color: #32c5d2 !important;
  13400. border-color: #32c5d2 !important;
  13401. font-weight: 700; }
  13402. .mt-element-step .step-no-background .active .mt-step-title,
  13403. .mt-element-step .step-no-background .active .mt-step-content {
  13404. color: #32c5d2 !important;
  13405. font-weight: 700; }
  13406. .mt-element-step .step-no-background .done .mt-step-number {
  13407. color: #26C281 !important;
  13408. border-color: #26C281 !important;
  13409. font-weight: 700; }
  13410. .mt-element-step .step-no-background .done .mt-step-title,
  13411. .mt-element-step .step-no-background .done .mt-step-content {
  13412. color: #26C281 !important;
  13413. font-weight: 700; }
  13414. .mt-element-step .step-no-background .error .mt-step-number {
  13415. color: #E7505A !important;
  13416. border-color: #E7505A !important;
  13417. font-weight: 700; }
  13418. .mt-element-step .step-no-background .error .mt-step-title,
  13419. .mt-element-step .step-no-background .error .mt-step-content {
  13420. color: #E7505A !important;
  13421. font-weight: 700; }
  13422. .mt-element-step .step-no-background-thin .mt-step-col {
  13423. padding-top: 10px;
  13424. padding-bottom: 10px; }
  13425. .mt-element-step .step-no-background-thin .mt-step-number {
  13426. font-size: 26px;
  13427. border-radius: 50% !important;
  13428. float: left;
  13429. margin: auto;
  13430. padding: 3px 14px;
  13431. border: 1px solid;
  13432. border-color: #e5e5e5; }
  13433. .mt-element-step .step-no-background-thin .mt-step-title {
  13434. font-size: 24px;
  13435. font-weight: 100;
  13436. padding-left: 60px;
  13437. margin-top: -4px; }
  13438. .mt-element-step .step-no-background-thin .mt-step-content {
  13439. padding-left: 60px;
  13440. margin-top: -5px; }
  13441. .mt-element-step .step-no-background-thin .active .mt-step-number {
  13442. color: #32c5d2 !important;
  13443. border-color: #32c5d2 !important;
  13444. font-weight: 700; }
  13445. .mt-element-step .step-no-background-thin .active .mt-step-title,
  13446. .mt-element-step .step-no-background-thin .active .mt-step-content {
  13447. color: #32c5d2 !important;
  13448. font-weight: 700; }
  13449. .mt-element-step .step-no-background-thin .done .mt-step-number {
  13450. color: #26C281 !important;
  13451. border-color: #26C281 !important;
  13452. font-weight: 700; }
  13453. .mt-element-step .step-no-background-thin .done .mt-step-title,
  13454. .mt-element-step .step-no-background-thin .done .mt-step-content {
  13455. color: #26C281 !important;
  13456. font-weight: 700; }
  13457. .mt-element-step .step-no-background-thin .error .mt-step-number {
  13458. color: #E7505A !important;
  13459. border-color: #E7505A !important;
  13460. font-weight: 700; }
  13461. .mt-element-step .step-no-background-thin .error .mt-step-title,
  13462. .mt-element-step .step-no-background-thin .error .mt-step-content {
  13463. color: #E7505A !important;
  13464. font-weight: 700; }
  13465. .mt-element-step .step-line .mt-step-col {
  13466. padding: 30px 0;
  13467. text-align: center; }
  13468. .mt-element-step .step-line .mt-step-number {
  13469. font-size: 26px;
  13470. border-radius: 50% !important;
  13471. display: inline-block;
  13472. margin: auto;
  13473. padding: 9px;
  13474. margin-bottom: 5px;
  13475. border: 3px solid;
  13476. border-color: #e5e5e5;
  13477. position: relative;
  13478. z-index: 5;
  13479. height: 60px;
  13480. width: 60px;
  13481. text-align: center; }
  13482. .mt-element-step .step-line .mt-step-number > i {
  13483. position: relative;
  13484. top: 50%;
  13485. transform: translateY(-120%); }
  13486. .mt-element-step .step-line .mt-step-title {
  13487. font-size: 20px;
  13488. font-weight: 400;
  13489. position: relative; }
  13490. .mt-element-step .step-line .mt-step-title:after {
  13491. content: '';
  13492. height: 3px;
  13493. width: 50%;
  13494. position: absolute;
  13495. background-color: #e5e5e5;
  13496. top: -32px;
  13497. left: 50%;
  13498. z-index: 4;
  13499. transform: translateY(-100%); }
  13500. .mt-element-step .step-line .mt-step-title:before {
  13501. content: '';
  13502. height: 3px;
  13503. width: 50%;
  13504. position: absolute;
  13505. background-color: #e5e5e5;
  13506. top: -32px;
  13507. right: 50%;
  13508. z-index: 4;
  13509. transform: translateY(-100%); }
  13510. .mt-element-step .step-line .first .mt-step-title:before {
  13511. content: none; }
  13512. .mt-element-step .step-line .last .mt-step-title:after {
  13513. content: none; }
  13514. .mt-element-step .step-line .active .mt-step-number {
  13515. color: #32c5d2 !important;
  13516. border-color: #32c5d2 !important; }
  13517. .mt-element-step .step-line .active .mt-step-title,
  13518. .mt-element-step .step-line .active .mt-step-content {
  13519. color: #32c5d2 !important; }
  13520. .mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
  13521. background-color: #32c5d2; }
  13522. .mt-element-step .step-line .done .mt-step-number {
  13523. color: #26C281 !important;
  13524. border-color: #26C281 !important; }
  13525. .mt-element-step .step-line .done .mt-step-title,
  13526. .mt-element-step .step-line .done .mt-step-content {
  13527. color: #26C281 !important; }
  13528. .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
  13529. background-color: #26C281; }
  13530. .mt-element-step .step-line .error .mt-step-number {
  13531. color: #E7505A !important;
  13532. border-color: #E7505A !important; }
  13533. .mt-element-step .step-line .error .mt-step-title,
  13534. .mt-element-step .step-line .error .mt-step-content {
  13535. color: #E7505A !important; }
  13536. .mt-element-step .step-line .error .mt-step-title:after, .mt-element-step .step-line .error .mt-step-title:before {
  13537. background-color: #E7505A; }
  13538. @media (max-width: 991px) {
  13539. /* 991px */
  13540. .mt-element-step .step-line .mt-step-title:after {
  13541. content: none; }
  13542. .mt-element-step .step-line .mt-step-title:before {
  13543. content: none; } }
  13544. .mt-element-list .list-default.mt-list-head {
  13545. background-position: center;
  13546. background-size: cover;
  13547. background-repeat: no-repeat;
  13548. padding: 15px; }
  13549. .mt-element-list .list-default.mt-list-head .list-title {
  13550. margin: 0 0 0.7em 0;
  13551. font-size: 18px; }
  13552. .mt-element-list .list-default.mt-list-head .list-date {
  13553. font-size: 12px; }
  13554. .mt-element-list .list-default.mt-list-head .list-pending {
  13555. margin-bottom: 10px; }
  13556. .mt-element-list .list-default.mt-list-head .list-count {
  13557. display: inline-block;
  13558. padding: 3px 7px; }
  13559. .mt-element-list .list-default.mt-list-head .list-count.last {
  13560. margin-bottom: 0; }
  13561. .mt-element-list .list-default.mt-list-head .list-label {
  13562. display: inline-block;
  13563. font-size: 12px; }
  13564. .mt-element-list .list-default.mt-list-container {
  13565. border-left: 1px solid;
  13566. border-right: 1px solid;
  13567. border-bottom: 1px solid;
  13568. border-color: #e7ecf1;
  13569. padding: 15px; }
  13570. .mt-element-list .list-default.mt-list-container .mt-list-title {
  13571. padding-bottom: 15px;
  13572. font-size: 14px;
  13573. font-weight: 700; }
  13574. .mt-element-list .list-default.mt-list-container ul {
  13575. margin-bottom: 0;
  13576. padding: 0; }
  13577. .mt-element-list .list-default.mt-list-container ul > .mt-list-item {
  13578. list-style: none;
  13579. border-bottom: 1px solid;
  13580. border-color: #e7ecf1;
  13581. padding: 25px 0;
  13582. min-height: 45px; }
  13583. .mt-element-list .list-default.mt-list-container ul > .mt-list-item:first-child {
  13584. padding-top: 0; }
  13585. .mt-element-list .list-default.mt-list-container ul > .mt-list-item:last-child {
  13586. padding-bottom: 0;
  13587. border: none; }
  13588. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container {
  13589. border: 1px solid;
  13590. border-color: #e7ecf1;
  13591. border-radius: 50% !important;
  13592. padding: 0.9em;
  13593. float: left;
  13594. width: 45px;
  13595. height: 45px; }
  13596. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a {
  13597. color: #34495e; }
  13598. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
  13599. color: #26C281;
  13600. text-decoration: none; }
  13601. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done {
  13602. border-color: #26C281; }
  13603. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
  13604. color: #26C281; }
  13605. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
  13606. color: #26C281;
  13607. text-decoration: none; }
  13608. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content {
  13609. padding: 0 75px 0 60px; }
  13610. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
  13611. margin-top: 0;
  13612. margin-bottom: 5px;
  13613. font-size: 16px; }
  13614. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
  13615. color: #34495e; }
  13616. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
  13617. color: #26C281;
  13618. text-decoration: none; }
  13619. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > p {
  13620. margin: 0; }
  13621. .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
  13622. text-align: right;
  13623. float: right;
  13624. width: 60px; }
  13625. .mt-element-list .list-default.ext-1.mt-list-container {
  13626. padding: 15px 0 0 0; }
  13627. .mt-element-list .list-default.ext-1.mt-list-container .mt-list-title {
  13628. padding: 0 15px 15px 15px; }
  13629. .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item {
  13630. padding: 15px;
  13631. border-left: 3px solid;
  13632. border-color: #2F353B;
  13633. border-bottom-color: #e7ecf1; }
  13634. .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item:hover {
  13635. background-color: #e5e5e5; }
  13636. .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done {
  13637. border-color: #26C281;
  13638. border-bottom-color: #e7ecf1; }
  13639. .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done:hover {
  13640. background-color: #96ebc8; }
  13641. .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item > .list-icon-container {
  13642. border: none; }
  13643. .mt-element-list .list-default.group .list-toggle-container:hover, .mt-element-list .list-default.group .list-toggle-container:focus, .mt-element-list .list-default.group .list-toggle-container:active {
  13644. text-decoration: none; }
  13645. .mt-element-list .list-default.group .list-toggle-container .list-toggle {
  13646. padding: 15px;
  13647. background-color: #2F353B;
  13648. font-weight: 700;
  13649. color: #fff;
  13650. text-decoration: none; }
  13651. .mt-element-list .list-default.group .list-toggle-container .list-toggle.done {
  13652. background-color: #26C281; }
  13653. .mt-element-list .list-simple.mt-list-head {
  13654. padding: 15px; }
  13655. .mt-element-list .list-simple.mt-list-head .list-title {
  13656. margin: 0;
  13657. padding-right: 85px; }
  13658. .mt-element-list .list-simple.mt-list-head .list-date {
  13659. font-size: 12px;
  13660. opacity: 0.8;
  13661. float: right;
  13662. width: 75px; }
  13663. .mt-element-list .list-simple.mt-list-container {
  13664. border-left: 1px solid;
  13665. border-right: 1px solid;
  13666. border-bottom: 1px solid;
  13667. border-color: #e7ecf1;
  13668. padding: 15px; }
  13669. .mt-element-list .list-simple.mt-list-container ul {
  13670. margin-bottom: 0;
  13671. padding: 0; }
  13672. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item {
  13673. list-style: none;
  13674. border-bottom: 1px solid;
  13675. border-color: #e7ecf1;
  13676. padding: 15px 0; }
  13677. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:first-child {
  13678. padding-top: 0; }
  13679. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:last-child {
  13680. padding-bottom: 0;
  13681. border: none; }
  13682. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container {
  13683. font-size: 14px;
  13684. float: left; }
  13685. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a {
  13686. color: #34495e; }
  13687. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
  13688. color: #26C281;
  13689. text-decoration: none; }
  13690. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done {
  13691. color: #26C281; }
  13692. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
  13693. color: #26C281; }
  13694. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
  13695. color: #26C281;
  13696. text-decoration: none; }
  13697. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content {
  13698. padding: 0 75px 0 60px; }
  13699. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
  13700. margin: 0;
  13701. font-size: 18px; }
  13702. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
  13703. color: #34495e; }
  13704. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
  13705. color: #26C281;
  13706. text-decoration: none; }
  13707. .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime {
  13708. text-align: right;
  13709. float: right;
  13710. width: 60px; }
  13711. .mt-element-list .list-simple.mt-list-head {
  13712. padding: 15px; }
  13713. .mt-element-list .list-simple.mt-list-head .list-title {
  13714. margin: 0;
  13715. padding-right: 85px; }
  13716. .mt-element-list .list-simple.mt-list-head .list-date {
  13717. font-size: 12px;
  13718. opacity: 0.8;
  13719. float: right;
  13720. width: 75px; }
  13721. .mt-element-list .list-simple.ext-1.mt-list-container {
  13722. padding: 0; }
  13723. .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {
  13724. padding: 15px;
  13725. border-left: 3px solid;
  13726. border-color: #34495e;
  13727. border-bottom-color: #e7ecf1; }
  13728. .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item:hover {
  13729. background-color: #e5e5e5; }
  13730. .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done {
  13731. border-color: #26C281;
  13732. border-bottom-color: #e7ecf1; }
  13733. .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover {
  13734. background-color: #96ebc8; }
  13735. .mt-element-list .list-simple.group .list-toggle-container:hover, .mt-element-list .list-simple.group .list-toggle-container:focus, .mt-element-list .list-simple.group .list-toggle-container:active {
  13736. text-decoration: none; }
  13737. .mt-element-list .list-simple.group .list-toggle-container .list-toggle {
  13738. padding: 15px;
  13739. background-color: #34495e;
  13740. font-weight: 700;
  13741. color: #fff;
  13742. text-decoration: none; }
  13743. .mt-element-list .list-simple.group .list-toggle-container .list-toggle.done {
  13744. background-color: #26C281; }
  13745. .mt-element-list .list-news.mt-list-head {
  13746. padding: 15px;
  13747. text-align: center; }
  13748. .mt-element-list .list-news.mt-list-head .list-title {
  13749. margin: 0; }
  13750. .mt-element-list .list-news.mt-list-head .badge {
  13751. margin-top: 5px; }
  13752. .mt-element-list .list-news.mt-list-container {
  13753. border-left: 1px solid;
  13754. border-right: 1px solid;
  13755. border-bottom: 1px solid;
  13756. border-color: #e7ecf1;
  13757. padding: 15px 0; }
  13758. .mt-element-list .list-news.mt-list-container ul {
  13759. margin-bottom: 0;
  13760. padding: 0; }
  13761. .mt-element-list .list-news.mt-list-container ul > .mt-list-item {
  13762. list-style: none;
  13763. border-bottom: 1px solid;
  13764. border-color: #e7ecf1;
  13765. padding: 15px;
  13766. position: relative; }
  13767. .mt-element-list .list-news.mt-list-container ul > .mt-list-item:first-child {
  13768. padding-top: 0; }
  13769. .mt-element-list .list-news.mt-list-container ul > .mt-list-item:last-child {
  13770. padding-bottom: 0;
  13771. border: none; }
  13772. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container {
  13773. font-size: 20px;
  13774. position: absolute;
  13775. right: 5px;
  13776. top: 50%;
  13777. margin-top: -10px; }
  13778. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a {
  13779. color: #2f353b; }
  13780. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
  13781. color: #32c5d2; }
  13782. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content {
  13783. padding: 0 25px 0 0; }
  13784. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
  13785. margin: 0;
  13786. font-size: 18px;
  13787. margin-bottom: 10px; }
  13788. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
  13789. color: #34495e; }
  13790. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
  13791. color: #32c5d2;
  13792. text-decoration: none; }
  13793. .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-datetime {
  13794. margin-bottom: 10px; }
  13795. .mt-element-list .list-news.ext-1.mt-list-head {
  13796. position: relative;
  13797. text-align: left; }
  13798. .mt-element-list .list-news.ext-1.mt-list-head .list-count {
  13799. position: absolute;
  13800. right: 0;
  13801. top: 0;
  13802. height: 100%;
  13803. padding: 19px; }
  13804. .mt-element-list .list-news.ext-1 .list-thumb {
  13805. width: 80px;
  13806. height: 80px;
  13807. overflow: hidden;
  13808. float: left; }
  13809. .mt-element-list .list-news.ext-1 .list-thumb img {
  13810. width: 100%; }
  13811. .mt-element-list .list-news.ext-1.mt-list-container {
  13812. padding: 0; }
  13813. .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item {
  13814. padding: 15px; }
  13815. .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-datetime {
  13816. padding-left: 90px; }
  13817. .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-item-content {
  13818. padding-left: 90px; }
  13819. .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:hover {
  13820. background-color: #e5e5e5; }
  13821. .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:last-child {
  13822. padding-bottom: 15px; }
  13823. .mt-element-list .list-news.ext-2.mt-list-head {
  13824. position: relative;
  13825. text-align: left; }
  13826. .mt-element-list .list-news.ext-2.mt-list-head .list-count {
  13827. position: absolute;
  13828. right: 0;
  13829. top: 0;
  13830. height: 100%;
  13831. padding: 19px; }
  13832. .mt-element-list .list-news.ext-2 .list-thumb {
  13833. width: 80px;
  13834. height: 80px;
  13835. overflow: hidden;
  13836. float: left; }
  13837. .mt-element-list .list-news.ext-2 .list-thumb img {
  13838. width: 100%; }
  13839. .mt-element-list .list-news.ext-2.mt-list-container {
  13840. padding: 0; }
  13841. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item {
  13842. padding: 15px; }
  13843. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-datetime {
  13844. padding-left: 90px; }
  13845. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content {
  13846. padding-left: 90px; }
  13847. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
  13848. font-size: 16px; }
  13849. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
  13850. color: #F2784B; }
  13851. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:hover {
  13852. background-color: #e5e5e5; }
  13853. .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:last-child {
  13854. padding-bottom: 15px; }
  13855. .mt-element-list .list-todo.mt-list-head {
  13856. padding: 15px;
  13857. position: relative; }
  13858. .mt-element-list .list-todo.mt-list-head .list-title {
  13859. margin: 0; }
  13860. .mt-element-list .list-todo.mt-list-head .list-head-count {
  13861. margin-top: 5px; }
  13862. .mt-element-list .list-todo.mt-list-head .list-head-count > .list-head-count-item {
  13863. display: inline-block;
  13864. margin-right: 15px; }
  13865. .mt-element-list .list-todo.mt-list-head .list-count {
  13866. position: absolute;
  13867. top: 0;
  13868. right: 0;
  13869. padding: 29px;
  13870. font-size: 16px; }
  13871. .mt-element-list .list-todo.mt-list-head a {
  13872. color: #fff; }
  13873. .mt-element-list .list-todo.mt-list-head a:hover {
  13874. text-decoration: none; }
  13875. .mt-element-list .list-todo.mt-list-container {
  13876. border-left: 1px solid;
  13877. border-right: 1px solid;
  13878. border-bottom: 1px solid;
  13879. border-color: #e7ecf1;
  13880. position: relative; }
  13881. .mt-element-list .list-todo.mt-list-container .list-todo-line {
  13882. position: absolute;
  13883. z-index: 1;
  13884. height: 100%;
  13885. width: 1px;
  13886. top: 0;
  13887. left: 25px;
  13888. border-left: 1px solid;
  13889. border-color: #e7ecf1; }
  13890. .mt-element-list .list-todo.mt-list-container ul {
  13891. margin-bottom: 0;
  13892. padding: 0;
  13893. position: relative;
  13894. z-index: 5; }
  13895. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item {
  13896. list-style: none;
  13897. border-bottom: 1px solid;
  13898. border-bottom-style: dashed;
  13899. border-color: #e7ecf1;
  13900. padding: 15px;
  13901. position: relative; }
  13902. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item:last-child {
  13903. border: none; }
  13904. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-icon {
  13905. display: inline-block;
  13906. margin-top: 0.7em;
  13907. padding: 0.7em 0;
  13908. vertical-align: top; }
  13909. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item {
  13910. margin-left: 15px;
  13911. display: inline-block;
  13912. vertical-align: top;
  13913. width: 90%;
  13914. position: relative; }
  13915. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item:after {
  13916. right: 100%;
  13917. top: 50%;
  13918. border: solid transparent;
  13919. content: " ";
  13920. height: 0;
  13921. width: 0;
  13922. position: absolute;
  13923. pointer-events: none;
  13924. border-color: rgba(47, 53, 59, 0);
  13925. border-right-color: #2f353b;
  13926. border-width: 8px;
  13927. top: 18px; }
  13928. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:hover, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:focus, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:active {
  13929. text-decoration: none; }
  13930. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle {
  13931. padding: 15px; }
  13932. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle > .list-toggle-title {
  13933. display: inline-block; }
  13934. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list {
  13935. border: 1px solid;
  13936. border-color: #e7ecf1;
  13937. padding: 0;
  13938. margin: 0;
  13939. position: relative;
  13940. border-top: none;
  13941. border-bottom: none; }
  13942. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item {
  13943. list-style: none;
  13944. padding: 15px;
  13945. border-bottom: 1px solid;
  13946. border-color: #e7ecf1; }
  13947. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a {
  13948. color: #2f353b; }
  13949. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover {
  13950. text-decoration: none;
  13951. color: #e43a45; }
  13952. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item:last-child {
  13953. border-bottom: none; }
  13954. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-icon {
  13955. float: left; }
  13956. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content {
  13957. padding: 0 45px 0 35px; }
  13958. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > h4 {
  13959. margin-top: 0;
  13960. font-size: 14px; }
  13961. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > p {
  13962. font-size: 13px;
  13963. margin: 0; }
  13964. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status {
  13965. float: right; }
  13966. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status a {
  13967. color: #e5e5e5; }
  13968. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .done:hover {
  13969. color: #26C281; }
  13970. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .pending:hover {
  13971. color: #e43a45; }
  13972. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item.done > .task-status .done {
  13973. color: #26C281; }
  13974. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer {
  13975. padding: 15px;
  13976. text-align: center; }
  13977. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a {
  13978. color: #2f353b; }
  13979. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a:hover {
  13980. text-decoration: none; }
  13981. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-trash:hover {
  13982. color: #e43a45; }
  13983. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-add:hover {
  13984. color: #26C281; }
  13985. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container {
  13986. font-size: 20px;
  13987. position: absolute;
  13988. right: 5px;
  13989. top: 50%;
  13990. margin-top: -10px; }
  13991. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a {
  13992. color: #2f353b; }
  13993. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
  13994. color: #32c5d2; }
  13995. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content {
  13996. padding: 0 25px 0 0; }
  13997. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
  13998. margin: 0;
  13999. font-size: 18px;
  14000. margin-bottom: 10px; }
  14001. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
  14002. color: #34495e; }
  14003. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
  14004. color: #32c5d2;
  14005. text-decoration: none; }
  14006. .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-datetime {
  14007. margin-bottom: 10px; }
  14008. .mt-element-list .list-default.mt-list-head.white {
  14009. background-color: #ffffff;
  14010. color: #666; }
  14011. .mt-element-list .list-default.mt-list-head.white .badge {
  14012. background-color: white;
  14013. color: #666; }
  14014. .mt-element-list .list-default.mt-list-head.white.ext-1 .badge {
  14015. background-color: #e6e6e6; }
  14016. .mt-element-list .list-default.mt-list-head.white .list-label {
  14017. color: white; }
  14018. .mt-element-list .list-default.mt-list-head.white .list-date {
  14019. color: white; }
  14020. .mt-element-list .list-todo.mt-list-head.white {
  14021. background-color: #ffffff;
  14022. color: #666; }
  14023. .mt-element-list .list-todo .list-count.white {
  14024. background-color: #ffffff;
  14025. color: #666; }
  14026. .mt-element-list .list-todo .list-count.white:hover {
  14027. background-color: #f2f2f2; }
  14028. .mt-element-list .list-todo .list-todo-line.white {
  14029. border-color: #ffffff; }
  14030. .mt-element-list .list-todo .list-todo-item.white:after {
  14031. border-right-color: #ffffff !important; }
  14032. .mt-element-list .list-todo .list-todo-item.white .list-toggle {
  14033. background: #ffffff;
  14034. color: #666 !important; }
  14035. .mt-element-list .list-todo .list-todo-item.white .list-toggle > .badge {
  14036. color: #ffffff;
  14037. background: #666; }
  14038. .mt-element-list .list-default.mt-list-head.default {
  14039. background-color: #e1e5ec;
  14040. color: #666; }
  14041. .mt-element-list .list-default.mt-list-head.default .badge {
  14042. background-color: white;
  14043. color: #666; }
  14044. .mt-element-list .list-default.mt-list-head.default.ext-1 .badge {
  14045. background-color: #c2cad8; }
  14046. .mt-element-list .list-default.mt-list-head.default .list-label {
  14047. color: white; }
  14048. .mt-element-list .list-default.mt-list-head.default .list-date {
  14049. color: white; }
  14050. .mt-element-list .list-todo.mt-list-head.default {
  14051. background-color: #e1e5ec;
  14052. color: #666; }
  14053. .mt-element-list .list-todo .list-count.default {
  14054. background-color: #e1e5ec;
  14055. color: #666; }
  14056. .mt-element-list .list-todo .list-count.default:hover {
  14057. background-color: #d1d7e2; }
  14058. .mt-element-list .list-todo .list-todo-line.default {
  14059. border-color: #e1e5ec; }
  14060. .mt-element-list .list-todo .list-todo-item.default:after {
  14061. border-right-color: #e1e5ec !important; }
  14062. .mt-element-list .list-todo .list-todo-item.default .list-toggle {
  14063. background: #e1e5ec;
  14064. color: #666 !important; }
  14065. .mt-element-list .list-todo .list-todo-item.default .list-toggle > .badge {
  14066. color: #e1e5ec;
  14067. background: #666; }
  14068. .mt-element-list .list-default.mt-list-head.dark {
  14069. background-color: #2f353b;
  14070. color: #FFFFFF; }
  14071. .mt-element-list .list-default.mt-list-head.dark .badge {
  14072. background-color: #464f57;
  14073. color: #FFFFFF; }
  14074. .mt-element-list .list-default.mt-list-head.dark.ext-1 .badge {
  14075. background-color: #181c1f; }
  14076. .mt-element-list .list-default.mt-list-head.dark .list-label {
  14077. color: #acb5bd; }
  14078. .mt-element-list .list-default.mt-list-head.dark .list-date {
  14079. color: #acb5bd; }
  14080. .mt-element-list .list-todo.mt-list-head.dark {
  14081. background-color: #2f353b;
  14082. color: #FFFFFF; }
  14083. .mt-element-list .list-todo .list-count.dark {
  14084. background-color: #2f353b;
  14085. color: #FFFFFF; }
  14086. .mt-element-list .list-todo .list-count.dark:hover {
  14087. background-color: #24282d; }
  14088. .mt-element-list .list-todo .list-todo-line.dark {
  14089. border-color: #2f353b; }
  14090. .mt-element-list .list-todo .list-todo-item.dark:after {
  14091. border-right-color: #2f353b !important; }
  14092. .mt-element-list .list-todo .list-todo-item.dark .list-toggle {
  14093. background: #2f353b;
  14094. color: #FFFFFF !important; }
  14095. .mt-element-list .list-todo .list-todo-item.dark .list-toggle > .badge {
  14096. color: #2f353b;
  14097. background: #FFFFFF; }
  14098. .mt-element-list .list-default.mt-list-head.blue {
  14099. background-color: #3598dc;
  14100. color: #FFFFFF; }
  14101. .mt-element-list .list-default.mt-list-head.blue .badge {
  14102. background-color: #60aee4;
  14103. color: #FFFFFF; }
  14104. .mt-element-list .list-default.mt-list-head.blue.ext-1 .badge {
  14105. background-color: #217ebd; }
  14106. .mt-element-list .list-default.mt-list-head.blue .list-label {
  14107. color: white; }
  14108. .mt-element-list .list-default.mt-list-head.blue .list-date {
  14109. color: white; }
  14110. .mt-element-list .list-todo.mt-list-head.blue {
  14111. background-color: #3598dc;
  14112. color: #FFFFFF; }
  14113. .mt-element-list .list-todo .list-count.blue {
  14114. background-color: #3598dc;
  14115. color: #FFFFFF; }
  14116. .mt-element-list .list-todo .list-count.blue:hover {
  14117. background-color: #258cd3; }
  14118. .mt-element-list .list-todo .list-todo-line.blue {
  14119. border-color: #3598dc; }
  14120. .mt-element-list .list-todo .list-todo-item.blue:after {
  14121. border-right-color: #3598dc !important; }
  14122. .mt-element-list .list-todo .list-todo-item.blue .list-toggle {
  14123. background: #3598dc;
  14124. color: #FFFFFF !important; }
  14125. .mt-element-list .list-todo .list-todo-item.blue .list-toggle > .badge {
  14126. color: #3598dc;
  14127. background: #FFFFFF; }
  14128. .mt-element-list .list-default.mt-list-head.blue-madison {
  14129. background-color: #578ebe;
  14130. color: #FFFFFF; }
  14131. .mt-element-list .list-default.mt-list-head.blue-madison .badge {
  14132. background-color: #7ca7cc;
  14133. color: #FFFFFF; }
  14134. .mt-element-list .list-default.mt-list-head.blue-madison.ext-1 .badge {
  14135. background-color: #3f74a3; }
  14136. .mt-element-list .list-default.mt-list-head.blue-madison .list-label {
  14137. color: white; }
  14138. .mt-element-list .list-default.mt-list-head.blue-madison .list-date {
  14139. color: white; }
  14140. .mt-element-list .list-todo.mt-list-head.blue-madison {
  14141. background-color: #578ebe;
  14142. color: #FFFFFF; }
  14143. .mt-element-list .list-todo .list-count.blue-madison {
  14144. background-color: #578ebe;
  14145. color: #FFFFFF; }
  14146. .mt-element-list .list-todo .list-count.blue-madison:hover {
  14147. background-color: #4682b5; }
  14148. .mt-element-list .list-todo .list-todo-line.blue-madison {
  14149. border-color: #578ebe; }
  14150. .mt-element-list .list-todo .list-todo-item.blue-madison:after {
  14151. border-right-color: #578ebe !important; }
  14152. .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle {
  14153. background: #578ebe;
  14154. color: #FFFFFF !important; }
  14155. .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle > .badge {
  14156. color: #578ebe;
  14157. background: #FFFFFF; }
  14158. .mt-element-list .list-default.mt-list-head.blue-chambray {
  14159. background-color: #2C3E50;
  14160. color: #FFFFFF; }
  14161. .mt-element-list .list-default.mt-list-head.blue-chambray .badge {
  14162. background-color: #3e5871;
  14163. color: #FFFFFF; }
  14164. .mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge {
  14165. background-color: #1a252f; }
  14166. .mt-element-list .list-default.mt-list-head.blue-chambray .list-label {
  14167. color: #aabed1; }
  14168. .mt-element-list .list-default.mt-list-head.blue-chambray .list-date {
  14169. color: #aabed1; }
  14170. .mt-element-list .list-todo.mt-list-head.blue-chambray {
  14171. background-color: #2C3E50;
  14172. color: #FFFFFF; }
  14173. .mt-element-list .list-todo .list-count.blue-chambray {
  14174. background-color: #2C3E50;
  14175. color: #FFFFFF; }
  14176. .mt-element-list .list-todo .list-count.blue-chambray:hover {
  14177. background-color: #233140; }
  14178. .mt-element-list .list-todo .list-todo-line.blue-chambray {
  14179. border-color: #2C3E50; }
  14180. .mt-element-list .list-todo .list-todo-item.blue-chambray:after {
  14181. border-right-color: #2C3E50 !important; }
  14182. .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle {
  14183. background: #2C3E50;
  14184. color: #FFFFFF !important; }
  14185. .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle > .badge {
  14186. color: #2C3E50;
  14187. background: #FFFFFF; }
  14188. .mt-element-list .list-default.mt-list-head.blue-ebonyclay {
  14189. background-color: #22313F;
  14190. color: #FFFFFF; }
  14191. .mt-element-list .list-default.mt-list-head.blue-ebonyclay .badge {
  14192. background-color: #344b60;
  14193. color: #FFFFFF; }
  14194. .mt-element-list .list-default.mt-list-head.blue-ebonyclay.ext-1 .badge {
  14195. background-color: #10171e; }
  14196. .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label {
  14197. color: #98b1c8; }
  14198. .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date {
  14199. color: #98b1c8; }
  14200. .mt-element-list .list-todo.mt-list-head.blue-ebonyclay {
  14201. background-color: #22313F;
  14202. color: #FFFFFF; }
  14203. .mt-element-list .list-todo .list-count.blue-ebonyclay {
  14204. background-color: #22313F;
  14205. color: #FFFFFF; }
  14206. .mt-element-list .list-todo .list-count.blue-ebonyclay:hover {
  14207. background-color: #19242e; }
  14208. .mt-element-list .list-todo .list-todo-line.blue-ebonyclay {
  14209. border-color: #22313F; }
  14210. .mt-element-list .list-todo .list-todo-item.blue-ebonyclay:after {
  14211. border-right-color: #22313F !important; }
  14212. .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle {
  14213. background: #22313F;
  14214. color: #FFFFFF !important; }
  14215. .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle > .badge {
  14216. color: #22313F;
  14217. background: #FFFFFF; }
  14218. .mt-element-list .list-default.mt-list-head.blue-hoki {
  14219. background-color: #67809F;
  14220. color: #FFFFFF; }
  14221. .mt-element-list .list-default.mt-list-head.blue-hoki .badge {
  14222. background-color: #869ab3;
  14223. color: #FFFFFF; }
  14224. .mt-element-list .list-default.mt-list-head.blue-hoki.ext-1 .badge {
  14225. background-color: #526781; }
  14226. .mt-element-list .list-default.mt-list-head.blue-hoki .list-label {
  14227. color: white; }
  14228. .mt-element-list .list-default.mt-list-head.blue-hoki .list-date {
  14229. color: white; }
  14230. .mt-element-list .list-todo.mt-list-head.blue-hoki {
  14231. background-color: #67809F;
  14232. color: #FFFFFF; }
  14233. .mt-element-list .list-todo .list-count.blue-hoki {
  14234. background-color: #67809F;
  14235. color: #FFFFFF; }
  14236. .mt-element-list .list-todo .list-count.blue-hoki:hover {
  14237. background-color: #5c7391; }
  14238. .mt-element-list .list-todo .list-todo-line.blue-hoki {
  14239. border-color: #67809F; }
  14240. .mt-element-list .list-todo .list-todo-item.blue-hoki:after {
  14241. border-right-color: #67809F !important; }
  14242. .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle {
  14243. background: #67809F;
  14244. color: #FFFFFF !important; }
  14245. .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle > .badge {
  14246. color: #67809F;
  14247. background: #FFFFFF; }
  14248. .mt-element-list .list-default.mt-list-head.blue-steel {
  14249. background-color: #4B77BE;
  14250. color: #FFFFFF; }
  14251. .mt-element-list .list-default.mt-list-head.blue-steel .badge {
  14252. background-color: #7093cc;
  14253. color: #FFFFFF; }
  14254. .mt-element-list .list-default.mt-list-head.blue-steel.ext-1 .badge {
  14255. background-color: #395f9d; }
  14256. .mt-element-list .list-default.mt-list-head.blue-steel .list-label {
  14257. color: white; }
  14258. .mt-element-list .list-default.mt-list-head.blue-steel .list-date {
  14259. color: white; }
  14260. .mt-element-list .list-todo.mt-list-head.blue-steel {
  14261. background-color: #4B77BE;
  14262. color: #FFFFFF; }
  14263. .mt-element-list .list-todo .list-count.blue-steel {
  14264. background-color: #4B77BE;
  14265. color: #FFFFFF; }
  14266. .mt-element-list .list-todo .list-count.blue-steel:hover {
  14267. background-color: #406bb0; }
  14268. .mt-element-list .list-todo .list-todo-line.blue-steel {
  14269. border-color: #4B77BE; }
  14270. .mt-element-list .list-todo .list-todo-item.blue-steel:after {
  14271. border-right-color: #4B77BE !important; }
  14272. .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle {
  14273. background: #4B77BE;
  14274. color: #FFFFFF !important; }
  14275. .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle > .badge {
  14276. color: #4B77BE;
  14277. background: #FFFFFF; }
  14278. .mt-element-list .list-default.mt-list-head.blue-soft {
  14279. background-color: #4c87b9;
  14280. color: #FFFFFF; }
  14281. .mt-element-list .list-default.mt-list-head.blue-soft .badge {
  14282. background-color: #71a0c7;
  14283. color: #FFFFFF; }
  14284. .mt-element-list .list-default.mt-list-head.blue-soft.ext-1 .badge {
  14285. background-color: #3b6d97; }
  14286. .mt-element-list .list-default.mt-list-head.blue-soft .list-label {
  14287. color: white; }
  14288. .mt-element-list .list-default.mt-list-head.blue-soft .list-date {
  14289. color: white; }
  14290. .mt-element-list .list-todo.mt-list-head.blue-soft {
  14291. background-color: #4c87b9;
  14292. color: #FFFFFF; }
  14293. .mt-element-list .list-todo .list-count.blue-soft {
  14294. background-color: #4c87b9;
  14295. color: #FFFFFF; }
  14296. .mt-element-list .list-todo .list-count.blue-soft:hover {
  14297. background-color: #427aa9; }
  14298. .mt-element-list .list-todo .list-todo-line.blue-soft {
  14299. border-color: #4c87b9; }
  14300. .mt-element-list .list-todo .list-todo-item.blue-soft:after {
  14301. border-right-color: #4c87b9 !important; }
  14302. .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle {
  14303. background: #4c87b9;
  14304. color: #FFFFFF !important; }
  14305. .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle > .badge {
  14306. color: #4c87b9;
  14307. background: #FFFFFF; }
  14308. .mt-element-list .list-default.mt-list-head.blue-dark {
  14309. background-color: #5e738b;
  14310. color: #FFFFFF; }
  14311. .mt-element-list .list-default.mt-list-head.blue-dark .badge {
  14312. background-color: #788da4;
  14313. color: #FFFFFF; }
  14314. .mt-element-list .list-default.mt-list-head.blue-dark.ext-1 .badge {
  14315. background-color: #495a6d; }
  14316. .mt-element-list .list-default.mt-list-head.blue-dark .list-label {
  14317. color: #f2f4f6; }
  14318. .mt-element-list .list-default.mt-list-head.blue-dark .list-date {
  14319. color: #f2f4f6; }
  14320. .mt-element-list .list-todo.mt-list-head.blue-dark {
  14321. background-color: #5e738b;
  14322. color: #FFFFFF; }
  14323. .mt-element-list .list-todo .list-count.blue-dark {
  14324. background-color: #5e738b;
  14325. color: #FFFFFF; }
  14326. .mt-element-list .list-todo .list-count.blue-dark:hover {
  14327. background-color: #54667c; }
  14328. .mt-element-list .list-todo .list-todo-line.blue-dark {
  14329. border-color: #5e738b; }
  14330. .mt-element-list .list-todo .list-todo-item.blue-dark:after {
  14331. border-right-color: #5e738b !important; }
  14332. .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle {
  14333. background: #5e738b;
  14334. color: #FFFFFF !important; }
  14335. .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle > .badge {
  14336. color: #5e738b;
  14337. background: #FFFFFF; }
  14338. .mt-element-list .list-default.mt-list-head.blue-sharp {
  14339. background-color: #5C9BD1;
  14340. color: #FFFFFF; }
  14341. .mt-element-list .list-default.mt-list-head.blue-sharp .badge {
  14342. background-color: #84b3dc;
  14343. color: #FFFFFF; }
  14344. .mt-element-list .list-default.mt-list-head.blue-sharp.ext-1 .badge {
  14345. background-color: #3782c3; }
  14346. .mt-element-list .list-default.mt-list-head.blue-sharp .list-label {
  14347. color: white; }
  14348. .mt-element-list .list-default.mt-list-head.blue-sharp .list-date {
  14349. color: white; }
  14350. .mt-element-list .list-todo.mt-list-head.blue-sharp {
  14351. background-color: #5C9BD1;
  14352. color: #FFFFFF; }
  14353. .mt-element-list .list-todo .list-count.blue-sharp {
  14354. background-color: #5C9BD1;
  14355. color: #FFFFFF; }
  14356. .mt-element-list .list-todo .list-count.blue-sharp:hover {
  14357. background-color: #488fcb; }
  14358. .mt-element-list .list-todo .list-todo-line.blue-sharp {
  14359. border-color: #5C9BD1; }
  14360. .mt-element-list .list-todo .list-todo-item.blue-sharp:after {
  14361. border-right-color: #5C9BD1 !important; }
  14362. .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle {
  14363. background: #5C9BD1;
  14364. color: #FFFFFF !important; }
  14365. .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle > .badge {
  14366. color: #5C9BD1;
  14367. background: #FFFFFF; }
  14368. .mt-element-list .list-default.mt-list-head.blue-oleo {
  14369. background-color: #94A0B2;
  14370. color: #FFFFFF; }
  14371. .mt-element-list .list-default.mt-list-head.blue-oleo .badge {
  14372. background-color: #b2bac7;
  14373. color: #FFFFFF; }
  14374. .mt-element-list .list-default.mt-list-head.blue-oleo.ext-1 .badge {
  14375. background-color: #76869d; }
  14376. .mt-element-list .list-default.mt-list-head.blue-oleo .list-label {
  14377. color: white; }
  14378. .mt-element-list .list-default.mt-list-head.blue-oleo .list-date {
  14379. color: white; }
  14380. .mt-element-list .list-todo.mt-list-head.blue-oleo {
  14381. background-color: #94A0B2;
  14382. color: #FFFFFF; }
  14383. .mt-element-list .list-todo .list-count.blue-oleo {
  14384. background-color: #94A0B2;
  14385. color: #FFFFFF; }
  14386. .mt-element-list .list-todo .list-count.blue-oleo:hover {
  14387. background-color: #8593a7; }
  14388. .mt-element-list .list-todo .list-todo-line.blue-oleo {
  14389. border-color: #94A0B2; }
  14390. .mt-element-list .list-todo .list-todo-item.blue-oleo:after {
  14391. border-right-color: #94A0B2 !important; }
  14392. .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle {
  14393. background: #94A0B2;
  14394. color: #FFFFFF !important; }
  14395. .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle > .badge {
  14396. color: #94A0B2;
  14397. background: #FFFFFF; }
  14398. .mt-element-list .list-default.mt-list-head.green {
  14399. background-color: #32c5d2;
  14400. color: #FFFFFF; }
  14401. .mt-element-list .list-default.mt-list-head.green .badge {
  14402. background-color: #5cd1db;
  14403. color: #FFFFFF; }
  14404. .mt-element-list .list-default.mt-list-head.green.ext-1 .badge {
  14405. background-color: #26a1ab; }
  14406. .mt-element-list .list-default.mt-list-head.green .list-label {
  14407. color: white; }
  14408. .mt-element-list .list-default.mt-list-head.green .list-date {
  14409. color: white; }
  14410. .mt-element-list .list-todo.mt-list-head.green {
  14411. background-color: #32c5d2;
  14412. color: #FFFFFF; }
  14413. .mt-element-list .list-todo .list-count.green {
  14414. background-color: #32c5d2;
  14415. color: #FFFFFF; }
  14416. .mt-element-list .list-todo .list-count.green:hover {
  14417. background-color: #2ab4c0; }
  14418. .mt-element-list .list-todo .list-todo-line.green {
  14419. border-color: #32c5d2; }
  14420. .mt-element-list .list-todo .list-todo-item.green:after {
  14421. border-right-color: #32c5d2 !important; }
  14422. .mt-element-list .list-todo .list-todo-item.green .list-toggle {
  14423. background: #32c5d2;
  14424. color: #FFFFFF !important; }
  14425. .mt-element-list .list-todo .list-todo-item.green .list-toggle > .badge {
  14426. color: #32c5d2;
  14427. background: #FFFFFF; }
  14428. .mt-element-list .list-default.mt-list-head.green-meadow {
  14429. background-color: #1BBC9B;
  14430. color: #FFFFFF; }
  14431. .mt-element-list .list-default.mt-list-head.green-meadow .badge {
  14432. background-color: #2ae0bb;
  14433. color: #FFFFFF; }
  14434. .mt-element-list .list-default.mt-list-head.green-meadow.ext-1 .badge {
  14435. background-color: #158f76; }
  14436. .mt-element-list .list-default.mt-list-head.green-meadow .list-label {
  14437. color: #dcfaf4; }
  14438. .mt-element-list .list-default.mt-list-head.green-meadow .list-date {
  14439. color: #dcfaf4; }
  14440. .mt-element-list .list-todo.mt-list-head.green-meadow {
  14441. background-color: #1BBC9B;
  14442. color: #FFFFFF; }
  14443. .mt-element-list .list-todo .list-count.green-meadow {
  14444. background-color: #1BBC9B;
  14445. color: #FFFFFF; }
  14446. .mt-element-list .list-todo .list-count.green-meadow:hover {
  14447. background-color: #18a689; }
  14448. .mt-element-list .list-todo .list-todo-line.green-meadow {
  14449. border-color: #1BBC9B; }
  14450. .mt-element-list .list-todo .list-todo-item.green-meadow:after {
  14451. border-right-color: #1BBC9B !important; }
  14452. .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle {
  14453. background: #1BBC9B;
  14454. color: #FFFFFF !important; }
  14455. .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle > .badge {
  14456. color: #1BBC9B;
  14457. background: #FFFFFF; }
  14458. .mt-element-list .list-default.mt-list-head.green-seagreen {
  14459. background-color: #1BA39C;
  14460. color: #FFFFFF; }
  14461. .mt-element-list .list-default.mt-list-head.green-seagreen .badge {
  14462. background-color: #22cfc6;
  14463. color: #FFFFFF; }
  14464. .mt-element-list .list-default.mt-list-head.green-seagreen.ext-1 .badge {
  14465. background-color: #147772; }
  14466. .mt-element-list .list-default.mt-list-head.green-seagreen .list-label {
  14467. color: #c7f6f3; }
  14468. .mt-element-list .list-default.mt-list-head.green-seagreen .list-date {
  14469. color: #c7f6f3; }
  14470. .mt-element-list .list-todo.mt-list-head.green-seagreen {
  14471. background-color: #1BA39C;
  14472. color: #FFFFFF; }
  14473. .mt-element-list .list-todo .list-count.green-seagreen {
  14474. background-color: #1BA39C;
  14475. color: #FFFFFF; }
  14476. .mt-element-list .list-todo .list-count.green-seagreen:hover {
  14477. background-color: #178d87; }
  14478. .mt-element-list .list-todo .list-todo-line.green-seagreen {
  14479. border-color: #1BA39C; }
  14480. .mt-element-list .list-todo .list-todo-item.green-seagreen:after {
  14481. border-right-color: #1BA39C !important; }
  14482. .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle {
  14483. background: #1BA39C;
  14484. color: #FFFFFF !important; }
  14485. .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle > .badge {
  14486. color: #1BA39C;
  14487. background: #FFFFFF; }
  14488. .mt-element-list .list-default.mt-list-head.green-turquoise {
  14489. background-color: #36D7B7;
  14490. color: #FFFFFF; }
  14491. .mt-element-list .list-default.mt-list-head.green-turquoise .badge {
  14492. background-color: #61dfc6;
  14493. color: #FFFFFF; }
  14494. .mt-element-list .list-default.mt-list-head.green-turquoise.ext-1 .badge {
  14495. background-color: #24b699; }
  14496. .mt-element-list .list-default.mt-list-head.green-turquoise .list-label {
  14497. color: white; }
  14498. .mt-element-list .list-default.mt-list-head.green-turquoise .list-date {
  14499. color: white; }
  14500. .mt-element-list .list-todo.mt-list-head.green-turquoise {
  14501. background-color: #36D7B7;
  14502. color: #FFFFFF; }
  14503. .mt-element-list .list-todo .list-count.green-turquoise {
  14504. background-color: #36D7B7;
  14505. color: #FFFFFF; }
  14506. .mt-element-list .list-todo .list-count.green-turquoise:hover {
  14507. background-color: #28cbab; }
  14508. .mt-element-list .list-todo .list-todo-line.green-turquoise {
  14509. border-color: #36D7B7; }
  14510. .mt-element-list .list-todo .list-todo-item.green-turquoise:after {
  14511. border-right-color: #36D7B7 !important; }
  14512. .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle {
  14513. background: #36D7B7;
  14514. color: #FFFFFF !important; }
  14515. .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle > .badge {
  14516. color: #36D7B7;
  14517. background: #FFFFFF; }
  14518. .mt-element-list .list-default.mt-list-head.green-haze {
  14519. background-color: #44b6ae;
  14520. color: #FFFFFF; }
  14521. .mt-element-list .list-default.mt-list-head.green-haze .badge {
  14522. background-color: #67c6bf;
  14523. color: #FFFFFF; }
  14524. .mt-element-list .list-default.mt-list-head.green-haze.ext-1 .badge {
  14525. background-color: #36918b; }
  14526. .mt-element-list .list-default.mt-list-head.green-haze .list-label {
  14527. color: #fbfefd; }
  14528. .mt-element-list .list-default.mt-list-head.green-haze .list-date {
  14529. color: #fbfefd; }
  14530. .mt-element-list .list-todo.mt-list-head.green-haze {
  14531. background-color: #44b6ae;
  14532. color: #FFFFFF; }
  14533. .mt-element-list .list-todo .list-count.green-haze {
  14534. background-color: #44b6ae;
  14535. color: #FFFFFF; }
  14536. .mt-element-list .list-todo .list-count.green-haze:hover {
  14537. background-color: #3da39c; }
  14538. .mt-element-list .list-todo .list-todo-line.green-haze {
  14539. border-color: #44b6ae; }
  14540. .mt-element-list .list-todo .list-todo-item.green-haze:after {
  14541. border-right-color: #44b6ae !important; }
  14542. .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle {
  14543. background: #44b6ae;
  14544. color: #FFFFFF !important; }
  14545. .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle > .badge {
  14546. color: #44b6ae;
  14547. background: #FFFFFF; }
  14548. .mt-element-list .list-default.mt-list-head.green-jungle {
  14549. background-color: #26C281;
  14550. color: #FFFFFF; }
  14551. .mt-element-list .list-default.mt-list-head.green-jungle .badge {
  14552. background-color: #41da9a;
  14553. color: #FFFFFF; }
  14554. .mt-element-list .list-default.mt-list-head.green-jungle.ext-1 .badge {
  14555. background-color: #1e9765; }
  14556. .mt-element-list .list-default.mt-list-head.green-jungle .list-label {
  14557. color: #ecfbf5; }
  14558. .mt-element-list .list-default.mt-list-head.green-jungle .list-date {
  14559. color: #ecfbf5; }
  14560. .mt-element-list .list-todo.mt-list-head.green-jungle {
  14561. background-color: #26C281;
  14562. color: #FFFFFF; }
  14563. .mt-element-list .list-todo .list-count.green-jungle {
  14564. background-color: #26C281;
  14565. color: #FFFFFF; }
  14566. .mt-element-list .list-todo .list-count.green-jungle:hover {
  14567. background-color: #22ad73; }
  14568. .mt-element-list .list-todo .list-todo-line.green-jungle {
  14569. border-color: #26C281; }
  14570. .mt-element-list .list-todo .list-todo-item.green-jungle:after {
  14571. border-right-color: #26C281 !important; }
  14572. .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle {
  14573. background: #26C281;
  14574. color: #FFFFFF !important; }
  14575. .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle > .badge {
  14576. color: #26C281;
  14577. background: #FFFFFF; }
  14578. .mt-element-list .list-default.mt-list-head.green-soft {
  14579. background-color: #3faba4;
  14580. color: #FFFFFF; }
  14581. .mt-element-list .list-default.mt-list-head.green-soft .badge {
  14582. background-color: #5bc2bc;
  14583. color: #FFFFFF; }
  14584. .mt-element-list .list-default.mt-list-head.green-soft.ext-1 .badge {
  14585. background-color: #318680; }
  14586. .mt-element-list .list-default.mt-list-head.green-soft .list-label {
  14587. color: #f0f9f9; }
  14588. .mt-element-list .list-default.mt-list-head.green-soft .list-date {
  14589. color: #f0f9f9; }
  14590. .mt-element-list .list-todo.mt-list-head.green-soft {
  14591. background-color: #3faba4;
  14592. color: #FFFFFF; }
  14593. .mt-element-list .list-todo .list-count.green-soft {
  14594. background-color: #3faba4;
  14595. color: #FFFFFF; }
  14596. .mt-element-list .list-todo .list-count.green-soft:hover {
  14597. background-color: #389892; }
  14598. .mt-element-list .list-todo .list-todo-line.green-soft {
  14599. border-color: #3faba4; }
  14600. .mt-element-list .list-todo .list-todo-item.green-soft:after {
  14601. border-right-color: #3faba4 !important; }
  14602. .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle {
  14603. background: #3faba4;
  14604. color: #FFFFFF !important; }
  14605. .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle > .badge {
  14606. color: #3faba4;
  14607. background: #FFFFFF; }
  14608. .mt-element-list .list-default.mt-list-head.green-dark {
  14609. background-color: #4DB3A2;
  14610. color: #FFFFFF; }
  14611. .mt-element-list .list-default.mt-list-head.green-dark .badge {
  14612. background-color: #71c2b5;
  14613. color: #FFFFFF; }
  14614. .mt-element-list .list-default.mt-list-head.green-dark.ext-1 .badge {
  14615. background-color: #3d9082; }
  14616. .mt-element-list .list-default.mt-list-head.green-dark .list-label {
  14617. color: white; }
  14618. .mt-element-list .list-default.mt-list-head.green-dark .list-date {
  14619. color: white; }
  14620. .mt-element-list .list-todo.mt-list-head.green-dark {
  14621. background-color: #4DB3A2;
  14622. color: #FFFFFF; }
  14623. .mt-element-list .list-todo .list-count.green-dark {
  14624. background-color: #4DB3A2;
  14625. color: #FFFFFF; }
  14626. .mt-element-list .list-todo .list-count.green-dark:hover {
  14627. background-color: #45a292; }
  14628. .mt-element-list .list-todo .list-todo-line.green-dark {
  14629. border-color: #4DB3A2; }
  14630. .mt-element-list .list-todo .list-todo-item.green-dark:after {
  14631. border-right-color: #4DB3A2 !important; }
  14632. .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle {
  14633. background: #4DB3A2;
  14634. color: #FFFFFF !important; }
  14635. .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle > .badge {
  14636. color: #4DB3A2;
  14637. background: #FFFFFF; }
  14638. .mt-element-list .list-default.mt-list-head.green-sharp {
  14639. background-color: #2ab4c0;
  14640. color: #FFFFFF; }
  14641. .mt-element-list .list-default.mt-list-head.green-sharp .badge {
  14642. background-color: #46cbd7;
  14643. color: #FFFFFF; }
  14644. .mt-element-list .list-default.mt-list-head.green-sharp.ext-1 .badge {
  14645. background-color: #218d96; }
  14646. .mt-element-list .list-default.mt-list-head.green-sharp .list-label {
  14647. color: #eefafb; }
  14648. .mt-element-list .list-default.mt-list-head.green-sharp .list-date {
  14649. color: #eefafb; }
  14650. .mt-element-list .list-todo.mt-list-head.green-sharp {
  14651. background-color: #2ab4c0;
  14652. color: #FFFFFF; }
  14653. .mt-element-list .list-todo .list-count.green-sharp {
  14654. background-color: #2ab4c0;
  14655. color: #FFFFFF; }
  14656. .mt-element-list .list-todo .list-count.green-sharp:hover {
  14657. background-color: #25a0ab; }
  14658. .mt-element-list .list-todo .list-todo-line.green-sharp {
  14659. border-color: #2ab4c0; }
  14660. .mt-element-list .list-todo .list-todo-item.green-sharp:after {
  14661. border-right-color: #2ab4c0 !important; }
  14662. .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle {
  14663. background: #2ab4c0;
  14664. color: #FFFFFF !important; }
  14665. .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle > .badge {
  14666. color: #2ab4c0;
  14667. background: #FFFFFF; }
  14668. .mt-element-list .list-default.mt-list-head.green-steel {
  14669. background-color: #29b4b6;
  14670. color: #FFFFFF; }
  14671. .mt-element-list .list-default.mt-list-head.green-steel .badge {
  14672. background-color: #3ed1d4;
  14673. color: #FFFFFF; }
  14674. .mt-element-list .list-default.mt-list-head.green-steel.ext-1 .badge {
  14675. background-color: #208b8c; }
  14676. .mt-element-list .list-default.mt-list-head.green-steel .list-label {
  14677. color: #e5f9f9; }
  14678. .mt-element-list .list-default.mt-list-head.green-steel .list-date {
  14679. color: #e5f9f9; }
  14680. .mt-element-list .list-todo.mt-list-head.green-steel {
  14681. background-color: #29b4b6;
  14682. color: #FFFFFF; }
  14683. .mt-element-list .list-todo .list-count.green-steel {
  14684. background-color: #29b4b6;
  14685. color: #FFFFFF; }
  14686. .mt-element-list .list-todo .list-count.green-steel:hover {
  14687. background-color: #249fa1; }
  14688. .mt-element-list .list-todo .list-todo-line.green-steel {
  14689. border-color: #29b4b6; }
  14690. .mt-element-list .list-todo .list-todo-item.green-steel:after {
  14691. border-right-color: #29b4b6 !important; }
  14692. .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle {
  14693. background: #29b4b6;
  14694. color: #FFFFFF !important; }
  14695. .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle > .badge {
  14696. color: #29b4b6;
  14697. background: #FFFFFF; }
  14698. .mt-element-list .list-default.mt-list-head.grey {
  14699. background-color: #E5E5E5;
  14700. color: #333333; }
  14701. .mt-element-list .list-default.mt-list-head.grey .badge {
  14702. background-color: white;
  14703. color: #333333; }
  14704. .mt-element-list .list-default.mt-list-head.grey.ext-1 .badge {
  14705. background-color: #cccccc; }
  14706. .mt-element-list .list-default.mt-list-head.grey .list-label {
  14707. color: white; }
  14708. .mt-element-list .list-default.mt-list-head.grey .list-date {
  14709. color: white; }
  14710. .mt-element-list .list-todo.mt-list-head.grey {
  14711. background-color: #E5E5E5;
  14712. color: #333333; }
  14713. .mt-element-list .list-todo .list-count.grey {
  14714. background-color: #E5E5E5;
  14715. color: #333333; }
  14716. .mt-element-list .list-todo .list-count.grey:hover {
  14717. background-color: #d8d8d8; }
  14718. .mt-element-list .list-todo .list-todo-line.grey {
  14719. border-color: #E5E5E5; }
  14720. .mt-element-list .list-todo .list-todo-item.grey:after {
  14721. border-right-color: #E5E5E5 !important; }
  14722. .mt-element-list .list-todo .list-todo-item.grey .list-toggle {
  14723. background: #E5E5E5;
  14724. color: #333333 !important; }
  14725. .mt-element-list .list-todo .list-todo-item.grey .list-toggle > .badge {
  14726. color: #E5E5E5;
  14727. background: #333333; }
  14728. .mt-element-list .list-default.mt-list-head.grey-steel {
  14729. background-color: #e9edef;
  14730. color: #80898e; }
  14731. .mt-element-list .list-default.mt-list-head.grey-steel .badge {
  14732. background-color: white;
  14733. color: #80898e; }
  14734. .mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge {
  14735. background-color: #cbd5da; }
  14736. .mt-element-list .list-default.mt-list-head.grey-steel .list-label {
  14737. color: white; }
  14738. .mt-element-list .list-default.mt-list-head.grey-steel .list-date {
  14739. color: white; }
  14740. .mt-element-list .list-todo.mt-list-head.grey-steel {
  14741. background-color: #e9edef;
  14742. color: #80898e; }
  14743. .mt-element-list .list-todo .list-count.grey-steel {
  14744. background-color: #e9edef;
  14745. color: #80898e; }
  14746. .mt-element-list .list-todo .list-count.grey-steel:hover {
  14747. background-color: #dae1e4; }
  14748. .mt-element-list .list-todo .list-todo-line.grey-steel {
  14749. border-color: #e9edef; }
  14750. .mt-element-list .list-todo .list-todo-item.grey-steel:after {
  14751. border-right-color: #e9edef !important; }
  14752. .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle {
  14753. background: #e9edef;
  14754. color: #80898e !important; }
  14755. .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle > .badge {
  14756. color: #e9edef;
  14757. background: #80898e; }
  14758. .mt-element-list .list-default.mt-list-head.grey-cararra {
  14759. background-color: #fafafa;
  14760. color: #333333; }
  14761. .mt-element-list .list-default.mt-list-head.grey-cararra .badge {
  14762. background-color: white;
  14763. color: #333333; }
  14764. .mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge {
  14765. background-color: #e1e1e1; }
  14766. .mt-element-list .list-default.mt-list-head.grey-cararra .list-label {
  14767. color: white; }
  14768. .mt-element-list .list-default.mt-list-head.grey-cararra .list-date {
  14769. color: white; }
  14770. .mt-element-list .list-todo.mt-list-head.grey-cararra {
  14771. background-color: #fafafa;
  14772. color: #333333; }
  14773. .mt-element-list .list-todo .list-count.grey-cararra {
  14774. background-color: #fafafa;
  14775. color: #333333; }
  14776. .mt-element-list .list-todo .list-count.grey-cararra:hover {
  14777. background-color: #ededed; }
  14778. .mt-element-list .list-todo .list-todo-line.grey-cararra {
  14779. border-color: #fafafa; }
  14780. .mt-element-list .list-todo .list-todo-item.grey-cararra:after {
  14781. border-right-color: #fafafa !important; }
  14782. .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle {
  14783. background: #fafafa;
  14784. color: #333333 !important; }
  14785. .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle > .badge {
  14786. color: #fafafa;
  14787. background: #333333; }
  14788. .mt-element-list .list-default.mt-list-head.grey-gallery {
  14789. background-color: #555555;
  14790. color: #ffffff; }
  14791. .mt-element-list .list-default.mt-list-head.grey-gallery .badge {
  14792. background-color: #6f6f6f;
  14793. color: #ffffff; }
  14794. .mt-element-list .list-default.mt-list-head.grey-gallery.ext-1 .badge {
  14795. background-color: #3c3c3c; }
  14796. .mt-element-list .list-default.mt-list-head.grey-gallery .list-label {
  14797. color: #d5d5d5; }
  14798. .mt-element-list .list-default.mt-list-head.grey-gallery .list-date {
  14799. color: #d5d5d5; }
  14800. .mt-element-list .list-todo.mt-list-head.grey-gallery {
  14801. background-color: #555555;
  14802. color: #ffffff; }
  14803. .mt-element-list .list-todo .list-count.grey-gallery {
  14804. background-color: #555555;
  14805. color: #ffffff; }
  14806. .mt-element-list .list-todo .list-count.grey-gallery:hover {
  14807. background-color: #484848; }
  14808. .mt-element-list .list-todo .list-todo-line.grey-gallery {
  14809. border-color: #555555; }
  14810. .mt-element-list .list-todo .list-todo-item.grey-gallery:after {
  14811. border-right-color: #555555 !important; }
  14812. .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle {
  14813. background: #555555;
  14814. color: #ffffff !important; }
  14815. .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle > .badge {
  14816. color: #555555;
  14817. background: #ffffff; }
  14818. .mt-element-list .list-default.mt-list-head.grey-cascade {
  14819. background-color: #95A5A6;
  14820. color: #FFFFFF; }
  14821. .mt-element-list .list-default.mt-list-head.grey-cascade .badge {
  14822. background-color: #b1bdbd;
  14823. color: #FFFFFF; }
  14824. .mt-element-list .list-default.mt-list-head.grey-cascade.ext-1 .badge {
  14825. background-color: #798d8f; }
  14826. .mt-element-list .list-default.mt-list-head.grey-cascade .list-label {
  14827. color: white; }
  14828. .mt-element-list .list-default.mt-list-head.grey-cascade .list-date {
  14829. color: white; }
  14830. .mt-element-list .list-todo.mt-list-head.grey-cascade {
  14831. background-color: #95A5A6;
  14832. color: #FFFFFF; }
  14833. .mt-element-list .list-todo .list-count.grey-cascade {
  14834. background-color: #95A5A6;
  14835. color: #FFFFFF; }
  14836. .mt-element-list .list-todo .list-count.grey-cascade:hover {
  14837. background-color: #87999a; }
  14838. .mt-element-list .list-todo .list-todo-line.grey-cascade {
  14839. border-color: #95A5A6; }
  14840. .mt-element-list .list-todo .list-todo-item.grey-cascade:after {
  14841. border-right-color: #95A5A6 !important; }
  14842. .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle {
  14843. background: #95A5A6;
  14844. color: #FFFFFF !important; }
  14845. .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle > .badge {
  14846. color: #95A5A6;
  14847. background: #FFFFFF; }
  14848. .mt-element-list .list-default.mt-list-head.grey-silver {
  14849. background-color: #BFBFBF;
  14850. color: #FAFCFB; }
  14851. .mt-element-list .list-default.mt-list-head.grey-silver .badge {
  14852. background-color: #d9d9d9;
  14853. color: #FAFCFB; }
  14854. .mt-element-list .list-default.mt-list-head.grey-silver.ext-1 .badge {
  14855. background-color: #a6a6a6; }
  14856. .mt-element-list .list-default.mt-list-head.grey-silver .list-label {
  14857. color: white; }
  14858. .mt-element-list .list-default.mt-list-head.grey-silver .list-date {
  14859. color: white; }
  14860. .mt-element-list .list-todo.mt-list-head.grey-silver {
  14861. background-color: #BFBFBF;
  14862. color: #FAFCFB; }
  14863. .mt-element-list .list-todo .list-count.grey-silver {
  14864. background-color: #BFBFBF;
  14865. color: #FAFCFB; }
  14866. .mt-element-list .list-todo .list-count.grey-silver:hover {
  14867. background-color: #b2b2b2; }
  14868. .mt-element-list .list-todo .list-todo-line.grey-silver {
  14869. border-color: #BFBFBF; }
  14870. .mt-element-list .list-todo .list-todo-item.grey-silver:after {
  14871. border-right-color: #BFBFBF !important; }
  14872. .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle {
  14873. background: #BFBFBF;
  14874. color: #FAFCFB !important; }
  14875. .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle > .badge {
  14876. color: #BFBFBF;
  14877. background: #FAFCFB; }
  14878. .mt-element-list .list-default.mt-list-head.grey-salsa {
  14879. background-color: #ACB5C3;
  14880. color: #FAFCFB; }
  14881. .mt-element-list .list-default.mt-list-head.grey-salsa .badge {
  14882. background-color: #cacfd8;
  14883. color: #FAFCFB; }
  14884. .mt-element-list .list-default.mt-list-head.grey-salsa.ext-1 .badge {
  14885. background-color: #8e9bae; }
  14886. .mt-element-list .list-default.mt-list-head.grey-salsa .list-label {
  14887. color: white; }
  14888. .mt-element-list .list-default.mt-list-head.grey-salsa .list-date {
  14889. color: white; }
  14890. .mt-element-list .list-todo.mt-list-head.grey-salsa {
  14891. background-color: #ACB5C3;
  14892. color: #FAFCFB; }
  14893. .mt-element-list .list-todo .list-count.grey-salsa {
  14894. background-color: #ACB5C3;
  14895. color: #FAFCFB; }
  14896. .mt-element-list .list-todo .list-count.grey-salsa:hover {
  14897. background-color: #9da8b8; }
  14898. .mt-element-list .list-todo .list-todo-line.grey-salsa {
  14899. border-color: #ACB5C3; }
  14900. .mt-element-list .list-todo .list-todo-item.grey-salsa:after {
  14901. border-right-color: #ACB5C3 !important; }
  14902. .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle {
  14903. background: #ACB5C3;
  14904. color: #FAFCFB !important; }
  14905. .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle > .badge {
  14906. color: #ACB5C3;
  14907. background: #FAFCFB; }
  14908. .mt-element-list .list-default.mt-list-head.grey-salt {
  14909. background-color: #bfcad1;
  14910. color: #FAFCFB; }
  14911. .mt-element-list .list-default.mt-list-head.grey-salt .badge {
  14912. background-color: #dde3e6;
  14913. color: #FAFCFB; }
  14914. .mt-element-list .list-default.mt-list-head.grey-salt.ext-1 .badge {
  14915. background-color: #a1b1bc; }
  14916. .mt-element-list .list-default.mt-list-head.grey-salt .list-label {
  14917. color: white; }
  14918. .mt-element-list .list-default.mt-list-head.grey-salt .list-date {
  14919. color: white; }
  14920. .mt-element-list .list-todo.mt-list-head.grey-salt {
  14921. background-color: #bfcad1;
  14922. color: #FAFCFB; }
  14923. .mt-element-list .list-todo .list-count.grey-salt {
  14924. background-color: #bfcad1;
  14925. color: #FAFCFB; }
  14926. .mt-element-list .list-todo .list-count.grey-salt:hover {
  14927. background-color: #b0bec6; }
  14928. .mt-element-list .list-todo .list-todo-line.grey-salt {
  14929. border-color: #bfcad1; }
  14930. .mt-element-list .list-todo .list-todo-item.grey-salt:after {
  14931. border-right-color: #bfcad1 !important; }
  14932. .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle {
  14933. background: #bfcad1;
  14934. color: #FAFCFB !important; }
  14935. .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle > .badge {
  14936. color: #bfcad1;
  14937. background: #FAFCFB; }
  14938. .mt-element-list .list-default.mt-list-head.grey-mint {
  14939. background-color: #525e64;
  14940. color: #FFFFFF; }
  14941. .mt-element-list .list-default.mt-list-head.grey-mint .badge {
  14942. background-color: #697880;
  14943. color: #FFFFFF; }
  14944. .mt-element-list .list-default.mt-list-head.grey-mint.ext-1 .badge {
  14945. background-color: #3b4448; }
  14946. .mt-element-list .list-default.mt-list-head.grey-mint .list-label {
  14947. color: #d7dcde; }
  14948. .mt-element-list .list-default.mt-list-head.grey-mint .list-date {
  14949. color: #d7dcde; }
  14950. .mt-element-list .list-todo.mt-list-head.grey-mint {
  14951. background-color: #525e64;
  14952. color: #FFFFFF; }
  14953. .mt-element-list .list-todo .list-count.grey-mint {
  14954. background-color: #525e64;
  14955. color: #FFFFFF; }
  14956. .mt-element-list .list-todo .list-count.grey-mint:hover {
  14957. background-color: #475156; }
  14958. .mt-element-list .list-todo .list-todo-line.grey-mint {
  14959. border-color: #525e64; }
  14960. .mt-element-list .list-todo .list-todo-item.grey-mint:after {
  14961. border-right-color: #525e64 !important; }
  14962. .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle {
  14963. background: #525e64;
  14964. color: #FFFFFF !important; }
  14965. .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle > .badge {
  14966. color: #525e64;
  14967. background: #FFFFFF; }
  14968. .mt-element-list .list-default.mt-list-head.red {
  14969. background-color: #e7505a;
  14970. color: #ffffff; }
  14971. .mt-element-list .list-default.mt-list-head.red .badge {
  14972. background-color: #ed7d84;
  14973. color: #ffffff; }
  14974. .mt-element-list .list-default.mt-list-head.red.ext-1 .badge {
  14975. background-color: #e12330; }
  14976. .mt-element-list .list-default.mt-list-head.red .list-label {
  14977. color: white; }
  14978. .mt-element-list .list-default.mt-list-head.red .list-date {
  14979. color: white; }
  14980. .mt-element-list .list-todo.mt-list-head.red {
  14981. background-color: #e7505a;
  14982. color: #ffffff; }
  14983. .mt-element-list .list-todo .list-count.red {
  14984. background-color: #e7505a;
  14985. color: #ffffff; }
  14986. .mt-element-list .list-todo .list-count.red:hover {
  14987. background-color: #e43a45; }
  14988. .mt-element-list .list-todo .list-todo-line.red {
  14989. border-color: #e7505a; }
  14990. .mt-element-list .list-todo .list-todo-item.red:after {
  14991. border-right-color: #e7505a !important; }
  14992. .mt-element-list .list-todo .list-todo-item.red .list-toggle {
  14993. background: #e7505a;
  14994. color: #ffffff !important; }
  14995. .mt-element-list .list-todo .list-todo-item.red .list-toggle > .badge {
  14996. color: #e7505a;
  14997. background: #ffffff; }
  14998. .mt-element-list .list-default.mt-list-head.red-pink {
  14999. background-color: #E08283;
  15000. color: #ffffff; }
  15001. .mt-element-list .list-default.mt-list-head.red-pink .badge {
  15002. background-color: #eaabac;
  15003. color: #ffffff; }
  15004. .mt-element-list .list-default.mt-list-head.red-pink.ext-1 .badge {
  15005. background-color: #d6595a; }
  15006. .mt-element-list .list-default.mt-list-head.red-pink .list-label {
  15007. color: white; }
  15008. .mt-element-list .list-default.mt-list-head.red-pink .list-date {
  15009. color: white; }
  15010. .mt-element-list .list-todo.mt-list-head.red-pink {
  15011. background-color: #E08283;
  15012. color: #ffffff; }
  15013. .mt-element-list .list-todo .list-count.red-pink {
  15014. background-color: #E08283;
  15015. color: #ffffff; }
  15016. .mt-element-list .list-todo .list-count.red-pink:hover {
  15017. background-color: #db6e6f; }
  15018. .mt-element-list .list-todo .list-todo-line.red-pink {
  15019. border-color: #E08283; }
  15020. .mt-element-list .list-todo .list-todo-item.red-pink:after {
  15021. border-right-color: #E08283 !important; }
  15022. .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle {
  15023. background: #E08283;
  15024. color: #ffffff !important; }
  15025. .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle > .badge {
  15026. color: #E08283;
  15027. background: #ffffff; }
  15028. .mt-element-list .list-default.mt-list-head.red-sunglo {
  15029. background-color: #E26A6A;
  15030. color: #ffffff; }
  15031. .mt-element-list .list-default.mt-list-head.red-sunglo .badge {
  15032. background-color: #ea9595;
  15033. color: #ffffff; }
  15034. .mt-element-list .list-default.mt-list-head.red-sunglo.ext-1 .badge {
  15035. background-color: #da3f3f; }
  15036. .mt-element-list .list-default.mt-list-head.red-sunglo .list-label {
  15037. color: white; }
  15038. .mt-element-list .list-default.mt-list-head.red-sunglo .list-date {
  15039. color: white; }
  15040. .mt-element-list .list-todo.mt-list-head.red-sunglo {
  15041. background-color: #E26A6A;
  15042. color: #ffffff; }
  15043. .mt-element-list .list-todo .list-count.red-sunglo {
  15044. background-color: #E26A6A;
  15045. color: #ffffff; }
  15046. .mt-element-list .list-todo .list-count.red-sunglo:hover {
  15047. background-color: #de5555; }
  15048. .mt-element-list .list-todo .list-todo-line.red-sunglo {
  15049. border-color: #E26A6A; }
  15050. .mt-element-list .list-todo .list-todo-item.red-sunglo:after {
  15051. border-right-color: #E26A6A !important; }
  15052. .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle {
  15053. background: #E26A6A;
  15054. color: #ffffff !important; }
  15055. .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle > .badge {
  15056. color: #E26A6A;
  15057. background: #ffffff; }
  15058. .mt-element-list .list-default.mt-list-head.red-intense {
  15059. background-color: #e35b5a;
  15060. color: #ffffff; }
  15061. .mt-element-list .list-default.mt-list-head.red-intense .badge {
  15062. background-color: #ea8686;
  15063. color: #ffffff; }
  15064. .mt-element-list .list-default.mt-list-head.red-intense.ext-1 .badge {
  15065. background-color: #dc302e; }
  15066. .mt-element-list .list-default.mt-list-head.red-intense .list-label {
  15067. color: white; }
  15068. .mt-element-list .list-default.mt-list-head.red-intense .list-date {
  15069. color: white; }
  15070. .mt-element-list .list-todo.mt-list-head.red-intense {
  15071. background-color: #e35b5a;
  15072. color: #ffffff; }
  15073. .mt-element-list .list-todo .list-count.red-intense {
  15074. background-color: #e35b5a;
  15075. color: #ffffff; }
  15076. .mt-element-list .list-todo .list-count.red-intense:hover {
  15077. background-color: #df4544; }
  15078. .mt-element-list .list-todo .list-todo-line.red-intense {
  15079. border-color: #e35b5a; }
  15080. .mt-element-list .list-todo .list-todo-item.red-intense:after {
  15081. border-right-color: #e35b5a !important; }
  15082. .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle {
  15083. background: #e35b5a;
  15084. color: #ffffff !important; }
  15085. .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle > .badge {
  15086. color: #e35b5a;
  15087. background: #ffffff; }
  15088. .mt-element-list .list-default.mt-list-head.red-thunderbird {
  15089. background-color: #D91E18;
  15090. color: #ffffff; }
  15091. .mt-element-list .list-default.mt-list-head.red-thunderbird .badge {
  15092. background-color: #e9403b;
  15093. color: #ffffff; }
  15094. .mt-element-list .list-default.mt-list-head.red-thunderbird.ext-1 .badge {
  15095. background-color: #ab1813; }
  15096. .mt-element-list .list-default.mt-list-head.red-thunderbird .list-label {
  15097. color: #fef3f2; }
  15098. .mt-element-list .list-default.mt-list-head.red-thunderbird .list-date {
  15099. color: #fef3f2; }
  15100. .mt-element-list .list-todo.mt-list-head.red-thunderbird {
  15101. background-color: #D91E18;
  15102. color: #ffffff; }
  15103. .mt-element-list .list-todo .list-count.red-thunderbird {
  15104. background-color: #D91E18;
  15105. color: #ffffff; }
  15106. .mt-element-list .list-todo .list-count.red-thunderbird:hover {
  15107. background-color: #c21b15; }
  15108. .mt-element-list .list-todo .list-todo-line.red-thunderbird {
  15109. border-color: #D91E18; }
  15110. .mt-element-list .list-todo .list-todo-item.red-thunderbird:after {
  15111. border-right-color: #D91E18 !important; }
  15112. .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle {
  15113. background: #D91E18;
  15114. color: #ffffff !important; }
  15115. .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle > .badge {
  15116. color: #D91E18;
  15117. background: #ffffff; }
  15118. .mt-element-list .list-default.mt-list-head.red-flamingo {
  15119. background-color: #EF4836;
  15120. color: #ffffff; }
  15121. .mt-element-list .list-default.mt-list-head.red-flamingo .badge {
  15122. background-color: #f37365;
  15123. color: #ffffff; }
  15124. .mt-element-list .list-default.mt-list-head.red-flamingo.ext-1 .badge {
  15125. background-color: #e02612; }
  15126. .mt-element-list .list-default.mt-list-head.red-flamingo .list-label {
  15127. color: white; }
  15128. .mt-element-list .list-default.mt-list-head.red-flamingo .list-date {
  15129. color: white; }
  15130. .mt-element-list .list-todo.mt-list-head.red-flamingo {
  15131. background-color: #EF4836;
  15132. color: #ffffff; }
  15133. .mt-element-list .list-todo .list-count.red-flamingo {
  15134. background-color: #EF4836;
  15135. color: #ffffff; }
  15136. .mt-element-list .list-todo .list-count.red-flamingo:hover {
  15137. background-color: #ed321e; }
  15138. .mt-element-list .list-todo .list-todo-line.red-flamingo {
  15139. border-color: #EF4836; }
  15140. .mt-element-list .list-todo .list-todo-item.red-flamingo:after {
  15141. border-right-color: #EF4836 !important; }
  15142. .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle {
  15143. background: #EF4836;
  15144. color: #ffffff !important; }
  15145. .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle > .badge {
  15146. color: #EF4836;
  15147. background: #ffffff; }
  15148. .mt-element-list .list-default.mt-list-head.red-soft {
  15149. background-color: #d05454;
  15150. color: #ffffff; }
  15151. .mt-element-list .list-default.mt-list-head.red-soft .badge {
  15152. background-color: #db7c7c;
  15153. color: #ffffff; }
  15154. .mt-element-list .list-default.mt-list-head.red-soft.ext-1 .badge {
  15155. background-color: #bd3434; }
  15156. .mt-element-list .list-default.mt-list-head.red-soft .list-label {
  15157. color: white; }
  15158. .mt-element-list .list-default.mt-list-head.red-soft .list-date {
  15159. color: white; }
  15160. .mt-element-list .list-todo.mt-list-head.red-soft {
  15161. background-color: #d05454;
  15162. color: #ffffff; }
  15163. .mt-element-list .list-todo .list-count.red-soft {
  15164. background-color: #d05454;
  15165. color: #ffffff; }
  15166. .mt-element-list .list-todo .list-count.red-soft:hover {
  15167. background-color: #cb4040; }
  15168. .mt-element-list .list-todo .list-todo-line.red-soft {
  15169. border-color: #d05454; }
  15170. .mt-element-list .list-todo .list-todo-item.red-soft:after {
  15171. border-right-color: #d05454 !important; }
  15172. .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle {
  15173. background: #d05454;
  15174. color: #ffffff !important; }
  15175. .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle > .badge {
  15176. color: #d05454;
  15177. background: #ffffff; }
  15178. .mt-element-list .list-default.mt-list-head.red-haze {
  15179. background-color: #f36a5a;
  15180. color: #ffffff; }
  15181. .mt-element-list .list-default.mt-list-head.red-haze .badge {
  15182. background-color: #f6958a;
  15183. color: #ffffff; }
  15184. .mt-element-list .list-default.mt-list-head.red-haze.ext-1 .badge {
  15185. background-color: #f03f2a; }
  15186. .mt-element-list .list-default.mt-list-head.red-haze .list-label {
  15187. color: white; }
  15188. .mt-element-list .list-default.mt-list-head.red-haze .list-date {
  15189. color: white; }
  15190. .mt-element-list .list-todo.mt-list-head.red-haze {
  15191. background-color: #f36a5a;
  15192. color: #ffffff; }
  15193. .mt-element-list .list-todo .list-count.red-haze {
  15194. background-color: #f36a5a;
  15195. color: #ffffff; }
  15196. .mt-element-list .list-todo .list-count.red-haze:hover {
  15197. background-color: #f15542; }
  15198. .mt-element-list .list-todo .list-todo-line.red-haze {
  15199. border-color: #f36a5a; }
  15200. .mt-element-list .list-todo .list-todo-item.red-haze:after {
  15201. border-right-color: #f36a5a !important; }
  15202. .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle {
  15203. background: #f36a5a;
  15204. color: #ffffff !important; }
  15205. .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle > .badge {
  15206. color: #f36a5a;
  15207. background: #ffffff; }
  15208. .mt-element-list .list-default.mt-list-head.red-mint {
  15209. background-color: #e43a45;
  15210. color: #ffffff; }
  15211. .mt-element-list .list-default.mt-list-head.red-mint .badge {
  15212. background-color: #ea676f;
  15213. color: #ffffff; }
  15214. .mt-element-list .list-default.mt-list-head.red-mint.ext-1 .badge {
  15215. background-color: #cf1c28; }
  15216. .mt-element-list .list-default.mt-list-head.red-mint .list-label {
  15217. color: white; }
  15218. .mt-element-list .list-default.mt-list-head.red-mint .list-date {
  15219. color: white; }
  15220. .mt-element-list .list-todo.mt-list-head.red-mint {
  15221. background-color: #e43a45;
  15222. color: #ffffff; }
  15223. .mt-element-list .list-todo .list-count.red-mint {
  15224. background-color: #e43a45;
  15225. color: #ffffff; }
  15226. .mt-element-list .list-todo .list-count.red-mint:hover {
  15227. background-color: #e12430; }
  15228. .mt-element-list .list-todo .list-todo-line.red-mint {
  15229. border-color: #e43a45; }
  15230. .mt-element-list .list-todo .list-todo-item.red-mint:after {
  15231. border-right-color: #e43a45 !important; }
  15232. .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle {
  15233. background: #e43a45;
  15234. color: #ffffff !important; }
  15235. .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle > .badge {
  15236. color: #e43a45;
  15237. background: #ffffff; }
  15238. .mt-element-list .list-default.mt-list-head.yellow {
  15239. background-color: #c49f47;
  15240. color: #ffffff; }
  15241. .mt-element-list .list-default.mt-list-head.yellow .badge {
  15242. background-color: #d0b36e;
  15243. color: #ffffff; }
  15244. .mt-element-list .list-default.mt-list-head.yellow.ext-1 .badge {
  15245. background-color: #a48334; }
  15246. .mt-element-list .list-default.mt-list-head.yellow .list-label {
  15247. color: white; }
  15248. .mt-element-list .list-default.mt-list-head.yellow .list-date {
  15249. color: white; }
  15250. .mt-element-list .list-todo.mt-list-head.yellow {
  15251. background-color: #c49f47;
  15252. color: #ffffff; }
  15253. .mt-element-list .list-todo .list-count.yellow {
  15254. background-color: #c49f47;
  15255. color: #ffffff; }
  15256. .mt-element-list .list-todo .list-count.yellow:hover {
  15257. background-color: #b7923b; }
  15258. .mt-element-list .list-todo .list-todo-line.yellow {
  15259. border-color: #c49f47; }
  15260. .mt-element-list .list-todo .list-todo-item.yellow:after {
  15261. border-right-color: #c49f47 !important; }
  15262. .mt-element-list .list-todo .list-todo-item.yellow .list-toggle {
  15263. background: #c49f47;
  15264. color: #ffffff !important; }
  15265. .mt-element-list .list-todo .list-todo-item.yellow .list-toggle > .badge {
  15266. color: #c49f47;
  15267. background: #ffffff; }
  15268. .mt-element-list .list-default.mt-list-head.yellow-gold {
  15269. background-color: #E87E04;
  15270. color: #ffffff; }
  15271. .mt-element-list .list-default.mt-list-head.yellow-gold .badge {
  15272. background-color: #fb9724;
  15273. color: #ffffff; }
  15274. .mt-element-list .list-default.mt-list-head.yellow-gold.ext-1 .badge {
  15275. background-color: #b66303; }
  15276. .mt-element-list .list-default.mt-list-head.yellow-gold .list-label {
  15277. color: #fff6ec; }
  15278. .mt-element-list .list-default.mt-list-head.yellow-gold .list-date {
  15279. color: #fff6ec; }
  15280. .mt-element-list .list-todo.mt-list-head.yellow-gold {
  15281. background-color: #E87E04;
  15282. color: #ffffff; }
  15283. .mt-element-list .list-todo .list-count.yellow-gold {
  15284. background-color: #E87E04;
  15285. color: #ffffff; }
  15286. .mt-element-list .list-todo .list-count.yellow-gold:hover {
  15287. background-color: #cf7004; }
  15288. .mt-element-list .list-todo .list-todo-line.yellow-gold {
  15289. border-color: #E87E04; }
  15290. .mt-element-list .list-todo .list-todo-item.yellow-gold:after {
  15291. border-right-color: #E87E04 !important; }
  15292. .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle {
  15293. background: #E87E04;
  15294. color: #ffffff !important; }
  15295. .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle > .badge {
  15296. color: #E87E04;
  15297. background: #ffffff; }
  15298. .mt-element-list .list-default.mt-list-head.yellow-casablanca {
  15299. background-color: #f2784b;
  15300. color: #ffffff; }
  15301. .mt-element-list .list-default.mt-list-head.yellow-casablanca .badge {
  15302. background-color: #f59c7b;
  15303. color: #ffffff; }
  15304. .mt-element-list .list-default.mt-list-head.yellow-casablanca.ext-1 .badge {
  15305. background-color: #ef541b; }
  15306. .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-label {
  15307. color: white; }
  15308. .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-date {
  15309. color: white; }
  15310. .mt-element-list .list-todo.mt-list-head.yellow-casablanca {
  15311. background-color: #f2784b;
  15312. color: #ffffff; }
  15313. .mt-element-list .list-todo .list-count.yellow-casablanca {
  15314. background-color: #f2784b;
  15315. color: #ffffff; }
  15316. .mt-element-list .list-todo .list-count.yellow-casablanca:hover {
  15317. background-color: #f06633; }
  15318. .mt-element-list .list-todo .list-todo-line.yellow-casablanca {
  15319. border-color: #f2784b; }
  15320. .mt-element-list .list-todo .list-todo-item.yellow-casablanca:after {
  15321. border-right-color: #f2784b !important; }
  15322. .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle {
  15323. background: #f2784b;
  15324. color: #ffffff !important; }
  15325. .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle > .badge {
  15326. color: #f2784b;
  15327. background: #ffffff; }
  15328. .mt-element-list .list-default.mt-list-head.yellow-crusta {
  15329. background-color: #f3c200;
  15330. color: #ffffff; }
  15331. .mt-element-list .list-default.mt-list-head.yellow-crusta .badge {
  15332. background-color: #ffd327;
  15333. color: #ffffff; }
  15334. .mt-element-list .list-default.mt-list-head.yellow-crusta.ext-1 .badge {
  15335. background-color: #c09900; }
  15336. .mt-element-list .list-default.mt-list-head.yellow-crusta .list-label {
  15337. color: #fffdf3; }
  15338. .mt-element-list .list-default.mt-list-head.yellow-crusta .list-date {
  15339. color: #fffdf3; }
  15340. .mt-element-list .list-todo.mt-list-head.yellow-crusta {
  15341. background-color: #f3c200;
  15342. color: #ffffff; }
  15343. .mt-element-list .list-todo .list-count.yellow-crusta {
  15344. background-color: #f3c200;
  15345. color: #ffffff; }
  15346. .mt-element-list .list-todo .list-count.yellow-crusta:hover {
  15347. background-color: #daae00; }
  15348. .mt-element-list .list-todo .list-todo-line.yellow-crusta {
  15349. border-color: #f3c200; }
  15350. .mt-element-list .list-todo .list-todo-item.yellow-crusta:after {
  15351. border-right-color: #f3c200 !important; }
  15352. .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle {
  15353. background: #f3c200;
  15354. color: #ffffff !important; }
  15355. .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle > .badge {
  15356. color: #f3c200;
  15357. background: #ffffff; }
  15358. .mt-element-list .list-default.mt-list-head.yellow-lemon {
  15359. background-color: #F7CA18;
  15360. color: #ffffff; }
  15361. .mt-element-list .list-default.mt-list-head.yellow-lemon .badge {
  15362. background-color: #f9d549;
  15363. color: #ffffff; }
  15364. .mt-element-list .list-default.mt-list-head.yellow-lemon.ext-1 .badge {
  15365. background-color: #d5ab07; }
  15366. .mt-element-list .list-default.mt-list-head.yellow-lemon .list-label {
  15367. color: white; }
  15368. .mt-element-list .list-default.mt-list-head.yellow-lemon .list-date {
  15369. color: white; }
  15370. .mt-element-list .list-todo.mt-list-head.yellow-lemon {
  15371. background-color: #F7CA18;
  15372. color: #ffffff; }
  15373. .mt-element-list .list-todo .list-count.yellow-lemon {
  15374. background-color: #F7CA18;
  15375. color: #ffffff; }
  15376. .mt-element-list .list-todo .list-count.yellow-lemon:hover {
  15377. background-color: #edbf08; }
  15378. .mt-element-list .list-todo .list-todo-line.yellow-lemon {
  15379. border-color: #F7CA18; }
  15380. .mt-element-list .list-todo .list-todo-item.yellow-lemon:after {
  15381. border-right-color: #F7CA18 !important; }
  15382. .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle {
  15383. background: #F7CA18;
  15384. color: #ffffff !important; }
  15385. .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle > .badge {
  15386. color: #F7CA18;
  15387. background: #ffffff; }
  15388. .mt-element-list .list-default.mt-list-head.yellow-saffron {
  15389. background-color: #F4D03F;
  15390. color: #ffffff; }
  15391. .mt-element-list .list-default.mt-list-head.yellow-saffron .badge {
  15392. background-color: #f7dc6f;
  15393. color: #ffffff; }
  15394. .mt-element-list .list-default.mt-list-head.yellow-saffron.ext-1 .badge {
  15395. background-color: #f1c40f; }
  15396. .mt-element-list .list-default.mt-list-head.yellow-saffron .list-label {
  15397. color: white; }
  15398. .mt-element-list .list-default.mt-list-head.yellow-saffron .list-date {
  15399. color: white; }
  15400. .mt-element-list .list-todo.mt-list-head.yellow-saffron {
  15401. background-color: #F4D03F;
  15402. color: #ffffff; }
  15403. .mt-element-list .list-todo .list-count.yellow-saffron {
  15404. background-color: #F4D03F;
  15405. color: #ffffff; }
  15406. .mt-element-list .list-todo .list-count.yellow-saffron:hover {
  15407. background-color: #f3ca27; }
  15408. .mt-element-list .list-todo .list-todo-line.yellow-saffron {
  15409. border-color: #F4D03F; }
  15410. .mt-element-list .list-todo .list-todo-item.yellow-saffron:after {
  15411. border-right-color: #F4D03F !important; }
  15412. .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle {
  15413. background: #F4D03F;
  15414. color: #ffffff !important; }
  15415. .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle > .badge {
  15416. color: #F4D03F;
  15417. background: #ffffff; }
  15418. .mt-element-list .list-default.mt-list-head.yellow-soft {
  15419. background-color: #c8d046;
  15420. color: #ffffff; }
  15421. .mt-element-list .list-default.mt-list-head.yellow-soft .badge {
  15422. background-color: #d4da6f;
  15423. color: #ffffff; }
  15424. .mt-element-list .list-default.mt-list-head.yellow-soft.ext-1 .badge {
  15425. background-color: #adb52e; }
  15426. .mt-element-list .list-default.mt-list-head.yellow-soft .list-label {
  15427. color: white; }
  15428. .mt-element-list .list-default.mt-list-head.yellow-soft .list-date {
  15429. color: white; }
  15430. .mt-element-list .list-todo.mt-list-head.yellow-soft {
  15431. background-color: #c8d046;
  15432. color: #ffffff; }
  15433. .mt-element-list .list-todo .list-count.yellow-soft {
  15434. background-color: #c8d046;
  15435. color: #ffffff; }
  15436. .mt-element-list .list-todo .list-count.yellow-soft:hover {
  15437. background-color: #c1c933; }
  15438. .mt-element-list .list-todo .list-todo-line.yellow-soft {
  15439. border-color: #c8d046; }
  15440. .mt-element-list .list-todo .list-todo-item.yellow-soft:after {
  15441. border-right-color: #c8d046 !important; }
  15442. .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle {
  15443. background: #c8d046;
  15444. color: #ffffff !important; }
  15445. .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle > .badge {
  15446. color: #c8d046;
  15447. background: #ffffff; }
  15448. .mt-element-list .list-default.mt-list-head.yellow-haze {
  15449. background-color: #c5bf66;
  15450. color: #ffffff; }
  15451. .mt-element-list .list-default.mt-list-head.yellow-haze .badge {
  15452. background-color: #d3ce8b;
  15453. color: #ffffff; }
  15454. .mt-element-list .list-default.mt-list-head.yellow-haze.ext-1 .badge {
  15455. background-color: #b4ad44; }
  15456. .mt-element-list .list-default.mt-list-head.yellow-haze .list-label {
  15457. color: white; }
  15458. .mt-element-list .list-default.mt-list-head.yellow-haze .list-date {
  15459. color: white; }
  15460. .mt-element-list .list-todo.mt-list-head.yellow-haze {
  15461. background-color: #c5bf66;
  15462. color: #ffffff; }
  15463. .mt-element-list .list-todo .list-count.yellow-haze {
  15464. background-color: #c5bf66;
  15465. color: #ffffff; }
  15466. .mt-element-list .list-todo .list-count.yellow-haze:hover {
  15467. background-color: #beb754; }
  15468. .mt-element-list .list-todo .list-todo-line.yellow-haze {
  15469. border-color: #c5bf66; }
  15470. .mt-element-list .list-todo .list-todo-item.yellow-haze:after {
  15471. border-right-color: #c5bf66 !important; }
  15472. .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle {
  15473. background: #c5bf66;
  15474. color: #ffffff !important; }
  15475. .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle > .badge {
  15476. color: #c5bf66;
  15477. background: #ffffff; }
  15478. .mt-element-list .list-default.mt-list-head.yellow-mint {
  15479. background-color: #c5b96b;
  15480. color: #ffffff; }
  15481. .mt-element-list .list-default.mt-list-head.yellow-mint .badge {
  15482. background-color: #d3ca90;
  15483. color: #ffffff; }
  15484. .mt-element-list .list-default.mt-list-head.yellow-mint.ext-1 .badge {
  15485. background-color: #b6a747; }
  15486. .mt-element-list .list-default.mt-list-head.yellow-mint .list-label {
  15487. color: white; }
  15488. .mt-element-list .list-default.mt-list-head.yellow-mint .list-date {
  15489. color: white; }
  15490. .mt-element-list .list-todo.mt-list-head.yellow-mint {
  15491. background-color: #c5b96b;
  15492. color: #ffffff; }
  15493. .mt-element-list .list-todo .list-count.yellow-mint {
  15494. background-color: #c5b96b;
  15495. color: #ffffff; }
  15496. .mt-element-list .list-todo .list-count.yellow-mint:hover {
  15497. background-color: #beb059; }
  15498. .mt-element-list .list-todo .list-todo-line.yellow-mint {
  15499. border-color: #c5b96b; }
  15500. .mt-element-list .list-todo .list-todo-item.yellow-mint:after {
  15501. border-right-color: #c5b96b !important; }
  15502. .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle {
  15503. background: #c5b96b;
  15504. color: #ffffff !important; }
  15505. .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle > .badge {
  15506. color: #c5b96b;
  15507. background: #ffffff; }
  15508. .mt-element-list .list-default.mt-list-head.purple {
  15509. background-color: #8E44AD;
  15510. color: #ffffff; }
  15511. .mt-element-list .list-default.mt-list-head.purple .badge {
  15512. background-color: #a563c1;
  15513. color: #ffffff; }
  15514. .mt-element-list .list-default.mt-list-head.purple.ext-1 .badge {
  15515. background-color: #703688; }
  15516. .mt-element-list .list-default.mt-list-head.purple .list-label {
  15517. color: #f9f5fb; }
  15518. .mt-element-list .list-default.mt-list-head.purple .list-date {
  15519. color: #f9f5fb; }
  15520. .mt-element-list .list-todo.mt-list-head.purple {
  15521. background-color: #8E44AD;
  15522. color: #ffffff; }
  15523. .mt-element-list .list-todo .list-count.purple {
  15524. background-color: #8E44AD;
  15525. color: #ffffff; }
  15526. .mt-element-list .list-todo .list-count.purple:hover {
  15527. background-color: #7f3d9b; }
  15528. .mt-element-list .list-todo .list-todo-line.purple {
  15529. border-color: #8E44AD; }
  15530. .mt-element-list .list-todo .list-todo-item.purple:after {
  15531. border-right-color: #8E44AD !important; }
  15532. .mt-element-list .list-todo .list-todo-item.purple .list-toggle {
  15533. background: #8E44AD;
  15534. color: #ffffff !important; }
  15535. .mt-element-list .list-todo .list-todo-item.purple .list-toggle > .badge {
  15536. color: #8E44AD;
  15537. background: #ffffff; }
  15538. .mt-element-list .list-default.mt-list-head.purple-plum {
  15539. background-color: #8775a7;
  15540. color: #ffffff; }
  15541. .mt-element-list .list-default.mt-list-head.purple-plum .badge {
  15542. background-color: #a294bb;
  15543. color: #ffffff; }
  15544. .mt-element-list .list-default.mt-list-head.purple-plum.ext-1 .badge {
  15545. background-color: #6d5b8e; }
  15546. .mt-element-list .list-default.mt-list-head.purple-plum .list-label {
  15547. color: white; }
  15548. .mt-element-list .list-default.mt-list-head.purple-plum .list-date {
  15549. color: white; }
  15550. .mt-element-list .list-todo.mt-list-head.purple-plum {
  15551. background-color: #8775a7;
  15552. color: #ffffff; }
  15553. .mt-element-list .list-todo .list-count.purple-plum {
  15554. background-color: #8775a7;
  15555. color: #ffffff; }
  15556. .mt-element-list .list-todo .list-count.purple-plum:hover {
  15557. background-color: #79659d; }
  15558. .mt-element-list .list-todo .list-todo-line.purple-plum {
  15559. border-color: #8775a7; }
  15560. .mt-element-list .list-todo .list-todo-item.purple-plum:after {
  15561. border-right-color: #8775a7 !important; }
  15562. .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle {
  15563. background: #8775a7;
  15564. color: #ffffff !important; }
  15565. .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle > .badge {
  15566. color: #8775a7;
  15567. background: #ffffff; }
  15568. .mt-element-list .list-default.mt-list-head.purple-medium {
  15569. background-color: #BF55EC;
  15570. color: #ffffff; }
  15571. .mt-element-list .list-default.mt-list-head.purple-medium .badge {
  15572. background-color: #d083f1;
  15573. color: #ffffff; }
  15574. .mt-element-list .list-default.mt-list-head.purple-medium.ext-1 .badge {
  15575. background-color: #ae27e7; }
  15576. .mt-element-list .list-default.mt-list-head.purple-medium .list-label {
  15577. color: white; }
  15578. .mt-element-list .list-default.mt-list-head.purple-medium .list-date {
  15579. color: white; }
  15580. .mt-element-list .list-todo.mt-list-head.purple-medium {
  15581. background-color: #BF55EC;
  15582. color: #ffffff; }
  15583. .mt-element-list .list-todo .list-count.purple-medium {
  15584. background-color: #BF55EC;
  15585. color: #ffffff; }
  15586. .mt-element-list .list-todo .list-count.purple-medium:hover {
  15587. background-color: #b63ee9; }
  15588. .mt-element-list .list-todo .list-todo-line.purple-medium {
  15589. border-color: #BF55EC; }
  15590. .mt-element-list .list-todo .list-todo-item.purple-medium:after {
  15591. border-right-color: #BF55EC !important; }
  15592. .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle {
  15593. background: #BF55EC;
  15594. color: #ffffff !important; }
  15595. .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle > .badge {
  15596. color: #BF55EC;
  15597. background: #ffffff; }
  15598. .mt-element-list .list-default.mt-list-head.purple-studio {
  15599. background-color: #8E44AD;
  15600. color: #ffffff; }
  15601. .mt-element-list .list-default.mt-list-head.purple-studio .badge {
  15602. background-color: #a563c1;
  15603. color: #ffffff; }
  15604. .mt-element-list .list-default.mt-list-head.purple-studio.ext-1 .badge {
  15605. background-color: #703688; }
  15606. .mt-element-list .list-default.mt-list-head.purple-studio .list-label {
  15607. color: #f9f5fb; }
  15608. .mt-element-list .list-default.mt-list-head.purple-studio .list-date {
  15609. color: #f9f5fb; }
  15610. .mt-element-list .list-todo.mt-list-head.purple-studio {
  15611. background-color: #8E44AD;
  15612. color: #ffffff; }
  15613. .mt-element-list .list-todo .list-count.purple-studio {
  15614. background-color: #8E44AD;
  15615. color: #ffffff; }
  15616. .mt-element-list .list-todo .list-count.purple-studio:hover {
  15617. background-color: #7f3d9b; }
  15618. .mt-element-list .list-todo .list-todo-line.purple-studio {
  15619. border-color: #8E44AD; }
  15620. .mt-element-list .list-todo .list-todo-item.purple-studio:after {
  15621. border-right-color: #8E44AD !important; }
  15622. .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle {
  15623. background: #8E44AD;
  15624. color: #ffffff !important; }
  15625. .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle > .badge {
  15626. color: #8E44AD;
  15627. background: #ffffff; }
  15628. .mt-element-list .list-default.mt-list-head.purple-wisteria {
  15629. background-color: #9B59B6;
  15630. color: #ffffff; }
  15631. .mt-element-list .list-default.mt-list-head.purple-wisteria .badge {
  15632. background-color: #b07cc6;
  15633. color: #ffffff; }
  15634. .mt-element-list .list-default.mt-list-head.purple-wisteria.ext-1 .badge {
  15635. background-color: #804399; }
  15636. .mt-element-list .list-default.mt-list-head.purple-wisteria .list-label {
  15637. color: white; }
  15638. .mt-element-list .list-default.mt-list-head.purple-wisteria .list-date {
  15639. color: white; }
  15640. .mt-element-list .list-todo.mt-list-head.purple-wisteria {
  15641. background-color: #9B59B6;
  15642. color: #ffffff; }
  15643. .mt-element-list .list-todo .list-count.purple-wisteria {
  15644. background-color: #9B59B6;
  15645. color: #ffffff; }
  15646. .mt-element-list .list-todo .list-count.purple-wisteria:hover {
  15647. background-color: #8f4bab; }
  15648. .mt-element-list .list-todo .list-todo-line.purple-wisteria {
  15649. border-color: #9B59B6; }
  15650. .mt-element-list .list-todo .list-todo-item.purple-wisteria:after {
  15651. border-right-color: #9B59B6 !important; }
  15652. .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle {
  15653. background: #9B59B6;
  15654. color: #ffffff !important; }
  15655. .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle > .badge {
  15656. color: #9B59B6;
  15657. background: #ffffff; }
  15658. .mt-element-list .list-default.mt-list-head.purple-seance {
  15659. background-color: #9A12B3;
  15660. color: #ffffff; }
  15661. .mt-element-list .list-default.mt-list-head.purple-seance .badge {
  15662. background-color: #c217e1;
  15663. color: #ffffff; }
  15664. .mt-element-list .list-default.mt-list-head.purple-seance.ext-1 .badge {
  15665. background-color: #720d85; }
  15666. .mt-element-list .list-default.mt-list-head.purple-seance .list-label {
  15667. color: #f2cafa; }
  15668. .mt-element-list .list-default.mt-list-head.purple-seance .list-date {
  15669. color: #f2cafa; }
  15670. .mt-element-list .list-todo.mt-list-head.purple-seance {
  15671. background-color: #9A12B3;
  15672. color: #ffffff; }
  15673. .mt-element-list .list-todo .list-count.purple-seance {
  15674. background-color: #9A12B3;
  15675. color: #ffffff; }
  15676. .mt-element-list .list-todo .list-count.purple-seance:hover {
  15677. background-color: #86109c; }
  15678. .mt-element-list .list-todo .list-todo-line.purple-seance {
  15679. border-color: #9A12B3; }
  15680. .mt-element-list .list-todo .list-todo-item.purple-seance:after {
  15681. border-right-color: #9A12B3 !important; }
  15682. .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle {
  15683. background: #9A12B3;
  15684. color: #ffffff !important; }
  15685. .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle > .badge {
  15686. color: #9A12B3;
  15687. background: #ffffff; }
  15688. .mt-element-list .list-default.mt-list-head.purple-intense {
  15689. background-color: #8775a7;
  15690. color: #ffffff; }
  15691. .mt-element-list .list-default.mt-list-head.purple-intense .badge {
  15692. background-color: #a294bb;
  15693. color: #ffffff; }
  15694. .mt-element-list .list-default.mt-list-head.purple-intense.ext-1 .badge {
  15695. background-color: #6d5b8e; }
  15696. .mt-element-list .list-default.mt-list-head.purple-intense .list-label {
  15697. color: white; }
  15698. .mt-element-list .list-default.mt-list-head.purple-intense .list-date {
  15699. color: white; }
  15700. .mt-element-list .list-todo.mt-list-head.purple-intense {
  15701. background-color: #8775a7;
  15702. color: #ffffff; }
  15703. .mt-element-list .list-todo .list-count.purple-intense {
  15704. background-color: #8775a7;
  15705. color: #ffffff; }
  15706. .mt-element-list .list-todo .list-count.purple-intense:hover {
  15707. background-color: #79659d; }
  15708. .mt-element-list .list-todo .list-todo-line.purple-intense {
  15709. border-color: #8775a7; }
  15710. .mt-element-list .list-todo .list-todo-item.purple-intense:after {
  15711. border-right-color: #8775a7 !important; }
  15712. .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle {
  15713. background: #8775a7;
  15714. color: #ffffff !important; }
  15715. .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle > .badge {
  15716. color: #8775a7;
  15717. background: #ffffff; }
  15718. .mt-element-list .list-default.mt-list-head.purple-sharp {
  15719. background-color: #796799;
  15720. color: #ffffff; }
  15721. .mt-element-list .list-default.mt-list-head.purple-sharp .badge {
  15722. background-color: #9486ad;
  15723. color: #ffffff; }
  15724. .mt-element-list .list-default.mt-list-head.purple-sharp.ext-1 .badge {
  15725. background-color: #61527b; }
  15726. .mt-element-list .list-default.mt-list-head.purple-sharp .list-label {
  15727. color: white; }
  15728. .mt-element-list .list-default.mt-list-head.purple-sharp .list-date {
  15729. color: white; }
  15730. .mt-element-list .list-todo.mt-list-head.purple-sharp {
  15731. background-color: #796799;
  15732. color: #ffffff; }
  15733. .mt-element-list .list-todo .list-count.purple-sharp {
  15734. background-color: #796799;
  15735. color: #ffffff; }
  15736. .mt-element-list .list-todo .list-count.purple-sharp:hover {
  15737. background-color: #6d5d8a; }
  15738. .mt-element-list .list-todo .list-todo-line.purple-sharp {
  15739. border-color: #796799; }
  15740. .mt-element-list .list-todo .list-todo-item.purple-sharp:after {
  15741. border-right-color: #796799 !important; }
  15742. .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle {
  15743. background: #796799;
  15744. color: #ffffff !important; }
  15745. .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle > .badge {
  15746. color: #796799;
  15747. background: #ffffff; }
  15748. .mt-element-list .list-default.mt-list-head.purple-soft {
  15749. background-color: #8877a9;
  15750. color: #ffffff; }
  15751. .mt-element-list .list-default.mt-list-head.purple-soft .badge {
  15752. background-color: #a396bd;
  15753. color: #ffffff; }
  15754. .mt-element-list .list-default.mt-list-head.purple-soft.ext-1 .badge {
  15755. background-color: #6e5c91; }
  15756. .mt-element-list .list-default.mt-list-head.purple-soft .list-label {
  15757. color: white; }
  15758. .mt-element-list .list-default.mt-list-head.purple-soft .list-date {
  15759. color: white; }
  15760. .mt-element-list .list-todo.mt-list-head.purple-soft {
  15761. background-color: #8877a9;
  15762. color: #ffffff; }
  15763. .mt-element-list .list-todo .list-count.purple-soft {
  15764. background-color: #8877a9;
  15765. color: #ffffff; }
  15766. .mt-element-list .list-todo .list-count.purple-soft:hover {
  15767. background-color: #7a679f; }
  15768. .mt-element-list .list-todo .list-todo-line.purple-soft {
  15769. border-color: #8877a9; }
  15770. .mt-element-list .list-todo .list-todo-item.purple-soft:after {
  15771. border-right-color: #8877a9 !important; }
  15772. .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle {
  15773. background: #8877a9;
  15774. color: #ffffff !important; }
  15775. .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle > .badge {
  15776. color: #8877a9;
  15777. background: #ffffff; }
  15778. .mt-element-list .list-todo-item.white:after {
  15779. border-right-color: #ffffff; }
  15780. .mt-element-list .list-todo-item.white .list-toggle {
  15781. background: #ffffff; }
  15782. .mt-element-list .list-todo-item.default:after {
  15783. border-right-color: #e1e5ec; }
  15784. .mt-element-list .list-todo-item.default .list-toggle {
  15785. background: #e1e5ec; }
  15786. .mt-element-list .list-todo-item.dark:after {
  15787. border-right-color: #2f353b; }
  15788. .mt-element-list .list-todo-item.dark .list-toggle {
  15789. background: #2f353b; }
  15790. .mt-element-list .list-todo-item.blue:after {
  15791. border-right-color: #3598dc; }
  15792. .mt-element-list .list-todo-item.blue .list-toggle {
  15793. background: #3598dc; }
  15794. .mt-element-list .list-todo-item.blue-madison:after {
  15795. border-right-color: #578ebe; }
  15796. .mt-element-list .list-todo-item.blue-madison .list-toggle {
  15797. background: #578ebe; }
  15798. .mt-element-list .list-todo-item.blue-chambray:after {
  15799. border-right-color: #2C3E50; }
  15800. .mt-element-list .list-todo-item.blue-chambray .list-toggle {
  15801. background: #2C3E50; }
  15802. .mt-element-list .list-todo-item.blue-ebonyclay:after {
  15803. border-right-color: #22313F; }
  15804. .mt-element-list .list-todo-item.blue-ebonyclay .list-toggle {
  15805. background: #22313F; }
  15806. .mt-element-list .list-todo-item.blue-hoki:after {
  15807. border-right-color: #67809F; }
  15808. .mt-element-list .list-todo-item.blue-hoki .list-toggle {
  15809. background: #67809F; }
  15810. .mt-element-list .list-todo-item.blue-steel:after {
  15811. border-right-color: #4B77BE; }
  15812. .mt-element-list .list-todo-item.blue-steel .list-toggle {
  15813. background: #4B77BE; }
  15814. .mt-element-list .list-todo-item.blue-soft:after {
  15815. border-right-color: #4c87b9; }
  15816. .mt-element-list .list-todo-item.blue-soft .list-toggle {
  15817. background: #4c87b9; }
  15818. .mt-element-list .list-todo-item.blue-dark:after {
  15819. border-right-color: #5e738b; }
  15820. .mt-element-list .list-todo-item.blue-dark .list-toggle {
  15821. background: #5e738b; }
  15822. .mt-element-list .list-todo-item.blue-sharp:after {
  15823. border-right-color: #5C9BD1; }
  15824. .mt-element-list .list-todo-item.blue-sharp .list-toggle {
  15825. background: #5C9BD1; }
  15826. .mt-element-list .list-todo-item.blue-oleo:after {
  15827. border-right-color: #94A0B2; }
  15828. .mt-element-list .list-todo-item.blue-oleo .list-toggle {
  15829. background: #94A0B2; }
  15830. .mt-element-list .list-todo-item.green:after {
  15831. border-right-color: #32c5d2; }
  15832. .mt-element-list .list-todo-item.green .list-toggle {
  15833. background: #32c5d2; }
  15834. .mt-element-list .list-todo-item.green-meadow:after {
  15835. border-right-color: #1BBC9B; }
  15836. .mt-element-list .list-todo-item.green-meadow .list-toggle {
  15837. background: #1BBC9B; }
  15838. .mt-element-list .list-todo-item.green-seagreen:after {
  15839. border-right-color: #1BA39C; }
  15840. .mt-element-list .list-todo-item.green-seagreen .list-toggle {
  15841. background: #1BA39C; }
  15842. .mt-element-list .list-todo-item.green-turquoise:after {
  15843. border-right-color: #36D7B7; }
  15844. .mt-element-list .list-todo-item.green-turquoise .list-toggle {
  15845. background: #36D7B7; }
  15846. .mt-element-list .list-todo-item.green-haze:after {
  15847. border-right-color: #44b6ae; }
  15848. .mt-element-list .list-todo-item.green-haze .list-toggle {
  15849. background: #44b6ae; }
  15850. .mt-element-list .list-todo-item.green-jungle:after {
  15851. border-right-color: #26C281; }
  15852. .mt-element-list .list-todo-item.green-jungle .list-toggle {
  15853. background: #26C281; }
  15854. .mt-element-list .list-todo-item.green-soft:after {
  15855. border-right-color: #3faba4; }
  15856. .mt-element-list .list-todo-item.green-soft .list-toggle {
  15857. background: #3faba4; }
  15858. .mt-element-list .list-todo-item.green-dark:after {
  15859. border-right-color: #4DB3A2; }
  15860. .mt-element-list .list-todo-item.green-dark .list-toggle {
  15861. background: #4DB3A2; }
  15862. .mt-element-list .list-todo-item.green-sharp:after {
  15863. border-right-color: #2ab4c0; }
  15864. .mt-element-list .list-todo-item.green-sharp .list-toggle {
  15865. background: #2ab4c0; }
  15866. .mt-element-list .list-todo-item.green-steel:after {
  15867. border-right-color: #29b4b6; }
  15868. .mt-element-list .list-todo-item.green-steel .list-toggle {
  15869. background: #29b4b6; }
  15870. .mt-element-list .list-todo-item.grey:after {
  15871. border-right-color: #E5E5E5; }
  15872. .mt-element-list .list-todo-item.grey .list-toggle {
  15873. background: #E5E5E5; }
  15874. .mt-element-list .list-todo-item.grey-steel:after {
  15875. border-right-color: #e9edef; }
  15876. .mt-element-list .list-todo-item.grey-steel .list-toggle {
  15877. background: #e9edef; }
  15878. .mt-element-list .list-todo-item.grey-cararra:after {
  15879. border-right-color: #fafafa; }
  15880. .mt-element-list .list-todo-item.grey-cararra .list-toggle {
  15881. background: #fafafa; }
  15882. .mt-element-list .list-todo-item.grey-gallery:after {
  15883. border-right-color: #555555; }
  15884. .mt-element-list .list-todo-item.grey-gallery .list-toggle {
  15885. background: #555555; }
  15886. .mt-element-list .list-todo-item.grey-cascade:after {
  15887. border-right-color: #95A5A6; }
  15888. .mt-element-list .list-todo-item.grey-cascade .list-toggle {
  15889. background: #95A5A6; }
  15890. .mt-element-list .list-todo-item.grey-silver:after {
  15891. border-right-color: #BFBFBF; }
  15892. .mt-element-list .list-todo-item.grey-silver .list-toggle {
  15893. background: #BFBFBF; }
  15894. .mt-element-list .list-todo-item.grey-salsa:after {
  15895. border-right-color: #ACB5C3; }
  15896. .mt-element-list .list-todo-item.grey-salsa .list-toggle {
  15897. background: #ACB5C3; }
  15898. .mt-element-list .list-todo-item.grey-salt:after {
  15899. border-right-color: #bfcad1; }
  15900. .mt-element-list .list-todo-item.grey-salt .list-toggle {
  15901. background: #bfcad1; }
  15902. .mt-element-list .list-todo-item.grey-mint:after {
  15903. border-right-color: #525e64; }
  15904. .mt-element-list .list-todo-item.grey-mint .list-toggle {
  15905. background: #525e64; }
  15906. .mt-element-list .list-todo-item.red:after {
  15907. border-right-color: #e7505a; }
  15908. .mt-element-list .list-todo-item.red .list-toggle {
  15909. background: #e7505a; }
  15910. .mt-element-list .list-todo-item.red-pink:after {
  15911. border-right-color: #E08283; }
  15912. .mt-element-list .list-todo-item.red-pink .list-toggle {
  15913. background: #E08283; }
  15914. .mt-element-list .list-todo-item.red-sunglo:after {
  15915. border-right-color: #E26A6A; }
  15916. .mt-element-list .list-todo-item.red-sunglo .list-toggle {
  15917. background: #E26A6A; }
  15918. .mt-element-list .list-todo-item.red-intense:after {
  15919. border-right-color: #e35b5a; }
  15920. .mt-element-list .list-todo-item.red-intense .list-toggle {
  15921. background: #e35b5a; }
  15922. .mt-element-list .list-todo-item.red-thunderbird:after {
  15923. border-right-color: #D91E18; }
  15924. .mt-element-list .list-todo-item.red-thunderbird .list-toggle {
  15925. background: #D91E18; }
  15926. .mt-element-list .list-todo-item.red-flamingo:after {
  15927. border-right-color: #EF4836; }
  15928. .mt-element-list .list-todo-item.red-flamingo .list-toggle {
  15929. background: #EF4836; }
  15930. .mt-element-list .list-todo-item.red-soft:after {
  15931. border-right-color: #d05454; }
  15932. .mt-element-list .list-todo-item.red-soft .list-toggle {
  15933. background: #d05454; }
  15934. .mt-element-list .list-todo-item.red-haze:after {
  15935. border-right-color: #f36a5a; }
  15936. .mt-element-list .list-todo-item.red-haze .list-toggle {
  15937. background: #f36a5a; }
  15938. .mt-element-list .list-todo-item.red-mint:after {
  15939. border-right-color: #e43a45; }
  15940. .mt-element-list .list-todo-item.red-mint .list-toggle {
  15941. background: #e43a45; }
  15942. .mt-element-list .list-todo-item.yellow:after {
  15943. border-right-color: #c49f47; }
  15944. .mt-element-list .list-todo-item.yellow .list-toggle {
  15945. background: #c49f47; }
  15946. .mt-element-list .list-todo-item.yellow-gold:after {
  15947. border-right-color: #E87E04; }
  15948. .mt-element-list .list-todo-item.yellow-gold .list-toggle {
  15949. background: #E87E04; }
  15950. .mt-element-list .list-todo-item.yellow-casablanca:after {
  15951. border-right-color: #f2784b; }
  15952. .mt-element-list .list-todo-item.yellow-casablanca .list-toggle {
  15953. background: #f2784b; }
  15954. .mt-element-list .list-todo-item.yellow-crusta:after {
  15955. border-right-color: #f3c200; }
  15956. .mt-element-list .list-todo-item.yellow-crusta .list-toggle {
  15957. background: #f3c200; }
  15958. .mt-element-list .list-todo-item.yellow-lemon:after {
  15959. border-right-color: #F7CA18; }
  15960. .mt-element-list .list-todo-item.yellow-lemon .list-toggle {
  15961. background: #F7CA18; }
  15962. .mt-element-list .list-todo-item.yellow-saffron:after {
  15963. border-right-color: #F4D03F; }
  15964. .mt-element-list .list-todo-item.yellow-saffron .list-toggle {
  15965. background: #F4D03F; }
  15966. .mt-element-list .list-todo-item.yellow-soft:after {
  15967. border-right-color: #c8d046; }
  15968. .mt-element-list .list-todo-item.yellow-soft .list-toggle {
  15969. background: #c8d046; }
  15970. .mt-element-list .list-todo-item.yellow-haze:after {
  15971. border-right-color: #c5bf66; }
  15972. .mt-element-list .list-todo-item.yellow-haze .list-toggle {
  15973. background: #c5bf66; }
  15974. .mt-element-list .list-todo-item.yellow-mint:after {
  15975. border-right-color: #c5b96b; }
  15976. .mt-element-list .list-todo-item.yellow-mint .list-toggle {
  15977. background: #c5b96b; }
  15978. .mt-element-list .list-todo-item.purple:after {
  15979. border-right-color: #8E44AD; }
  15980. .mt-element-list .list-todo-item.purple .list-toggle {
  15981. background: #8E44AD; }
  15982. .mt-element-list .list-todo-item.purple-plum:after {
  15983. border-right-color: #8775a7; }
  15984. .mt-element-list .list-todo-item.purple-plum .list-toggle {
  15985. background: #8775a7; }
  15986. .mt-element-list .list-todo-item.purple-medium:after {
  15987. border-right-color: #BF55EC; }
  15988. .mt-element-list .list-todo-item.purple-medium .list-toggle {
  15989. background: #BF55EC; }
  15990. .mt-element-list .list-todo-item.purple-studio:after {
  15991. border-right-color: #8E44AD; }
  15992. .mt-element-list .list-todo-item.purple-studio .list-toggle {
  15993. background: #8E44AD; }
  15994. .mt-element-list .list-todo-item.purple-wisteria:after {
  15995. border-right-color: #9B59B6; }
  15996. .mt-element-list .list-todo-item.purple-wisteria .list-toggle {
  15997. background: #9B59B6; }
  15998. .mt-element-list .list-todo-item.purple-seance:after {
  15999. border-right-color: #9A12B3; }
  16000. .mt-element-list .list-todo-item.purple-seance .list-toggle {
  16001. background: #9A12B3; }
  16002. .mt-element-list .list-todo-item.purple-intense:after {
  16003. border-right-color: #8775a7; }
  16004. .mt-element-list .list-todo-item.purple-intense .list-toggle {
  16005. background: #8775a7; }
  16006. .mt-element-list .list-todo-item.purple-sharp:after {
  16007. border-right-color: #796799; }
  16008. .mt-element-list .list-todo-item.purple-sharp .list-toggle {
  16009. background: #796799; }
  16010. .mt-element-list .list-todo-item.purple-soft:after {
  16011. border-right-color: #8877a9; }
  16012. .mt-element-list .list-todo-item.purple-soft .list-toggle {
  16013. background: #8877a9; }
  16014. .mt-element-ribbon {
  16015. position: relative;
  16016. margin-bottom: 30px; }
  16017. .mt-element-ribbon .ribbon-content {
  16018. margin: 0;
  16019. padding: 25px;
  16020. clear: both; }
  16021. .mt-element-ribbon .ribbon-content.no-padding {
  16022. padding-top: 0; }
  16023. .mt-element-ribbon .ribbon {
  16024. padding: 0.5em 1em;
  16025. z-index: 5;
  16026. float: left;
  16027. margin: 10px 0 0 -2px;
  16028. clear: left;
  16029. position: relative;
  16030. background-color: #bac3d0;
  16031. color: #384353; }
  16032. .mt-element-ribbon .ribbon.ribbon-right {
  16033. float: right;
  16034. clear: right;
  16035. margin: 10px -2px 0 0; }
  16036. .mt-element-ribbon .ribbon.ribbon-vertical-left {
  16037. clear: none;
  16038. margin: -2px 0 0 10px;
  16039. padding-top: 1em;
  16040. padding-bottom: 1em;
  16041. width: 41px;
  16042. text-align: center; }
  16043. .mt-element-ribbon .ribbon.ribbon-vertical-right {
  16044. clear: none;
  16045. float: right;
  16046. margin: -2px 10px 0 0;
  16047. padding-top: 1em;
  16048. padding-bottom: 1em;
  16049. width: 41px;
  16050. text-align: center; }
  16051. .mt-element-ribbon .ribbon.ribbon-shadow {
  16052. box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); }
  16053. .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right, .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
  16054. box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.4); }
  16055. .mt-element-ribbon .ribbon.ribbon-round {
  16056. border-top-right-radius: 5px !important;
  16057. border-bottom-right-radius: 5px !important; }
  16058. .mt-element-ribbon .ribbon.ribbon-round.ribbon-right {
  16059. border-top-right-radius: 0px !important;
  16060. border-bottom-right-radius: 0px !important;
  16061. border-top-left-radius: 5px !important;
  16062. border-bottom-left-radius: 5px !important; }
  16063. .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right, .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left {
  16064. border-top-right-radius: 0px !important;
  16065. border-bottom-right-radius: 5px !important;
  16066. border-top-left-radius: 0px !important;
  16067. border-bottom-left-radius: 5px !important; }
  16068. .mt-element-ribbon .ribbon.ribbon-border:after {
  16069. border: 1px solid;
  16070. content: '';
  16071. position: absolute;
  16072. top: 5px;
  16073. bottom: 5px;
  16074. left: 5px;
  16075. right: 5px; }
  16076. .mt-element-ribbon .ribbon.ribbon-border-vert:after {
  16077. border-top: none;
  16078. border-bottom: none;
  16079. border-left: 1px solid;
  16080. border-right: 1px solid;
  16081. content: '';
  16082. position: absolute;
  16083. top: 0;
  16084. bottom: 0;
  16085. left: 5px;
  16086. right: 5px; }
  16087. .mt-element-ribbon .ribbon.ribbon-border-hor:after {
  16088. border-top: 1px solid;
  16089. border-bottom: 1px solid;
  16090. border-left: none;
  16091. border-right: none;
  16092. content: '';
  16093. position: absolute;
  16094. top: 5px;
  16095. bottom: 5px;
  16096. left: 0;
  16097. right: 0; }
  16098. .mt-element-ribbon .ribbon.ribbon-border-dash:after {
  16099. border: 1px solid;
  16100. border-style: dashed;
  16101. content: '';
  16102. position: absolute;
  16103. top: 5px;
  16104. bottom: 5px;
  16105. left: 5px;
  16106. right: 5px; }
  16107. .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {
  16108. border-top: none;
  16109. border-bottom: none;
  16110. border-left: 1px solid;
  16111. border-right: 1px solid;
  16112. border-left-style: dashed;
  16113. border-right-style: dashed;
  16114. content: '';
  16115. position: absolute;
  16116. top: 0;
  16117. bottom: 0;
  16118. left: 5px;
  16119. right: 5px; }
  16120. .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {
  16121. border-top: 1px solid;
  16122. border-bottom: 1px solid;
  16123. border-left: none;
  16124. border-right: none;
  16125. border-top-style: dashed;
  16126. border-bottom-style: dashed;
  16127. content: '';
  16128. position: absolute;
  16129. top: 5px;
  16130. bottom: 5px;
  16131. left: 0;
  16132. right: 0; }
  16133. .mt-element-ribbon .ribbon.ribbon-clip {
  16134. left: -10px;
  16135. margin-left: 0; }
  16136. .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {
  16137. left: auto;
  16138. right: -10px;
  16139. margin-right: 0; }
  16140. .mt-element-ribbon .ribbon > .ribbon-sub {
  16141. z-index: -1;
  16142. position: absolute;
  16143. padding: 0;
  16144. width: 100%;
  16145. height: 100%;
  16146. top: 0;
  16147. left: 0; }
  16148. .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after {
  16149. content: '';
  16150. position: absolute;
  16151. border-style: solid;
  16152. border-color: transparent !important;
  16153. bottom: -10px; }
  16154. .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
  16155. border-width: 0 10px 10px 0;
  16156. border-right-color: #222 !important;
  16157. left: 0; }
  16158. .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
  16159. content: '';
  16160. position: absolute;
  16161. border-style: solid;
  16162. border-color: transparent;
  16163. bottom: -10px; }
  16164. .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
  16165. border-right-color: transparent !important; }
  16166. .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
  16167. border-width: 0 0 10px 10px;
  16168. border-left-color: #222 !important;
  16169. right: 0; }
  16170. .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {
  16171. border-left: 21px solid;
  16172. border-right: 20px solid;
  16173. border-bottom: 1em solid transparent !important;
  16174. bottom: -1em;
  16175. content: '';
  16176. height: 0;
  16177. left: 0;
  16178. position: absolute;
  16179. width: 0; }
  16180. .mt-element-ribbon .ribbon:after {
  16181. border-color: #62748f; }
  16182. .mt-element-ribbon .ribbon > .ribbon-sub {
  16183. background-color: #bac3d0;
  16184. color: #384353; }
  16185. .mt-element-ribbon .ribbon > .ribbon-sub:after {
  16186. border-color: #62748f;
  16187. border-left-color: #bac3d0;
  16188. border-right-color: #bac3d0; }
  16189. .mt-element-ribbon .ribbon.ribbon-color-default {
  16190. background-color: #bac3d0;
  16191. color: #384353; }
  16192. .mt-element-ribbon .ribbon.ribbon-color-default:after {
  16193. border-color: #9ca8bb; }
  16194. .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub {
  16195. background-color: #bac3d0;
  16196. color: #384353; }
  16197. .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
  16198. border-color: #62748f;
  16199. border-left-color: #bac3d0;
  16200. border-right-color: #bac3d0; }
  16201. .mt-element-ribbon .ribbon.ribbon-color-primary {
  16202. background-color: #337ab7;
  16203. color: #fff; }
  16204. .mt-element-ribbon .ribbon.ribbon-color-primary:after {
  16205. border-color: #286090; }
  16206. .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub {
  16207. background-color: #337ab7;
  16208. color: black; }
  16209. .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
  16210. border-color: #122b40;
  16211. border-left-color: #337ab7;
  16212. border-right-color: #337ab7; }
  16213. .mt-element-ribbon .ribbon.ribbon-color-info {
  16214. background-color: #659be0;
  16215. color: #fff; }
  16216. .mt-element-ribbon .ribbon.ribbon-color-info:after {
  16217. border-color: #3a80d7; }
  16218. .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub {
  16219. background-color: #659be0;
  16220. color: #0c203a; }
  16221. .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after {
  16222. border-color: #1d4f8e;
  16223. border-left-color: #659be0;
  16224. border-right-color: #659be0; }
  16225. .mt-element-ribbon .ribbon.ribbon-color-success {
  16226. background-color: #36c6d3;
  16227. color: #fff; }
  16228. .mt-element-ribbon .ribbon.ribbon-color-success:after {
  16229. border-color: #27a4b0; }
  16230. .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub {
  16231. background-color: #36c6d3;
  16232. color: #020808; }
  16233. .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after {
  16234. border-color: #14565c;
  16235. border-left-color: #36c6d3;
  16236. border-right-color: #36c6d3; }
  16237. .mt-element-ribbon .ribbon.ribbon-color-danger {
  16238. background-color: #ed6b75;
  16239. color: #fff; }
  16240. .mt-element-ribbon .ribbon.ribbon-color-danger:after {
  16241. border-color: #e73d4a; }
  16242. .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub {
  16243. background-color: #ed6b75;
  16244. color: #4f0a0f; }
  16245. .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {
  16246. border-color: #a91520;
  16247. border-left-color: #ed6b75;
  16248. border-right-color: #ed6b75; }
  16249. .mt-element-ribbon .ribbon.ribbon-color-warning {
  16250. background-color: #F1C40F;
  16251. color: #010100; }
  16252. .mt-element-ribbon .ribbon.ribbon-color-warning:after {
  16253. border-color: #c29d0b; }
  16254. .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub {
  16255. background-color: #F1C40F;
  16256. color: #010100; }
  16257. .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {
  16258. border-color: #614f06;
  16259. border-left-color: #F1C40F;
  16260. border-right-color: #F1C40F; }
  16261. .mt-element-card .mt-card-item {
  16262. border: 1px solid;
  16263. border-color: #e7ecf1;
  16264. position: relative;
  16265. margin-bottom: 30px; }
  16266. .mt-element-card .mt-card-item .mt-card-avatar {
  16267. margin-bottom: 15px; }
  16268. .mt-element-card .mt-card-item .mt-card-content {
  16269. text-align: center; }
  16270. .mt-element-card .mt-card-item .mt-card-content .mt-card-name {
  16271. font-size: 16px;
  16272. font-weight: 600;
  16273. margin-bottom: 10px; }
  16274. .mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
  16275. font-size: 14px;
  16276. margin: 0 0 10px 0; }
  16277. .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul {
  16278. padding: 0;
  16279. margin-bottom: 10px; }
  16280. .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {
  16281. list-style: none;
  16282. display: inline-block;
  16283. margin: 0 3px; }
  16284. .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a {
  16285. color: #000;
  16286. font-size: 18px; }
  16287. .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn {
  16288. color: #fff; }
  16289. .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn:hover {
  16290. color: #36c6d3; }
  16291. .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a:hover {
  16292. color: #F1C40F; }
  16293. .mt-element-card.mt-card-round .mt-card-item {
  16294. padding: 40px 40px 10px 40px; }
  16295. .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {
  16296. border-radius: 50% !important;
  16297. -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
  16298. .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar .mt-overlay {
  16299. -webkit-border-radius: 50%;
  16300. -moz-border-radius: 50%;
  16301. -ms-border-radius: 50%;
  16302. -o-border-radius: 50%;
  16303. border-radius: 50%; }
  16304. .mt-element-overlay .mt-overlay-1 {
  16305. width: 100%;
  16306. height: 100%;
  16307. float: left;
  16308. overflow: hidden;
  16309. position: relative;
  16310. text-align: center;
  16311. cursor: default; }
  16312. .mt-element-overlay .mt-overlay-1 img {
  16313. display: block;
  16314. position: relative;
  16315. -webkit-transition: all .4s linear;
  16316. transition: all .4s linear;
  16317. width: 100%;
  16318. height: auto; }
  16319. .mt-element-overlay .mt-overlay-1 h2 {
  16320. text-transform: uppercase;
  16321. color: #fff;
  16322. text-align: center;
  16323. position: relative;
  16324. font-size: 17px;
  16325. background: rgba(0, 0, 0, 0.6);
  16326. -webkit-transform: translatey(-100px) translateZ(0);
  16327. -ms-transform: translatey(-100px) translateZ(0);
  16328. transform: translatey(-100px) translateZ(0);
  16329. -webkit-transition: all .2s ease-in-out;
  16330. transition: all .2s ease-in-out;
  16331. padding: 10px; }
  16332. .mt-element-overlay .mt-overlay-1 .mt-info {
  16333. text-decoration: none;
  16334. display: inline-block;
  16335. text-transform: uppercase;
  16336. color: #fff;
  16337. background-color: transparent;
  16338. opacity: 0;
  16339. filter: alpha(opacity=0);
  16340. -webkit-transition: all .2s ease-in-out;
  16341. transition: all .2s ease-in-out;
  16342. padding: 0;
  16343. margin: auto;
  16344. position: absolute;
  16345. top: 50%;
  16346. left: 0;
  16347. right: 0;
  16348. transform: translateY(-50%) translateZ(0);
  16349. -webkit-transform: translateY(-50%) translateZ(0);
  16350. -ms-transform: translateY(-50%) translateZ(0); }
  16351. .mt-element-overlay .mt-overlay-1 .mt-info > li {
  16352. list-style: none;
  16353. display: inline-block;
  16354. margin: 0 3px; }
  16355. .mt-element-overlay .mt-overlay-1 .mt-info > li:hover {
  16356. -webkit-transition: all .2s ease-in-out;
  16357. transition: all .2s ease-in-out;
  16358. cursor: pointer; }
  16359. .mt-element-overlay .mt-overlay-1:hover .mt-overlay {
  16360. opacity: 1;
  16361. filter: alpha(opacity=100);
  16362. -webkit-transform: translateZ(0);
  16363. -ms-transform: translateZ(0);
  16364. transform: translateZ(0); }
  16365. .mt-element-overlay .mt-overlay-1:hover img {
  16366. -ms-transform: scale(1.2) translateZ(0);
  16367. -webkit-transform: scale(1.2) translateZ(0);
  16368. transform: scale(1.2) translateZ(0); }
  16369. .mt-element-overlay .mt-overlay-1:hover .mt-info {
  16370. opacity: 1;
  16371. filter: alpha(opacity=100);
  16372. -webkit-transition-delay: .2s;
  16373. transition-delay: .2s; }
  16374. .mt-element-overlay .mt-overlay-1 .mt-overlay {
  16375. width: 100%;
  16376. height: 100%;
  16377. position: absolute;
  16378. overflow: hidden;
  16379. top: 0;
  16380. left: 0;
  16381. opacity: 0;
  16382. background-color: rgba(0, 0, 0, 0.7);
  16383. -webkit-transition: all .4s ease-in-out;
  16384. transition: all .4s ease-in-out; }
  16385. .mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay {
  16386. bottom: 0; }
  16387. .mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {
  16388. bottom: -100%;
  16389. top: auto; }
  16390. .mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay {
  16391. top: 0; }
  16392. .mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay {
  16393. top: -100%; }
  16394. .mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay {
  16395. right: 0; }
  16396. .mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay {
  16397. right: -100%;
  16398. left: auto; }
  16399. .mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay {
  16400. left: 0; }
  16401. .mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay {
  16402. left: -100%; }
  16403. .mt-element-overlay .mt-overlay-2 {
  16404. width: 100%;
  16405. height: 100%;
  16406. float: left;
  16407. overflow: hidden;
  16408. position: relative;
  16409. text-align: center;
  16410. cursor: default; }
  16411. .mt-element-overlay .mt-overlay-2 img {
  16412. display: block;
  16413. position: relative;
  16414. -webkit-transition: all 0.4s ease-in;
  16415. transition: all 0.4s ease-in;
  16416. width: 100%;
  16417. height: auto; }
  16418. .mt-element-overlay .mt-overlay-2 h2 {
  16419. text-transform: uppercase;
  16420. text-align: center;
  16421. position: relative;
  16422. font-size: 17px;
  16423. padding: 10px;
  16424. background: rgba(0, 0, 0, 0.6); }
  16425. .mt-element-overlay .mt-overlay-2 .mt-info,
  16426. .mt-element-overlay .mt-overlay-2 h2 {
  16427. -webkit-transform: scale(0.7);
  16428. -ms-transform: scale(0.7);
  16429. transform: scale(0.7);
  16430. -webkit-transition: all 0.4s ease-in;
  16431. transition: all 0.4s ease-in;
  16432. opacity: 0;
  16433. filter: alpha(opacity=0);
  16434. color: #fff;
  16435. text-transform: uppercase; }
  16436. .mt-element-overlay .mt-overlay-2 .mt-info {
  16437. display: inline-block;
  16438. text-decoration: none;
  16439. margin: auto;
  16440. position: absolute;
  16441. top: 50%;
  16442. -webkit-transform: scale(0.7) translateY(-50%) translateX(-50%);
  16443. -ms-transform: scale(0.7) translateY(-50%) translateX(-50%);
  16444. transform: scale(0.7) translateY(-50%) translateX(-50%); }
  16445. .mt-element-overlay .mt-overlay-2 .mt-info:hover {
  16446. box-shadow: 0 0 5px #fff; }
  16447. .mt-element-overlay .mt-overlay-2:hover img {
  16448. filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  16449. filter: blur(3px);
  16450. -webkit-filter: blur(3px);
  16451. -webkit-transform: scale(1.2);
  16452. -ms-transform: scale(1.2);
  16453. transform: scale(1.2); }
  16454. .mt-element-overlay .mt-overlay-2:hover .mt-overlay {
  16455. opacity: 1;
  16456. filter: alpha(opacity=100);
  16457. -webkit-transition-delay: 0s;
  16458. transition-delay: 0s;
  16459. -webkit-transform: translate(0px, 0px);
  16460. -ms-transform: translate(0px, 0px);
  16461. transform: translate(0px, 0px); }
  16462. .mt-element-overlay .mt-overlay-2:hover h2 {
  16463. -webkit-transition-delay: 0.5s;
  16464. transition-delay: 0.5s; }
  16465. .mt-element-overlay .mt-overlay-2:hover .mt-info,
  16466. .mt-element-overlay .mt-overlay-2:hover h2 {
  16467. opacity: 1;
  16468. filter: alpha(opacity=100);
  16469. -webkit-transform: scale(1) translateY(-50%);
  16470. -ms-transform: scale(1) translateY(-50%);
  16471. transform: scale(1) translateY(-50%); }
  16472. .mt-element-overlay .mt-overlay-2:hover .mt-info {
  16473. -webkit-transform: scale(1) translateY(-50%) translateX(-50%);
  16474. -ms-transform: scale(1) translateY(-50%) translateX(-50%);
  16475. transform: scale(1) translateY(-50%) translateX(-50%); }
  16476. .mt-element-overlay .mt-overlay-2 .mt-overlay {
  16477. width: 100%;
  16478. height: 100%;
  16479. position: absolute;
  16480. overflow: hidden;
  16481. top: 0;
  16482. left: 0; }
  16483. .mt-element-overlay .mt-overlay-2.mt-overlay-2-grey:hover img {
  16484. filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  16485. filter: grayscale(1) blur(3px);
  16486. -webkit-filter: grayscale(1) blur(3px); }
  16487. .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info {
  16488. border: none;
  16489. width: 100%;
  16490. padding: 0;
  16491. -webkit-transform: scale(0.7) translateY(-50%) translateX(-50%);
  16492. -ms-transform: scale(0.7) translateY(-50%) translateX(-50%);
  16493. transform: scale(0.7) translateY(-50%) translateX(-50%); }
  16494. .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info:hover {
  16495. box-shadow: none; }
  16496. .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li {
  16497. list-style: none;
  16498. display: inline-block;
  16499. margin: 0 3px; }
  16500. .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li:hover {
  16501. -webkit-transition: all .2s ease-in-out;
  16502. transition: all .2s ease-in-out;
  16503. cursor: pointer; }
  16504. .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons:hover .mt-info {
  16505. -webkit-transform: scale(1) translateY(-50%) translateX(-50%);
  16506. -ms-transform: scale(1) translateY(-50%) translateX(-50%);
  16507. transform: scale(1) translateY(-50%) translateX(-50%); }
  16508. .mt-element-overlay .mt-overlay-3 {
  16509. width: 100%;
  16510. height: 100%;
  16511. float: left;
  16512. overflow: hidden;
  16513. position: relative;
  16514. text-align: center;
  16515. cursor: default; }
  16516. .mt-element-overlay .mt-overlay-3 img {
  16517. display: block;
  16518. position: relative;
  16519. width: 100%;
  16520. height: auto; }
  16521. .mt-element-overlay .mt-overlay-3 h2 {
  16522. text-transform: uppercase;
  16523. color: #fff;
  16524. text-align: center;
  16525. position: relative;
  16526. font-size: 17px;
  16527. padding: 10px;
  16528. background: rgba(0, 0, 0, 0.6);
  16529. -webkit-transform: translateY(100px);
  16530. -ms-transform: translateY(100px);
  16531. transform: translateY(100px);
  16532. -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16533. transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81); }
  16534. .mt-element-overlay .mt-overlay-3 .mt-info {
  16535. display: inline-block;
  16536. text-decoration: none;
  16537. text-transform: uppercase;
  16538. color: #fff;
  16539. border: 1px solid #fff;
  16540. background-color: transparent;
  16541. opacity: 0;
  16542. filter: alpha(opacity=0);
  16543. -webkit-transform: scale(0);
  16544. -ms-transform: scale(0);
  16545. transform: scale(0);
  16546. -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16547. transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16548. font-weight: normal;
  16549. position: absolute;
  16550. top: 15px;
  16551. bottom: 15px;
  16552. left: 15px;
  16553. right: 15px;
  16554. margin: auto;
  16555. padding: 45% 0 0 0; }
  16556. .mt-element-overlay .mt-overlay-3 .mt-info:hover {
  16557. box-shadow: 0 0 5px #fff; }
  16558. .mt-element-overlay .mt-overlay-3:hover .mt-overlay {
  16559. background-color: rgba(48, 152, 157, 0.7); }
  16560. .mt-element-overlay .mt-overlay-3:hover h2 {
  16561. -webkit-transform: translateY(5px);
  16562. -ms-transform: translateY(5px);
  16563. transform: translateY(5px); }
  16564. .mt-element-overlay .mt-overlay-3:hover .mt-info {
  16565. opacity: 1;
  16566. filter: alpha(opacity=100);
  16567. -webkit-transform: scale(1);
  16568. -ms-transform: scale(1);
  16569. transform: scale(1); }
  16570. .mt-element-overlay .mt-overlay-3 .mt-overlay {
  16571. width: 100%;
  16572. height: 100%;
  16573. position: absolute;
  16574. overflow: hidden;
  16575. top: 0;
  16576. left: 0;
  16577. background-color: rgba(75, 75, 75, 0.7);
  16578. -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16579. transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81); }
  16580. .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info {
  16581. padding: 40% 0 0 0; }
  16582. .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li {
  16583. list-style: none;
  16584. display: inline-block;
  16585. margin: 0 3px; }
  16586. .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li:hover {
  16587. -webkit-transition: all .2s ease-in-out;
  16588. transition: all .2s ease-in-out;
  16589. cursor: pointer; }
  16590. .mt-element-overlay .mt-overlay-4 {
  16591. width: 100%;
  16592. height: 100%;
  16593. float: left;
  16594. overflow: hidden;
  16595. position: relative;
  16596. text-align: center;
  16597. cursor: default; }
  16598. .mt-element-overlay .mt-overlay-4 img {
  16599. display: block;
  16600. position: relative;
  16601. -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16602. transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16603. width: 100%;
  16604. height: auto; }
  16605. .mt-element-overlay .mt-overlay-4 h2 {
  16606. text-transform: uppercase;
  16607. color: #fff;
  16608. text-align: center;
  16609. position: relative;
  16610. font-size: 17px;
  16611. background: rgba(0, 0, 0, 0.6);
  16612. -webkit-transform: translatey(-100px);
  16613. -ms-transform: translatey(-100px);
  16614. transform: translatey(-100px);
  16615. -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16616. transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16617. padding: 10px; }
  16618. .mt-element-overlay .mt-overlay-4 .mt-info {
  16619. display: inline-block;
  16620. text-transform: uppercase;
  16621. opacity: 0;
  16622. filter: alpha(opacity=0);
  16623. -webkit-transition: all 0.4s ease;
  16624. transition: all 0.4s ease;
  16625. margin: 50px 0 0; }
  16626. .mt-element-overlay .mt-overlay-4:hover .mt-overlay {
  16627. opacity: 1;
  16628. filter: alpha(opacity=100); }
  16629. .mt-element-overlay .mt-overlay-4:hover h2,
  16630. .mt-element-overlay .mt-overlay-4:hover .mt-info {
  16631. opacity: 1;
  16632. filter: alpha(opacity=100);
  16633. -ms-transform: translatey(0);
  16634. -webkit-transform: translatey(0);
  16635. transform: translatey(0); }
  16636. .mt-element-overlay .mt-overlay-4:hover .mt-info {
  16637. -webkit-transition-delay: .2s;
  16638. transition-delay: .2s; }
  16639. .mt-element-overlay .mt-overlay-4 .mt-overlay {
  16640. width: 100%;
  16641. height: 100%;
  16642. position: absolute;
  16643. overflow: hidden;
  16644. top: 0;
  16645. left: 0;
  16646. opacity: 0;
  16647. filter: alpha(opacity=0);
  16648. background-color: rgba(0, 0, 0, 0.7);
  16649. -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  16650. transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81); }
  16651. .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info {
  16652. border: none;
  16653. position: absolute;
  16654. padding: 0;
  16655. top: 50%;
  16656. left: 0;
  16657. right: 0;
  16658. -webkit-transform: translateY(-50%);
  16659. -ms-transform: translateY(-50%);
  16660. transform: translateY(-50%);
  16661. margin: auto; }
  16662. .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info:hover {
  16663. box-shadow: none; }
  16664. .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li {
  16665. list-style: none;
  16666. display: inline-block;
  16667. margin: 0 3px; }
  16668. .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li:hover {
  16669. -webkit-transition: all .2s ease-in-out;
  16670. transition: all .2s ease-in-out;
  16671. cursor: pointer; }
  16672. .mt-element-overlay .mt-overlay-5 {
  16673. width: 100%;
  16674. height: 100%;
  16675. float: left;
  16676. overflow: hidden;
  16677. position: relative;
  16678. text-align: center;
  16679. cursor: default;
  16680. background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  16681. background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); }
  16682. .mt-element-overlay .mt-overlay-5 .mt-overlay {
  16683. width: 100%;
  16684. height: 100%;
  16685. position: absolute;
  16686. overflow: hidden;
  16687. top: 0;
  16688. left: 0;
  16689. padding: 3em;
  16690. text-align: left; }
  16691. .mt-element-overlay .mt-overlay-5 .mt-overlay:before {
  16692. position: absolute;
  16693. top: 20px;
  16694. right: 20px;
  16695. bottom: 20px;
  16696. left: 20px;
  16697. border: 1px solid #fff;
  16698. content: '';
  16699. opacity: 0;
  16700. filter: alpha(opacity=0);
  16701. -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  16702. transition: opacity 0.35s, transform 0.45s;
  16703. -webkit-transform: translate3d(-20px, 0, 0);
  16704. transform: translate3d(-20px, 0, 0); }
  16705. .mt-element-overlay .mt-overlay-5 img {
  16706. display: block;
  16707. position: relative;
  16708. max-width: none;
  16709. width: calc(113% + 60px);
  16710. -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  16711. transition: opacity 0.35s, transform 0.45s;
  16712. -webkit-transform: translate3d(-40px, 0, 0);
  16713. transform: translate3d(-40px, 0, 0); }
  16714. .mt-element-overlay .mt-overlay-5 h2 {
  16715. text-transform: uppercase;
  16716. color: #fff;
  16717. position: relative;
  16718. font-size: 17px;
  16719. background-color: transparent;
  16720. padding: 15% 0 10px 0;
  16721. text-align: left; }
  16722. .mt-element-overlay .mt-overlay-5 a,
  16723. .mt-element-overlay .mt-overlay-5 p {
  16724. color: #FFF;
  16725. opacity: 0;
  16726. filter: alpha(opacity=0);
  16727. -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  16728. transition: opacity 0.35s, transform 0.45s;
  16729. -webkit-transform: translate3d(-10px, 0, 0);
  16730. transform: translate3d(-10px, 0, 0); }
  16731. .mt-element-overlay .mt-overlay-5 a:hover {
  16732. text-decoration: none;
  16733. opacity: 0.6;
  16734. filter: alpha(opacity=60); }
  16735. .mt-element-overlay .mt-overlay-5:hover img {
  16736. opacity: 0.6;
  16737. filter: alpha(opacity=60);
  16738. -webkit-transform: translate3d(0, 0, 0);
  16739. transform: translate3d(0, 0, 0); }
  16740. .mt-element-overlay .mt-overlay-5:hover .mt-overlay:before,
  16741. .mt-element-overlay .mt-overlay-5:hover a,
  16742. .mt-element-overlay .mt-overlay-5:hover p {
  16743. opacity: 1;
  16744. filter: alpha(opacity=100);
  16745. -webkit-transform: translate3d(0, 0, 0);
  16746. transform: translate3d(0, 0, 0); }
  16747. .mt-element-overlay .mt-overlay-6 {
  16748. width: 100%;
  16749. height: 100%;
  16750. float: left;
  16751. overflow: hidden;
  16752. position: relative;
  16753. text-align: center;
  16754. cursor: default;
  16755. background: #42b078; }
  16756. .mt-element-overlay .mt-overlay-6 .mt-overlay {
  16757. width: 100%;
  16758. height: 100%;
  16759. position: absolute;
  16760. overflow: hidden;
  16761. top: 0;
  16762. left: 0;
  16763. padding: 50px 20px; }
  16764. .mt-element-overlay .mt-overlay-6 img {
  16765. display: block;
  16766. position: relative;
  16767. max-width: none;
  16768. width: calc(100% + 20px);
  16769. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  16770. transition: opacity 0.35s, transform 0.35s;
  16771. -webkit-transform: translate3d(-10px, 0, 0);
  16772. transform: translate3d(-10px, 0, 0);
  16773. -webkit-backface-visibility: hidden;
  16774. backface-visibility: hidden; }
  16775. .mt-element-overlay .mt-overlay-6 h2 {
  16776. text-transform: uppercase;
  16777. color: #fff;
  16778. text-align: center;
  16779. position: relative;
  16780. font-size: 17px;
  16781. overflow: hidden;
  16782. padding: 0.5em 0;
  16783. background-color: transparent; }
  16784. .mt-element-overlay .mt-overlay-6 h2:after {
  16785. position: absolute;
  16786. bottom: 0;
  16787. left: 0;
  16788. width: 100%;
  16789. height: 2px;
  16790. background: #fff;
  16791. content: '';
  16792. -webkit-transition: -webkit-transform 0.35s;
  16793. transition: transform 0.35s;
  16794. -webkit-transform: translate3d(-100%, 0, 0);
  16795. transform: translate3d(-100%, 0, 0); }
  16796. .mt-element-overlay .mt-overlay-6 a,
  16797. .mt-element-overlay .mt-overlay-6 p {
  16798. color: #FFF;
  16799. opacity: 0;
  16800. filter: alpha(opacity=0);
  16801. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  16802. transition: opacity 0.35s, transform 0.35s;
  16803. -webkit-transform: translate3d(100%, 0, 0);
  16804. transform: translate3d(100%, 0, 0); }
  16805. .mt-element-overlay .mt-overlay-6 p {
  16806. margin-top: 20px; }
  16807. .mt-element-overlay .mt-overlay-6 .mt-info:hover {
  16808. text-decoration: none;
  16809. opacity: 0.6;
  16810. filter: alpha(opacity=60);
  16811. -webkit-transition: all .2s ease-in-out;
  16812. transition: all .2s ease-in-out;
  16813. cursor: pointer; }
  16814. .mt-element-overlay .mt-overlay-6:hover img {
  16815. opacity: 0.4;
  16816. filter: alpha(opacity=40);
  16817. -webkit-transform: translate3d(0, 0, 0);
  16818. transform: translate3d(0, 0, 0); }
  16819. .mt-element-overlay .mt-overlay-6:hover h2:after {
  16820. -webkit-transform: translate3d(0, 0, 0);
  16821. transform: translate3d(0, 0, 0); }
  16822. .mt-element-overlay .mt-overlay-6:hover a,
  16823. .mt-element-overlay .mt-overlay-6:hover p {
  16824. opacity: 1;
  16825. filter: alpha(opacity=100);
  16826. -webkit-transform: translate3d(0, 0, 0);
  16827. transform: translate3d(0, 0, 0); }
  16828. /***
  16829. Custom color buttons
  16830. ***/
  16831. .bg-white {
  16832. background: #ffffff !important; }
  16833. .bg-white-opacity {
  16834. background: rgba(255, 255, 255, 0.8) !important; }
  16835. .bg-hover-white:hover {
  16836. background: #ffffff !important; }
  16837. .font-white {
  16838. color: #ffffff !important; }
  16839. .bg-font-white {
  16840. color: #666 !important; }
  16841. .border-white {
  16842. border-color: #ffffff !important; }
  16843. .border-top-white {
  16844. border-top-color: #ffffff !important; }
  16845. .border-bottom-white {
  16846. border-bottom-color: #ffffff !important; }
  16847. .border-left-white {
  16848. border-left-color: #ffffff !important; }
  16849. .border-right-white {
  16850. border-right-color: #ffffff !important; }
  16851. .bg-before-white:before,
  16852. .bg-after-white:after {
  16853. background: #ffffff !important; }
  16854. .border-before-white:before,
  16855. .border-after-white:after {
  16856. border-color: #ffffff !important; }
  16857. .border-top-before-white:before,
  16858. .border-top-after-white:after {
  16859. border-top-color: #ffffff !important; }
  16860. .border-bottom-before-white:before,
  16861. .border-bottom-after-white:after {
  16862. border-bottom-color: #ffffff !important; }
  16863. .border-left-before-white:before,
  16864. .border-left-after-white:after {
  16865. border-left-color: #ffffff !important; }
  16866. .border-right-before-white:before,
  16867. .border-right-after-white:after {
  16868. border-right-color: #ffffff !important; }
  16869. .bg-default {
  16870. background: #e1e5ec !important; }
  16871. .bg-default-opacity {
  16872. background: rgba(225, 229, 236, 0.8) !important; }
  16873. .bg-hover-default:hover {
  16874. background: #e1e5ec !important; }
  16875. .font-default {
  16876. color: #e1e5ec !important; }
  16877. .bg-font-default {
  16878. color: #666 !important; }
  16879. .border-default {
  16880. border-color: #e1e5ec !important; }
  16881. .border-top-default {
  16882. border-top-color: #e1e5ec !important; }
  16883. .border-bottom-default {
  16884. border-bottom-color: #e1e5ec !important; }
  16885. .border-left-default {
  16886. border-left-color: #e1e5ec !important; }
  16887. .border-right-default {
  16888. border-right-color: #e1e5ec !important; }
  16889. .bg-before-default:before,
  16890. .bg-after-default:after {
  16891. background: #e1e5ec !important; }
  16892. .border-before-default:before,
  16893. .border-after-default:after {
  16894. border-color: #e1e5ec !important; }
  16895. .border-top-before-default:before,
  16896. .border-top-after-default:after {
  16897. border-top-color: #e1e5ec !important; }
  16898. .border-bottom-before-default:before,
  16899. .border-bottom-after-default:after {
  16900. border-bottom-color: #e1e5ec !important; }
  16901. .border-left-before-default:before,
  16902. .border-left-after-default:after {
  16903. border-left-color: #e1e5ec !important; }
  16904. .border-right-before-default:before,
  16905. .border-right-after-default:after {
  16906. border-right-color: #e1e5ec !important; }
  16907. .bg-dark {
  16908. background: #2f353b !important; }
  16909. .bg-dark-opacity {
  16910. background: rgba(47, 53, 59, 0.8) !important; }
  16911. .bg-hover-dark:hover {
  16912. background: #2f353b !important; }
  16913. .font-dark {
  16914. color: #2f353b !important; }
  16915. .bg-font-dark {
  16916. color: #FFFFFF !important; }
  16917. .border-dark {
  16918. border-color: #2f353b !important; }
  16919. .border-top-dark {
  16920. border-top-color: #2f353b !important; }
  16921. .border-bottom-dark {
  16922. border-bottom-color: #2f353b !important; }
  16923. .border-left-dark {
  16924. border-left-color: #2f353b !important; }
  16925. .border-right-dark {
  16926. border-right-color: #2f353b !important; }
  16927. .bg-before-dark:before,
  16928. .bg-after-dark:after {
  16929. background: #2f353b !important; }
  16930. .border-before-dark:before,
  16931. .border-after-dark:after {
  16932. border-color: #2f353b !important; }
  16933. .border-top-before-dark:before,
  16934. .border-top-after-dark:after {
  16935. border-top-color: #2f353b !important; }
  16936. .border-bottom-before-dark:before,
  16937. .border-bottom-after-dark:after {
  16938. border-bottom-color: #2f353b !important; }
  16939. .border-left-before-dark:before,
  16940. .border-left-after-dark:after {
  16941. border-left-color: #2f353b !important; }
  16942. .border-right-before-dark:before,
  16943. .border-right-after-dark:after {
  16944. border-right-color: #2f353b !important; }
  16945. .bg-blue {
  16946. background: #3598dc !important; }
  16947. .bg-blue-opacity {
  16948. background: rgba(53, 152, 220, 0.8) !important; }
  16949. .bg-hover-blue:hover {
  16950. background: #3598dc !important; }
  16951. .font-blue {
  16952. color: #3598dc !important; }
  16953. .bg-font-blue {
  16954. color: #FFFFFF !important; }
  16955. .border-blue {
  16956. border-color: #3598dc !important; }
  16957. .border-top-blue {
  16958. border-top-color: #3598dc !important; }
  16959. .border-bottom-blue {
  16960. border-bottom-color: #3598dc !important; }
  16961. .border-left-blue {
  16962. border-left-color: #3598dc !important; }
  16963. .border-right-blue {
  16964. border-right-color: #3598dc !important; }
  16965. .bg-before-blue:before,
  16966. .bg-after-blue:after {
  16967. background: #3598dc !important; }
  16968. .border-before-blue:before,
  16969. .border-after-blue:after {
  16970. border-color: #3598dc !important; }
  16971. .border-top-before-blue:before,
  16972. .border-top-after-blue:after {
  16973. border-top-color: #3598dc !important; }
  16974. .border-bottom-before-blue:before,
  16975. .border-bottom-after-blue:after {
  16976. border-bottom-color: #3598dc !important; }
  16977. .border-left-before-blue:before,
  16978. .border-left-after-blue:after {
  16979. border-left-color: #3598dc !important; }
  16980. .border-right-before-blue:before,
  16981. .border-right-after-blue:after {
  16982. border-right-color: #3598dc !important; }
  16983. .bg-blue-madison {
  16984. background: #578ebe !important; }
  16985. .bg-blue-madison-opacity {
  16986. background: rgba(87, 142, 190, 0.8) !important; }
  16987. .bg-hover-blue-madison:hover {
  16988. background: #578ebe !important; }
  16989. .font-blue-madison {
  16990. color: #578ebe !important; }
  16991. .bg-font-blue-madison {
  16992. color: #FFFFFF !important; }
  16993. .border-blue-madison {
  16994. border-color: #578ebe !important; }
  16995. .border-top-blue-madison {
  16996. border-top-color: #578ebe !important; }
  16997. .border-bottom-blue-madison {
  16998. border-bottom-color: #578ebe !important; }
  16999. .border-left-blue-madison {
  17000. border-left-color: #578ebe !important; }
  17001. .border-right-blue-madison {
  17002. border-right-color: #578ebe !important; }
  17003. .bg-before-blue-madison:before,
  17004. .bg-after-blue-madison:after {
  17005. background: #578ebe !important; }
  17006. .border-before-blue-madison:before,
  17007. .border-after-blue-madison:after {
  17008. border-color: #578ebe !important; }
  17009. .border-top-before-blue-madison:before,
  17010. .border-top-after-blue-madison:after {
  17011. border-top-color: #578ebe !important; }
  17012. .border-bottom-before-blue-madison:before,
  17013. .border-bottom-after-blue-madison:after {
  17014. border-bottom-color: #578ebe !important; }
  17015. .border-left-before-blue-madison:before,
  17016. .border-left-after-blue-madison:after {
  17017. border-left-color: #578ebe !important; }
  17018. .border-right-before-blue-madison:before,
  17019. .border-right-after-blue-madison:after {
  17020. border-right-color: #578ebe !important; }
  17021. .bg-blue-chambray {
  17022. background: #2C3E50 !important; }
  17023. .bg-blue-chambray-opacity {
  17024. background: rgba(44, 62, 80, 0.8) !important; }
  17025. .bg-hover-blue-chambray:hover {
  17026. background: #2C3E50 !important; }
  17027. .font-blue-chambray {
  17028. color: #2C3E50 !important; }
  17029. .bg-font-blue-chambray {
  17030. color: #FFFFFF !important; }
  17031. .border-blue-chambray {
  17032. border-color: #2C3E50 !important; }
  17033. .border-top-blue-chambray {
  17034. border-top-color: #2C3E50 !important; }
  17035. .border-bottom-blue-chambray {
  17036. border-bottom-color: #2C3E50 !important; }
  17037. .border-left-blue-chambray {
  17038. border-left-color: #2C3E50 !important; }
  17039. .border-right-blue-chambray {
  17040. border-right-color: #2C3E50 !important; }
  17041. .bg-before-blue-chambray:before,
  17042. .bg-after-blue-chambray:after {
  17043. background: #2C3E50 !important; }
  17044. .border-before-blue-chambray:before,
  17045. .border-after-blue-chambray:after {
  17046. border-color: #2C3E50 !important; }
  17047. .border-top-before-blue-chambray:before,
  17048. .border-top-after-blue-chambray:after {
  17049. border-top-color: #2C3E50 !important; }
  17050. .border-bottom-before-blue-chambray:before,
  17051. .border-bottom-after-blue-chambray:after {
  17052. border-bottom-color: #2C3E50 !important; }
  17053. .border-left-before-blue-chambray:before,
  17054. .border-left-after-blue-chambray:after {
  17055. border-left-color: #2C3E50 !important; }
  17056. .border-right-before-blue-chambray:before,
  17057. .border-right-after-blue-chambray:after {
  17058. border-right-color: #2C3E50 !important; }
  17059. .bg-blue-ebonyclay {
  17060. background: #22313F !important; }
  17061. .bg-blue-ebonyclay-opacity {
  17062. background: rgba(34, 49, 63, 0.8) !important; }
  17063. .bg-hover-blue-ebonyclay:hover {
  17064. background: #22313F !important; }
  17065. .font-blue-ebonyclay {
  17066. color: #22313F !important; }
  17067. .bg-font-blue-ebonyclay {
  17068. color: #FFFFFF !important; }
  17069. .border-blue-ebonyclay {
  17070. border-color: #22313F !important; }
  17071. .border-top-blue-ebonyclay {
  17072. border-top-color: #22313F !important; }
  17073. .border-bottom-blue-ebonyclay {
  17074. border-bottom-color: #22313F !important; }
  17075. .border-left-blue-ebonyclay {
  17076. border-left-color: #22313F !important; }
  17077. .border-right-blue-ebonyclay {
  17078. border-right-color: #22313F !important; }
  17079. .bg-before-blue-ebonyclay:before,
  17080. .bg-after-blue-ebonyclay:after {
  17081. background: #22313F !important; }
  17082. .border-before-blue-ebonyclay:before,
  17083. .border-after-blue-ebonyclay:after {
  17084. border-color: #22313F !important; }
  17085. .border-top-before-blue-ebonyclay:before,
  17086. .border-top-after-blue-ebonyclay:after {
  17087. border-top-color: #22313F !important; }
  17088. .border-bottom-before-blue-ebonyclay:before,
  17089. .border-bottom-after-blue-ebonyclay:after {
  17090. border-bottom-color: #22313F !important; }
  17091. .border-left-before-blue-ebonyclay:before,
  17092. .border-left-after-blue-ebonyclay:after {
  17093. border-left-color: #22313F !important; }
  17094. .border-right-before-blue-ebonyclay:before,
  17095. .border-right-after-blue-ebonyclay:after {
  17096. border-right-color: #22313F !important; }
  17097. .bg-blue-hoki {
  17098. background: #67809F !important; }
  17099. .bg-blue-hoki-opacity {
  17100. background: rgba(103, 128, 159, 0.8) !important; }
  17101. .bg-hover-blue-hoki:hover {
  17102. background: #67809F !important; }
  17103. .font-blue-hoki {
  17104. color: #67809F !important; }
  17105. .bg-font-blue-hoki {
  17106. color: #FFFFFF !important; }
  17107. .border-blue-hoki {
  17108. border-color: #67809F !important; }
  17109. .border-top-blue-hoki {
  17110. border-top-color: #67809F !important; }
  17111. .border-bottom-blue-hoki {
  17112. border-bottom-color: #67809F !important; }
  17113. .border-left-blue-hoki {
  17114. border-left-color: #67809F !important; }
  17115. .border-right-blue-hoki {
  17116. border-right-color: #67809F !important; }
  17117. .bg-before-blue-hoki:before,
  17118. .bg-after-blue-hoki:after {
  17119. background: #67809F !important; }
  17120. .border-before-blue-hoki:before,
  17121. .border-after-blue-hoki:after {
  17122. border-color: #67809F !important; }
  17123. .border-top-before-blue-hoki:before,
  17124. .border-top-after-blue-hoki:after {
  17125. border-top-color: #67809F !important; }
  17126. .border-bottom-before-blue-hoki:before,
  17127. .border-bottom-after-blue-hoki:after {
  17128. border-bottom-color: #67809F !important; }
  17129. .border-left-before-blue-hoki:before,
  17130. .border-left-after-blue-hoki:after {
  17131. border-left-color: #67809F !important; }
  17132. .border-right-before-blue-hoki:before,
  17133. .border-right-after-blue-hoki:after {
  17134. border-right-color: #67809F !important; }
  17135. .bg-blue-steel {
  17136. background: #4B77BE !important; }
  17137. .bg-blue-steel-opacity {
  17138. background: rgba(75, 119, 190, 0.8) !important; }
  17139. .bg-hover-blue-steel:hover {
  17140. background: #4B77BE !important; }
  17141. .font-blue-steel {
  17142. color: #4B77BE !important; }
  17143. .bg-font-blue-steel {
  17144. color: #FFFFFF !important; }
  17145. .border-blue-steel {
  17146. border-color: #4B77BE !important; }
  17147. .border-top-blue-steel {
  17148. border-top-color: #4B77BE !important; }
  17149. .border-bottom-blue-steel {
  17150. border-bottom-color: #4B77BE !important; }
  17151. .border-left-blue-steel {
  17152. border-left-color: #4B77BE !important; }
  17153. .border-right-blue-steel {
  17154. border-right-color: #4B77BE !important; }
  17155. .bg-before-blue-steel:before,
  17156. .bg-after-blue-steel:after {
  17157. background: #4B77BE !important; }
  17158. .border-before-blue-steel:before,
  17159. .border-after-blue-steel:after {
  17160. border-color: #4B77BE !important; }
  17161. .border-top-before-blue-steel:before,
  17162. .border-top-after-blue-steel:after {
  17163. border-top-color: #4B77BE !important; }
  17164. .border-bottom-before-blue-steel:before,
  17165. .border-bottom-after-blue-steel:after {
  17166. border-bottom-color: #4B77BE !important; }
  17167. .border-left-before-blue-steel:before,
  17168. .border-left-after-blue-steel:after {
  17169. border-left-color: #4B77BE !important; }
  17170. .border-right-before-blue-steel:before,
  17171. .border-right-after-blue-steel:after {
  17172. border-right-color: #4B77BE !important; }
  17173. .bg-blue-soft {
  17174. background: #4c87b9 !important; }
  17175. .bg-blue-soft-opacity {
  17176. background: rgba(76, 135, 185, 0.8) !important; }
  17177. .bg-hover-blue-soft:hover {
  17178. background: #4c87b9 !important; }
  17179. .font-blue-soft {
  17180. color: #4c87b9 !important; }
  17181. .bg-font-blue-soft {
  17182. color: #FFFFFF !important; }
  17183. .border-blue-soft {
  17184. border-color: #4c87b9 !important; }
  17185. .border-top-blue-soft {
  17186. border-top-color: #4c87b9 !important; }
  17187. .border-bottom-blue-soft {
  17188. border-bottom-color: #4c87b9 !important; }
  17189. .border-left-blue-soft {
  17190. border-left-color: #4c87b9 !important; }
  17191. .border-right-blue-soft {
  17192. border-right-color: #4c87b9 !important; }
  17193. .bg-before-blue-soft:before,
  17194. .bg-after-blue-soft:after {
  17195. background: #4c87b9 !important; }
  17196. .border-before-blue-soft:before,
  17197. .border-after-blue-soft:after {
  17198. border-color: #4c87b9 !important; }
  17199. .border-top-before-blue-soft:before,
  17200. .border-top-after-blue-soft:after {
  17201. border-top-color: #4c87b9 !important; }
  17202. .border-bottom-before-blue-soft:before,
  17203. .border-bottom-after-blue-soft:after {
  17204. border-bottom-color: #4c87b9 !important; }
  17205. .border-left-before-blue-soft:before,
  17206. .border-left-after-blue-soft:after {
  17207. border-left-color: #4c87b9 !important; }
  17208. .border-right-before-blue-soft:before,
  17209. .border-right-after-blue-soft:after {
  17210. border-right-color: #4c87b9 !important; }
  17211. .bg-blue-dark {
  17212. background: #5e738b !important; }
  17213. .bg-blue-dark-opacity {
  17214. background: rgba(94, 115, 139, 0.8) !important; }
  17215. .bg-hover-blue-dark:hover {
  17216. background: #5e738b !important; }
  17217. .font-blue-dark {
  17218. color: #5e738b !important; }
  17219. .bg-font-blue-dark {
  17220. color: #FFFFFF !important; }
  17221. .border-blue-dark {
  17222. border-color: #5e738b !important; }
  17223. .border-top-blue-dark {
  17224. border-top-color: #5e738b !important; }
  17225. .border-bottom-blue-dark {
  17226. border-bottom-color: #5e738b !important; }
  17227. .border-left-blue-dark {
  17228. border-left-color: #5e738b !important; }
  17229. .border-right-blue-dark {
  17230. border-right-color: #5e738b !important; }
  17231. .bg-before-blue-dark:before,
  17232. .bg-after-blue-dark:after {
  17233. background: #5e738b !important; }
  17234. .border-before-blue-dark:before,
  17235. .border-after-blue-dark:after {
  17236. border-color: #5e738b !important; }
  17237. .border-top-before-blue-dark:before,
  17238. .border-top-after-blue-dark:after {
  17239. border-top-color: #5e738b !important; }
  17240. .border-bottom-before-blue-dark:before,
  17241. .border-bottom-after-blue-dark:after {
  17242. border-bottom-color: #5e738b !important; }
  17243. .border-left-before-blue-dark:before,
  17244. .border-left-after-blue-dark:after {
  17245. border-left-color: #5e738b !important; }
  17246. .border-right-before-blue-dark:before,
  17247. .border-right-after-blue-dark:after {
  17248. border-right-color: #5e738b !important; }
  17249. .bg-blue-sharp {
  17250. background: #5C9BD1 !important; }
  17251. .bg-blue-sharp-opacity {
  17252. background: rgba(92, 155, 209, 0.8) !important; }
  17253. .bg-hover-blue-sharp:hover {
  17254. background: #5C9BD1 !important; }
  17255. .font-blue-sharp {
  17256. color: #5C9BD1 !important; }
  17257. .bg-font-blue-sharp {
  17258. color: #FFFFFF !important; }
  17259. .border-blue-sharp {
  17260. border-color: #5C9BD1 !important; }
  17261. .border-top-blue-sharp {
  17262. border-top-color: #5C9BD1 !important; }
  17263. .border-bottom-blue-sharp {
  17264. border-bottom-color: #5C9BD1 !important; }
  17265. .border-left-blue-sharp {
  17266. border-left-color: #5C9BD1 !important; }
  17267. .border-right-blue-sharp {
  17268. border-right-color: #5C9BD1 !important; }
  17269. .bg-before-blue-sharp:before,
  17270. .bg-after-blue-sharp:after {
  17271. background: #5C9BD1 !important; }
  17272. .border-before-blue-sharp:before,
  17273. .border-after-blue-sharp:after {
  17274. border-color: #5C9BD1 !important; }
  17275. .border-top-before-blue-sharp:before,
  17276. .border-top-after-blue-sharp:after {
  17277. border-top-color: #5C9BD1 !important; }
  17278. .border-bottom-before-blue-sharp:before,
  17279. .border-bottom-after-blue-sharp:after {
  17280. border-bottom-color: #5C9BD1 !important; }
  17281. .border-left-before-blue-sharp:before,
  17282. .border-left-after-blue-sharp:after {
  17283. border-left-color: #5C9BD1 !important; }
  17284. .border-right-before-blue-sharp:before,
  17285. .border-right-after-blue-sharp:after {
  17286. border-right-color: #5C9BD1 !important; }
  17287. .bg-blue-oleo {
  17288. background: #94A0B2 !important; }
  17289. .bg-blue-oleo-opacity {
  17290. background: rgba(148, 160, 178, 0.8) !important; }
  17291. .bg-hover-blue-oleo:hover {
  17292. background: #94A0B2 !important; }
  17293. .font-blue-oleo {
  17294. color: #94A0B2 !important; }
  17295. .bg-font-blue-oleo {
  17296. color: #FFFFFF !important; }
  17297. .border-blue-oleo {
  17298. border-color: #94A0B2 !important; }
  17299. .border-top-blue-oleo {
  17300. border-top-color: #94A0B2 !important; }
  17301. .border-bottom-blue-oleo {
  17302. border-bottom-color: #94A0B2 !important; }
  17303. .border-left-blue-oleo {
  17304. border-left-color: #94A0B2 !important; }
  17305. .border-right-blue-oleo {
  17306. border-right-color: #94A0B2 !important; }
  17307. .bg-before-blue-oleo:before,
  17308. .bg-after-blue-oleo:after {
  17309. background: #94A0B2 !important; }
  17310. .border-before-blue-oleo:before,
  17311. .border-after-blue-oleo:after {
  17312. border-color: #94A0B2 !important; }
  17313. .border-top-before-blue-oleo:before,
  17314. .border-top-after-blue-oleo:after {
  17315. border-top-color: #94A0B2 !important; }
  17316. .border-bottom-before-blue-oleo:before,
  17317. .border-bottom-after-blue-oleo:after {
  17318. border-bottom-color: #94A0B2 !important; }
  17319. .border-left-before-blue-oleo:before,
  17320. .border-left-after-blue-oleo:after {
  17321. border-left-color: #94A0B2 !important; }
  17322. .border-right-before-blue-oleo:before,
  17323. .border-right-after-blue-oleo:after {
  17324. border-right-color: #94A0B2 !important; }
  17325. .bg-green {
  17326. background: #32c5d2 !important; }
  17327. .bg-green-opacity {
  17328. background: rgba(50, 197, 210, 0.8) !important; }
  17329. .bg-hover-green:hover {
  17330. background: #32c5d2 !important; }
  17331. .font-green {
  17332. color: #32c5d2 !important; }
  17333. .bg-font-green {
  17334. color: #FFFFFF !important; }
  17335. .border-green {
  17336. border-color: #32c5d2 !important; }
  17337. .border-top-green {
  17338. border-top-color: #32c5d2 !important; }
  17339. .border-bottom-green {
  17340. border-bottom-color: #32c5d2 !important; }
  17341. .border-left-green {
  17342. border-left-color: #32c5d2 !important; }
  17343. .border-right-green {
  17344. border-right-color: #32c5d2 !important; }
  17345. .bg-before-green:before,
  17346. .bg-after-green:after {
  17347. background: #32c5d2 !important; }
  17348. .border-before-green:before,
  17349. .border-after-green:after {
  17350. border-color: #32c5d2 !important; }
  17351. .border-top-before-green:before,
  17352. .border-top-after-green:after {
  17353. border-top-color: #32c5d2 !important; }
  17354. .border-bottom-before-green:before,
  17355. .border-bottom-after-green:after {
  17356. border-bottom-color: #32c5d2 !important; }
  17357. .border-left-before-green:before,
  17358. .border-left-after-green:after {
  17359. border-left-color: #32c5d2 !important; }
  17360. .border-right-before-green:before,
  17361. .border-right-after-green:after {
  17362. border-right-color: #32c5d2 !important; }
  17363. .bg-green-meadow {
  17364. background: #1BBC9B !important; }
  17365. .bg-green-meadow-opacity {
  17366. background: rgba(27, 188, 155, 0.8) !important; }
  17367. .bg-hover-green-meadow:hover {
  17368. background: #1BBC9B !important; }
  17369. .font-green-meadow {
  17370. color: #1BBC9B !important; }
  17371. .bg-font-green-meadow {
  17372. color: #FFFFFF !important; }
  17373. .border-green-meadow {
  17374. border-color: #1BBC9B !important; }
  17375. .border-top-green-meadow {
  17376. border-top-color: #1BBC9B !important; }
  17377. .border-bottom-green-meadow {
  17378. border-bottom-color: #1BBC9B !important; }
  17379. .border-left-green-meadow {
  17380. border-left-color: #1BBC9B !important; }
  17381. .border-right-green-meadow {
  17382. border-right-color: #1BBC9B !important; }
  17383. .bg-before-green-meadow:before,
  17384. .bg-after-green-meadow:after {
  17385. background: #1BBC9B !important; }
  17386. .border-before-green-meadow:before,
  17387. .border-after-green-meadow:after {
  17388. border-color: #1BBC9B !important; }
  17389. .border-top-before-green-meadow:before,
  17390. .border-top-after-green-meadow:after {
  17391. border-top-color: #1BBC9B !important; }
  17392. .border-bottom-before-green-meadow:before,
  17393. .border-bottom-after-green-meadow:after {
  17394. border-bottom-color: #1BBC9B !important; }
  17395. .border-left-before-green-meadow:before,
  17396. .border-left-after-green-meadow:after {
  17397. border-left-color: #1BBC9B !important; }
  17398. .border-right-before-green-meadow:before,
  17399. .border-right-after-green-meadow:after {
  17400. border-right-color: #1BBC9B !important; }
  17401. .bg-green-seagreen {
  17402. background: #1BA39C !important; }
  17403. .bg-green-seagreen-opacity {
  17404. background: rgba(27, 163, 156, 0.8) !important; }
  17405. .bg-hover-green-seagreen:hover {
  17406. background: #1BA39C !important; }
  17407. .font-green-seagreen {
  17408. color: #1BA39C !important; }
  17409. .bg-font-green-seagreen {
  17410. color: #FFFFFF !important; }
  17411. .border-green-seagreen {
  17412. border-color: #1BA39C !important; }
  17413. .border-top-green-seagreen {
  17414. border-top-color: #1BA39C !important; }
  17415. .border-bottom-green-seagreen {
  17416. border-bottom-color: #1BA39C !important; }
  17417. .border-left-green-seagreen {
  17418. border-left-color: #1BA39C !important; }
  17419. .border-right-green-seagreen {
  17420. border-right-color: #1BA39C !important; }
  17421. .bg-before-green-seagreen:before,
  17422. .bg-after-green-seagreen:after {
  17423. background: #1BA39C !important; }
  17424. .border-before-green-seagreen:before,
  17425. .border-after-green-seagreen:after {
  17426. border-color: #1BA39C !important; }
  17427. .border-top-before-green-seagreen:before,
  17428. .border-top-after-green-seagreen:after {
  17429. border-top-color: #1BA39C !important; }
  17430. .border-bottom-before-green-seagreen:before,
  17431. .border-bottom-after-green-seagreen:after {
  17432. border-bottom-color: #1BA39C !important; }
  17433. .border-left-before-green-seagreen:before,
  17434. .border-left-after-green-seagreen:after {
  17435. border-left-color: #1BA39C !important; }
  17436. .border-right-before-green-seagreen:before,
  17437. .border-right-after-green-seagreen:after {
  17438. border-right-color: #1BA39C !important; }
  17439. .bg-green-turquoise {
  17440. background: #36D7B7 !important; }
  17441. .bg-green-turquoise-opacity {
  17442. background: rgba(54, 215, 183, 0.8) !important; }
  17443. .bg-hover-green-turquoise:hover {
  17444. background: #36D7B7 !important; }
  17445. .font-green-turquoise {
  17446. color: #36D7B7 !important; }
  17447. .bg-font-green-turquoise {
  17448. color: #FFFFFF !important; }
  17449. .border-green-turquoise {
  17450. border-color: #36D7B7 !important; }
  17451. .border-top-green-turquoise {
  17452. border-top-color: #36D7B7 !important; }
  17453. .border-bottom-green-turquoise {
  17454. border-bottom-color: #36D7B7 !important; }
  17455. .border-left-green-turquoise {
  17456. border-left-color: #36D7B7 !important; }
  17457. .border-right-green-turquoise {
  17458. border-right-color: #36D7B7 !important; }
  17459. .bg-before-green-turquoise:before,
  17460. .bg-after-green-turquoise:after {
  17461. background: #36D7B7 !important; }
  17462. .border-before-green-turquoise:before,
  17463. .border-after-green-turquoise:after {
  17464. border-color: #36D7B7 !important; }
  17465. .border-top-before-green-turquoise:before,
  17466. .border-top-after-green-turquoise:after {
  17467. border-top-color: #36D7B7 !important; }
  17468. .border-bottom-before-green-turquoise:before,
  17469. .border-bottom-after-green-turquoise:after {
  17470. border-bottom-color: #36D7B7 !important; }
  17471. .border-left-before-green-turquoise:before,
  17472. .border-left-after-green-turquoise:after {
  17473. border-left-color: #36D7B7 !important; }
  17474. .border-right-before-green-turquoise:before,
  17475. .border-right-after-green-turquoise:after {
  17476. border-right-color: #36D7B7 !important; }
  17477. .bg-green-haze {
  17478. background: #44b6ae !important; }
  17479. .bg-green-haze-opacity {
  17480. background: rgba(68, 182, 174, 0.8) !important; }
  17481. .bg-hover-green-haze:hover {
  17482. background: #44b6ae !important; }
  17483. .font-green-haze {
  17484. color: #44b6ae !important; }
  17485. .bg-font-green-haze {
  17486. color: #FFFFFF !important; }
  17487. .border-green-haze {
  17488. border-color: #44b6ae !important; }
  17489. .border-top-green-haze {
  17490. border-top-color: #44b6ae !important; }
  17491. .border-bottom-green-haze {
  17492. border-bottom-color: #44b6ae !important; }
  17493. .border-left-green-haze {
  17494. border-left-color: #44b6ae !important; }
  17495. .border-right-green-haze {
  17496. border-right-color: #44b6ae !important; }
  17497. .bg-before-green-haze:before,
  17498. .bg-after-green-haze:after {
  17499. background: #44b6ae !important; }
  17500. .border-before-green-haze:before,
  17501. .border-after-green-haze:after {
  17502. border-color: #44b6ae !important; }
  17503. .border-top-before-green-haze:before,
  17504. .border-top-after-green-haze:after {
  17505. border-top-color: #44b6ae !important; }
  17506. .border-bottom-before-green-haze:before,
  17507. .border-bottom-after-green-haze:after {
  17508. border-bottom-color: #44b6ae !important; }
  17509. .border-left-before-green-haze:before,
  17510. .border-left-after-green-haze:after {
  17511. border-left-color: #44b6ae !important; }
  17512. .border-right-before-green-haze:before,
  17513. .border-right-after-green-haze:after {
  17514. border-right-color: #44b6ae !important; }
  17515. .bg-green-jungle {
  17516. background: #26C281 !important; }
  17517. .bg-green-jungle-opacity {
  17518. background: rgba(38, 194, 129, 0.8) !important; }
  17519. .bg-hover-green-jungle:hover {
  17520. background: #26C281 !important; }
  17521. .font-green-jungle {
  17522. color: #26C281 !important; }
  17523. .bg-font-green-jungle {
  17524. color: #FFFFFF !important; }
  17525. .border-green-jungle {
  17526. border-color: #26C281 !important; }
  17527. .border-top-green-jungle {
  17528. border-top-color: #26C281 !important; }
  17529. .border-bottom-green-jungle {
  17530. border-bottom-color: #26C281 !important; }
  17531. .border-left-green-jungle {
  17532. border-left-color: #26C281 !important; }
  17533. .border-right-green-jungle {
  17534. border-right-color: #26C281 !important; }
  17535. .bg-before-green-jungle:before,
  17536. .bg-after-green-jungle:after {
  17537. background: #26C281 !important; }
  17538. .border-before-green-jungle:before,
  17539. .border-after-green-jungle:after {
  17540. border-color: #26C281 !important; }
  17541. .border-top-before-green-jungle:before,
  17542. .border-top-after-green-jungle:after {
  17543. border-top-color: #26C281 !important; }
  17544. .border-bottom-before-green-jungle:before,
  17545. .border-bottom-after-green-jungle:after {
  17546. border-bottom-color: #26C281 !important; }
  17547. .border-left-before-green-jungle:before,
  17548. .border-left-after-green-jungle:after {
  17549. border-left-color: #26C281 !important; }
  17550. .border-right-before-green-jungle:before,
  17551. .border-right-after-green-jungle:after {
  17552. border-right-color: #26C281 !important; }
  17553. .bg-green-soft {
  17554. background: #3faba4 !important; }
  17555. .bg-green-soft-opacity {
  17556. background: rgba(63, 171, 164, 0.8) !important; }
  17557. .bg-hover-green-soft:hover {
  17558. background: #3faba4 !important; }
  17559. .font-green-soft {
  17560. color: #3faba4 !important; }
  17561. .bg-font-green-soft {
  17562. color: #FFFFFF !important; }
  17563. .border-green-soft {
  17564. border-color: #3faba4 !important; }
  17565. .border-top-green-soft {
  17566. border-top-color: #3faba4 !important; }
  17567. .border-bottom-green-soft {
  17568. border-bottom-color: #3faba4 !important; }
  17569. .border-left-green-soft {
  17570. border-left-color: #3faba4 !important; }
  17571. .border-right-green-soft {
  17572. border-right-color: #3faba4 !important; }
  17573. .bg-before-green-soft:before,
  17574. .bg-after-green-soft:after {
  17575. background: #3faba4 !important; }
  17576. .border-before-green-soft:before,
  17577. .border-after-green-soft:after {
  17578. border-color: #3faba4 !important; }
  17579. .border-top-before-green-soft:before,
  17580. .border-top-after-green-soft:after {
  17581. border-top-color: #3faba4 !important; }
  17582. .border-bottom-before-green-soft:before,
  17583. .border-bottom-after-green-soft:after {
  17584. border-bottom-color: #3faba4 !important; }
  17585. .border-left-before-green-soft:before,
  17586. .border-left-after-green-soft:after {
  17587. border-left-color: #3faba4 !important; }
  17588. .border-right-before-green-soft:before,
  17589. .border-right-after-green-soft:after {
  17590. border-right-color: #3faba4 !important; }
  17591. .bg-green-dark {
  17592. background: #4DB3A2 !important; }
  17593. .bg-green-dark-opacity {
  17594. background: rgba(77, 179, 162, 0.8) !important; }
  17595. .bg-hover-green-dark:hover {
  17596. background: #4DB3A2 !important; }
  17597. .font-green-dark {
  17598. color: #4DB3A2 !important; }
  17599. .bg-font-green-dark {
  17600. color: #FFFFFF !important; }
  17601. .border-green-dark {
  17602. border-color: #4DB3A2 !important; }
  17603. .border-top-green-dark {
  17604. border-top-color: #4DB3A2 !important; }
  17605. .border-bottom-green-dark {
  17606. border-bottom-color: #4DB3A2 !important; }
  17607. .border-left-green-dark {
  17608. border-left-color: #4DB3A2 !important; }
  17609. .border-right-green-dark {
  17610. border-right-color: #4DB3A2 !important; }
  17611. .bg-before-green-dark:before,
  17612. .bg-after-green-dark:after {
  17613. background: #4DB3A2 !important; }
  17614. .border-before-green-dark:before,
  17615. .border-after-green-dark:after {
  17616. border-color: #4DB3A2 !important; }
  17617. .border-top-before-green-dark:before,
  17618. .border-top-after-green-dark:after {
  17619. border-top-color: #4DB3A2 !important; }
  17620. .border-bottom-before-green-dark:before,
  17621. .border-bottom-after-green-dark:after {
  17622. border-bottom-color: #4DB3A2 !important; }
  17623. .border-left-before-green-dark:before,
  17624. .border-left-after-green-dark:after {
  17625. border-left-color: #4DB3A2 !important; }
  17626. .border-right-before-green-dark:before,
  17627. .border-right-after-green-dark:after {
  17628. border-right-color: #4DB3A2 !important; }
  17629. .bg-green-sharp {
  17630. background: #2ab4c0 !important; }
  17631. .bg-green-sharp-opacity {
  17632. background: rgba(42, 180, 192, 0.8) !important; }
  17633. .bg-hover-green-sharp:hover {
  17634. background: #2ab4c0 !important; }
  17635. .font-green-sharp {
  17636. color: #2ab4c0 !important; }
  17637. .bg-font-green-sharp {
  17638. color: #FFFFFF !important; }
  17639. .border-green-sharp {
  17640. border-color: #2ab4c0 !important; }
  17641. .border-top-green-sharp {
  17642. border-top-color: #2ab4c0 !important; }
  17643. .border-bottom-green-sharp {
  17644. border-bottom-color: #2ab4c0 !important; }
  17645. .border-left-green-sharp {
  17646. border-left-color: #2ab4c0 !important; }
  17647. .border-right-green-sharp {
  17648. border-right-color: #2ab4c0 !important; }
  17649. .bg-before-green-sharp:before,
  17650. .bg-after-green-sharp:after {
  17651. background: #2ab4c0 !important; }
  17652. .border-before-green-sharp:before,
  17653. .border-after-green-sharp:after {
  17654. border-color: #2ab4c0 !important; }
  17655. .border-top-before-green-sharp:before,
  17656. .border-top-after-green-sharp:after {
  17657. border-top-color: #2ab4c0 !important; }
  17658. .border-bottom-before-green-sharp:before,
  17659. .border-bottom-after-green-sharp:after {
  17660. border-bottom-color: #2ab4c0 !important; }
  17661. .border-left-before-green-sharp:before,
  17662. .border-left-after-green-sharp:after {
  17663. border-left-color: #2ab4c0 !important; }
  17664. .border-right-before-green-sharp:before,
  17665. .border-right-after-green-sharp:after {
  17666. border-right-color: #2ab4c0 !important; }
  17667. .bg-green-steel {
  17668. background: #29b4b6 !important; }
  17669. .bg-green-steel-opacity {
  17670. background: rgba(41, 180, 182, 0.8) !important; }
  17671. .bg-hover-green-steel:hover {
  17672. background: #29b4b6 !important; }
  17673. .font-green-steel {
  17674. color: #29b4b6 !important; }
  17675. .bg-font-green-steel {
  17676. color: #FFFFFF !important; }
  17677. .border-green-steel {
  17678. border-color: #29b4b6 !important; }
  17679. .border-top-green-steel {
  17680. border-top-color: #29b4b6 !important; }
  17681. .border-bottom-green-steel {
  17682. border-bottom-color: #29b4b6 !important; }
  17683. .border-left-green-steel {
  17684. border-left-color: #29b4b6 !important; }
  17685. .border-right-green-steel {
  17686. border-right-color: #29b4b6 !important; }
  17687. .bg-before-green-steel:before,
  17688. .bg-after-green-steel:after {
  17689. background: #29b4b6 !important; }
  17690. .border-before-green-steel:before,
  17691. .border-after-green-steel:after {
  17692. border-color: #29b4b6 !important; }
  17693. .border-top-before-green-steel:before,
  17694. .border-top-after-green-steel:after {
  17695. border-top-color: #29b4b6 !important; }
  17696. .border-bottom-before-green-steel:before,
  17697. .border-bottom-after-green-steel:after {
  17698. border-bottom-color: #29b4b6 !important; }
  17699. .border-left-before-green-steel:before,
  17700. .border-left-after-green-steel:after {
  17701. border-left-color: #29b4b6 !important; }
  17702. .border-right-before-green-steel:before,
  17703. .border-right-after-green-steel:after {
  17704. border-right-color: #29b4b6 !important; }
  17705. .bg-grey {
  17706. background: #E5E5E5 !important; }
  17707. .bg-grey-opacity {
  17708. background: rgba(229, 229, 229, 0.8) !important; }
  17709. .bg-hover-grey:hover {
  17710. background: #E5E5E5 !important; }
  17711. .font-grey {
  17712. color: #E5E5E5 !important; }
  17713. .bg-font-grey {
  17714. color: #333333 !important; }
  17715. .border-grey {
  17716. border-color: #E5E5E5 !important; }
  17717. .border-top-grey {
  17718. border-top-color: #E5E5E5 !important; }
  17719. .border-bottom-grey {
  17720. border-bottom-color: #E5E5E5 !important; }
  17721. .border-left-grey {
  17722. border-left-color: #E5E5E5 !important; }
  17723. .border-right-grey {
  17724. border-right-color: #E5E5E5 !important; }
  17725. .bg-before-grey:before,
  17726. .bg-after-grey:after {
  17727. background: #E5E5E5 !important; }
  17728. .border-before-grey:before,
  17729. .border-after-grey:after {
  17730. border-color: #E5E5E5 !important; }
  17731. .border-top-before-grey:before,
  17732. .border-top-after-grey:after {
  17733. border-top-color: #E5E5E5 !important; }
  17734. .border-bottom-before-grey:before,
  17735. .border-bottom-after-grey:after {
  17736. border-bottom-color: #E5E5E5 !important; }
  17737. .border-left-before-grey:before,
  17738. .border-left-after-grey:after {
  17739. border-left-color: #E5E5E5 !important; }
  17740. .border-right-before-grey:before,
  17741. .border-right-after-grey:after {
  17742. border-right-color: #E5E5E5 !important; }
  17743. .bg-grey-steel {
  17744. background: #e9edef !important; }
  17745. .bg-grey-steel-opacity {
  17746. background: rgba(233, 237, 239, 0.8) !important; }
  17747. .bg-hover-grey-steel:hover {
  17748. background: #e9edef !important; }
  17749. .font-grey-steel {
  17750. color: #e9edef !important; }
  17751. .bg-font-grey-steel {
  17752. color: #80898e !important; }
  17753. .border-grey-steel {
  17754. border-color: #e9edef !important; }
  17755. .border-top-grey-steel {
  17756. border-top-color: #e9edef !important; }
  17757. .border-bottom-grey-steel {
  17758. border-bottom-color: #e9edef !important; }
  17759. .border-left-grey-steel {
  17760. border-left-color: #e9edef !important; }
  17761. .border-right-grey-steel {
  17762. border-right-color: #e9edef !important; }
  17763. .bg-before-grey-steel:before,
  17764. .bg-after-grey-steel:after {
  17765. background: #e9edef !important; }
  17766. .border-before-grey-steel:before,
  17767. .border-after-grey-steel:after {
  17768. border-color: #e9edef !important; }
  17769. .border-top-before-grey-steel:before,
  17770. .border-top-after-grey-steel:after {
  17771. border-top-color: #e9edef !important; }
  17772. .border-bottom-before-grey-steel:before,
  17773. .border-bottom-after-grey-steel:after {
  17774. border-bottom-color: #e9edef !important; }
  17775. .border-left-before-grey-steel:before,
  17776. .border-left-after-grey-steel:after {
  17777. border-left-color: #e9edef !important; }
  17778. .border-right-before-grey-steel:before,
  17779. .border-right-after-grey-steel:after {
  17780. border-right-color: #e9edef !important; }
  17781. .bg-grey-cararra {
  17782. background: #fafafa !important; }
  17783. .bg-grey-cararra-opacity {
  17784. background: rgba(250, 250, 250, 0.8) !important; }
  17785. .bg-hover-grey-cararra:hover {
  17786. background: #fafafa !important; }
  17787. .font-grey-cararra {
  17788. color: #fafafa !important; }
  17789. .bg-font-grey-cararra {
  17790. color: #333333 !important; }
  17791. .border-grey-cararra {
  17792. border-color: #fafafa !important; }
  17793. .border-top-grey-cararra {
  17794. border-top-color: #fafafa !important; }
  17795. .border-bottom-grey-cararra {
  17796. border-bottom-color: #fafafa !important; }
  17797. .border-left-grey-cararra {
  17798. border-left-color: #fafafa !important; }
  17799. .border-right-grey-cararra {
  17800. border-right-color: #fafafa !important; }
  17801. .bg-before-grey-cararra:before,
  17802. .bg-after-grey-cararra:after {
  17803. background: #fafafa !important; }
  17804. .border-before-grey-cararra:before,
  17805. .border-after-grey-cararra:after {
  17806. border-color: #fafafa !important; }
  17807. .border-top-before-grey-cararra:before,
  17808. .border-top-after-grey-cararra:after {
  17809. border-top-color: #fafafa !important; }
  17810. .border-bottom-before-grey-cararra:before,
  17811. .border-bottom-after-grey-cararra:after {
  17812. border-bottom-color: #fafafa !important; }
  17813. .border-left-before-grey-cararra:before,
  17814. .border-left-after-grey-cararra:after {
  17815. border-left-color: #fafafa !important; }
  17816. .border-right-before-grey-cararra:before,
  17817. .border-right-after-grey-cararra:after {
  17818. border-right-color: #fafafa !important; }
  17819. .bg-grey-gallery {
  17820. background: #555555 !important; }
  17821. .bg-grey-gallery-opacity {
  17822. background: rgba(85, 85, 85, 0.8) !important; }
  17823. .bg-hover-grey-gallery:hover {
  17824. background: #555555 !important; }
  17825. .font-grey-gallery {
  17826. color: #555555 !important; }
  17827. .bg-font-grey-gallery {
  17828. color: #ffffff !important; }
  17829. .border-grey-gallery {
  17830. border-color: #555555 !important; }
  17831. .border-top-grey-gallery {
  17832. border-top-color: #555555 !important; }
  17833. .border-bottom-grey-gallery {
  17834. border-bottom-color: #555555 !important; }
  17835. .border-left-grey-gallery {
  17836. border-left-color: #555555 !important; }
  17837. .border-right-grey-gallery {
  17838. border-right-color: #555555 !important; }
  17839. .bg-before-grey-gallery:before,
  17840. .bg-after-grey-gallery:after {
  17841. background: #555555 !important; }
  17842. .border-before-grey-gallery:before,
  17843. .border-after-grey-gallery:after {
  17844. border-color: #555555 !important; }
  17845. .border-top-before-grey-gallery:before,
  17846. .border-top-after-grey-gallery:after {
  17847. border-top-color: #555555 !important; }
  17848. .border-bottom-before-grey-gallery:before,
  17849. .border-bottom-after-grey-gallery:after {
  17850. border-bottom-color: #555555 !important; }
  17851. .border-left-before-grey-gallery:before,
  17852. .border-left-after-grey-gallery:after {
  17853. border-left-color: #555555 !important; }
  17854. .border-right-before-grey-gallery:before,
  17855. .border-right-after-grey-gallery:after {
  17856. border-right-color: #555555 !important; }
  17857. .bg-grey-cascade {
  17858. background: #95A5A6 !important; }
  17859. .bg-grey-cascade-opacity {
  17860. background: rgba(149, 165, 166, 0.8) !important; }
  17861. .bg-hover-grey-cascade:hover {
  17862. background: #95A5A6 !important; }
  17863. .font-grey-cascade {
  17864. color: #95A5A6 !important; }
  17865. .bg-font-grey-cascade {
  17866. color: #FFFFFF !important; }
  17867. .border-grey-cascade {
  17868. border-color: #95A5A6 !important; }
  17869. .border-top-grey-cascade {
  17870. border-top-color: #95A5A6 !important; }
  17871. .border-bottom-grey-cascade {
  17872. border-bottom-color: #95A5A6 !important; }
  17873. .border-left-grey-cascade {
  17874. border-left-color: #95A5A6 !important; }
  17875. .border-right-grey-cascade {
  17876. border-right-color: #95A5A6 !important; }
  17877. .bg-before-grey-cascade:before,
  17878. .bg-after-grey-cascade:after {
  17879. background: #95A5A6 !important; }
  17880. .border-before-grey-cascade:before,
  17881. .border-after-grey-cascade:after {
  17882. border-color: #95A5A6 !important; }
  17883. .border-top-before-grey-cascade:before,
  17884. .border-top-after-grey-cascade:after {
  17885. border-top-color: #95A5A6 !important; }
  17886. .border-bottom-before-grey-cascade:before,
  17887. .border-bottom-after-grey-cascade:after {
  17888. border-bottom-color: #95A5A6 !important; }
  17889. .border-left-before-grey-cascade:before,
  17890. .border-left-after-grey-cascade:after {
  17891. border-left-color: #95A5A6 !important; }
  17892. .border-right-before-grey-cascade:before,
  17893. .border-right-after-grey-cascade:after {
  17894. border-right-color: #95A5A6 !important; }
  17895. .bg-grey-silver {
  17896. background: #BFBFBF !important; }
  17897. .bg-grey-silver-opacity {
  17898. background: rgba(191, 191, 191, 0.8) !important; }
  17899. .bg-hover-grey-silver:hover {
  17900. background: #BFBFBF !important; }
  17901. .font-grey-silver {
  17902. color: #BFBFBF !important; }
  17903. .bg-font-grey-silver {
  17904. color: #FAFCFB !important; }
  17905. .border-grey-silver {
  17906. border-color: #BFBFBF !important; }
  17907. .border-top-grey-silver {
  17908. border-top-color: #BFBFBF !important; }
  17909. .border-bottom-grey-silver {
  17910. border-bottom-color: #BFBFBF !important; }
  17911. .border-left-grey-silver {
  17912. border-left-color: #BFBFBF !important; }
  17913. .border-right-grey-silver {
  17914. border-right-color: #BFBFBF !important; }
  17915. .bg-before-grey-silver:before,
  17916. .bg-after-grey-silver:after {
  17917. background: #BFBFBF !important; }
  17918. .border-before-grey-silver:before,
  17919. .border-after-grey-silver:after {
  17920. border-color: #BFBFBF !important; }
  17921. .border-top-before-grey-silver:before,
  17922. .border-top-after-grey-silver:after {
  17923. border-top-color: #BFBFBF !important; }
  17924. .border-bottom-before-grey-silver:before,
  17925. .border-bottom-after-grey-silver:after {
  17926. border-bottom-color: #BFBFBF !important; }
  17927. .border-left-before-grey-silver:before,
  17928. .border-left-after-grey-silver:after {
  17929. border-left-color: #BFBFBF !important; }
  17930. .border-right-before-grey-silver:before,
  17931. .border-right-after-grey-silver:after {
  17932. border-right-color: #BFBFBF !important; }
  17933. .bg-grey-salsa {
  17934. background: #ACB5C3 !important; }
  17935. .bg-grey-salsa-opacity {
  17936. background: rgba(172, 181, 195, 0.8) !important; }
  17937. .bg-hover-grey-salsa:hover {
  17938. background: #ACB5C3 !important; }
  17939. .font-grey-salsa {
  17940. color: #ACB5C3 !important; }
  17941. .bg-font-grey-salsa {
  17942. color: #FAFCFB !important; }
  17943. .border-grey-salsa {
  17944. border-color: #ACB5C3 !important; }
  17945. .border-top-grey-salsa {
  17946. border-top-color: #ACB5C3 !important; }
  17947. .border-bottom-grey-salsa {
  17948. border-bottom-color: #ACB5C3 !important; }
  17949. .border-left-grey-salsa {
  17950. border-left-color: #ACB5C3 !important; }
  17951. .border-right-grey-salsa {
  17952. border-right-color: #ACB5C3 !important; }
  17953. .bg-before-grey-salsa:before,
  17954. .bg-after-grey-salsa:after {
  17955. background: #ACB5C3 !important; }
  17956. .border-before-grey-salsa:before,
  17957. .border-after-grey-salsa:after {
  17958. border-color: #ACB5C3 !important; }
  17959. .border-top-before-grey-salsa:before,
  17960. .border-top-after-grey-salsa:after {
  17961. border-top-color: #ACB5C3 !important; }
  17962. .border-bottom-before-grey-salsa:before,
  17963. .border-bottom-after-grey-salsa:after {
  17964. border-bottom-color: #ACB5C3 !important; }
  17965. .border-left-before-grey-salsa:before,
  17966. .border-left-after-grey-salsa:after {
  17967. border-left-color: #ACB5C3 !important; }
  17968. .border-right-before-grey-salsa:before,
  17969. .border-right-after-grey-salsa:after {
  17970. border-right-color: #ACB5C3 !important; }
  17971. .bg-grey-salt {
  17972. background: #bfcad1 !important; }
  17973. .bg-grey-salt-opacity {
  17974. background: rgba(191, 202, 209, 0.8) !important; }
  17975. .bg-hover-grey-salt:hover {
  17976. background: #bfcad1 !important; }
  17977. .font-grey-salt {
  17978. color: #bfcad1 !important; }
  17979. .bg-font-grey-salt {
  17980. color: #FAFCFB !important; }
  17981. .border-grey-salt {
  17982. border-color: #bfcad1 !important; }
  17983. .border-top-grey-salt {
  17984. border-top-color: #bfcad1 !important; }
  17985. .border-bottom-grey-salt {
  17986. border-bottom-color: #bfcad1 !important; }
  17987. .border-left-grey-salt {
  17988. border-left-color: #bfcad1 !important; }
  17989. .border-right-grey-salt {
  17990. border-right-color: #bfcad1 !important; }
  17991. .bg-before-grey-salt:before,
  17992. .bg-after-grey-salt:after {
  17993. background: #bfcad1 !important; }
  17994. .border-before-grey-salt:before,
  17995. .border-after-grey-salt:after {
  17996. border-color: #bfcad1 !important; }
  17997. .border-top-before-grey-salt:before,
  17998. .border-top-after-grey-salt:after {
  17999. border-top-color: #bfcad1 !important; }
  18000. .border-bottom-before-grey-salt:before,
  18001. .border-bottom-after-grey-salt:after {
  18002. border-bottom-color: #bfcad1 !important; }
  18003. .border-left-before-grey-salt:before,
  18004. .border-left-after-grey-salt:after {
  18005. border-left-color: #bfcad1 !important; }
  18006. .border-right-before-grey-salt:before,
  18007. .border-right-after-grey-salt:after {
  18008. border-right-color: #bfcad1 !important; }
  18009. .bg-grey-mint {
  18010. background: #525e64 !important; }
  18011. .bg-grey-mint-opacity {
  18012. background: rgba(82, 94, 100, 0.8) !important; }
  18013. .bg-hover-grey-mint:hover {
  18014. background: #525e64 !important; }
  18015. .font-grey-mint {
  18016. color: #525e64 !important; }
  18017. .bg-font-grey-mint {
  18018. color: #FFFFFF !important; }
  18019. .border-grey-mint {
  18020. border-color: #525e64 !important; }
  18021. .border-top-grey-mint {
  18022. border-top-color: #525e64 !important; }
  18023. .border-bottom-grey-mint {
  18024. border-bottom-color: #525e64 !important; }
  18025. .border-left-grey-mint {
  18026. border-left-color: #525e64 !important; }
  18027. .border-right-grey-mint {
  18028. border-right-color: #525e64 !important; }
  18029. .bg-before-grey-mint:before,
  18030. .bg-after-grey-mint:after {
  18031. background: #525e64 !important; }
  18032. .border-before-grey-mint:before,
  18033. .border-after-grey-mint:after {
  18034. border-color: #525e64 !important; }
  18035. .border-top-before-grey-mint:before,
  18036. .border-top-after-grey-mint:after {
  18037. border-top-color: #525e64 !important; }
  18038. .border-bottom-before-grey-mint:before,
  18039. .border-bottom-after-grey-mint:after {
  18040. border-bottom-color: #525e64 !important; }
  18041. .border-left-before-grey-mint:before,
  18042. .border-left-after-grey-mint:after {
  18043. border-left-color: #525e64 !important; }
  18044. .border-right-before-grey-mint:before,
  18045. .border-right-after-grey-mint:after {
  18046. border-right-color: #525e64 !important; }
  18047. .bg-red {
  18048. background: #e7505a !important; }
  18049. .bg-red-opacity {
  18050. background: rgba(231, 80, 90, 0.8) !important; }
  18051. .bg-hover-red:hover {
  18052. background: #e7505a !important; }
  18053. .font-red {
  18054. color: #e7505a !important; }
  18055. .bg-font-red {
  18056. color: #ffffff !important; }
  18057. .border-red {
  18058. border-color: #e7505a !important; }
  18059. .border-top-red {
  18060. border-top-color: #e7505a !important; }
  18061. .border-bottom-red {
  18062. border-bottom-color: #e7505a !important; }
  18063. .border-left-red {
  18064. border-left-color: #e7505a !important; }
  18065. .border-right-red {
  18066. border-right-color: #e7505a !important; }
  18067. .bg-before-red:before,
  18068. .bg-after-red:after {
  18069. background: #e7505a !important; }
  18070. .border-before-red:before,
  18071. .border-after-red:after {
  18072. border-color: #e7505a !important; }
  18073. .border-top-before-red:before,
  18074. .border-top-after-red:after {
  18075. border-top-color: #e7505a !important; }
  18076. .border-bottom-before-red:before,
  18077. .border-bottom-after-red:after {
  18078. border-bottom-color: #e7505a !important; }
  18079. .border-left-before-red:before,
  18080. .border-left-after-red:after {
  18081. border-left-color: #e7505a !important; }
  18082. .border-right-before-red:before,
  18083. .border-right-after-red:after {
  18084. border-right-color: #e7505a !important; }
  18085. .bg-red-pink {
  18086. background: #E08283 !important; }
  18087. .bg-red-pink-opacity {
  18088. background: rgba(224, 130, 131, 0.8) !important; }
  18089. .bg-hover-red-pink:hover {
  18090. background: #E08283 !important; }
  18091. .font-red-pink {
  18092. color: #E08283 !important; }
  18093. .bg-font-red-pink {
  18094. color: #ffffff !important; }
  18095. .border-red-pink {
  18096. border-color: #E08283 !important; }
  18097. .border-top-red-pink {
  18098. border-top-color: #E08283 !important; }
  18099. .border-bottom-red-pink {
  18100. border-bottom-color: #E08283 !important; }
  18101. .border-left-red-pink {
  18102. border-left-color: #E08283 !important; }
  18103. .border-right-red-pink {
  18104. border-right-color: #E08283 !important; }
  18105. .bg-before-red-pink:before,
  18106. .bg-after-red-pink:after {
  18107. background: #E08283 !important; }
  18108. .border-before-red-pink:before,
  18109. .border-after-red-pink:after {
  18110. border-color: #E08283 !important; }
  18111. .border-top-before-red-pink:before,
  18112. .border-top-after-red-pink:after {
  18113. border-top-color: #E08283 !important; }
  18114. .border-bottom-before-red-pink:before,
  18115. .border-bottom-after-red-pink:after {
  18116. border-bottom-color: #E08283 !important; }
  18117. .border-left-before-red-pink:before,
  18118. .border-left-after-red-pink:after {
  18119. border-left-color: #E08283 !important; }
  18120. .border-right-before-red-pink:before,
  18121. .border-right-after-red-pink:after {
  18122. border-right-color: #E08283 !important; }
  18123. .bg-red-sunglo {
  18124. background: #E26A6A !important; }
  18125. .bg-red-sunglo-opacity {
  18126. background: rgba(226, 106, 106, 0.8) !important; }
  18127. .bg-hover-red-sunglo:hover {
  18128. background: #E26A6A !important; }
  18129. .font-red-sunglo {
  18130. color: #E26A6A !important; }
  18131. .bg-font-red-sunglo {
  18132. color: #ffffff !important; }
  18133. .border-red-sunglo {
  18134. border-color: #E26A6A !important; }
  18135. .border-top-red-sunglo {
  18136. border-top-color: #E26A6A !important; }
  18137. .border-bottom-red-sunglo {
  18138. border-bottom-color: #E26A6A !important; }
  18139. .border-left-red-sunglo {
  18140. border-left-color: #E26A6A !important; }
  18141. .border-right-red-sunglo {
  18142. border-right-color: #E26A6A !important; }
  18143. .bg-before-red-sunglo:before,
  18144. .bg-after-red-sunglo:after {
  18145. background: #E26A6A !important; }
  18146. .border-before-red-sunglo:before,
  18147. .border-after-red-sunglo:after {
  18148. border-color: #E26A6A !important; }
  18149. .border-top-before-red-sunglo:before,
  18150. .border-top-after-red-sunglo:after {
  18151. border-top-color: #E26A6A !important; }
  18152. .border-bottom-before-red-sunglo:before,
  18153. .border-bottom-after-red-sunglo:after {
  18154. border-bottom-color: #E26A6A !important; }
  18155. .border-left-before-red-sunglo:before,
  18156. .border-left-after-red-sunglo:after {
  18157. border-left-color: #E26A6A !important; }
  18158. .border-right-before-red-sunglo:before,
  18159. .border-right-after-red-sunglo:after {
  18160. border-right-color: #E26A6A !important; }
  18161. .bg-red-intense {
  18162. background: #e35b5a !important; }
  18163. .bg-red-intense-opacity {
  18164. background: rgba(227, 91, 90, 0.8) !important; }
  18165. .bg-hover-red-intense:hover {
  18166. background: #e35b5a !important; }
  18167. .font-red-intense {
  18168. color: #e35b5a !important; }
  18169. .bg-font-red-intense {
  18170. color: #ffffff !important; }
  18171. .border-red-intense {
  18172. border-color: #e35b5a !important; }
  18173. .border-top-red-intense {
  18174. border-top-color: #e35b5a !important; }
  18175. .border-bottom-red-intense {
  18176. border-bottom-color: #e35b5a !important; }
  18177. .border-left-red-intense {
  18178. border-left-color: #e35b5a !important; }
  18179. .border-right-red-intense {
  18180. border-right-color: #e35b5a !important; }
  18181. .bg-before-red-intense:before,
  18182. .bg-after-red-intense:after {
  18183. background: #e35b5a !important; }
  18184. .border-before-red-intense:before,
  18185. .border-after-red-intense:after {
  18186. border-color: #e35b5a !important; }
  18187. .border-top-before-red-intense:before,
  18188. .border-top-after-red-intense:after {
  18189. border-top-color: #e35b5a !important; }
  18190. .border-bottom-before-red-intense:before,
  18191. .border-bottom-after-red-intense:after {
  18192. border-bottom-color: #e35b5a !important; }
  18193. .border-left-before-red-intense:before,
  18194. .border-left-after-red-intense:after {
  18195. border-left-color: #e35b5a !important; }
  18196. .border-right-before-red-intense:before,
  18197. .border-right-after-red-intense:after {
  18198. border-right-color: #e35b5a !important; }
  18199. .bg-red-thunderbird {
  18200. background: #D91E18 !important; }
  18201. .bg-red-thunderbird-opacity {
  18202. background: rgba(217, 30, 24, 0.8) !important; }
  18203. .bg-hover-red-thunderbird:hover {
  18204. background: #D91E18 !important; }
  18205. .font-red-thunderbird {
  18206. color: #D91E18 !important; }
  18207. .bg-font-red-thunderbird {
  18208. color: #ffffff !important; }
  18209. .border-red-thunderbird {
  18210. border-color: #D91E18 !important; }
  18211. .border-top-red-thunderbird {
  18212. border-top-color: #D91E18 !important; }
  18213. .border-bottom-red-thunderbird {
  18214. border-bottom-color: #D91E18 !important; }
  18215. .border-left-red-thunderbird {
  18216. border-left-color: #D91E18 !important; }
  18217. .border-right-red-thunderbird {
  18218. border-right-color: #D91E18 !important; }
  18219. .bg-before-red-thunderbird:before,
  18220. .bg-after-red-thunderbird:after {
  18221. background: #D91E18 !important; }
  18222. .border-before-red-thunderbird:before,
  18223. .border-after-red-thunderbird:after {
  18224. border-color: #D91E18 !important; }
  18225. .border-top-before-red-thunderbird:before,
  18226. .border-top-after-red-thunderbird:after {
  18227. border-top-color: #D91E18 !important; }
  18228. .border-bottom-before-red-thunderbird:before,
  18229. .border-bottom-after-red-thunderbird:after {
  18230. border-bottom-color: #D91E18 !important; }
  18231. .border-left-before-red-thunderbird:before,
  18232. .border-left-after-red-thunderbird:after {
  18233. border-left-color: #D91E18 !important; }
  18234. .border-right-before-red-thunderbird:before,
  18235. .border-right-after-red-thunderbird:after {
  18236. border-right-color: #D91E18 !important; }
  18237. .bg-red-flamingo {
  18238. background: #EF4836 !important; }
  18239. .bg-red-flamingo-opacity {
  18240. background: rgba(239, 72, 54, 0.8) !important; }
  18241. .bg-hover-red-flamingo:hover {
  18242. background: #EF4836 !important; }
  18243. .font-red-flamingo {
  18244. color: #EF4836 !important; }
  18245. .bg-font-red-flamingo {
  18246. color: #ffffff !important; }
  18247. .border-red-flamingo {
  18248. border-color: #EF4836 !important; }
  18249. .border-top-red-flamingo {
  18250. border-top-color: #EF4836 !important; }
  18251. .border-bottom-red-flamingo {
  18252. border-bottom-color: #EF4836 !important; }
  18253. .border-left-red-flamingo {
  18254. border-left-color: #EF4836 !important; }
  18255. .border-right-red-flamingo {
  18256. border-right-color: #EF4836 !important; }
  18257. .bg-before-red-flamingo:before,
  18258. .bg-after-red-flamingo:after {
  18259. background: #EF4836 !important; }
  18260. .border-before-red-flamingo:before,
  18261. .border-after-red-flamingo:after {
  18262. border-color: #EF4836 !important; }
  18263. .border-top-before-red-flamingo:before,
  18264. .border-top-after-red-flamingo:after {
  18265. border-top-color: #EF4836 !important; }
  18266. .border-bottom-before-red-flamingo:before,
  18267. .border-bottom-after-red-flamingo:after {
  18268. border-bottom-color: #EF4836 !important; }
  18269. .border-left-before-red-flamingo:before,
  18270. .border-left-after-red-flamingo:after {
  18271. border-left-color: #EF4836 !important; }
  18272. .border-right-before-red-flamingo:before,
  18273. .border-right-after-red-flamingo:after {
  18274. border-right-color: #EF4836 !important; }
  18275. .bg-red-soft {
  18276. background: #d05454 !important; }
  18277. .bg-red-soft-opacity {
  18278. background: rgba(208, 84, 84, 0.8) !important; }
  18279. .bg-hover-red-soft:hover {
  18280. background: #d05454 !important; }
  18281. .font-red-soft {
  18282. color: #d05454 !important; }
  18283. .bg-font-red-soft {
  18284. color: #ffffff !important; }
  18285. .border-red-soft {
  18286. border-color: #d05454 !important; }
  18287. .border-top-red-soft {
  18288. border-top-color: #d05454 !important; }
  18289. .border-bottom-red-soft {
  18290. border-bottom-color: #d05454 !important; }
  18291. .border-left-red-soft {
  18292. border-left-color: #d05454 !important; }
  18293. .border-right-red-soft {
  18294. border-right-color: #d05454 !important; }
  18295. .bg-before-red-soft:before,
  18296. .bg-after-red-soft:after {
  18297. background: #d05454 !important; }
  18298. .border-before-red-soft:before,
  18299. .border-after-red-soft:after {
  18300. border-color: #d05454 !important; }
  18301. .border-top-before-red-soft:before,
  18302. .border-top-after-red-soft:after {
  18303. border-top-color: #d05454 !important; }
  18304. .border-bottom-before-red-soft:before,
  18305. .border-bottom-after-red-soft:after {
  18306. border-bottom-color: #d05454 !important; }
  18307. .border-left-before-red-soft:before,
  18308. .border-left-after-red-soft:after {
  18309. border-left-color: #d05454 !important; }
  18310. .border-right-before-red-soft:before,
  18311. .border-right-after-red-soft:after {
  18312. border-right-color: #d05454 !important; }
  18313. .bg-red-haze {
  18314. background: #f36a5a !important; }
  18315. .bg-red-haze-opacity {
  18316. background: rgba(243, 106, 90, 0.8) !important; }
  18317. .bg-hover-red-haze:hover {
  18318. background: #f36a5a !important; }
  18319. .font-red-haze {
  18320. color: #f36a5a !important; }
  18321. .bg-font-red-haze {
  18322. color: #ffffff !important; }
  18323. .border-red-haze {
  18324. border-color: #f36a5a !important; }
  18325. .border-top-red-haze {
  18326. border-top-color: #f36a5a !important; }
  18327. .border-bottom-red-haze {
  18328. border-bottom-color: #f36a5a !important; }
  18329. .border-left-red-haze {
  18330. border-left-color: #f36a5a !important; }
  18331. .border-right-red-haze {
  18332. border-right-color: #f36a5a !important; }
  18333. .bg-before-red-haze:before,
  18334. .bg-after-red-haze:after {
  18335. background: #f36a5a !important; }
  18336. .border-before-red-haze:before,
  18337. .border-after-red-haze:after {
  18338. border-color: #f36a5a !important; }
  18339. .border-top-before-red-haze:before,
  18340. .border-top-after-red-haze:after {
  18341. border-top-color: #f36a5a !important; }
  18342. .border-bottom-before-red-haze:before,
  18343. .border-bottom-after-red-haze:after {
  18344. border-bottom-color: #f36a5a !important; }
  18345. .border-left-before-red-haze:before,
  18346. .border-left-after-red-haze:after {
  18347. border-left-color: #f36a5a !important; }
  18348. .border-right-before-red-haze:before,
  18349. .border-right-after-red-haze:after {
  18350. border-right-color: #f36a5a !important; }
  18351. .bg-red-mint {
  18352. background: #e43a45 !important; }
  18353. .bg-red-mint-opacity {
  18354. background: rgba(228, 58, 69, 0.8) !important; }
  18355. .bg-hover-red-mint:hover {
  18356. background: #e43a45 !important; }
  18357. .font-red-mint {
  18358. color: #e43a45 !important; }
  18359. .bg-font-red-mint {
  18360. color: #ffffff !important; }
  18361. .border-red-mint {
  18362. border-color: #e43a45 !important; }
  18363. .border-top-red-mint {
  18364. border-top-color: #e43a45 !important; }
  18365. .border-bottom-red-mint {
  18366. border-bottom-color: #e43a45 !important; }
  18367. .border-left-red-mint {
  18368. border-left-color: #e43a45 !important; }
  18369. .border-right-red-mint {
  18370. border-right-color: #e43a45 !important; }
  18371. .bg-before-red-mint:before,
  18372. .bg-after-red-mint:after {
  18373. background: #e43a45 !important; }
  18374. .border-before-red-mint:before,
  18375. .border-after-red-mint:after {
  18376. border-color: #e43a45 !important; }
  18377. .border-top-before-red-mint:before,
  18378. .border-top-after-red-mint:after {
  18379. border-top-color: #e43a45 !important; }
  18380. .border-bottom-before-red-mint:before,
  18381. .border-bottom-after-red-mint:after {
  18382. border-bottom-color: #e43a45 !important; }
  18383. .border-left-before-red-mint:before,
  18384. .border-left-after-red-mint:after {
  18385. border-left-color: #e43a45 !important; }
  18386. .border-right-before-red-mint:before,
  18387. .border-right-after-red-mint:after {
  18388. border-right-color: #e43a45 !important; }
  18389. .bg-yellow {
  18390. background: #c49f47 !important; }
  18391. .bg-yellow-opacity {
  18392. background: rgba(196, 159, 71, 0.8) !important; }
  18393. .bg-hover-yellow:hover {
  18394. background: #c49f47 !important; }
  18395. .font-yellow {
  18396. color: #c49f47 !important; }
  18397. .bg-font-yellow {
  18398. color: #ffffff !important; }
  18399. .border-yellow {
  18400. border-color: #c49f47 !important; }
  18401. .border-top-yellow {
  18402. border-top-color: #c49f47 !important; }
  18403. .border-bottom-yellow {
  18404. border-bottom-color: #c49f47 !important; }
  18405. .border-left-yellow {
  18406. border-left-color: #c49f47 !important; }
  18407. .border-right-yellow {
  18408. border-right-color: #c49f47 !important; }
  18409. .bg-before-yellow:before,
  18410. .bg-after-yellow:after {
  18411. background: #c49f47 !important; }
  18412. .border-before-yellow:before,
  18413. .border-after-yellow:after {
  18414. border-color: #c49f47 !important; }
  18415. .border-top-before-yellow:before,
  18416. .border-top-after-yellow:after {
  18417. border-top-color: #c49f47 !important; }
  18418. .border-bottom-before-yellow:before,
  18419. .border-bottom-after-yellow:after {
  18420. border-bottom-color: #c49f47 !important; }
  18421. .border-left-before-yellow:before,
  18422. .border-left-after-yellow:after {
  18423. border-left-color: #c49f47 !important; }
  18424. .border-right-before-yellow:before,
  18425. .border-right-after-yellow:after {
  18426. border-right-color: #c49f47 !important; }
  18427. .bg-yellow-gold {
  18428. background: #E87E04 !important; }
  18429. .bg-yellow-gold-opacity {
  18430. background: rgba(232, 126, 4, 0.8) !important; }
  18431. .bg-hover-yellow-gold:hover {
  18432. background: #E87E04 !important; }
  18433. .font-yellow-gold {
  18434. color: #E87E04 !important; }
  18435. .bg-font-yellow-gold {
  18436. color: #ffffff !important; }
  18437. .border-yellow-gold {
  18438. border-color: #E87E04 !important; }
  18439. .border-top-yellow-gold {
  18440. border-top-color: #E87E04 !important; }
  18441. .border-bottom-yellow-gold {
  18442. border-bottom-color: #E87E04 !important; }
  18443. .border-left-yellow-gold {
  18444. border-left-color: #E87E04 !important; }
  18445. .border-right-yellow-gold {
  18446. border-right-color: #E87E04 !important; }
  18447. .bg-before-yellow-gold:before,
  18448. .bg-after-yellow-gold:after {
  18449. background: #E87E04 !important; }
  18450. .border-before-yellow-gold:before,
  18451. .border-after-yellow-gold:after {
  18452. border-color: #E87E04 !important; }
  18453. .border-top-before-yellow-gold:before,
  18454. .border-top-after-yellow-gold:after {
  18455. border-top-color: #E87E04 !important; }
  18456. .border-bottom-before-yellow-gold:before,
  18457. .border-bottom-after-yellow-gold:after {
  18458. border-bottom-color: #E87E04 !important; }
  18459. .border-left-before-yellow-gold:before,
  18460. .border-left-after-yellow-gold:after {
  18461. border-left-color: #E87E04 !important; }
  18462. .border-right-before-yellow-gold:before,
  18463. .border-right-after-yellow-gold:after {
  18464. border-right-color: #E87E04 !important; }
  18465. .bg-yellow-casablanca {
  18466. background: #f2784b !important; }
  18467. .bg-yellow-casablanca-opacity {
  18468. background: rgba(242, 120, 75, 0.8) !important; }
  18469. .bg-hover-yellow-casablanca:hover {
  18470. background: #f2784b !important; }
  18471. .font-yellow-casablanca {
  18472. color: #f2784b !important; }
  18473. .bg-font-yellow-casablanca {
  18474. color: #ffffff !important; }
  18475. .border-yellow-casablanca {
  18476. border-color: #f2784b !important; }
  18477. .border-top-yellow-casablanca {
  18478. border-top-color: #f2784b !important; }
  18479. .border-bottom-yellow-casablanca {
  18480. border-bottom-color: #f2784b !important; }
  18481. .border-left-yellow-casablanca {
  18482. border-left-color: #f2784b !important; }
  18483. .border-right-yellow-casablanca {
  18484. border-right-color: #f2784b !important; }
  18485. .bg-before-yellow-casablanca:before,
  18486. .bg-after-yellow-casablanca:after {
  18487. background: #f2784b !important; }
  18488. .border-before-yellow-casablanca:before,
  18489. .border-after-yellow-casablanca:after {
  18490. border-color: #f2784b !important; }
  18491. .border-top-before-yellow-casablanca:before,
  18492. .border-top-after-yellow-casablanca:after {
  18493. border-top-color: #f2784b !important; }
  18494. .border-bottom-before-yellow-casablanca:before,
  18495. .border-bottom-after-yellow-casablanca:after {
  18496. border-bottom-color: #f2784b !important; }
  18497. .border-left-before-yellow-casablanca:before,
  18498. .border-left-after-yellow-casablanca:after {
  18499. border-left-color: #f2784b !important; }
  18500. .border-right-before-yellow-casablanca:before,
  18501. .border-right-after-yellow-casablanca:after {
  18502. border-right-color: #f2784b !important; }
  18503. .bg-yellow-crusta {
  18504. background: #f3c200 !important; }
  18505. .bg-yellow-crusta-opacity {
  18506. background: rgba(243, 194, 0, 0.8) !important; }
  18507. .bg-hover-yellow-crusta:hover {
  18508. background: #f3c200 !important; }
  18509. .font-yellow-crusta {
  18510. color: #f3c200 !important; }
  18511. .bg-font-yellow-crusta {
  18512. color: #ffffff !important; }
  18513. .border-yellow-crusta {
  18514. border-color: #f3c200 !important; }
  18515. .border-top-yellow-crusta {
  18516. border-top-color: #f3c200 !important; }
  18517. .border-bottom-yellow-crusta {
  18518. border-bottom-color: #f3c200 !important; }
  18519. .border-left-yellow-crusta {
  18520. border-left-color: #f3c200 !important; }
  18521. .border-right-yellow-crusta {
  18522. border-right-color: #f3c200 !important; }
  18523. .bg-before-yellow-crusta:before,
  18524. .bg-after-yellow-crusta:after {
  18525. background: #f3c200 !important; }
  18526. .border-before-yellow-crusta:before,
  18527. .border-after-yellow-crusta:after {
  18528. border-color: #f3c200 !important; }
  18529. .border-top-before-yellow-crusta:before,
  18530. .border-top-after-yellow-crusta:after {
  18531. border-top-color: #f3c200 !important; }
  18532. .border-bottom-before-yellow-crusta:before,
  18533. .border-bottom-after-yellow-crusta:after {
  18534. border-bottom-color: #f3c200 !important; }
  18535. .border-left-before-yellow-crusta:before,
  18536. .border-left-after-yellow-crusta:after {
  18537. border-left-color: #f3c200 !important; }
  18538. .border-right-before-yellow-crusta:before,
  18539. .border-right-after-yellow-crusta:after {
  18540. border-right-color: #f3c200 !important; }
  18541. .bg-yellow-lemon {
  18542. background: #F7CA18 !important; }
  18543. .bg-yellow-lemon-opacity {
  18544. background: rgba(247, 202, 24, 0.8) !important; }
  18545. .bg-hover-yellow-lemon:hover {
  18546. background: #F7CA18 !important; }
  18547. .font-yellow-lemon {
  18548. color: #F7CA18 !important; }
  18549. .bg-font-yellow-lemon {
  18550. color: #ffffff !important; }
  18551. .border-yellow-lemon {
  18552. border-color: #F7CA18 !important; }
  18553. .border-top-yellow-lemon {
  18554. border-top-color: #F7CA18 !important; }
  18555. .border-bottom-yellow-lemon {
  18556. border-bottom-color: #F7CA18 !important; }
  18557. .border-left-yellow-lemon {
  18558. border-left-color: #F7CA18 !important; }
  18559. .border-right-yellow-lemon {
  18560. border-right-color: #F7CA18 !important; }
  18561. .bg-before-yellow-lemon:before,
  18562. .bg-after-yellow-lemon:after {
  18563. background: #F7CA18 !important; }
  18564. .border-before-yellow-lemon:before,
  18565. .border-after-yellow-lemon:after {
  18566. border-color: #F7CA18 !important; }
  18567. .border-top-before-yellow-lemon:before,
  18568. .border-top-after-yellow-lemon:after {
  18569. border-top-color: #F7CA18 !important; }
  18570. .border-bottom-before-yellow-lemon:before,
  18571. .border-bottom-after-yellow-lemon:after {
  18572. border-bottom-color: #F7CA18 !important; }
  18573. .border-left-before-yellow-lemon:before,
  18574. .border-left-after-yellow-lemon:after {
  18575. border-left-color: #F7CA18 !important; }
  18576. .border-right-before-yellow-lemon:before,
  18577. .border-right-after-yellow-lemon:after {
  18578. border-right-color: #F7CA18 !important; }
  18579. .bg-yellow-saffron {
  18580. background: #F4D03F !important; }
  18581. .bg-yellow-saffron-opacity {
  18582. background: rgba(244, 208, 63, 0.8) !important; }
  18583. .bg-hover-yellow-saffron:hover {
  18584. background: #F4D03F !important; }
  18585. .font-yellow-saffron {
  18586. color: #F4D03F !important; }
  18587. .bg-font-yellow-saffron {
  18588. color: #ffffff !important; }
  18589. .border-yellow-saffron {
  18590. border-color: #F4D03F !important; }
  18591. .border-top-yellow-saffron {
  18592. border-top-color: #F4D03F !important; }
  18593. .border-bottom-yellow-saffron {
  18594. border-bottom-color: #F4D03F !important; }
  18595. .border-left-yellow-saffron {
  18596. border-left-color: #F4D03F !important; }
  18597. .border-right-yellow-saffron {
  18598. border-right-color: #F4D03F !important; }
  18599. .bg-before-yellow-saffron:before,
  18600. .bg-after-yellow-saffron:after {
  18601. background: #F4D03F !important; }
  18602. .border-before-yellow-saffron:before,
  18603. .border-after-yellow-saffron:after {
  18604. border-color: #F4D03F !important; }
  18605. .border-top-before-yellow-saffron:before,
  18606. .border-top-after-yellow-saffron:after {
  18607. border-top-color: #F4D03F !important; }
  18608. .border-bottom-before-yellow-saffron:before,
  18609. .border-bottom-after-yellow-saffron:after {
  18610. border-bottom-color: #F4D03F !important; }
  18611. .border-left-before-yellow-saffron:before,
  18612. .border-left-after-yellow-saffron:after {
  18613. border-left-color: #F4D03F !important; }
  18614. .border-right-before-yellow-saffron:before,
  18615. .border-right-after-yellow-saffron:after {
  18616. border-right-color: #F4D03F !important; }
  18617. .bg-yellow-soft {
  18618. background: #c8d046 !important; }
  18619. .bg-yellow-soft-opacity {
  18620. background: rgba(200, 208, 70, 0.8) !important; }
  18621. .bg-hover-yellow-soft:hover {
  18622. background: #c8d046 !important; }
  18623. .font-yellow-soft {
  18624. color: #c8d046 !important; }
  18625. .bg-font-yellow-soft {
  18626. color: #ffffff !important; }
  18627. .border-yellow-soft {
  18628. border-color: #c8d046 !important; }
  18629. .border-top-yellow-soft {
  18630. border-top-color: #c8d046 !important; }
  18631. .border-bottom-yellow-soft {
  18632. border-bottom-color: #c8d046 !important; }
  18633. .border-left-yellow-soft {
  18634. border-left-color: #c8d046 !important; }
  18635. .border-right-yellow-soft {
  18636. border-right-color: #c8d046 !important; }
  18637. .bg-before-yellow-soft:before,
  18638. .bg-after-yellow-soft:after {
  18639. background: #c8d046 !important; }
  18640. .border-before-yellow-soft:before,
  18641. .border-after-yellow-soft:after {
  18642. border-color: #c8d046 !important; }
  18643. .border-top-before-yellow-soft:before,
  18644. .border-top-after-yellow-soft:after {
  18645. border-top-color: #c8d046 !important; }
  18646. .border-bottom-before-yellow-soft:before,
  18647. .border-bottom-after-yellow-soft:after {
  18648. border-bottom-color: #c8d046 !important; }
  18649. .border-left-before-yellow-soft:before,
  18650. .border-left-after-yellow-soft:after {
  18651. border-left-color: #c8d046 !important; }
  18652. .border-right-before-yellow-soft:before,
  18653. .border-right-after-yellow-soft:after {
  18654. border-right-color: #c8d046 !important; }
  18655. .bg-yellow-haze {
  18656. background: #c5bf66 !important; }
  18657. .bg-yellow-haze-opacity {
  18658. background: rgba(197, 191, 102, 0.8) !important; }
  18659. .bg-hover-yellow-haze:hover {
  18660. background: #c5bf66 !important; }
  18661. .font-yellow-haze {
  18662. color: #c5bf66 !important; }
  18663. .bg-font-yellow-haze {
  18664. color: #ffffff !important; }
  18665. .border-yellow-haze {
  18666. border-color: #c5bf66 !important; }
  18667. .border-top-yellow-haze {
  18668. border-top-color: #c5bf66 !important; }
  18669. .border-bottom-yellow-haze {
  18670. border-bottom-color: #c5bf66 !important; }
  18671. .border-left-yellow-haze {
  18672. border-left-color: #c5bf66 !important; }
  18673. .border-right-yellow-haze {
  18674. border-right-color: #c5bf66 !important; }
  18675. .bg-before-yellow-haze:before,
  18676. .bg-after-yellow-haze:after {
  18677. background: #c5bf66 !important; }
  18678. .border-before-yellow-haze:before,
  18679. .border-after-yellow-haze:after {
  18680. border-color: #c5bf66 !important; }
  18681. .border-top-before-yellow-haze:before,
  18682. .border-top-after-yellow-haze:after {
  18683. border-top-color: #c5bf66 !important; }
  18684. .border-bottom-before-yellow-haze:before,
  18685. .border-bottom-after-yellow-haze:after {
  18686. border-bottom-color: #c5bf66 !important; }
  18687. .border-left-before-yellow-haze:before,
  18688. .border-left-after-yellow-haze:after {
  18689. border-left-color: #c5bf66 !important; }
  18690. .border-right-before-yellow-haze:before,
  18691. .border-right-after-yellow-haze:after {
  18692. border-right-color: #c5bf66 !important; }
  18693. .bg-yellow-mint {
  18694. background: #c5b96b !important; }
  18695. .bg-yellow-mint-opacity {
  18696. background: rgba(197, 185, 107, 0.8) !important; }
  18697. .bg-hover-yellow-mint:hover {
  18698. background: #c5b96b !important; }
  18699. .font-yellow-mint {
  18700. color: #c5b96b !important; }
  18701. .bg-font-yellow-mint {
  18702. color: #ffffff !important; }
  18703. .border-yellow-mint {
  18704. border-color: #c5b96b !important; }
  18705. .border-top-yellow-mint {
  18706. border-top-color: #c5b96b !important; }
  18707. .border-bottom-yellow-mint {
  18708. border-bottom-color: #c5b96b !important; }
  18709. .border-left-yellow-mint {
  18710. border-left-color: #c5b96b !important; }
  18711. .border-right-yellow-mint {
  18712. border-right-color: #c5b96b !important; }
  18713. .bg-before-yellow-mint:before,
  18714. .bg-after-yellow-mint:after {
  18715. background: #c5b96b !important; }
  18716. .border-before-yellow-mint:before,
  18717. .border-after-yellow-mint:after {
  18718. border-color: #c5b96b !important; }
  18719. .border-top-before-yellow-mint:before,
  18720. .border-top-after-yellow-mint:after {
  18721. border-top-color: #c5b96b !important; }
  18722. .border-bottom-before-yellow-mint:before,
  18723. .border-bottom-after-yellow-mint:after {
  18724. border-bottom-color: #c5b96b !important; }
  18725. .border-left-before-yellow-mint:before,
  18726. .border-left-after-yellow-mint:after {
  18727. border-left-color: #c5b96b !important; }
  18728. .border-right-before-yellow-mint:before,
  18729. .border-right-after-yellow-mint:after {
  18730. border-right-color: #c5b96b !important; }
  18731. .bg-purple {
  18732. background: #8E44AD !important; }
  18733. .bg-purple-opacity {
  18734. background: rgba(142, 68, 173, 0.8) !important; }
  18735. .bg-hover-purple:hover {
  18736. background: #8E44AD !important; }
  18737. .font-purple {
  18738. color: #8E44AD !important; }
  18739. .bg-font-purple {
  18740. color: #ffffff !important; }
  18741. .border-purple {
  18742. border-color: #8E44AD !important; }
  18743. .border-top-purple {
  18744. border-top-color: #8E44AD !important; }
  18745. .border-bottom-purple {
  18746. border-bottom-color: #8E44AD !important; }
  18747. .border-left-purple {
  18748. border-left-color: #8E44AD !important; }
  18749. .border-right-purple {
  18750. border-right-color: #8E44AD !important; }
  18751. .bg-before-purple:before,
  18752. .bg-after-purple:after {
  18753. background: #8E44AD !important; }
  18754. .border-before-purple:before,
  18755. .border-after-purple:after {
  18756. border-color: #8E44AD !important; }
  18757. .border-top-before-purple:before,
  18758. .border-top-after-purple:after {
  18759. border-top-color: #8E44AD !important; }
  18760. .border-bottom-before-purple:before,
  18761. .border-bottom-after-purple:after {
  18762. border-bottom-color: #8E44AD !important; }
  18763. .border-left-before-purple:before,
  18764. .border-left-after-purple:after {
  18765. border-left-color: #8E44AD !important; }
  18766. .border-right-before-purple:before,
  18767. .border-right-after-purple:after {
  18768. border-right-color: #8E44AD !important; }
  18769. .bg-purple-plum {
  18770. background: #8775a7 !important; }
  18771. .bg-purple-plum-opacity {
  18772. background: rgba(135, 117, 167, 0.8) !important; }
  18773. .bg-hover-purple-plum:hover {
  18774. background: #8775a7 !important; }
  18775. .font-purple-plum {
  18776. color: #8775a7 !important; }
  18777. .bg-font-purple-plum {
  18778. color: #ffffff !important; }
  18779. .border-purple-plum {
  18780. border-color: #8775a7 !important; }
  18781. .border-top-purple-plum {
  18782. border-top-color: #8775a7 !important; }
  18783. .border-bottom-purple-plum {
  18784. border-bottom-color: #8775a7 !important; }
  18785. .border-left-purple-plum {
  18786. border-left-color: #8775a7 !important; }
  18787. .border-right-purple-plum {
  18788. border-right-color: #8775a7 !important; }
  18789. .bg-before-purple-plum:before,
  18790. .bg-after-purple-plum:after {
  18791. background: #8775a7 !important; }
  18792. .border-before-purple-plum:before,
  18793. .border-after-purple-plum:after {
  18794. border-color: #8775a7 !important; }
  18795. .border-top-before-purple-plum:before,
  18796. .border-top-after-purple-plum:after {
  18797. border-top-color: #8775a7 !important; }
  18798. .border-bottom-before-purple-plum:before,
  18799. .border-bottom-after-purple-plum:after {
  18800. border-bottom-color: #8775a7 !important; }
  18801. .border-left-before-purple-plum:before,
  18802. .border-left-after-purple-plum:after {
  18803. border-left-color: #8775a7 !important; }
  18804. .border-right-before-purple-plum:before,
  18805. .border-right-after-purple-plum:after {
  18806. border-right-color: #8775a7 !important; }
  18807. .bg-purple-medium {
  18808. background: #BF55EC !important; }
  18809. .bg-purple-medium-opacity {
  18810. background: rgba(191, 85, 236, 0.8) !important; }
  18811. .bg-hover-purple-medium:hover {
  18812. background: #BF55EC !important; }
  18813. .font-purple-medium {
  18814. color: #BF55EC !important; }
  18815. .bg-font-purple-medium {
  18816. color: #ffffff !important; }
  18817. .border-purple-medium {
  18818. border-color: #BF55EC !important; }
  18819. .border-top-purple-medium {
  18820. border-top-color: #BF55EC !important; }
  18821. .border-bottom-purple-medium {
  18822. border-bottom-color: #BF55EC !important; }
  18823. .border-left-purple-medium {
  18824. border-left-color: #BF55EC !important; }
  18825. .border-right-purple-medium {
  18826. border-right-color: #BF55EC !important; }
  18827. .bg-before-purple-medium:before,
  18828. .bg-after-purple-medium:after {
  18829. background: #BF55EC !important; }
  18830. .border-before-purple-medium:before,
  18831. .border-after-purple-medium:after {
  18832. border-color: #BF55EC !important; }
  18833. .border-top-before-purple-medium:before,
  18834. .border-top-after-purple-medium:after {
  18835. border-top-color: #BF55EC !important; }
  18836. .border-bottom-before-purple-medium:before,
  18837. .border-bottom-after-purple-medium:after {
  18838. border-bottom-color: #BF55EC !important; }
  18839. .border-left-before-purple-medium:before,
  18840. .border-left-after-purple-medium:after {
  18841. border-left-color: #BF55EC !important; }
  18842. .border-right-before-purple-medium:before,
  18843. .border-right-after-purple-medium:after {
  18844. border-right-color: #BF55EC !important; }
  18845. .bg-purple-studio {
  18846. background: #8E44AD !important; }
  18847. .bg-purple-studio-opacity {
  18848. background: rgba(142, 68, 173, 0.8) !important; }
  18849. .bg-hover-purple-studio:hover {
  18850. background: #8E44AD !important; }
  18851. .font-purple-studio {
  18852. color: #8E44AD !important; }
  18853. .bg-font-purple-studio {
  18854. color: #ffffff !important; }
  18855. .border-purple-studio {
  18856. border-color: #8E44AD !important; }
  18857. .border-top-purple-studio {
  18858. border-top-color: #8E44AD !important; }
  18859. .border-bottom-purple-studio {
  18860. border-bottom-color: #8E44AD !important; }
  18861. .border-left-purple-studio {
  18862. border-left-color: #8E44AD !important; }
  18863. .border-right-purple-studio {
  18864. border-right-color: #8E44AD !important; }
  18865. .bg-before-purple-studio:before,
  18866. .bg-after-purple-studio:after {
  18867. background: #8E44AD !important; }
  18868. .border-before-purple-studio:before,
  18869. .border-after-purple-studio:after {
  18870. border-color: #8E44AD !important; }
  18871. .border-top-before-purple-studio:before,
  18872. .border-top-after-purple-studio:after {
  18873. border-top-color: #8E44AD !important; }
  18874. .border-bottom-before-purple-studio:before,
  18875. .border-bottom-after-purple-studio:after {
  18876. border-bottom-color: #8E44AD !important; }
  18877. .border-left-before-purple-studio:before,
  18878. .border-left-after-purple-studio:after {
  18879. border-left-color: #8E44AD !important; }
  18880. .border-right-before-purple-studio:before,
  18881. .border-right-after-purple-studio:after {
  18882. border-right-color: #8E44AD !important; }
  18883. .bg-purple-wisteria {
  18884. background: #9B59B6 !important; }
  18885. .bg-purple-wisteria-opacity {
  18886. background: rgba(155, 89, 182, 0.8) !important; }
  18887. .bg-hover-purple-wisteria:hover {
  18888. background: #9B59B6 !important; }
  18889. .font-purple-wisteria {
  18890. color: #9B59B6 !important; }
  18891. .bg-font-purple-wisteria {
  18892. color: #ffffff !important; }
  18893. .border-purple-wisteria {
  18894. border-color: #9B59B6 !important; }
  18895. .border-top-purple-wisteria {
  18896. border-top-color: #9B59B6 !important; }
  18897. .border-bottom-purple-wisteria {
  18898. border-bottom-color: #9B59B6 !important; }
  18899. .border-left-purple-wisteria {
  18900. border-left-color: #9B59B6 !important; }
  18901. .border-right-purple-wisteria {
  18902. border-right-color: #9B59B6 !important; }
  18903. .bg-before-purple-wisteria:before,
  18904. .bg-after-purple-wisteria:after {
  18905. background: #9B59B6 !important; }
  18906. .border-before-purple-wisteria:before,
  18907. .border-after-purple-wisteria:after {
  18908. border-color: #9B59B6 !important; }
  18909. .border-top-before-purple-wisteria:before,
  18910. .border-top-after-purple-wisteria:after {
  18911. border-top-color: #9B59B6 !important; }
  18912. .border-bottom-before-purple-wisteria:before,
  18913. .border-bottom-after-purple-wisteria:after {
  18914. border-bottom-color: #9B59B6 !important; }
  18915. .border-left-before-purple-wisteria:before,
  18916. .border-left-after-purple-wisteria:after {
  18917. border-left-color: #9B59B6 !important; }
  18918. .border-right-before-purple-wisteria:before,
  18919. .border-right-after-purple-wisteria:after {
  18920. border-right-color: #9B59B6 !important; }
  18921. .bg-purple-seance {
  18922. background: #9A12B3 !important; }
  18923. .bg-purple-seance-opacity {
  18924. background: rgba(154, 18, 179, 0.8) !important; }
  18925. .bg-hover-purple-seance:hover {
  18926. background: #9A12B3 !important; }
  18927. .font-purple-seance {
  18928. color: #9A12B3 !important; }
  18929. .bg-font-purple-seance {
  18930. color: #ffffff !important; }
  18931. .border-purple-seance {
  18932. border-color: #9A12B3 !important; }
  18933. .border-top-purple-seance {
  18934. border-top-color: #9A12B3 !important; }
  18935. .border-bottom-purple-seance {
  18936. border-bottom-color: #9A12B3 !important; }
  18937. .border-left-purple-seance {
  18938. border-left-color: #9A12B3 !important; }
  18939. .border-right-purple-seance {
  18940. border-right-color: #9A12B3 !important; }
  18941. .bg-before-purple-seance:before,
  18942. .bg-after-purple-seance:after {
  18943. background: #9A12B3 !important; }
  18944. .border-before-purple-seance:before,
  18945. .border-after-purple-seance:after {
  18946. border-color: #9A12B3 !important; }
  18947. .border-top-before-purple-seance:before,
  18948. .border-top-after-purple-seance:after {
  18949. border-top-color: #9A12B3 !important; }
  18950. .border-bottom-before-purple-seance:before,
  18951. .border-bottom-after-purple-seance:after {
  18952. border-bottom-color: #9A12B3 !important; }
  18953. .border-left-before-purple-seance:before,
  18954. .border-left-after-purple-seance:after {
  18955. border-left-color: #9A12B3 !important; }
  18956. .border-right-before-purple-seance:before,
  18957. .border-right-after-purple-seance:after {
  18958. border-right-color: #9A12B3 !important; }
  18959. .bg-purple-intense {
  18960. background: #8775a7 !important; }
  18961. .bg-purple-intense-opacity {
  18962. background: rgba(135, 117, 167, 0.8) !important; }
  18963. .bg-hover-purple-intense:hover {
  18964. background: #8775a7 !important; }
  18965. .font-purple-intense {
  18966. color: #8775a7 !important; }
  18967. .bg-font-purple-intense {
  18968. color: #ffffff !important; }
  18969. .border-purple-intense {
  18970. border-color: #8775a7 !important; }
  18971. .border-top-purple-intense {
  18972. border-top-color: #8775a7 !important; }
  18973. .border-bottom-purple-intense {
  18974. border-bottom-color: #8775a7 !important; }
  18975. .border-left-purple-intense {
  18976. border-left-color: #8775a7 !important; }
  18977. .border-right-purple-intense {
  18978. border-right-color: #8775a7 !important; }
  18979. .bg-before-purple-intense:before,
  18980. .bg-after-purple-intense:after {
  18981. background: #8775a7 !important; }
  18982. .border-before-purple-intense:before,
  18983. .border-after-purple-intense:after {
  18984. border-color: #8775a7 !important; }
  18985. .border-top-before-purple-intense:before,
  18986. .border-top-after-purple-intense:after {
  18987. border-top-color: #8775a7 !important; }
  18988. .border-bottom-before-purple-intense:before,
  18989. .border-bottom-after-purple-intense:after {
  18990. border-bottom-color: #8775a7 !important; }
  18991. .border-left-before-purple-intense:before,
  18992. .border-left-after-purple-intense:after {
  18993. border-left-color: #8775a7 !important; }
  18994. .border-right-before-purple-intense:before,
  18995. .border-right-after-purple-intense:after {
  18996. border-right-color: #8775a7 !important; }
  18997. .bg-purple-sharp {
  18998. background: #796799 !important; }
  18999. .bg-purple-sharp-opacity {
  19000. background: rgba(121, 103, 153, 0.8) !important; }
  19001. .bg-hover-purple-sharp:hover {
  19002. background: #796799 !important; }
  19003. .font-purple-sharp {
  19004. color: #796799 !important; }
  19005. .bg-font-purple-sharp {
  19006. color: #ffffff !important; }
  19007. .border-purple-sharp {
  19008. border-color: #796799 !important; }
  19009. .border-top-purple-sharp {
  19010. border-top-color: #796799 !important; }
  19011. .border-bottom-purple-sharp {
  19012. border-bottom-color: #796799 !important; }
  19013. .border-left-purple-sharp {
  19014. border-left-color: #796799 !important; }
  19015. .border-right-purple-sharp {
  19016. border-right-color: #796799 !important; }
  19017. .bg-before-purple-sharp:before,
  19018. .bg-after-purple-sharp:after {
  19019. background: #796799 !important; }
  19020. .border-before-purple-sharp:before,
  19021. .border-after-purple-sharp:after {
  19022. border-color: #796799 !important; }
  19023. .border-top-before-purple-sharp:before,
  19024. .border-top-after-purple-sharp:after {
  19025. border-top-color: #796799 !important; }
  19026. .border-bottom-before-purple-sharp:before,
  19027. .border-bottom-after-purple-sharp:after {
  19028. border-bottom-color: #796799 !important; }
  19029. .border-left-before-purple-sharp:before,
  19030. .border-left-after-purple-sharp:after {
  19031. border-left-color: #796799 !important; }
  19032. .border-right-before-purple-sharp:before,
  19033. .border-right-after-purple-sharp:after {
  19034. border-right-color: #796799 !important; }
  19035. .bg-purple-soft {
  19036. background: #8877a9 !important; }
  19037. .bg-purple-soft-opacity {
  19038. background: rgba(136, 119, 169, 0.8) !important; }
  19039. .bg-hover-purple-soft:hover {
  19040. background: #8877a9 !important; }
  19041. .font-purple-soft {
  19042. color: #8877a9 !important; }
  19043. .bg-font-purple-soft {
  19044. color: #ffffff !important; }
  19045. .border-purple-soft {
  19046. border-color: #8877a9 !important; }
  19047. .border-top-purple-soft {
  19048. border-top-color: #8877a9 !important; }
  19049. .border-bottom-purple-soft {
  19050. border-bottom-color: #8877a9 !important; }
  19051. .border-left-purple-soft {
  19052. border-left-color: #8877a9 !important; }
  19053. .border-right-purple-soft {
  19054. border-right-color: #8877a9 !important; }
  19055. .bg-before-purple-soft:before,
  19056. .bg-after-purple-soft:after {
  19057. background: #8877a9 !important; }
  19058. .border-before-purple-soft:before,
  19059. .border-after-purple-soft:after {
  19060. border-color: #8877a9 !important; }
  19061. .border-top-before-purple-soft:before,
  19062. .border-top-after-purple-soft:after {
  19063. border-top-color: #8877a9 !important; }
  19064. .border-bottom-before-purple-soft:before,
  19065. .border-bottom-after-purple-soft:after {
  19066. border-bottom-color: #8877a9 !important; }
  19067. .border-left-before-purple-soft:before,
  19068. .border-left-after-purple-soft:after {
  19069. border-left-color: #8877a9 !important; }
  19070. .border-right-before-purple-soft:before,
  19071. .border-right-after-purple-soft:after {
  19072. border-right-color: #8877a9 !important; }
  19073. /***
  19074. Color library demo
  19075. ***/
  19076. .color-demo {
  19077. border: 1px solid #eee;
  19078. margin: 0 0 20px 0;
  19079. cursor: pointer; }
  19080. .color-demo .color-view {
  19081. padding: 35px 10px;
  19082. text-align: center;
  19083. font-size: 18px; }
  19084. .color-demo .color-info {
  19085. border-top: 1px solid #eee;
  19086. padding: 10px 10px;
  19087. text-align: center; }
  19088. .mt-cookie-consent-bar {
  19089. position: fixed;
  19090. bottom: 0;
  19091. z-index: 10101;
  19092. padding: 10px 25px;
  19093. width: 100%;
  19094. background: rgba(0, 0, 0, 0.9);
  19095. color: #ffffff;
  19096. left: 0;
  19097. right: 0; }
  19098. .mt-cookie-consent-bar .mt-cookie-consent-bar-holder {
  19099. display: table;
  19100. width: 100%; }
  19101. .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-content {
  19102. display: table-cell;
  19103. text-align: left;
  19104. vertical-align: middle; }
  19105. .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-action {
  19106. display: table-cell;
  19107. text-align: right;
  19108. vertical-align: middle; }
  19109. .mt-cookie-consent-bar.mt-cookie-consent-bar-light {
  19110. background: rgba(238, 238, 238, 0.9);
  19111. color: #333; }
  19112. .mt-content-row {
  19113. display: table;
  19114. height: 100%;
  19115. width: 100%; }
  19116. .mt-content-row .mt-content-col-fluid {
  19117. display: table-cell; }
  19118. .mt-content-row .mt-content-col-fluid .mt-content-body {
  19119. margin: 0;
  19120. height: 100%;
  19121. width: 100%;
  19122. display: table; }
  19123. .mt-content-row .mt-content-col-fixed {
  19124. display: table-cell; }
  19125. .mt-content-row .mt-content-col-fixed .mt-content-sidebar {
  19126. height: 100%;
  19127. width: 100%;
  19128. display: table;
  19129. margin-left: 20px;
  19130. border: 1px solid red; }
  19131. @media (max-width: 767px) {
  19132. /* 767px */
  19133. .mt-content-row {
  19134. display: block;
  19135. width: 100%; }
  19136. .mt-content-row .mt-content-col-fluid {
  19137. display: block;
  19138. width: 100%;
  19139. margin-bottom: 20px; }
  19140. .mt-content-row .mt-content-col-fluid .mt-content-body {
  19141. margin: 0; }
  19142. .mt-content-row .mt-content-col-fixed {
  19143. display: block;
  19144. width: 100%; }
  19145. .mt-content-row .mt-content-col-fixed .mt-content-sidebar {
  19146. margin-left: 0; } }