nizongfeng
/
ZZCX_yii
1
0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
2 Коміти
1 Гілка
96 MiB
 
 
 
 
 
 
Дерево: 1f2bc2a554
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з '1f2bc2a554'
${ noResults }
ZZCX_yii/backend/assets/global/css/components.css

22342 рядки
748 KiB
Неформатований Звинувачення Історія 

  1. /*********************************

  2.  METRONIC SQUARE STYLE COMPONENTS 

  3. *********************************/

  4. /***

  5. Rounded corners reset

  6. ***/

  7. /* Reset rounded corners for all elements */

  8. div,

  9. svg,

  10. input,

  11. select,

  12. textarea,

  13. span,

  14. img,

  15. table,

  16. label,

  17. td,

  18. th,

  19. p,

  20. a,

  21. button,

  22. ul,

  23. code,

  24. pre,

  25. li {

  26.   -webkit-border-radius: 0 !important;

  27.   -moz-border-radius: 0 !important;

  28.   border-radius: 0 !important; }

  29. 

  30. /* except below bootstrap elements */

  31. .img-circle {

  32.   border-radius: 50% !important; }

  33. 

  34. .img-rounded {

  35.   border-radius: 6px !important; }

  36. 

  37. /* Cubic Bezier Transition */

  38. /***

  39. General reset

  40. ***/

  41. /* Set default body */

  42. body {

  43.   color: #333333;

  44.   font-family: "Open Sans", sans-serif;

  45.   padding: 0px !important;

  46.   margin: 0px !important;

  47.   direction: "ltr";

  48.   font-size: 14px; }

  49. 

  50. /*

  51.  Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 

  52.  properly apply the media queries in Bootstrap's CSS. To address this, 

  53.  you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.

  54. */

  55. @-webkit-viewport {

  56.   width: device-width; }

  57. 

  58. @-moz-viewport {

  59.   width: device-width; }

  60. 

  61. @-ms-viewport {

  62.   width: device-width; }

  63. 

  64. @-o-viewport {

  65.   width: device-width; }

  66. 

  67. @viewport {

  68.   width: device-width; }

  69. 

  70. /*

  71.  Internet Explorer 10 doesn't differentiate device width from viewport width, 

  72.  and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 

  73. */

  74. @-ms-viewport {

  75.   width: auto !important; }

  76. 

  77. .md-shadow-z-1 {

  78.   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); }

  79. 

  80. .md-shadow-z-1-i {

  81.   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important; }

  82. 

  83. .md-shadow-z-1-hover {

  84.   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22); }

  85. 

  86. .md-shadow-z-2 {

  87.   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); }

  88. 

  89. .md-shadow-z-2-i {

  90.   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; }

  91. 

  92. .md-shadow-z-2-hover {

  93.   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); }

  94. 

  95. .md-shadow-z-3 {

  96.   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23); }

  97. 

  98. .md-shadow-z-3-i {

  99.   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important; }

  100. 

  101. .md-shadow-z-3-hover {

  102.   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26); }

  103. 

  104. .md-shadow-z-4 {

  105.   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22); }

  106. 

  107. .md-shadow-z-4-i {

  108.   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important; }

  109. 

  110. .md-shadow-z-5 {

  111.   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22); }

  112. 

  113. .md-shadow-z-5-i {

  114.   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important; }

  115. 

  116. .md-shadow-none {

  117.   box-shadow: none !important; }

  118. 

  119. .md-click-circle {

  120.   display: block;

  121.   position: absolute;

  122.   background: rgba(0, 0, 0, 0.2);

  123.   border-radius: 50%;

  124.   opacity: 0;

  125.   -webkit-animation: scale(0);

  126.   -moz-transform: scale(0);

  127.   transform: scale(0); }

  128.   .md-click-circle.md-click-animate {

  129.     -webkit-animation: mdClickEffect 0.65s linear;

  130.     -moz-animation: mdClickEffect 0.65s linear;

  131.     animation: mdClickEffect 0.65s linear; }

  132. 

  133. @-webkit-keyframes mdClickEffect {

  134.   0% {

  135.     opacity: 1;

  136.     -webkit-transform: scale(0); }

  137.   100% {

  138.     opacity: 0 !important;

  139.     -webkit-transform: scale(2.5); } }

  140. 

  141. @-moz-keyframes mdClickEffect {

  142.   0% {

  143.     opacity: 1;

  144.     -webkit-transform: scale(0); }

  145.   100% {

  146.     opacity: 0 !important;

  147.     -moz-transform: scale(2.5); } }

  148. 

  149. @keyframes mdClickEffect {

  150.   0% {

  151.     opacity: 1;

  152.     -webkit-transform: scale(0); }

  153.   100% {

  154.     opacity: 0 !important;

  155.     transform: scale(2.5); } }

  156. 

  157. .form-group.form-md-line-input {

  158.   position: relative;

  159.   margin: 0 0 35px 0;

  160.   padding-top: 20px; }

  161.   .form-horizontal .form-group.form-md-line-input {

  162.     padding-top: 10px;

  163.     margin-bottom: 20px;

  164.     margin: 0 -15px 20px -15px; }

  165.   .form-horizontal .form-group.form-md-line-input > label {

  166.     padding-top: 5px;

  167.     font-size: 14px;

  168.     color: #888888;

  169.     opacity: 1 ;

  170.     filter: alpha(opacity=100) ; }

  171.   .form-group.form-md-line-input .form-control {

  172.     background: none;

  173.     border: 0;

  174.     border-bottom: 1px solid #c2cad8;

  175.     -webkit-border-radius: 0;

  176.     -moz-border-radius: 0;

  177.     -ms-border-radius: 0;

  178.     -o-border-radius: 0;

  179.     border-radius: 0;

  180.     color: #555555;

  181.     box-shadow: none;

  182.     padding-left: 0;

  183.     padding-right: 0;

  184.     font-size: 14px; }

  185.     .form-group.form-md-line-input .form-control::-moz-placeholder {

  186.       color: #999;

  187.       opacity: 1; }

  188.     .form-group.form-md-line-input .form-control:-ms-input-placeholder {

  189.       color: #999; }

  190.     .form-group.form-md-line-input .form-control::-webkit-input-placeholder {

  191.       color: #999; }

  192.     .form-group.form-md-line-input .form-control.form-control-static {

  193.       border-bottom: 0; }

  194.     .form-group.form-md-line-input .form-control.input-sm {

  195.       font-size: 14px;

  196.       padding: 6px 0; }

  197.     .form-group.form-md-line-input .form-control.input-lg {

  198.       font-size: 20px;

  199.       padding: 14px 0; }

  200.     .form-group.form-md-line-input .form-control ~ label,

  201.     .form-group.form-md-line-input .form-control ~ .form-control-focus {

  202.       width: 100%;

  203.       position: absolute;

  204.       left: 0;

  205.       bottom: 0;

  206.       pointer-events: none; }

  207.       .form-horizontal .form-group.form-md-line-input .form-control ~ label, .form-horizontal

  208.       .form-group.form-md-line-input .form-control ~ .form-control-focus {

  209.         width: auto;

  210.         left: 15px;

  211.         right: 15px; }

  212.       .form-group.form-md-line-input .form-control ~ label:after,

  213.       .form-group.form-md-line-input .form-control ~ .form-control-focus:after {

  214.         content: '';

  215.         position: absolute;

  216.         z-index: 5;

  217.         bottom: 0;

  218.         left: 50%;

  219.         width: 0;

  220.         height: 2px;

  221.         width: 0;

  222.         visibility: hidden;

  223.         transition: 0.2s ease all; }

  224.     .form-group.form-md-line-input .form-control ~ label {

  225.       top: 0;

  226.       margin-bottom: 0;

  227.       font-size: 14px;

  228.       color: #888888;

  229.       opacity: 1 ;

  230.       filter: alpha(opacity=100) ; }

  231.     .form-group.form-md-line-input .form-control ~ .help-block-error {

  232.       opacity: 1 ;

  233.       filter: alpha(opacity=100) ; }

  234.     .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,

  235.     .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,

  236.     .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus {

  237.       color: #888888; }

  238.       .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,

  239.       .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,

  240.       .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after {

  241.         visibility: visible;

  242.         left: 0;

  243.         width: 100%;

  244.         background: #36c6d3; }

  245.     .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label {

  246.       opacity: 1 ;

  247.       filter: alpha(opacity=100) ; }

  248.     .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 {

  249.       color: #36c6d3;

  250.       opacity: 1 ;

  251.       filter: alpha(opacity=100) ; }

  252.     .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 {

  253.       opacity: 0 ;

  254.       filter: alpha(opacity=0) ; }

  255.     .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block {

  256.       opacity: 0 ;

  257.       filter: alpha(opacity=0) ; }

  258.     .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block-error {

  259.       opacity: 0 ;

  260.       filter: alpha(opacity=0) ; }

  261.     .form-group.form-md-line-input .form-control[readonly], .form-group.form-md-line-input .form-control[disabled],

  262.     fieldset[disabled] .form-group.form-md-line-input .form-control {

  263.       background: none;

  264.       cursor: not-allowed;

  265.       border-bottom: 1px dashed #c2cad8; }

  266.   .form-group.form-md-line-input.form-md-floating-label .form-control ~ label {

  267.     font-size: 16px;

  268.     top: 25px;

  269.     transition: 0.2s ease all;

  270.     color: #999; }

  271.   .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 {

  272.     top: 0;

  273.     font-size: 13px; }

  274.   .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {

  275.     font-size: 14px;

  276.     top: 24px; }

  277.   .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 {

  278.     top: 0;

  279.     font-size: 13px; }

  280.   .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {

  281.     font-size: 20px;

  282.     top: 30px; }

  283.   .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 {

  284.     top: 0;

  285.     font-size: 13px; }

  286.   .form-group.form-md-line-input.form-md-floating-label .input-icon > label {

  287.     padding-left: 34px; }

  288.   .form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {

  289.     padding-left: 0;

  290.     padding-right: 34px; }

  291.   .form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {

  292.     padding-left: 34px; }

  293.   .form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {

  294.     padding-right: 34px; }

  295.   .form-group.form-md-line-input + .input-icon {

  296.     padding-top: 0; }

  297.   .form-group.form-md-line-input .help-block {

  298.     position: absolute;

  299.     margin: 2px 0 0 0;

  300.     opacity: 0 ;

  301.     filter: alpha(opacity=0) ;

  302.     font-size: 13px; }

  303.   .form-group.form-md-line-input > .input-icon > i {

  304.     left: 0;

  305.     bottom: 0;

  306.     margin: 9px 2px 10px 10px;

  307.     color: #888888; }

  308.   .form-group.form-md-line-input > .input-icon.input-icon-lg > i {

  309.     top: 6px; }

  310.   .form-group.form-md-line-input > .input-icon.input-icon-sm > i {

  311.     top: -1px; }

  312.   .form-group.form-md-line-input > .input-icon .form-control {

  313.     padding-left: 34px; }

  314.   .form-group.form-md-line-input > .input-icon > label {

  315.     margin-top: -20px; }

  316.   .form-group.form-md-line-input > .input-icon.right .form-control {

  317.     padding-left: 0;

  318.     padding-right: 34px; }

  319.   .form-group.form-md-line-input > .input-icon.right > i {

  320.     left: auto;

  321.     right: 8px;

  322.     margin: 11px 2px 10px 10px; }

  323.   .form-group.form-md-line-input + .input-group {

  324.     padding-top: 0; }

  325.   .form-group.form-md-line-input .input-group {

  326.     padding-top: 0; }

  327.     .form-group.form-md-line-input .input-group > label {

  328.       margin-top: -20px; }

  329.     .form-group.form-md-line-input .input-group .input-group-addon {

  330.       -webkit-border-radius: 0;

  331.       -moz-border-radius: 0;

  332.       -ms-border-radius: 0;

  333.       -o-border-radius: 0;

  334.       border-radius: 0;

  335.       background: none;

  336.       border: 0;

  337.       border-bottom: 1px solid #c2cad8; }

  338.     .form-group.form-md-line-input .input-group + .input-group-control {

  339.       padding-top: 0; }

  340.     .form-group.form-md-line-input .input-group .input-group-control {

  341.       padding-top: 0;

  342.       position: relative;

  343.       display: table-cell;

  344.       vertical-align: bottom; }

  345.       .form-group.form-md-line-input .input-group .input-group-control > label {

  346.         margin-top: -20px; }

  347.     .form-group.form-md-line-input .input-group .input-group-btn .btn {

  348.       -webkit-border-radius: 4px;

  349.       -moz-border-radius: 4px;

  350.       -ms-border-radius: 4px;

  351.       -o-border-radius: 4px;

  352.       border-radius: 4px; }

  353.     .form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {

  354.       margin-right: 10px; }

  355.     .form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {

  356.       margin-left: 10px; }

  357.     .form-group.form-md-line-input .input-group .help-block {

  358.       margin-top: 35px; }

  359.     .form-group.form-md-line-input .input-group.input-group-sm .help-block {

  360.       margin-top: 30px; }

  361.     .form-group.form-md-line-input .input-group.input-group-lg .help-block {

  362.       margin-top: 47px; }

  363.   .form-group.form-md-line-input.has-success .form-control {

  364.     border-bottom: 1px solid #27a4b0; }

  365.     .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,

  366.     .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,

  367.     .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,

  368.     .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,

  369.     .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after {

  370.       background: #27a4b0; }

  371.     .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 {

  372.       color: #27a4b0; }

  373.     .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 {

  374.       color: #27a4b0; }

  375.     .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 {

  376.       color: #27a4b0; }

  377.   .form-group.form-md-line-input.has-success .input-group-addon {

  378.     color: #27a4b0;

  379.     border-bottom: 1px solid #27a4b0; }

  380.   .form-group.form-md-line-input.has-success label {

  381.     color: #27a4b0; }

  382.   .form-group.form-md-line-input.has-warning .form-control {

  383.     border-bottom: 1px solid #c29d0b; }

  384.     .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,

  385.     .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,

  386.     .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,

  387.     .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,

  388.     .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after {

  389.       background: #c29d0b; }

  390.     .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 {

  391.       color: #c29d0b; }

  392.     .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 {

  393.       color: #c29d0b; }

  394.     .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 {

  395.       color: #c29d0b; }

  396.   .form-group.form-md-line-input.has-warning .input-group-addon {

  397.     color: #c29d0b;

  398.     border-bottom: 1px solid #c29d0b; }

  399.   .form-group.form-md-line-input.has-warning label {

  400.     color: #c29d0b; }

  401.   .form-group.form-md-line-input.has-error .form-control {

  402.     border-bottom: 1px solid #e73d4a; }

  403.     .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,

  404.     .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,

  405.     .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,

  406.     .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,

  407.     .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after {

  408.       background: #e73d4a; }

  409.     .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 {

  410.       color: #e73d4a; }

  411.     .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 {

  412.       color: #e73d4a; }

  413.     .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 {

  414.       color: #e73d4a; }

  415.   .form-group.form-md-line-input.has-error .input-group-addon {

  416.     color: #e73d4a;

  417.     border-bottom: 1px solid #e73d4a; }

  418.   .form-group.form-md-line-input.has-error label {

  419.     color: #e73d4a; }

  420.   .form-group.form-md-line-input.has-info .form-control {

  421.     border-bottom: 1px solid #327ad5; }

  422.     .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,

  423.     .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,

  424.     .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,

  425.     .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,

  426.     .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after {

  427.       background: #327ad5; }

  428.     .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 {

  429.       color: #327ad5; }

  430.     .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 {

  431.       color: #327ad5; }

  432.     .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 {

  433.       color: #327ad5; }

  434.   .form-group.form-md-line-input.has-info .input-group-addon {

  435.     color: #327ad5;

  436.     border-bottom: 1px solid #327ad5; }

  437.   .form-group.form-md-line-input.has-info label {

  438.     color: #327ad5; }

  439. 

  440. .form-inline .form-md-line-input {

  441.   margin: 0;

  442.   padding-top: 0;

  443.   margin-right: 20px; }

  444.   .form-inline .form-md-line-input > .input-icon {

  445.     padding: 0; }

  446. 

  447. .form-horizontal .form-group.form-md-line-input .input-icon .form-control {

  448.   padding-left: 33px; }

  449. 

  450. .form-horizontal .form-group.form-md-line-input .input-icon > i {

  451.   top: 0; }

  452. 

  453. .form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {

  454.   padding-left: 0;

  455.   padding-right: 33px; }

  456. 

  457. .form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {

  458.   left: 0 !important;

  459.   right: 0 !important; }

  460. 

  461. .form-horizontal .form-group.form-md-line-input .input-group {

  462.   padding-top: 0; }

  463.   .form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {

  464.     margin-bottom: 0 !important; }

  465.   .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {

  466.     padding-top: 0; }

  467.     .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {

  468.       left: 0 !important;

  469.       right: 0 !important; }

  470.   .form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus {

  471.     left: 0 !important;

  472.     right: 0 !important; }

  473. 

  474. .md-checkbox {

  475.   position: relative;

  476.   /* handling click events */

  477.   /* when checkbox is checked */ }

  478.   .md-checkbox.md-checkbox-inline {

  479.     display: inline-block; }

  480.   .form-inline .md-checkbox.md-checkbox-inline {

  481.     margin-right: 20px;

  482.     top: 3px; }

  483.   .md-checkbox input[type=checkbox] {

  484.     visibility: hidden;

  485.     position: absolute; }

  486.   .md-checkbox label {

  487.     cursor: pointer;

  488.     padding-left: 30px; }

  489.   .md-checkbox label > span {

  490.     display: block;

  491.     position: absolute;

  492.     left: 0;

  493.     -webkit-transition-duration: 0.3s;

  494.     -moz-transition-duration: 0.3s;

  495.     transition-duration: 0.3s; }

  496.   .md-checkbox label > span.inc {

  497.     background: #fff;

  498.     left: -20px;

  499.     top: -20px;

  500.     height: 60px;

  501.     width: 60px;

  502.     opacity: 0;

  503.     border-radius: 50% !important;

  504.     -moz-border-radius: 50% !important;

  505.     -webkit-border-radius: 50% !important; }

  506.   .md-checkbox label > .box {

  507.     top: 0px;

  508.     border: 2px solid #666;

  509.     height: 20px;

  510.     width: 20px;

  511.     z-index: 5;

  512.     -webkit-transition-delay: 0.2s;

  513.     -moz-transition-delay: 0.2s;

  514.     transition-delay: 0.2s; }

  515.   .md-checkbox label > .check {

  516.     top: -4px;

  517.     left: 6px;

  518.     width: 10px;

  519.     height: 20px;

  520.     border: 2px solid #36c6d3;

  521.     border-top: none;

  522.     border-left: none;

  523.     opacity: 0;

  524.     z-index: 5;

  525.     -webkit-transform: rotate(180deg);

  526.     -moz-transform: rotate(180deg);

  527.     transform: rotate(180deg);

  528.     -webkit-transition-delay: 0.3s;

  529.     -moz-transition-delay: 0.3s;

  530.     transition-delay: 0.3s; }

  531.   .md-checkbox label > span.inc {

  532.     -webkit-animation: growCircle 0.3s ease;

  533.     -moz-animation: growCircle 0.3s ease;

  534.     animation: growCircle 0.3s ease; }

  535.   .md-checkbox input[type=checkbox]:checked ~ label > .box {

  536.     opacity: 0;

  537.     -webkit-transform: scale(0) rotate(-180deg);

  538.     -moz-transform: scale(0) rotate(-180deg);

  539.     transform: scale(0) rotate(-180deg); }

  540.   .md-checkbox input[type=checkbox]:checked ~ label > .check {

  541.     opacity: 1;

  542.     -webkit-transform: scale(1) rotate(45deg);

  543.     -moz-transform: scale(1) rotate(45deg);

  544.     transform: scale(1) rotate(45deg); }

  545.   .md-checkbox input[type=checkbox]:disabled ~ label,

  546.   .md-checkbox input[type=checkbox][disabled] ~ label {

  547.     cursor: not-allowed;

  548.     opacity: 0.7 ;

  549.     filter: alpha(opacity=70) ; }

  550.   .md-checkbox input[type=checkbox]:disabled ~ label > .box,

  551.   .md-checkbox input[type=checkbox][disabled] ~ label > .box {

  552.     cursor: not-allowed;

  553.     opacity: 0.7 ;

  554.     filter: alpha(opacity=70) ; }

  555.   .md-checkbox input[type=checkbox]:disabled:checked ~ label > .check,

  556.   .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check {

  557.     cursor: not-allowed;

  558.     opacity: 0.7 ;

  559.     filter: alpha(opacity=70) ; }

  560. 

  561. .has-error .md-checkbox label,

  562. .has-error.md-checkbox label {

  563.   color: #e73d4a; }

  564. 

  565. .has-error .md-checkbox label > .box,

  566. .has-error.md-checkbox label > .box {

  567.   border-color: #e73d4a; }

  568. 

  569. .has-error .md-checkbox label > .check,

  570. .has-error.md-checkbox label > .check {

  571.   border-color: #e73d4a; }

  572. 

  573. .has-success .md-checkbox label,

  574. .has-success.md-checkbox label {

  575.   color: #27a4b0; }

  576. 

  577. .has-success .md-checkbox label > .box,

  578. .has-success.md-checkbox label > .box {

  579.   border-color: #27a4b0; }

  580. 

  581. .has-success .md-checkbox label > .check,

  582. .has-success.md-checkbox label > .check {

  583.   border-color: #27a4b0; }

  584. 

  585. .has-warning .md-checkbox label,

  586. .has-warning.md-checkbox label {

  587.   color: #c29d0b; }

  588. 

  589. .has-warning .md-checkbox label > .box,

  590. .has-warning.md-checkbox label > .box {

  591.   border-color: #c29d0b; }

  592. 

  593. .has-warning .md-checkbox label > .check,

  594. .has-warning.md-checkbox label > .check {

  595.   border-color: #c29d0b; }

  596. 

  597. .has-info .md-checkbox label,

  598. .has-info.md-checkbox label {

  599.   color: #327ad5; }

  600. 

  601. .has-info .md-checkbox label > .box,

  602. .has-info.md-checkbox label > .box {

  603.   border-color: #327ad5; }

  604. 

  605. .has-info .md-checkbox label > .check,

  606. .has-info.md-checkbox label > .check {

  607.   border-color: #327ad5; }

  608. 

  609. .form-md-checkboxes {

  610.   padding-top: 5px; }

  611.   .form-md-checkboxes > label {

  612.     font-size: 14px;

  613.     color: #888888;

  614.     opacity: 1 ;

  615.     filter: alpha(opacity=100) ; }

  616.   .form-md-checkboxes.has-error label {

  617.     color: #ed6b75; }

  618.   .form-md-checkboxes.has-info label {

  619.     color: #659be0; }

  620.   .form-md-checkboxes.has-success label {

  621.     color: #36c6d3; }

  622.   .form-md-checkboxes.has-warning label {

  623.     color: #F1C40F; }

  624. 

  625. .md-checkbox-list {

  626.   margin: 5px 0 5px 0; }

  627.   .form-horizontal .md-checkbox-list {

  628.     margin-top: 5px; }

  629.   .md-checkbox-list .md-checkbox {

  630.     display: block;

  631.     margin-bottom: 10px; }

  632.     .md-checkbox-list .md-checkbox:last-child {

  633.       margin-bottom: 0; }

  634. 

  635. .md-checkbox-inline {

  636.   margin: 5px 0 5px 0; }

  637.   .form-horizontal .md-checkbox-inline {

  638.     margin-top: 7px; }

  639.   .md-checkbox-inline .md-checkbox {

  640.     display: inline-block;

  641.     margin-right: 20px; }

  642.     .md-checkbox-inline .md-checkbox:last-child {

  643.       margin-right: 0; }

  644. 

  645. /* bubble animation */

  646. @-webkit-keyframes growCircle {

  647.   0%, 100% {

  648.     -webkit-transform: scale(0);

  649.     opacity: 1; }

  650.   70% {

  651.     background: #eee;

  652.     -webkit-transform: scale(1.25); } }

  653. 

  654. @-moz-keyframes growCircle {

  655.   0%, 100% {

  656.     -moz-transform: scale(0);

  657.     opacity: 1; }

  658.   70% {

  659.     background: #eee;

  660.     -moz-transform: scale(1.25); } }

  661. 

  662. @keyframes growCircle {

  663.   0%, 100% {

  664.     transform: scale(0);

  665.     opacity: 1; }

  666.   70% {

  667.     background: #eee;

  668.     transform: scale(1.25); } }

  669. 

  670. .md-radio {

  671.   position: relative;

  672.   /* handling click events */

  673.   /* when radio is checked */ }

  674.   .md-radio input[type=radio] {

  675.     visibility: hidden;

  676.     position: absolute; }

  677.   .md-radio label {

  678.     cursor: pointer;

  679.     padding-left: 30px; }

  680.   .md-radio label > span {

  681.     display: block;

  682.     position: absolute;

  683.     left: 0;

  684.     -webkit-transition-duration: 0.3s;

  685.     -moz-transition-duration: 0.3s;

  686.     transition-duration: 0.3s; }

  687.   .md-radio label > span.inc {

  688.     background: #fff;

  689.     left: -20px;

  690.     top: -20px;

  691.     height: 60px;

  692.     width: 60px;

  693.     opacity: 0;

  694.     border-radius: 50% !important;

  695.     -moz-border-radius: 50% !important;

  696.     -webkit-border-radius: 50% !important; }

  697.   .md-radio label > .box {

  698.     top: 0px;

  699.     border: 2px solid #666;

  700.     height: 20px;

  701.     width: 20px;

  702.     border-radius: 50% !important;

  703.     -moz-border-radius: 50% !important;

  704.     -webkit-border-radius: 50% !important;

  705.     z-index: 5; }

  706.   .md-radio label > .check {

  707.     top: 5px;

  708.     left: 5px;

  709.     width: 10px;

  710.     height: 10px;

  711.     background: #36c6d3;

  712.     opacity: 0;

  713.     z-index: 6;

  714.     border-radius: 50% !important;

  715.     -moz-border-radius: 50% !important;

  716.     -webkit-border-radius: 50% !important;

  717.     -webkit-transform: scale(0);

  718.     -moz-transform: scale(0);

  719.     transform: scale(0); }

  720.   .md-radio label > span.inc {

  721.     -webkit-animation: growCircleRadio 0.3s ease;

  722.     -moz-animation: growCircleRadio 0.3s ease;

  723.     animation: growCircleRadio 0.3s ease; }

  724.   .md-radio input[type=radio]:checked ~ label > .check {

  725.     opacity: 1;

  726.     -webkit-transform: scale(1);

  727.     -moz-transform: scale(1);

  728.     transform: scale(1); }

  729.   .md-radio input[type=radio]:disabled ~ label,

  730.   .md-radio input[type=radio][disabled] ~ label {

  731.     cursor: not-allowed;

  732.     opacity: 0.7 ;

  733.     filter: alpha(opacity=70) ; }

  734.   .md-radio input[type=radio]:disabled ~ label > .box,

  735.   .md-radio input[type=radio][disabled] ~ label > .box {

  736.     cursor: not-allowed;

  737.     opacity: 0.7 ;

  738.     filter: alpha(opacity=70) ; }

  739.   .md-radio input[type=radio]:disabled:checked ~ label > .check,

  740.   .md-radio input[type=radio][disabled]:checked ~ label > .check {

  741.     cursor: not-allowed;

  742.     opacity: 0.7 ;

  743.     filter: alpha(opacity=70) ; }

  744. 

  745. .has-error .md-radio label,

  746. .has-error.md-radio label {

  747.   color: #e73d4a; }

  748. 

  749. .has-error .md-radio label > .box,

  750. .has-error.md-radio label > .box {

  751.   border-color: #e73d4a; }

  752. 

  753. .has-error .md-radio label > .check,

  754. .has-error.md-radio label > .check {

  755.   background: #e73d4a; }

  756. 

  757. .has-success .md-radio label,

  758. .has-success.md-radio label {

  759.   color: #27a4b0; }

  760. 

  761. .has-success .md-radio label > .box,

  762. .has-success.md-radio label > .box {

  763.   border-color: #27a4b0; }

  764. 

  765. .has-success .md-radio label > .check,

  766. .has-success.md-radio label > .check {

  767.   background: #27a4b0; }

  768. 

  769. .has-warning .md-radio label,

  770. .has-warning.md-radio label {

  771.   color: #c29d0b; }

  772. 

  773. .has-warning .md-radio label > .box,

  774. .has-warning.md-radio label > .box {

  775.   border-color: #c29d0b; }

  776. 

  777. .has-warning .md-radio label > .check,

  778. .has-warning.md-radio label > .check {

  779.   background: #c29d0b; }

  780. 

  781. .has-info .md-radio label,

  782. .has-info.md-radio label {

  783.   color: #327ad5; }

  784. 

  785. .has-info .md-radio label > .box,

  786. .has-info.md-radio label > .box {

  787.   border-color: #327ad5; }

  788. 

  789. .has-info .md-radio label > .check,

  790. .has-info.md-radio label > .check {

  791.   background: #327ad5; }

  792. 

  793. .form-md-radios {

  794.   padding-top: 5px; }

  795.   .form-md-radios > label {

  796.     font-size: 14px;

  797.     color: #888888;

  798.     opacity: 1 ;

  799.     filter: alpha(opacity=100) ; }

  800.   .form-md-radios.has-error label {

  801.     color: #ed6b75; }

  802.   .form-md-radios.has-info label {

  803.     color: #659be0; }

  804.   .form-md-radios.has-success label {

  805.     color: #36c6d3; }

  806.   .form-md-radios.has-warning label {

  807.     color: #F1C40F; }

  808. 

  809. .md-radio-list {

  810.   margin: 5px 0 5px 0; }

  811.   .form-horizontal .md-radio-list {

  812.     margin-top: 5px; }

  813.   .md-radio-list .md-radio {

  814.     display: block;

  815.     margin-bottom: 10px; }

  816. 

  817. .md-radio-inline {

  818.   margin: 5px 0 5px 0; }

  819.   .form-horizontal .md-radio-inline {

  820.     margin-top: 7px; }

  821.   .md-radio-inline .md-radio {

  822.     display: inline-block;

  823.     margin-right: 20px; }

  824.     .md-radio-inline .md-radio:last-child {

  825.       margin-right: 0; }

  826. 

  827. /* bubble animation */

  828. @-webkit-keyframes growCircleRadio {

  829.   0%, 100% {

  830.     -webkit-transform: scale(0);

  831.     opacity: 1; }

  832.   70% {

  833.     background: #eee;

  834.     -webkit-transform: scale(1.25); } }

  835. 

  836. @-moz-keyframes growCircleRadio {

  837.   0%, 100% {

  838.     -moz-transform: scale(0);

  839.     opacity: 1; }

  840.   70% {

  841.     background: #eee;

  842.     -moz-transform: scale(1.25); } }

  843. 

  844. @keyframes growCircleRadio {

  845.   0%, 100% {

  846.     transform: scale(0);

  847.     opacity: 1; }

  848.   70% {

  849.     background: #eee;

  850.     transform: scale(1.25); } }

  851. 

  852. /***

  853. General typography

  854. ***/

  855. /* Links */

  856. a:hover {

  857.   cursor: pointer; }

  858. 

  859. /* Primary Link */

  860. .primary-link {

  861.   color: #65A0D0;

  862.   font-weight: 600; }

  863.   .primary-link:hover {

  864.     color: #5194ca; }

  865. 

  866. p {

  867.   margin: 20px 0; }

  868. 

  869. label {

  870.   font-weight: normal; }

  871. 

  872. /* Headings */

  873. h1,

  874. h2,

  875. h3,

  876. h4,

  877. h5,

  878. h6 {

  879.   font-family: "Open Sans", sans-serif;

  880.   font-weight: 300; }

  881. 

  882. h1 {

  883.   font-size: 36px; }

  884. 

  885. h2 {

  886.   font-size: 30px; }

  887. 

  888. h3 {

  889.   font-size: 24px; }

  890. 

  891. h4 {

  892.   font-size: 18px; }

  893. 

  894. h5 {

  895.   font-size: 14px; }

  896. 

  897. h6 {

  898.   font-size: 12px; }

  899. 

  900. /* Headings helper text */

  901. h1 small,

  902. h2 small,

  903. h3 small,

  904. h4 small,

  905. h5 small,

  906. h6 small {

  907.   color: #444444; }

  908. 

  909. /* Block headings */

  910. h1.block,

  911. h2.block,

  912. h3.block,

  913. h4.block,

  914. h5.block,

  915. h6.block {

  916.   padding-top: 10px;

  917.   padding-bottom: 10px; }

  918. 

  919. /* Links */

  920. a {

  921.   text-shadow: none;

  922.   color: #337ab7; }

  923.   a:hover {

  924.     color: #23527c; }

  925.   a:focus, a:hover, a:active {

  926.     outline: 0; }

  927. 

  928. /* Horizontal break */

  929. hr {

  930.   margin: 20px 0;

  931.   border: 0;

  932.   border-top: 1px solid #eee;

  933.   border-bottom: 0; }

  934. 

  935. /* Unstyled List */

  936. .list-unstyled li > .list-unstyled {

  937.   margin-left: 25px; }

  938. 

  939. /* Code */

  940. code {

  941.   border: 1px solid #e1e1e1;

  942.   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  943.   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  944.   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

  945. 

  946. /* Disabled Navigation Link */

  947. .disabled-link.disable-target,

  948. .disabled-link .disable-target {

  949.   opacity: 0.6 !important;

  950.   filter: alpha(opacity=60) !important; }

  951.   .disabled-link.disable-target:hover,

  952.   .disabled-link .disable-target:hover {

  953.     cursor: not-allowed !important; }

  954. 

  955. .disabled-link:hover {

  956.   cursor: not-allowed !important; }

  957. 

  958. /***

  959. Utilities

  960. ***/

  961. /* Rounded Element */

  962. .rounded-2 {

  963.   border-radius: 2px !important; }

  964. 

  965. .rounded-3 {

  966.   border-radius: 3px !important; }

  967. 

  968. .rounded-4 {

  969.   border-radius: 4px !important; }

  970. 

  971. /* Circle Element */

  972. .circle {

  973.   border-radius: 25px !important; }

  974. 

  975. .circle-right {

  976.   border-radius: 0 25px 25px 0 !important; }

  977. 

  978. .circle-left {

  979.   border-radius: 25px 0 0 25px !important; }

  980. 

  981. .circle-bottom {

  982.   border-radius: 0 0 25px 25px !important; }

  983. 

  984. .circle-top {

  985.   border-radius: 25px 25px 0 0 !important; }

  986. 

  987. .rounded {

  988.   border-radius: 50% !important; }

  989. 

  990. /* General utilities */

  991. .display-none,

  992. .display-hide {

  993.   display: none; }

  994. 

  995. .hidden {

  996.   display: none !important; }

  997. 

  998. .primary-font {

  999.   font-family: "Open Sans", sans-serif !important; }

  1000. 

  1001. .bold {

  1002.   font-weight: 700 !important; }

  1003.   .bold.btn {

  1004.     letter-spacing: 0; }

  1005. 

  1006. .sbold {

  1007.   font-weight: 600 !important; }

  1008.   .sbold.btn {

  1009.     letter-spacing: 0; }

  1010. 

  1011. .thin {

  1012.   font-weight: 300 !important; }

  1013. 

  1014. .uppercase {

  1015.   text-transform: uppercase !important; }

  1016. 

  1017. .fix-margin {

  1018.   margin-left: 0px !important; }

  1019. 

  1020. .border {

  1021.   border: 1px solid red; }

  1022. 

  1023. .font-hg {

  1024.   font-size: 23px; }

  1025. 

  1026. .font-lg {

  1027.   font-size: 18px; }

  1028. 

  1029. .font-md {

  1030.   font-size: 14px; }

  1031. 

  1032. .font-sm {

  1033.   font-size: 13px; }

  1034. 

  1035. .font-xs {

  1036.   font-size: 11px; }

  1037. 

  1038. .inline {

  1039.   display: inline; }

  1040. 

  1041. .inline-block {

  1042.   display: inline-block; }

  1043. 

  1044. .text-align-reverse {

  1045.   text-align: right; }

  1046. 

  1047. /* Margin and padding utilities */

  1048. .no-space {

  1049.   margin: 0px !important;

  1050.   padding: 0px !important; }

  1051. 

  1052. .no-margin {

  1053.   margin: 0; }

  1054. 

  1055. .margin-bottom-5 {

  1056.   margin-bottom: 5px; }

  1057. 

  1058. .margin-bottom-10 {

  1059.   margin-bottom: 10px !important; }

  1060. 

  1061. .margin-top-10 {

  1062.   margin-top: 10px !important; }

  1063. 

  1064. .margin-top-15 {

  1065.   margin-top: 15px !important; }

  1066. 

  1067. .margin-bottom-15 {

  1068.   margin-bottom: 15px !important; }

  1069. 

  1070. .margin-bottom-20 {

  1071.   margin-bottom: 20px !important; }

  1072. 

  1073. .margin-top-20 {

  1074.   margin-top: 20px !important; }

  1075. 

  1076. .margin-top-30 {

  1077.   margin-top: 30px !important; }

  1078. 

  1079. .margin-top-40 {

  1080.   margin-top: 40px !important; }

  1081. 

  1082. .margin-bottom-25 {

  1083.   margin-bottom: 25px !important; }

  1084. 

  1085. .margin-bottom-30 {

  1086.   margin-bottom: 30px !important; }

  1087. 

  1088. .margin-bottom-40 {

  1089.   margin-bottom: 40px !important; }

  1090. 

  1091. .margin-right-10 {

  1092.   margin-right: 10px !important; }

  1093. 

  1094. /* IE8 & IE9 mode utilities */

  1095. .visible-ie8 {

  1096.   display: none; }

  1097. 

  1098. .ie8 .visible-ie8 {

  1099.   display: inherit !important; }

  1100. 

  1101. .visible-ie9 {

  1102.   display: none; }

  1103. 

  1104. .ie9 .visible-ie9 {

  1105.   display: inherit !important; }

  1106. 

  1107. .hidden-ie8 {

  1108.   display: inherit; }

  1109. 

  1110. .ie8 .hidden-ie8 {

  1111.   display: none !important; }

  1112. 

  1113. .hidden-ie9 {

  1114.   display: inherit; }

  1115. 

  1116. .ie9 .hidden-ie9 {

  1117.   display: none !important; }

  1118. 

  1119. /***

  1120. Responsive Utils

  1121. ***/

  1122. @media (max-width: 1024px) {

  1123.   .hidden-1024 {

  1124.     display: none; } }

  1125. 

  1126. @media (max-width: 480px) {

  1127.   .hidden-480 {

  1128.     display: none; } }

  1129. 

  1130. @media (max-width: 320px) {

  1131.   .hidden-320 {

  1132.     display: none; } }

  1133. 

  1134. /***

  1135. Demo Utils

  1136. ***/

  1137. .scrollspy-example {

  1138.   position: relative;

  1139.   height: 200px;

  1140.   margin-top: 10px;

  1141.   overflow: auto; }

  1142. 

  1143. .util-btn-margin-bottom-5 .btn {

  1144.   margin-bottom: 5px !important; }

  1145. 

  1146. .util-btn-group-margin-bottom-5 .btn-group {

  1147.   margin-bottom: 5px !important; }

  1148. 

  1149. .padding-tb-10 {

  1150.   padding: 10px 0; }

  1151. 

  1152. .padding-tb-15 {

  1153.   padding: 10px 0; }

  1154. 

  1155. .padding-tb-20 {

  1156.   padding: 20px 0; }

  1157. 

  1158. /***

  1159. Users

  1160. ***/

  1161. .user-info {

  1162.   margin-bottom: 10px !important; }

  1163.   .user-info img {

  1164.     float: left;

  1165.     margin-right: 5px; }

  1166.   .user-info .details {

  1167.     display: inline-block; }

  1168.   .user-info .label {

  1169.     font-weight: 300;

  1170.     font-size: 11px; }

  1171. 

  1172. /***

  1173. Custom vertical inline menu

  1174. ***/

  1175. .ver-inline-menu {

  1176.   padding: 0;

  1177.   margin: 0;

  1178.   list-style: none; }

  1179.   .ver-inline-menu li {

  1180.     position: relative;

  1181.     margin-bottom: 1px; }

  1182.     .ver-inline-menu li i {

  1183.       width: 37px;

  1184.       height: 37px;

  1185.       display: inline-block;

  1186.       color: #b9cbd5;

  1187.       font-size: 15px;

  1188.       padding: 12px 10px 10px 8px;

  1189.       margin: 0 8px 0 0;

  1190.       text-align: center;

  1191.       background: #e0eaf0 !important; }

  1192.     .ver-inline-menu li a {

  1193.       font-size: 14px;

  1194.       font-weight: 300;

  1195.       color: #557386;

  1196.       display: block;

  1197.       background: #f0f6fa;

  1198.       border-left: solid 2px #c4d5df; }

  1199.     .ver-inline-menu li:hover a {

  1200.       background: #e0eaf0;

  1201.       text-decoration: none; }

  1202.     .ver-inline-menu li:hover i {

  1203.       color: #fff;

  1204.       background: #c4d5df !important; }

  1205.     .ver-inline-menu li.active a {

  1206.       border-left: solid 2px #0c91e5; }

  1207.     .ver-inline-menu li.active i {

  1208.       background: #0c91e5 !important; }

  1209.     .ver-inline-menu li.active a,

  1210.     .ver-inline-menu li.active i {

  1211.       color: #fff;

  1212.       background: #169ef4;

  1213.       text-decoration: none; }

  1214.     .ver-inline-menu li.active a,

  1215.     .ver-inline-menu li:hover a {

  1216.       font-size: 14px; }

  1217.     .ver-inline-menu li.active:after {

  1218.       content: '';

  1219.       display: inline-block;

  1220.       border-bottom: 6px solid transparent;

  1221.       border-top: 6px solid transparent;

  1222.       border-left: 6px solid #169ef4;

  1223.       position: absolute;

  1224.       top: 12px;

  1225.       right: -5px; }

  1226. 

  1227. @media (max-width: 767px) {

  1228.   .ver-inline-menu > li.active:after {

  1229.     display: none; } }

  1230. 

  1231. /***

  1232. Separated List

  1233. ***/

  1234. .list-separated {

  1235.   margin-top: 10px;

  1236.   margin-bottom: 15px; }

  1237.   .list-separated > div:last-child {

  1238.     border-right: 0; }

  1239.   @media (max-width: 767px) {

  1240.     .list-separated {

  1241.       /* 767px */ }

  1242.       .list-separated > div {

  1243.         margin-bottom: 20px; } }

  1244. 

  1245. /***

  1246. Number & Chart Stats

  1247. ***/

  1248. .number-stats {

  1249.   margin: 10px 0; }

  1250.   .number-stats .stat-number {

  1251.     display: inline-block;

  1252.     margin: 0 5px; }

  1253.     .number-stats .stat-number .title {

  1254.       font-size: 13px;

  1255.       margin-bottom: 3px;

  1256.       color: #B8C3C7; }

  1257.     .number-stats .stat-number .number {

  1258.       font-size: 27px;

  1259.       line-height: 27px;

  1260.       color: #7D8C9D; }

  1261.   .number-stats .stat-chart {

  1262.     display: inline-block;

  1263.     margin: 0 5px; }

  1264.   .number-stats > div {

  1265.     border-right: 1px solid #f5f5f5; }

  1266.     .number-stats > div:last-child {

  1267.       border-right: 0; }

  1268.   .number-stats .stat-left {

  1269.     float: right; }

  1270.     .number-stats .stat-left .stat-number {

  1271.       float: right;

  1272.       text-align: right; }

  1273.     .number-stats .stat-left .stat-chart {

  1274.       float: right; }

  1275.   .number-stats .stat-right {

  1276.     float: left !important; }

  1277.     .number-stats .stat-right .stat-number {

  1278.       float: left;

  1279.       text-align: left; }

  1280.     .number-stats .stat-right .stat-chart {

  1281.       float: left; }

  1282.   .number-stats .stat-number {

  1283.     float: left;

  1284.     text-align: left; }

  1285.   .number-stats .stat-chart {

  1286.     float: left; }

  1287. 

  1288. /***

  1289. General User Record Listing

  1290. ***/

  1291. .general-item-list > .item {

  1292.   padding: 10px 0;

  1293.   border-bottom: 1px solid #F1F4F7; }

  1294.   .general-item-list > .item:last-child {

  1295.     border-bottom: 0; }

  1296.   .general-item-list > .item > .item-head {

  1297.     margin-bottom: 5px; }

  1298.     .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after {

  1299.       content: " ";

  1300.       display: table; }

  1301.     .general-item-list > .item > .item-head:after {

  1302.       clear: both; }

  1303.     .general-item-list > .item > .item-head > .item-details {

  1304.       display: inline-block;

  1305.       float: left; }

  1306.       .general-item-list > .item > .item-head > .item-details > .item-pic {

  1307.         height: 35px;

  1308.         margin-right: 10px;

  1309.         -webkit-border-radius: 100%;

  1310.         -moz-border-radius: 100%;

  1311.         -ms-border-radius: 100%;

  1312.         -o-border-radius: 100%;

  1313.         border-radius: 100%; }

  1314.       .general-item-list > .item > .item-head > .item-details > .item-name {

  1315.         display: inline-block;

  1316.         margin-right: 10px; }

  1317.       .general-item-list > .item > .item-head > .item-details > .item-label {

  1318.         color: #C0C9CC; }

  1319.     .general-item-list > .item > .item-head > .item-status {

  1320.       color: #C0C9CC;

  1321.       top: 10px;

  1322.       position: relative;

  1323.       display: inline-block;

  1324.       float: right; }

  1325.       .general-item-list > .item > .item-head > .item-status > .badge {

  1326.         margin-top: -2px; }

  1327.   .general-item-list > .item > .item-body {

  1328.     color: #96a5aa; }

  1329. 

  1330. /***

  1331. File dropzone

  1332. ***/

  1333. .file-drop-zone {

  1334.   border: 2px dashed #ddd;

  1335.   padding: 30px;

  1336.   text-align: center; }

  1337.   .file-drop-zone.file-drop-zone-over {

  1338.     border-color: #aaa; }

  1339. 

  1340. /***

  1341. Fontawesome Icons

  1342. ***/

  1343. [class^="fa-"]:not(.fa-stack),

  1344. [class^="glyphicon-"],

  1345. [class^="icon-"],

  1346. [class*=" fa-"]:not(.fa-stack),

  1347. [class*=" glyphicon-"],

  1348. [class*=" icon-"] {

  1349.   display: inline-block;

  1350.   *margin-right: .3em;

  1351.   line-height: 14px;

  1352.   -webkit-font-smoothing: antialiased; }

  1353. 

  1354. /* Make font awesome icons fixed width */

  1355. li [class^="fa-"],

  1356. li [class^="glyphicon-"],

  1357. li [class^="icon-"],

  1358. li [class*=" fa-"],

  1359. li [class*=" glyphicon-"],

  1360. li [class*=" icon-"] {

  1361.   display: inline-block;

  1362.   width: 1.25em;

  1363.   text-align: center; }

  1364. 

  1365. li [class^="glyphicon-"],

  1366. li [class*=" glyphicon-"] {

  1367.   top: 2px; }

  1368. 

  1369. li [class^="icon-"],

  1370. li [class*=" icon-"] {

  1371.   top: 1px;

  1372.   position: relative; }

  1373. 

  1374. li [class^="fa-"].icon-large,

  1375. li [class^="glyphicon-"].icon-large,

  1376. li [class^="icon-"].icon-large,

  1377. li [class*=" fa-"].icon-large,

  1378. li [class*=" glyphicon-"].icon-large,

  1379. li [class*=" icon-"].icon-large {

  1380.   /* increased font size for icon-large */

  1381.   width: 1.5625em; }

  1382. 

  1383. /* Icon states */

  1384. .icon-state-default {

  1385.   color: #bac3d0; }

  1386. 

  1387. .icon-state-success {

  1388.   color: #36c6d3; }

  1389. 

  1390. .icon-state-info {

  1391.   color: #659be0; }

  1392. 

  1393. .icon-state-warning {

  1394.   color: #F1C40F; }

  1395. 

  1396. .icon-state-danger {

  1397.   color: #ed6b75; }

  1398. 

  1399. /***

  1400. Font Awesome 4.x Demo

  1401. ***/

  1402. .fa-item {

  1403.   font-size: 14px;

  1404.   padding: 10px 10px 10px 20px; }

  1405.   .fa-item i {

  1406.     font-size: 16px;

  1407.     display: inline-block;

  1408.     width: 20px;

  1409.     color: #333; }

  1410.   .fa-item:hover {

  1411.     cursor: pointer;

  1412.     background: #eee; }

  1413. 

  1414. /***

  1415. Simple Line Icons Demo

  1416. ***/

  1417. .simplelineicons-demo .item-box {

  1418.   display: inline-block;

  1419.   font-size: 16px;

  1420.   margin: 0 -0.22em 1em 0;

  1421.   padding-left: 1em;

  1422.   width: 100%; }

  1423.   .simplelineicons-demo .item-box .item {

  1424.     background-color: #fff;

  1425.     color: #33383e;

  1426.     border-radius: 8px;

  1427.     display: inline-block;

  1428.     padding: 10px;

  1429.     width: 100%; }

  1430.     .simplelineicons-demo .item-box .item span {

  1431.       font-size: 22px; }

  1432. 

  1433. @media only screen and (min-width: 768px) {

  1434.   .simplelineicons-demo .item-box {

  1435.     width: 33.333%; } }

  1436. 

  1437. /*** 

  1438. Glyphicons Demo

  1439. ***/

  1440. .glyphicons-demo ul {

  1441.   padding-left: 0;

  1442.   padding-bottom: 1px;

  1443.   margin-bottom: 20px;

  1444.   list-style: none;

  1445.   overflow: hidden; }

  1446. 

  1447. .bs-glyphicon-class {

  1448.   text-align: center; }

  1449. 

  1450. .bs-glyphicons {

  1451.   padding-left: 0;

  1452.   padding-bottom: 1px;

  1453.   margin-bottom: 20px;

  1454.   list-style: none;

  1455.   overflow: hidden; }

  1456. 

  1457. .glyphicons-demo ul li {

  1458.   float: left;

  1459.   width: 25%;

  1460.   height: 115px;

  1461.   padding: 10px;

  1462.   margin: 0 -1px -1px 0;

  1463.   font-size: 14px;

  1464.   line-height: 1.4;

  1465.   text-align: center;

  1466.   border: 1px solid #ddd; }

  1467. 

  1468. .glyphicons-demo .glyphicon {

  1469.   display: block;

  1470.   margin: 5px auto 10px;

  1471.   font-size: 24px;

  1472.   color: #444; }

  1473. 

  1474. .glyphicons-demo ul li:hover {

  1475.   background-color: rgba(86, 61, 124, 0.1); }

  1476. 

  1477. @media (min-width: 768px) {

  1478.   .glyphicons-demo ul li {

  1479.     width: 12.5%; } }

  1480. 

  1481. /***

  1482. Customized Bootstrap Alerts

  1483. ***/

  1484. .alert {

  1485.   border-width: 1px; }

  1486.   .alert > p {

  1487.     margin: 0; }

  1488.   .alert.alert-borderless {

  1489.     border: 0; }

  1490. 

  1491. /***

  1492. Custom Bootstrap Badges

  1493. ***/

  1494. .badge {

  1495.   font-size: 11px !important;

  1496.   font-weight: 300;

  1497.   text-align: center;

  1498.   height: 18px;

  1499.   color: #fff;

  1500.   padding: 3px 6px 3px 6px;

  1501.   -webkit-border-radius: 12px !important;

  1502.   -moz-border-radius: 12px !important;

  1503.   border-radius: 12px !important;

  1504.   text-shadow: none !important;

  1505.   text-align: center;

  1506.   vertical-align: middle; }

  1507.   .badge.badge-roundless {

  1508.     -webkit-border-radius: 0 !important;

  1509.     -moz-border-radius: 0 !important;

  1510.     border-radius: 0 !important; }

  1511.   .badge.badge-empty {

  1512.     display: inline-block;

  1513.     padding: 0;

  1514.     min-width: 8px;

  1515.     height: 8px;

  1516.     width: 8px; }

  1517. 

  1518. /* Badge variants */

  1519. .badge-default {

  1520.   background-color: #bac3d0;

  1521.   background-image: none; }

  1522. 

  1523. .badge-primary {

  1524.   background-color: #337ab7;

  1525.   background-image: none; }

  1526. 

  1527. .badge-info {

  1528.   background-color: #659be0;

  1529.   background-image: none; }

  1530. 

  1531. .badge-success {

  1532.   background-color: #36c6d3;

  1533.   background-image: none; }

  1534. 

  1535. .badge-danger {

  1536.   background-color: #ed6b75;

  1537.   background-image: none; }

  1538. 

  1539. .badge-warning {

  1540.   background-color: #F1C40F;

  1541.   background-image: none; }

  1542. 

  1543. /* Fix badge position for navs */

  1544. .nav.nav-pills > li > a > .badge,

  1545. .nav.nav-stacked > li > a > .badge {

  1546.   margin-top: -2px; }

  1547. 

  1548. /***

  1549. Dropdown Menu Badges

  1550. ***/

  1551. .dropdown-menu > li > a > .badge {

  1552.   position: absolute;

  1553.   margin-top: 1px;

  1554.   right: 3px;

  1555.   display: inline; }

  1556. 

  1557. .dropdown-menu.badge-roundless {

  1558.   -webkit-border-radius: 0 !important;

  1559.   -moz-border-radius: 0 !important;

  1560.   border-radius: 0 !important; }

  1561. 

  1562. /***

  1563. Custom buttons based on bootstrap SASS

  1564. ***/

  1565. .btn {

  1566.   outline: none !important;

  1567.   box-shadow: none !important; }

  1568.   .btn:hover {

  1569.     transition: all 0.3s; }

  1570. 

  1571. .btn:not(.btn-sm):not(.btn-lg) {

  1572.   line-height: 1.44; }

  1573. 

  1574. /***

  1575. Custom color buttons 

  1576. ***/

  1577. .btn.white:not(.btn-outline) {

  1578.   color: #666;

  1579.   background-color: #ffffff;

  1580.   border-color: #ffffff; }

  1581.   .btn.white:not(.btn-outline):focus, .btn.white:not(.btn-outline).focus {

  1582.     color: #666;

  1583.     background-color: #e6e6e6;

  1584.     border-color: #bfbfbf; }

  1585.   .btn.white:not(.btn-outline):hover {

  1586.     color: #666;

  1587.     background-color: #e6e6e6;

  1588.     border-color: #e0e0e0; }

  1589.   .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active,

  1590.   .open > .btn.white:not(.btn-outline).dropdown-toggle {

  1591.     color: #666;

  1592.     background-color: #e6e6e6;

  1593.     border-color: #e0e0e0; }

  1594.     .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,

  1595.     .open > .btn.white:not(.btn-outline).dropdown-toggle:hover,

  1596.     .open > .btn.white:not(.btn-outline).dropdown-toggle:focus,

  1597.     .open > .btn.white:not(.btn-outline).dropdown-toggle.focus {

  1598.       color: #666;

  1599.       background-color: #d4d4d4;

  1600.       border-color: #bfbfbf; }

  1601.   .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline).active,

  1602.   .open > .btn.white:not(.btn-outline).dropdown-toggle {

  1603.     background-image: none; }

  1604.   .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,

  1605.   fieldset[disabled] .btn.white:not(.btn-outline):hover,

  1606.   fieldset[disabled] .btn.white:not(.btn-outline):focus,

  1607.   fieldset[disabled] .btn.white:not(.btn-outline).focus {

  1608.     background-color: #ffffff;

  1609.     border-color: #ffffff; }

  1610.   .btn.white:not(.btn-outline) .badge {

  1611.     color: #ffffff;

  1612.     background-color: #666; }

  1613. 

  1614. .btn.btn-outline.white {

  1615.   border-color: #ffffff;

  1616.   color: #ffffff;

  1617.   background: none; }

  1618.   .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 {

  1619.     border-color: #ffffff;

  1620.     color: #666;

  1621.     background-color: #ffffff; }

  1622. 

  1623. .btn.white-stripe {

  1624.   border-left: 4px solid #ffffff !important; }

  1625. 

  1626. .btn.white.btn-no-border:not(.active) {

  1627.   border-color: transparent; }

  1628. 

  1629. .btn.default:not(.btn-outline) {

  1630.   color: #666;

  1631.   background-color: #e1e5ec;

  1632.   border-color: #e1e5ec; }

  1633.   .btn.default:not(.btn-outline):focus, .btn.default:not(.btn-outline).focus {

  1634.     color: #666;

  1635.     background-color: #c2cad8;

  1636.     border-color: #93a1bb; }

  1637.   .btn.default:not(.btn-outline):hover {

  1638.     color: #666;

  1639.     background-color: #c2cad8;

  1640.     border-color: #bcc5d4; }

  1641.   .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active,

  1642.   .open > .btn.default:not(.btn-outline).dropdown-toggle {

  1643.     color: #666;

  1644.     background-color: #c2cad8;

  1645.     border-color: #bcc5d4; }

  1646.     .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,

  1647.     .open > .btn.default:not(.btn-outline).dropdown-toggle:hover,

  1648.     .open > .btn.default:not(.btn-outline).dropdown-toggle:focus,

  1649.     .open > .btn.default:not(.btn-outline).dropdown-toggle.focus {

  1650.       color: #666;

  1651.       background-color: #acb7ca;

  1652.       border-color: #93a1bb; }

  1653.   .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline).active,

  1654.   .open > .btn.default:not(.btn-outline).dropdown-toggle {

  1655.     background-image: none; }

  1656.   .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,

  1657.   fieldset[disabled] .btn.default:not(.btn-outline):hover,

  1658.   fieldset[disabled] .btn.default:not(.btn-outline):focus,

  1659.   fieldset[disabled] .btn.default:not(.btn-outline).focus {

  1660.     background-color: #e1e5ec;

  1661.     border-color: #e1e5ec; }

  1662.   .btn.default:not(.btn-outline) .badge {

  1663.     color: #e1e5ec;

  1664.     background-color: #666; }

  1665. 

  1666. .btn.btn-outline.default {

  1667.   border-color: #e1e5ec;

  1668.   color: #e1e5ec;

  1669.   background: none; }

  1670.   .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 {

  1671.     border-color: #e1e5ec;

  1672.     color: #666;

  1673.     background-color: #e1e5ec; }

  1674. 

  1675. .btn.default-stripe {

  1676.   border-left: 4px solid #e1e5ec !important; }

  1677. 

  1678. .btn.default.btn-no-border:not(.active) {

  1679.   border-color: transparent; }

  1680. 

  1681. .btn.dark:not(.btn-outline) {

  1682.   color: #FFFFFF;

  1683.   background-color: #2f353b;

  1684.   border-color: #2f353b; }

  1685.   .btn.dark:not(.btn-outline):focus, .btn.dark:not(.btn-outline).focus {

  1686.     color: #FFFFFF;

  1687.     background-color: #181c1f;

  1688.     border-color: black; }

  1689.   .btn.dark:not(.btn-outline):hover {

  1690.     color: #FFFFFF;

  1691.     background-color: #181c1f;

  1692.     border-color: #141619; }

  1693.   .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active,

  1694.   .open > .btn.dark:not(.btn-outline).dropdown-toggle {

  1695.     color: #FFFFFF;

  1696.     background-color: #181c1f;

  1697.     border-color: #141619; }

  1698.     .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,

  1699.     .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover,

  1700.     .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus,

  1701.     .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus {

  1702.       color: #FFFFFF;

  1703.       background-color: #090a0b;

  1704.       border-color: black; }

  1705.   .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline).active,

  1706.   .open > .btn.dark:not(.btn-outline).dropdown-toggle {

  1707.     background-image: none; }

  1708.   .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,

  1709.   fieldset[disabled] .btn.dark:not(.btn-outline):hover,

  1710.   fieldset[disabled] .btn.dark:not(.btn-outline):focus,

  1711.   fieldset[disabled] .btn.dark:not(.btn-outline).focus {

  1712.     background-color: #2f353b;

  1713.     border-color: #2f353b; }

  1714.   .btn.dark:not(.btn-outline) .badge {

  1715.     color: #2f353b;

  1716.     background-color: #FFFFFF; }

  1717. 

  1718. .btn.btn-outline.dark {

  1719.   border-color: #2f353b;

  1720.   color: #2f353b;

  1721.   background: none; }

  1722.   .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 {

  1723.     border-color: #2f353b;

  1724.     color: #FFFFFF;

  1725.     background-color: #2f353b; }

  1726. 

  1727. .btn.dark-stripe {

  1728.   border-left: 4px solid #2f353b !important; }

  1729. 

  1730. .btn.dark.btn-no-border:not(.active) {

  1731.   border-color: transparent; }

  1732. 

  1733. .btn.blue:not(.btn-outline) {

  1734.   color: #FFFFFF;

  1735.   background-color: #3598dc;

  1736.   border-color: #3598dc; }

  1737.   .btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {

  1738.     color: #FFFFFF;

  1739.     background-color: #217ebd;

  1740.     border-color: #15527c; }

  1741.   .btn.blue:not(.btn-outline):hover {

  1742.     color: #FFFFFF;

  1743.     background-color: #217ebd;

  1744.     border-color: #1f78b5; }

  1745.   .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,

  1746.   .open > .btn.blue:not(.btn-outline).dropdown-toggle {

  1747.     color: #FFFFFF;

  1748.     background-color: #217ebd;

  1749.     border-color: #1f78b5; }

  1750.     .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,

  1751.     .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,

  1752.     .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,

  1753.     .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus {

  1754.       color: #FFFFFF;

  1755.       background-color: #1c699f;

  1756.       border-color: #15527c; }

  1757.   .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,

  1758.   .open > .btn.blue:not(.btn-outline).dropdown-toggle {

  1759.     background-image: none; }

  1760.   .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,

  1761.   fieldset[disabled] .btn.blue:not(.btn-outline):hover,

  1762.   fieldset[disabled] .btn.blue:not(.btn-outline):focus,

  1763.   fieldset[disabled] .btn.blue:not(.btn-outline).focus {

  1764.     background-color: #3598dc;

  1765.     border-color: #3598dc; }

  1766.   .btn.blue:not(.btn-outline) .badge {

  1767.     color: #3598dc;

  1768.     background-color: #FFFFFF; }

  1769. 

  1770. .btn.btn-outline.blue {

  1771.   border-color: #3598dc;

  1772.   color: #3598dc;

  1773.   background: none; }

  1774.   .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 {

  1775.     border-color: #3598dc;

  1776.     color: #FFFFFF;

  1777.     background-color: #3598dc; }

  1778. 

  1779. .btn.blue-stripe {

  1780.   border-left: 4px solid #3598dc !important; }

  1781. 

  1782. .btn.blue.btn-no-border:not(.active) {

  1783.   border-color: transparent; }

  1784. 

  1785. .btn.blue-madison:not(.btn-outline) {

  1786.   color: #FFFFFF;

  1787.   background-color: #578ebe;

  1788.   border-color: #578ebe; }

  1789.   .btn.blue-madison:not(.btn-outline):focus, .btn.blue-madison:not(.btn-outline).focus {

  1790.     color: #FFFFFF;

  1791.     background-color: #3f74a3;

  1792.     border-color: #2a4d6c; }

  1793.   .btn.blue-madison:not(.btn-outline):hover {

  1794.     color: #FFFFFF;

  1795.     background-color: #3f74a3;

  1796.     border-color: #3c6f9c; }

  1797.   .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active,

  1798.   .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {

  1799.     color: #FFFFFF;

  1800.     background-color: #3f74a3;

  1801.     border-color: #3c6f9c; }

  1802.     .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,

  1803.     .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:hover,

  1804.     .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:focus,

  1805.     .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle.focus {

  1806.       color: #FFFFFF;

  1807.       background-color: #356289;

  1808.       border-color: #2a4d6c; }

  1809.   .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline).active,

  1810.   .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {

  1811.     background-image: none; }

  1812.   .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,

  1813.   fieldset[disabled] .btn.blue-madison:not(.btn-outline):hover,

  1814.   fieldset[disabled] .btn.blue-madison:not(.btn-outline):focus,

  1815.   fieldset[disabled] .btn.blue-madison:not(.btn-outline).focus {

  1816.     background-color: #578ebe;

  1817.     border-color: #578ebe; }

  1818.   .btn.blue-madison:not(.btn-outline) .badge {

  1819.     color: #578ebe;

  1820.     background-color: #FFFFFF; }

  1821. 

  1822. .btn.btn-outline.blue-madison {

  1823.   border-color: #578ebe;

  1824.   color: #578ebe;

  1825.   background: none; }

  1826.   .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 {

  1827.     border-color: #578ebe;

  1828.     color: #FFFFFF;

  1829.     background-color: #578ebe; }

  1830. 

  1831. .btn.blue-madison-stripe {

  1832.   border-left: 4px solid #578ebe !important; }

  1833. 

  1834. .btn.blue-madison.btn-no-border:not(.active) {

  1835.   border-color: transparent; }

  1836. 

  1837. .btn.blue-chambray:not(.btn-outline) {

  1838.   color: #FFFFFF;

  1839.   background-color: #2C3E50;

  1840.   border-color: #2C3E50; }

  1841.   .btn.blue-chambray:not(.btn-outline):focus, .btn.blue-chambray:not(.btn-outline).focus {

  1842.     color: #FFFFFF;

  1843.     background-color: #1a252f;

  1844.     border-color: black; }

  1845.   .btn.blue-chambray:not(.btn-outline):hover {

  1846.     color: #FFFFFF;

  1847.     background-color: #1a252f;

  1848.     border-color: #161f29; }

  1849.   .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active,

  1850.   .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {

  1851.     color: #FFFFFF;

  1852.     background-color: #1a252f;

  1853.     border-color: #161f29; }

  1854.     .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,

  1855.     .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:hover,

  1856.     .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:focus,

  1857.     .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle.focus {

  1858.       color: #FFFFFF;

  1859.       background-color: #0d1318;

  1860.       border-color: black; }

  1861.   .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline).active,

  1862.   .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {

  1863.     background-image: none; }

  1864.   .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,

  1865.   fieldset[disabled] .btn.blue-chambray:not(.btn-outline):hover,

  1866.   fieldset[disabled] .btn.blue-chambray:not(.btn-outline):focus,

  1867.   fieldset[disabled] .btn.blue-chambray:not(.btn-outline).focus {

  1868.     background-color: #2C3E50;

  1869.     border-color: #2C3E50; }

  1870.   .btn.blue-chambray:not(.btn-outline) .badge {

  1871.     color: #2C3E50;

  1872.     background-color: #FFFFFF; }

  1873. 

  1874. .btn.btn-outline.blue-chambray {

  1875.   border-color: #2C3E50;

  1876.   color: #2C3E50;

  1877.   background: none; }

  1878.   .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 {

  1879.     border-color: #2C3E50;

  1880.     color: #FFFFFF;

  1881.     background-color: #2C3E50; }

  1882. 

  1883. .btn.blue-chambray-stripe {

  1884.   border-left: 4px solid #2C3E50 !important; }

  1885. 

  1886. .btn.blue-chambray.btn-no-border:not(.active) {

  1887.   border-color: transparent; }

  1888. 

  1889. .btn.blue-ebonyclay:not(.btn-outline) {

  1890.   color: #FFFFFF;

  1891.   background-color: #22313F;

  1892.   border-color: #22313F; }

  1893.   .btn.blue-ebonyclay:not(.btn-outline):focus, .btn.blue-ebonyclay:not(.btn-outline).focus {

  1894.     color: #FFFFFF;

  1895.     background-color: #10171e;

  1896.     border-color: black; }

  1897.   .btn.blue-ebonyclay:not(.btn-outline):hover {

  1898.     color: #FFFFFF;

  1899.     background-color: #10171e;

  1900.     border-color: #0d1217; }

  1901.   .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active,

  1902.   .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {

  1903.     color: #FFFFFF;

  1904.     background-color: #10171e;

  1905.     border-color: #0d1217; }

  1906.     .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,

  1907.     .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:hover,

  1908.     .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:focus,

  1909.     .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle.focus {

  1910.       color: #FFFFFF;

  1911.       background-color: #040507;

  1912.       border-color: black; }

  1913.   .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline).active,

  1914.   .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {

  1915.     background-image: none; }

  1916.   .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,

  1917.   fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):hover,

  1918.   fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):focus,

  1919.   fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).focus {

  1920.     background-color: #22313F;

  1921.     border-color: #22313F; }

  1922.   .btn.blue-ebonyclay:not(.btn-outline) .badge {

  1923.     color: #22313F;

  1924.     background-color: #FFFFFF; }

  1925. 

  1926. .btn.btn-outline.blue-ebonyclay {

  1927.   border-color: #22313F;

  1928.   color: #22313F;

  1929.   background: none; }

  1930.   .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 {

  1931.     border-color: #22313F;

  1932.     color: #FFFFFF;

  1933.     background-color: #22313F; }

  1934. 

  1935. .btn.blue-ebonyclay-stripe {

  1936.   border-left: 4px solid #22313F !important; }

  1937. 

  1938. .btn.blue-ebonyclay.btn-no-border:not(.active) {

  1939.   border-color: transparent; }

  1940. 

  1941. .btn.blue-hoki:not(.btn-outline) {

  1942.   color: #FFFFFF;

  1943.   background-color: #67809F;

  1944.   border-color: #67809F; }

  1945.   .btn.blue-hoki:not(.btn-outline):focus, .btn.blue-hoki:not(.btn-outline).focus {

  1946.     color: #FFFFFF;

  1947.     background-color: #526781;

  1948.     border-color: #344252; }

  1949.   .btn.blue-hoki:not(.btn-outline):hover {

  1950.     color: #FFFFFF;

  1951.     background-color: #526781;

  1952.     border-color: #4e627b; }

  1953.   .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active,

  1954.   .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {

  1955.     color: #FFFFFF;

  1956.     background-color: #526781;

  1957.     border-color: #4e627b; }

  1958.     .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,

  1959.     .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:hover,

  1960.     .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:focus,

  1961.     .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle.focus {

  1962.       color: #FFFFFF;

  1963.       background-color: #44566b;

  1964.       border-color: #344252; }

  1965.   .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline).active,

  1966.   .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {

  1967.     background-image: none; }

  1968.   .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,

  1969.   fieldset[disabled] .btn.blue-hoki:not(.btn-outline):hover,

  1970.   fieldset[disabled] .btn.blue-hoki:not(.btn-outline):focus,

  1971.   fieldset[disabled] .btn.blue-hoki:not(.btn-outline).focus {

  1972.     background-color: #67809F;

  1973.     border-color: #67809F; }

  1974.   .btn.blue-hoki:not(.btn-outline) .badge {

  1975.     color: #67809F;

  1976.     background-color: #FFFFFF; }

  1977. 

  1978. .btn.btn-outline.blue-hoki {

  1979.   border-color: #67809F;

  1980.   color: #67809F;

  1981.   background: none; }

  1982.   .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 {

  1983.     border-color: #67809F;

  1984.     color: #FFFFFF;

  1985.     background-color: #67809F; }

  1986. 

  1987. .btn.blue-hoki-stripe {

  1988.   border-left: 4px solid #67809F !important; }

  1989. 

  1990. .btn.blue-hoki.btn-no-border:not(.active) {

  1991.   border-color: transparent; }

  1992. 

  1993. .btn.blue-steel:not(.btn-outline) {

  1994.   color: #FFFFFF;

  1995.   background-color: #4B77BE;

  1996.   border-color: #4B77BE; }

  1997.   .btn.blue-steel:not(.btn-outline):focus, .btn.blue-steel:not(.btn-outline).focus {

  1998.     color: #FFFFFF;

  1999.     background-color: #395f9d;

  2000.     border-color: #243d65; }

  2001.   .btn.blue-steel:not(.btn-outline):hover {

  2002.     color: #FFFFFF;

  2003.     background-color: #395f9d;

  2004.     border-color: #365b96; }

  2005.   .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active,

  2006.   .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {

  2007.     color: #FFFFFF;

  2008.     background-color: #395f9d;

  2009.     border-color: #365b96; }

  2010.     .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,

  2011.     .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:hover,

  2012.     .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:focus,

  2013.     .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle.focus {

  2014.       color: #FFFFFF;

  2015.       background-color: #2f4f83;

  2016.       border-color: #243d65; }

  2017.   .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline).active,

  2018.   .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {

  2019.     background-image: none; }

  2020.   .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,

  2021.   fieldset[disabled] .btn.blue-steel:not(.btn-outline):hover,

  2022.   fieldset[disabled] .btn.blue-steel:not(.btn-outline):focus,

  2023.   fieldset[disabled] .btn.blue-steel:not(.btn-outline).focus {

  2024.     background-color: #4B77BE;

  2025.     border-color: #4B77BE; }

  2026.   .btn.blue-steel:not(.btn-outline) .badge {

  2027.     color: #4B77BE;

  2028.     background-color: #FFFFFF; }

  2029. 

  2030. .btn.btn-outline.blue-steel {

  2031.   border-color: #4B77BE;

  2032.   color: #4B77BE;

  2033.   background: none; }

  2034.   .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 {

  2035.     border-color: #4B77BE;

  2036.     color: #FFFFFF;

  2037.     background-color: #4B77BE; }

  2038. 

  2039. .btn.blue-steel-stripe {

  2040.   border-left: 4px solid #4B77BE !important; }

  2041. 

  2042. .btn.blue-steel.btn-no-border:not(.active) {

  2043.   border-color: transparent; }

  2044. 

  2045. .btn.blue-soft:not(.btn-outline) {

  2046.   color: #FFFFFF;

  2047.   background-color: #4c87b9;

  2048.   border-color: #4c87b9; }

  2049.   .btn.blue-soft:not(.btn-outline):focus, .btn.blue-soft:not(.btn-outline).focus {

  2050.     color: #FFFFFF;

  2051.     background-color: #3b6d97;

  2052.     border-color: #264560; }

  2053.   .btn.blue-soft:not(.btn-outline):hover {

  2054.     color: #FFFFFF;

  2055.     background-color: #3b6d97;

  2056.     border-color: #386890; }

  2057.   .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active,

  2058.   .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {

  2059.     color: #FFFFFF;

  2060.     background-color: #3b6d97;

  2061.     border-color: #386890; }

  2062.     .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,

  2063.     .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:hover,

  2064.     .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:focus,

  2065.     .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle.focus {

  2066.       color: #FFFFFF;

  2067.       background-color: #315a7d;

  2068.       border-color: #264560; }

  2069.   .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline).active,

  2070.   .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {

  2071.     background-image: none; }

  2072.   .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,

  2073.   fieldset[disabled] .btn.blue-soft:not(.btn-outline):hover,

  2074.   fieldset[disabled] .btn.blue-soft:not(.btn-outline):focus,

  2075.   fieldset[disabled] .btn.blue-soft:not(.btn-outline).focus {

  2076.     background-color: #4c87b9;

  2077.     border-color: #4c87b9; }

  2078.   .btn.blue-soft:not(.btn-outline) .badge {

  2079.     color: #4c87b9;

  2080.     background-color: #FFFFFF; }

  2081. 

  2082. .btn.btn-outline.blue-soft {

  2083.   border-color: #4c87b9;

  2084.   color: #4c87b9;

  2085.   background: none; }

  2086.   .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 {

  2087.     border-color: #4c87b9;

  2088.     color: #FFFFFF;

  2089.     background-color: #4c87b9; }

  2090. 

  2091. .btn.blue-soft-stripe {

  2092.   border-left: 4px solid #4c87b9 !important; }

  2093. 

  2094. .btn.blue-soft.btn-no-border:not(.active) {

  2095.   border-color: transparent; }

  2096. 

  2097. .btn.blue-dark:not(.btn-outline) {

  2098.   color: #FFFFFF;

  2099.   background-color: #5e738b;

  2100.   border-color: #5e738b; }

  2101.   .btn.blue-dark:not(.btn-outline):focus, .btn.blue-dark:not(.btn-outline).focus {

  2102.     color: #FFFFFF;

  2103.     background-color: #495a6d;

  2104.     border-color: #2b343f; }

  2105.   .btn.blue-dark:not(.btn-outline):hover {

  2106.     color: #FFFFFF;

  2107.     background-color: #495a6d;

  2108.     border-color: #455566; }

  2109.   .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active,

  2110.   .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {

  2111.     color: #FFFFFF;

  2112.     background-color: #495a6d;

  2113.     border-color: #455566; }

  2114.     .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,

  2115.     .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:hover,

  2116.     .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:focus,

  2117.     .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle.focus {

  2118.       color: #FFFFFF;

  2119.       background-color: #3b4857;

  2120.       border-color: #2b343f; }

  2121.   .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline).active,

  2122.   .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {

  2123.     background-image: none; }

  2124.   .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,

  2125.   fieldset[disabled] .btn.blue-dark:not(.btn-outline):hover,

  2126.   fieldset[disabled] .btn.blue-dark:not(.btn-outline):focus,

  2127.   fieldset[disabled] .btn.blue-dark:not(.btn-outline).focus {

  2128.     background-color: #5e738b;

  2129.     border-color: #5e738b; }

  2130.   .btn.blue-dark:not(.btn-outline) .badge {

  2131.     color: #5e738b;

  2132.     background-color: #FFFFFF; }

  2133. 

  2134. .btn.btn-outline.blue-dark {

  2135.   border-color: #5e738b;

  2136.   color: #5e738b;

  2137.   background: none; }

  2138.   .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 {

  2139.     border-color: #5e738b;

  2140.     color: #FFFFFF;

  2141.     background-color: #5e738b; }

  2142. 

  2143. .btn.blue-dark-stripe {

  2144.   border-left: 4px solid #5e738b !important; }

  2145. 

  2146. .btn.blue-dark.btn-no-border:not(.active) {

  2147.   border-color: transparent; }

  2148. 

  2149. .btn.blue-sharp:not(.btn-outline) {

  2150.   color: #FFFFFF;

  2151.   background-color: #5C9BD1;

  2152.   border-color: #5C9BD1; }

  2153.   .btn.blue-sharp:not(.btn-outline):focus, .btn.blue-sharp:not(.btn-outline).focus {

  2154.     color: #FFFFFF;

  2155.     background-color: #3782c3;

  2156.     border-color: #265a87; }

  2157.   .btn.blue-sharp:not(.btn-outline):hover {

  2158.     color: #FFFFFF;

  2159.     background-color: #3782c3;

  2160.     border-color: #357dbb; }

  2161.   .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active,

  2162.   .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {

  2163.     color: #FFFFFF;

  2164.     background-color: #3782c3;

  2165.     border-color: #357dbb; }

  2166.     .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,

  2167.     .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover,

  2168.     .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus,

  2169.     .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus {

  2170.       color: #FFFFFF;

  2171.       background-color: #2f70a7;

  2172.       border-color: #265a87; }

  2173.   .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline).active,

  2174.   .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {

  2175.     background-image: none; }

  2176.   .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,

  2177.   fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover,

  2178.   fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus,

  2179.   fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus {

  2180.     background-color: #5C9BD1;

  2181.     border-color: #5C9BD1; }

  2182.   .btn.blue-sharp:not(.btn-outline) .badge {

  2183.     color: #5C9BD1;

  2184.     background-color: #FFFFFF; }

  2185. 

  2186. .btn.btn-outline.blue-sharp {

  2187.   border-color: #5C9BD1;

  2188.   color: #5C9BD1;

  2189.   background: none; }

  2190.   .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 {

  2191.     border-color: #5C9BD1;

  2192.     color: #FFFFFF;

  2193.     background-color: #5C9BD1; }

  2194. 

  2195. .btn.blue-sharp-stripe {

  2196.   border-left: 4px solid #5C9BD1 !important; }

  2197. 

  2198. .btn.blue-sharp.btn-no-border:not(.active) {

  2199.   border-color: transparent; }

  2200. 

  2201. .btn.blue-oleo:not(.btn-outline) {

  2202.   color: #FFFFFF;

  2203.   background-color: #94A0B2;

  2204.   border-color: #94A0B2; }

  2205.   .btn.blue-oleo:not(.btn-outline):focus, .btn.blue-oleo:not(.btn-outline).focus {

  2206.     color: #FFFFFF;

  2207.     background-color: #76869d;

  2208.     border-color: #536073; }

  2209.   .btn.blue-oleo:not(.btn-outline):hover {

  2210.     color: #FFFFFF;

  2211.     background-color: #76869d;

  2212.     border-color: #708098; }

  2213.   .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline).active,

  2214.   .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle {

  2215.     color: #FFFFFF;

  2216.     background-color: #76869d;

  2217.     border-color: #708098; }

  2218.     .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,

  2219.     .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:hover,

  2220.     .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:focus,

  2221.     .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle.focus {

  2222.       color: #FFFFFF;

  2223.       background-color: #64748b;

  2224.       border-color: #536073; }

  2225.   .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline).active,

  2226.   .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle {

  2227.     background-image: none; }

  2228.   .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,

  2229.   fieldset[disabled] .btn.blue-oleo:not(.btn-outline):hover,

  2230.   fieldset[disabled] .btn.blue-oleo:not(.btn-outline):focus,

  2231.   fieldset[disabled] .btn.blue-oleo:not(.btn-outline).focus {

  2232.     background-color: #94A0B2;

  2233.     border-color: #94A0B2; }

  2234.   .btn.blue-oleo:not(.btn-outline) .badge {

  2235.     color: #94A0B2;

  2236.     background-color: #FFFFFF; }

  2237. 

  2238. .btn.btn-outline.blue-oleo {

  2239.   border-color: #94A0B2;

  2240.   color: #94A0B2;

  2241.   background: none; }

  2242.   .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 {

  2243.     border-color: #94A0B2;

  2244.     color: #FFFFFF;

  2245.     background-color: #94A0B2; }

  2246. 

  2247. .btn.blue-oleo-stripe {

  2248.   border-left: 4px solid #94A0B2 !important; }

  2249. 

  2250. .btn.blue-oleo.btn-no-border:not(.active) {

  2251.   border-color: transparent; }

  2252. 

  2253. .btn.green:not(.btn-outline) {

  2254.   color: #FFFFFF;

  2255.   background-color: #32c5d2;

  2256.   border-color: #32c5d2; }

  2257.   .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline).focus {

  2258.     color: #FFFFFF;

  2259.     background-color: #26a1ab;

  2260.     border-color: #18666d; }

  2261.   .btn.green:not(.btn-outline):hover {

  2262.     color: #FFFFFF;

  2263.     background-color: #26a1ab;

  2264.     border-color: #2499a3; }

  2265.   .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,

  2266.   .open > .btn.green:not(.btn-outline).dropdown-toggle {

  2267.     color: #FFFFFF;

  2268.     background-color: #26a1ab;

  2269.     border-color: #2499a3; }

  2270.     .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,

  2271.     .open > .btn.green:not(.btn-outline).dropdown-toggle:hover,

  2272.     .open > .btn.green:not(.btn-outline).dropdown-toggle:focus,

  2273.     .open > .btn.green:not(.btn-outline).dropdown-toggle.focus {

  2274.       color: #FFFFFF;

  2275.       background-color: #1f858e;

  2276.       border-color: #18666d; }

  2277.   .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,

  2278.   .open > .btn.green:not(.btn-outline).dropdown-toggle {

  2279.     background-image: none; }

  2280.   .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,

  2281.   fieldset[disabled] .btn.green:not(.btn-outline):hover,

  2282.   fieldset[disabled] .btn.green:not(.btn-outline):focus,

  2283.   fieldset[disabled] .btn.green:not(.btn-outline).focus {

  2284.     background-color: #32c5d2;

  2285.     border-color: #32c5d2; }

  2286.   .btn.green:not(.btn-outline) .badge {

  2287.     color: #32c5d2;

  2288.     background-color: #FFFFFF; }

  2289. 

  2290. .btn.btn-outline.green {

  2291.   border-color: #32c5d2;

  2292.   color: #32c5d2;

  2293.   background: none; }

  2294.   .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 {

  2295.     border-color: #32c5d2;

  2296.     color: #FFFFFF;

  2297.     background-color: #32c5d2; }

  2298. 

  2299. .btn.green-stripe {

  2300.   border-left: 4px solid #32c5d2 !important; }

  2301. 

  2302. .btn.green.btn-no-border:not(.active) {

  2303.   border-color: transparent; }

  2304. 

  2305. .btn.green-meadow:not(.btn-outline) {

  2306.   color: #FFFFFF;

  2307.   background-color: #1BBC9B;

  2308.   border-color: #1BBC9B; }

  2309.   .btn.green-meadow:not(.btn-outline):focus, .btn.green-meadow:not(.btn-outline).focus {

  2310.     color: #FFFFFF;

  2311.     background-color: #158f76;

  2312.     border-color: #0b4d3f; }

  2313.   .btn.green-meadow:not(.btn-outline):hover {

  2314.     color: #FFFFFF;

  2315.     background-color: #158f76;

  2316.     border-color: #13866f; }

  2317.   .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active,

  2318.   .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {

  2319.     color: #FFFFFF;

  2320.     background-color: #158f76;

  2321.     border-color: #13866f; }

  2322.     .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,

  2323.     .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover,

  2324.     .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus,

  2325.     .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus {

  2326.       color: #FFFFFF;

  2327.       background-color: #10705c;

  2328.       border-color: #0b4d3f; }

  2329.   .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline).active,

  2330.   .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {

  2331.     background-image: none; }

  2332.   .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,

  2333.   fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover,

  2334.   fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus,

  2335.   fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus {

  2336.     background-color: #1BBC9B;

  2337.     border-color: #1BBC9B; }

  2338.   .btn.green-meadow:not(.btn-outline) .badge {

  2339.     color: #1BBC9B;

  2340.     background-color: #FFFFFF; }

  2341. 

  2342. .btn.btn-outline.green-meadow {

  2343.   border-color: #1BBC9B;

  2344.   color: #1BBC9B;

  2345.   background: none; }

  2346.   .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 {

  2347.     border-color: #1BBC9B;

  2348.     color: #FFFFFF;

  2349.     background-color: #1BBC9B; }

  2350. 

  2351. .btn.green-meadow-stripe {

  2352.   border-left: 4px solid #1BBC9B !important; }

  2353. 

  2354. .btn.green-meadow.btn-no-border:not(.active) {

  2355.   border-color: transparent; }

  2356. 

  2357. .btn.green-seagreen:not(.btn-outline) {

  2358.   color: #FFFFFF;

  2359.   background-color: #1BA39C;

  2360.   border-color: #1BA39C; }

  2361.   .btn.green-seagreen:not(.btn-outline):focus, .btn.green-seagreen:not(.btn-outline).focus {

  2362.     color: #FFFFFF;

  2363.     background-color: #147772;

  2364.     border-color: #093633; }

  2365.   .btn.green-seagreen:not(.btn-outline):hover {

  2366.     color: #FFFFFF;

  2367.     background-color: #147772;

  2368.     border-color: #126e6a; }

  2369.   .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active,

  2370.   .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {

  2371.     color: #FFFFFF;

  2372.     background-color: #147772;

  2373.     border-color: #126e6a; }

  2374.     .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,

  2375.     .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover,

  2376.     .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus,

  2377.     .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus {

  2378.       color: #FFFFFF;

  2379.       background-color: #0f5955;

  2380.       border-color: #093633; }

  2381.   .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline).active,

  2382.   .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {

  2383.     background-image: none; }

  2384.   .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,

  2385.   fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover,

  2386.   fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus,

  2387.   fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus {

  2388.     background-color: #1BA39C;

  2389.     border-color: #1BA39C; }

  2390.   .btn.green-seagreen:not(.btn-outline) .badge {

  2391.     color: #1BA39C;

  2392.     background-color: #FFFFFF; }

  2393. 

  2394. .btn.btn-outline.green-seagreen {

  2395.   border-color: #1BA39C;

  2396.   color: #1BA39C;

  2397.   background: none; }

  2398.   .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 {

  2399.     border-color: #1BA39C;

  2400.     color: #FFFFFF;

  2401.     background-color: #1BA39C; }

  2402. 

  2403. .btn.green-seagreen-stripe {

  2404.   border-left: 4px solid #1BA39C !important; }

  2405. 

  2406. .btn.green-seagreen.btn-no-border:not(.active) {

  2407.   border-color: transparent; }

  2408. 

  2409. .btn.green-turquoise:not(.btn-outline) {

  2410.   color: #FFFFFF;

  2411.   background-color: #36D7B7;

  2412.   border-color: #36D7B7; }

  2413.   .btn.green-turquoise:not(.btn-outline):focus, .btn.green-turquoise:not(.btn-outline).focus {

  2414.     color: #FFFFFF;

  2415.     background-color: #24b699;

  2416.     border-color: #177663; }

  2417.   .btn.green-turquoise:not(.btn-outline):hover {

  2418.     color: #FFFFFF;

  2419.     background-color: #24b699;

  2420.     border-color: #22ad92; }

  2421.   .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active,

  2422.   .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {

  2423.     color: #FFFFFF;

  2424.     background-color: #24b699;

  2425.     border-color: #22ad92; }

  2426.     .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,

  2427.     .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:hover,

  2428.     .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:focus,

  2429.     .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle.focus {

  2430.       color: #FFFFFF;

  2431.       background-color: #1e9880;

  2432.       border-color: #177663; }

  2433.   .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline).active,

  2434.   .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {

  2435.     background-image: none; }

  2436.   .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,

  2437.   fieldset[disabled] .btn.green-turquoise:not(.btn-outline):hover,

  2438.   fieldset[disabled] .btn.green-turquoise:not(.btn-outline):focus,

  2439.   fieldset[disabled] .btn.green-turquoise:not(.btn-outline).focus {

  2440.     background-color: #36D7B7;

  2441.     border-color: #36D7B7; }

  2442.   .btn.green-turquoise:not(.btn-outline) .badge {

  2443.     color: #36D7B7;

  2444.     background-color: #FFFFFF; }

  2445. 

  2446. .btn.btn-outline.green-turquoise {

  2447.   border-color: #36D7B7;

  2448.   color: #36D7B7;

  2449.   background: none; }

  2450.   .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 {

  2451.     border-color: #36D7B7;

  2452.     color: #FFFFFF;

  2453.     background-color: #36D7B7; }

  2454. 

  2455. .btn.green-turquoise-stripe {

  2456.   border-left: 4px solid #36D7B7 !important; }

  2457. 

  2458. .btn.green-turquoise.btn-no-border:not(.active) {

  2459.   border-color: transparent; }

  2460. 

  2461. .btn.green-haze:not(.btn-outline) {

  2462.   color: #FFFFFF;

  2463.   background-color: #44b6ae;

  2464.   border-color: #44b6ae; }

  2465.   .btn.green-haze:not(.btn-outline):focus, .btn.green-haze:not(.btn-outline).focus {

  2466.     color: #FFFFFF;

  2467.     background-color: #36918b;

  2468.     border-color: #215955; }

  2469.   .btn.green-haze:not(.btn-outline):hover {

  2470.     color: #FFFFFF;

  2471.     background-color: #36918b;

  2472.     border-color: #338983; }

  2473.   .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active,

  2474.   .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {

  2475.     color: #FFFFFF;

  2476.     background-color: #36918b;

  2477.     border-color: #338983; }

  2478.     .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,

  2479.     .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover,

  2480.     .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus,

  2481.     .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus {

  2482.       color: #FFFFFF;

  2483.       background-color: #2c7772;

  2484.       border-color: #215955; }

  2485.   .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline).active,

  2486.   .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {

  2487.     background-image: none; }

  2488.   .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,

  2489.   fieldset[disabled] .btn.green-haze:not(.btn-outline):hover,

  2490.   fieldset[disabled] .btn.green-haze:not(.btn-outline):focus,

  2491.   fieldset[disabled] .btn.green-haze:not(.btn-outline).focus {

  2492.     background-color: #44b6ae;

  2493.     border-color: #44b6ae; }

  2494.   .btn.green-haze:not(.btn-outline) .badge {

  2495.     color: #44b6ae;

  2496.     background-color: #FFFFFF; }

  2497. 

  2498. .btn.btn-outline.green-haze {

  2499.   border-color: #44b6ae;

  2500.   color: #44b6ae;

  2501.   background: none; }

  2502.   .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 {

  2503.     border-color: #44b6ae;

  2504.     color: #FFFFFF;

  2505.     background-color: #44b6ae; }

  2506. 

  2507. .btn.green-haze-stripe {

  2508.   border-left: 4px solid #44b6ae !important; }

  2509. 

  2510. .btn.green-haze.btn-no-border:not(.active) {

  2511.   border-color: transparent; }

  2512. 

  2513. .btn.green-jungle:not(.btn-outline) {

  2514.   color: #FFFFFF;

  2515.   background-color: #26C281;

  2516.   border-color: #26C281; }

  2517.   .btn.green-jungle:not(.btn-outline):focus, .btn.green-jungle:not(.btn-outline).focus {

  2518.     color: #FFFFFF;

  2519.     background-color: #1e9765;

  2520.     border-color: #11573a; }

  2521.   .btn.green-jungle:not(.btn-outline):hover {

  2522.     color: #FFFFFF;

  2523.     background-color: #1e9765;

  2524.     border-color: #1c8f5f; }

  2525.   .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active,

  2526.   .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {

  2527.     color: #FFFFFF;

  2528.     background-color: #1e9765;

  2529.     border-color: #1c8f5f; }

  2530.     .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,

  2531.     .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover,

  2532.     .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus,

  2533.     .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus {

  2534.       color: #FFFFFF;

  2535.       background-color: #187a51;

  2536.       border-color: #11573a; }

  2537.   .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline).active,

  2538.   .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {

  2539.     background-image: none; }

  2540.   .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,

  2541.   fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover,

  2542.   fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus,

  2543.   fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus {

  2544.     background-color: #26C281;

  2545.     border-color: #26C281; }

  2546.   .btn.green-jungle:not(.btn-outline) .badge {

  2547.     color: #26C281;

  2548.     background-color: #FFFFFF; }

  2549. 

  2550. .btn.btn-outline.green-jungle {

  2551.   border-color: #26C281;

  2552.   color: #26C281;

  2553.   background: none; }

  2554.   .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 {

  2555.     border-color: #26C281;

  2556.     color: #FFFFFF;

  2557.     background-color: #26C281; }

  2558. 

  2559. .btn.green-jungle-stripe {

  2560.   border-left: 4px solid #26C281 !important; }

  2561. 

  2562. .btn.green-jungle.btn-no-border:not(.active) {

  2563.   border-color: transparent; }

  2564. 

  2565. .btn.green-soft:not(.btn-outline) {

  2566.   color: #FFFFFF;

  2567.   background-color: #3faba4;

  2568.   border-color: #3faba4; }

  2569.   .btn.green-soft:not(.btn-outline):focus, .btn.green-soft:not(.btn-outline).focus {

  2570.     color: #FFFFFF;

  2571.     background-color: #318680;

  2572.     border-color: #1d4e4b; }

  2573.   .btn.green-soft:not(.btn-outline):hover {

  2574.     color: #FFFFFF;

  2575.     background-color: #318680;

  2576.     border-color: #2f7e79; }

  2577.   .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active,

  2578.   .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {

  2579.     color: #FFFFFF;

  2580.     background-color: #318680;

  2581.     border-color: #2f7e79; }

  2582.     .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,

  2583.     .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover,

  2584.     .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus,

  2585.     .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus {

  2586.       color: #FFFFFF;

  2587.       background-color: #286c67;

  2588.       border-color: #1d4e4b; }

  2589.   .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline).active,

  2590.   .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {

  2591.     background-image: none; }

  2592.   .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,

  2593.   fieldset[disabled] .btn.green-soft:not(.btn-outline):hover,

  2594.   fieldset[disabled] .btn.green-soft:not(.btn-outline):focus,

  2595.   fieldset[disabled] .btn.green-soft:not(.btn-outline).focus {

  2596.     background-color: #3faba4;

  2597.     border-color: #3faba4; }

  2598.   .btn.green-soft:not(.btn-outline) .badge {

  2599.     color: #3faba4;

  2600.     background-color: #FFFFFF; }

  2601. 

  2602. .btn.btn-outline.green-soft {

  2603.   border-color: #3faba4;

  2604.   color: #3faba4;

  2605.   background: none; }

  2606.   .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 {

  2607.     border-color: #3faba4;

  2608.     color: #FFFFFF;

  2609.     background-color: #3faba4; }

  2610. 

  2611. .btn.green-soft-stripe {

  2612.   border-left: 4px solid #3faba4 !important; }

  2613. 

  2614. .btn.green-soft.btn-no-border:not(.active) {

  2615.   border-color: transparent; }

  2616. 

  2617. .btn.green-dark:not(.btn-outline) {

  2618.   color: #FFFFFF;

  2619.   background-color: #4DB3A2;

  2620.   border-color: #4DB3A2; }

  2621.   .btn.green-dark:not(.btn-outline):focus, .btn.green-dark:not(.btn-outline).focus {

  2622.     color: #FFFFFF;

  2623.     background-color: #3d9082;

  2624.     border-color: #265a51; }

  2625.   .btn.green-dark:not(.btn-outline):hover {

  2626.     color: #FFFFFF;

  2627.     background-color: #3d9082;

  2628.     border-color: #3a897b; }

  2629.   .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active,

  2630.   .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {

  2631.     color: #FFFFFF;

  2632.     background-color: #3d9082;

  2633.     border-color: #3a897b; }

  2634.     .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,

  2635.     .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:hover,

  2636.     .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:focus,

  2637.     .open > .btn.green-dark:not(.btn-outline).dropdown-toggle.focus {

  2638.       color: #FFFFFF;

  2639.       background-color: #33776b;

  2640.       border-color: #265a51; }

  2641.   .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline).active,

  2642.   .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {

  2643.     background-image: none; }

  2644.   .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,

  2645.   fieldset[disabled] .btn.green-dark:not(.btn-outline):hover,

  2646.   fieldset[disabled] .btn.green-dark:not(.btn-outline):focus,

  2647.   fieldset[disabled] .btn.green-dark:not(.btn-outline).focus {

  2648.     background-color: #4DB3A2;

  2649.     border-color: #4DB3A2; }

  2650.   .btn.green-dark:not(.btn-outline) .badge {

  2651.     color: #4DB3A2;

  2652.     background-color: #FFFFFF; }

  2653. 

  2654. .btn.btn-outline.green-dark {

  2655.   border-color: #4DB3A2;

  2656.   color: #4DB3A2;

  2657.   background: none; }

  2658.   .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 {

  2659.     border-color: #4DB3A2;

  2660.     color: #FFFFFF;

  2661.     background-color: #4DB3A2; }

  2662. 

  2663. .btn.green-dark-stripe {

  2664.   border-left: 4px solid #4DB3A2 !important; }

  2665. 

  2666. .btn.green-dark.btn-no-border:not(.active) {

  2667.   border-color: transparent; }

  2668. 

  2669. .btn.green-sharp:not(.btn-outline) {

  2670.   color: #FFFFFF;

  2671.   background-color: #2ab4c0;

  2672.   border-color: #2ab4c0; }

  2673.   .btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus {

  2674.     color: #FFFFFF;

  2675.     background-color: #218d96;

  2676.     border-color: #135257; }

  2677.   .btn.green-sharp:not(.btn-outline):hover {

  2678.     color: #FFFFFF;

  2679.     background-color: #218d96;

  2680.     border-color: #1f858e; }

  2681.   .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,

  2682.   .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {

  2683.     color: #FFFFFF;

  2684.     background-color: #218d96;

  2685.     border-color: #1f858e; }

  2686.     .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,

  2687.     .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover,

  2688.     .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus,

  2689.     .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus {

  2690.       color: #FFFFFF;

  2691.       background-color: #1a7179;

  2692.       border-color: #135257; }

  2693.   .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,

  2694.   .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {

  2695.     background-image: none; }

  2696.   .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,

  2697.   fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover,

  2698.   fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus,

  2699.   fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus {

  2700.     background-color: #2ab4c0;

  2701.     border-color: #2ab4c0; }

  2702.   .btn.green-sharp:not(.btn-outline) .badge {

  2703.     color: #2ab4c0;

  2704.     background-color: #FFFFFF; }

  2705. 

  2706. .btn.btn-outline.green-sharp {

  2707.   border-color: #2ab4c0;

  2708.   color: #2ab4c0;

  2709.   background: none; }

  2710.   .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 {

  2711.     border-color: #2ab4c0;

  2712.     color: #FFFFFF;

  2713.     background-color: #2ab4c0; }

  2714. 

  2715. .btn.green-sharp-stripe {

  2716.   border-left: 4px solid #2ab4c0 !important; }

  2717. 

  2718. .btn.green-sharp.btn-no-border:not(.active) {

  2719.   border-color: transparent; }

  2720. 

  2721. .btn.green-steel:not(.btn-outline) {

  2722.   color: #FFFFFF;

  2723.   background-color: #29b4b6;

  2724.   border-color: #29b4b6; }

  2725.   .btn.green-steel:not(.btn-outline):focus, .btn.green-steel:not(.btn-outline).focus {

  2726.     color: #FFFFFF;

  2727.     background-color: #208b8c;

  2728.     border-color: #124d4e; }

  2729.   .btn.green-steel:not(.btn-outline):hover {

  2730.     color: #FFFFFF;

  2731.     background-color: #208b8c;

  2732.     border-color: #1e8384; }

  2733.   .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline).active,

  2734.   .open > .btn.green-steel:not(.btn-outline).dropdown-toggle {

  2735.     color: #FFFFFF;

  2736.     background-color: #208b8c;

  2737.     border-color: #1e8384; }

  2738.     .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,

  2739.     .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:hover,

  2740.     .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:focus,

  2741.     .open > .btn.green-steel:not(.btn-outline).dropdown-toggle.focus {

  2742.       color: #FFFFFF;

  2743.       background-color: #196e6f;

  2744.       border-color: #124d4e; }

  2745.   .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline).active,

  2746.   .open > .btn.green-steel:not(.btn-outline).dropdown-toggle {

  2747.     background-image: none; }

  2748.   .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,

  2749.   fieldset[disabled] .btn.green-steel:not(.btn-outline):hover,

  2750.   fieldset[disabled] .btn.green-steel:not(.btn-outline):focus,

  2751.   fieldset[disabled] .btn.green-steel:not(.btn-outline).focus {

  2752.     background-color: #29b4b6;

  2753.     border-color: #29b4b6; }

  2754.   .btn.green-steel:not(.btn-outline) .badge {

  2755.     color: #29b4b6;

  2756.     background-color: #FFFFFF; }

  2757. 

  2758. .btn.btn-outline.green-steel {

  2759.   border-color: #29b4b6;

  2760.   color: #29b4b6;

  2761.   background: none; }

  2762.   .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 {

  2763.     border-color: #29b4b6;

  2764.     color: #FFFFFF;

  2765.     background-color: #29b4b6; }

  2766. 

  2767. .btn.green-steel-stripe {

  2768.   border-left: 4px solid #29b4b6 !important; }

  2769. 

  2770. .btn.green-steel.btn-no-border:not(.active) {

  2771.   border-color: transparent; }

  2772. 

  2773. .btn.grey:not(.btn-outline) {

  2774.   color: #333333;

  2775.   background-color: #E5E5E5;

  2776.   border-color: #E5E5E5; }

  2777.   .btn.grey:not(.btn-outline):focus, .btn.grey:not(.btn-outline).focus {

  2778.     color: #333333;

  2779.     background-color: #cccccc;

  2780.     border-color: #a5a5a5; }

  2781.   .btn.grey:not(.btn-outline):hover {

  2782.     color: #333333;

  2783.     background-color: #cccccc;

  2784.     border-color: #c6c6c6; }

  2785.   .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active,

  2786.   .open > .btn.grey:not(.btn-outline).dropdown-toggle {

  2787.     color: #333333;

  2788.     background-color: #cccccc;

  2789.     border-color: #c6c6c6; }

  2790.     .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,

  2791.     .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover,

  2792.     .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus,

  2793.     .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus {

  2794.       color: #333333;

  2795.       background-color: #bababa;

  2796.       border-color: #a5a5a5; }

  2797.   .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline).active,

  2798.   .open > .btn.grey:not(.btn-outline).dropdown-toggle {

  2799.     background-image: none; }

  2800.   .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,

  2801.   fieldset[disabled] .btn.grey:not(.btn-outline):hover,

  2802.   fieldset[disabled] .btn.grey:not(.btn-outline):focus,

  2803.   fieldset[disabled] .btn.grey:not(.btn-outline).focus {

  2804.     background-color: #E5E5E5;

  2805.     border-color: #E5E5E5; }

  2806.   .btn.grey:not(.btn-outline) .badge {

  2807.     color: #E5E5E5;

  2808.     background-color: #333333; }

  2809. 

  2810. .btn.btn-outline.grey {

  2811.   border-color: #E5E5E5;

  2812.   color: #E5E5E5;

  2813.   background: none; }

  2814.   .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 {

  2815.     border-color: #E5E5E5;

  2816.     color: #333333;

  2817.     background-color: #E5E5E5; }

  2818. 

  2819. .btn.grey-stripe {

  2820.   border-left: 4px solid #E5E5E5 !important; }

  2821. 

  2822. .btn.grey.btn-no-border:not(.active) {

  2823.   border-color: transparent; }

  2824. 

  2825. .btn.grey-steel:not(.btn-outline) {

  2826.   color: #80898e;

  2827.   background-color: #e9edef;

  2828.   border-color: #e9edef; }

  2829.   .btn.grey-steel:not(.btn-outline):focus, .btn.grey-steel:not(.btn-outline).focus {

  2830.     color: #80898e;

  2831.     background-color: #cbd5da;

  2832.     border-color: #9fb1b9; }

  2833.   .btn.grey-steel:not(.btn-outline):hover {

  2834.     color: #80898e;

  2835.     background-color: #cbd5da;

  2836.     border-color: #c6d0d5; }

  2837.   .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active,

  2838.   .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {

  2839.     color: #80898e;

  2840.     background-color: #cbd5da;

  2841.     border-color: #c6d0d5; }

  2842.     .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,

  2843.     .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover,

  2844.     .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus,

  2845.     .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus {

  2846.       color: #80898e;

  2847.       background-color: #b7c4ca;

  2848.       border-color: #9fb1b9; }

  2849.   .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline).active,

  2850.   .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {

  2851.     background-image: none; }

  2852.   .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,

  2853.   fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover,

  2854.   fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus,

  2855.   fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus {

  2856.     background-color: #e9edef;

  2857.     border-color: #e9edef; }

  2858.   .btn.grey-steel:not(.btn-outline) .badge {

  2859.     color: #e9edef;

  2860.     background-color: #80898e; }

  2861. 

  2862. .btn.btn-outline.grey-steel {

  2863.   border-color: #e9edef;

  2864.   color: #e9edef;

  2865.   background: none; }

  2866.   .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 {

  2867.     border-color: #e9edef;

  2868.     color: #80898e;

  2869.     background-color: #e9edef; }

  2870. 

  2871. .btn.grey-steel-stripe {

  2872.   border-left: 4px solid #e9edef !important; }

  2873. 

  2874. .btn.grey-steel.btn-no-border:not(.active) {

  2875.   border-color: transparent; }

  2876. 

  2877. .btn.grey-cararra:not(.btn-outline) {

  2878.   color: #333333;

  2879.   background-color: #fafafa;

  2880.   border-color: #fafafa; }

  2881.   .btn.grey-cararra:not(.btn-outline):focus, .btn.grey-cararra:not(.btn-outline).focus {

  2882.     color: #333333;

  2883.     background-color: #e1e1e1;

  2884.     border-color: #bababa; }

  2885.   .btn.grey-cararra:not(.btn-outline):hover {

  2886.     color: #333333;

  2887.     background-color: #e1e1e1;

  2888.     border-color: #dbdbdb; }

  2889.   .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active,

  2890.   .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {

  2891.     color: #333333;

  2892.     background-color: #e1e1e1;

  2893.     border-color: #dbdbdb; }

  2894.     .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,

  2895.     .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover,

  2896.     .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus,

  2897.     .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus {

  2898.       color: #333333;

  2899.       background-color: #cfcfcf;

  2900.       border-color: #bababa; }

  2901.   .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline).active,

  2902.   .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {

  2903.     background-image: none; }

  2904.   .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,

  2905.   fieldset[disabled] .btn.grey-cararra:not(.btn-outline):hover,

  2906.   fieldset[disabled] .btn.grey-cararra:not(.btn-outline):focus,

  2907.   fieldset[disabled] .btn.grey-cararra:not(.btn-outline).focus {

  2908.     background-color: #fafafa;

  2909.     border-color: #fafafa; }

  2910.   .btn.grey-cararra:not(.btn-outline) .badge {

  2911.     color: #fafafa;

  2912.     background-color: #333333; }

  2913. 

  2914. .btn.btn-outline.grey-cararra {

  2915.   border-color: #fafafa;

  2916.   color: #fafafa;

  2917.   background: none; }

  2918.   .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 {

  2919.     border-color: #fafafa;

  2920.     color: #333333;

  2921.     background-color: #fafafa; }

  2922. 

  2923. .btn.grey-cararra-stripe {

  2924.   border-left: 4px solid #fafafa !important; }

  2925. 

  2926. .btn.grey-cararra.btn-no-border:not(.active) {

  2927.   border-color: transparent; }

  2928. 

  2929. .btn.grey-gallery:not(.btn-outline) {

  2930.   color: #ffffff;

  2931.   background-color: #555555;

  2932.   border-color: #555555; }

  2933.   .btn.grey-gallery:not(.btn-outline):focus, .btn.grey-gallery:not(.btn-outline).focus {

  2934.     color: #ffffff;

  2935.     background-color: #3c3c3c;

  2936.     border-color: #151515; }

  2937.   .btn.grey-gallery:not(.btn-outline):hover {

  2938.     color: #ffffff;

  2939.     background-color: #3c3c3c;

  2940.     border-color: #363636; }

  2941.   .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active,

  2942.   .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {

  2943.     color: #ffffff;

  2944.     background-color: #3c3c3c;

  2945.     border-color: #363636; }

  2946.     .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,

  2947.     .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover,

  2948.     .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus,

  2949.     .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus {

  2950.       color: #ffffff;

  2951.       background-color: #2a2a2a;

  2952.       border-color: #151515; }

  2953.   .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline).active,

  2954.   .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {

  2955.     background-image: none; }

  2956.   .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,

  2957.   fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover,

  2958.   fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus,

  2959.   fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus {

  2960.     background-color: #555555;

  2961.     border-color: #555555; }

  2962.   .btn.grey-gallery:not(.btn-outline) .badge {

  2963.     color: #555555;

  2964.     background-color: #ffffff; }

  2965. 

  2966. .btn.btn-outline.grey-gallery {

  2967.   border-color: #555555;

  2968.   color: #555555;

  2969.   background: none; }

  2970.   .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 {

  2971.     border-color: #555555;

  2972.     color: #ffffff;

  2973.     background-color: #555555; }

  2974. 

  2975. .btn.grey-gallery-stripe {

  2976.   border-left: 4px solid #555555 !important; }

  2977. 

  2978. .btn.grey-gallery.btn-no-border:not(.active) {

  2979.   border-color: transparent; }

  2980. 

  2981. .btn.grey-cascade:not(.btn-outline) {

  2982.   color: #FFFFFF;

  2983.   background-color: #95A5A6;

  2984.   border-color: #95A5A6; }

  2985.   .btn.grey-cascade:not(.btn-outline):focus, .btn.grey-cascade:not(.btn-outline).focus {

  2986.     color: #FFFFFF;

  2987.     background-color: #798d8f;

  2988.     border-color: #566566; }

  2989.   .btn.grey-cascade:not(.btn-outline):hover {

  2990.     color: #FFFFFF;

  2991.     background-color: #798d8f;

  2992.     border-color: #74898a; }

  2993.   .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active,

  2994.   .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {

  2995.     color: #FFFFFF;

  2996.     background-color: #798d8f;

  2997.     border-color: #74898a; }

  2998.     .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,

  2999.     .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:hover,

  3000.     .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:focus,

  3001.     .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle.focus {

  3002.       color: #FFFFFF;

  3003.       background-color: #687b7c;

  3004.       border-color: #566566; }

  3005.   .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline).active,

  3006.   .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {

  3007.     background-image: none; }

  3008.   .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,

  3009.   fieldset[disabled] .btn.grey-cascade:not(.btn-outline):hover,

  3010.   fieldset[disabled] .btn.grey-cascade:not(.btn-outline):focus,

  3011.   fieldset[disabled] .btn.grey-cascade:not(.btn-outline).focus {

  3012.     background-color: #95A5A6;

  3013.     border-color: #95A5A6; }

  3014.   .btn.grey-cascade:not(.btn-outline) .badge {

  3015.     color: #95A5A6;

  3016.     background-color: #FFFFFF; }

  3017. 

  3018. .btn.btn-outline.grey-cascade {

  3019.   border-color: #95A5A6;

  3020.   color: #95A5A6;

  3021.   background: none; }

  3022.   .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 {

  3023.     border-color: #95A5A6;

  3024.     color: #FFFFFF;

  3025.     background-color: #95A5A6; }

  3026. 

  3027. .btn.grey-cascade-stripe {

  3028.   border-left: 4px solid #95A5A6 !important; }

  3029. 

  3030. .btn.grey-cascade.btn-no-border:not(.active) {

  3031.   border-color: transparent; }

  3032. 

  3033. .btn.grey-silver:not(.btn-outline) {

  3034.   color: #FAFCFB;

  3035.   background-color: #BFBFBF;

  3036.   border-color: #BFBFBF; }

  3037.   .btn.grey-silver:not(.btn-outline):focus, .btn.grey-silver:not(.btn-outline).focus {

  3038.     color: #FAFCFB;

  3039.     background-color: #a6a6a6;

  3040.     border-color: #7f7f7f; }

  3041.   .btn.grey-silver:not(.btn-outline):hover {

  3042.     color: #FAFCFB;

  3043.     background-color: #a6a6a6;

  3044.     border-color: #a0a0a0; }

  3045.   .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active,

  3046.   .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {

  3047.     color: #FAFCFB;

  3048.     background-color: #a6a6a6;

  3049.     border-color: #a0a0a0; }

  3050.     .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,

  3051.     .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover,

  3052.     .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:focus,

  3053.     .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle.focus {

  3054.       color: #FAFCFB;

  3055.       background-color: #949494;

  3056.       border-color: #7f7f7f; }

  3057.   .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline).active,

  3058.   .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {

  3059.     background-image: none; }

  3060.   .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,

  3061.   fieldset[disabled] .btn.grey-silver:not(.btn-outline):hover,

  3062.   fieldset[disabled] .btn.grey-silver:not(.btn-outline):focus,

  3063.   fieldset[disabled] .btn.grey-silver:not(.btn-outline).focus {

  3064.     background-color: #BFBFBF;

  3065.     border-color: #BFBFBF; }

  3066.   .btn.grey-silver:not(.btn-outline) .badge {

  3067.     color: #BFBFBF;

  3068.     background-color: #FAFCFB; }

  3069. 

  3070. .btn.btn-outline.grey-silver {

  3071.   border-color: #BFBFBF;

  3072.   color: #BFBFBF;

  3073.   background: none; }

  3074.   .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 {

  3075.     border-color: #BFBFBF;

  3076.     color: #FAFCFB;

  3077.     background-color: #BFBFBF; }

  3078. 

  3079. .btn.grey-silver-stripe {

  3080.   border-left: 4px solid #BFBFBF !important; }

  3081. 

  3082. .btn.grey-silver.btn-no-border:not(.active) {

  3083.   border-color: transparent; }

  3084. 

  3085. .btn.grey-salsa:not(.btn-outline) {

  3086.   color: #FAFCFB;

  3087.   background-color: #ACB5C3;

  3088.   border-color: #ACB5C3; }

  3089.   .btn.grey-salsa:not(.btn-outline):focus, .btn.grey-salsa:not(.btn-outline).focus {

  3090.     color: #FAFCFB;

  3091.     background-color: #8e9bae;

  3092.     border-color: #64748b; }

  3093.   .btn.grey-salsa:not(.btn-outline):hover {

  3094.     color: #FAFCFB;

  3095.     background-color: #8e9bae;

  3096.     border-color: #8895a9; }

  3097.   .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active,

  3098.   .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {

  3099.     color: #FAFCFB;

  3100.     background-color: #8e9bae;

  3101.     border-color: #8895a9; }

  3102.     .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,

  3103.     .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover,

  3104.     .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus,

  3105.     .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus {

  3106.       color: #FAFCFB;

  3107.       background-color: #7a889f;

  3108.       border-color: #64748b; }

  3109.   .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline).active,

  3110.   .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {

  3111.     background-image: none; }

  3112.   .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,

  3113.   fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover,

  3114.   fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus,

  3115.   fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus {

  3116.     background-color: #ACB5C3;

  3117.     border-color: #ACB5C3; }

  3118.   .btn.grey-salsa:not(.btn-outline) .badge {

  3119.     color: #ACB5C3;

  3120.     background-color: #FAFCFB; }

  3121. 

  3122. .btn.btn-outline.grey-salsa {

  3123.   border-color: #ACB5C3;

  3124.   color: #ACB5C3;

  3125.   background: none; }

  3126.   .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 {

  3127.     border-color: #ACB5C3;

  3128.     color: #FAFCFB;

  3129.     background-color: #ACB5C3; }

  3130. 

  3131. .btn.grey-salsa-stripe {

  3132.   border-left: 4px solid #ACB5C3 !important; }

  3133. 

  3134. .btn.grey-salsa.btn-no-border:not(.active) {

  3135.   border-color: transparent; }

  3136. 

  3137. .btn.grey-salt:not(.btn-outline) {

  3138.   color: #FAFCFB;

  3139.   background-color: #bfcad1;

  3140.   border-color: #bfcad1; }

  3141.   .btn.grey-salt:not(.btn-outline):focus, .btn.grey-salt:not(.btn-outline).focus {

  3142.     color: #FAFCFB;

  3143.     background-color: #a1b1bc;

  3144.     border-color: #758d9c; }

  3145.   .btn.grey-salt:not(.btn-outline):hover {

  3146.     color: #FAFCFB;

  3147.     background-color: #a1b1bc;

  3148.     border-color: #9badb7; }

  3149.   .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active,

  3150.   .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {

  3151.     color: #FAFCFB;

  3152.     background-color: #a1b1bc;

  3153.     border-color: #9badb7; }

  3154.     .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,

  3155.     .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:hover,

  3156.     .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:focus,

  3157.     .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle.focus {

  3158.       color: #FAFCFB;

  3159.       background-color: #8da0ad;

  3160.       border-color: #758d9c; }

  3161.   .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline).active,

  3162.   .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {

  3163.     background-image: none; }

  3164.   .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,

  3165.   fieldset[disabled] .btn.grey-salt:not(.btn-outline):hover,

  3166.   fieldset[disabled] .btn.grey-salt:not(.btn-outline):focus,

  3167.   fieldset[disabled] .btn.grey-salt:not(.btn-outline).focus {

  3168.     background-color: #bfcad1;

  3169.     border-color: #bfcad1; }

  3170.   .btn.grey-salt:not(.btn-outline) .badge {

  3171.     color: #bfcad1;

  3172.     background-color: #FAFCFB; }

  3173. 

  3174. .btn.btn-outline.grey-salt {

  3175.   border-color: #bfcad1;

  3176.   color: #bfcad1;

  3177.   background: none; }

  3178.   .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 {

  3179.     border-color: #bfcad1;

  3180.     color: #FAFCFB;

  3181.     background-color: #bfcad1; }

  3182. 

  3183. .btn.grey-salt-stripe {

  3184.   border-left: 4px solid #bfcad1 !important; }

  3185. 

  3186. .btn.grey-salt.btn-no-border:not(.active) {

  3187.   border-color: transparent; }

  3188. 

  3189. .btn.grey-mint:not(.btn-outline) {

  3190.   color: #FFFFFF;

  3191.   background-color: #525e64;

  3192.   border-color: #525e64; }

  3193.   .btn.grey-mint:not(.btn-outline):focus, .btn.grey-mint:not(.btn-outline).focus {

  3194.     color: #FFFFFF;

  3195.     background-color: #3b4448;

  3196.     border-color: #191c1e; }

  3197.   .btn.grey-mint:not(.btn-outline):hover {

  3198.     color: #FFFFFF;

  3199.     background-color: #3b4448;

  3200.     border-color: #363e42; }

  3201.   .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active,

  3202.   .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {

  3203.     color: #FFFFFF;

  3204.     background-color: #3b4448;

  3205.     border-color: #363e42; }

  3206.     .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,

  3207.     .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:hover,

  3208.     .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:focus,

  3209.     .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle.focus {

  3210.       color: #FFFFFF;

  3211.       background-color: #2b3134;

  3212.       border-color: #191c1e; }

  3213.   .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline).active,

  3214.   .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {

  3215.     background-image: none; }

  3216.   .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,

  3217.   fieldset[disabled] .btn.grey-mint:not(.btn-outline):hover,

  3218.   fieldset[disabled] .btn.grey-mint:not(.btn-outline):focus,

  3219.   fieldset[disabled] .btn.grey-mint:not(.btn-outline).focus {

  3220.     background-color: #525e64;

  3221.     border-color: #525e64; }

  3222.   .btn.grey-mint:not(.btn-outline) .badge {

  3223.     color: #525e64;

  3224.     background-color: #FFFFFF; }

  3225. 

  3226. .btn.btn-outline.grey-mint {

  3227.   border-color: #525e64;

  3228.   color: #525e64;

  3229.   background: none; }

  3230.   .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 {

  3231.     border-color: #525e64;

  3232.     color: #FFFFFF;

  3233.     background-color: #525e64; }

  3234. 

  3235. .btn.grey-mint-stripe {

  3236.   border-left: 4px solid #525e64 !important; }

  3237. 

  3238. .btn.grey-mint.btn-no-border:not(.active) {

  3239.   border-color: transparent; }

  3240. 

  3241. .btn.red:not(.btn-outline) {

  3242.   color: #ffffff;

  3243.   background-color: #e7505a;

  3244.   border-color: #e7505a; }

  3245.   .btn.red:not(.btn-outline):focus, .btn.red:not(.btn-outline).focus {

  3246.     color: #ffffff;

  3247.     background-color: #e12330;

  3248.     border-color: #a1161f; }

  3249.   .btn.red:not(.btn-outline):hover {

  3250.     color: #ffffff;

  3251.     background-color: #e12330;

  3252.     border-color: #dc1e2b; }

  3253.   .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,

  3254.   .open > .btn.red:not(.btn-outline).dropdown-toggle {

  3255.     color: #ffffff;

  3256.     background-color: #e12330;

  3257.     border-color: #dc1e2b; }

  3258.     .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,

  3259.     .open > .btn.red:not(.btn-outline).dropdown-toggle:hover,

  3260.     .open > .btn.red:not(.btn-outline).dropdown-toggle:focus,

  3261.     .open > .btn.red:not(.btn-outline).dropdown-toggle.focus {

  3262.       color: #ffffff;

  3263.       background-color: #c51b26;

  3264.       border-color: #a1161f; }

  3265.   .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,

  3266.   .open > .btn.red:not(.btn-outline).dropdown-toggle {

  3267.     background-image: none; }

  3268.   .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,

  3269.   fieldset[disabled] .btn.red:not(.btn-outline):hover,

  3270.   fieldset[disabled] .btn.red:not(.btn-outline):focus,

  3271.   fieldset[disabled] .btn.red:not(.btn-outline).focus {

  3272.     background-color: #e7505a;

  3273.     border-color: #e7505a; }

  3274.   .btn.red:not(.btn-outline) .badge {

  3275.     color: #e7505a;

  3276.     background-color: #ffffff; }

  3277. 

  3278. .btn.btn-outline.red {

  3279.   border-color: #e7505a;

  3280.   color: #e7505a;

  3281.   background: none; }

  3282.   .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 {

  3283.     border-color: #e7505a;

  3284.     color: #ffffff;

  3285.     background-color: #e7505a; }

  3286. 

  3287. .btn.red-stripe {

  3288.   border-left: 4px solid #e7505a !important; }

  3289. 

  3290. .btn.red.btn-no-border:not(.active) {

  3291.   border-color: transparent; }

  3292. 

  3293. .btn.red-pink:not(.btn-outline) {

  3294.   color: #ffffff;

  3295.   background-color: #E08283;

  3296.   border-color: #E08283; }

  3297.   .btn.red-pink:not(.btn-outline):focus, .btn.red-pink:not(.btn-outline).focus {

  3298.     color: #ffffff;

  3299.     background-color: #d6595a;

  3300.     border-color: #b52d2e; }

  3301.   .btn.red-pink:not(.btn-outline):hover {

  3302.     color: #ffffff;

  3303.     background-color: #d6595a;

  3304.     border-color: #d45152; }

  3305.   .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,

  3306.   .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {

  3307.     color: #ffffff;

  3308.     background-color: #d6595a;

  3309.     border-color: #d45152; }

  3310.     .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,

  3311.     .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:hover,

  3312.     .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:focus,

  3313.     .open > .btn.red-pink:not(.btn-outline).dropdown-toggle.focus {

  3314.       color: #ffffff;

  3315.       background-color: #cf3d3e;

  3316.       border-color: #b52d2e; }

  3317.   .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,

  3318.   .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {

  3319.     background-image: none; }

  3320.   .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,

  3321.   fieldset[disabled] .btn.red-pink:not(.btn-outline):hover,

  3322.   fieldset[disabled] .btn.red-pink:not(.btn-outline):focus,

  3323.   fieldset[disabled] .btn.red-pink:not(.btn-outline).focus {

  3324.     background-color: #E08283;

  3325.     border-color: #E08283; }

  3326.   .btn.red-pink:not(.btn-outline) .badge {

  3327.     color: #E08283;

  3328.     background-color: #ffffff; }

  3329. 

  3330. .btn.btn-outline.red-pink {

  3331.   border-color: #E08283;

  3332.   color: #E08283;

  3333.   background: none; }

  3334.   .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 {

  3335.     border-color: #E08283;

  3336.     color: #ffffff;

  3337.     background-color: #E08283; }

  3338. 

  3339. .btn.red-pink-stripe {

  3340.   border-left: 4px solid #E08283 !important; }

  3341. 

  3342. .btn.red-pink.btn-no-border:not(.active) {

  3343.   border-color: transparent; }

  3344. 

  3345. .btn.red-sunglo:not(.btn-outline) {

  3346.   color: #ffffff;

  3347.   background-color: #E26A6A;

  3348.   border-color: #E26A6A; }

  3349.   .btn.red-sunglo:not(.btn-outline):focus, .btn.red-sunglo:not(.btn-outline).focus {

  3350.     color: #ffffff;

  3351.     background-color: #da3f3f;

  3352.     border-color: #ab2121; }

  3353.   .btn.red-sunglo:not(.btn-outline):hover {

  3354.     color: #ffffff;

  3355.     background-color: #da3f3f;

  3356.     border-color: #d83737; }

  3357.   .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,

  3358.   .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {

  3359.     color: #ffffff;

  3360.     background-color: #da3f3f;

  3361.     border-color: #d83737; }

  3362.     .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,

  3363.     .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover,

  3364.     .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus,

  3365.     .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus {

  3366.       color: #ffffff;

  3367.       background-color: #cd2828;

  3368.       border-color: #ab2121; }

  3369.   .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,

  3370.   .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {

  3371.     background-image: none; }

  3372.   .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,

  3373.   fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover,

  3374.   fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus,

  3375.   fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus {

  3376.     background-color: #E26A6A;

  3377.     border-color: #E26A6A; }

  3378.   .btn.red-sunglo:not(.btn-outline) .badge {

  3379.     color: #E26A6A;

  3380.     background-color: #ffffff; }

  3381. 

  3382. .btn.btn-outline.red-sunglo {

  3383.   border-color: #E26A6A;

  3384.   color: #E26A6A;

  3385.   background: none; }

  3386.   .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 {

  3387.     border-color: #E26A6A;

  3388.     color: #ffffff;

  3389.     background-color: #E26A6A; }

  3390. 

  3391. .btn.red-sunglo-stripe {

  3392.   border-left: 4px solid #E26A6A !important; }

  3393. 

  3394. .btn.red-sunglo.btn-no-border:not(.active) {

  3395.   border-color: transparent; }

  3396. 

  3397. .btn.red-intense:not(.btn-outline) {

  3398.   color: #ffffff;

  3399.   background-color: #e35b5a;

  3400.   border-color: #e35b5a; }

  3401.   .btn.red-intense:not(.btn-outline):focus, .btn.red-intense:not(.btn-outline).focus {

  3402.     color: #ffffff;

  3403.     background-color: #dc302e;

  3404.     border-color: #a21c1b; }

  3405.   .btn.red-intense:not(.btn-outline):hover {

  3406.     color: #ffffff;

  3407.     background-color: #dc302e;

  3408.     border-color: #da2726; }

  3409.   .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,

  3410.   .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {

  3411.     color: #ffffff;

  3412.     background-color: #dc302e;

  3413.     border-color: #da2726; }

  3414.     .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,

  3415.     .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover,

  3416.     .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus,

  3417.     .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus {

  3418.       color: #ffffff;

  3419.       background-color: #c52321;

  3420.       border-color: #a21c1b; }

  3421.   .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,

  3422.   .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {

  3423.     background-image: none; }

  3424.   .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,

  3425.   fieldset[disabled] .btn.red-intense:not(.btn-outline):hover,

  3426.   fieldset[disabled] .btn.red-intense:not(.btn-outline):focus,

  3427.   fieldset[disabled] .btn.red-intense:not(.btn-outline).focus {

  3428.     background-color: #e35b5a;

  3429.     border-color: #e35b5a; }

  3430.   .btn.red-intense:not(.btn-outline) .badge {

  3431.     color: #e35b5a;

  3432.     background-color: #ffffff; }

  3433. 

  3434. .btn.btn-outline.red-intense {

  3435.   border-color: #e35b5a;

  3436.   color: #e35b5a;

  3437.   background: none; }

  3438.   .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 {

  3439.     border-color: #e35b5a;

  3440.     color: #ffffff;

  3441.     background-color: #e35b5a; }

  3442. 

  3443. .btn.red-intense-stripe {

  3444.   border-left: 4px solid #e35b5a !important; }

  3445. 

  3446. .btn.red-intense.btn-no-border:not(.active) {

  3447.   border-color: transparent; }

  3448. 

  3449. .btn.red-thunderbird:not(.btn-outline) {

  3450.   color: #ffffff;

  3451.   background-color: #D91E18;

  3452.   border-color: #D91E18; }

  3453.   .btn.red-thunderbird:not(.btn-outline):focus, .btn.red-thunderbird:not(.btn-outline).focus {

  3454.     color: #ffffff;

  3455.     background-color: #ab1813;

  3456.     border-color: #660e0b; }

  3457.   .btn.red-thunderbird:not(.btn-outline):hover {

  3458.     color: #ffffff;

  3459.     background-color: #ab1813;

  3460.     border-color: #a21612; }

  3461.   .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,

  3462.   .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {

  3463.     color: #ffffff;

  3464.     background-color: #ab1813;

  3465.     border-color: #a21612; }

  3466.     .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,

  3467.     .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:hover,

  3468.     .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:focus,

  3469.     .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle.focus {

  3470.       color: #ffffff;

  3471.       background-color: #8b130f;

  3472.       border-color: #660e0b; }

  3473.   .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,

  3474.   .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {

  3475.     background-image: none; }

  3476.   .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,

  3477.   fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):hover,

  3478.   fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):focus,

  3479.   fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).focus {

  3480.     background-color: #D91E18;

  3481.     border-color: #D91E18; }

  3482.   .btn.red-thunderbird:not(.btn-outline) .badge {

  3483.     color: #D91E18;

  3484.     background-color: #ffffff; }

  3485. 

  3486. .btn.btn-outline.red-thunderbird {

  3487.   border-color: #D91E18;

  3488.   color: #D91E18;

  3489.   background: none; }

  3490.   .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 {

  3491.     border-color: #D91E18;

  3492.     color: #ffffff;

  3493.     background-color: #D91E18; }

  3494. 

  3495. .btn.red-thunderbird-stripe {

  3496.   border-left: 4px solid #D91E18 !important; }

  3497. 

  3498. .btn.red-thunderbird.btn-no-border:not(.active) {

  3499.   border-color: transparent; }

  3500. 

  3501. .btn.red-flamingo:not(.btn-outline) {

  3502.   color: #ffffff;

  3503.   background-color: #EF4836;

  3504.   border-color: #EF4836; }

  3505.   .btn.red-flamingo:not(.btn-outline):focus, .btn.red-flamingo:not(.btn-outline).focus {

  3506.     color: #ffffff;

  3507.     background-color: #e02612;

  3508.     border-color: #991a0c; }

  3509.   .btn.red-flamingo:not(.btn-outline):hover {

  3510.     color: #ffffff;

  3511.     background-color: #e02612;

  3512.     border-color: #d72411; }

  3513.   .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,

  3514.   .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {

  3515.     color: #ffffff;

  3516.     background-color: #e02612;

  3517.     border-color: #d72411; }

  3518.     .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,

  3519.     .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover,

  3520.     .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus,

  3521.     .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus {

  3522.       color: #ffffff;

  3523.       background-color: #bf200f;

  3524.       border-color: #991a0c; }

  3525.   .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,

  3526.   .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {

  3527.     background-image: none; }

  3528.   .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,

  3529.   fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover,

  3530.   fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus,

  3531.   fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus {

  3532.     background-color: #EF4836;

  3533.     border-color: #EF4836; }

  3534.   .btn.red-flamingo:not(.btn-outline) .badge {

  3535.     color: #EF4836;

  3536.     background-color: #ffffff; }

  3537. 

  3538. .btn.btn-outline.red-flamingo {

  3539.   border-color: #EF4836;

  3540.   color: #EF4836;

  3541.   background: none; }

  3542.   .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 {

  3543.     border-color: #EF4836;

  3544.     color: #ffffff;

  3545.     background-color: #EF4836; }

  3546. 

  3547. .btn.red-flamingo-stripe {

  3548.   border-left: 4px solid #EF4836 !important; }

  3549. 

  3550. .btn.red-flamingo.btn-no-border:not(.active) {

  3551.   border-color: transparent; }

  3552. 

  3553. .btn.red-soft:not(.btn-outline) {

  3554.   color: #ffffff;

  3555.   background-color: #d05454;

  3556.   border-color: #d05454; }

  3557.   .btn.red-soft:not(.btn-outline):focus, .btn.red-soft:not(.btn-outline).focus {

  3558.     color: #ffffff;

  3559.     background-color: #bd3434;

  3560.     border-color: #812323; }

  3561.   .btn.red-soft:not(.btn-outline):hover {

  3562.     color: #ffffff;

  3563.     background-color: #bd3434;

  3564.     border-color: #b53232; }

  3565.   .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,

  3566.   .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {

  3567.     color: #ffffff;

  3568.     background-color: #bd3434;

  3569.     border-color: #b53232; }

  3570.     .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,

  3571.     .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:hover,

  3572.     .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:focus,

  3573.     .open > .btn.red-soft:not(.btn-outline).dropdown-toggle.focus {

  3574.       color: #ffffff;

  3575.       background-color: #a12c2c;

  3576.       border-color: #812323; }

  3577.   .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,

  3578.   .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {

  3579.     background-image: none; }

  3580.   .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,

  3581.   fieldset[disabled] .btn.red-soft:not(.btn-outline):hover,

  3582.   fieldset[disabled] .btn.red-soft:not(.btn-outline):focus,

  3583.   fieldset[disabled] .btn.red-soft:not(.btn-outline).focus {

  3584.     background-color: #d05454;

  3585.     border-color: #d05454; }

  3586.   .btn.red-soft:not(.btn-outline) .badge {

  3587.     color: #d05454;

  3588.     background-color: #ffffff; }

  3589. 

  3590. .btn.btn-outline.red-soft {

  3591.   border-color: #d05454;

  3592.   color: #d05454;

  3593.   background: none; }

  3594.   .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 {

  3595.     border-color: #d05454;

  3596.     color: #ffffff;

  3597.     background-color: #d05454; }

  3598. 

  3599. .btn.red-soft-stripe {

  3600.   border-left: 4px solid #d05454 !important; }

  3601. 

  3602. .btn.red-soft.btn-no-border:not(.active) {

  3603.   border-color: transparent; }

  3604. 

  3605. .btn.red-haze:not(.btn-outline) {

  3606.   color: #ffffff;

  3607.   background-color: #f36a5a;

  3608.   border-color: #f36a5a; }

  3609.   .btn.red-haze:not(.btn-outline):focus, .btn.red-haze:not(.btn-outline).focus {

  3610.     color: #ffffff;

  3611.     background-color: #f03f2a;

  3612.     border-color: #c0210e; }

  3613.   .btn.red-haze:not(.btn-outline):hover {

  3614.     color: #ffffff;

  3615.     background-color: #f03f2a;

  3616.     border-color: #ef3621; }

  3617.   .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,

  3618.   .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {

  3619.     color: #ffffff;

  3620.     background-color: #f03f2a;

  3621.     border-color: #ef3621; }

  3622.     .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,

  3623.     .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:hover,

  3624.     .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:focus,

  3625.     .open > .btn.red-haze:not(.btn-outline).dropdown-toggle.focus {

  3626.       color: #ffffff;

  3627.       background-color: #e62711;

  3628.       border-color: #c0210e; }

  3629.   .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,

  3630.   .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {

  3631.     background-image: none; }

  3632.   .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,

  3633.   fieldset[disabled] .btn.red-haze:not(.btn-outline):hover,

  3634.   fieldset[disabled] .btn.red-haze:not(.btn-outline):focus,

  3635.   fieldset[disabled] .btn.red-haze:not(.btn-outline).focus {

  3636.     background-color: #f36a5a;

  3637.     border-color: #f36a5a; }

  3638.   .btn.red-haze:not(.btn-outline) .badge {

  3639.     color: #f36a5a;

  3640.     background-color: #ffffff; }

  3641. 

  3642. .btn.btn-outline.red-haze {

  3643.   border-color: #f36a5a;

  3644.   color: #f36a5a;

  3645.   background: none; }

  3646.   .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 {

  3647.     border-color: #f36a5a;

  3648.     color: #ffffff;

  3649.     background-color: #f36a5a; }

  3650. 

  3651. .btn.red-haze-stripe {

  3652.   border-left: 4px solid #f36a5a !important; }

  3653. 

  3654. .btn.red-haze.btn-no-border:not(.active) {

  3655.   border-color: transparent; }

  3656. 

  3657. .btn.red-mint:not(.btn-outline) {

  3658.   color: #ffffff;

  3659.   background-color: #e43a45;

  3660.   border-color: #e43a45; }

  3661.   .btn.red-mint:not(.btn-outline):focus, .btn.red-mint:not(.btn-outline).focus {

  3662.     color: #ffffff;

  3663.     background-color: #cf1c28;

  3664.     border-color: #8b131b; }

  3665.   .btn.red-mint:not(.btn-outline):hover {

  3666.     color: #ffffff;

  3667.     background-color: #cf1c28;

  3668.     border-color: #c61b26; }

  3669.   .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,

  3670.   .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {

  3671.     color: #ffffff;

  3672.     background-color: #cf1c28;

  3673.     border-color: #c61b26; }

  3674.     .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,

  3675.     .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover,

  3676.     .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus,

  3677.     .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus {

  3678.       color: #ffffff;

  3679.       background-color: #af1822;

  3680.       border-color: #8b131b; }

  3681.   .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,

  3682.   .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {

  3683.     background-image: none; }

  3684.   .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,

  3685.   fieldset[disabled] .btn.red-mint:not(.btn-outline):hover,

  3686.   fieldset[disabled] .btn.red-mint:not(.btn-outline):focus,

  3687.   fieldset[disabled] .btn.red-mint:not(.btn-outline).focus {

  3688.     background-color: #e43a45;

  3689.     border-color: #e43a45; }

  3690.   .btn.red-mint:not(.btn-outline) .badge {

  3691.     color: #e43a45;

  3692.     background-color: #ffffff; }

  3693. 

  3694. .btn.btn-outline.red-mint {

  3695.   border-color: #e43a45;

  3696.   color: #e43a45;

  3697.   background: none; }

  3698.   .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 {

  3699.     border-color: #e43a45;

  3700.     color: #ffffff;

  3701.     background-color: #e43a45; }

  3702. 

  3703. .btn.red-mint-stripe {

  3704.   border-left: 4px solid #e43a45 !important; }

  3705. 

  3706. .btn.red-mint.btn-no-border:not(.active) {

  3707.   border-color: transparent; }

  3708. 

  3709. .btn.yellow:not(.btn-outline) {

  3710.   color: #ffffff;

  3711.   background-color: #c49f47;

  3712.   border-color: #c49f47; }

  3713.   .btn.yellow:not(.btn-outline):focus, .btn.yellow:not(.btn-outline).focus {

  3714.     color: #ffffff;

  3715.     background-color: #a48334;

  3716.     border-color: #6a5422; }

  3717.   .btn.yellow:not(.btn-outline):hover {

  3718.     color: #ffffff;

  3719.     background-color: #a48334;

  3720.     border-color: #9c7c32; }

  3721.   .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active,

  3722.   .open > .btn.yellow:not(.btn-outline).dropdown-toggle {

  3723.     color: #ffffff;

  3724.     background-color: #a48334;

  3725.     border-color: #9c7c32; }

  3726.     .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,

  3727.     .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover,

  3728.     .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus,

  3729.     .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus {

  3730.       color: #ffffff;

  3731.       background-color: #896d2c;

  3732.       border-color: #6a5422; }

  3733.   .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline).active,

  3734.   .open > .btn.yellow:not(.btn-outline).dropdown-toggle {

  3735.     background-image: none; }

  3736.   .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,

  3737.   fieldset[disabled] .btn.yellow:not(.btn-outline):hover,

  3738.   fieldset[disabled] .btn.yellow:not(.btn-outline):focus,

  3739.   fieldset[disabled] .btn.yellow:not(.btn-outline).focus {

  3740.     background-color: #c49f47;

  3741.     border-color: #c49f47; }

  3742.   .btn.yellow:not(.btn-outline) .badge {

  3743.     color: #c49f47;

  3744.     background-color: #ffffff; }

  3745. 

  3746. .btn.btn-outline.yellow {

  3747.   border-color: #c49f47;

  3748.   color: #c49f47;

  3749.   background: none; }

  3750.   .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 {

  3751.     border-color: #c49f47;

  3752.     color: #ffffff;

  3753.     background-color: #c49f47; }

  3754. 

  3755. .btn.yellow-stripe {

  3756.   border-left: 4px solid #c49f47 !important; }

  3757. 

  3758. .btn.yellow.btn-no-border:not(.active) {

  3759.   border-color: transparent; }

  3760. 

  3761. .btn.yellow-gold:not(.btn-outline) {

  3762.   color: #ffffff;

  3763.   background-color: #E87E04;

  3764.   border-color: #E87E04; }

  3765.   .btn.yellow-gold:not(.btn-outline):focus, .btn.yellow-gold:not(.btn-outline).focus {

  3766.     color: #ffffff;

  3767.     background-color: #b66303;

  3768.     border-color: #6b3a02; }

  3769.   .btn.yellow-gold:not(.btn-outline):hover {

  3770.     color: #ffffff;

  3771.     background-color: #b66303;

  3772.     border-color: #ac5d03; }

  3773.   .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active,

  3774.   .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {

  3775.     color: #ffffff;

  3776.     background-color: #b66303;

  3777.     border-color: #ac5d03; }

  3778.     .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,

  3779.     .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:hover,

  3780.     .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:focus,

  3781.     .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle.focus {

  3782.       color: #ffffff;

  3783.       background-color: #935003;

  3784.       border-color: #6b3a02; }

  3785.   .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline).active,

  3786.   .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {

  3787.     background-image: none; }

  3788.   .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,

  3789.   fieldset[disabled] .btn.yellow-gold:not(.btn-outline):hover,

  3790.   fieldset[disabled] .btn.yellow-gold:not(.btn-outline):focus,

  3791.   fieldset[disabled] .btn.yellow-gold:not(.btn-outline).focus {

  3792.     background-color: #E87E04;

  3793.     border-color: #E87E04; }

  3794.   .btn.yellow-gold:not(.btn-outline) .badge {

  3795.     color: #E87E04;

  3796.     background-color: #ffffff; }

  3797. 

  3798. .btn.btn-outline.yellow-gold {

  3799.   border-color: #E87E04;

  3800.   color: #E87E04;

  3801.   background: none; }

  3802.   .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 {

  3803.     border-color: #E87E04;

  3804.     color: #ffffff;

  3805.     background-color: #E87E04; }

  3806. 

  3807. .btn.yellow-gold-stripe {

  3808.   border-left: 4px solid #E87E04 !important; }

  3809. 

  3810. .btn.yellow-gold.btn-no-border:not(.active) {

  3811.   border-color: transparent; }

  3812. 

  3813. .btn.yellow-casablanca:not(.btn-outline) {

  3814.   color: #ffffff;

  3815.   background-color: #f2784b;

  3816.   border-color: #f2784b; }

  3817.   .btn.yellow-casablanca:not(.btn-outline):focus, .btn.yellow-casablanca:not(.btn-outline).focus {

  3818.     color: #ffffff;

  3819.     background-color: #ef541b;

  3820.     border-color: #b1390d; }

  3821.   .btn.yellow-casablanca:not(.btn-outline):hover {

  3822.     color: #ffffff;

  3823.     background-color: #ef541b;

  3824.     border-color: #ee4d12; }

  3825.   .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active,

  3826.   .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {

  3827.     color: #ffffff;

  3828.     background-color: #ef541b;

  3829.     border-color: #ee4d12; }

  3830.     .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,

  3831.     .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover,

  3832.     .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus,

  3833.     .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus {

  3834.       color: #ffffff;

  3835.       background-color: #d74510;

  3836.       border-color: #b1390d; }

  3837.   .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline).active,

  3838.   .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {

  3839.     background-image: none; }

  3840.   .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,

  3841.   fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover,

  3842.   fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus,

  3843.   fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus {

  3844.     background-color: #f2784b;

  3845.     border-color: #f2784b; }

  3846.   .btn.yellow-casablanca:not(.btn-outline) .badge {

  3847.     color: #f2784b;

  3848.     background-color: #ffffff; }

  3849. 

  3850. .btn.btn-outline.yellow-casablanca {

  3851.   border-color: #f2784b;

  3852.   color: #f2784b;

  3853.   background: none; }

  3854.   .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 {

  3855.     border-color: #f2784b;

  3856.     color: #ffffff;

  3857.     background-color: #f2784b; }

  3858. 

  3859. .btn.yellow-casablanca-stripe {

  3860.   border-left: 4px solid #f2784b !important; }

  3861. 

  3862. .btn.yellow-casablanca.btn-no-border:not(.active) {

  3863.   border-color: transparent; }

  3864. 

  3865. .btn.yellow-crusta:not(.btn-outline) {

  3866.   color: #ffffff;

  3867.   background-color: #f3c200;

  3868.   border-color: #f3c200; }

  3869.   .btn.yellow-crusta:not(.btn-outline):focus, .btn.yellow-crusta:not(.btn-outline).focus {

  3870.     color: #ffffff;

  3871.     background-color: #c09900;

  3872.     border-color: #745c00; }

  3873.   .btn.yellow-crusta:not(.btn-outline):hover {

  3874.     color: #ffffff;

  3875.     background-color: #c09900;

  3876.     border-color: #b69100; }

  3877.   .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active,

  3878.   .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {

  3879.     color: #ffffff;

  3880.     background-color: #c09900;

  3881.     border-color: #b69100; }

  3882.     .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,

  3883.     .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:hover,

  3884.     .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:focus,

  3885.     .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle.focus {

  3886.       color: #ffffff;

  3887.       background-color: #9c7d00;

  3888.       border-color: #745c00; }

  3889.   .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline).active,

  3890.   .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {

  3891.     background-image: none; }

  3892.   .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,

  3893.   fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):hover,

  3894.   fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):focus,

  3895.   fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).focus {

  3896.     background-color: #f3c200;

  3897.     border-color: #f3c200; }

  3898.   .btn.yellow-crusta:not(.btn-outline) .badge {

  3899.     color: #f3c200;

  3900.     background-color: #ffffff; }

  3901. 

  3902. .btn.btn-outline.yellow-crusta {

  3903.   border-color: #f3c200;

  3904.   color: #f3c200;

  3905.   background: none; }

  3906.   .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 {

  3907.     border-color: #f3c200;

  3908.     color: #ffffff;

  3909.     background-color: #f3c200; }

  3910. 

  3911. .btn.yellow-crusta-stripe {

  3912.   border-left: 4px solid #f3c200 !important; }

  3913. 

  3914. .btn.yellow-crusta.btn-no-border:not(.active) {

  3915.   border-color: transparent; }

  3916. 

  3917. .btn.yellow-lemon:not(.btn-outline) {

  3918.   color: #ffffff;

  3919.   background-color: #F7CA18;

  3920.   border-color: #F7CA18; }

  3921.   .btn.yellow-lemon:not(.btn-outline):focus, .btn.yellow-lemon:not(.btn-outline).focus {

  3922.     color: #ffffff;

  3923.     background-color: #d5ab07;

  3924.     border-color: #8b7005; }

  3925.   .btn.yellow-lemon:not(.btn-outline):hover {

  3926.     color: #ffffff;

  3927.     background-color: #d5ab07;

  3928.     border-color: #cba307; }

  3929.   .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active,

  3930.   .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {

  3931.     color: #ffffff;

  3932.     background-color: #d5ab07;

  3933.     border-color: #cba307; }

  3934.     .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,

  3935.     .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:hover,

  3936.     .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:focus,

  3937.     .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle.focus {

  3938.       color: #ffffff;

  3939.       background-color: #b28f06;

  3940.       border-color: #8b7005; }

  3941.   .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline).active,

  3942.   .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {

  3943.     background-image: none; }

  3944.   .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,

  3945.   fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover,

  3946.   fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus,

  3947.   fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus {

  3948.     background-color: #F7CA18;

  3949.     border-color: #F7CA18; }

  3950.   .btn.yellow-lemon:not(.btn-outline) .badge {

  3951.     color: #F7CA18;

  3952.     background-color: #ffffff; }

  3953. 

  3954. .btn.btn-outline.yellow-lemon {

  3955.   border-color: #F7CA18;

  3956.   color: #F7CA18;

  3957.   background: none; }

  3958.   .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 {

  3959.     border-color: #F7CA18;

  3960.     color: #ffffff;

  3961.     background-color: #F7CA18; }

  3962. 

  3963. .btn.yellow-lemon-stripe {

  3964.   border-left: 4px solid #F7CA18 !important; }

  3965. 

  3966. .btn.yellow-lemon.btn-no-border:not(.active) {

  3967.   border-color: transparent; }

  3968. 

  3969. .btn.yellow-saffron:not(.btn-outline) {

  3970.   color: #ffffff;

  3971.   background-color: #F4D03F;

  3972.   border-color: #F4D03F; }

  3973.   .btn.yellow-saffron:not(.btn-outline):focus, .btn.yellow-saffron:not(.btn-outline).focus {

  3974.     color: #ffffff;

  3975.     background-color: #f1c40f;

  3976.     border-color: #aa8a0a; }

  3977.   .btn.yellow-saffron:not(.btn-outline):hover {

  3978.     color: #ffffff;

  3979.     background-color: #f1c40f;

  3980.     border-color: #e8bd0d; }

  3981.   .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active,

  3982.   .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {

  3983.     color: #ffffff;

  3984.     background-color: #f1c40f;

  3985.     border-color: #e8bd0d; }

  3986.     .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,

  3987.     .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover,

  3988.     .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus,

  3989.     .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus {

  3990.       color: #ffffff;

  3991.       background-color: #d0a90c;

  3992.       border-color: #aa8a0a; }

  3993.   .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline).active,

  3994.   .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {

  3995.     background-image: none; }

  3996.   .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,

  3997.   fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover,

  3998.   fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus,

  3999.   fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus {

  4000.     background-color: #F4D03F;

  4001.     border-color: #F4D03F; }

  4002.   .btn.yellow-saffron:not(.btn-outline) .badge {

  4003.     color: #F4D03F;

  4004.     background-color: #ffffff; }

  4005. 

  4006. .btn.btn-outline.yellow-saffron {

  4007.   border-color: #F4D03F;

  4008.   color: #F4D03F;

  4009.   background: none; }

  4010.   .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 {

  4011.     border-color: #F4D03F;

  4012.     color: #ffffff;

  4013.     background-color: #F4D03F; }

  4014. 

  4015. .btn.yellow-saffron-stripe {

  4016.   border-left: 4px solid #F4D03F !important; }

  4017. 

  4018. .btn.yellow-saffron.btn-no-border:not(.active) {

  4019.   border-color: transparent; }

  4020. 

  4021. .btn.yellow-soft:not(.btn-outline) {

  4022.   color: #ffffff;

  4023.   background-color: #c8d046;

  4024.   border-color: #c8d046; }

  4025.   .btn.yellow-soft:not(.btn-outline):focus, .btn.yellow-soft:not(.btn-outline).focus {

  4026.     color: #ffffff;

  4027.     background-color: #adb52e;

  4028.     border-color: #73781e; }

  4029.   .btn.yellow-soft:not(.btn-outline):hover {

  4030.     color: #ffffff;

  4031.     background-color: #adb52e;

  4032.     border-color: #a5ad2c; }

  4033.   .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active,

  4034.   .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {

  4035.     color: #ffffff;

  4036.     background-color: #adb52e;

  4037.     border-color: #a5ad2c; }

  4038.     .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,

  4039.     .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:hover,

  4040.     .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:focus,

  4041.     .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle.focus {

  4042.       color: #ffffff;

  4043.       background-color: #929927;

  4044.       border-color: #73781e; }

  4045.   .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline).active,

  4046.   .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {

  4047.     background-image: none; }

  4048.   .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,

  4049.   fieldset[disabled] .btn.yellow-soft:not(.btn-outline):hover,

  4050.   fieldset[disabled] .btn.yellow-soft:not(.btn-outline):focus,

  4051.   fieldset[disabled] .btn.yellow-soft:not(.btn-outline).focus {

  4052.     background-color: #c8d046;

  4053.     border-color: #c8d046; }

  4054.   .btn.yellow-soft:not(.btn-outline) .badge {

  4055.     color: #c8d046;

  4056.     background-color: #ffffff; }

  4057. 

  4058. .btn.btn-outline.yellow-soft {

  4059.   border-color: #c8d046;

  4060.   color: #c8d046;

  4061.   background: none; }

  4062.   .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 {

  4063.     border-color: #c8d046;

  4064.     color: #ffffff;

  4065.     background-color: #c8d046; }

  4066. 

  4067. .btn.yellow-soft-stripe {

  4068.   border-left: 4px solid #c8d046 !important; }

  4069. 

  4070. .btn.yellow-soft.btn-no-border:not(.active) {

  4071.   border-color: transparent; }

  4072. 

  4073. .btn.yellow-haze:not(.btn-outline) {

  4074.   color: #ffffff;

  4075.   background-color: #c5bf66;

  4076.   border-color: #c5bf66; }

  4077.   .btn.yellow-haze:not(.btn-outline):focus, .btn.yellow-haze:not(.btn-outline).focus {

  4078.     color: #ffffff;

  4079.     background-color: #b4ad44;

  4080.     border-color: #7c772f; }

  4081.   .btn.yellow-haze:not(.btn-outline):hover {

  4082.     color: #ffffff;

  4083.     background-color: #b4ad44;

  4084.     border-color: #aca641; }

  4085.   .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active,

  4086.   .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {

  4087.     color: #ffffff;

  4088.     background-color: #b4ad44;

  4089.     border-color: #aca641; }

  4090.     .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,

  4091.     .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:hover,

  4092.     .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:focus,

  4093.     .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle.focus {

  4094.       color: #ffffff;

  4095.       background-color: #9a943a;

  4096.       border-color: #7c772f; }

  4097.   .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline).active,

  4098.   .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {

  4099.     background-image: none; }

  4100.   .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,

  4101.   fieldset[disabled] .btn.yellow-haze:not(.btn-outline):hover,

  4102.   fieldset[disabled] .btn.yellow-haze:not(.btn-outline):focus,

  4103.   fieldset[disabled] .btn.yellow-haze:not(.btn-outline).focus {

  4104.     background-color: #c5bf66;

  4105.     border-color: #c5bf66; }

  4106.   .btn.yellow-haze:not(.btn-outline) .badge {

  4107.     color: #c5bf66;

  4108.     background-color: #ffffff; }

  4109. 

  4110. .btn.btn-outline.yellow-haze {

  4111.   border-color: #c5bf66;

  4112.   color: #c5bf66;

  4113.   background: none; }

  4114.   .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 {

  4115.     border-color: #c5bf66;

  4116.     color: #ffffff;

  4117.     background-color: #c5bf66; }

  4118. 

  4119. .btn.yellow-haze-stripe {

  4120.   border-left: 4px solid #c5bf66 !important; }

  4121. 

  4122. .btn.yellow-haze.btn-no-border:not(.active) {

  4123.   border-color: transparent; }

  4124. 

  4125. .btn.yellow-mint:not(.btn-outline) {

  4126.   color: #ffffff;

  4127.   background-color: #c5b96b;

  4128.   border-color: #c5b96b; }

  4129.   .btn.yellow-mint:not(.btn-outline):focus, .btn.yellow-mint:not(.btn-outline).focus {

  4130.     color: #ffffff;

  4131.     background-color: #b6a747;

  4132.     border-color: #7f7532; }

  4133.   .btn.yellow-mint:not(.btn-outline):hover {

  4134.     color: #ffffff;

  4135.     background-color: #b6a747;

  4136.     border-color: #aea044; }

  4137.   .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active,

  4138.   .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {

  4139.     color: #ffffff;

  4140.     background-color: #b6a747;

  4141.     border-color: #aea044; }

  4142.     .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,

  4143.     .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:hover,

  4144.     .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:focus,

  4145.     .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle.focus {

  4146.       color: #ffffff;

  4147.       background-color: #9c8f3d;

  4148.       border-color: #7f7532; }

  4149.   .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline).active,

  4150.   .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {

  4151.     background-image: none; }

  4152.   .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,

  4153.   fieldset[disabled] .btn.yellow-mint:not(.btn-outline):hover,

  4154.   fieldset[disabled] .btn.yellow-mint:not(.btn-outline):focus,

  4155.   fieldset[disabled] .btn.yellow-mint:not(.btn-outline).focus {

  4156.     background-color: #c5b96b;

  4157.     border-color: #c5b96b; }

  4158.   .btn.yellow-mint:not(.btn-outline) .badge {

  4159.     color: #c5b96b;

  4160.     background-color: #ffffff; }

  4161. 

  4162. .btn.btn-outline.yellow-mint {

  4163.   border-color: #c5b96b;

  4164.   color: #c5b96b;

  4165.   background: none; }

  4166.   .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 {

  4167.     border-color: #c5b96b;

  4168.     color: #ffffff;

  4169.     background-color: #c5b96b; }

  4170. 

  4171. .btn.yellow-mint-stripe {

  4172.   border-left: 4px solid #c5b96b !important; }

  4173. 

  4174. .btn.yellow-mint.btn-no-border:not(.active) {

  4175.   border-color: transparent; }

  4176. 

  4177. .btn.purple:not(.btn-outline) {

  4178.   color: #ffffff;

  4179.   background-color: #8E44AD;

  4180.   border-color: #8E44AD; }

  4181.   .btn.purple:not(.btn-outline):focus, .btn.purple:not(.btn-outline).focus {

  4182.     color: #ffffff;

  4183.     background-color: #703688;

  4184.     border-color: #432051; }

  4185.   .btn.purple:not(.btn-outline):hover {

  4186.     color: #ffffff;

  4187.     background-color: #703688;

  4188.     border-color: #6a3381; }

  4189.   .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active,

  4190.   .open > .btn.purple:not(.btn-outline).dropdown-toggle {

  4191.     color: #ffffff;

  4192.     background-color: #703688;

  4193.     border-color: #6a3381; }

  4194.     .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,

  4195.     .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover,

  4196.     .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus,

  4197.     .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus {

  4198.       color: #ffffff;

  4199.       background-color: #5b2c6f;

  4200.       border-color: #432051; }

  4201.   .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline).active,

  4202.   .open > .btn.purple:not(.btn-outline).dropdown-toggle {

  4203.     background-image: none; }

  4204.   .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,

  4205.   fieldset[disabled] .btn.purple:not(.btn-outline):hover,

  4206.   fieldset[disabled] .btn.purple:not(.btn-outline):focus,

  4207.   fieldset[disabled] .btn.purple:not(.btn-outline).focus {

  4208.     background-color: #8E44AD;

  4209.     border-color: #8E44AD; }

  4210.   .btn.purple:not(.btn-outline) .badge {

  4211.     color: #8E44AD;

  4212.     background-color: #ffffff; }

  4213. 

  4214. .btn.btn-outline.purple {

  4215.   border-color: #8E44AD;

  4216.   color: #8E44AD;

  4217.   background: none; }

  4218.   .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 {

  4219.     border-color: #8E44AD;

  4220.     color: #ffffff;

  4221.     background-color: #8E44AD; }

  4222. 

  4223. .btn.purple-stripe {

  4224.   border-left: 4px solid #8E44AD !important; }

  4225. 

  4226. .btn.purple.btn-no-border:not(.active) {

  4227.   border-color: transparent; }

  4228. 

  4229. .btn.purple-plum:not(.btn-outline) {

  4230.   color: #ffffff;

  4231.   background-color: #8775a7;

  4232.   border-color: #8775a7; }

  4233.   .btn.purple-plum:not(.btn-outline):focus, .btn.purple-plum:not(.btn-outline).focus {

  4234.     color: #ffffff;

  4235.     background-color: #6d5b8e;

  4236.     border-color: #493d60; }

  4237.   .btn.purple-plum:not(.btn-outline):hover {

  4238.     color: #ffffff;

  4239.     background-color: #6d5b8e;

  4240.     border-color: #685788; }

  4241.   .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active,

  4242.   .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {

  4243.     color: #ffffff;

  4244.     background-color: #6d5b8e;

  4245.     border-color: #685788; }

  4246.     .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,

  4247.     .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:hover,

  4248.     .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:focus,

  4249.     .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle.focus {

  4250.       color: #ffffff;

  4251.       background-color: #5d4d78;

  4252.       border-color: #493d60; }

  4253.   .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline).active,

  4254.   .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {

  4255.     background-image: none; }

  4256.   .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,

  4257.   fieldset[disabled] .btn.purple-plum:not(.btn-outline):hover,

  4258.   fieldset[disabled] .btn.purple-plum:not(.btn-outline):focus,

  4259.   fieldset[disabled] .btn.purple-plum:not(.btn-outline).focus {

  4260.     background-color: #8775a7;

  4261.     border-color: #8775a7; }

  4262.   .btn.purple-plum:not(.btn-outline) .badge {

  4263.     color: #8775a7;

  4264.     background-color: #ffffff; }

  4265. 

  4266. .btn.btn-outline.purple-plum {

  4267.   border-color: #8775a7;

  4268.   color: #8775a7;

  4269.   background: none; }

  4270.   .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 {

  4271.     border-color: #8775a7;

  4272.     color: #ffffff;

  4273.     background-color: #8775a7; }

  4274. 

  4275. .btn.purple-plum-stripe {

  4276.   border-left: 4px solid #8775a7 !important; }

  4277. 

  4278. .btn.purple-plum.btn-no-border:not(.active) {

  4279.   border-color: transparent; }

  4280. 

  4281. .btn.purple-medium:not(.btn-outline) {

  4282.   color: #ffffff;

  4283.   background-color: #BF55EC;

  4284.   border-color: #BF55EC; }

  4285.   .btn.purple-medium:not(.btn-outline):focus, .btn.purple-medium:not(.btn-outline).focus {

  4286.     color: #ffffff;

  4287.     background-color: #ae27e7;

  4288.     border-color: #8013ae; }

  4289.   .btn.purple-medium:not(.btn-outline):hover {

  4290.     color: #ffffff;

  4291.     background-color: #ae27e7;

  4292.     border-color: #aa1ee6; }

  4293.   .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active,

  4294.   .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {

  4295.     color: #ffffff;

  4296.     background-color: #ae27e7;

  4297.     border-color: #aa1ee6; }

  4298.     .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,

  4299.     .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:hover,

  4300.     .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:focus,

  4301.     .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle.focus {

  4302.       color: #ffffff;

  4303.       background-color: #9b18d3;

  4304.       border-color: #8013ae; }

  4305.   .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline).active,

  4306.   .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {

  4307.     background-image: none; }

  4308.   .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,

  4309.   fieldset[disabled] .btn.purple-medium:not(.btn-outline):hover,

  4310.   fieldset[disabled] .btn.purple-medium:not(.btn-outline):focus,

  4311.   fieldset[disabled] .btn.purple-medium:not(.btn-outline).focus {

  4312.     background-color: #BF55EC;

  4313.     border-color: #BF55EC; }

  4314.   .btn.purple-medium:not(.btn-outline) .badge {

  4315.     color: #BF55EC;

  4316.     background-color: #ffffff; }

  4317. 

  4318. .btn.btn-outline.purple-medium {

  4319.   border-color: #BF55EC;

  4320.   color: #BF55EC;

  4321.   background: none; }

  4322.   .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 {

  4323.     border-color: #BF55EC;

  4324.     color: #ffffff;

  4325.     background-color: #BF55EC; }

  4326. 

  4327. .btn.purple-medium-stripe {

  4328.   border-left: 4px solid #BF55EC !important; }

  4329. 

  4330. .btn.purple-medium.btn-no-border:not(.active) {

  4331.   border-color: transparent; }

  4332. 

  4333. .btn.purple-studio:not(.btn-outline) {

  4334.   color: #ffffff;

  4335.   background-color: #8E44AD;

  4336.   border-color: #8E44AD; }

  4337.   .btn.purple-studio:not(.btn-outline):focus, .btn.purple-studio:not(.btn-outline).focus {

  4338.     color: #ffffff;

  4339.     background-color: #703688;

  4340.     border-color: #432051; }

  4341.   .btn.purple-studio:not(.btn-outline):hover {

  4342.     color: #ffffff;

  4343.     background-color: #703688;

  4344.     border-color: #6a3381; }

  4345.   .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active,

  4346.   .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {

  4347.     color: #ffffff;

  4348.     background-color: #703688;

  4349.     border-color: #6a3381; }

  4350.     .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,

  4351.     .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:hover,

  4352.     .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:focus,

  4353.     .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle.focus {

  4354.       color: #ffffff;

  4355.       background-color: #5b2c6f;

  4356.       border-color: #432051; }

  4357.   .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline).active,

  4358.   .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {

  4359.     background-image: none; }

  4360.   .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,

  4361.   fieldset[disabled] .btn.purple-studio:not(.btn-outline):hover,

  4362.   fieldset[disabled] .btn.purple-studio:not(.btn-outline):focus,

  4363.   fieldset[disabled] .btn.purple-studio:not(.btn-outline).focus {

  4364.     background-color: #8E44AD;

  4365.     border-color: #8E44AD; }

  4366.   .btn.purple-studio:not(.btn-outline) .badge {

  4367.     color: #8E44AD;

  4368.     background-color: #ffffff; }

  4369. 

  4370. .btn.btn-outline.purple-studio {

  4371.   border-color: #8E44AD;

  4372.   color: #8E44AD;

  4373.   background: none; }

  4374.   .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 {

  4375.     border-color: #8E44AD;

  4376.     color: #ffffff;

  4377.     background-color: #8E44AD; }

  4378. 

  4379. .btn.purple-studio-stripe {

  4380.   border-left: 4px solid #8E44AD !important; }

  4381. 

  4382. .btn.purple-studio.btn-no-border:not(.active) {

  4383.   border-color: transparent; }

  4384. 

  4385. .btn.purple-wisteria:not(.btn-outline) {

  4386.   color: #ffffff;

  4387.   background-color: #9B59B6;

  4388.   border-color: #9B59B6; }

  4389.   .btn.purple-wisteria:not(.btn-outline):focus, .btn.purple-wisteria:not(.btn-outline).focus {

  4390.     color: #ffffff;

  4391.     background-color: #804399;

  4392.     border-color: #532c64; }

  4393.   .btn.purple-wisteria:not(.btn-outline):hover {

  4394.     color: #ffffff;

  4395.     background-color: #804399;

  4396.     border-color: #7a4092; }

  4397.   .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active,

  4398.   .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {

  4399.     color: #ffffff;

  4400.     background-color: #804399;

  4401.     border-color: #7a4092; }

  4402.     .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,

  4403.     .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:hover,

  4404.     .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:focus,

  4405.     .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle.focus {

  4406.       color: #ffffff;

  4407.       background-color: #6b3880;

  4408.       border-color: #532c64; }

  4409.   .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline).active,

  4410.   .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {

  4411.     background-image: none; }

  4412.   .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,

  4413.   fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):hover,

  4414.   fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):focus,

  4415.   fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).focus {

  4416.     background-color: #9B59B6;

  4417.     border-color: #9B59B6; }

  4418.   .btn.purple-wisteria:not(.btn-outline) .badge {

  4419.     color: #9B59B6;

  4420.     background-color: #ffffff; }

  4421. 

  4422. .btn.btn-outline.purple-wisteria {

  4423.   border-color: #9B59B6;

  4424.   color: #9B59B6;

  4425.   background: none; }

  4426.   .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 {

  4427.     border-color: #9B59B6;

  4428.     color: #ffffff;

  4429.     background-color: #9B59B6; }

  4430. 

  4431. .btn.purple-wisteria-stripe {

  4432.   border-left: 4px solid #9B59B6 !important; }

  4433. 

  4434. .btn.purple-wisteria.btn-no-border:not(.active) {

  4435.   border-color: transparent; }

  4436. 

  4437. .btn.purple-seance:not(.btn-outline) {

  4438.   color: #ffffff;

  4439.   background-color: #9A12B3;

  4440.   border-color: #9A12B3; }

  4441.   .btn.purple-seance:not(.btn-outline):focus, .btn.purple-seance:not(.btn-outline).focus {

  4442.     color: #ffffff;

  4443.     background-color: #720d85;

  4444.     border-color: #36063f; }

  4445.   .btn.purple-seance:not(.btn-outline):hover {

  4446.     color: #ffffff;

  4447.     background-color: #720d85;

  4448.     border-color: #6a0c7b; }

  4449.   .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active,

  4450.   .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {

  4451.     color: #ffffff;

  4452.     background-color: #720d85;

  4453.     border-color: #6a0c7b; }

  4454.     .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,

  4455.     .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:hover,

  4456.     .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:focus,

  4457.     .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle.focus {

  4458.       color: #ffffff;

  4459.       background-color: #560a64;

  4460.       border-color: #36063f; }

  4461.   .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline).active,

  4462.   .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {

  4463.     background-image: none; }

  4464.   .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,

  4465.   fieldset[disabled] .btn.purple-seance:not(.btn-outline):hover,

  4466.   fieldset[disabled] .btn.purple-seance:not(.btn-outline):focus,

  4467.   fieldset[disabled] .btn.purple-seance:not(.btn-outline).focus {

  4468.     background-color: #9A12B3;

  4469.     border-color: #9A12B3; }

  4470.   .btn.purple-seance:not(.btn-outline) .badge {

  4471.     color: #9A12B3;

  4472.     background-color: #ffffff; }

  4473. 

  4474. .btn.btn-outline.purple-seance {

  4475.   border-color: #9A12B3;

  4476.   color: #9A12B3;

  4477.   background: none; }

  4478.   .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 {

  4479.     border-color: #9A12B3;

  4480.     color: #ffffff;

  4481.     background-color: #9A12B3; }

  4482. 

  4483. .btn.purple-seance-stripe {

  4484.   border-left: 4px solid #9A12B3 !important; }

  4485. 

  4486. .btn.purple-seance.btn-no-border:not(.active) {

  4487.   border-color: transparent; }

  4488. 

  4489. .btn.purple-intense:not(.btn-outline) {

  4490.   color: #ffffff;

  4491.   background-color: #8775a7;

  4492.   border-color: #8775a7; }

  4493.   .btn.purple-intense:not(.btn-outline):focus, .btn.purple-intense:not(.btn-outline).focus {

  4494.     color: #ffffff;

  4495.     background-color: #6d5b8e;

  4496.     border-color: #493d60; }

  4497.   .btn.purple-intense:not(.btn-outline):hover {

  4498.     color: #ffffff;

  4499.     background-color: #6d5b8e;

  4500.     border-color: #685788; }

  4501.   .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active,

  4502.   .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {

  4503.     color: #ffffff;

  4504.     background-color: #6d5b8e;

  4505.     border-color: #685788; }

  4506.     .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,

  4507.     .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:hover,

  4508.     .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:focus,

  4509.     .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle.focus {

  4510.       color: #ffffff;

  4511.       background-color: #5d4d78;

  4512.       border-color: #493d60; }

  4513.   .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline).active,

  4514.   .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {

  4515.     background-image: none; }

  4516.   .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,

  4517.   fieldset[disabled] .btn.purple-intense:not(.btn-outline):hover,

  4518.   fieldset[disabled] .btn.purple-intense:not(.btn-outline):focus,

  4519.   fieldset[disabled] .btn.purple-intense:not(.btn-outline).focus {

  4520.     background-color: #8775a7;

  4521.     border-color: #8775a7; }

  4522.   .btn.purple-intense:not(.btn-outline) .badge {

  4523.     color: #8775a7;

  4524.     background-color: #ffffff; }

  4525. 

  4526. .btn.btn-outline.purple-intense {

  4527.   border-color: #8775a7;

  4528.   color: #8775a7;

  4529.   background: none; }

  4530.   .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 {

  4531.     border-color: #8775a7;

  4532.     color: #ffffff;

  4533.     background-color: #8775a7; }

  4534. 

  4535. .btn.purple-intense-stripe {

  4536.   border-left: 4px solid #8775a7 !important; }

  4537. 

  4538. .btn.purple-intense.btn-no-border:not(.active) {

  4539.   border-color: transparent; }

  4540. 

  4541. .btn.purple-sharp:not(.btn-outline) {

  4542.   color: #ffffff;

  4543.   background-color: #796799;

  4544.   border-color: #796799; }

  4545.   .btn.purple-sharp:not(.btn-outline):focus, .btn.purple-sharp:not(.btn-outline).focus {

  4546.     color: #ffffff;

  4547.     background-color: #61527b;

  4548.     border-color: #3d344d; }

  4549.   .btn.purple-sharp:not(.btn-outline):hover {

  4550.     color: #ffffff;

  4551.     background-color: #61527b;

  4552.     border-color: #5c4e75; }

  4553.   .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active,

  4554.   .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {

  4555.     color: #ffffff;

  4556.     background-color: #61527b;

  4557.     border-color: #5c4e75; }

  4558.     .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,

  4559.     .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover,

  4560.     .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus,

  4561.     .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus {

  4562.       color: #ffffff;

  4563.       background-color: #504465;

  4564.       border-color: #3d344d; }

  4565.   .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline).active,

  4566.   .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {

  4567.     background-image: none; }

  4568.   .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,

  4569.   fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover,

  4570.   fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus,

  4571.   fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus {

  4572.     background-color: #796799;

  4573.     border-color: #796799; }

  4574.   .btn.purple-sharp:not(.btn-outline) .badge {

  4575.     color: #796799;

  4576.     background-color: #ffffff; }

  4577. 

  4578. .btn.btn-outline.purple-sharp {

  4579.   border-color: #796799;

  4580.   color: #796799;

  4581.   background: none; }

  4582.   .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 {

  4583.     border-color: #796799;

  4584.     color: #ffffff;

  4585.     background-color: #796799; }

  4586. 

  4587. .btn.purple-sharp-stripe {

  4588.   border-left: 4px solid #796799 !important; }

  4589. 

  4590. .btn.purple-sharp.btn-no-border:not(.active) {

  4591.   border-color: transparent; }

  4592. 

  4593. .btn.purple-soft:not(.btn-outline) {

  4594.   color: #ffffff;

  4595.   background-color: #8877a9;

  4596.   border-color: #8877a9; }

  4597.   .btn.purple-soft:not(.btn-outline):focus, .btn.purple-soft:not(.btn-outline).focus {

  4598.     color: #ffffff;

  4599.     background-color: #6e5c91;

  4600.     border-color: #4a3e62; }

  4601.   .btn.purple-soft:not(.btn-outline):hover {

  4602.     color: #ffffff;

  4603.     background-color: #6e5c91;

  4604.     border-color: #69588b; }

  4605.   .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active,

  4606.   .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {

  4607.     color: #ffffff;

  4608.     background-color: #6e5c91;

  4609.     border-color: #69588b; }

  4610.     .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,

  4611.     .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:hover,

  4612.     .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:focus,

  4613.     .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle.focus {

  4614.       color: #ffffff;

  4615.       background-color: #5d4e7b;

  4616.       border-color: #4a3e62; }

  4617.   .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline).active,

  4618.   .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {

  4619.     background-image: none; }

  4620.   .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,

  4621.   fieldset[disabled] .btn.purple-soft:not(.btn-outline):hover,

  4622.   fieldset[disabled] .btn.purple-soft:not(.btn-outline):focus,

  4623.   fieldset[disabled] .btn.purple-soft:not(.btn-outline).focus {

  4624.     background-color: #8877a9;

  4625.     border-color: #8877a9; }

  4626.   .btn.purple-soft:not(.btn-outline) .badge {

  4627.     color: #8877a9;

  4628.     background-color: #ffffff; }

  4629. 

  4630. .btn.btn-outline.purple-soft {

  4631.   border-color: #8877a9;

  4632.   color: #8877a9;

  4633.   background: none; }

  4634.   .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 {

  4635.     border-color: #8877a9;

  4636.     color: #ffffff;

  4637.     background-color: #8877a9; }

  4638. 

  4639. .btn.purple-soft-stripe {

  4640.   border-left: 4px solid #8877a9 !important; }

  4641. 

  4642. .btn.purple-soft.btn-no-border:not(.active) {

  4643.   border-color: transparent; }

  4644. 

  4645. /* Circle Buttons */

  4646. .btn-circle {

  4647.   border-radius: 25px !important;

  4648.   overflow: hidden; }

  4649. 

  4650. .btn-circle-right {

  4651.   border-radius: 0 25px 25px 0 !important; }

  4652. 

  4653. .btn-circle-left {

  4654.   border-radius: 25px 0 0 25px !important; }

  4655. 

  4656. .btn-circle-bottom {

  4657.   border-radius: 0 0 25px 25px !important; }

  4658. 

  4659. .btn-circle-top {

  4660.   border-radius: 25px 25px 0 0 !important; }

  4661. 

  4662. .btn-icon-only {

  4663.   height: 34px;

  4664.   width: 34px;

  4665.   text-align: center;

  4666.   padding-left: 0;

  4667.   padding-right: 0; }

  4668.   .btn-icon-only > [class^="icon-"],

  4669.   .btn-icon-only > i {

  4670.     text-align: center;

  4671.     margin-top: 2px; }

  4672. 

  4673. .btn-group.btn-group-circle > .btn:first-child {

  4674.   border-radius: 25px 0 0 25px !important; }

  4675. 

  4676. .btn-group.btn-group-circle > .btn:last-child {

  4677.   border-radius: 0 25px 25px 0 !important; }

  4678. 

  4679. .btn-group.btn-group-devided > .btn {

  4680.   margin-right: 5px; }

  4681.   .btn-group.btn-group-devided > .btn:last-child {

  4682.     margin-right: 0; }

  4683. 

  4684. .btn-group-vertical.btn-group-vertical-circle > .btn:first-child {

  4685.   border-radius: 25px 25px 0 0 !important; }

  4686. 

  4687. .btn-group-vertical.btn-group-vertical-circle > .btn:last-child {

  4688.   border-radius: 0 0 25px 25px !important; }

  4689. 

  4690. /***

  4691. Image Carousel

  4692. ***/

  4693. .carousel.image-carousel .carousel-inner {

  4694.   padding-top: 0;

  4695.   padding-bottom: 0; }

  4696. 

  4697. .carousel.image-carousel .carousel-control i {

  4698.   position: absolute;

  4699.   top: 40%; }

  4700. 

  4701. .carousel.image-carousel.image-carousel-hoverable .carousel-control i {

  4702.   display: none; }

  4703. 

  4704. .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {

  4705.   display: inline-block; }

  4706. 

  4707. .carousel.image-carousel .carousel-control.left i {

  4708.   left: 10px; }

  4709. 

  4710. .carousel.image-carousel .carousel-control.right i {

  4711.   right: 10px; }

  4712. 

  4713. .carousel.image-carousel .carousel-indicators {

  4714.   margin-top: 10px;

  4715.   bottom: -7px; }

  4716.   .carousel.image-carousel .carousel-indicators li {

  4717.     background-color: #666; }

  4718.     .carousel.image-carousel .carousel-indicators li.active {

  4719.       background-color: #666; }

  4720. 

  4721. .carousel.image-carousel .carousel-caption {

  4722.   position: absolute;

  4723.   right: 0;

  4724.   bottom: 0;

  4725.   left: 0;

  4726.   padding: 15px 15px 25px 15px;

  4727.   background: #333333;

  4728.   background: rgba(0, 0, 0, 0.75); }

  4729.   .carousel.image-carousel .carousel-caption h4,

  4730.   .carousel.image-carousel .carousel-caption h3,

  4731.   .carousel.image-carousel .carousel-caption h2,

  4732.   .carousel.image-carousel .carousel-caption p {

  4733.     text-align: left;

  4734.     line-height: 20px;

  4735.     color: #ffffff; }

  4736.   .carousel.image-carousel .carousel-caption h4,

  4737.   .carousel.image-carousel .carousel-caption h3,

  4738.   .carousel.image-carousel .carousel-caption h2 {

  4739.     margin: 0 0 5px; }

  4740.     .carousel.image-carousel .carousel-caption h4 a,

  4741.     .carousel.image-carousel .carousel-caption h3 a,

  4742.     .carousel.image-carousel .carousel-caption h2 a {

  4743.       color: #aaa; }

  4744.   .carousel.image-carousel .carousel-caption p {

  4745.     margin-bottom: 0; }

  4746.   .carousel.image-carousel .carousel-caption .item {

  4747.     margin: 0; }

  4748. 

  4749. /***

  4750. Charts and statistics

  4751. ***/

  4752. .chart,

  4753. .pie,

  4754. .bars {

  4755.   overflow: hidden;

  4756.   height: 300px;

  4757.   width: 100%;

  4758.   font-family: "Open Sans", sans-serif !important;

  4759.   font-size: 14px; }

  4760. 

  4761. /***

  4762. Statistic lists

  4763. ***/

  4764. .item-list.table .percent {

  4765.   width: 30px;

  4766.   float: right;

  4767.   margin-right: 10px;

  4768.   margin-top: 3px; }

  4769. 

  4770. /***

  4771. Chart tooltips

  4772. ***/

  4773. .chart-tooltip {

  4774.   clear: both;

  4775.   z-index: 100;

  4776.   background-color: #736e6e !important;

  4777.   padding: 5px !important;

  4778.   color: #fff; }

  4779.   .chart-tooltip .label {

  4780.     clear: both;

  4781.     display: block;

  4782.     margin-bottom: 2px; }

  4783. 

  4784. /***

  4785. Mini chart containers

  4786. ***/

  4787. .bar-chart,

  4788. .line-chart {

  4789.   display: none; }

  4790. 

  4791. /***

  4792. Chats

  4793. ***/

  4794. .chats {

  4795.   margin: 0;

  4796.   padding: 0;

  4797.   margin-top: -15px; }

  4798.   .chats li {

  4799.     list-style: none;

  4800.     padding: 5px 0;

  4801.     margin: 10px auto;

  4802.     font-size: 12px; }

  4803.     .chats li .body {

  4804.       display: block; }

  4805.     .chats li .avatar {

  4806.       height: 45px;

  4807.       width: 45px;

  4808.       -webkit-border-radius: 50% !important;

  4809.       -moz-border-radius: 50% !important;

  4810.       border-radius: 50% !important; }

  4811.     .chats li.in .avatar {

  4812.       float: left;

  4813.       margin-right: 10px; }

  4814.     .chats li.out .avatar {

  4815.       float: right;

  4816.       margin-left: 10px; }

  4817.     .chats li .name {

  4818.       color: #3590c1;

  4819.       font-size: 13px;

  4820.       font-weight: 400; }

  4821.     .chats li .datetime {

  4822.       color: #333;

  4823.       font-size: 13px;

  4824.       font-weight: 400; }

  4825.     .chats li .message {

  4826.       display: block;

  4827.       padding: 5px;

  4828.       position: relative; }

  4829.     .chats li.in .message {

  4830.       text-align: left;

  4831.       border-left: 2px solid #1BBC9B;

  4832.       margin-left: 65px;

  4833.       background: #fafafa; }

  4834.       .chats li.in .message .arrow {

  4835.         display: block;

  4836.         position: absolute;

  4837.         top: 5px;

  4838.         left: -8px;

  4839.         width: 0;

  4840.         height: 0;

  4841.         border-top: 8px solid transparent;

  4842.         border-bottom: 8px solid transparent;

  4843.         border-right: 8px solid #1BBC9B; }

  4844.     .chats li.out .message {

  4845.       border-right: 2px solid #F3565D;

  4846.       margin-right: 65px;

  4847.       background: #fafafa;

  4848.       text-align: right; }

  4849.       .chats li.out .message .arrow {

  4850.         display: block;

  4851.         position: absolute;

  4852.         top: 5px;

  4853.         right: -8px;

  4854.         border-top: 8px solid transparent;

  4855.         border-bottom: 8px solid transparent;

  4856.         border-left: 8px solid #F3565D; }

  4857.     .chats li.out .name,

  4858.     .chats li.out .datetime {

  4859.       text-align: right; }

  4860. 

  4861. .chat-form {

  4862.   margin-top: 15px;

  4863.   padding: 10px;

  4864.   background-color: #e9eff3;

  4865.   overflow: hidden;

  4866.   clear: both; }

  4867.   .chat-form .input-cont {

  4868.     margin-right: 40px; }

  4869.     .chat-form .input-cont .form-control {

  4870.       border: 1px solid #ddd;

  4871.       width: 100%  !important;

  4872.       margin-top: 0;

  4873.       background-color: #fff !important; }

  4874.       .chat-form .input-cont .form-control:focus {

  4875.         border: 1px solid #4b8df9 !important; }

  4876.   .chat-form .btn-cont {

  4877.     margin-top: -41px;

  4878.     position: relative;

  4879.     float: right;

  4880.     width: 44px; }

  4881.     .chat-form .btn-cont .arrow {

  4882.       position: absolute;

  4883.       top: 17px;

  4884.       right: 43px;

  4885.       border-top: 8px solid transparent;

  4886.       border-bottom: 8px solid transparent;

  4887.       border-right: 8px solid #4d90fe;

  4888.       -webkit-box-sizing: border-box;

  4889.       -moz-box-sizing: border-box;

  4890.       box-sizing: border-box; }

  4891.     .chat-form .btn-cont .btn {

  4892.       margin-top: 7px; }

  4893.     .chat-form .btn-cont:hover .arrow {

  4894.       border-right-color: #0362fd;

  4895.       transition: all 0.3s; }

  4896.     .chat-form .btn-cont:hover .btn {

  4897.       background-color: #0362fd;

  4898.       transition: all 0.3s; }

  4899. 

  4900. /***

  4901. Customized Bootstrap Close Icon 

  4902. ***/

  4903. .close {

  4904.   display: inline-block;

  4905.   margin-top: 0px;

  4906.   margin-right: 0px;

  4907.   width: 9px;

  4908.   height: 9px;

  4909.   background-repeat: no-repeat !important;

  4910.   text-indent: -10000px;

  4911.   outline: none;

  4912.   background-image: url("../img/remove-icon-small.png") !important; }

  4913. 

  4914. /***

  4915. Customized Bootstrap Dropdowns

  4916. ***/

  4917. /***

  4918. Dropdowns

  4919. ***/

  4920. .dropup.open > .dropdown-toggle,

  4921. .dropdown.open > .dropdown-toggle {

  4922.   border-color: #ddd; }

  4923. 

  4924. /***

  4925. Dropdown Menu

  4926. ***/

  4927. /*rtl:ignore*/

  4928. .dropdown-menu {

  4929.   box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }

  4930. 

  4931. .dropdown-menu {

  4932.   left: 0/*rtl:auto*/;

  4933.   min-width: 175px;

  4934.   position: absolute;

  4935.   z-index: 1000;

  4936.   display: none;

  4937.   float: left;

  4938.   list-style: none;

  4939.   text-shadow: none;

  4940.   padding: 0px;

  4941.   background-color: #ffffff;

  4942.   margin: 10px  0px 0px 0px;

  4943.   border: 1px solid #eee;

  4944.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  4945.   -webkit-border-radius: 4px;

  4946.   -moz-border-radius: 4px;

  4947.   -ms-border-radius: 4px;

  4948.   -o-border-radius: 4px;

  4949.   border-radius: 4px; }

  4950.   .dropdown-hoverable:hover .dropdown-menu {

  4951.     display: block; }

  4952.   .dropdown-menu li.divider {

  4953.     background: #f1f3f6; }

  4954.   .dropdown-menu li.header {

  4955.     padding: 8px 14px 2px 14px; }

  4956.   .dropdown-menu > li > a {

  4957.     padding: 8px 16px;

  4958.     color: #6f6f6f;

  4959.     text-decoration: none;

  4960.     display: block;

  4961.     clear: both;

  4962.     font-weight: 300;

  4963.     line-height: 18px;

  4964.     white-space: nowrap; }

  4965.     .dropdown-menu > li > a > [class^="fa-"],

  4966.     .dropdown-menu > li > a > [class*=" fa-"] {

  4967.       color: #888; }

  4968.     .dropdown-menu > li > a > [class^="icon-"],

  4969.     .dropdown-menu > li > a > [class*=" icon-"] {

  4970.       color: #666; }

  4971.     .dropdown-menu > li > a > [class^="glyphicon-"],

  4972.     .dropdown-menu > li > a > [class*=" glyphicon-"] {

  4973.       color: #888; }

  4974.   .dropdown-menu > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a {

  4975.     text-decoration: none;

  4976.     background-image: none;

  4977.     background-color: #f6f6f6;

  4978.     color: #555;

  4979.     filter: none; }

  4980.   .dropdown-menu.bottom-up {

  4981.     top: auto;

  4982.     bottom: 100%;

  4983.     margin-bottom: 2px; }

  4984.     .dropdown-menu.bottom-up:before, .dropdown-menu.bottom-up:after {

  4985.       display: none !important; }

  4986.   .dropdown-menu > li:first-child:hover > a {

  4987.     border-radius: 4px 4px 0px 0px; }

  4988.   .dropdown-menu > li:last-child:hover > a {

  4989.     border-radius: 0px 0px 4px 4px; }

  4990. 

  4991. .dropdown-hover:hover > .dropdown-menu {

  4992.   display: block; }

  4993. 

  4994. .dropdown > .dropdown-menu,

  4995. .dropdown-toggle > .dropdown-menu,

  4996. .btn-group > .dropdown-menu {

  4997.   margin-top: 10px; }

  4998.   .dropdown > .dropdown-menu:before,

  4999.   .dropdown-toggle > .dropdown-menu:before,

  5000.   .btn-group > .dropdown-menu:before {

  5001.     position: absolute;

  5002.     top: -8px;

  5003.     left: 9px;

  5004.     right: auto;

  5005.     display: inline-block !important;

  5006.     border-right: 8px solid transparent;

  5007.     border-bottom: 8px solid #e0e0e0;

  5008.     border-left: 8px solid transparent;

  5009.     content: ''; }

  5010.   .dropdown > .dropdown-menu:after,

  5011.   .dropdown-toggle > .dropdown-menu:after,

  5012.   .btn-group > .dropdown-menu:after {

  5013.     position: absolute;

  5014.     top: -7px;

  5015.     left: 10px;

  5016.     right: auto;

  5017.     display: inline-block !important;

  5018.     border-right: 7px solid transparent;

  5019.     border-bottom: 7px solid #fff;

  5020.     border-left: 7px solid transparent;

  5021.     content: ''; }

  5022.   .dropdown > .dropdown-menu.pull-left:before,

  5023.   .dropdown-toggle > .dropdown-menu.pull-left:before,

  5024.   .btn-group > .dropdown-menu.pull-left:before {

  5025.     left: auto;

  5026.     right: 9px; }

  5027.   .dropdown > .dropdown-menu.pull-left:after,

  5028.   .dropdown-toggle > .dropdown-menu.pull-left:after,

  5029.   .btn-group > .dropdown-menu.pull-left:after {

  5030.     left: auto;

  5031.     right: 10px; }

  5032.   .dropdown > .dropdown-menu.pull-right:before,

  5033.   .dropdown-toggle > .dropdown-menu.pull-right:before,

  5034.   .btn-group > .dropdown-menu.pull-right:before {

  5035.     left: auto;

  5036.     right: 9px; }

  5037.   .dropdown > .dropdown-menu.pull-right:after,

  5038.   .dropdown-toggle > .dropdown-menu.pull-right:after,

  5039.   .btn-group > .dropdown-menu.pull-right:after {

  5040.     left: auto;

  5041.     right: 10px; }

  5042. 

  5043. .dropdown.dropup > .dropdown-menu,

  5044. .dropdown-toggle.dropup > .dropdown-menu,

  5045. .btn-group.dropup > .dropdown-menu {

  5046.   margin-top: 0px;

  5047.   margin-bottom: 10px; }

  5048.   .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before,

  5049.   .dropdown-toggle.dropup > .dropdown-menu:after,

  5050.   .dropdown-toggle.dropup > .dropdown-menu:before,

  5051.   .btn-group.dropup > .dropdown-menu:after,

  5052.   .btn-group.dropup > .dropdown-menu:before {

  5053.     display: none !important; }

  5054. 

  5055. .dropdown-toggle:after {

  5056.   display: none; }

  5057. 

  5058. /* Dropdown submenu support for Bootsrap 3 */

  5059. .dropdown-submenu {

  5060.   position: relative; }

  5061.   .dropdown-submenu > .dropdown-menu {

  5062.     top: 5px;

  5063.     left: 100%;

  5064.     margin-top: -6px;

  5065.     margin-left: -1px; }

  5066.   .dropdown-submenu > a:after {

  5067.     position: absolute;

  5068.     display: inline-block;

  5069.     font-size: 14px;

  5070.     right: 7px;

  5071.     top: 7px;

  5072.     font-family: FontAwesome;

  5073.     height: auto;

  5074.     content: "\f105";

  5075.     font-weight: 300; }

  5076.   .dropdown-submenu:hover > .dropdown-menu {

  5077.     display: block; }

  5078.   .dropdown-submenu:hover > a:after {

  5079.     border-left-color: #ffffff; }

  5080.   .dropdown-submenu.pull-left {

  5081.     float: none; }

  5082.     .dropdown-submenu.pull-left > .dropdown-menu {

  5083.       left: -100%;

  5084.       margin-left: 10px; }

  5085.   .dropup .dropdown-submenu > .dropdown-menu {

  5086.     top: auto;

  5087.     bottom: 0;

  5088.     margin-top: 0;

  5089.     margin-bottom: -2px; }

  5090. 

  5091. .nav.pull-right > li > .dropdown-menu,

  5092. .nav > li > .dropdown-menu.pull-right {

  5093.   right: 0;

  5094.   left: auto; }

  5095.   .nav.pull-right > li > .dropdown-menu:before,

  5096.   .nav > li > .dropdown-menu.pull-right:before {

  5097.     right: 12px;

  5098.     left: auto; }

  5099.   .nav.pull-right > li > .dropdown-menu:after,

  5100.   .nav > li > .dropdown-menu.pull-right:after {

  5101.     right: 13px;

  5102.     left: auto; }

  5103.   .nav.pull-right > li > .dropdown-menu .dropdown-menu,

  5104.   .nav > li > .dropdown-menu.pull-right .dropdown-menu {

  5105.     right: 100%;

  5106.     left: auto;

  5107.     margin-right: -1px;

  5108.     margin-left: 0; }

  5109. 

  5110. @media (max-width: 767px) {

  5111.   /* 767px */

  5112.   .navbar-nav .open .dropdown-menu {

  5113.     position: absolute;

  5114.     float: left;

  5115.     width: auto;

  5116.     margin-top: 0;

  5117.     background-color: #ffffff;

  5118.     border: 1px solid #efefef;

  5119.     box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }

  5120.     .navbar-nav .open .dropdown-menu > li > a {

  5121.       padding: 6px 0 6px 13px;

  5122.       color: #333; }

  5123.     .navbar-nav .open .dropdown-menu > li > a:hover,

  5124.     .navbar-nav .open .dropdown-menu > li > a:active {

  5125.       background-color: #eee; } }

  5126. 

  5127. /***

  5128. Dropdown Checkboxes

  5129. ***/

  5130. .dropdown-content {

  5131.   padding: 10px; }

  5132.   .dropdown-content form {

  5133.     margin: 0; }

  5134. 

  5135. .dropdown.inline .dropdown-menu {

  5136.   display: inline-block;

  5137.   position: relative; }

  5138. 

  5139. .dropdown-radiobuttons,

  5140. .dropdown-checkboxes {

  5141.   padding: 5px; }

  5142.   .dropdown-radiobuttons label,

  5143.   .dropdown-checkboxes label {

  5144.     display: block;

  5145.     font-weight: 300;

  5146.     color: #333;

  5147.     margin-bottom: 4px;

  5148.     margin-top: 4px; }

  5149.     .dropdown-radiobuttons label .radio,

  5150.     .dropdown-checkboxes label .radio {

  5151.       margin-right: 3px; }

  5152. 

  5153. /*--------------------------------------------------

  5154.     [Dropdown Menu v2]

  5155. ----------------------------------------------------*/

  5156. .dropdown-menu-v2 {

  5157.   top: 100%;

  5158.   right: 0;

  5159.   z-index: 1001;

  5160.   display: none;

  5161.   float: left;

  5162.   min-width: 225px;

  5163.   padding: 20px 0;

  5164.   margin: 25px 0 0;

  5165.   font-size: 13px;

  5166.   text-align: left;

  5167.   list-style: none;

  5168.   position: absolute;

  5169.   background: #242b31;

  5170.   -webkit-border-radius: 2px;

  5171.   -moz-border-radius: 2px;

  5172.   -ms-border-radius: 2px;

  5173.   -o-border-radius: 2px;

  5174.   border-radius: 2px;

  5175.   -webkit-background-clip: padding-box;

  5176.   background-clip: padding-box;

  5177.   transition-duration: 300ms;

  5178.   transition-property: all;

  5179.   transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

  5180.   .dropdown-menu-v2:before {

  5181.     top: -10px;

  5182.     right: 0;

  5183.     width: 0;

  5184.     height: 0;

  5185.     content: ' ';

  5186.     position: absolute;

  5187.     border-style: solid;

  5188.     display: inline-block;

  5189.     border-width: 0 0 15px 15px;

  5190.     border-color: transparent transparent #242b31 transparent; }

  5191.   .dropdown-menu-v2 > li > a {

  5192.     clear: both;

  5193.     color: #606e7a;

  5194.     display: block;

  5195.     font-weight: 600;

  5196.     padding: 8px 20px;

  5197.     position: relative;

  5198.     white-space: nowrap;

  5199.     line-height: 1.42857143;

  5200.     text-transform: uppercase; }

  5201.     .dropdown-menu-v2 > li > a:hover, .dropdown-menu-v2 > li > a:focus {

  5202.       background: #21282e;

  5203.       text-decoration: none;

  5204.       color: #009dc7; }

  5205.   .dropdown-menu-v2 .active > a,

  5206.   .dropdown-menu-v2 .active > a:hover,

  5207.   .dropdown-menu-v2 .active > a:focus,

  5208.   .dropdown-menu-v2 .active > a,

  5209.   .dropdown-menu-v2 .active > a:hover,

  5210.   .dropdown-menu-v2 .active > a:focus,

  5211.   .dropdown-menu-v2 .active > a,

  5212.   .dropdown-menu-v2 .active > a:hover,

  5213.   .dropdown-menu-v2 .active > a:focus {

  5214.     outline: 0;

  5215.     text-decoration: none;

  5216.     background-color: #21282e;

  5217.     color: #009dc7; }

  5218.   .dropdown-menu-v2 .disabled > a,

  5219.   .dropdown-menu-v2 .disabled > a:hover,

  5220.   .dropdown-menu-v2 .disabled > a:focus,

  5221.   .dropdown-menu-v2 .disabled > a,

  5222.   .dropdown-menu-v2 .disabled > a:hover,

  5223.   .dropdown-menu-v2 .disabled > a:focus,

  5224.   .dropdown-menu-v2 .disabled > a,

  5225.   .dropdown-menu-v2 .disabled > a:hover,

  5226.   .dropdown-menu-v2 .disabled > a:focus {

  5227.     color: #009dc7; }

  5228.   .dropdown-menu-v2 .disabled > a:hover,

  5229.   .dropdown-menu-v2 .disabled > a:focus,

  5230.   .dropdown-menu-v2 .disabled > a:hover,

  5231.   .dropdown-menu-v2 .disabled > a:focus {

  5232.     text-decoration: none;

  5233.     cursor: not-allowed;

  5234.     background-color: transparent;

  5235.     background-image: none; }

  5236.   .dropdown-menu-v2 .divider {

  5237.     height: 1px;

  5238.     margin: 9px 0;

  5239.     overflow: hidden;

  5240.     background: #2e353c; }

  5241.   .dropdown-menu-v2 .badge {

  5242.     top: 8px;

  5243.     right: 10px;

  5244.     position: absolute; }

  5245. 

  5246. .dropdown-menu-v2.pull-right {

  5247.   right: 0;

  5248.   left: auto; }

  5249. 

  5250. .open > .dropdown-menu-v2 {

  5251.   display: block; }

  5252. 

  5253. .pull-right > .dropdown-menu-v2 {

  5254.   right: 0;

  5255.   left: auto; }

  5256. 

  5257. /***

  5258. System feeds

  5259. ***/

  5260. .feeds {

  5261.   margin: 0px;

  5262.   padding: 0px;

  5263.   list-style: none; }

  5264.   .feeds li {

  5265.     background-color: #fafafa;

  5266.     color: #82949a;

  5267.     margin-bottom: 7px; }

  5268.     .feeds li:before, .feeds li:after {

  5269.       display: table;

  5270.       line-height: 0;

  5271.       content: ""; }

  5272.     .feeds li:after {

  5273.       clear: both; }

  5274.     .feeds li:last-child {

  5275.       margin-bottom: 0px; }

  5276.     .feeds li .col1 {

  5277.       float: left;

  5278.       width: 100%;

  5279.       clear: both; }

  5280.       .feeds li .col1 > .cont {

  5281.         float: left;

  5282.         margin-right: 75px;

  5283.         overflow: hidden; }

  5284.         .feeds li .col1 > .cont > .cont-col1 {

  5285.           float: left;

  5286.           margin-right: -100%; }

  5287.           .feeds li .col1 > .cont > .cont-col1 > .label {

  5288.             display: inline-block;

  5289.             padding: 5px 4px 6px 5px;

  5290.             vertical-align: middle;

  5291.             text-align: center; }

  5292.             .feeds li .col1 > .cont > .cont-col1 > .label > i {

  5293.               text-align: center;

  5294.               font-size: 14px; }

  5295.         .feeds li .col1 > .cont > .cont-col2 {

  5296.           float: left;

  5297.           width: 100%; }

  5298.           .feeds li .col1 > .cont > .cont-col2 > .desc {

  5299.             margin-left: 35px;

  5300.             padding-top: 4px;

  5301.             padding-bottom: 5px;

  5302.             overflow: hidden; }

  5303.     .feeds li .col2 {

  5304.       float: left;

  5305.       width: 75px;

  5306.       margin-left: -75px; }

  5307.       .feeds li .col2 > .date {

  5308.         padding: 4px 9px 5px 4px;

  5309.         text-align: right;

  5310.         font-style: italic;

  5311.         color: #c1cbd0; }

  5312. 

  5313. /***

  5314. Form Layouts

  5315. ****/

  5316. /* Static info */

  5317. .static-info {

  5318.   margin-bottom: 10px; }

  5319.   .static-info .name {

  5320.     font-size: 14px; }

  5321.   .static-info .value {

  5322.     font-size: 14px;

  5323.     font-weight: 600; }

  5324.   .static-info.align-reverse .name,

  5325.   .static-info.align-reverse .value {

  5326.     text-align: right; }

  5327. 

  5328. /* Help blocks */

  5329. .help-block {

  5330.   margin-top: 5px;

  5331.   margin-bottom: 5px; }

  5332. 

  5333. .help-inline {

  5334.   font-size: 13px;

  5335.   color: #737373;

  5336.   display: inline-block;

  5337.   padding: 5px; }

  5338. 

  5339. .form-inline input {

  5340.   margin-bottom: 0px !important; }

  5341. 

  5342. /* Control Label */

  5343. .control-label {

  5344.   margin-top: 1px;

  5345.   font-weight: normal; }

  5346. 

  5347. .control-label .required,

  5348. .form-group .required {

  5349.   color: #e02222;

  5350.   font-size: 12px;

  5351.   padding-left: 2px; }

  5352. 

  5353. .form {

  5354.   padding: 0 !important; }

  5355. 

  5356. .portlet-form .form-body,

  5357. .form .form-body {

  5358.   padding: 20px; }

  5359.   .portlet.light .portlet-form .form-body, .portlet.light

  5360.   .form .form-body {

  5361.     padding-left: 0;

  5362.     padding-right: 0; }

  5363. 

  5364. .portlet-form .form-actions,

  5365. .form .form-actions {

  5366.   padding: 20px 20px;

  5367.   margin: 0;

  5368.   background-color: #f5f5f5;

  5369.   border-top: 1px solid #e7ecf1;

  5370.   *zoom: 1; }

  5371.   .portlet.light .portlet-form .form-actions, .portlet.light

  5372.   .form .form-actions {

  5373.     background: none;

  5374.     padding-left: 0;

  5375.     padding-right: 0; }

  5376.   .portlet-form .form-actions.noborder,

  5377.   .form .form-actions.noborder {

  5378.     border-top: 0; }

  5379.   .portlet .portlet-form .form-actions, .portlet

  5380.   .form .form-actions {

  5381.     -webkit-border-radius: 0 0 4px 4px;

  5382.     -moz-border-radius: 0 0 4px 4px;

  5383.     -ms-border-radius: 0 0 4px 4px;

  5384.     -o-border-radius: 0 0 4px 4px;

  5385.     border-radius: 0 0 4px 4px; }

  5386.   .portlet-form .form-actions:before, .portlet-form .form-actions:after,

  5387.   .form .form-actions:before,

  5388.   .form .form-actions:after {

  5389.     content: " ";

  5390.     display: table; }

  5391.   .portlet-form .form-actions:after,

  5392.   .form .form-actions:after {

  5393.     clear: both; }

  5394.   .portlet-form .form-actions.right,

  5395.   .form .form-actions.right {

  5396.     padding-left: 0;

  5397.     padding-right: 20px;

  5398.     text-align: right; }

  5399.     .portlet.light .portlet-form .form-actions.right, .portlet.light

  5400.     .form .form-actions.right {

  5401.       padding-right: 0; }

  5402.   .portlet-form .form-actions.left,

  5403.   .form .form-actions.left {

  5404.     padding-left: 20px;

  5405.     padding-right: 0;

  5406.     text-align: left; }

  5407.     .portlet.light .portlet-form .form-actions.left, .portlet.light

  5408.     .form .form-actions.left {

  5409.       padding-left: 0; }

  5410.   .portlet-form .form-actions.nobg,

  5411.   .form .form-actions.nobg {

  5412.     background-color: transparent; }

  5413.   .portlet-form .form-actions.top,

  5414.   .form .form-actions.top {

  5415.     margin-top: 0;

  5416.     margin-bottom: 20px;

  5417.     border-top: 0;

  5418.     border-bottom: 1px solid #e7ecf1; }

  5419.     .portlet.light .portlet-form .form-actions.top, .portlet.light

  5420.     .form .form-actions.top {

  5421.       background: none; }

  5422.   .portlet-form .form-actions .btn-set,

  5423.   .form .form-actions .btn-set {

  5424.     display: inline-block; }

  5425.   @media (max-width: 767px) {

  5426.     .portlet-form .form-actions,

  5427.     .form .form-actions {

  5428.       /* 767px */ }

  5429.       .portlet-form .form-actions .btn-set,

  5430.       .form .form-actions .btn-set {

  5431.         margin-bottom: 3px;

  5432.         margin-top: 3px;

  5433.         float: left !important; } }

  5434. 

  5435. .portlet-form .form-section,

  5436. .form .form-section {

  5437.   margin: 30px 0px 30px 0px;

  5438.   padding-bottom: 5px;

  5439.   border-bottom: 1px solid #e7ecf1; }

  5440.   .form-fit .portlet-form .form-section, .form-fit

  5441.   .form .form-section {

  5442.     margin-left: 20px;

  5443.     margin-right: 20px; }

  5444. 

  5445. /* Checkboxes */

  5446. .checkbox,

  5447. .form-horizontal .checkbox {

  5448.   padding: 0; }

  5449.   .checkbox > label,

  5450.   .form-horizontal .checkbox > label {

  5451.     padding-left: 0; }

  5452. 

  5453. .checkbox-list > label {

  5454.   display: block; }

  5455.   .checkbox-list > label.checkbox-inline {

  5456.     display: inline-block; }

  5457.     .checkbox-list > label.checkbox-inline:first-child {

  5458.       padding-left: 0; }

  5459. 

  5460. /* Radio buttons */

  5461. .radio-list > label {

  5462.   display: block; }

  5463.   .radio-list > label.radio-inline {

  5464.     display: inline-block; }

  5465.     .radio-list > label.radio-inline:first-child {

  5466.       padding-left: 0; }

  5467. 

  5468. /* Radio buttons in horizontal forms */

  5469. .form-horizontal .radio-list .radio {

  5470.   padding-top: 1px; }

  5471. 

  5472. .form-horizontal .radio-list > label {

  5473.   margin-bottom: 0; }

  5474. 

  5475. .form-horizontal .radio > span {

  5476.   margin-top: 2px; }

  5477. 

  5478. /* Rows seperated form layout */

  5479. .form .form-row-seperated .portlet-body {

  5480.   padding: 0; }

  5481. 

  5482. .form .form-row-seperated .form-group {

  5483.   margin: 0;

  5484.   border-bottom: 1px solid #efefef;

  5485.   padding: 15px 0; }

  5486.   .form .form-row-seperated .form-group.last {

  5487.     border-bottom: 0;

  5488.     margin-bottom: 0;

  5489.     padding-bottom: 13px; }

  5490.   .form .form-row-seperated .form-group .help-block {

  5491.     margin-bottom: 0; }

  5492. 

  5493. .form .form-row-seperated .form-body {

  5494.   padding: 0; }

  5495. 

  5496. .form .form-row-seperated .form-actions {

  5497.   padding-left: 15px !important;

  5498.   padding-right: 15px !important; }

  5499. 

  5500. /* Form bordered */

  5501. .form .form-bordered .form-group {

  5502.   margin: 0;

  5503.   border-bottom: 1px solid #efefef; }

  5504.   .form .form-bordered .form-group > div {

  5505.     padding: 15px;

  5506.     border-left: 1px solid #efefef; }

  5507.     @media (max-width: 991px) {

  5508.       .form .form-bordered .form-group > div {

  5509.         /* 991px */

  5510.         border-left: 0; } }

  5511.   .form .form-bordered .form-group.last {

  5512.     border-bottom: 0; }

  5513.   .form .form-bordered .form-group .control-label {

  5514.     padding-top: 20px; }

  5515.     @media (max-width: 991px) {

  5516.       .form .form-bordered .form-group .control-label {

  5517.         /* 991px */

  5518.         padding-top: 10px; } }

  5519.   .form .form-bordered .form-group .help-block {

  5520.     margin-bottom: 0; }

  5521.   .form .form-bordered .form-group .form-control {

  5522.     margin: 0; }

  5523. 

  5524. .form .form-bordered .form-body {

  5525.   margin: 0;

  5526.   padding: 0; }

  5527. 

  5528. .form .form-bordered .form-actions {

  5529.   margin-top: 0;

  5530.   padding-left: 16px !important;

  5531.   padding-right: 16px !important; }

  5532.   @media (max-width: 991px) {

  5533.     .form .form-bordered .form-actions {

  5534.       /* 991px */

  5535.       padding-left: 15px !important;

  5536.       padding-right: 15px !important; } }

  5537. 

  5538. /* Horizontal bordered form */

  5539. .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {

  5540.   background-color: #fcfcfc; }

  5541. 

  5542. .form .form-horizontal.form-bordered.form-row-stripped .form-control {

  5543.   background: #fff !important; }

  5544. 

  5545. .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {

  5546.   background-color: #fcfcfc; }

  5547.   .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {

  5548.     background-color: #ffffff; }

  5549. 

  5550. .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {

  5551.   background-color: #fcfcfc; }

  5552. 

  5553. /* Horizontal form small input issue */

  5554. .form-horizontal .form-group .input-sm {

  5555.   margin-top: 3px; }

  5556. 

  5557. .form-horizontal .form-group .form-control-static {

  5558.   margin-top: 1px; }

  5559. 

  5560. /***

  5561. Form Repeater

  5562. ****/

  5563. .mt-repeater {

  5564.   display: table;

  5565.   width: 100%; }

  5566.   .mt-repeater .mt-repeater-item {

  5567.     border-bottom: 1px solid #ddd;

  5568.     padding-bottom: 15px;

  5569.     margin-bottom: 15px; }

  5570.     .mt-repeater .mt-repeater-item.mt-overflow {

  5571.       overflow: auto; }

  5572.   .mt-repeater .mt-repeater-title {

  5573.     font-size: 18px;

  5574.     text-transform: uppercase;

  5575.     margin-top: 0;

  5576.     font-weight: 600; }

  5577.   .mt-repeater .mt-repeater-input {

  5578.     display: table-cell;

  5579.     vertical-align: top;

  5580.     padding: 0 10px 10px 10px;

  5581.     width: 1%; }

  5582.     .mt-repeater .mt-repeater-input input[type="text"], .mt-repeater .mt-repeater-input textarea, .mt-repeater .mt-repeater-input select {

  5583.       width: 100%; }

  5584.     .mt-repeater .mt-repeater-input .control-label {

  5585.       padding-top: 0;

  5586.       margin-bottom: 5px; }

  5587.     .mt-repeater .mt-repeater-input.mt-repeater-textarea {

  5588.       width: 3%; }

  5589.     .mt-repeater .mt-repeater-input:first-child {

  5590.       padding-left: 0; }

  5591.     .mt-repeater .mt-repeater-input:last-child {

  5592.       padding-right: 0; }

  5593.   .mt-repeater .mt-repeater-delete {

  5594.     margin-top: 1.8em; }

  5595.     .mt-repeater .mt-repeater-delete.mt-repeater-del-right {

  5596.       float: right;

  5597.       margin-top: 10px; }

  5598.   .mt-repeater .mt-repeater-cell {

  5599.     display: table;

  5600.     width: 100%; }

  5601.     .mt-repeater .mt-repeater-cell .mt-repeater-input-inline,

  5602.     .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {

  5603.       display: table-cell; }

  5604.     .mt-repeater .mt-repeater-cell .mt-repeater-input-inline {

  5605.       width: 100%;

  5606.       border-right: none; }

  5607.     .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {

  5608.       width: 1%;

  5609.       float: none; }

  5610.   .mt-repeater .mt-repeater-row {

  5611.     margin-right: 0; }

  5612. 

  5613. @media (max-width: 991px) {

  5614.   .mt-repeater .mt-repeater-input {

  5615.     width: 100%;

  5616.     display: block;

  5617.     padding-left: 0;

  5618.     padding-right: 0; }

  5619.     .mt-repeater .mt-repeater-input.mt-repeater-textarea {

  5620.       width: 100%; }

  5621.     .mt-repeater .mt-repeater-input .control-label {

  5622.       text-align: left !important; }

  5623.     .mt-repeater .mt-repeater-input .mt-repeater-delete {

  5624.       margin-top: 0; } }

  5625. 

  5626. /***

  5627. Forms

  5628. ***/

  5629. .form-control {

  5630.   outline: none !important;

  5631.   box-shadow: none !important; }

  5632.   .form-control.height-auto {

  5633.     height: auto; }

  5634. 

  5635. .input-group-addon > i {

  5636.   color: #c5cdda; }

  5637. 

  5638. /***

  5639. Custom color buttons 

  5640. ***/

  5641. .form-control.white {

  5642.   border-color: #ffffff; }

  5643.   .form-control.white:focus {

  5644.     border-color: #e6e6e6; }

  5645. 

  5646. .form-control.focus-white:focus {

  5647.   border-color: #ffffff; }

  5648. 

  5649. .form-control.default {

  5650.   border-color: #e1e5ec; }

  5651.   .form-control.default:focus {

  5652.     border-color: #c2cad8; }

  5653. 

  5654. .form-control.focus-default:focus {

  5655.   border-color: #e1e5ec; }

  5656. 

  5657. .form-control.dark {

  5658.   border-color: #2f353b; }

  5659.   .form-control.dark:focus {

  5660.     border-color: #181c1f; }

  5661. 

  5662. .form-control.focus-dark:focus {

  5663.   border-color: #2f353b; }

  5664. 

  5665. .form-control.blue {

  5666.   border-color: #3598dc; }

  5667.   .form-control.blue:focus {

  5668.     border-color: #217ebd; }

  5669. 

  5670. .form-control.focus-blue:focus {

  5671.   border-color: #3598dc; }

  5672. 

  5673. .form-control.blue-madison {

  5674.   border-color: #578ebe; }

  5675.   .form-control.blue-madison:focus {

  5676.     border-color: #3f74a3; }

  5677. 

  5678. .form-control.focus-blue-madison:focus {

  5679.   border-color: #578ebe; }

  5680. 

  5681. .form-control.blue-chambray {

  5682.   border-color: #2C3E50; }

  5683.   .form-control.blue-chambray:focus {

  5684.     border-color: #1a252f; }

  5685. 

  5686. .form-control.focus-blue-chambray:focus {

  5687.   border-color: #2C3E50; }

  5688. 

  5689. .form-control.blue-ebonyclay {

  5690.   border-color: #22313F; }

  5691.   .form-control.blue-ebonyclay:focus {

  5692.     border-color: #10171e; }

  5693. 

  5694. .form-control.focus-blue-ebonyclay:focus {

  5695.   border-color: #22313F; }

  5696. 

  5697. .form-control.blue-hoki {

  5698.   border-color: #67809F; }

  5699.   .form-control.blue-hoki:focus {

  5700.     border-color: #526781; }

  5701. 

  5702. .form-control.focus-blue-hoki:focus {

  5703.   border-color: #67809F; }

  5704. 

  5705. .form-control.blue-steel {

  5706.   border-color: #4B77BE; }

  5707.   .form-control.blue-steel:focus {

  5708.     border-color: #395f9d; }

  5709. 

  5710. .form-control.focus-blue-steel:focus {

  5711.   border-color: #4B77BE; }

  5712. 

  5713. .form-control.blue-soft {

  5714.   border-color: #4c87b9; }

  5715.   .form-control.blue-soft:focus {

  5716.     border-color: #3b6d97; }

  5717. 

  5718. .form-control.focus-blue-soft:focus {

  5719.   border-color: #4c87b9; }

  5720. 

  5721. .form-control.blue-dark {

  5722.   border-color: #5e738b; }

  5723.   .form-control.blue-dark:focus {

  5724.     border-color: #495a6d; }

  5725. 

  5726. .form-control.focus-blue-dark:focus {

  5727.   border-color: #5e738b; }

  5728. 

  5729. .form-control.blue-sharp {

  5730.   border-color: #5C9BD1; }

  5731.   .form-control.blue-sharp:focus {

  5732.     border-color: #3782c3; }

  5733. 

  5734. .form-control.focus-blue-sharp:focus {

  5735.   border-color: #5C9BD1; }

  5736. 

  5737. .form-control.blue-oleo {

  5738.   border-color: #94A0B2; }

  5739.   .form-control.blue-oleo:focus {

  5740.     border-color: #76869d; }

  5741. 

  5742. .form-control.focus-blue-oleo:focus {

  5743.   border-color: #94A0B2; }

  5744. 

  5745. .form-control.green {

  5746.   border-color: #32c5d2; }

  5747.   .form-control.green:focus {

  5748.     border-color: #26a1ab; }

  5749. 

  5750. .form-control.focus-green:focus {

  5751.   border-color: #32c5d2; }

  5752. 

  5753. .form-control.green-meadow {

  5754.   border-color: #1BBC9B; }

  5755.   .form-control.green-meadow:focus {

  5756.     border-color: #158f76; }

  5757. 

  5758. .form-control.focus-green-meadow:focus {

  5759.   border-color: #1BBC9B; }

  5760. 

  5761. .form-control.green-seagreen {

  5762.   border-color: #1BA39C; }

  5763.   .form-control.green-seagreen:focus {

  5764.     border-color: #147772; }

  5765. 

  5766. .form-control.focus-green-seagreen:focus {

  5767.   border-color: #1BA39C; }

  5768. 

  5769. .form-control.green-turquoise {

  5770.   border-color: #36D7B7; }

  5771.   .form-control.green-turquoise:focus {

  5772.     border-color: #24b699; }

  5773. 

  5774. .form-control.focus-green-turquoise:focus {

  5775.   border-color: #36D7B7; }

  5776. 

  5777. .form-control.green-haze {

  5778.   border-color: #44b6ae; }

  5779.   .form-control.green-haze:focus {

  5780.     border-color: #36918b; }

  5781. 

  5782. .form-control.focus-green-haze:focus {

  5783.   border-color: #44b6ae; }

  5784. 

  5785. .form-control.green-jungle {

  5786.   border-color: #26C281; }

  5787.   .form-control.green-jungle:focus {

  5788.     border-color: #1e9765; }

  5789. 

  5790. .form-control.focus-green-jungle:focus {

  5791.   border-color: #26C281; }

  5792. 

  5793. .form-control.green-soft {

  5794.   border-color: #3faba4; }

  5795.   .form-control.green-soft:focus {

  5796.     border-color: #318680; }

  5797. 

  5798. .form-control.focus-green-soft:focus {

  5799.   border-color: #3faba4; }

  5800. 

  5801. .form-control.green-dark {

  5802.   border-color: #4DB3A2; }

  5803.   .form-control.green-dark:focus {

  5804.     border-color: #3d9082; }

  5805. 

  5806. .form-control.focus-green-dark:focus {

  5807.   border-color: #4DB3A2; }

  5808. 

  5809. .form-control.green-sharp {

  5810.   border-color: #2ab4c0; }

  5811.   .form-control.green-sharp:focus {

  5812.     border-color: #218d96; }

  5813. 

  5814. .form-control.focus-green-sharp:focus {

  5815.   border-color: #2ab4c0; }

  5816. 

  5817. .form-control.green-steel {

  5818.   border-color: #29b4b6; }

  5819.   .form-control.green-steel:focus {

  5820.     border-color: #208b8c; }

  5821. 

  5822. .form-control.focus-green-steel:focus {

  5823.   border-color: #29b4b6; }

  5824. 

  5825. .form-control.grey {

  5826.   border-color: #E5E5E5; }

  5827.   .form-control.grey:focus {

  5828.     border-color: #cccccc; }

  5829. 

  5830. .form-control.focus-grey:focus {

  5831.   border-color: #E5E5E5; }

  5832. 

  5833. .form-control.grey-steel {

  5834.   border-color: #e9edef; }

  5835.   .form-control.grey-steel:focus {

  5836.     border-color: #cbd5da; }

  5837. 

  5838. .form-control.focus-grey-steel:focus {

  5839.   border-color: #e9edef; }

  5840. 

  5841. .form-control.grey-cararra {

  5842.   border-color: #fafafa; }

  5843.   .form-control.grey-cararra:focus {

  5844.     border-color: #e1e1e1; }

  5845. 

  5846. .form-control.focus-grey-cararra:focus {

  5847.   border-color: #fafafa; }

  5848. 

  5849. .form-control.grey-gallery {

  5850.   border-color: #555555; }

  5851.   .form-control.grey-gallery:focus {

  5852.     border-color: #3c3c3c; }

  5853. 

  5854. .form-control.focus-grey-gallery:focus {

  5855.   border-color: #555555; }

  5856. 

  5857. .form-control.grey-cascade {

  5858.   border-color: #95A5A6; }

  5859.   .form-control.grey-cascade:focus {

  5860.     border-color: #798d8f; }

  5861. 

  5862. .form-control.focus-grey-cascade:focus {

  5863.   border-color: #95A5A6; }

  5864. 

  5865. .form-control.grey-silver {

  5866.   border-color: #BFBFBF; }

  5867.   .form-control.grey-silver:focus {

  5868.     border-color: #a6a6a6; }

  5869. 

  5870. .form-control.focus-grey-silver:focus {

  5871.   border-color: #BFBFBF; }

  5872. 

  5873. .form-control.grey-salsa {

  5874.   border-color: #ACB5C3; }

  5875.   .form-control.grey-salsa:focus {

  5876.     border-color: #8e9bae; }

  5877. 

  5878. .form-control.focus-grey-salsa:focus {

  5879.   border-color: #ACB5C3; }

  5880. 

  5881. .form-control.grey-salt {

  5882.   border-color: #bfcad1; }

  5883.   .form-control.grey-salt:focus {

  5884.     border-color: #a1b1bc; }

  5885. 

  5886. .form-control.focus-grey-salt:focus {

  5887.   border-color: #bfcad1; }

  5888. 

  5889. .form-control.grey-mint {

  5890.   border-color: #525e64; }

  5891.   .form-control.grey-mint:focus {

  5892.     border-color: #3b4448; }

  5893. 

  5894. .form-control.focus-grey-mint:focus {

  5895.   border-color: #525e64; }

  5896. 

  5897. .form-control.red {

  5898.   border-color: #e7505a; }

  5899.   .form-control.red:focus {

  5900.     border-color: #e12330; }

  5901. 

  5902. .form-control.focus-red:focus {

  5903.   border-color: #e7505a; }

  5904. 

  5905. .form-control.red-pink {

  5906.   border-color: #E08283; }

  5907.   .form-control.red-pink:focus {

  5908.     border-color: #d6595a; }

  5909. 

  5910. .form-control.focus-red-pink:focus {

  5911.   border-color: #E08283; }

  5912. 

  5913. .form-control.red-sunglo {

  5914.   border-color: #E26A6A; }

  5915.   .form-control.red-sunglo:focus {

  5916.     border-color: #da3f3f; }

  5917. 

  5918. .form-control.focus-red-sunglo:focus {

  5919.   border-color: #E26A6A; }

  5920. 

  5921. .form-control.red-intense {

  5922.   border-color: #e35b5a; }

  5923.   .form-control.red-intense:focus {

  5924.     border-color: #dc302e; }

  5925. 

  5926. .form-control.focus-red-intense:focus {

  5927.   border-color: #e35b5a; }

  5928. 

  5929. .form-control.red-thunderbird {

  5930.   border-color: #D91E18; }

  5931.   .form-control.red-thunderbird:focus {

  5932.     border-color: #ab1813; }

  5933. 

  5934. .form-control.focus-red-thunderbird:focus {

  5935.   border-color: #D91E18; }

  5936. 

  5937. .form-control.red-flamingo {

  5938.   border-color: #EF4836; }

  5939.   .form-control.red-flamingo:focus {

  5940.     border-color: #e02612; }

  5941. 

  5942. .form-control.focus-red-flamingo:focus {

  5943.   border-color: #EF4836; }

  5944. 

  5945. .form-control.red-soft {

  5946.   border-color: #d05454; }

  5947.   .form-control.red-soft:focus {

  5948.     border-color: #bd3434; }

  5949. 

  5950. .form-control.focus-red-soft:focus {

  5951.   border-color: #d05454; }

  5952. 

  5953. .form-control.red-haze {

  5954.   border-color: #f36a5a; }

  5955.   .form-control.red-haze:focus {

  5956.     border-color: #f03f2a; }

  5957. 

  5958. .form-control.focus-red-haze:focus {

  5959.   border-color: #f36a5a; }

  5960. 

  5961. .form-control.red-mint {

  5962.   border-color: #e43a45; }

  5963.   .form-control.red-mint:focus {

  5964.     border-color: #cf1c28; }

  5965. 

  5966. .form-control.focus-red-mint:focus {

  5967.   border-color: #e43a45; }

  5968. 

  5969. .form-control.yellow {

  5970.   border-color: #c49f47; }

  5971.   .form-control.yellow:focus {

  5972.     border-color: #a48334; }

  5973. 

  5974. .form-control.focus-yellow:focus {

  5975.   border-color: #c49f47; }

  5976. 

  5977. .form-control.yellow-gold {

  5978.   border-color: #E87E04; }

  5979.   .form-control.yellow-gold:focus {

  5980.     border-color: #b66303; }

  5981. 

  5982. .form-control.focus-yellow-gold:focus {

  5983.   border-color: #E87E04; }

  5984. 

  5985. .form-control.yellow-casablanca {

  5986.   border-color: #f2784b; }

  5987.   .form-control.yellow-casablanca:focus {

  5988.     border-color: #ef541b; }

  5989. 

  5990. .form-control.focus-yellow-casablanca:focus {

  5991.   border-color: #f2784b; }

  5992. 

  5993. .form-control.yellow-crusta {

  5994.   border-color: #f3c200; }

  5995.   .form-control.yellow-crusta:focus {

  5996.     border-color: #c09900; }

  5997. 

  5998. .form-control.focus-yellow-crusta:focus {

  5999.   border-color: #f3c200; }

  6000. 

  6001. .form-control.yellow-lemon {

  6002.   border-color: #F7CA18; }

  6003.   .form-control.yellow-lemon:focus {

  6004.     border-color: #d5ab07; }

  6005. 

  6006. .form-control.focus-yellow-lemon:focus {

  6007.   border-color: #F7CA18; }

  6008. 

  6009. .form-control.yellow-saffron {

  6010.   border-color: #F4D03F; }

  6011.   .form-control.yellow-saffron:focus {

  6012.     border-color: #f1c40f; }

  6013. 

  6014. .form-control.focus-yellow-saffron:focus {

  6015.   border-color: #F4D03F; }

  6016. 

  6017. .form-control.yellow-soft {

  6018.   border-color: #c8d046; }

  6019.   .form-control.yellow-soft:focus {

  6020.     border-color: #adb52e; }

  6021. 

  6022. .form-control.focus-yellow-soft:focus {

  6023.   border-color: #c8d046; }

  6024. 

  6025. .form-control.yellow-haze {

  6026.   border-color: #c5bf66; }

  6027.   .form-control.yellow-haze:focus {

  6028.     border-color: #b4ad44; }

  6029. 

  6030. .form-control.focus-yellow-haze:focus {

  6031.   border-color: #c5bf66; }

  6032. 

  6033. .form-control.yellow-mint {

  6034.   border-color: #c5b96b; }

  6035.   .form-control.yellow-mint:focus {

  6036.     border-color: #b6a747; }

  6037. 

  6038. .form-control.focus-yellow-mint:focus {

  6039.   border-color: #c5b96b; }

  6040. 

  6041. .form-control.purple {

  6042.   border-color: #8E44AD; }

  6043.   .form-control.purple:focus {

  6044.     border-color: #703688; }

  6045. 

  6046. .form-control.focus-purple:focus {

  6047.   border-color: #8E44AD; }

  6048. 

  6049. .form-control.purple-plum {

  6050.   border-color: #8775a7; }

  6051.   .form-control.purple-plum:focus {

  6052.     border-color: #6d5b8e; }

  6053. 

  6054. .form-control.focus-purple-plum:focus {

  6055.   border-color: #8775a7; }

  6056. 

  6057. .form-control.purple-medium {

  6058.   border-color: #BF55EC; }

  6059.   .form-control.purple-medium:focus {

  6060.     border-color: #ae27e7; }

  6061. 

  6062. .form-control.focus-purple-medium:focus {

  6063.   border-color: #BF55EC; }

  6064. 

  6065. .form-control.purple-studio {

  6066.   border-color: #8E44AD; }

  6067.   .form-control.purple-studio:focus {

  6068.     border-color: #703688; }

  6069. 

  6070. .form-control.focus-purple-studio:focus {

  6071.   border-color: #8E44AD; }

  6072. 

  6073. .form-control.purple-wisteria {

  6074.   border-color: #9B59B6; }

  6075.   .form-control.purple-wisteria:focus {

  6076.     border-color: #804399; }

  6077. 

  6078. .form-control.focus-purple-wisteria:focus {

  6079.   border-color: #9B59B6; }

  6080. 

  6081. .form-control.purple-seance {

  6082.   border-color: #9A12B3; }

  6083.   .form-control.purple-seance:focus {

  6084.     border-color: #720d85; }

  6085. 

  6086. .form-control.focus-purple-seance:focus {

  6087.   border-color: #9A12B3; }

  6088. 

  6089. .form-control.purple-intense {

  6090.   border-color: #8775a7; }

  6091.   .form-control.purple-intense:focus {

  6092.     border-color: #6d5b8e; }

  6093. 

  6094. .form-control.focus-purple-intense:focus {

  6095.   border-color: #8775a7; }

  6096. 

  6097. .form-control.purple-sharp {

  6098.   border-color: #796799; }

  6099.   .form-control.purple-sharp:focus {

  6100.     border-color: #61527b; }

  6101. 

  6102. .form-control.focus-purple-sharp:focus {

  6103.   border-color: #796799; }

  6104. 

  6105. .form-control.purple-soft {

  6106.   border-color: #8877a9; }

  6107.   .form-control.purple-soft:focus {

  6108.     border-color: #6e5c91; }

  6109. 

  6110. .form-control.focus-purple-soft:focus {

  6111.   border-color: #8877a9; }

  6112. 

  6113. .input-xxs {

  6114.   width: 45px !important; }

  6115. 

  6116. /* Form uneditable input */

  6117. .uneditable-input {

  6118.   padding: 6px 12px;

  6119.   min-width: 206px;

  6120.   font-size: 14px;

  6121.   font-weight: normal;

  6122.   height: 34px;

  6123.   color: #555555;

  6124.   background-color: #fff;

  6125.   border: 1px solid #c2cad8;

  6126.   -webkit-box-shadow: none;

  6127.   box-shadow: none;

  6128.   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  6129.   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

  6130. 

  6131. .form-control-static {

  6132.   display: inline-block;

  6133.   margin: 0; }

  6134. 

  6135. /* Form input sizing */

  6136. .input-mini {

  6137.   width: 45px !important; }

  6138. 

  6139. .input-xsmall {

  6140.   width: 80px !important; }

  6141. 

  6142. .input-small {

  6143.   width: 145px !important; }

  6144. 

  6145. .input-medium {

  6146.   width: 240px !important; }

  6147. 

  6148. .input-large {

  6149.   width: 320px !important; }

  6150. 

  6151. .input-xlarge {

  6152.   width: 420px !important; }

  6153. 

  6154. @media (max-width: 768px) {

  6155.   /* 768px */

  6156.   .input-large {

  6157.     width: 250px !important; }

  6158.   .input-xlarge {

  6159.     width: 300px !important; } }

  6160. 

  6161. .input-inline {

  6162.   display: inline-block;

  6163.   width: auto;

  6164.   vertical-align: middle; }

  6165. 

  6166. .input-fixed {

  6167.   overflow: hidden; }

  6168. 

  6169. .input-fixed {

  6170.   overflow: hidden; }

  6171. 

  6172. .form-group .input-inline {

  6173.   margin-right: 5px; }

  6174. 

  6175. @media (max-width: 768px) {

  6176.   /* 768px */

  6177.   .input-lg {

  6178.     width: 250px !important; }

  6179.   .input-xlg {

  6180.     width: 300px !important; } }

  6181. 

  6182. /* Circle Inputs */

  6183. .input-circle {

  6184.   border-radius: 25px !important; }

  6185. 

  6186. .input-circle-right {

  6187.   border-radius: 0 25px 25px 0 !important; }

  6188. 

  6189. .input-circle-left {

  6190.   border-radius: 25px 0 0 25px !important; }

  6191. 

  6192. .input-circle-bottom {

  6193.   border-radius: 0 0 25px 25px !important; }

  6194. 

  6195. .input-circle-top {

  6196.   border-radius: 25px 25px 0 0 !important; }

  6197. 

  6198. .mt-radio,

  6199. .mt-checkbox {

  6200.   display: inline-block;

  6201.   position: relative;

  6202.   padding-left: 30px;

  6203.   margin-bottom: 15px;

  6204.   cursor: pointer;

  6205.   font-size: 14px;

  6206.   webkit-transition: all 0.3s;

  6207.   -moz-transition: all 0.3s;

  6208.   -ms-transition: all 0.3s;

  6209.   -o-transition: all 0.3s;

  6210.   transition: all 0.3s; }

  6211.   .mt-radio.mt-radio-disabled, .mt-radio.mt-checkbox-disabled,

  6212.   .mt-checkbox.mt-radio-disabled,

  6213.   .mt-checkbox.mt-checkbox-disabled {

  6214.     opacity: 0.6 ;

  6215.     filter: alpha(opacity=60) ; }

  6216.   .mt-radio > input,

  6217.   .mt-checkbox > input {

  6218.     position: absolute;

  6219.     z-index: -1;

  6220.     opacity: 0 ;

  6221.     filter: alpha(opacity=0) ; }

  6222.   .mt-radio > span,

  6223.   .mt-checkbox > span {

  6224.     border: 1px solid transparent;

  6225.     position: absolute;

  6226.     top: 1px;

  6227.     left: 0;

  6228.     height: 18px;

  6229.     width: 18px;

  6230.     background: #E6E6E6; }

  6231.     .mt-radio > span:after,

  6232.     .mt-checkbox > span:after {

  6233.       content: '';

  6234.       position: absolute;

  6235.       display: none; }

  6236.   .mt-radio:hover > input:not([disabled]) ~ span,

  6237.   .mt-radio > input:focus ~ span,

  6238.   .mt-checkbox:hover > input:not([disabled]) ~ span,

  6239.   .mt-checkbox > input:focus ~ span {

  6240.     background: #d9d9d9;

  6241.     webkit-transition: all 0.3s;

  6242.     -moz-transition: all 0.3s;

  6243.     -ms-transition: all 0.3s;

  6244.     -o-transition: all 0.3s;

  6245.     transition: all 0.3s; }

  6246.   .mt-radio > input:checked ~ span,

  6247.   .mt-checkbox > input:checked ~ span {

  6248.     webkit-transition: all 0.3s;

  6249.     -moz-transition: all 0.3s;

  6250.     -ms-transition: all 0.3s;

  6251.     -o-transition: all 0.3s;

  6252.     transition: all 0.3s;

  6253.     background: #d9d9d9; }

  6254.     .mt-radio > input:checked ~ span:after,

  6255.     .mt-checkbox > input:checked ~ span:after {

  6256.       display: block; }

  6257.   .mt-radio:hover > input:not([disabled]):checked ~ span,

  6258.   .mt-radio > input:checked ~ span,

  6259.   .mt-checkbox:hover > input:not([disabled]):checked ~ span,

  6260.   .mt-checkbox > input:checked ~ span {

  6261.     webkit-transition: all 0.3s;

  6262.     -moz-transition: all 0.3s;

  6263.     -ms-transition: all 0.3s;

  6264.     -o-transition: all 0.3s;

  6265.     transition: all 0.3s;

  6266.     background: #d9d9d9; }

  6267.   .mt-radio > input:disabled ~ span,

  6268.   .mt-checkbox > input:disabled ~ span {

  6269.     opacity: 0.6 ;

  6270.     filter: alpha(opacity=60) ;

  6271.     pointer-events: none; }

  6272.   .mt-radio.mt-radio-outline > span, .mt-radio.mt-checkbox-outline > span,

  6273.   .mt-checkbox.mt-radio-outline > span,

  6274.   .mt-checkbox.mt-checkbox-outline > span {

  6275.     border: 1px solid #d9d9d9;

  6276.     background: none; }

  6277.   .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span,

  6278.   .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span,

  6279.   .mt-radio.mt-checkbox-outline > input:focus ~ span,

  6280.   .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span,

  6281.   .mt-checkbox.mt-radio-outline > input:focus ~ span,

  6282.   .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,

  6283.   .mt-checkbox.mt-checkbox-outline > input:focus ~ span {

  6284.     border: 1px solid #d9d9d9;

  6285.     background: none; }

  6286.   .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span,

  6287.   .mt-checkbox.mt-radio-outline > input:checked ~ span,

  6288.   .mt-checkbox.mt-checkbox-outline > input:checked ~ span {

  6289.     border: 1px solid #d9d9d9;

  6290.     background: none; }

  6291.   .mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span,

  6292.   .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,

  6293.   .mt-radio.mt-checkbox-outline > input:checked ~ span,

  6294.   .mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span,

  6295.   .mt-checkbox.mt-radio-outline > input:checked ~ span,

  6296.   .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,

  6297.   .mt-checkbox.mt-checkbox-outline > input:checked ~ span {

  6298.     border: 1px solid #d9d9d9;

  6299.     background: none; }

  6300. 

  6301. .mt-radio > span {

  6302.   -webkit-border-radius: 50%!important;

  6303.   -moz-border-radius: 50%!important;

  6304.   -ms-border-radius: 50%!important;

  6305.   -o-border-radius: 50%!important;

  6306.   border-radius: 50%!important; }

  6307.   .mt-radio > span:after {

  6308.     left: 5px;

  6309.     top: 5px;

  6310.     height: 6px;

  6311.     width: 6px;

  6312.     border-radius: 100% !important;

  6313.     background: #888888; }

  6314. 

  6315. .mt-radio > input:disabled ~ span:after {

  6316.   background: #888888; }

  6317. 

  6318. th > .mt-radio.mt-radio-single,

  6319. td > .mt-radio.mt-radio-single {

  6320.   right: -5px; }

  6321. 

  6322. .mt-checkbox > span:after {

  6323.   left: 6px;

  6324.   top: 2px;

  6325.   width: 5px;

  6326.   height: 10px;

  6327.   border: solid #888888;

  6328.   border-width: 0 2px 2px 0;

  6329.   transform: rotate(45deg); }

  6330. 

  6331. .mt-checkbox > input:disabled ~ span:after {

  6332.   border-color: #888888; }

  6333. 

  6334. .form-inline .mt-checkbox {

  6335.   margin-left: 15px;

  6336.   margin-right: 15px; }

  6337. 

  6338. th > .mt-checkbox.mt-checkbox-single,

  6339. td > .mt-checkbox.mt-checkbox-single {

  6340.   right: -5px; }

  6341. 

  6342. .mt-checkbox-list,

  6343. .mt-radio-list {

  6344.   padding: 10px 0; }

  6345.   .form-horizontal .form-group .mt-checkbox-list, .form-horizontal .form-group

  6346.   .mt-radio-list {

  6347.     padding-top: 0; }

  6348.   .mt-checkbox-list .mt-checkbox,

  6349.   .mt-checkbox-list .mt-radio,

  6350.   .mt-radio-list .mt-checkbox,

  6351.   .mt-radio-list .mt-radio {

  6352.     display: block; }

  6353. 

  6354. .mt-checkbox-inline,

  6355. .mt-radio-inline {

  6356.   padding: 10px 0; }

  6357.   .form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group

  6358.   .mt-radio-inline {

  6359.     padding-top: 8px; }

  6360.   .mt-checkbox-inline .mt-checkbox,

  6361.   .mt-checkbox-inline .mt-radio,

  6362.   .mt-radio-inline .mt-checkbox,

  6363.   .mt-radio-inline .mt-radio {

  6364.     display: inline-block;

  6365.     margin-right: 15px; }

  6366.     .mt-checkbox-inline .mt-checkbox:last-child,

  6367.     .mt-checkbox-inline .mt-radio:last-child,

  6368.     .mt-radio-inline .mt-checkbox:last-child,

  6369.     .mt-radio-inline .mt-radio:last-child {

  6370.       margin-right: 0; }

  6371. 

  6372. /***

  6373. Custom icon buttons

  6374. ***/

  6375. .icon-btn {

  6376.   height: 60px;

  6377.   min-width: 80px;

  6378.   margin: 5px 5px 0 0;

  6379.   border: 1px solid #ddd;

  6380.   padding: 12px 0px 0px 0px;

  6381.   background-color: #fafafa;

  6382.   background-image: none;

  6383.   filter: none;

  6384.   -webkit-box-shadow: none;

  6385.   -moz-box-shadow: none;

  6386.   box-shadow: none;

  6387.   display: inline-block;

  6388.   color: #646464;

  6389.   text-shadow: none;

  6390.   text-align: center;

  6391.   cursor: pointer;

  6392.   position: relative;

  6393.   -webkit-transition: all 0.3s ease;

  6394.   -moz-transition: all 0.3s ease;

  6395.   -ms-transition: all 0.3s ease;

  6396.   -o-transition: all 0.3s ease;

  6397.   transition: all 0.3s ease; }

  6398.   .icon-btn:hover {

  6399.     text-decoration: none;

  6400.     border-color: #999;

  6401.     color: #444;

  6402.     text-shadow: 0 1px 0px white;

  6403.     -webkit-transition: all 0.3s ease;

  6404.     -moz-transition: all 0.3s ease;

  6405.     -ms-transition: all 0.3s ease;

  6406.     -o-transition: all 0.3s ease;

  6407.     transition: all 0.3s ease;

  6408.     -webkit-box-shadow: none;

  6409.     -moz-box-shadow: none;

  6410.     box-shadow: none; }

  6411.     .icon-btn:hover > .badge {

  6412.       -webkit-transition: all 0.3s ease;

  6413.       -moz-transition: all 0.3s ease;

  6414.       -ms-transition: all 0.3s ease;

  6415.       -o-transition: all 0.3s ease;

  6416.       transition: all 0.3s ease;

  6417.       -webkit-box-shadow: none;

  6418.       -moz-box-shadow: none;

  6419.       box-shadow: none; }

  6420.   .icon-btn > div {

  6421.     margin-top: 5px;

  6422.     margin-bottom: 20px;

  6423.     color: #3f444a;

  6424.     font-size: 12px;

  6425.     font-weight: 300; }

  6426.   .icon-btn > .badge {

  6427.     position: absolute;

  6428.     font-size: 11px;

  6429.     font-weight: 300;

  6430.     top: -5px;

  6431.     right: -5px;

  6432.     padding: 3px 6px 3px 6px;

  6433.     color: white;

  6434.     text-shadow: none;

  6435.     border-width: 0;

  6436.     border-style: solid;

  6437.     -webkit-border-radius: 12px;

  6438.     -moz-border-radius: 12px;

  6439.     border-radius: 12px;

  6440.     -webkit-box-shadow: none;

  6441.     -moz-box-shadow: none;

  6442.     box-shadow: none; }

  6443.   .icon-btn > i {

  6444.     font-size: 18px; }

  6445.   .ie8 .icon-btn:hover {

  6446.     filter: none; }

  6447. 

  6448. /***

  6449. Input icons

  6450. ***/

  6451. .input-icon {

  6452.   position: relative;

  6453.   left: 0; }

  6454.   .input-icon > .form-control {

  6455.     padding-left: 33px; }

  6456.     .input-group .input-icon > .form-control {

  6457.       -webkit-border-radius: 4px 0 0 4px;

  6458.       -moz-border-radius: 4px 0 0 4px;

  6459.       -ms-border-radius: 4px 0 0 4px;

  6460.       -o-border-radius: 4px 0 0 4px;

  6461.       border-radius: 4px 0 0 4px; }

  6462.   .input-icon > i {

  6463.     color: #ccc;

  6464.     display: block;

  6465.     position: absolute;

  6466.     margin: 11px 2px 4px 10px;

  6467.     z-index: 3;

  6468.     width: 16px;

  6469.     font-size: 16px;

  6470.     text-align: center;

  6471.     left: 0; }

  6472.     .modal .input-icon > i {

  6473.       z-index: 10055; }

  6474.     .has-success .input-icon > i {

  6475.       color: #36c6d3; }

  6476.     .has-warning .input-icon > i {

  6477.       color: #F1C40F; }

  6478.     .has-info .input-icon > i {

  6479.       color: #659be0; }

  6480.     .has-error .input-icon > i {

  6481.       color: #ed6b75; }

  6482.   .input-icon.right {

  6483.     left: auto;

  6484.     right: 0; }

  6485.     .input-icon.right > .form-control {

  6486.       padding-right: 33px;

  6487.       padding-left: 12px; }

  6488.       .input-group .input-icon.right > .form-control {

  6489.         -webkit-border-radius: 0 4px 4px 0;

  6490.         -moz-border-radius: 0 4px 4px 0;

  6491.         -ms-border-radius: 0 4px 4px 0;

  6492.         -o-border-radius: 0 4px 4px 0;

  6493.         border-radius: 0 4px 4px 0; }

  6494.     .input-icon.right > i {

  6495.       left: auto;

  6496.       right: 8px;

  6497.       float: right; }

  6498.   .input-icon.input-icon-lg > i {

  6499.     margin-top: 16px; }

  6500.   .input-icon.input-icon-sm > i {

  6501.     margin-top: 8px;

  6502.     font-size: 13px; }

  6503. 

  6504. /***

  6505. Customized Bootstrap Labels

  6506. ***/

  6507. .label {

  6508.   text-shadow: none !important;

  6509.   font-size: 14px;

  6510.   font-weight: 300;

  6511.   padding: 3px 6px 3px 6px;

  6512.   color: #fff;

  6513.   font-family: "Open Sans", sans-serif; }

  6514.   .label.label-sm {

  6515.     font-size: 13px;

  6516.     padding: 2px 5px 2px 5px; }

  6517.   h1 .label,

  6518.   h2 .label,

  6519.   h3 .label,

  6520.   h4 .label,

  6521.   h5 .label,

  6522.   h6 .label {

  6523.     font-size: 75%; }

  6524. 

  6525. /* Labels variants */

  6526. .label-default {

  6527.   background-color: #bac3d0; }

  6528.   .label-default[href]:hover, .label-default[href]:focus {

  6529.     background-color: #9ca8bb; }

  6530. 

  6531. .label-primary {

  6532.   background-color: #337ab7; }

  6533.   .label-primary[href]:hover, .label-primary[href]:focus {

  6534.     background-color: #286090; }

  6535. 

  6536. .label-success {

  6537.   background-color: #36c6d3; }

  6538.   .label-success[href]:hover, .label-success[href]:focus {

  6539.     background-color: #27a4b0; }

  6540. 

  6541. .label-info {

  6542.   background-color: #659be0; }

  6543.   .label-info[href]:hover, .label-info[href]:focus {

  6544.     background-color: #3a80d7; }

  6545. 

  6546. .label-warning {

  6547.   background-color: #F1C40F; }

  6548.   .label-warning[href]:hover, .label-warning[href]:focus {

  6549.     background-color: #c29d0b; }

  6550. 

  6551. .label-danger {

  6552.   background-color: #ed6b75; }

  6553.   .label-danger[href]:hover, .label-danger[href]:focus {

  6554.     background-color: #e73d4a; }

  6555. 

  6556. /***

  6557. Iconic labels

  6558. ***/

  6559. .label.label-icon {

  6560.   padding: 4px 0px 4px 4px;

  6561.   margin-right: 2px;

  6562.   text-align: center !important; }

  6563.   .label.label-icon > i {

  6564.     font-size: 12px;

  6565.     text-align: center !important; }

  6566.   .ie8 .label.label-icon,

  6567.   .ie9 .label.label-icon {

  6568.     padding: 3px 0px 3px 3px; }

  6569. 

  6570. /***

  6571. Text states

  6572. ***/

  6573. .text-default {

  6574.   color: #bac3d0; }

  6575. 

  6576. .text-primary {

  6577.   color: #337ab7; }

  6578. 

  6579. .text-success {

  6580.   color: #36c6d3; }

  6581. 

  6582. .text-info {

  6583.   color: #659be0; }

  6584. 

  6585. .text-warning {

  6586.   color: #F1C40F; }

  6587. 

  6588. .text-danger {

  6589.   color: #ed6b75; }

  6590. 

  6591. /***

  6592. Customized List Group

  6593. ***/

  6594. /* Contextual variants */

  6595. .list-group > li:first-child {

  6596.   border-radius-topleft: 4px;

  6597.   border-radius-topright: 4px; }

  6598. 

  6599. .list-group > li:last-child {

  6600.   border-radius-bottomleft: 4px;

  6601.   border-radius-bottomright: 4px; }

  6602. 

  6603. .list-group .list-group-item-success {

  6604.   color: #27a4b0;

  6605.   background-color: #abe7ed; }

  6606. 

  6607. .list-group a.list-group-item-success,

  6608. .list-group button.list-group-item-success {

  6609.   color: #27a4b0; }

  6610.   .list-group a.list-group-item-success .list-group-item-heading,

  6611.   .list-group button.list-group-item-success .list-group-item-heading {

  6612.     color: inherit; }

  6613.   .list-group a.list-group-item-success:hover, .list-group a.list-group-item-success:focus,

  6614.   .list-group button.list-group-item-success:hover,

  6615.   .list-group button.list-group-item-success:focus {

  6616.     color: #27a4b0;

  6617.     background-color: #96e1e8; }

  6618.   .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,

  6619.   .list-group button.list-group-item-success.active,

  6620.   .list-group button.list-group-item-success.active:hover,

  6621.   .list-group button.list-group-item-success.active:focus {

  6622.     color: #fff;

  6623.     background-color: #27a4b0;

  6624.     border-color: #27a4b0; }

  6625. 

  6626. .list-group .list-group-item-info {

  6627.   color: #327ad5;

  6628.   background-color: #e0ebf9; }

  6629. 

  6630. .list-group a.list-group-item-info,

  6631. .list-group button.list-group-item-info {

  6632.   color: #327ad5; }

  6633.   .list-group a.list-group-item-info .list-group-item-heading,

  6634.   .list-group button.list-group-item-info .list-group-item-heading {

  6635.     color: inherit; }

  6636.   .list-group a.list-group-item-info:hover, .list-group a.list-group-item-info:focus,

  6637.   .list-group button.list-group-item-info:hover,

  6638.   .list-group button.list-group-item-info:focus {

  6639.     color: #327ad5;

  6640.     background-color: #caddf4; }

  6641.   .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,

  6642.   .list-group button.list-group-item-info.active,

  6643.   .list-group button.list-group-item-info.active:hover,

  6644.   .list-group button.list-group-item-info.active:focus {

  6645.     color: #fff;

  6646.     background-color: #327ad5;

  6647.     border-color: #327ad5; }

  6648. 

  6649. .list-group .list-group-item-warning {

  6650.   color: #c29d0b;

  6651.   background-color: #f9e491; }

  6652. 

  6653. .list-group a.list-group-item-warning,

  6654. .list-group button.list-group-item-warning {

  6655.   color: #c29d0b; }

  6656.   .list-group a.list-group-item-warning .list-group-item-heading,

  6657.   .list-group button.list-group-item-warning .list-group-item-heading {

  6658.     color: inherit; }

  6659.   .list-group a.list-group-item-warning:hover, .list-group a.list-group-item-warning:focus,

  6660.   .list-group button.list-group-item-warning:hover,

  6661.   .list-group button.list-group-item-warning:focus {

  6662.     color: #c29d0b;

  6663.     background-color: #f7de79; }

  6664.   .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,

  6665.   .list-group button.list-group-item-warning.active,

  6666.   .list-group button.list-group-item-warning.active:hover,

  6667.   .list-group button.list-group-item-warning.active:focus {

  6668.     color: #fff;

  6669.     background-color: #c29d0b;

  6670.     border-color: #c29d0b; }

  6671. 

  6672. .list-group .list-group-item-danger {

  6673.   color: #e73d4a;

  6674.   background-color: #fbe1e3; }

  6675. 

  6676. .list-group a.list-group-item-danger,

  6677. .list-group button.list-group-item-danger {

  6678.   color: #e73d4a; }

  6679.   .list-group a.list-group-item-danger .list-group-item-heading,

  6680.   .list-group button.list-group-item-danger .list-group-item-heading {

  6681.     color: inherit; }

  6682.   .list-group a.list-group-item-danger:hover, .list-group a.list-group-item-danger:focus,

  6683.   .list-group button.list-group-item-danger:hover,

  6684.   .list-group button.list-group-item-danger:focus {

  6685.     color: #e73d4a;

  6686.     background-color: #f8cace; }

  6687.   .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,

  6688.   .list-group button.list-group-item-danger.active,

  6689.   .list-group button.list-group-item-danger.active:hover,

  6690.   .list-group button.list-group-item-danger.active:focus {

  6691.     color: #fff;

  6692.     background-color: #e73d4a;

  6693.     border-color: #e73d4a; }

  6694. 

  6695. /***

  6696. UI Loading

  6697. ***/

  6698. .loading-message {

  6699.   display: inline-block;

  6700.   min-width: 125px;

  6701.   margin-left: -60px;

  6702.   padding: 10px;

  6703.   margin: 0 auto;

  6704.   color: #000 !important;

  6705.   font-size: 13px;

  6706.   font-weight: 400;

  6707.   text-align: center;

  6708.   vertical-align: middle; }

  6709.   .loading-message.loading-message-boxed {

  6710.     border: 1px solid #ddd;

  6711.     background-color: #eee;

  6712.     -webkit-border-radius: 4px;

  6713.     -moz-border-radius: 4px;

  6714.     -ms-border-radius: 4px;

  6715.     -o-border-radius: 4px;

  6716.     border-radius: 4px;

  6717.     -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

  6718.     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

  6719.     box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }

  6720.   .loading-message > span {

  6721.     line-height: 20px;

  6722.     vertical-align: middle; }

  6723. 

  6724. .page-loading {

  6725.   -webkit-border-radius: 4px;

  6726.   -moz-border-radius: 4px;

  6727.   -ms-border-radius: 4px;

  6728.   -o-border-radius: 4px;

  6729.   border-radius: 4px;

  6730.   position: fixed;

  6731.   top: 50%;

  6732.   left: 50%;

  6733.   min-width: 125px;

  6734.   margin-left: -60px;

  6735.   margin-top: -30px;

  6736.   padding: 7px;

  6737.   text-align: center;

  6738.   color: #333;

  6739.   font-size: 13px;

  6740.   border: 1px solid #ddd;

  6741.   background-color: #eee;

  6742.   vertical-align: middle;

  6743.   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

  6744.   -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

  6745.   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }

  6746.   .page-loading > span {

  6747.     line-height: 20px;

  6748.     vertical-align: middle; }

  6749. 

  6750. .page-spinner-bar {

  6751.   position: fixed;

  6752.   z-index: 10051;

  6753.   width: 100px;

  6754.   top: 40%;

  6755.   left: 50%;

  6756.   margin-left: -55px;

  6757.   text-align: center; }

  6758.   .page-spinner-bar > div {

  6759.     margin: 0 5px;

  6760.     width: 18px;

  6761.     height: 18px;

  6762.     background: #eee;

  6763.     border-radius: 100% !important;

  6764.     display: inline-block;

  6765.     -webkit-animation: bounceDelay 1.4s infinite ease-in-out;

  6766.     animation: bounceDelay 1.4s infinite ease-in-out;

  6767.     /* Prevent first frame from flickering when animation starts */

  6768.     -webkit-animation-fill-mode: both;

  6769.     animation-fill-mode: both; }

  6770.   .page-spinner-bar .bounce1 {

  6771.     -webkit-animation-delay: -0.32s;

  6772.     animation-delay: -0.32s; }

  6773.   .page-spinner-bar .bounce2 {

  6774.     -webkit-animation-delay: -0.16s;

  6775.     animation-delay: -0.16s; }

  6776. 

  6777. .block-spinner-bar {

  6778.   display: inline-block;

  6779.   width: 80px;

  6780.   text-align: center; }

  6781.   .block-spinner-bar > div {

  6782.     margin: 0 2px;

  6783.     width: 15px;

  6784.     height: 15px;

  6785.     background: #eee;

  6786.     border-radius: 100% !important;

  6787.     display: inline-block;

  6788.     -webkit-animation: bounceDelay 1.4s infinite ease-in-out;

  6789.     animation: bounceDelay 1.4s infinite ease-in-out;

  6790.     /* Prevent first frame from flickering when animation starts */

  6791.     -webkit-animation-fill-mode: both;

  6792.     animation-fill-mode: both; }

  6793.   .block-spinner-bar .bounce1 {

  6794.     -webkit-animation-delay: -0.32s;

  6795.     animation-delay: -0.32s; }

  6796.   .block-spinner-bar .bounce2 {

  6797.     -webkit-animation-delay: -0.16s;

  6798.     animation-delay: -0.16s; }

  6799. 

  6800. /***

  6801. Metro icons

  6802. ***/

  6803. [class^="m-icon-"] {

  6804.   display: inline-block;

  6805.   width: 14px;

  6806.   height: 14px;

  6807.   margin-top: 3px;

  6808.   line-height: 14px;

  6809.   vertical-align: top;

  6810.   background-image: url(../img/syncfusion-icons.png);

  6811.   background-position: 0 0;

  6812.   background-repeat: no-repeat; }

  6813. 

  6814. [class^="m-icon-big-"] {

  6815.   display: inline-block;

  6816.   width: 30px;

  6817.   height: 30px;

  6818.   margin: 6px;

  6819.   vertical-align: middle;

  6820.   background-image: url(../img/syncfusion-icons.png);

  6821.   background-position: 0 0px;

  6822.   background-repeat: no-repeat; }

  6823. 

  6824. /* large icons */

  6825. .btn.m-icon-big {

  6826.   padding: 9px 16px 8px 16px; }

  6827. 

  6828. .btn.m-icon-big.m-icon-only {

  6829.   padding: 9px 8px 8px 0px; }

  6830. 

  6831. .btn.m-icon-big [class^="m-icon-big-"] {

  6832.   margin: 0 0 0 10px; }

  6833. 

  6834. .btn.m-icon-ony > i {

  6835.   margin-left: 0px; }

  6836. 

  6837. /* default icons */

  6838. .btn.m-icon {

  6839.   padding: 7px 14px 7px 14px; }

  6840. 

  6841. .btn.m-icon [class^="m-icon-"] {

  6842.   margin: 4px 0 0 5px; }

  6843. 

  6844. .btn.m-icon.m-icon-only {

  6845.   padding: 7px 10px 7px 6px; }

  6846. 

  6847. /* white icon */

  6848. .m-icon-white {

  6849.   background-image: url(../img/syncfusion-icons-white.png); }

  6850. 

  6851. /*  Misc */

  6852. .m-icon-swapright {

  6853.   background-position: -27px -10px; }

  6854. 

  6855. .m-icon-swapdown {

  6856.   background-position: -68px -10px; }

  6857. 

  6858. .m-icon-swapleft {

  6859.   background-position: -8px -10px; }

  6860. 

  6861. .m-icon-swapup {

  6862.   background-position: -46px -10px; }

  6863. 

  6864. .m-icon-big-swapright {

  6865.   background-position: -42px -28px; }

  6866. 

  6867. .m-icon-big-swapdown {

  6868.   background-position: -115px -28px; }

  6869. 

  6870. .m-icon-big-swapleft {

  6871.   background-position: -6px -28px; }

  6872. 

  6873. .m-icon-big-swapup {

  6874.   background-position: -78px -28px; }

  6875. 

  6876. /***

  6877. Customized Bootstrap Modal 

  6878. ***/

  6879. .modal {

  6880.   z-index: 10050;

  6881.   outline: none;

  6882.   overflow-y: auto !important;

  6883.   /* Fix content shifting to the right on modal open due to scrollbar closed */ }

  6884.   .page-portlet-fullscreen .modal {

  6885.     z-index: 10060; }

  6886.   .modal .modal-header {

  6887.     border-bottom: 1px solid #EFEFEF; }

  6888.     .modal .modal-header h3 {

  6889.       font-weight: 300; }

  6890.     .modal .modal-header .close {

  6891.       margin-top: 0px !important; }

  6892.   .modal.draggable-modal .modal-header {

  6893.     cursor: move; }

  6894.   .modal .modal-dialog {

  6895.     z-index: 10051; }

  6896.   .modal > .loading {

  6897.     position: absolute;

  6898.     top: 50%;

  6899.     left: 50%;

  6900.     margin-top: -22px;

  6901.     margin-left: -22px; }

  6902.   .modal.in .page-loading {

  6903.     display: none; }

  6904. 

  6905. .modal-open {

  6906.   overflow-y: auto !important; }

  6907. 

  6908. .modal-open-noscroll {

  6909.   overflow-y: hidden !important; }

  6910. 

  6911. .modal-backdrop {

  6912.   border: 0;

  6913.   outline: none; }

  6914.   .page-portlet-fullscreen .modal-backdrop {

  6915.     z-index: 10059; }

  6916.   .modal-backdrop, .modal-backdrop.fade.in {

  6917.     background-color: #333 !important; }

  6918. 

  6919. body[ng-controller] .modal-backdrop {

  6920.   z-index: 10049; }

  6921. 

  6922. body[ng-controller] .modal {

  6923.   z-index: 10050; }

  6924. 

  6925. /* Full width modal */

  6926. .modal-full.modal-dialog {

  6927.   width: 99%; }

  6928. 

  6929. @media (max-width: 768px) {

  6930.   .modal-full.modal-dialog {

  6931.     width: auto; } }

  6932. 

  6933. /***

  6934. Notes

  6935. ***/

  6936. .note {

  6937.   margin: 0 0 20px 0;

  6938.   padding: 15px 30px 15px 15px;

  6939.   border-left: 5px solid #eee;

  6940.   -webkit-border-radius: 0 4px 4px 0;

  6941.   -moz-border-radius: 0 4px 4px 0;

  6942.   -ms-border-radius: 0 4px 4px 0;

  6943.   -o-border-radius: 0 4px 4px 0;

  6944.   border-radius: 0 4px 4px 0; }

  6945.   .note h1,

  6946.   .note h2,

  6947.   .note h3,

  6948.   .note h4,

  6949.   .note h5,

  6950.   .note h6 {

  6951.     margin-top: 0; }

  6952.     .note h1 .close,

  6953.     .note h2 .close,

  6954.     .note h3 .close,

  6955.     .note h4 .close,

  6956.     .note h5 .close,

  6957.     .note h6 .close {

  6958.       margin-right: -10px; }

  6959.   .note p {

  6960.     margin: 0;

  6961.     font-size: 13px; }

  6962.     .note p:last-child {

  6963.       margin-bottom: 0; }

  6964.   .note code,

  6965.   .note .highlight {

  6966.     background-color: #fff; }

  6967.   .note.note-default {

  6968.     background-color: white;

  6969.     border-color: #b0c1d2;

  6970.     color: black; }

  6971.     .note.note-default.note-bordered {

  6972.       background-color: #eef1f5;

  6973.       border-color: #c0cedb; }

  6974.     .note.note-default.note-shadow {

  6975.       background-color: #f1f4f7;

  6976.       border-color: #d1dbe4;

  6977.       box-shadow: 5px 5px rgba(212, 221, 230, 0.2); }

  6978.   .note.note-success {

  6979.     background-color: #c0edf1;

  6980.     border-color: #58d0da;

  6981.     color: black; }

  6982.     .note.note-success.note-bordered {

  6983.       background-color: #a7e6ec;

  6984.       border-color: #6dd6df; }

  6985.     .note.note-success.note-shadow {

  6986.       background-color: #abe7ed;

  6987.       border-color: #81dbe3;

  6988.       box-shadow: 5px 5px rgba(134, 221, 228, 0.2); }

  6989.   .note.note-info {

  6990.     background-color: #f5f8fd;

  6991.     border-color: #8bb4e7;

  6992.     color: #010407; }

  6993.     .note.note-info.note-bordered {

  6994.       background-color: #dbe8f8;

  6995.       border-color: #a0c2ec; }

  6996.     .note.note-info.note-shadow {

  6997.       background-color: #e0ebf9;

  6998.       border-color: #b5cff0;

  6999.       box-shadow: 5px 5px rgba(185, 210, 241, 0.2); }

  7000.   .note.note-warning {

  7001.     background-color: #faeaa9;

  7002.     border-color: #f3cc31;

  7003.     color: black; }

  7004.     .note.note-warning.note-bordered {

  7005.       background-color: #f8e38c;

  7006.       border-color: #f4d249; }

  7007.     .note.note-warning.note-shadow {

  7008.       background-color: #f9e491;

  7009.       border-color: #f6d861;

  7010.       box-shadow: 5px 5px rgba(246, 217, 102, 0.2); }

  7011.   .note.note-danger {

  7012.     background-color: #fef7f8;

  7013.     border-color: #f0868e;

  7014.     color: #210406; }

  7015.     .note.note-danger.note-bordered {

  7016.       background-color: #fbdcde;

  7017.       border-color: #f39da3; }

  7018.     .note.note-danger.note-shadow {

  7019.       background-color: #fbe1e3;

  7020.       border-color: #f6b3b8;

  7021.       box-shadow: 5px 5px rgba(246, 184, 189, 0.2); }

  7022. 

  7023. /***

  7024. Customized Bootstrap Pagination

  7025. ***/

  7026. .pagination {

  7027.   margin: 10px 0; }

  7028.   .pagination.pagination-circle > li:first-child > a {

  7029.     border-radius: 25px 0 0 25px !important; }

  7030.   .pagination.pagination-circle > li:last-child > a {

  7031.     border-radius: 0 25px 25px 0 !important; }

  7032. 

  7033. /***

  7034. Customized Bootstrap Panels

  7035. ***/

  7036. .panel {

  7037.   -webkit-box-shadow: none !important;

  7038.   -moz-box-shadow: none !important;

  7039.   box-shadow: none !important; }

  7040.   .panel-group .panel {

  7041.     overflow: visible; }

  7042.   .panel .panel-body {

  7043.     font-size: 13px; }

  7044.   .panel .panel-title > a:hover {

  7045.     text-decoration: none; }

  7046.   .accordion .panel .panel-heading {

  7047.     padding: 0; }

  7048.   .accordion .panel .panel-title {

  7049.     padding: 0; }

  7050.     .accordion .panel .panel-title .accordion-toggle {

  7051.       display: block;

  7052.       padding: 10px 15px; }

  7053.     .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {

  7054.       background: url("../img/accordion-plusminus.png") no-repeat;

  7055.       background-position: right -19px;

  7056.       margin-right: 15px; }

  7057.     .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {

  7058.       background-position: right 12px; }

  7059. 

  7060. /***

  7061. Accordions

  7062. ***/

  7063. .panel-heading {

  7064.   background: #eee; }

  7065.   .panel-heading a {

  7066.     text-decoration: none; }

  7067.   .panel-heading a:active,

  7068.   .panel-heading a:focus,

  7069.   .panel-heading a:hover {

  7070.     text-decoration: none; }

  7071. 

  7072. /***

  7073. Customized Bootstrap Popover

  7074. ***/

  7075. /*rtl:ignore*/

  7076. .popover {

  7077.   box-shadow: 5px 5px rgba(102, 102, 102, 0.1);

  7078.   padding: 0; }

  7079. 

  7080. .popover .popover-title {

  7081.   margin: 0 !important; }

  7082. 

  7083. /***

  7084. Portlets

  7085. ***/

  7086. /* Full Screen portlet mode */

  7087. .page-portlet-fullscreen {

  7088.   overflow: hidden; }

  7089. 

  7090. /* Basic portlet */

  7091. .portlet {

  7092.   margin-top: 0px;

  7093.   margin-bottom: 25px;

  7094.   padding: 0px;

  7095.   -webkit-border-radius: 4px;

  7096.   -moz-border-radius: 4px;

  7097.   -ms-border-radius: 4px;

  7098.   -o-border-radius: 4px;

  7099.   border-radius: 4px; }

  7100.   .portlet.portlet-fullscreen {

  7101.     z-index: 10060;

  7102.     margin: 0;

  7103.     position: fixed;

  7104.     top: 0;

  7105.     left: 0;

  7106.     bottom: 0;

  7107.     right: 0;

  7108.     width: 100%;

  7109.     height: 100%;

  7110.     background: #fff; }

  7111.     .portlet.portlet-fullscreen > .portlet-body {

  7112.       overflow-y: auto;

  7113.       overflow-x: hidden;

  7114.       padding: 0 10px; }

  7115.     .portlet.portlet-fullscreen > .portlet-title {

  7116.       padding: 0 10px; }

  7117.   .portlet > .portlet-title {

  7118.     border-bottom: 1px solid #eee;

  7119.     padding: 0;

  7120.     margin-bottom: 10px;

  7121.     min-height: 41px;

  7122.     -webkit-border-radius: 4px 4px 0 0;

  7123.     -moz-border-radius: 4px 4px 0 0;

  7124.     -ms-border-radius: 4px 4px 0 0;

  7125.     -o-border-radius: 4px 4px 0 0;

  7126.     border-radius: 4px 4px 0 0; }

  7127.     .portlet > .portlet-title:before, .portlet > .portlet-title:after {

  7128.       content: " ";

  7129.       display: table; }

  7130.     .portlet > .portlet-title:after {

  7131.       clear: both; }

  7132.     .portlet > .portlet-title > .caption {

  7133.       float: left;

  7134.       display: inline-block;

  7135.       font-size: 18px;

  7136.       line-height: 18px;

  7137.       padding: 10px 0; }

  7138.       .portlet > .portlet-title > .caption.bold {

  7139.         font-weight: 400; }

  7140.       .portlet > .portlet-title > .caption > i {

  7141.         float: left;

  7142.         margin-top: 4px;

  7143.         display: inline-block;

  7144.         font-size: 13px;

  7145.         margin-right: 5px;

  7146.         color: #666; }

  7147.         .portlet > .portlet-title > .caption > i.glyphicon {

  7148.           margin-top: 2px; }

  7149.       .portlet > .portlet-title > .caption > .caption-helper {

  7150.         padding: 0;

  7151.         margin: 0;

  7152.         line-height: 13px;

  7153.         color: #9eacb4;

  7154.         font-size: 13px;

  7155.         font-weight: 400; }

  7156.     .portlet > .portlet-title > .actions {

  7157.       float: right;

  7158.       display: inline-block;

  7159.       padding: 6px 0; }

  7160.       .portlet > .portlet-title > .actions > .dropdown-menu i {

  7161.         color: #555555; }

  7162.       .portlet > .portlet-title > .actions > .btn,

  7163.       .portlet > .portlet-title > .actions > .btn.btn-sm,

  7164.       .portlet > .portlet-title > .actions > .btn-group > .btn,

  7165.       .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {

  7166.         padding: 4px 10px;

  7167.         font-size: 13px;

  7168.         line-height: 1.5; }

  7169.         .portlet > .portlet-title > .actions > .btn.btn-default,

  7170.         .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,

  7171.         .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,

  7172.         .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {

  7173.           padding: 3px 9px; }

  7174.         .portlet > .portlet-title > .actions > .btn > i,

  7175.         .portlet > .portlet-title > .actions > .btn.btn-sm > i,

  7176.         .portlet > .portlet-title > .actions > .btn-group > .btn > i,

  7177.         .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {

  7178.           font-size: 13px; }

  7179.       .portlet > .portlet-title > .actions .btn-icon-only {

  7180.         padding: 5px 7px 3px 7px; }

  7181.         .portlet > .portlet-title > .actions .btn-icon-only.btn-default {

  7182.           padding: 4px 6px 2px 6px; }

  7183.           .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {

  7184.             font-size: 14px; }

  7185.           .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {

  7186.             font-family: FontAwesome;

  7187.             color: #a0a0a0;

  7188.             padding-top: 3px; }

  7189.             .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {

  7190.               padding: 3px 3px !important;

  7191.               height: 27px;

  7192.               width: 27px; }

  7193.             .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {

  7194.               content: "\f065"; }

  7195.             .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {

  7196.               content: "\f066"; }

  7197.     .portlet > .portlet-title > .tools {

  7198.       float: right;

  7199.       display: inline-block;

  7200.       padding: 12px 0 8px 0; }

  7201.       .portlet > .portlet-title > .tools > a {

  7202.         display: inline-block;

  7203.         height: 16px;

  7204.         margin-left: 5px;

  7205.         opacity: 1 ;

  7206.         filter: alpha(opacity=100) ; }

  7207.       .portlet > .portlet-title > .tools > a.remove {

  7208.         background-image: url(../img/portlet-remove-icon.png);

  7209.         background-repeat: no-repeat;

  7210.         width: 11px; }

  7211.       .portlet > .portlet-title > .tools > a.config {

  7212.         background-image: url(../img/portlet-config-icon.png);

  7213.         background-repeat: no-repeat;

  7214.         width: 12px; }

  7215.       .portlet > .portlet-title > .tools > a.reload {

  7216.         background-image: url(../img/portlet-reload-icon.png);

  7217.         width: 13px; }

  7218.       .portlet > .portlet-title > .tools > a.expand {

  7219.         background-image: url(../img/portlet-expand-icon.png);

  7220.         width: 14px;

  7221.         visibility: visible; }

  7222.       .portlet > .portlet-title > .tools > a.collapse {

  7223.         background-image: url(../img/portlet-collapse-icon.png);

  7224.         width: 14px;

  7225.         visibility: visible; }

  7226.       .portlet > .portlet-title > .tools > a.fullscreen {

  7227.         display: inline-block;

  7228.         top: -3px;

  7229.         position: relative;

  7230.         font-size: 13px;

  7231.         font-family: FontAwesome;

  7232.         color: #ACACAC; }

  7233.         .portlet > .portlet-title > .tools > a.fullscreen:before {

  7234.           content: "\f065"; }

  7235.         .portlet > .portlet-title > .tools > a.fullscreen.on:before {

  7236.           content: "\f066"; }

  7237.       .portlet > .portlet-title > .tools > a:hover {

  7238.         text-decoration: none;

  7239.         -webkit-transition: all 0.1s ease-in-out;

  7240.         -moz-transition: all 0.1s ease-in-out;

  7241.         -o-transition: all 0.1s ease-in-out;

  7242.         -ms-transition: all 0.1s ease-in-out;

  7243.         transition: all 0.1s ease-in-out;

  7244.         opacity: 0.8 ;

  7245.         filter: alpha(opacity=80) ; }

  7246.     .portlet > .portlet-title > .pagination {

  7247.       float: right;

  7248.       display: inline-block;

  7249.       margin: 2px 0 0 0;

  7250.       border: 0;

  7251.       padding: 4px 0; }

  7252.     .portlet > .portlet-title > .nav-tabs {

  7253.       background: none;

  7254.       margin: 1px 0 0 0;

  7255.       float: right;

  7256.       display: inline-block;

  7257.       border: 0; }

  7258.       .portlet > .portlet-title > .nav-tabs > li {

  7259.         background: none;

  7260.         margin: 0;

  7261.         border: 0; }

  7262.         .portlet > .portlet-title > .nav-tabs > li > a {

  7263.           background: none;

  7264.           margin: 5px 0 0 1px;

  7265.           border: 0;

  7266.           padding: 8px 10px;

  7267.           color: #fff; }

  7268.         .portlet > .portlet-title > .nav-tabs > li.active > a,

  7269.         .portlet > .portlet-title > .nav-tabs > li:hover > a {

  7270.           color: #333;

  7271.           background: #fff;

  7272.           border: 0; }

  7273.   .portlet > .portlet-body {

  7274.     clear: both;

  7275.     -webkit-border-radius: 0 0 4px 4px;

  7276.     -moz-border-radius: 0 0 4px 4px;

  7277.     -ms-border-radius: 0 0 4px 4px;

  7278.     -o-border-radius: 0 0 4px 4px;

  7279.     border-radius: 0 0 4px 4px; }

  7280.     .portlet > .portlet-body p {

  7281.       margin-top: 0; }

  7282.   .portlet > .portlet-empty {

  7283.     min-height: 125px; }

  7284.   .portlet.full-height-content {

  7285.     margin-bottom: 0; }

  7286. 

  7287. /* Portlet background colors */

  7288. /* Side bordered portlet */

  7289. .portlet.bordered {

  7290.   border-left: 2px solid #e6e9ec !important; }

  7291.   .portlet.bordered > .portlet-title {

  7292.     border-bottom: 0; }

  7293. 

  7294. /* Solid colored portlet */

  7295. .portlet.solid {

  7296.   padding: 0 10px 10px 10px;

  7297.   border: 0px; }

  7298.   .portlet.solid > .portlet-title {

  7299.     border-bottom: 0;

  7300.     margin-bottom: 10px; }

  7301.     .portlet.solid > .portlet-title > .caption {

  7302.       padding: 16px 0 2px 0; }

  7303.     .portlet.solid > .portlet-title > .actions {

  7304.       padding: 12px 0 6px 0; }

  7305.     .portlet.solid > .portlet-title > .tools {

  7306.       padding: 14px 0 6px 0; }

  7307. 

  7308. /* Solid bordered portlet */

  7309. .portlet.solid.bordered > .portlet-title {

  7310.   margin-bottom: 10px; }

  7311. 

  7312. /* Box portlet */

  7313. .portlet.box {

  7314.   padding: 0px !important; }

  7315.   .portlet.box > .portlet-title {

  7316.     border-bottom: 0;

  7317.     padding: 0 10px;

  7318.     margin-bottom: 0;

  7319.     color: #fff; }

  7320.     .portlet.box > .portlet-title > .caption {

  7321.       padding: 11px 0 9px 0; }

  7322.     .portlet.box > .portlet-title > .tools > a.remove {

  7323.       background-image: url(../img/portlet-remove-icon-white.png); }

  7324.     .portlet.box > .portlet-title > .tools > a.config {

  7325.       background-image: url(../img/portlet-config-icon-white.png); }

  7326.     .portlet.box > .portlet-title > .tools > a.reload {

  7327.       background-image: url(../img/portlet-reload-icon-white.png); }

  7328.     .portlet.box > .portlet-title > .tools > a.expand {

  7329.       background-image: url(../img/portlet-expand-icon-white.png); }

  7330.     .portlet.box > .portlet-title > .tools > a.collapse {

  7331.       background-image: url(../img/portlet-collapse-icon-white.png); }

  7332.     .portlet.box > .portlet-title > .tools > a.fullscreen {

  7333.       color: #fdfdfd; }

  7334.     .portlet.box > .portlet-title > .actions {

  7335.       padding: 7px 0 5px 0; }

  7336.   .portlet.box > .portlet-body {

  7337.     background-color: #fff;

  7338.     padding: 15px; }

  7339. 

  7340. /* Light Portlet */

  7341. .portlet.light {

  7342.   padding: 12px 20px 15px 20px;

  7343.   background-color: #fff; }

  7344.   .portlet.light.bordered {

  7345.     border: 1px solid #e7ecf1 !important; }

  7346.     .portlet.light.bordered > .portlet-title {

  7347.       border-bottom: 1px solid #eef1f5; }

  7348.   .portlet.light.bg-inverse {

  7349.     background: #f1f4f7; }

  7350.   .portlet.light > .portlet-title {

  7351.     padding: 0;

  7352.     min-height: 48px; }

  7353.     .portlet.light > .portlet-title > .caption {

  7354.       color: #666;

  7355.       padding: 10px 0; }

  7356.       .portlet.light > .portlet-title > .caption > .caption-subject {

  7357.         font-size: 16px; }

  7358.       .portlet.light > .portlet-title > .caption > i {

  7359.         color: #777;

  7360.         font-size: 15px;

  7361.         font-weight: 300;

  7362.         margin-top: 3px; }

  7363.       .portlet.light > .portlet-title > .caption.caption-md > .caption-subject {

  7364.         font-size: 15px; }

  7365.       .portlet.light > .portlet-title > .caption.caption-md > i {

  7366.         font-size: 14px; }

  7367.     .portlet.light > .portlet-title > .actions {

  7368.       padding: 6px 0 14px 0; }

  7369.       .portlet.light > .portlet-title > .actions .btn-default {

  7370.         color: #666; }

  7371.       .portlet.light > .portlet-title > .actions .btn-icon-only {

  7372.         height: 27px;

  7373.         width: 27px; }

  7374.       .portlet.light > .portlet-title > .actions .dropdown-menu li > a {

  7375.         color: #555; }

  7376.     .portlet.light > .portlet-title > .inputs {

  7377.       float: right;

  7378.       display: inline-block;

  7379.       padding: 4px 0; }

  7380.       .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {

  7381.         font-size: 14px;

  7382.         margin-top: 9px; }

  7383.       .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {

  7384.         height: 30px;

  7385.         padding: 2px 26px 3px 10px;

  7386.         font-size: 13px; }

  7387.       .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {

  7388.         height: 30px;

  7389.         padding: 3px 10px;

  7390.         font-size: 13px; }

  7391.     .portlet.light > .portlet-title > .pagination {

  7392.       padding: 2px 0 13px 0; }

  7393.     .portlet.light > .portlet-title > .tools {

  7394.       padding: 10px 0 13px 0;

  7395.       margin-top: 2px; }

  7396.     .portlet.light > .portlet-title > .nav-tabs > li {

  7397.       margin: 0;

  7398.       padding: 0; }

  7399.       .portlet.light > .portlet-title > .nav-tabs > li > a {

  7400.         margin: 0;

  7401.         padding: 12px 13px 13px 13px;

  7402.         font-size: 13px;

  7403.         color: #666; }

  7404.       .portlet.light > .portlet-title > .nav-tabs > li.active > a,

  7405.       .portlet.light > .portlet-title > .nav-tabs > li:hover > a {

  7406.         margin: 0;

  7407.         background: none;

  7408.         color: #333; }

  7409.   .portlet.light.form-fit {

  7410.     padding: 0; }

  7411.     .portlet.light.form-fit > .portlet-title {

  7412.       padding: 17px 20px 10px 20px;

  7413.       margin-bottom: 0; }

  7414.   .portlet.light .portlet-body {

  7415.     padding-top: 8px; }

  7416.   .portlet.light.portlet-fullscreen > .portlet-body {

  7417.     padding: 8px 0; }

  7418.   .portlet.light.portlet-fit {

  7419.     padding: 0; }

  7420.     .portlet.light.portlet-fit > .portlet-title {

  7421.       padding: 15px 20px 10px 20px; }

  7422.     .portlet.light.portlet-fit > .portlet-body {

  7423.       padding: 10px 20px 20px 20px; }

  7424.   .portlet.light.portlet-fit.portlet-form > .portlet-body {

  7425.     padding: 0; }

  7426.   .portlet.light.portlet-fit.portlet-form > .portlet-body {

  7427.     padding: 0; }

  7428.     .portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions {

  7429.       background: none; }

  7430.   .portlet.light.portlet-datatable.portlet-fit > .portlet-body {

  7431.     padding-top: 10px;

  7432.     padding-bottom: 25px; }

  7433. 

  7434. .tab-pane > p:last-child {

  7435.   margin-bottom: 0px; }

  7436. 

  7437. /* Reverse aligned tabs */

  7438. .tabs-reversed > li {

  7439.   float: right;

  7440.   margin-right: 0; }

  7441.   .tabs-reversed > li > a {

  7442.     margin-right: 0; }

  7443. 

  7444. /* jQuery UI Draggable Portlets */

  7445. .portlet-sortable:not(.portlet-fullscreen) > .portlet-title {

  7446.   cursor: move; }

  7447. 

  7448. .portlet-sortable-placeholder {

  7449.   border: 2px dashed #eee;

  7450.   margin-bottom: 25px; }

  7451. 

  7452. .portlet-sortable-empty {

  7453.   box-shadow: none !important;

  7454.   height: 45px; }

  7455. 

  7456. .portlet-collapsed {

  7457.   display: none; }

  7458. 

  7459. @media (max-width: 991px) {

  7460.   /* 991px */

  7461.   .portlet-collapsed-on-mobile {

  7462.     display: none; } }

  7463. 

  7464. /***

  7465. Custom colored portlets 

  7466. ***/

  7467. .portlet > .portlet-body.white,

  7468. .portlet.white {

  7469.   background-color: #ffffff; }

  7470. 

  7471. .portlet.solid.white > .portlet-title,

  7472. .portlet.solid.white > .portlet-body {

  7473.   border: 0;

  7474.   color: #666; }

  7475. 

  7476. .portlet.solid.white > .portlet-title > .caption {

  7477.   font-weight: 400; }

  7478.   .portlet.solid.white > .portlet-title > .caption > i {

  7479.     color: #666; }

  7480. 

  7481. .portlet.solid.white > .portlet-title > .tools > a.remove {

  7482.   background-image: url(../img/portlet-remove-icon-white.png); }

  7483. 

  7484. .portlet.solid.white > .portlet-title > .tools > a.config {

  7485.   background-image: url(../img/portlet-config-icon-white.png); }

  7486. 

  7487. .portlet.solid.white > .portlet-title > .tools > a.reload {

  7488.   background-image: url(../img/portlet-reload-icon-white.png); }

  7489. 

  7490. .portlet.solid.white > .portlet-title > .tools > a.expand {

  7491.   background-image: url(../img/portlet-expand-icon-white.png); }

  7492. 

  7493. .portlet.solid.white > .portlet-title > .tools > a.collapse {

  7494.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7495. 

  7496. .portlet.solid.white > .portlet-title > .tools > a.fullscreen {

  7497.   color: #fdfdfd; }

  7498. 

  7499. .portlet.box.white {

  7500.   border: 1px solid white;

  7501.   border-top: 0; }

  7502.   .portlet.box.white > .portlet-title {

  7503.     background-color: #ffffff; }

  7504.     .portlet.box.white > .portlet-title > .caption {

  7505.       color: #666; }

  7506.       .portlet.box.white > .portlet-title > .caption > i {

  7507.         color: #666; }

  7508.     .portlet.box.white > .portlet-title > .actions .btn-default {

  7509.       background: transparent !important;

  7510.       background-color: transparent !important;

  7511.       border: 1px solid white;

  7512.       color: white; }

  7513.       .portlet.box.white > .portlet-title > .actions .btn-default > i {

  7514.         color: white; }

  7515.       .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 {

  7516.         border: 1px solid white;

  7517.         color: white; }

  7518. 

  7519. .portlet > .portlet-body.default,

  7520. .portlet.default {

  7521.   background-color: #e1e5ec; }

  7522. 

  7523. .portlet.solid.default > .portlet-title,

  7524. .portlet.solid.default > .portlet-body {

  7525.   border: 0;

  7526.   color: #666; }

  7527. 

  7528. .portlet.solid.default > .portlet-title > .caption {

  7529.   font-weight: 400; }

  7530.   .portlet.solid.default > .portlet-title > .caption > i {

  7531.     color: #666; }

  7532. 

  7533. .portlet.solid.default > .portlet-title > .tools > a.remove {

  7534.   background-image: url(../img/portlet-remove-icon-white.png); }

  7535. 

  7536. .portlet.solid.default > .portlet-title > .tools > a.config {

  7537.   background-image: url(../img/portlet-config-icon-white.png); }

  7538. 

  7539. .portlet.solid.default > .portlet-title > .tools > a.reload {

  7540.   background-image: url(../img/portlet-reload-icon-white.png); }

  7541. 

  7542. .portlet.solid.default > .portlet-title > .tools > a.expand {

  7543.   background-image: url(../img/portlet-expand-icon-white.png); }

  7544. 

  7545. .portlet.solid.default > .portlet-title > .tools > a.collapse {

  7546.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7547. 

  7548. .portlet.solid.default > .portlet-title > .tools > a.fullscreen {

  7549.   color: #fdfdfd; }

  7550. 

  7551. .portlet.box.default {

  7552.   border: 1px solid white;

  7553.   border-top: 0; }

  7554.   .portlet.box.default > .portlet-title {

  7555.     background-color: #e1e5ec; }

  7556.     .portlet.box.default > .portlet-title > .caption {

  7557.       color: #666; }

  7558.       .portlet.box.default > .portlet-title > .caption > i {

  7559.         color: #666; }

  7560.     .portlet.box.default > .portlet-title > .actions .btn-default {

  7561.       background: transparent !important;

  7562.       background-color: transparent !important;

  7563.       border: 1px solid white;

  7564.       color: white; }

  7565.       .portlet.box.default > .portlet-title > .actions .btn-default > i {

  7566.         color: white; }

  7567.       .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 {

  7568.         border: 1px solid white;

  7569.         color: white; }

  7570. 

  7571. .portlet > .portlet-body.dark,

  7572. .portlet.dark {

  7573.   background-color: #2f353b; }

  7574. 

  7575. .portlet.solid.dark > .portlet-title,

  7576. .portlet.solid.dark > .portlet-body {

  7577.   border: 0;

  7578.   color: #FFFFFF; }

  7579. 

  7580. .portlet.solid.dark > .portlet-title > .caption {

  7581.   font-weight: 400; }

  7582.   .portlet.solid.dark > .portlet-title > .caption > i {

  7583.     color: #FFFFFF; }

  7584. 

  7585. .portlet.solid.dark > .portlet-title > .tools > a.remove {

  7586.   background-image: url(../img/portlet-remove-icon-white.png); }

  7587. 

  7588. .portlet.solid.dark > .portlet-title > .tools > a.config {

  7589.   background-image: url(../img/portlet-config-icon-white.png); }

  7590. 

  7591. .portlet.solid.dark > .portlet-title > .tools > a.reload {

  7592.   background-image: url(../img/portlet-reload-icon-white.png); }

  7593. 

  7594. .portlet.solid.dark > .portlet-title > .tools > a.expand {

  7595.   background-image: url(../img/portlet-expand-icon-white.png); }

  7596. 

  7597. .portlet.solid.dark > .portlet-title > .tools > a.collapse {

  7598.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7599. 

  7600. .portlet.solid.dark > .portlet-title > .tools > a.fullscreen {

  7601.   color: #fdfdfd; }

  7602. 

  7603. .portlet.box.dark {

  7604.   border: 1px solid #464f57;

  7605.   border-top: 0; }

  7606.   .portlet.box.dark > .portlet-title {

  7607.     background-color: #2f353b; }

  7608.     .portlet.box.dark > .portlet-title > .caption {

  7609.       color: #FFFFFF; }

  7610.       .portlet.box.dark > .portlet-title > .caption > i {

  7611.         color: #FFFFFF; }

  7612.     .portlet.box.dark > .portlet-title > .actions .btn-default {

  7613.       background: transparent !important;

  7614.       background-color: transparent !important;

  7615.       border: 1px solid #616d79;

  7616.       color: #6c7a88; }

  7617.       .portlet.box.dark > .portlet-title > .actions .btn-default > i {

  7618.         color: #738290; }

  7619.       .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 {

  7620.         border: 1px solid #798794;

  7621.         color: #8793a0; }

  7622. 

  7623. .portlet > .portlet-body.blue,

  7624. .portlet.blue {

  7625.   background-color: #3598dc; }

  7626. 

  7627. .portlet.solid.blue > .portlet-title,

  7628. .portlet.solid.blue > .portlet-body {

  7629.   border: 0;

  7630.   color: #FFFFFF; }

  7631. 

  7632. .portlet.solid.blue > .portlet-title > .caption {

  7633.   font-weight: 400; }

  7634.   .portlet.solid.blue > .portlet-title > .caption > i {

  7635.     color: #FFFFFF; }

  7636. 

  7637. .portlet.solid.blue > .portlet-title > .tools > a.remove {

  7638.   background-image: url(../img/portlet-remove-icon-white.png); }

  7639. 

  7640. .portlet.solid.blue > .portlet-title > .tools > a.config {

  7641.   background-image: url(../img/portlet-config-icon-white.png); }

  7642. 

  7643. .portlet.solid.blue > .portlet-title > .tools > a.reload {

  7644.   background-image: url(../img/portlet-reload-icon-white.png); }

  7645. 

  7646. .portlet.solid.blue > .portlet-title > .tools > a.expand {

  7647.   background-image: url(../img/portlet-expand-icon-white.png); }

  7648. 

  7649. .portlet.solid.blue > .portlet-title > .tools > a.collapse {

  7650.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7651. 

  7652. .portlet.solid.blue > .portlet-title > .tools > a.fullscreen {

  7653.   color: #fdfdfd; }

  7654. 

  7655. .portlet.box.blue {

  7656.   border: 1px solid #60aee4;

  7657.   border-top: 0; }

  7658.   .portlet.box.blue > .portlet-title {

  7659.     background-color: #3598dc; }

  7660.     .portlet.box.blue > .portlet-title > .caption {

  7661.       color: #FFFFFF; }

  7662.       .portlet.box.blue > .portlet-title > .caption > i {

  7663.         color: #FFFFFF; }

  7664.     .portlet.box.blue > .portlet-title > .actions .btn-default {

  7665.       background: transparent !important;

  7666.       background-color: transparent !important;

  7667.       border: 1px solid #95c9ed;

  7668.       color: #aad4f0; }

  7669.       .portlet.box.blue > .portlet-title > .actions .btn-default > i {

  7670.         color: #b7daf3; }

  7671.       .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 {

  7672.         border: 1px solid #c0dff4;

  7673.         color: #d6eaf8; }

  7674. 

  7675. .portlet > .portlet-body.blue-madison,

  7676. .portlet.blue-madison {

  7677.   background-color: #578ebe; }

  7678. 

  7679. .portlet.solid.blue-madison > .portlet-title,

  7680. .portlet.solid.blue-madison > .portlet-body {

  7681.   border: 0;

  7682.   color: #FFFFFF; }

  7683. 

  7684. .portlet.solid.blue-madison > .portlet-title > .caption {

  7685.   font-weight: 400; }

  7686.   .portlet.solid.blue-madison > .portlet-title > .caption > i {

  7687.     color: #FFFFFF; }

  7688. 

  7689. .portlet.solid.blue-madison > .portlet-title > .tools > a.remove {

  7690.   background-image: url(../img/portlet-remove-icon-white.png); }

  7691. 

  7692. .portlet.solid.blue-madison > .portlet-title > .tools > a.config {

  7693.   background-image: url(../img/portlet-config-icon-white.png); }

  7694. 

  7695. .portlet.solid.blue-madison > .portlet-title > .tools > a.reload {

  7696.   background-image: url(../img/portlet-reload-icon-white.png); }

  7697. 

  7698. .portlet.solid.blue-madison > .portlet-title > .tools > a.expand {

  7699.   background-image: url(../img/portlet-expand-icon-white.png); }

  7700. 

  7701. .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse {

  7702.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7703. 

  7704. .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen {

  7705.   color: #fdfdfd; }

  7706. 

  7707. .portlet.box.blue-madison {

  7708.   border: 1px solid #7ca7cc;

  7709.   border-top: 0; }

  7710.   .portlet.box.blue-madison > .portlet-title {

  7711.     background-color: #578ebe; }

  7712.     .portlet.box.blue-madison > .portlet-title > .caption {

  7713.       color: #FFFFFF; }

  7714.       .portlet.box.blue-madison > .portlet-title > .caption > i {

  7715.         color: #FFFFFF; }

  7716.     .portlet.box.blue-madison > .portlet-title > .actions .btn-default {

  7717.       background: transparent !important;

  7718.       background-color: transparent !important;

  7719.       border: 1px solid #a8c4dd;

  7720.       color: #bad1e4; }

  7721.       .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i {

  7722.         color: #c5d8e9; }

  7723.       .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 {

  7724.         border: 1px solid #cdddec;

  7725.         color: #dfeaf3; }

  7726. 

  7727. .portlet > .portlet-body.blue-chambray,

  7728. .portlet.blue-chambray {

  7729.   background-color: #2C3E50; }

  7730. 

  7731. .portlet.solid.blue-chambray > .portlet-title,

  7732. .portlet.solid.blue-chambray > .portlet-body {

  7733.   border: 0;

  7734.   color: #FFFFFF; }

  7735. 

  7736. .portlet.solid.blue-chambray > .portlet-title > .caption {

  7737.   font-weight: 400; }

  7738.   .portlet.solid.blue-chambray > .portlet-title > .caption > i {

  7739.     color: #FFFFFF; }

  7740. 

  7741. .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove {

  7742.   background-image: url(../img/portlet-remove-icon-white.png); }

  7743. 

  7744. .portlet.solid.blue-chambray > .portlet-title > .tools > a.config {

  7745.   background-image: url(../img/portlet-config-icon-white.png); }

  7746. 

  7747. .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload {

  7748.   background-image: url(../img/portlet-reload-icon-white.png); }

  7749. 

  7750. .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand {

  7751.   background-image: url(../img/portlet-expand-icon-white.png); }

  7752. 

  7753. .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse {

  7754.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7755. 

  7756. .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen {

  7757.   color: #fdfdfd; }

  7758. 

  7759. .portlet.box.blue-chambray {

  7760.   border: 1px solid #3e5871;

  7761.   border-top: 0; }

  7762.   .portlet.box.blue-chambray > .portlet-title {

  7763.     background-color: #2C3E50; }

  7764.     .portlet.box.blue-chambray > .portlet-title > .caption {

  7765.       color: #FFFFFF; }

  7766.       .portlet.box.blue-chambray > .portlet-title > .caption > i {

  7767.         color: #FFFFFF; }

  7768.     .portlet.box.blue-chambray > .portlet-title > .actions .btn-default {

  7769.       background: transparent !important;

  7770.       background-color: transparent !important;

  7771.       border: 1px solid #547698;

  7772.       color: #5f83a7; }

  7773.       .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i {

  7774.         color: #698bac; }

  7775.       .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 {

  7776.         border: 1px solid #6f90b0;

  7777.         color: #809cb9; }

  7778. 

  7779. .portlet > .portlet-body.blue-ebonyclay,

  7780. .portlet.blue-ebonyclay {

  7781.   background-color: #22313F; }

  7782. 

  7783. .portlet.solid.blue-ebonyclay > .portlet-title,

  7784. .portlet.solid.blue-ebonyclay > .portlet-body {

  7785.   border: 0;

  7786.   color: #FFFFFF; }

  7787. 

  7788. .portlet.solid.blue-ebonyclay > .portlet-title > .caption {

  7789.   font-weight: 400; }

  7790.   .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i {

  7791.     color: #FFFFFF; }

  7792. 

  7793. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove {

  7794.   background-image: url(../img/portlet-remove-icon-white.png); }

  7795. 

  7796. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config {

  7797.   background-image: url(../img/portlet-config-icon-white.png); }

  7798. 

  7799. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload {

  7800.   background-image: url(../img/portlet-reload-icon-white.png); }

  7801. 

  7802. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand {

  7803.   background-image: url(../img/portlet-expand-icon-white.png); }

  7804. 

  7805. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse {

  7806.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7807. 

  7808. .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen {

  7809.   color: #fdfdfd; }

  7810. 

  7811. .portlet.box.blue-ebonyclay {

  7812.   border: 1px solid #344b60;

  7813.   border-top: 0; }

  7814.   .portlet.box.blue-ebonyclay > .portlet-title {

  7815.     background-color: #22313F; }

  7816.     .portlet.box.blue-ebonyclay > .portlet-title > .caption {

  7817.       color: #FFFFFF; }

  7818.       .portlet.box.blue-ebonyclay > .portlet-title > .caption > i {

  7819.         color: #FFFFFF; }

  7820.     .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default {

  7821.       background: transparent !important;

  7822.       background-color: transparent !important;

  7823.       border: 1px solid #496a88;

  7824.       color: #527798; }

  7825.       .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i {

  7826.         color: #587ea2; }

  7827.       .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 {

  7828.         border: 1px solid #5d83a7;

  7829.         color: #6d90b0; }

  7830. 

  7831. .portlet > .portlet-body.blue-hoki,

  7832. .portlet.blue-hoki {

  7833.   background-color: #67809F; }

  7834. 

  7835. .portlet.solid.blue-hoki > .portlet-title,

  7836. .portlet.solid.blue-hoki > .portlet-body {

  7837.   border: 0;

  7838.   color: #FFFFFF; }

  7839. 

  7840. .portlet.solid.blue-hoki > .portlet-title > .caption {

  7841.   font-weight: 400; }

  7842.   .portlet.solid.blue-hoki > .portlet-title > .caption > i {

  7843.     color: #FFFFFF; }

  7844. 

  7845. .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove {

  7846.   background-image: url(../img/portlet-remove-icon-white.png); }

  7847. 

  7848. .portlet.solid.blue-hoki > .portlet-title > .tools > a.config {

  7849.   background-image: url(../img/portlet-config-icon-white.png); }

  7850. 

  7851. .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload {

  7852.   background-image: url(../img/portlet-reload-icon-white.png); }

  7853. 

  7854. .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand {

  7855.   background-image: url(../img/portlet-expand-icon-white.png); }

  7856. 

  7857. .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse {

  7858.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7859. 

  7860. .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen {

  7861.   color: #fdfdfd; }

  7862. 

  7863. .portlet.box.blue-hoki {

  7864.   border: 1px solid #869ab3;

  7865.   border-top: 0; }

  7866.   .portlet.box.blue-hoki > .portlet-title {

  7867.     background-color: #67809F; }

  7868.     .portlet.box.blue-hoki > .portlet-title > .caption {

  7869.       color: #FFFFFF; }

  7870.       .portlet.box.blue-hoki > .portlet-title > .caption > i {

  7871.         color: #FFFFFF; }

  7872.     .portlet.box.blue-hoki > .portlet-title > .actions .btn-default {

  7873.       background: transparent !important;

  7874.       background-color: transparent !important;

  7875.       border: 1px solid #acb9ca;

  7876.       color: #bbc7d4; }

  7877.       .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i {

  7878.         color: #c5ceda; }

  7879.       .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 {

  7880.         border: 1px solid #cbd4de;

  7881.         color: #dbe1e8; }

  7882. 

  7883. .portlet > .portlet-body.blue-steel,

  7884. .portlet.blue-steel {

  7885.   background-color: #4B77BE; }

  7886. 

  7887. .portlet.solid.blue-steel > .portlet-title,

  7888. .portlet.solid.blue-steel > .portlet-body {

  7889.   border: 0;

  7890.   color: #FFFFFF; }

  7891. 

  7892. .portlet.solid.blue-steel > .portlet-title > .caption {

  7893.   font-weight: 400; }

  7894.   .portlet.solid.blue-steel > .portlet-title > .caption > i {

  7895.     color: #FFFFFF; }

  7896. 

  7897. .portlet.solid.blue-steel > .portlet-title > .tools > a.remove {

  7898.   background-image: url(../img/portlet-remove-icon-white.png); }

  7899. 

  7900. .portlet.solid.blue-steel > .portlet-title > .tools > a.config {

  7901.   background-image: url(../img/portlet-config-icon-white.png); }

  7902. 

  7903. .portlet.solid.blue-steel > .portlet-title > .tools > a.reload {

  7904.   background-image: url(../img/portlet-reload-icon-white.png); }

  7905. 

  7906. .portlet.solid.blue-steel > .portlet-title > .tools > a.expand {

  7907.   background-image: url(../img/portlet-expand-icon-white.png); }

  7908. 

  7909. .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse {

  7910.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7911. 

  7912. .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen {

  7913.   color: #fdfdfd; }

  7914. 

  7915. .portlet.box.blue-steel {

  7916.   border: 1px solid #7093cc;

  7917.   border-top: 0; }

  7918.   .portlet.box.blue-steel > .portlet-title {

  7919.     background-color: #4B77BE; }

  7920.     .portlet.box.blue-steel > .portlet-title > .caption {

  7921.       color: #FFFFFF; }

  7922.       .portlet.box.blue-steel > .portlet-title > .caption > i {

  7923.         color: #FFFFFF; }

  7924.     .portlet.box.blue-steel > .portlet-title > .actions .btn-default {

  7925.       background: transparent !important;

  7926.       background-color: transparent !important;

  7927.       border: 1px solid #9db5dc;

  7928.       color: #b0c3e3; }

  7929.       .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i {

  7930.         color: #bbcce7; }

  7931.       .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 {

  7932.         border: 1px solid #c3d2e9;

  7933.         color: #d6e0f0; }

  7934. 

  7935. .portlet > .portlet-body.blue-soft,

  7936. .portlet.blue-soft {

  7937.   background-color: #4c87b9; }

  7938. 

  7939. .portlet.solid.blue-soft > .portlet-title,

  7940. .portlet.solid.blue-soft > .portlet-body {

  7941.   border: 0;

  7942.   color: #FFFFFF; }

  7943. 

  7944. .portlet.solid.blue-soft > .portlet-title > .caption {

  7945.   font-weight: 400; }

  7946.   .portlet.solid.blue-soft > .portlet-title > .caption > i {

  7947.     color: #FFFFFF; }

  7948. 

  7949. .portlet.solid.blue-soft > .portlet-title > .tools > a.remove {

  7950.   background-image: url(../img/portlet-remove-icon-white.png); }

  7951. 

  7952. .portlet.solid.blue-soft > .portlet-title > .tools > a.config {

  7953.   background-image: url(../img/portlet-config-icon-white.png); }

  7954. 

  7955. .portlet.solid.blue-soft > .portlet-title > .tools > a.reload {

  7956.   background-image: url(../img/portlet-reload-icon-white.png); }

  7957. 

  7958. .portlet.solid.blue-soft > .portlet-title > .tools > a.expand {

  7959.   background-image: url(../img/portlet-expand-icon-white.png); }

  7960. 

  7961. .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse {

  7962.   background-image: url(../img/portlet-collapse-icon-white.png); }

  7963. 

  7964. .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen {

  7965.   color: #fdfdfd; }

  7966. 

  7967. .portlet.box.blue-soft {

  7968.   border: 1px solid #71a0c7;

  7969.   border-top: 0; }

  7970.   .portlet.box.blue-soft > .portlet-title {

  7971.     background-color: #4c87b9; }

  7972.     .portlet.box.blue-soft > .portlet-title > .caption {

  7973.       color: #FFFFFF; }

  7974.       .portlet.box.blue-soft > .portlet-title > .caption > i {

  7975.         color: #FFFFFF; }

  7976.     .portlet.box.blue-soft > .portlet-title > .actions .btn-default {

  7977.       background: transparent !important;

  7978.       background-color: transparent !important;

  7979.       border: 1px solid #9dbdd9;

  7980.       color: #afc9e0; }

  7981.       .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i {

  7982.         color: #bad1e4; }

  7983.       .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 {

  7984.         border: 1px solid #c1d6e7;

  7985.         color: #d4e2ee; }

  7986. 

  7987. .portlet > .portlet-body.blue-dark,

  7988. .portlet.blue-dark {

  7989.   background-color: #5e738b; }

  7990. 

  7991. .portlet.solid.blue-dark > .portlet-title,

  7992. .portlet.solid.blue-dark > .portlet-body {

  7993.   border: 0;

  7994.   color: #FFFFFF; }

  7995. 

  7996. .portlet.solid.blue-dark > .portlet-title > .caption {

  7997.   font-weight: 400; }

  7998.   .portlet.solid.blue-dark > .portlet-title > .caption > i {

  7999.     color: #FFFFFF; }

  8000. 

  8001. .portlet.solid.blue-dark > .portlet-title > .tools > a.remove {

  8002.   background-image: url(../img/portlet-remove-icon-white.png); }

  8003. 

  8004. .portlet.solid.blue-dark > .portlet-title > .tools > a.config {

  8005.   background-image: url(../img/portlet-config-icon-white.png); }

  8006. 

  8007. .portlet.solid.blue-dark > .portlet-title > .tools > a.reload {

  8008.   background-image: url(../img/portlet-reload-icon-white.png); }

  8009. 

  8010. .portlet.solid.blue-dark > .portlet-title > .tools > a.expand {

  8011.   background-image: url(../img/portlet-expand-icon-white.png); }

  8012. 

  8013. .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse {

  8014.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8015. 

  8016. .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen {

  8017.   color: #fdfdfd; }

  8018. 

  8019. .portlet.box.blue-dark {

  8020.   border: 1px solid #788da4;

  8021.   border-top: 0; }

  8022.   .portlet.box.blue-dark > .portlet-title {

  8023.     background-color: #5e738b; }

  8024.     .portlet.box.blue-dark > .portlet-title > .caption {

  8025.       color: #FFFFFF; }

  8026.       .portlet.box.blue-dark > .portlet-title > .caption > i {

  8027.         color: #FFFFFF; }

  8028.     .portlet.box.blue-dark > .portlet-title > .actions .btn-default {

  8029.       background: transparent !important;

  8030.       background-color: transparent !important;

  8031.       border: 1px solid #9dacbd;

  8032.       color: #acb8c7; }

  8033.       .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i {

  8034.         color: #b5c0cd; }

  8035.       .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 {

  8036.         border: 1px solid #bbc5d1;

  8037.         color: #cad2db; }

  8038. 

  8039. .portlet > .portlet-body.blue-sharp,

  8040. .portlet.blue-sharp {

  8041.   background-color: #5C9BD1; }

  8042. 

  8043. .portlet.solid.blue-sharp > .portlet-title,

  8044. .portlet.solid.blue-sharp > .portlet-body {

  8045.   border: 0;

  8046.   color: #FFFFFF; }

  8047. 

  8048. .portlet.solid.blue-sharp > .portlet-title > .caption {

  8049.   font-weight: 400; }

  8050.   .portlet.solid.blue-sharp > .portlet-title > .caption > i {

  8051.     color: #FFFFFF; }

  8052. 

  8053. .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove {

  8054.   background-image: url(../img/portlet-remove-icon-white.png); }

  8055. 

  8056. .portlet.solid.blue-sharp > .portlet-title > .tools > a.config {

  8057.   background-image: url(../img/portlet-config-icon-white.png); }

  8058. 

  8059. .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload {

  8060.   background-image: url(../img/portlet-reload-icon-white.png); }

  8061. 

  8062. .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand {

  8063.   background-image: url(../img/portlet-expand-icon-white.png); }

  8064. 

  8065. .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse {

  8066.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8067. 

  8068. .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen {

  8069.   color: #fdfdfd; }

  8070. 

  8071. .portlet.box.blue-sharp {

  8072.   border: 1px solid #84b3dc;

  8073.   border-top: 0; }

  8074.   .portlet.box.blue-sharp > .portlet-title {

  8075.     background-color: #5C9BD1; }

  8076.     .portlet.box.blue-sharp > .portlet-title > .caption {

  8077.       color: #FFFFFF; }

  8078.       .portlet.box.blue-sharp > .portlet-title > .caption > i {

  8079.         color: #FFFFFF; }

  8080.     .portlet.box.blue-sharp > .portlet-title > .actions .btn-default {

  8081.       background: transparent !important;

  8082.       background-color: transparent !important;

  8083.       border: 1px solid #b4d1ea;

  8084.       color: #c7ddef; }

  8085.       .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i {

  8086.         color: #d3e4f3; }

  8087.       .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 {

  8088.         border: 1px solid #dbe9f5;

  8089.         color: #eff5fb; }

  8090. 

  8091. .portlet > .portlet-body.blue-oleo,

  8092. .portlet.blue-oleo {

  8093.   background-color: #94A0B2; }

  8094. 

  8095. .portlet.solid.blue-oleo > .portlet-title,

  8096. .portlet.solid.blue-oleo > .portlet-body {

  8097.   border: 0;

  8098.   color: #FFFFFF; }

  8099. 

  8100. .portlet.solid.blue-oleo > .portlet-title > .caption {

  8101.   font-weight: 400; }

  8102.   .portlet.solid.blue-oleo > .portlet-title > .caption > i {

  8103.     color: #FFFFFF; }

  8104. 

  8105. .portlet.solid.blue-oleo > .portlet-title > .tools > a.remove {

  8106.   background-image: url(../img/portlet-remove-icon-white.png); }

  8107. 

  8108. .portlet.solid.blue-oleo > .portlet-title > .tools > a.config {

  8109.   background-image: url(../img/portlet-config-icon-white.png); }

  8110. 

  8111. .portlet.solid.blue-oleo > .portlet-title > .tools > a.reload {

  8112.   background-image: url(../img/portlet-reload-icon-white.png); }

  8113. 

  8114. .portlet.solid.blue-oleo > .portlet-title > .tools > a.expand {

  8115.   background-image: url(../img/portlet-expand-icon-white.png); }

  8116. 

  8117. .portlet.solid.blue-oleo > .portlet-title > .tools > a.collapse {

  8118.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8119. 

  8120. .portlet.solid.blue-oleo > .portlet-title > .tools > a.fullscreen {

  8121.   color: #fdfdfd; }

  8122. 

  8123. .portlet.box.blue-oleo {

  8124.   border: 1px solid #b2bac7;

  8125.   border-top: 0; }

  8126.   .portlet.box.blue-oleo > .portlet-title {

  8127.     background-color: #94A0B2; }

  8128.     .portlet.box.blue-oleo > .portlet-title > .caption {

  8129.       color: #FFFFFF; }

  8130.       .portlet.box.blue-oleo > .portlet-title > .caption > i {

  8131.         color: #FFFFFF; }

  8132.     .portlet.box.blue-oleo > .portlet-title > .actions .btn-default {

  8133.       background: transparent !important;

  8134.       background-color: transparent !important;

  8135.       border: 1px solid #d5dae1;

  8136.       color: #e4e7ec; }

  8137.       .portlet.box.blue-oleo > .portlet-title > .actions .btn-default > i {

  8138.         color: #edeff2; }

  8139.       .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 {

  8140.         border: 1px solid #f3f4f6;

  8141.         color: white; }

  8142. 

  8143. .portlet > .portlet-body.green,

  8144. .portlet.green {

  8145.   background-color: #32c5d2; }

  8146. 

  8147. .portlet.solid.green > .portlet-title,

  8148. .portlet.solid.green > .portlet-body {

  8149.   border: 0;

  8150.   color: #FFFFFF; }

  8151. 

  8152. .portlet.solid.green > .portlet-title > .caption {

  8153.   font-weight: 400; }

  8154.   .portlet.solid.green > .portlet-title > .caption > i {

  8155.     color: #FFFFFF; }

  8156. 

  8157. .portlet.solid.green > .portlet-title > .tools > a.remove {

  8158.   background-image: url(../img/portlet-remove-icon-white.png); }

  8159. 

  8160. .portlet.solid.green > .portlet-title > .tools > a.config {

  8161.   background-image: url(../img/portlet-config-icon-white.png); }

  8162. 

  8163. .portlet.solid.green > .portlet-title > .tools > a.reload {

  8164.   background-image: url(../img/portlet-reload-icon-white.png); }

  8165. 

  8166. .portlet.solid.green > .portlet-title > .tools > a.expand {

  8167.   background-image: url(../img/portlet-expand-icon-white.png); }

  8168. 

  8169. .portlet.solid.green > .portlet-title > .tools > a.collapse {

  8170.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8171. 

  8172. .portlet.solid.green > .portlet-title > .tools > a.fullscreen {

  8173.   color: #fdfdfd; }

  8174. 

  8175. .portlet.box.green {

  8176.   border: 1px solid #5cd1db;

  8177.   border-top: 0; }

  8178.   .portlet.box.green > .portlet-title {

  8179.     background-color: #32c5d2; }

  8180.     .portlet.box.green > .portlet-title > .caption {

  8181.       color: #FFFFFF; }

  8182.       .portlet.box.green > .portlet-title > .caption > i {

  8183.         color: #FFFFFF; }

  8184.     .portlet.box.green > .portlet-title > .actions .btn-default {

  8185.       background: transparent !important;

  8186.       background-color: transparent !important;

  8187.       border: 1px solid #8edfe6;

  8188.       color: #a3e5eb; }

  8189.       .portlet.box.green > .portlet-title > .actions .btn-default > i {

  8190.         color: #afe8ee; }

  8191.       .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 {

  8192.         border: 1px solid #b8ebef;

  8193.         color: #cdf1f4; }

  8194. 

  8195. .portlet > .portlet-body.green-meadow,

  8196. .portlet.green-meadow {

  8197.   background-color: #1BBC9B; }

  8198. 

  8199. .portlet.solid.green-meadow > .portlet-title,

  8200. .portlet.solid.green-meadow > .portlet-body {

  8201.   border: 0;

  8202.   color: #FFFFFF; }

  8203. 

  8204. .portlet.solid.green-meadow > .portlet-title > .caption {

  8205.   font-weight: 400; }

  8206.   .portlet.solid.green-meadow > .portlet-title > .caption > i {

  8207.     color: #FFFFFF; }

  8208. 

  8209. .portlet.solid.green-meadow > .portlet-title > .tools > a.remove {

  8210.   background-image: url(../img/portlet-remove-icon-white.png); }

  8211. 

  8212. .portlet.solid.green-meadow > .portlet-title > .tools > a.config {

  8213.   background-image: url(../img/portlet-config-icon-white.png); }

  8214. 

  8215. .portlet.solid.green-meadow > .portlet-title > .tools > a.reload {

  8216.   background-image: url(../img/portlet-reload-icon-white.png); }

  8217. 

  8218. .portlet.solid.green-meadow > .portlet-title > .tools > a.expand {

  8219.   background-image: url(../img/portlet-expand-icon-white.png); }

  8220. 

  8221. .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse {

  8222.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8223. 

  8224. .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen {

  8225.   color: #fdfdfd; }

  8226. 

  8227. .portlet.box.green-meadow {

  8228.   border: 1px solid #2ae0bb;

  8229.   border-top: 0; }

  8230.   .portlet.box.green-meadow > .portlet-title {

  8231.     background-color: #1BBC9B; }

  8232.     .portlet.box.green-meadow > .portlet-title > .caption {

  8233.       color: #FFFFFF; }

  8234.       .portlet.box.green-meadow > .portlet-title > .caption > i {

  8235.         color: #FFFFFF; }

  8236.     .portlet.box.green-meadow > .portlet-title > .actions .btn-default {

  8237.       background: transparent !important;

  8238.       background-color: transparent !important;

  8239.       border: 1px solid #5fe8cc;

  8240.       color: #75ebd3; }

  8241.       .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i {

  8242.         color: #83edd7; }

  8243.       .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 {

  8244.         border: 1px solid #8ceeda;

  8245.         color: #a2f2e1; }

  8246. 

  8247. .portlet > .portlet-body.green-seagreen,

  8248. .portlet.green-seagreen {

  8249.   background-color: #1BA39C; }

  8250. 

  8251. .portlet.solid.green-seagreen > .portlet-title,

  8252. .portlet.solid.green-seagreen > .portlet-body {

  8253.   border: 0;

  8254.   color: #FFFFFF; }

  8255. 

  8256. .portlet.solid.green-seagreen > .portlet-title > .caption {

  8257.   font-weight: 400; }

  8258.   .portlet.solid.green-seagreen > .portlet-title > .caption > i {

  8259.     color: #FFFFFF; }

  8260. 

  8261. .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove {

  8262.   background-image: url(../img/portlet-remove-icon-white.png); }

  8263. 

  8264. .portlet.solid.green-seagreen > .portlet-title > .tools > a.config {

  8265.   background-image: url(../img/portlet-config-icon-white.png); }

  8266. 

  8267. .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload {

  8268.   background-image: url(../img/portlet-reload-icon-white.png); }

  8269. 

  8270. .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand {

  8271.   background-image: url(../img/portlet-expand-icon-white.png); }

  8272. 

  8273. .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse {

  8274.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8275. 

  8276. .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen {

  8277.   color: #fdfdfd; }

  8278. 

  8279. .portlet.box.green-seagreen {

  8280.   border: 1px solid #22cfc6;

  8281.   border-top: 0; }

  8282.   .portlet.box.green-seagreen > .portlet-title {

  8283.     background-color: #1BA39C; }

  8284.     .portlet.box.green-seagreen > .portlet-title > .caption {

  8285.       color: #FFFFFF; }

  8286.       .portlet.box.green-seagreen > .portlet-title > .caption > i {

  8287.         color: #FFFFFF; }

  8288.     .portlet.box.green-seagreen > .portlet-title > .actions .btn-default {

  8289.       background: transparent !important;

  8290.       background-color: transparent !important;

  8291.       border: 1px solid #4de1da;

  8292.       color: #63e5de; }

  8293.       .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i {

  8294.         color: #70e7e1; }

  8295.       .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 {

  8296.         border: 1px solid #78e9e3;

  8297.         color: #8eece8; }

  8298. 

  8299. .portlet > .portlet-body.green-turquoise,

  8300. .portlet.green-turquoise {

  8301.   background-color: #36D7B7; }

  8302. 

  8303. .portlet.solid.green-turquoise > .portlet-title,

  8304. .portlet.solid.green-turquoise > .portlet-body {

  8305.   border: 0;

  8306.   color: #FFFFFF; }

  8307. 

  8308. .portlet.solid.green-turquoise > .portlet-title > .caption {

  8309.   font-weight: 400; }

  8310.   .portlet.solid.green-turquoise > .portlet-title > .caption > i {

  8311.     color: #FFFFFF; }

  8312. 

  8313. .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove {

  8314.   background-image: url(../img/portlet-remove-icon-white.png); }

  8315. 

  8316. .portlet.solid.green-turquoise > .portlet-title > .tools > a.config {

  8317.   background-image: url(../img/portlet-config-icon-white.png); }

  8318. 

  8319. .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload {

  8320.   background-image: url(../img/portlet-reload-icon-white.png); }

  8321. 

  8322. .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand {

  8323.   background-image: url(../img/portlet-expand-icon-white.png); }

  8324. 

  8325. .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse {

  8326.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8327. 

  8328. .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen {

  8329.   color: #fdfdfd; }

  8330. 

  8331. .portlet.box.green-turquoise {

  8332.   border: 1px solid #61dfc6;

  8333.   border-top: 0; }

  8334.   .portlet.box.green-turquoise > .portlet-title {

  8335.     background-color: #36D7B7; }

  8336.     .portlet.box.green-turquoise > .portlet-title > .caption {

  8337.       color: #FFFFFF; }

  8338.       .portlet.box.green-turquoise > .portlet-title > .caption > i {

  8339.         color: #FFFFFF; }

  8340.     .portlet.box.green-turquoise > .portlet-title > .actions .btn-default {

  8341.       background: transparent !important;

  8342.       background-color: transparent !important;

  8343.       border: 1px solid #94ead9;

  8344.       color: #a9eee0; }

  8345.       .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i {

  8346.         color: #b6f0e5; }

  8347.       .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 {

  8348.         border: 1px solid #bef2e8;

  8349.         color: #d3f6ef; }

  8350. 

  8351. .portlet > .portlet-body.green-haze,

  8352. .portlet.green-haze {

  8353.   background-color: #44b6ae; }

  8354. 

  8355. .portlet.solid.green-haze > .portlet-title,

  8356. .portlet.solid.green-haze > .portlet-body {

  8357.   border: 0;

  8358.   color: #FFFFFF; }

  8359. 

  8360. .portlet.solid.green-haze > .portlet-title > .caption {

  8361.   font-weight: 400; }

  8362.   .portlet.solid.green-haze > .portlet-title > .caption > i {

  8363.     color: #FFFFFF; }

  8364. 

  8365. .portlet.solid.green-haze > .portlet-title > .tools > a.remove {

  8366.   background-image: url(../img/portlet-remove-icon-white.png); }

  8367. 

  8368. .portlet.solid.green-haze > .portlet-title > .tools > a.config {

  8369.   background-image: url(../img/portlet-config-icon-white.png); }

  8370. 

  8371. .portlet.solid.green-haze > .portlet-title > .tools > a.reload {

  8372.   background-image: url(../img/portlet-reload-icon-white.png); }

  8373. 

  8374. .portlet.solid.green-haze > .portlet-title > .tools > a.expand {

  8375.   background-image: url(../img/portlet-expand-icon-white.png); }

  8376. 

  8377. .portlet.solid.green-haze > .portlet-title > .tools > a.collapse {

  8378.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8379. 

  8380. .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen {

  8381.   color: #fdfdfd; }

  8382. 

  8383. .portlet.box.green-haze {

  8384.   border: 1px solid #67c6bf;

  8385.   border-top: 0; }

  8386.   .portlet.box.green-haze > .portlet-title {

  8387.     background-color: #44b6ae; }

  8388.     .portlet.box.green-haze > .portlet-title > .caption {

  8389.       color: #FFFFFF; }

  8390.       .portlet.box.green-haze > .portlet-title > .caption > i {

  8391.         color: #FFFFFF; }

  8392.     .portlet.box.green-haze > .portlet-title > .actions .btn-default {

  8393.       background: transparent !important;

  8394.       background-color: transparent !important;

  8395.       border: 1px solid #93d7d2;

  8396.       color: #a6deda; }

  8397.       .portlet.box.green-haze > .portlet-title > .actions .btn-default > i {

  8398.         color: #b1e2de; }

  8399.       .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 {

  8400.         border: 1px solid #b9e5e2;

  8401.         color: #cbece9; }

  8402. 

  8403. .portlet > .portlet-body.green-jungle,

  8404. .portlet.green-jungle {

  8405.   background-color: #26C281; }

  8406. 

  8407. .portlet.solid.green-jungle > .portlet-title,

  8408. .portlet.solid.green-jungle > .portlet-body {

  8409.   border: 0;

  8410.   color: #FFFFFF; }

  8411. 

  8412. .portlet.solid.green-jungle > .portlet-title > .caption {

  8413.   font-weight: 400; }

  8414.   .portlet.solid.green-jungle > .portlet-title > .caption > i {

  8415.     color: #FFFFFF; }

  8416. 

  8417. .portlet.solid.green-jungle > .portlet-title > .tools > a.remove {

  8418.   background-image: url(../img/portlet-remove-icon-white.png); }

  8419. 

  8420. .portlet.solid.green-jungle > .portlet-title > .tools > a.config {

  8421.   background-image: url(../img/portlet-config-icon-white.png); }

  8422. 

  8423. .portlet.solid.green-jungle > .portlet-title > .tools > a.reload {

  8424.   background-image: url(../img/portlet-reload-icon-white.png); }

  8425. 

  8426. .portlet.solid.green-jungle > .portlet-title > .tools > a.expand {

  8427.   background-image: url(../img/portlet-expand-icon-white.png); }

  8428. 

  8429. .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse {

  8430.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8431. 

  8432. .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen {

  8433.   color: #fdfdfd; }

  8434. 

  8435. .portlet.box.green-jungle {

  8436.   border: 1px solid #41da9a;

  8437.   border-top: 0; }

  8438.   .portlet.box.green-jungle > .portlet-title {

  8439.     background-color: #26C281; }

  8440.     .portlet.box.green-jungle > .portlet-title > .caption {

  8441.       color: #FFFFFF; }

  8442.       .portlet.box.green-jungle > .portlet-title > .caption > i {

  8443.         color: #FFFFFF; }

  8444.     .portlet.box.green-jungle > .portlet-title > .actions .btn-default {

  8445.       background: transparent !important;

  8446.       background-color: transparent !important;

  8447.       border: 1px solid #74e4b5;

  8448.       color: #8ae8c1; }

  8449.       .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i {

  8450.         color: #96ebc8; }

  8451.       .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 {

  8452.         border: 1px solid #9feccc;

  8453.         color: #b4f0d7; }

  8454. 

  8455. .portlet > .portlet-body.green-soft,

  8456. .portlet.green-soft {

  8457.   background-color: #3faba4; }

  8458. 

  8459. .portlet.solid.green-soft > .portlet-title,

  8460. .portlet.solid.green-soft > .portlet-body {

  8461.   border: 0;

  8462.   color: #FFFFFF; }

  8463. 

  8464. .portlet.solid.green-soft > .portlet-title > .caption {

  8465.   font-weight: 400; }

  8466.   .portlet.solid.green-soft > .portlet-title > .caption > i {

  8467.     color: #FFFFFF; }

  8468. 

  8469. .portlet.solid.green-soft > .portlet-title > .tools > a.remove {

  8470.   background-image: url(../img/portlet-remove-icon-white.png); }

  8471. 

  8472. .portlet.solid.green-soft > .portlet-title > .tools > a.config {

  8473.   background-image: url(../img/portlet-config-icon-white.png); }

  8474. 

  8475. .portlet.solid.green-soft > .portlet-title > .tools > a.reload {

  8476.   background-image: url(../img/portlet-reload-icon-white.png); }

  8477. 

  8478. .portlet.solid.green-soft > .portlet-title > .tools > a.expand {

  8479.   background-image: url(../img/portlet-expand-icon-white.png); }

  8480. 

  8481. .portlet.solid.green-soft > .portlet-title > .tools > a.collapse {

  8482.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8483. 

  8484. .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen {

  8485.   color: #fdfdfd; }

  8486. 

  8487. .portlet.box.green-soft {

  8488.   border: 1px solid #5bc2bc;

  8489.   border-top: 0; }

  8490.   .portlet.box.green-soft > .portlet-title {

  8491.     background-color: #3faba4; }

  8492.     .portlet.box.green-soft > .portlet-title > .caption {

  8493.       color: #FFFFFF; }

  8494.       .portlet.box.green-soft > .portlet-title > .caption > i {

  8495.         color: #FFFFFF; }

  8496.     .portlet.box.green-soft > .portlet-title > .actions .btn-default {

  8497.       background: transparent !important;

  8498.       background-color: transparent !important;

  8499.       border: 1px solid #87d3ce;

  8500.       color: #9adad6; }

  8501.       .portlet.box.green-soft > .portlet-title > .actions .btn-default > i {

  8502.         color: #a5deda; }

  8503.       .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 {

  8504.         border: 1px solid #ade1dd;

  8505.         color: #bfe7e5; }

  8506. 

  8507. .portlet > .portlet-body.green-dark,

  8508. .portlet.green-dark {

  8509.   background-color: #4DB3A2; }

  8510. 

  8511. .portlet.solid.green-dark > .portlet-title,

  8512. .portlet.solid.green-dark > .portlet-body {

  8513.   border: 0;

  8514.   color: #FFFFFF; }

  8515. 

  8516. .portlet.solid.green-dark > .portlet-title > .caption {

  8517.   font-weight: 400; }

  8518.   .portlet.solid.green-dark > .portlet-title > .caption > i {

  8519.     color: #FFFFFF; }

  8520. 

  8521. .portlet.solid.green-dark > .portlet-title > .tools > a.remove {

  8522.   background-image: url(../img/portlet-remove-icon-white.png); }

  8523. 

  8524. .portlet.solid.green-dark > .portlet-title > .tools > a.config {

  8525.   background-image: url(../img/portlet-config-icon-white.png); }

  8526. 

  8527. .portlet.solid.green-dark > .portlet-title > .tools > a.reload {

  8528.   background-image: url(../img/portlet-reload-icon-white.png); }

  8529. 

  8530. .portlet.solid.green-dark > .portlet-title > .tools > a.expand {

  8531.   background-image: url(../img/portlet-expand-icon-white.png); }

  8532. 

  8533. .portlet.solid.green-dark > .portlet-title > .tools > a.collapse {

  8534.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8535. 

  8536. .portlet.solid.green-dark > .portlet-title > .tools > a.fullscreen {

  8537.   color: #fdfdfd; }

  8538. 

  8539. .portlet.box.green-dark {

  8540.   border: 1px solid #71c2b5;

  8541.   border-top: 0; }

  8542.   .portlet.box.green-dark > .portlet-title {

  8543.     background-color: #4DB3A2; }

  8544.     .portlet.box.green-dark > .portlet-title > .caption {

  8545.       color: #FFFFFF; }

  8546.       .portlet.box.green-dark > .portlet-title > .caption > i {

  8547.         color: #FFFFFF; }

  8548.     .portlet.box.green-dark > .portlet-title > .actions .btn-default {

  8549.       background: transparent !important;

  8550.       background-color: transparent !important;

  8551.       border: 1px solid #9cd5cb;

  8552.       color: #addcd4; }

  8553.       .portlet.box.green-dark > .portlet-title > .actions .btn-default > i {

  8554.         color: #b8e1da; }

  8555.       .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 {

  8556.         border: 1px solid #bfe4de;

  8557.         color: #d1ebe7; }

  8558. 

  8559. .portlet > .portlet-body.green-sharp,

  8560. .portlet.green-sharp {

  8561.   background-color: #2ab4c0; }

  8562. 

  8563. .portlet.solid.green-sharp > .portlet-title,

  8564. .portlet.solid.green-sharp > .portlet-body {

  8565.   border: 0;

  8566.   color: #FFFFFF; }

  8567. 

  8568. .portlet.solid.green-sharp > .portlet-title > .caption {

  8569.   font-weight: 400; }

  8570.   .portlet.solid.green-sharp > .portlet-title > .caption > i {

  8571.     color: #FFFFFF; }

  8572. 

  8573. .portlet.solid.green-sharp > .portlet-title > .tools > a.remove {

  8574.   background-image: url(../img/portlet-remove-icon-white.png); }

  8575. 

  8576. .portlet.solid.green-sharp > .portlet-title > .tools > a.config {

  8577.   background-image: url(../img/portlet-config-icon-white.png); }

  8578. 

  8579. .portlet.solid.green-sharp > .portlet-title > .tools > a.reload {

  8580.   background-image: url(../img/portlet-reload-icon-white.png); }

  8581. 

  8582. .portlet.solid.green-sharp > .portlet-title > .tools > a.expand {

  8583.   background-image: url(../img/portlet-expand-icon-white.png); }

  8584. 

  8585. .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse {

  8586.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8587. 

  8588. .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen {

  8589.   color: #fdfdfd; }

  8590. 

  8591. .portlet.box.green-sharp {

  8592.   border: 1px solid #46cbd7;

  8593.   border-top: 0; }

  8594.   .portlet.box.green-sharp > .portlet-title {

  8595.     background-color: #2ab4c0; }

  8596.     .portlet.box.green-sharp > .portlet-title > .caption {

  8597.       color: #FFFFFF; }

  8598.       .portlet.box.green-sharp > .portlet-title > .caption > i {

  8599.         color: #FFFFFF; }

  8600.     .portlet.box.green-sharp > .portlet-title > .actions .btn-default {

  8601.       background: transparent !important;

  8602.       background-color: transparent !important;

  8603.       border: 1px solid #79d9e2;

  8604.       color: #8edfe6; }

  8605.       .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i {

  8606.         color: #9ae3e9; }

  8607.       .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 {

  8608.         border: 1px solid #a2e5eb;

  8609.         color: #b7ebef; }

  8610. 

  8611. .portlet > .portlet-body.green-steel,

  8612. .portlet.green-steel {

  8613.   background-color: #29b4b6; }

  8614. 

  8615. .portlet.solid.green-steel > .portlet-title,

  8616. .portlet.solid.green-steel > .portlet-body {

  8617.   border: 0;

  8618.   color: #FFFFFF; }

  8619. 

  8620. .portlet.solid.green-steel > .portlet-title > .caption {

  8621.   font-weight: 400; }

  8622.   .portlet.solid.green-steel > .portlet-title > .caption > i {

  8623.     color: #FFFFFF; }

  8624. 

  8625. .portlet.solid.green-steel > .portlet-title > .tools > a.remove {

  8626.   background-image: url(../img/portlet-remove-icon-white.png); }

  8627. 

  8628. .portlet.solid.green-steel > .portlet-title > .tools > a.config {

  8629.   background-image: url(../img/portlet-config-icon-white.png); }

  8630. 

  8631. .portlet.solid.green-steel > .portlet-title > .tools > a.reload {

  8632.   background-image: url(../img/portlet-reload-icon-white.png); }

  8633. 

  8634. .portlet.solid.green-steel > .portlet-title > .tools > a.expand {

  8635.   background-image: url(../img/portlet-expand-icon-white.png); }

  8636. 

  8637. .portlet.solid.green-steel > .portlet-title > .tools > a.collapse {

  8638.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8639. 

  8640. .portlet.solid.green-steel > .portlet-title > .tools > a.fullscreen {

  8641.   color: #fdfdfd; }

  8642. 

  8643. .portlet.box.green-steel {

  8644.   border: 1px solid #3ed1d4;

  8645.   border-top: 0; }

  8646.   .portlet.box.green-steel > .portlet-title {

  8647.     background-color: #29b4b6; }

  8648.     .portlet.box.green-steel > .portlet-title > .caption {

  8649.       color: #FFFFFF; }

  8650.       .portlet.box.green-steel > .portlet-title > .caption > i {

  8651.         color: #FFFFFF; }

  8652.     .portlet.box.green-steel > .portlet-title > .actions .btn-default {

  8653.       background: transparent !important;

  8654.       background-color: transparent !important;

  8655.       border: 1px solid #70dddf;

  8656.       color: #85e2e4; }

  8657.       .portlet.box.green-steel > .portlet-title > .actions .btn-default > i {

  8658.         color: #92e5e6; }

  8659.       .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 {

  8660.         border: 1px solid #9ae7e8;

  8661.         color: #afeced; }

  8662. 

  8663. .portlet > .portlet-body.grey,

  8664. .portlet.grey {

  8665.   background-color: #E5E5E5; }

  8666. 

  8667. .portlet.solid.grey > .portlet-title,

  8668. .portlet.solid.grey > .portlet-body {

  8669.   border: 0;

  8670.   color: #333333; }

  8671. 

  8672. .portlet.solid.grey > .portlet-title > .caption {

  8673.   font-weight: 400; }

  8674.   .portlet.solid.grey > .portlet-title > .caption > i {

  8675.     color: #333333; }

  8676. 

  8677. .portlet.solid.grey > .portlet-title > .tools > a.remove {

  8678.   background-image: url(../img/portlet-remove-icon-white.png); }

  8679. 

  8680. .portlet.solid.grey > .portlet-title > .tools > a.config {

  8681.   background-image: url(../img/portlet-config-icon-white.png); }

  8682. 

  8683. .portlet.solid.grey > .portlet-title > .tools > a.reload {

  8684.   background-image: url(../img/portlet-reload-icon-white.png); }

  8685. 

  8686. .portlet.solid.grey > .portlet-title > .tools > a.expand {

  8687.   background-image: url(../img/portlet-expand-icon-white.png); }

  8688. 

  8689. .portlet.solid.grey > .portlet-title > .tools > a.collapse {

  8690.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8691. 

  8692. .portlet.solid.grey > .portlet-title > .tools > a.fullscreen {

  8693.   color: #fdfdfd; }

  8694. 

  8695. .portlet.box.grey {

  8696.   border: 1px solid white;

  8697.   border-top: 0; }

  8698.   .portlet.box.grey > .portlet-title {

  8699.     background-color: #E5E5E5; }

  8700.     .portlet.box.grey > .portlet-title > .caption {

  8701.       color: #333333; }

  8702.       .portlet.box.grey > .portlet-title > .caption > i {

  8703.         color: #333333; }

  8704.     .portlet.box.grey > .portlet-title > .actions .btn-default {

  8705.       background: transparent !important;

  8706.       background-color: transparent !important;

  8707.       border: 1px solid white;

  8708.       color: white; }

  8709.       .portlet.box.grey > .portlet-title > .actions .btn-default > i {

  8710.         color: white; }

  8711.       .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 {

  8712.         border: 1px solid white;

  8713.         color: white; }

  8714. 

  8715. .portlet > .portlet-body.grey-steel,

  8716. .portlet.grey-steel {

  8717.   background-color: #e9edef; }

  8718. 

  8719. .portlet.solid.grey-steel > .portlet-title,

  8720. .portlet.solid.grey-steel > .portlet-body {

  8721.   border: 0;

  8722.   color: #80898e; }

  8723. 

  8724. .portlet.solid.grey-steel > .portlet-title > .caption {

  8725.   font-weight: 400; }

  8726.   .portlet.solid.grey-steel > .portlet-title > .caption > i {

  8727.     color: #80898e; }

  8728. 

  8729. .portlet.solid.grey-steel > .portlet-title > .tools > a.remove {

  8730.   background-image: url(../img/portlet-remove-icon-white.png); }

  8731. 

  8732. .portlet.solid.grey-steel > .portlet-title > .tools > a.config {

  8733.   background-image: url(../img/portlet-config-icon-white.png); }

  8734. 

  8735. .portlet.solid.grey-steel > .portlet-title > .tools > a.reload {

  8736.   background-image: url(../img/portlet-reload-icon-white.png); }

  8737. 

  8738. .portlet.solid.grey-steel > .portlet-title > .tools > a.expand {

  8739.   background-image: url(../img/portlet-expand-icon-white.png); }

  8740. 

  8741. .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse {

  8742.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8743. 

  8744. .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen {

  8745.   color: #fdfdfd; }

  8746. 

  8747. .portlet.box.grey-steel {

  8748.   border: 1px solid white;

  8749.   border-top: 0; }

  8750.   .portlet.box.grey-steel > .portlet-title {

  8751.     background-color: #e9edef; }

  8752.     .portlet.box.grey-steel > .portlet-title > .caption {

  8753.       color: #80898e; }

  8754.       .portlet.box.grey-steel > .portlet-title > .caption > i {

  8755.         color: #80898e; }

  8756.     .portlet.box.grey-steel > .portlet-title > .actions .btn-default {

  8757.       background: transparent !important;

  8758.       background-color: transparent !important;

  8759.       border: 1px solid white;

  8760.       color: white; }

  8761.       .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i {

  8762.         color: white; }

  8763.       .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 {

  8764.         border: 1px solid white;

  8765.         color: white; }

  8766. 

  8767. .portlet > .portlet-body.grey-cararra,

  8768. .portlet.grey-cararra {

  8769.   background-color: #fafafa; }

  8770. 

  8771. .portlet.solid.grey-cararra > .portlet-title,

  8772. .portlet.solid.grey-cararra > .portlet-body {

  8773.   border: 0;

  8774.   color: #333333; }

  8775. 

  8776. .portlet.solid.grey-cararra > .portlet-title > .caption {

  8777.   font-weight: 400; }

  8778.   .portlet.solid.grey-cararra > .portlet-title > .caption > i {

  8779.     color: #333333; }

  8780. 

  8781. .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove {

  8782.   background-image: url(../img/portlet-remove-icon-white.png); }

  8783. 

  8784. .portlet.solid.grey-cararra > .portlet-title > .tools > a.config {

  8785.   background-image: url(../img/portlet-config-icon-white.png); }

  8786. 

  8787. .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload {

  8788.   background-image: url(../img/portlet-reload-icon-white.png); }

  8789. 

  8790. .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand {

  8791.   background-image: url(../img/portlet-expand-icon-white.png); }

  8792. 

  8793. .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse {

  8794.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8795. 

  8796. .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen {

  8797.   color: #fdfdfd; }

  8798. 

  8799. .portlet.box.grey-cararra {

  8800.   border: 1px solid white;

  8801.   border-top: 0; }

  8802.   .portlet.box.grey-cararra > .portlet-title {

  8803.     background-color: #fafafa; }

  8804.     .portlet.box.grey-cararra > .portlet-title > .caption {

  8805.       color: #333333; }

  8806.       .portlet.box.grey-cararra > .portlet-title > .caption > i {

  8807.         color: #333333; }

  8808.     .portlet.box.grey-cararra > .portlet-title > .actions .btn-default {

  8809.       background: transparent !important;

  8810.       background-color: transparent !important;

  8811.       border: 1px solid white;

  8812.       color: white; }

  8813.       .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i {

  8814.         color: white; }

  8815.       .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 {

  8816.         border: 1px solid white;

  8817.         color: white; }

  8818. 

  8819. .portlet > .portlet-body.grey-gallery,

  8820. .portlet.grey-gallery {

  8821.   background-color: #555555; }

  8822. 

  8823. .portlet.solid.grey-gallery > .portlet-title,

  8824. .portlet.solid.grey-gallery > .portlet-body {

  8825.   border: 0;

  8826.   color: #ffffff; }

  8827. 

  8828. .portlet.solid.grey-gallery > .portlet-title > .caption {

  8829.   font-weight: 400; }

  8830.   .portlet.solid.grey-gallery > .portlet-title > .caption > i {

  8831.     color: #ffffff; }

  8832. 

  8833. .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove {

  8834.   background-image: url(../img/portlet-remove-icon-white.png); }

  8835. 

  8836. .portlet.solid.grey-gallery > .portlet-title > .tools > a.config {

  8837.   background-image: url(../img/portlet-config-icon-white.png); }

  8838. 

  8839. .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload {

  8840.   background-image: url(../img/portlet-reload-icon-white.png); }

  8841. 

  8842. .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand {

  8843.   background-image: url(../img/portlet-expand-icon-white.png); }

  8844. 

  8845. .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse {

  8846.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8847. 

  8848. .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen {

  8849.   color: #fdfdfd; }

  8850. 

  8851. .portlet.box.grey-gallery {

  8852.   border: 1px solid #6f6f6f;

  8853.   border-top: 0; }

  8854.   .portlet.box.grey-gallery > .portlet-title {

  8855.     background-color: #555555; }

  8856.     .portlet.box.grey-gallery > .portlet-title > .caption {

  8857.       color: #ffffff; }

  8858.       .portlet.box.grey-gallery > .portlet-title > .caption > i {

  8859.         color: #ffffff; }

  8860.     .portlet.box.grey-gallery > .portlet-title > .actions .btn-default {

  8861.       background: transparent !important;

  8862.       background-color: transparent !important;

  8863.       border: 1px solid #8d8d8d;

  8864.       color: #9a9a9a; }

  8865.       .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i {

  8866.         color: #a2a2a2; }

  8867.       .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 {

  8868.         border: 1px solid #a7a7a7;

  8869.         color: #b3b3b3; }

  8870. 

  8871. .portlet > .portlet-body.grey-cascade,

  8872. .portlet.grey-cascade {

  8873.   background-color: #95A5A6; }

  8874. 

  8875. .portlet.solid.grey-cascade > .portlet-title,

  8876. .portlet.solid.grey-cascade > .portlet-body {

  8877.   border: 0;

  8878.   color: #FFFFFF; }

  8879. 

  8880. .portlet.solid.grey-cascade > .portlet-title > .caption {

  8881.   font-weight: 400; }

  8882.   .portlet.solid.grey-cascade > .portlet-title > .caption > i {

  8883.     color: #FFFFFF; }

  8884. 

  8885. .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove {

  8886.   background-image: url(../img/portlet-remove-icon-white.png); }

  8887. 

  8888. .portlet.solid.grey-cascade > .portlet-title > .tools > a.config {

  8889.   background-image: url(../img/portlet-config-icon-white.png); }

  8890. 

  8891. .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload {

  8892.   background-image: url(../img/portlet-reload-icon-white.png); }

  8893. 

  8894. .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand {

  8895.   background-image: url(../img/portlet-expand-icon-white.png); }

  8896. 

  8897. .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse {

  8898.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8899. 

  8900. .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen {

  8901.   color: #fdfdfd; }

  8902. 

  8903. .portlet.box.grey-cascade {

  8904.   border: 1px solid #b1bdbd;

  8905.   border-top: 0; }

  8906.   .portlet.box.grey-cascade > .portlet-title {

  8907.     background-color: #95A5A6; }

  8908.     .portlet.box.grey-cascade > .portlet-title > .caption {

  8909.       color: #FFFFFF; }

  8910.       .portlet.box.grey-cascade > .portlet-title > .caption > i {

  8911.         color: #FFFFFF; }

  8912.     .portlet.box.grey-cascade > .portlet-title > .actions .btn-default {

  8913.       background: transparent !important;

  8914.       background-color: transparent !important;

  8915.       border: 1px solid #d2d9d9;

  8916.       color: #e0e5e5; }

  8917.       .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i {

  8918.         color: #e8ecec; }

  8919.       .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 {

  8920.         border: 1px solid #eef0f0;

  8921.         color: #fcfcfc; }

  8922. 

  8923. .portlet > .portlet-body.grey-silver,

  8924. .portlet.grey-silver {

  8925.   background-color: #BFBFBF; }

  8926. 

  8927. .portlet.solid.grey-silver > .portlet-title,

  8928. .portlet.solid.grey-silver > .portlet-body {

  8929.   border: 0;

  8930.   color: #FAFCFB; }

  8931. 

  8932. .portlet.solid.grey-silver > .portlet-title > .caption {

  8933.   font-weight: 400; }

  8934.   .portlet.solid.grey-silver > .portlet-title > .caption > i {

  8935.     color: #FAFCFB; }

  8936. 

  8937. .portlet.solid.grey-silver > .portlet-title > .tools > a.remove {

  8938.   background-image: url(../img/portlet-remove-icon-white.png); }

  8939. 

  8940. .portlet.solid.grey-silver > .portlet-title > .tools > a.config {

  8941.   background-image: url(../img/portlet-config-icon-white.png); }

  8942. 

  8943. .portlet.solid.grey-silver > .portlet-title > .tools > a.reload {

  8944.   background-image: url(../img/portlet-reload-icon-white.png); }

  8945. 

  8946. .portlet.solid.grey-silver > .portlet-title > .tools > a.expand {

  8947.   background-image: url(../img/portlet-expand-icon-white.png); }

  8948. 

  8949. .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse {

  8950.   background-image: url(../img/portlet-collapse-icon-white.png); }

  8951. 

  8952. .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen {

  8953.   color: #fdfdfd; }

  8954. 

  8955. .portlet.box.grey-silver {

  8956.   border: 1px solid #d9d9d9;

  8957.   border-top: 0; }

  8958.   .portlet.box.grey-silver > .portlet-title {

  8959.     background-color: #BFBFBF; }

  8960.     .portlet.box.grey-silver > .portlet-title > .caption {

  8961.       color: #FAFCFB; }

  8962.       .portlet.box.grey-silver > .portlet-title > .caption > i {

  8963.         color: #FAFCFB; }

  8964.     .portlet.box.grey-silver > .portlet-title > .actions .btn-default {

  8965.       background: transparent !important;

  8966.       background-color: transparent !important;

  8967.       border: 1px solid #f7f7f7;

  8968.       color: white; }

  8969.       .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i {

  8970.         color: white; }

  8971.       .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 {

  8972.         border: 1px solid white;

  8973.         color: white; }

  8974. 

  8975. .portlet > .portlet-body.grey-salsa,

  8976. .portlet.grey-salsa {

  8977.   background-color: #ACB5C3; }

  8978. 

  8979. .portlet.solid.grey-salsa > .portlet-title,

  8980. .portlet.solid.grey-salsa > .portlet-body {

  8981.   border: 0;

  8982.   color: #FAFCFB; }

  8983. 

  8984. .portlet.solid.grey-salsa > .portlet-title > .caption {

  8985.   font-weight: 400; }

  8986.   .portlet.solid.grey-salsa > .portlet-title > .caption > i {

  8987.     color: #FAFCFB; }

  8988. 

  8989. .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove {

  8990.   background-image: url(../img/portlet-remove-icon-white.png); }

  8991. 

  8992. .portlet.solid.grey-salsa > .portlet-title > .tools > a.config {

  8993.   background-image: url(../img/portlet-config-icon-white.png); }

  8994. 

  8995. .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload {

  8996.   background-image: url(../img/portlet-reload-icon-white.png); }

  8997. 

  8998. .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand {

  8999.   background-image: url(../img/portlet-expand-icon-white.png); }

  9000. 

  9001. .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse {

  9002.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9003. 

  9004. .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen {

  9005.   color: #fdfdfd; }

  9006. 

  9007. .portlet.box.grey-salsa {

  9008.   border: 1px solid #cacfd8;

  9009.   border-top: 0; }

  9010.   .portlet.box.grey-salsa > .portlet-title {

  9011.     background-color: #ACB5C3; }

  9012.     .portlet.box.grey-salsa > .portlet-title > .caption {

  9013.       color: #FAFCFB; }

  9014.       .portlet.box.grey-salsa > .portlet-title > .caption > i {

  9015.         color: #FAFCFB; }

  9016.     .portlet.box.grey-salsa > .portlet-title > .actions .btn-default {

  9017.       background: transparent !important;

  9018.       background-color: transparent !important;

  9019.       border: 1px solid #edeff2;

  9020.       color: #fcfcfd; }

  9021.       .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i {

  9022.         color: white; }

  9023.       .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 {

  9024.         border: 1px solid white;

  9025.         color: white; }

  9026. 

  9027. .portlet > .portlet-body.grey-salt,

  9028. .portlet.grey-salt {

  9029.   background-color: #bfcad1; }

  9030. 

  9031. .portlet.solid.grey-salt > .portlet-title,

  9032. .portlet.solid.grey-salt > .portlet-body {

  9033.   border: 0;

  9034.   color: #FAFCFB; }

  9035. 

  9036. .portlet.solid.grey-salt > .portlet-title > .caption {

  9037.   font-weight: 400; }

  9038.   .portlet.solid.grey-salt > .portlet-title > .caption > i {

  9039.     color: #FAFCFB; }

  9040. 

  9041. .portlet.solid.grey-salt > .portlet-title > .tools > a.remove {

  9042.   background-image: url(../img/portlet-remove-icon-white.png); }

  9043. 

  9044. .portlet.solid.grey-salt > .portlet-title > .tools > a.config {

  9045.   background-image: url(../img/portlet-config-icon-white.png); }

  9046. 

  9047. .portlet.solid.grey-salt > .portlet-title > .tools > a.reload {

  9048.   background-image: url(../img/portlet-reload-icon-white.png); }

  9049. 

  9050. .portlet.solid.grey-salt > .portlet-title > .tools > a.expand {

  9051.   background-image: url(../img/portlet-expand-icon-white.png); }

  9052. 

  9053. .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse {

  9054.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9055. 

  9056. .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen {

  9057.   color: #fdfdfd; }

  9058. 

  9059. .portlet.box.grey-salt {

  9060.   border: 1px solid #dde3e6;

  9061.   border-top: 0; }

  9062.   .portlet.box.grey-salt > .portlet-title {

  9063.     background-color: #bfcad1; }

  9064.     .portlet.box.grey-salt > .portlet-title > .caption {

  9065.       color: #FAFCFB; }

  9066.       .portlet.box.grey-salt > .portlet-title > .caption > i {

  9067.         color: #FAFCFB; }

  9068.     .portlet.box.grey-salt > .portlet-title > .actions .btn-default {

  9069.       background: transparent !important;

  9070.       background-color: transparent !important;

  9071.       border: 1px solid white;

  9072.       color: white; }

  9073.       .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i {

  9074.         color: white; }

  9075.       .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 {

  9076.         border: 1px solid white;

  9077.         color: white; }

  9078. 

  9079. .portlet > .portlet-body.grey-mint,

  9080. .portlet.grey-mint {

  9081.   background-color: #525e64; }

  9082. 

  9083. .portlet.solid.grey-mint > .portlet-title,

  9084. .portlet.solid.grey-mint > .portlet-body {

  9085.   border: 0;

  9086.   color: #FFFFFF; }

  9087. 

  9088. .portlet.solid.grey-mint > .portlet-title > .caption {

  9089.   font-weight: 400; }

  9090.   .portlet.solid.grey-mint > .portlet-title > .caption > i {

  9091.     color: #FFFFFF; }

  9092. 

  9093. .portlet.solid.grey-mint > .portlet-title > .tools > a.remove {

  9094.   background-image: url(../img/portlet-remove-icon-white.png); }

  9095. 

  9096. .portlet.solid.grey-mint > .portlet-title > .tools > a.config {

  9097.   background-image: url(../img/portlet-config-icon-white.png); }

  9098. 

  9099. .portlet.solid.grey-mint > .portlet-title > .tools > a.reload {

  9100.   background-image: url(../img/portlet-reload-icon-white.png); }

  9101. 

  9102. .portlet.solid.grey-mint > .portlet-title > .tools > a.expand {

  9103.   background-image: url(../img/portlet-expand-icon-white.png); }

  9104. 

  9105. .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse {

  9106.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9107. 

  9108. .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen {

  9109.   color: #fdfdfd; }

  9110. 

  9111. .portlet.box.grey-mint {

  9112.   border: 1px solid #697880;

  9113.   border-top: 0; }

  9114.   .portlet.box.grey-mint > .portlet-title {

  9115.     background-color: #525e64; }

  9116.     .portlet.box.grey-mint > .portlet-title > .caption {

  9117.       color: #FFFFFF; }

  9118.       .portlet.box.grey-mint > .portlet-title > .caption > i {

  9119.         color: #FFFFFF; }

  9120.     .portlet.box.grey-mint > .portlet-title > .actions .btn-default {

  9121.       background: transparent !important;

  9122.       background-color: transparent !important;

  9123.       border: 1px solid #88979e;

  9124.       color: #96a3a9; }

  9125.       .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i {

  9126.         color: #9faab0; }

  9127.       .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 {

  9128.         border: 1px solid #a4afb5;

  9129.         color: #b2bcc0; }

  9130. 

  9131. .portlet > .portlet-body.red,

  9132. .portlet.red {

  9133.   background-color: #e7505a; }

  9134. 

  9135. .portlet.solid.red > .portlet-title,

  9136. .portlet.solid.red > .portlet-body {

  9137.   border: 0;

  9138.   color: #ffffff; }

  9139. 

  9140. .portlet.solid.red > .portlet-title > .caption {

  9141.   font-weight: 400; }

  9142.   .portlet.solid.red > .portlet-title > .caption > i {

  9143.     color: #ffffff; }

  9144. 

  9145. .portlet.solid.red > .portlet-title > .tools > a.remove {

  9146.   background-image: url(../img/portlet-remove-icon-white.png); }

  9147. 

  9148. .portlet.solid.red > .portlet-title > .tools > a.config {

  9149.   background-image: url(../img/portlet-config-icon-white.png); }

  9150. 

  9151. .portlet.solid.red > .portlet-title > .tools > a.reload {

  9152.   background-image: url(../img/portlet-reload-icon-white.png); }

  9153. 

  9154. .portlet.solid.red > .portlet-title > .tools > a.expand {

  9155.   background-image: url(../img/portlet-expand-icon-white.png); }

  9156. 

  9157. .portlet.solid.red > .portlet-title > .tools > a.collapse {

  9158.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9159. 

  9160. .portlet.solid.red > .portlet-title > .tools > a.fullscreen {

  9161.   color: #fdfdfd; }

  9162. 

  9163. .portlet.box.red {

  9164.   border: 1px solid #ed7d84;

  9165.   border-top: 0; }

  9166.   .portlet.box.red > .portlet-title {

  9167.     background-color: #e7505a; }

  9168.     .portlet.box.red > .portlet-title > .caption {

  9169.       color: #ffffff; }

  9170.       .portlet.box.red > .portlet-title > .caption > i {

  9171.         color: #ffffff; }

  9172.     .portlet.box.red > .portlet-title > .actions .btn-default {

  9173.       background: transparent !important;

  9174.       background-color: transparent !important;

  9175.       border: 1px solid #f5b3b7;

  9176.       color: #f8c9cc; }

  9177.       .portlet.box.red > .portlet-title > .actions .btn-default > i {

  9178.         color: #f9d7d9; }

  9179.       .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 {

  9180.         border: 1px solid #fbe0e1;

  9181.         color: #fef6f6; }

  9182. 

  9183. .portlet > .portlet-body.red-pink,

  9184. .portlet.red-pink {

  9185.   background-color: #E08283; }

  9186. 

  9187. .portlet.solid.red-pink > .portlet-title,

  9188. .portlet.solid.red-pink > .portlet-body {

  9189.   border: 0;

  9190.   color: #ffffff; }

  9191. 

  9192. .portlet.solid.red-pink > .portlet-title > .caption {

  9193.   font-weight: 400; }

  9194.   .portlet.solid.red-pink > .portlet-title > .caption > i {

  9195.     color: #ffffff; }

  9196. 

  9197. .portlet.solid.red-pink > .portlet-title > .tools > a.remove {

  9198.   background-image: url(../img/portlet-remove-icon-white.png); }

  9199. 

  9200. .portlet.solid.red-pink > .portlet-title > .tools > a.config {

  9201.   background-image: url(../img/portlet-config-icon-white.png); }

  9202. 

  9203. .portlet.solid.red-pink > .portlet-title > .tools > a.reload {

  9204.   background-image: url(../img/portlet-reload-icon-white.png); }

  9205. 

  9206. .portlet.solid.red-pink > .portlet-title > .tools > a.expand {

  9207.   background-image: url(../img/portlet-expand-icon-white.png); }

  9208. 

  9209. .portlet.solid.red-pink > .portlet-title > .tools > a.collapse {

  9210.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9211. 

  9212. .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen {

  9213.   color: #fdfdfd; }

  9214. 

  9215. .portlet.box.red-pink {

  9216.   border: 1px solid #eaabac;

  9217.   border-top: 0; }

  9218.   .portlet.box.red-pink > .portlet-title {

  9219.     background-color: #E08283; }

  9220.     .portlet.box.red-pink > .portlet-title > .caption {

  9221.       color: #ffffff; }

  9222.       .portlet.box.red-pink > .portlet-title > .caption > i {

  9223.         color: #ffffff; }

  9224.     .portlet.box.red-pink > .portlet-title > .actions .btn-default {

  9225.       background: transparent !important;

  9226.       background-color: transparent !important;

  9227.       border: 1px solid #f6dcdc;

  9228.       color: #fbf0f0; }

  9229.       .portlet.box.red-pink > .portlet-title > .actions .btn-default > i {

  9230.         color: #fefdfd; }

  9231.       .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 {

  9232.         border: 1px solid white;

  9233.         color: white; }

  9234. 

  9235. .portlet > .portlet-body.red-sunglo,

  9236. .portlet.red-sunglo {

  9237.   background-color: #E26A6A; }

  9238. 

  9239. .portlet.solid.red-sunglo > .portlet-title,

  9240. .portlet.solid.red-sunglo > .portlet-body {

  9241.   border: 0;

  9242.   color: #ffffff; }

  9243. 

  9244. .portlet.solid.red-sunglo > .portlet-title > .caption {

  9245.   font-weight: 400; }

  9246.   .portlet.solid.red-sunglo > .portlet-title > .caption > i {

  9247.     color: #ffffff; }

  9248. 

  9249. .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove {

  9250.   background-image: url(../img/portlet-remove-icon-white.png); }

  9251. 

  9252. .portlet.solid.red-sunglo > .portlet-title > .tools > a.config {

  9253.   background-image: url(../img/portlet-config-icon-white.png); }

  9254. 

  9255. .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload {

  9256.   background-image: url(../img/portlet-reload-icon-white.png); }

  9257. 

  9258. .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand {

  9259.   background-image: url(../img/portlet-expand-icon-white.png); }

  9260. 

  9261. .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse {

  9262.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9263. 

  9264. .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen {

  9265.   color: #fdfdfd; }

  9266. 

  9267. .portlet.box.red-sunglo {

  9268.   border: 1px solid #ea9595;

  9269.   border-top: 0; }

  9270.   .portlet.box.red-sunglo > .portlet-title {

  9271.     background-color: #E26A6A; }

  9272.     .portlet.box.red-sunglo > .portlet-title > .caption {

  9273.       color: #ffffff; }

  9274.       .portlet.box.red-sunglo > .portlet-title > .caption > i {

  9275.         color: #ffffff; }

  9276.     .portlet.box.red-sunglo > .portlet-title > .actions .btn-default {

  9277.       background: transparent !important;

  9278.       background-color: transparent !important;

  9279.       border: 1px solid #f4c8c8;

  9280.       color: #f8dddd; }

  9281.       .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i {

  9282.         color: #fbeaea; }

  9283.       .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 {

  9284.         border: 1px solid #fdf3f3;

  9285.         color: white; }

  9286. 

  9287. .portlet > .portlet-body.red-intense,

  9288. .portlet.red-intense {

  9289.   background-color: #e35b5a; }

  9290. 

  9291. .portlet.solid.red-intense > .portlet-title,

  9292. .portlet.solid.red-intense > .portlet-body {

  9293.   border: 0;

  9294.   color: #ffffff; }

  9295. 

  9296. .portlet.solid.red-intense > .portlet-title > .caption {

  9297.   font-weight: 400; }

  9298.   .portlet.solid.red-intense > .portlet-title > .caption > i {

  9299.     color: #ffffff; }

  9300. 

  9301. .portlet.solid.red-intense > .portlet-title > .tools > a.remove {

  9302.   background-image: url(../img/portlet-remove-icon-white.png); }

  9303. 

  9304. .portlet.solid.red-intense > .portlet-title > .tools > a.config {

  9305.   background-image: url(../img/portlet-config-icon-white.png); }

  9306. 

  9307. .portlet.solid.red-intense > .portlet-title > .tools > a.reload {

  9308.   background-image: url(../img/portlet-reload-icon-white.png); }

  9309. 

  9310. .portlet.solid.red-intense > .portlet-title > .tools > a.expand {

  9311.   background-image: url(../img/portlet-expand-icon-white.png); }

  9312. 

  9313. .portlet.solid.red-intense > .portlet-title > .tools > a.collapse {

  9314.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9315. 

  9316. .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen {

  9317.   color: #fdfdfd; }

  9318. 

  9319. .portlet.box.red-intense {

  9320.   border: 1px solid #ea8686;

  9321.   border-top: 0; }

  9322.   .portlet.box.red-intense > .portlet-title {

  9323.     background-color: #e35b5a; }

  9324.     .portlet.box.red-intense > .portlet-title > .caption {

  9325.       color: #ffffff; }

  9326.       .portlet.box.red-intense > .portlet-title > .caption > i {

  9327.         color: #ffffff; }

  9328.     .portlet.box.red-intense > .portlet-title > .actions .btn-default {

  9329.       background: transparent !important;

  9330.       background-color: transparent !important;

  9331.       border: 1px solid #f3baba;

  9332.       color: #f7d0d0; }

  9333.       .portlet.box.red-intense > .portlet-title > .actions .btn-default > i {

  9334.         color: #f9dddd; }

  9335.       .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 {

  9336.         border: 1px solid #fbe6e6;

  9337.         color: #fefbfb; }

  9338. 

  9339. .portlet > .portlet-body.red-thunderbird,

  9340. .portlet.red-thunderbird {

  9341.   background-color: #D91E18; }

  9342. 

  9343. .portlet.solid.red-thunderbird > .portlet-title,

  9344. .portlet.solid.red-thunderbird > .portlet-body {

  9345.   border: 0;

  9346.   color: #ffffff; }

  9347. 

  9348. .portlet.solid.red-thunderbird > .portlet-title > .caption {

  9349.   font-weight: 400; }

  9350.   .portlet.solid.red-thunderbird > .portlet-title > .caption > i {

  9351.     color: #ffffff; }

  9352. 

  9353. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove {

  9354.   background-image: url(../img/portlet-remove-icon-white.png); }

  9355. 

  9356. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config {

  9357.   background-image: url(../img/portlet-config-icon-white.png); }

  9358. 

  9359. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload {

  9360.   background-image: url(../img/portlet-reload-icon-white.png); }

  9361. 

  9362. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand {

  9363.   background-image: url(../img/portlet-expand-icon-white.png); }

  9364. 

  9365. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse {

  9366.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9367. 

  9368. .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen {

  9369.   color: #fdfdfd; }

  9370. 

  9371. .portlet.box.red-thunderbird {

  9372.   border: 1px solid #e9403b;

  9373.   border-top: 0; }

  9374.   .portlet.box.red-thunderbird > .portlet-title {

  9375.     background-color: #D91E18; }

  9376.     .portlet.box.red-thunderbird > .portlet-title > .caption {

  9377.       color: #ffffff; }

  9378.       .portlet.box.red-thunderbird > .portlet-title > .caption > i {

  9379.         color: #ffffff; }

  9380.     .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default {

  9381.       background: transparent !important;

  9382.       background-color: transparent !important;

  9383.       border: 1px solid #ef7672;

  9384.       color: #f28c89; }

  9385.       .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i {

  9386.         color: #f39997; }

  9387.       .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 {

  9388.         border: 1px solid #f4a2a0;

  9389.         color: #f7b9b7; }

  9390. 

  9391. .portlet > .portlet-body.red-flamingo,

  9392. .portlet.red-flamingo {

  9393.   background-color: #EF4836; }

  9394. 

  9395. .portlet.solid.red-flamingo > .portlet-title,

  9396. .portlet.solid.red-flamingo > .portlet-body {

  9397.   border: 0;

  9398.   color: #ffffff; }

  9399. 

  9400. .portlet.solid.red-flamingo > .portlet-title > .caption {

  9401.   font-weight: 400; }

  9402.   .portlet.solid.red-flamingo > .portlet-title > .caption > i {

  9403.     color: #ffffff; }

  9404. 

  9405. .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove {

  9406.   background-image: url(../img/portlet-remove-icon-white.png); }

  9407. 

  9408. .portlet.solid.red-flamingo > .portlet-title > .tools > a.config {

  9409.   background-image: url(../img/portlet-config-icon-white.png); }

  9410. 

  9411. .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload {

  9412.   background-image: url(../img/portlet-reload-icon-white.png); }

  9413. 

  9414. .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand {

  9415.   background-image: url(../img/portlet-expand-icon-white.png); }

  9416. 

  9417. .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse {

  9418.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9419. 

  9420. .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen {

  9421.   color: #fdfdfd; }

  9422. 

  9423. .portlet.box.red-flamingo {

  9424.   border: 1px solid #f37365;

  9425.   border-top: 0; }

  9426.   .portlet.box.red-flamingo > .portlet-title {

  9427.     background-color: #EF4836; }

  9428.     .portlet.box.red-flamingo > .portlet-title > .caption {

  9429.       color: #ffffff; }

  9430.       .portlet.box.red-flamingo > .portlet-title > .caption > i {

  9431.         color: #ffffff; }

  9432.     .portlet.box.red-flamingo > .portlet-title > .actions .btn-default {

  9433.       background: transparent !important;

  9434.       background-color: transparent !important;

  9435.       border: 1px solid #f7a79e;

  9436.       color: #f9bcb6; }

  9437.       .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i {

  9438.         color: #fac9c4; }

  9439.       .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 {

  9440.         border: 1px solid #fbd2cd;

  9441.         color: #fde7e5; }

  9442. 

  9443. .portlet > .portlet-body.red-soft,

  9444. .portlet.red-soft {

  9445.   background-color: #d05454; }

  9446. 

  9447. .portlet.solid.red-soft > .portlet-title,

  9448. .portlet.solid.red-soft > .portlet-body {

  9449.   border: 0;

  9450.   color: #ffffff; }

  9451. 

  9452. .portlet.solid.red-soft > .portlet-title > .caption {

  9453.   font-weight: 400; }

  9454.   .portlet.solid.red-soft > .portlet-title > .caption > i {

  9455.     color: #ffffff; }

  9456. 

  9457. .portlet.solid.red-soft > .portlet-title > .tools > a.remove {

  9458.   background-image: url(../img/portlet-remove-icon-white.png); }

  9459. 

  9460. .portlet.solid.red-soft > .portlet-title > .tools > a.config {

  9461.   background-image: url(../img/portlet-config-icon-white.png); }

  9462. 

  9463. .portlet.solid.red-soft > .portlet-title > .tools > a.reload {

  9464.   background-image: url(../img/portlet-reload-icon-white.png); }

  9465. 

  9466. .portlet.solid.red-soft > .portlet-title > .tools > a.expand {

  9467.   background-image: url(../img/portlet-expand-icon-white.png); }

  9468. 

  9469. .portlet.solid.red-soft > .portlet-title > .tools > a.collapse {

  9470.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9471. 

  9472. .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen {

  9473.   color: #fdfdfd; }

  9474. 

  9475. .portlet.box.red-soft {

  9476.   border: 1px solid #db7c7c;

  9477.   border-top: 0; }

  9478.   .portlet.box.red-soft > .portlet-title {

  9479.     background-color: #d05454; }

  9480.     .portlet.box.red-soft > .portlet-title > .caption {

  9481.       color: #ffffff; }

  9482.       .portlet.box.red-soft > .portlet-title > .caption > i {

  9483.         color: #ffffff; }

  9484.     .portlet.box.red-soft > .portlet-title > .actions .btn-default {

  9485.       background: transparent !important;

  9486.       background-color: transparent !important;

  9487.       border: 1px solid #e8acac;

  9488.       color: #eec0c0; }

  9489.       .portlet.box.red-soft > .portlet-title > .actions .btn-default > i {

  9490.         color: #f1cccc; }

  9491.       .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 {

  9492.         border: 1px solid #f3d4d4;

  9493.         color: #f9e8e8; }

  9494. 

  9495. .portlet > .portlet-body.red-haze,

  9496. .portlet.red-haze {

  9497.   background-color: #f36a5a; }

  9498. 

  9499. .portlet.solid.red-haze > .portlet-title,

  9500. .portlet.solid.red-haze > .portlet-body {

  9501.   border: 0;

  9502.   color: #ffffff; }

  9503. 

  9504. .portlet.solid.red-haze > .portlet-title > .caption {

  9505.   font-weight: 400; }

  9506.   .portlet.solid.red-haze > .portlet-title > .caption > i {

  9507.     color: #ffffff; }

  9508. 

  9509. .portlet.solid.red-haze > .portlet-title > .tools > a.remove {

  9510.   background-image: url(../img/portlet-remove-icon-white.png); }

  9511. 

  9512. .portlet.solid.red-haze > .portlet-title > .tools > a.config {

  9513.   background-image: url(../img/portlet-config-icon-white.png); }

  9514. 

  9515. .portlet.solid.red-haze > .portlet-title > .tools > a.reload {

  9516.   background-image: url(../img/portlet-reload-icon-white.png); }

  9517. 

  9518. .portlet.solid.red-haze > .portlet-title > .tools > a.expand {

  9519.   background-image: url(../img/portlet-expand-icon-white.png); }

  9520. 

  9521. .portlet.solid.red-haze > .portlet-title > .tools > a.collapse {

  9522.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9523. 

  9524. .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen {

  9525.   color: #fdfdfd; }

  9526. 

  9527. .portlet.box.red-haze {

  9528.   border: 1px solid #f6958a;

  9529.   border-top: 0; }

  9530.   .portlet.box.red-haze > .portlet-title {

  9531.     background-color: #f36a5a; }

  9532.     .portlet.box.red-haze > .portlet-title > .caption {

  9533.       color: #ffffff; }

  9534.       .portlet.box.red-haze > .portlet-title > .caption > i {

  9535.         color: #ffffff; }

  9536.     .portlet.box.red-haze > .portlet-title > .actions .btn-default {

  9537.       background: transparent !important;

  9538.       background-color: transparent !important;

  9539.       border: 1px solid #fbc8c3;

  9540.       color: #fcdeda; }

  9541.       .portlet.box.red-haze > .portlet-title > .actions .btn-default > i {

  9542.         color: #fdebe9; }

  9543.       .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 {

  9544.         border: 1px solid #fef3f2;

  9545.         color: white; }

  9546. 

  9547. .portlet > .portlet-body.red-mint,

  9548. .portlet.red-mint {

  9549.   background-color: #e43a45; }

  9550. 

  9551. .portlet.solid.red-mint > .portlet-title,

  9552. .portlet.solid.red-mint > .portlet-body {

  9553.   border: 0;

  9554.   color: #ffffff; }

  9555. 

  9556. .portlet.solid.red-mint > .portlet-title > .caption {

  9557.   font-weight: 400; }

  9558.   .portlet.solid.red-mint > .portlet-title > .caption > i {

  9559.     color: #ffffff; }

  9560. 

  9561. .portlet.solid.red-mint > .portlet-title > .tools > a.remove {

  9562.   background-image: url(../img/portlet-remove-icon-white.png); }

  9563. 

  9564. .portlet.solid.red-mint > .portlet-title > .tools > a.config {

  9565.   background-image: url(../img/portlet-config-icon-white.png); }

  9566. 

  9567. .portlet.solid.red-mint > .portlet-title > .tools > a.reload {

  9568.   background-image: url(../img/portlet-reload-icon-white.png); }

  9569. 

  9570. .portlet.solid.red-mint > .portlet-title > .tools > a.expand {

  9571.   background-image: url(../img/portlet-expand-icon-white.png); }

  9572. 

  9573. .portlet.solid.red-mint > .portlet-title > .tools > a.collapse {

  9574.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9575. 

  9576. .portlet.solid.red-mint > .portlet-title > .tools > a.fullscreen {

  9577.   color: #fdfdfd; }

  9578. 

  9579. .portlet.box.red-mint {

  9580.   border: 1px solid #ea676f;

  9581.   border-top: 0; }

  9582.   .portlet.box.red-mint > .portlet-title {

  9583.     background-color: #e43a45; }

  9584.     .portlet.box.red-mint > .portlet-title > .caption {

  9585.       color: #ffffff; }

  9586.       .portlet.box.red-mint > .portlet-title > .caption > i {

  9587.         color: #ffffff; }

  9588.     .portlet.box.red-mint > .portlet-title > .actions .btn-default {

  9589.       background: transparent !important;

  9590.       background-color: transparent !important;

  9591.       border: 1px solid #f29da2;

  9592.       color: #f5b3b7; }

  9593.       .portlet.box.red-mint > .portlet-title > .actions .btn-default > i {

  9594.         color: #f6c1c4; }

  9595.       .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 {

  9596.         border: 1px solid #f8cacd;

  9597.         color: #fbe0e2; }

  9598. 

  9599. .portlet > .portlet-body.yellow,

  9600. .portlet.yellow {

  9601.   background-color: #c49f47; }

  9602. 

  9603. .portlet.solid.yellow > .portlet-title,

  9604. .portlet.solid.yellow > .portlet-body {

  9605.   border: 0;

  9606.   color: #ffffff; }

  9607. 

  9608. .portlet.solid.yellow > .portlet-title > .caption {

  9609.   font-weight: 400; }

  9610.   .portlet.solid.yellow > .portlet-title > .caption > i {

  9611.     color: #ffffff; }

  9612. 

  9613. .portlet.solid.yellow > .portlet-title > .tools > a.remove {

  9614.   background-image: url(../img/portlet-remove-icon-white.png); }

  9615. 

  9616. .portlet.solid.yellow > .portlet-title > .tools > a.config {

  9617.   background-image: url(../img/portlet-config-icon-white.png); }

  9618. 

  9619. .portlet.solid.yellow > .portlet-title > .tools > a.reload {

  9620.   background-image: url(../img/portlet-reload-icon-white.png); }

  9621. 

  9622. .portlet.solid.yellow > .portlet-title > .tools > a.expand {

  9623.   background-image: url(../img/portlet-expand-icon-white.png); }

  9624. 

  9625. .portlet.solid.yellow > .portlet-title > .tools > a.collapse {

  9626.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9627. 

  9628. .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen {

  9629.   color: #fdfdfd; }

  9630. 

  9631. .portlet.box.yellow {

  9632.   border: 1px solid #d0b36e;

  9633.   border-top: 0; }

  9634.   .portlet.box.yellow > .portlet-title {

  9635.     background-color: #c49f47; }

  9636.     .portlet.box.yellow > .portlet-title > .caption {

  9637.       color: #ffffff; }

  9638.       .portlet.box.yellow > .portlet-title > .caption > i {

  9639.         color: #ffffff; }

  9640.     .portlet.box.yellow > .portlet-title > .actions .btn-default {

  9641.       background: transparent !important;

  9642.       background-color: transparent !important;

  9643.       border: 1px solid #dfcb9c;

  9644.       color: #e5d5af; }

  9645.       .portlet.box.yellow > .portlet-title > .actions .btn-default > i {

  9646.         color: #e9dbbb; }

  9647.       .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 {

  9648.         border: 1px solid #ecdfc3;

  9649.         color: #f2ead6; }

  9650. 

  9651. .portlet > .portlet-body.yellow-gold,

  9652. .portlet.yellow-gold {

  9653.   background-color: #E87E04; }

  9654. 

  9655. .portlet.solid.yellow-gold > .portlet-title,

  9656. .portlet.solid.yellow-gold > .portlet-body {

  9657.   border: 0;

  9658.   color: #ffffff; }

  9659. 

  9660. .portlet.solid.yellow-gold > .portlet-title > .caption {

  9661.   font-weight: 400; }

  9662.   .portlet.solid.yellow-gold > .portlet-title > .caption > i {

  9663.     color: #ffffff; }

  9664. 

  9665. .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove {

  9666.   background-image: url(../img/portlet-remove-icon-white.png); }

  9667. 

  9668. .portlet.solid.yellow-gold > .portlet-title > .tools > a.config {

  9669.   background-image: url(../img/portlet-config-icon-white.png); }

  9670. 

  9671. .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload {

  9672.   background-image: url(../img/portlet-reload-icon-white.png); }

  9673. 

  9674. .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand {

  9675.   background-image: url(../img/portlet-expand-icon-white.png); }

  9676. 

  9677. .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse {

  9678.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9679. 

  9680. .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen {

  9681.   color: #fdfdfd; }

  9682. 

  9683. .portlet.box.yellow-gold {

  9684.   border: 1px solid #fb9724;

  9685.   border-top: 0; }

  9686.   .portlet.box.yellow-gold > .portlet-title {

  9687.     background-color: #E87E04; }

  9688.     .portlet.box.yellow-gold > .portlet-title > .caption {

  9689.       color: #ffffff; }

  9690.       .portlet.box.yellow-gold > .portlet-title > .caption > i {

  9691.         color: #ffffff; }

  9692.     .portlet.box.yellow-gold > .portlet-title > .actions .btn-default {

  9693.       background: transparent !important;

  9694.       background-color: transparent !important;

  9695.       border: 1px solid #fcb460;

  9696.       color: #fdbf79; }

  9697.       .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i {

  9698.         color: #fdc788; }

  9699.       .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 {

  9700.         border: 1px solid #fdcb92;

  9701.         color: #fed7ab; }

  9702. 

  9703. .portlet > .portlet-body.yellow-casablanca,

  9704. .portlet.yellow-casablanca {

  9705.   background-color: #f2784b; }

  9706. 

  9707. .portlet.solid.yellow-casablanca > .portlet-title,

  9708. .portlet.solid.yellow-casablanca > .portlet-body {

  9709.   border: 0;

  9710.   color: #ffffff; }

  9711. 

  9712. .portlet.solid.yellow-casablanca > .portlet-title > .caption {

  9713.   font-weight: 400; }

  9714.   .portlet.solid.yellow-casablanca > .portlet-title > .caption > i {

  9715.     color: #ffffff; }

  9716. 

  9717. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove {

  9718.   background-image: url(../img/portlet-remove-icon-white.png); }

  9719. 

  9720. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config {

  9721.   background-image: url(../img/portlet-config-icon-white.png); }

  9722. 

  9723. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload {

  9724.   background-image: url(../img/portlet-reload-icon-white.png); }

  9725. 

  9726. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand {

  9727.   background-image: url(../img/portlet-expand-icon-white.png); }

  9728. 

  9729. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse {

  9730.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9731. 

  9732. .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen {

  9733.   color: #fdfdfd; }

  9734. 

  9735. .portlet.box.yellow-casablanca {

  9736.   border: 1px solid #f59c7b;

  9737.   border-top: 0; }

  9738.   .portlet.box.yellow-casablanca > .portlet-title {

  9739.     background-color: #f2784b; }

  9740.     .portlet.box.yellow-casablanca > .portlet-title > .caption {

  9741.       color: #ffffff; }

  9742.       .portlet.box.yellow-casablanca > .portlet-title > .caption > i {

  9743.         color: #ffffff; }

  9744.     .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default {

  9745.       background: transparent !important;

  9746.       background-color: transparent !important;

  9747.       border: 1px solid #fac6b4;

  9748.       color: #fbd8cb; }

  9749.       .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i {

  9750.         color: #fce3da; }

  9751.       .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 {

  9752.         border: 1px solid #fdeae3;

  9753.         color: #fffcfb; }

  9754. 

  9755. .portlet > .portlet-body.yellow-crusta,

  9756. .portlet.yellow-crusta {

  9757.   background-color: #f3c200; }

  9758. 

  9759. .portlet.solid.yellow-crusta > .portlet-title,

  9760. .portlet.solid.yellow-crusta > .portlet-body {

  9761.   border: 0;

  9762.   color: #ffffff; }

  9763. 

  9764. .portlet.solid.yellow-crusta > .portlet-title > .caption {

  9765.   font-weight: 400; }

  9766.   .portlet.solid.yellow-crusta > .portlet-title > .caption > i {

  9767.     color: #ffffff; }

  9768. 

  9769. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove {

  9770.   background-image: url(../img/portlet-remove-icon-white.png); }

  9771. 

  9772. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config {

  9773.   background-image: url(../img/portlet-config-icon-white.png); }

  9774. 

  9775. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload {

  9776.   background-image: url(../img/portlet-reload-icon-white.png); }

  9777. 

  9778. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand {

  9779.   background-image: url(../img/portlet-expand-icon-white.png); }

  9780. 

  9781. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse {

  9782.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9783. 

  9784. .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen {

  9785.   color: #fdfdfd; }

  9786. 

  9787. .portlet.box.yellow-crusta {

  9788.   border: 1px solid #ffd327;

  9789.   border-top: 0; }

  9790.   .portlet.box.yellow-crusta > .portlet-title {

  9791.     background-color: #f3c200; }

  9792.     .portlet.box.yellow-crusta > .portlet-title > .caption {

  9793.       color: #ffffff; }

  9794.       .portlet.box.yellow-crusta > .portlet-title > .caption > i {

  9795.         color: #ffffff; }

  9796.     .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default {

  9797.       background: transparent !important;

  9798.       background-color: transparent !important;

  9799.       border: 1px solid #ffe064;

  9800.       color: #ffe57e; }

  9801.       .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i {

  9802.         color: #ffe88d; }

  9803.       .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 {

  9804.         border: 1px solid #ffea97;

  9805.         color: #ffefb1; }

  9806. 

  9807. .portlet > .portlet-body.yellow-lemon,

  9808. .portlet.yellow-lemon {

  9809.   background-color: #F7CA18; }

  9810. 

  9811. .portlet.solid.yellow-lemon > .portlet-title,

  9812. .portlet.solid.yellow-lemon > .portlet-body {

  9813.   border: 0;

  9814.   color: #ffffff; }

  9815. 

  9816. .portlet.solid.yellow-lemon > .portlet-title > .caption {

  9817.   font-weight: 400; }

  9818.   .portlet.solid.yellow-lemon > .portlet-title > .caption > i {

  9819.     color: #ffffff; }

  9820. 

  9821. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove {

  9822.   background-image: url(../img/portlet-remove-icon-white.png); }

  9823. 

  9824. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config {

  9825.   background-image: url(../img/portlet-config-icon-white.png); }

  9826. 

  9827. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload {

  9828.   background-image: url(../img/portlet-reload-icon-white.png); }

  9829. 

  9830. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand {

  9831.   background-image: url(../img/portlet-expand-icon-white.png); }

  9832. 

  9833. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse {

  9834.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9835. 

  9836. .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen {

  9837.   color: #fdfdfd; }

  9838. 

  9839. .portlet.box.yellow-lemon {

  9840.   border: 1px solid #f9d549;

  9841.   border-top: 0; }

  9842.   .portlet.box.yellow-lemon > .portlet-title {

  9843.     background-color: #F7CA18; }

  9844.     .portlet.box.yellow-lemon > .portlet-title > .caption {

  9845.       color: #ffffff; }

  9846.       .portlet.box.yellow-lemon > .portlet-title > .caption > i {

  9847.         color: #ffffff; }

  9848.     .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default {

  9849.       background: transparent !important;

  9850.       background-color: transparent !important;

  9851.       border: 1px solid #fbe384;

  9852.       color: #fce99d; }

  9853.       .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i {

  9854.         color: #fcecac; }

  9855.       .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 {

  9856.         border: 1px solid #fceeb6;

  9857.         color: #fdf4ce; }

  9858. 

  9859. .portlet > .portlet-body.yellow-saffron,

  9860. .portlet.yellow-saffron {

  9861.   background-color: #F4D03F; }

  9862. 

  9863. .portlet.solid.yellow-saffron > .portlet-title,

  9864. .portlet.solid.yellow-saffron > .portlet-body {

  9865.   border: 0;

  9866.   color: #ffffff; }

  9867. 

  9868. .portlet.solid.yellow-saffron > .portlet-title > .caption {

  9869.   font-weight: 400; }

  9870.   .portlet.solid.yellow-saffron > .portlet-title > .caption > i {

  9871.     color: #ffffff; }

  9872. 

  9873. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove {

  9874.   background-image: url(../img/portlet-remove-icon-white.png); }

  9875. 

  9876. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config {

  9877.   background-image: url(../img/portlet-config-icon-white.png); }

  9878. 

  9879. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload {

  9880.   background-image: url(../img/portlet-reload-icon-white.png); }

  9881. 

  9882. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand {

  9883.   background-image: url(../img/portlet-expand-icon-white.png); }

  9884. 

  9885. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse {

  9886.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9887. 

  9888. .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen {

  9889.   color: #fdfdfd; }

  9890. 

  9891. .portlet.box.yellow-saffron {

  9892.   border: 1px solid #f7dc6f;

  9893.   border-top: 0; }

  9894.   .portlet.box.yellow-saffron > .portlet-title {

  9895.     background-color: #F4D03F; }

  9896.     .portlet.box.yellow-saffron > .portlet-title > .caption {

  9897.       color: #ffffff; }

  9898.       .portlet.box.yellow-saffron > .portlet-title > .caption > i {

  9899.         color: #ffffff; }

  9900.     .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default {

  9901.       background: transparent !important;

  9902.       background-color: transparent !important;

  9903.       border: 1px solid #faeaa9;

  9904.       color: #fbf0c1; }

  9905.       .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i {

  9906.         color: #fcf3d0; }

  9907.       .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 {

  9908.         border: 1px solid #fdf6d9;

  9909.         color: #fefcf1; }

  9910. 

  9911. .portlet > .portlet-body.yellow-soft,

  9912. .portlet.yellow-soft {

  9913.   background-color: #c8d046; }

  9914. 

  9915. .portlet.solid.yellow-soft > .portlet-title,

  9916. .portlet.solid.yellow-soft > .portlet-body {

  9917.   border: 0;

  9918.   color: #ffffff; }

  9919. 

  9920. .portlet.solid.yellow-soft > .portlet-title > .caption {

  9921.   font-weight: 400; }

  9922.   .portlet.solid.yellow-soft > .portlet-title > .caption > i {

  9923.     color: #ffffff; }

  9924. 

  9925. .portlet.solid.yellow-soft > .portlet-title > .tools > a.remove {

  9926.   background-image: url(../img/portlet-remove-icon-white.png); }

  9927. 

  9928. .portlet.solid.yellow-soft > .portlet-title > .tools > a.config {

  9929.   background-image: url(../img/portlet-config-icon-white.png); }

  9930. 

  9931. .portlet.solid.yellow-soft > .portlet-title > .tools > a.reload {

  9932.   background-image: url(../img/portlet-reload-icon-white.png); }

  9933. 

  9934. .portlet.solid.yellow-soft > .portlet-title > .tools > a.expand {

  9935.   background-image: url(../img/portlet-expand-icon-white.png); }

  9936. 

  9937. .portlet.solid.yellow-soft > .portlet-title > .tools > a.collapse {

  9938.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9939. 

  9940. .portlet.solid.yellow-soft > .portlet-title > .tools > a.fullscreen {

  9941.   color: #fdfdfd; }

  9942. 

  9943. .portlet.box.yellow-soft {

  9944.   border: 1px solid #d4da6f;

  9945.   border-top: 0; }

  9946.   .portlet.box.yellow-soft > .portlet-title {

  9947.     background-color: #c8d046; }

  9948.     .portlet.box.yellow-soft > .portlet-title > .caption {

  9949.       color: #ffffff; }

  9950.       .portlet.box.yellow-soft > .portlet-title > .caption > i {

  9951.         color: #ffffff; }

  9952.     .portlet.box.yellow-soft > .portlet-title > .actions .btn-default {

  9953.       background: transparent !important;

  9954.       background-color: transparent !important;

  9955.       border: 1px solid #e3e79f;

  9956.       color: #e9ecb4; }

  9957.       .portlet.box.yellow-soft > .portlet-title > .actions .btn-default > i {

  9958.         color: #ecefc0; }

  9959.       .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 {

  9960.         border: 1px solid #eff1c8;

  9961.         color: #f5f6dc; }

  9962. 

  9963. .portlet > .portlet-body.yellow-haze,

  9964. .portlet.yellow-haze {

  9965.   background-color: #c5bf66; }

  9966. 

  9967. .portlet.solid.yellow-haze > .portlet-title,

  9968. .portlet.solid.yellow-haze > .portlet-body {

  9969.   border: 0;

  9970.   color: #ffffff; }

  9971. 

  9972. .portlet.solid.yellow-haze > .portlet-title > .caption {

  9973.   font-weight: 400; }

  9974.   .portlet.solid.yellow-haze > .portlet-title > .caption > i {

  9975.     color: #ffffff; }

  9976. 

  9977. .portlet.solid.yellow-haze > .portlet-title > .tools > a.remove {

  9978.   background-image: url(../img/portlet-remove-icon-white.png); }

  9979. 

  9980. .portlet.solid.yellow-haze > .portlet-title > .tools > a.config {

  9981.   background-image: url(../img/portlet-config-icon-white.png); }

  9982. 

  9983. .portlet.solid.yellow-haze > .portlet-title > .tools > a.reload {

  9984.   background-image: url(../img/portlet-reload-icon-white.png); }

  9985. 

  9986. .portlet.solid.yellow-haze > .portlet-title > .tools > a.expand {

  9987.   background-image: url(../img/portlet-expand-icon-white.png); }

  9988. 

  9989. .portlet.solid.yellow-haze > .portlet-title > .tools > a.collapse {

  9990.   background-image: url(../img/portlet-collapse-icon-white.png); }

  9991. 

  9992. .portlet.solid.yellow-haze > .portlet-title > .tools > a.fullscreen {

  9993.   color: #fdfdfd; }

  9994. 

  9995. .portlet.box.yellow-haze {

  9996.   border: 1px solid #d3ce8b;

  9997.   border-top: 0; }

  9998.   .portlet.box.yellow-haze > .portlet-title {

  9999.     background-color: #c5bf66; }

  10000.     .portlet.box.yellow-haze > .portlet-title > .caption {

  10001.       color: #ffffff; }

  10002.       .portlet.box.yellow-haze > .portlet-title > .caption > i {

  10003.         color: #ffffff; }

  10004.     .portlet.box.yellow-haze > .portlet-title > .actions .btn-default {

  10005.       background: transparent !important;

  10006.       background-color: transparent !important;

  10007.       border: 1px solid #e4e1b7;

  10008.       color: #ebe9ca; }

  10009.       .portlet.box.yellow-haze > .portlet-title > .actions .btn-default > i {

  10010.         color: #efedd5; }

  10011.       .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 {

  10012.         border: 1px solid #f2f1dc;

  10013.         color: #f9f8ef; }

  10014. 

  10015. .portlet > .portlet-body.yellow-mint,

  10016. .portlet.yellow-mint {

  10017.   background-color: #c5b96b; }

  10018. 

  10019. .portlet.solid.yellow-mint > .portlet-title,

  10020. .portlet.solid.yellow-mint > .portlet-body {

  10021.   border: 0;

  10022.   color: #ffffff; }

  10023. 

  10024. .portlet.solid.yellow-mint > .portlet-title > .caption {

  10025.   font-weight: 400; }

  10026.   .portlet.solid.yellow-mint > .portlet-title > .caption > i {

  10027.     color: #ffffff; }

  10028. 

  10029. .portlet.solid.yellow-mint > .portlet-title > .tools > a.remove {

  10030.   background-image: url(../img/portlet-remove-icon-white.png); }

  10031. 

  10032. .portlet.solid.yellow-mint > .portlet-title > .tools > a.config {

  10033.   background-image: url(../img/portlet-config-icon-white.png); }

  10034. 

  10035. .portlet.solid.yellow-mint > .portlet-title > .tools > a.reload {

  10036.   background-image: url(../img/portlet-reload-icon-white.png); }

  10037. 

  10038. .portlet.solid.yellow-mint > .portlet-title > .tools > a.expand {

  10039.   background-image: url(../img/portlet-expand-icon-white.png); }

  10040. 

  10041. .portlet.solid.yellow-mint > .portlet-title > .tools > a.collapse {

  10042.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10043. 

  10044. .portlet.solid.yellow-mint > .portlet-title > .tools > a.fullscreen {

  10045.   color: #fdfdfd; }

  10046. 

  10047. .portlet.box.yellow-mint {

  10048.   border: 1px solid #d3ca90;

  10049.   border-top: 0; }

  10050.   .portlet.box.yellow-mint > .portlet-title {

  10051.     background-color: #c5b96b; }

  10052.     .portlet.box.yellow-mint > .portlet-title > .caption {

  10053.       color: #ffffff; }

  10054.       .portlet.box.yellow-mint > .portlet-title > .caption > i {

  10055.         color: #ffffff; }

  10056.     .portlet.box.yellow-mint > .portlet-title > .actions .btn-default {

  10057.       background: transparent !important;

  10058.       background-color: transparent !important;

  10059.       border: 1px solid #e5dfbc;

  10060.       color: #ece8ce; }

  10061.       .portlet.box.yellow-mint > .portlet-title > .actions .btn-default > i {

  10062.         color: #f0edd9; }

  10063.       .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 {

  10064.         border: 1px solid #f3f0e0;

  10065.         color: #faf9f3; }

  10066. 

  10067. .portlet > .portlet-body.purple,

  10068. .portlet.purple {

  10069.   background-color: #8E44AD; }

  10070. 

  10071. .portlet.solid.purple > .portlet-title,

  10072. .portlet.solid.purple > .portlet-body {

  10073.   border: 0;

  10074.   color: #ffffff; }

  10075. 

  10076. .portlet.solid.purple > .portlet-title > .caption {

  10077.   font-weight: 400; }

  10078.   .portlet.solid.purple > .portlet-title > .caption > i {

  10079.     color: #ffffff; }

  10080. 

  10081. .portlet.solid.purple > .portlet-title > .tools > a.remove {

  10082.   background-image: url(../img/portlet-remove-icon-white.png); }

  10083. 

  10084. .portlet.solid.purple > .portlet-title > .tools > a.config {

  10085.   background-image: url(../img/portlet-config-icon-white.png); }

  10086. 

  10087. .portlet.solid.purple > .portlet-title > .tools > a.reload {

  10088.   background-image: url(../img/portlet-reload-icon-white.png); }

  10089. 

  10090. .portlet.solid.purple > .portlet-title > .tools > a.expand {

  10091.   background-image: url(../img/portlet-expand-icon-white.png); }

  10092. 

  10093. .portlet.solid.purple > .portlet-title > .tools > a.collapse {

  10094.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10095. 

  10096. .portlet.solid.purple > .portlet-title > .tools > a.fullscreen {

  10097.   color: #fdfdfd; }

  10098. 

  10099. .portlet.box.purple {

  10100.   border: 1px solid #a563c1;

  10101.   border-top: 0; }

  10102.   .portlet.box.purple > .portlet-title {

  10103.     background-color: #8E44AD; }

  10104.     .portlet.box.purple > .portlet-title > .caption {

  10105.       color: #ffffff; }

  10106.       .portlet.box.purple > .portlet-title > .caption > i {

  10107.         color: #ffffff; }

  10108.     .portlet.box.purple > .portlet-title > .actions .btn-default {

  10109.       background: transparent !important;

  10110.       background-color: transparent !important;

  10111.       border: 1px solid #bf8ed3;

  10112.       color: #c9a1da; }

  10113.       .portlet.box.purple > .portlet-title > .actions .btn-default > i {

  10114.         color: #cfacde; }

  10115.       .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 {

  10116.         border: 1px solid #d4b3e1;

  10117.         color: #dec5e8; }

  10118. 

  10119. .portlet > .portlet-body.purple-plum,

  10120. .portlet.purple-plum {

  10121.   background-color: #8775a7; }

  10122. 

  10123. .portlet.solid.purple-plum > .portlet-title,

  10124. .portlet.solid.purple-plum > .portlet-body {

  10125.   border: 0;

  10126.   color: #ffffff; }

  10127. 

  10128. .portlet.solid.purple-plum > .portlet-title > .caption {

  10129.   font-weight: 400; }

  10130.   .portlet.solid.purple-plum > .portlet-title > .caption > i {

  10131.     color: #ffffff; }

  10132. 

  10133. .portlet.solid.purple-plum > .portlet-title > .tools > a.remove {

  10134.   background-image: url(../img/portlet-remove-icon-white.png); }

  10135. 

  10136. .portlet.solid.purple-plum > .portlet-title > .tools > a.config {

  10137.   background-image: url(../img/portlet-config-icon-white.png); }

  10138. 

  10139. .portlet.solid.purple-plum > .portlet-title > .tools > a.reload {

  10140.   background-image: url(../img/portlet-reload-icon-white.png); }

  10141. 

  10142. .portlet.solid.purple-plum > .portlet-title > .tools > a.expand {

  10143.   background-image: url(../img/portlet-expand-icon-white.png); }

  10144. 

  10145. .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse {

  10146.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10147. 

  10148. .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen {

  10149.   color: #fdfdfd; }

  10150. 

  10151. .portlet.box.purple-plum {

  10152.   border: 1px solid #a294bb;

  10153.   border-top: 0; }

  10154.   .portlet.box.purple-plum > .portlet-title {

  10155.     background-color: #8775a7; }

  10156.     .portlet.box.purple-plum > .portlet-title > .caption {

  10157.       color: #ffffff; }

  10158.       .portlet.box.purple-plum > .portlet-title > .caption > i {

  10159.         color: #ffffff; }

  10160.     .portlet.box.purple-plum > .portlet-title > .actions .btn-default {

  10161.       background: transparent !important;

  10162.       background-color: transparent !important;

  10163.       border: 1px solid #c3bad3;

  10164.       color: #d0c9dd; }

  10165.       .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i {

  10166.         color: #d8d2e3; }

  10167.       .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 {

  10168.         border: 1px solid #ded9e7;

  10169.         color: #ebe8f0; }

  10170. 

  10171. .portlet > .portlet-body.purple-medium,

  10172. .portlet.purple-medium {

  10173.   background-color: #BF55EC; }

  10174. 

  10175. .portlet.solid.purple-medium > .portlet-title,

  10176. .portlet.solid.purple-medium > .portlet-body {

  10177.   border: 0;

  10178.   color: #ffffff; }

  10179. 

  10180. .portlet.solid.purple-medium > .portlet-title > .caption {

  10181.   font-weight: 400; }

  10182.   .portlet.solid.purple-medium > .portlet-title > .caption > i {

  10183.     color: #ffffff; }

  10184. 

  10185. .portlet.solid.purple-medium > .portlet-title > .tools > a.remove {

  10186.   background-image: url(../img/portlet-remove-icon-white.png); }

  10187. 

  10188. .portlet.solid.purple-medium > .portlet-title > .tools > a.config {

  10189.   background-image: url(../img/portlet-config-icon-white.png); }

  10190. 

  10191. .portlet.solid.purple-medium > .portlet-title > .tools > a.reload {

  10192.   background-image: url(../img/portlet-reload-icon-white.png); }

  10193. 

  10194. .portlet.solid.purple-medium > .portlet-title > .tools > a.expand {

  10195.   background-image: url(../img/portlet-expand-icon-white.png); }

  10196. 

  10197. .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse {

  10198.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10199. 

  10200. .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen {

  10201.   color: #fdfdfd; }

  10202. 

  10203. .portlet.box.purple-medium {

  10204.   border: 1px solid #d083f1;

  10205.   border-top: 0; }

  10206.   .portlet.box.purple-medium > .portlet-title {

  10207.     background-color: #BF55EC; }

  10208.     .portlet.box.purple-medium > .portlet-title > .caption {

  10209.       color: #ffffff; }

  10210.       .portlet.box.purple-medium > .portlet-title > .caption > i {

  10211.         color: #ffffff; }

  10212.     .portlet.box.purple-medium > .portlet-title > .actions .btn-default {

  10213.       background: transparent !important;

  10214.       background-color: transparent !important;

  10215.       border: 1px solid #e5baf7;

  10216.       color: #eed1fa; }

  10217.       .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i {

  10218.         color: #f3dffb; }

  10219.       .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 {

  10220.         border: 1px solid #f6e8fc;

  10221.         color: white; }

  10222. 

  10223. .portlet > .portlet-body.purple-studio,

  10224. .portlet.purple-studio {

  10225.   background-color: #8E44AD; }

  10226. 

  10227. .portlet.solid.purple-studio > .portlet-title,

  10228. .portlet.solid.purple-studio > .portlet-body {

  10229.   border: 0;

  10230.   color: #ffffff; }

  10231. 

  10232. .portlet.solid.purple-studio > .portlet-title > .caption {

  10233.   font-weight: 400; }

  10234.   .portlet.solid.purple-studio > .portlet-title > .caption > i {

  10235.     color: #ffffff; }

  10236. 

  10237. .portlet.solid.purple-studio > .portlet-title > .tools > a.remove {

  10238.   background-image: url(../img/portlet-remove-icon-white.png); }

  10239. 

  10240. .portlet.solid.purple-studio > .portlet-title > .tools > a.config {

  10241.   background-image: url(../img/portlet-config-icon-white.png); }

  10242. 

  10243. .portlet.solid.purple-studio > .portlet-title > .tools > a.reload {

  10244.   background-image: url(../img/portlet-reload-icon-white.png); }

  10245. 

  10246. .portlet.solid.purple-studio > .portlet-title > .tools > a.expand {

  10247.   background-image: url(../img/portlet-expand-icon-white.png); }

  10248. 

  10249. .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse {

  10250.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10251. 

  10252. .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen {

  10253.   color: #fdfdfd; }

  10254. 

  10255. .portlet.box.purple-studio {

  10256.   border: 1px solid #a563c1;

  10257.   border-top: 0; }

  10258.   .portlet.box.purple-studio > .portlet-title {

  10259.     background-color: #8E44AD; }

  10260.     .portlet.box.purple-studio > .portlet-title > .caption {

  10261.       color: #ffffff; }

  10262.       .portlet.box.purple-studio > .portlet-title > .caption > i {

  10263.         color: #ffffff; }

  10264.     .portlet.box.purple-studio > .portlet-title > .actions .btn-default {

  10265.       background: transparent !important;

  10266.       background-color: transparent !important;

  10267.       border: 1px solid #bf8ed3;

  10268.       color: #c9a1da; }

  10269.       .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i {

  10270.         color: #cfacde; }

  10271.       .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 {

  10272.         border: 1px solid #d4b3e1;

  10273.         color: #dec5e8; }

  10274. 

  10275. .portlet > .portlet-body.purple-wisteria,

  10276. .portlet.purple-wisteria {

  10277.   background-color: #9B59B6; }

  10278. 

  10279. .portlet.solid.purple-wisteria > .portlet-title,

  10280. .portlet.solid.purple-wisteria > .portlet-body {

  10281.   border: 0;

  10282.   color: #ffffff; }

  10283. 

  10284. .portlet.solid.purple-wisteria > .portlet-title > .caption {

  10285.   font-weight: 400; }

  10286.   .portlet.solid.purple-wisteria > .portlet-title > .caption > i {

  10287.     color: #ffffff; }

  10288. 

  10289. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove {

  10290.   background-image: url(../img/portlet-remove-icon-white.png); }

  10291. 

  10292. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config {

  10293.   background-image: url(../img/portlet-config-icon-white.png); }

  10294. 

  10295. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload {

  10296.   background-image: url(../img/portlet-reload-icon-white.png); }

  10297. 

  10298. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand {

  10299.   background-image: url(../img/portlet-expand-icon-white.png); }

  10300. 

  10301. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse {

  10302.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10303. 

  10304. .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen {

  10305.   color: #fdfdfd; }

  10306. 

  10307. .portlet.box.purple-wisteria {

  10308.   border: 1px solid #b07cc6;

  10309.   border-top: 0; }

  10310.   .portlet.box.purple-wisteria > .portlet-title {

  10311.     background-color: #9B59B6; }

  10312.     .portlet.box.purple-wisteria > .portlet-title > .caption {

  10313.       color: #ffffff; }

  10314.       .portlet.box.purple-wisteria > .portlet-title > .caption > i {

  10315.         color: #ffffff; }

  10316.     .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default {

  10317.       background: transparent !important;

  10318.       background-color: transparent !important;

  10319.       border: 1px solid #caa7d8;

  10320.       color: #d5b9e0; }

  10321.       .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i {

  10322.         color: #dbc3e5; }

  10323.       .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 {

  10324.         border: 1px solid #dfcae8;

  10325.         color: #eadcf0; }

  10326. 

  10327. .portlet > .portlet-body.purple-seance,

  10328. .portlet.purple-seance {

  10329.   background-color: #9A12B3; }

  10330. 

  10331. .portlet.solid.purple-seance > .portlet-title,

  10332. .portlet.solid.purple-seance > .portlet-body {

  10333.   border: 0;

  10334.   color: #ffffff; }

  10335. 

  10336. .portlet.solid.purple-seance > .portlet-title > .caption {

  10337.   font-weight: 400; }

  10338.   .portlet.solid.purple-seance > .portlet-title > .caption > i {

  10339.     color: #ffffff; }

  10340. 

  10341. .portlet.solid.purple-seance > .portlet-title > .tools > a.remove {

  10342.   background-image: url(../img/portlet-remove-icon-white.png); }

  10343. 

  10344. .portlet.solid.purple-seance > .portlet-title > .tools > a.config {

  10345.   background-image: url(../img/portlet-config-icon-white.png); }

  10346. 

  10347. .portlet.solid.purple-seance > .portlet-title > .tools > a.reload {

  10348.   background-image: url(../img/portlet-reload-icon-white.png); }

  10349. 

  10350. .portlet.solid.purple-seance > .portlet-title > .tools > a.expand {

  10351.   background-image: url(../img/portlet-expand-icon-white.png); }

  10352. 

  10353. .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse {

  10354.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10355. 

  10356. .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen {

  10357.   color: #fdfdfd; }

  10358. 

  10359. .portlet.box.purple-seance {

  10360.   border: 1px solid #c217e1;

  10361.   border-top: 0; }

  10362.   .portlet.box.purple-seance > .portlet-title {

  10363.     background-color: #9A12B3; }

  10364.     .portlet.box.purple-seance > .portlet-title > .caption {

  10365.       color: #ffffff; }

  10366.       .portlet.box.purple-seance > .portlet-title > .caption > i {

  10367.         color: #ffffff; }

  10368.     .portlet.box.purple-seance > .portlet-title > .actions .btn-default {

  10369.       background: transparent !important;

  10370.       background-color: transparent !important;

  10371.       border: 1px solid #d349ed;

  10372.       color: #d960ef; }

  10373.       .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i {

  10374.         color: #dc6ef0; }

  10375.       .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 {

  10376.         border: 1px solid #de77f1;

  10377.         color: #e48ef4; }

  10378. 

  10379. .portlet > .portlet-body.purple-intense,

  10380. .portlet.purple-intense {

  10381.   background-color: #8775a7; }

  10382. 

  10383. .portlet.solid.purple-intense > .portlet-title,

  10384. .portlet.solid.purple-intense > .portlet-body {

  10385.   border: 0;

  10386.   color: #ffffff; }

  10387. 

  10388. .portlet.solid.purple-intense > .portlet-title > .caption {

  10389.   font-weight: 400; }

  10390.   .portlet.solid.purple-intense > .portlet-title > .caption > i {

  10391.     color: #ffffff; }

  10392. 

  10393. .portlet.solid.purple-intense > .portlet-title > .tools > a.remove {

  10394.   background-image: url(../img/portlet-remove-icon-white.png); }

  10395. 

  10396. .portlet.solid.purple-intense > .portlet-title > .tools > a.config {

  10397.   background-image: url(../img/portlet-config-icon-white.png); }

  10398. 

  10399. .portlet.solid.purple-intense > .portlet-title > .tools > a.reload {

  10400.   background-image: url(../img/portlet-reload-icon-white.png); }

  10401. 

  10402. .portlet.solid.purple-intense > .portlet-title > .tools > a.expand {

  10403.   background-image: url(../img/portlet-expand-icon-white.png); }

  10404. 

  10405. .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse {

  10406.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10407. 

  10408. .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen {

  10409.   color: #fdfdfd; }

  10410. 

  10411. .portlet.box.purple-intense {

  10412.   border: 1px solid #a294bb;

  10413.   border-top: 0; }

  10414.   .portlet.box.purple-intense > .portlet-title {

  10415.     background-color: #8775a7; }

  10416.     .portlet.box.purple-intense > .portlet-title > .caption {

  10417.       color: #ffffff; }

  10418.       .portlet.box.purple-intense > .portlet-title > .caption > i {

  10419.         color: #ffffff; }

  10420.     .portlet.box.purple-intense > .portlet-title > .actions .btn-default {

  10421.       background: transparent !important;

  10422.       background-color: transparent !important;

  10423.       border: 1px solid #c3bad3;

  10424.       color: #d0c9dd; }

  10425.       .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i {

  10426.         color: #d8d2e3; }

  10427.       .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 {

  10428.         border: 1px solid #ded9e7;

  10429.         color: #ebe8f0; }

  10430. 

  10431. .portlet > .portlet-body.purple-sharp,

  10432. .portlet.purple-sharp {

  10433.   background-color: #796799; }

  10434. 

  10435. .portlet.solid.purple-sharp > .portlet-title,

  10436. .portlet.solid.purple-sharp > .portlet-body {

  10437.   border: 0;

  10438.   color: #ffffff; }

  10439. 

  10440. .portlet.solid.purple-sharp > .portlet-title > .caption {

  10441.   font-weight: 400; }

  10442.   .portlet.solid.purple-sharp > .portlet-title > .caption > i {

  10443.     color: #ffffff; }

  10444. 

  10445. .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove {

  10446.   background-image: url(../img/portlet-remove-icon-white.png); }

  10447. 

  10448. .portlet.solid.purple-sharp > .portlet-title > .tools > a.config {

  10449.   background-image: url(../img/portlet-config-icon-white.png); }

  10450. 

  10451. .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload {

  10452.   background-image: url(../img/portlet-reload-icon-white.png); }

  10453. 

  10454. .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand {

  10455.   background-image: url(../img/portlet-expand-icon-white.png); }

  10456. 

  10457. .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse {

  10458.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10459. 

  10460. .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen {

  10461.   color: #fdfdfd; }

  10462. 

  10463. .portlet.box.purple-sharp {

  10464.   border: 1px solid #9486ad;

  10465.   border-top: 0; }

  10466.   .portlet.box.purple-sharp > .portlet-title {

  10467.     background-color: #796799; }

  10468.     .portlet.box.purple-sharp > .portlet-title > .caption {

  10469.       color: #ffffff; }

  10470.       .portlet.box.purple-sharp > .portlet-title > .caption > i {

  10471.         color: #ffffff; }

  10472.     .portlet.box.purple-sharp > .portlet-title > .actions .btn-default {

  10473.       background: transparent !important;

  10474.       background-color: transparent !important;

  10475.       border: 1px solid #b4aac6;

  10476.       color: #c2b9d0; }

  10477.       .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i {

  10478.         color: #cac3d6; }

  10479.       .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 {

  10480.         border: 1px solid #cfc9db;

  10481.         color: #ddd8e5; }

  10482. 

  10483. .portlet > .portlet-body.purple-soft,

  10484. .portlet.purple-soft {

  10485.   background-color: #8877a9; }

  10486. 

  10487. .portlet.solid.purple-soft > .portlet-title,

  10488. .portlet.solid.purple-soft > .portlet-body {

  10489.   border: 0;

  10490.   color: #ffffff; }

  10491. 

  10492. .portlet.solid.purple-soft > .portlet-title > .caption {

  10493.   font-weight: 400; }

  10494.   .portlet.solid.purple-soft > .portlet-title > .caption > i {

  10495.     color: #ffffff; }

  10496. 

  10497. .portlet.solid.purple-soft > .portlet-title > .tools > a.remove {

  10498.   background-image: url(../img/portlet-remove-icon-white.png); }

  10499. 

  10500. .portlet.solid.purple-soft > .portlet-title > .tools > a.config {

  10501.   background-image: url(../img/portlet-config-icon-white.png); }

  10502. 

  10503. .portlet.solid.purple-soft > .portlet-title > .tools > a.reload {

  10504.   background-image: url(../img/portlet-reload-icon-white.png); }

  10505. 

  10506. .portlet.solid.purple-soft > .portlet-title > .tools > a.expand {

  10507.   background-image: url(../img/portlet-expand-icon-white.png); }

  10508. 

  10509. .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse {

  10510.   background-image: url(../img/portlet-collapse-icon-white.png); }

  10511. 

  10512. .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen {

  10513.   color: #fdfdfd; }

  10514. 

  10515. .portlet.box.purple-soft {

  10516.   border: 1px solid #a396bd;

  10517.   border-top: 0; }

  10518.   .portlet.box.purple-soft > .portlet-title {

  10519.     background-color: #8877a9; }

  10520.     .portlet.box.purple-soft > .portlet-title > .caption {

  10521.       color: #ffffff; }

  10522.       .portlet.box.purple-soft > .portlet-title > .caption > i {

  10523.         color: #ffffff; }

  10524.     .portlet.box.purple-soft > .portlet-title > .actions .btn-default {

  10525.       background: transparent !important;

  10526.       background-color: transparent !important;

  10527.       border: 1px solid #c4bcd4;

  10528.       color: #d2cbde; }

  10529.       .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i {

  10530.         color: #dad5e4; }

  10531.       .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 {

  10532.         border: 1px solid #dfdbe8;

  10533.         color: #edebf2; }

  10534. 

  10535. /***

  10536. Customized Progress Bars

  10537. ***/

  10538. .progress {

  10539.   border: 0;

  10540.   background-image: none;

  10541.   filter: none;

  10542.   box-shadow: none;

  10543.   -webkit-box-shadow: none;

  10544.   -moz-box-shadow: none;

  10545.   box-shadow: none; }

  10546.   .progress.progress-sm {

  10547.     height: 12px; }

  10548.   .page-md .progress {

  10549.     text-indent: -99999px; }

  10550. 

  10551. /* Custom colors */

  10552. .progress-bar.white {

  10553.   background: #ffffff !important;

  10554.   color: #666 !important; }

  10555. 

  10556. .progress-bar.default {

  10557.   background: #e1e5ec !important;

  10558.   color: #666 !important; }

  10559. 

  10560. .progress-bar.dark {

  10561.   background: #2f353b !important;

  10562.   color: #FFFFFF !important; }

  10563. 

  10564. .progress-bar.blue {

  10565.   background: #3598dc !important;

  10566.   color: #FFFFFF !important; }

  10567. 

  10568. .progress-bar.blue-madison {

  10569.   background: #578ebe !important;

  10570.   color: #FFFFFF !important; }

  10571. 

  10572. .progress-bar.blue-chambray {

  10573.   background: #2C3E50 !important;

  10574.   color: #FFFFFF !important; }

  10575. 

  10576. .progress-bar.blue-ebonyclay {

  10577.   background: #22313F !important;

  10578.   color: #FFFFFF !important; }

  10579. 

  10580. .progress-bar.blue-hoki {

  10581.   background: #67809F !important;

  10582.   color: #FFFFFF !important; }

  10583. 

  10584. .progress-bar.blue-steel {

  10585.   background: #4B77BE !important;

  10586.   color: #FFFFFF !important; }

  10587. 

  10588. .progress-bar.blue-soft {

  10589.   background: #4c87b9 !important;

  10590.   color: #FFFFFF !important; }

  10591. 

  10592. .progress-bar.blue-dark {

  10593.   background: #5e738b !important;

  10594.   color: #FFFFFF !important; }

  10595. 

  10596. .progress-bar.blue-sharp {

  10597.   background: #5C9BD1 !important;

  10598.   color: #FFFFFF !important; }

  10599. 

  10600. .progress-bar.blue-oleo {

  10601.   background: #94A0B2 !important;

  10602.   color: #FFFFFF !important; }

  10603. 

  10604. .progress-bar.green {

  10605.   background: #32c5d2 !important;

  10606.   color: #FFFFFF !important; }

  10607. 

  10608. .progress-bar.green-meadow {

  10609.   background: #1BBC9B !important;

  10610.   color: #FFFFFF !important; }

  10611. 

  10612. .progress-bar.green-seagreen {

  10613.   background: #1BA39C !important;

  10614.   color: #FFFFFF !important; }

  10615. 

  10616. .progress-bar.green-turquoise {

  10617.   background: #36D7B7 !important;

  10618.   color: #FFFFFF !important; }

  10619. 

  10620. .progress-bar.green-haze {

  10621.   background: #44b6ae !important;

  10622.   color: #FFFFFF !important; }

  10623. 

  10624. .progress-bar.green-jungle {

  10625.   background: #26C281 !important;

  10626.   color: #FFFFFF !important; }

  10627. 

  10628. .progress-bar.green-soft {

  10629.   background: #3faba4 !important;

  10630.   color: #FFFFFF !important; }

  10631. 

  10632. .progress-bar.green-dark {

  10633.   background: #4DB3A2 !important;

  10634.   color: #FFFFFF !important; }

  10635. 

  10636. .progress-bar.green-sharp {

  10637.   background: #2ab4c0 !important;

  10638.   color: #FFFFFF !important; }

  10639. 

  10640. .progress-bar.green-steel {

  10641.   background: #29b4b6 !important;

  10642.   color: #FFFFFF !important; }

  10643. 

  10644. .progress-bar.grey {

  10645.   background: #E5E5E5 !important;

  10646.   color: #333333 !important; }

  10647. 

  10648. .progress-bar.grey-steel {

  10649.   background: #e9edef !important;

  10650.   color: #80898e !important; }

  10651. 

  10652. .progress-bar.grey-cararra {

  10653.   background: #fafafa !important;

  10654.   color: #333333 !important; }

  10655. 

  10656. .progress-bar.grey-gallery {

  10657.   background: #555555 !important;

  10658.   color: #ffffff !important; }

  10659. 

  10660. .progress-bar.grey-cascade {

  10661.   background: #95A5A6 !important;

  10662.   color: #FFFFFF !important; }

  10663. 

  10664. .progress-bar.grey-silver {

  10665.   background: #BFBFBF !important;

  10666.   color: #FAFCFB !important; }

  10667. 

  10668. .progress-bar.grey-salsa {

  10669.   background: #ACB5C3 !important;

  10670.   color: #FAFCFB !important; }

  10671. 

  10672. .progress-bar.grey-salt {

  10673.   background: #bfcad1 !important;

  10674.   color: #FAFCFB !important; }

  10675. 

  10676. .progress-bar.grey-mint {

  10677.   background: #525e64 !important;

  10678.   color: #FFFFFF !important; }

  10679. 

  10680. .progress-bar.red {

  10681.   background: #e7505a !important;

  10682.   color: #ffffff !important; }

  10683. 

  10684. .progress-bar.red-pink {

  10685.   background: #E08283 !important;

  10686.   color: #ffffff !important; }

  10687. 

  10688. .progress-bar.red-sunglo {

  10689.   background: #E26A6A !important;

  10690.   color: #ffffff !important; }

  10691. 

  10692. .progress-bar.red-intense {

  10693.   background: #e35b5a !important;

  10694.   color: #ffffff !important; }

  10695. 

  10696. .progress-bar.red-thunderbird {

  10697.   background: #D91E18 !important;

  10698.   color: #ffffff !important; }

  10699. 

  10700. .progress-bar.red-flamingo {

  10701.   background: #EF4836 !important;

  10702.   color: #ffffff !important; }

  10703. 

  10704. .progress-bar.red-soft {

  10705.   background: #d05454 !important;

  10706.   color: #ffffff !important; }

  10707. 

  10708. .progress-bar.red-haze {

  10709.   background: #f36a5a !important;

  10710.   color: #ffffff !important; }

  10711. 

  10712. .progress-bar.red-mint {

  10713.   background: #e43a45 !important;

  10714.   color: #ffffff !important; }

  10715. 

  10716. .progress-bar.yellow {

  10717.   background: #c49f47 !important;

  10718.   color: #ffffff !important; }

  10719. 

  10720. .progress-bar.yellow-gold {

  10721.   background: #E87E04 !important;

  10722.   color: #ffffff !important; }

  10723. 

  10724. .progress-bar.yellow-casablanca {

  10725.   background: #f2784b !important;

  10726.   color: #ffffff !important; }

  10727. 

  10728. .progress-bar.yellow-crusta {

  10729.   background: #f3c200 !important;

  10730.   color: #ffffff !important; }

  10731. 

  10732. .progress-bar.yellow-lemon {

  10733.   background: #F7CA18 !important;

  10734.   color: #ffffff !important; }

  10735. 

  10736. .progress-bar.yellow-saffron {

  10737.   background: #F4D03F !important;

  10738.   color: #ffffff !important; }

  10739. 

  10740. .progress-bar.yellow-soft {

  10741.   background: #c8d046 !important;

  10742.   color: #ffffff !important; }

  10743. 

  10744. .progress-bar.yellow-haze {

  10745.   background: #c5bf66 !important;

  10746.   color: #ffffff !important; }

  10747. 

  10748. .progress-bar.yellow-mint {

  10749.   background: #c5b96b !important;

  10750.   color: #ffffff !important; }

  10751. 

  10752. .progress-bar.purple {

  10753.   background: #8E44AD !important;

  10754.   color: #ffffff !important; }

  10755. 

  10756. .progress-bar.purple-plum {

  10757.   background: #8775a7 !important;

  10758.   color: #ffffff !important; }

  10759. 

  10760. .progress-bar.purple-medium {

  10761.   background: #BF55EC !important;

  10762.   color: #ffffff !important; }

  10763. 

  10764. .progress-bar.purple-studio {

  10765.   background: #8E44AD !important;

  10766.   color: #ffffff !important; }

  10767. 

  10768. .progress-bar.purple-wisteria {

  10769.   background: #9B59B6 !important;

  10770.   color: #ffffff !important; }

  10771. 

  10772. .progress-bar.purple-seance {

  10773.   background: #9A12B3 !important;

  10774.   color: #ffffff !important; }

  10775. 

  10776. .progress-bar.purple-intense {

  10777.   background: #8775a7 !important;

  10778.   color: #ffffff !important; }

  10779. 

  10780. .progress-bar.purple-sharp {

  10781.   background: #796799 !important;

  10782.   color: #ffffff !important; }

  10783. 

  10784. .progress-bar.purple-soft {

  10785.   background: #8877a9 !important;

  10786.   color: #ffffff !important; }

  10787. 

  10788. /***

  10789. Dashboard Stats

  10790. ***/

  10791. .dashboard-stat {

  10792.   display: block;

  10793.   margin-bottom: 25px;

  10794.   overflow: hidden;

  10795.   -webkit-border-radius: 4px;

  10796.   -moz-border-radius: 4px;

  10797.   -ms-border-radius: 4px;

  10798.   -o-border-radius: 4px;

  10799.   border-radius: 4px; }

  10800.   .dashboard-stat:before, .dashboard-stat:after {

  10801.     content: " ";

  10802.     display: table; }

  10803.   .dashboard-stat:after {

  10804.     clear: both; }

  10805.   .portlet .dashboard-stat:last-child {

  10806.     margin-bottom: 0; }

  10807.   .dashboard-stat .visual {

  10808.     width: 80px;

  10809.     height: 80px;

  10810.     display: block;

  10811.     float: left;

  10812.     padding-top: 10px;

  10813.     padding-left: 15px;

  10814.     margin-bottom: 15px;

  10815.     font-size: 35px;

  10816.     line-height: 35px; }

  10817.     .dashboard-stat .visual > i {

  10818.       margin-left: -35px;

  10819.       font-size: 110px;

  10820.       line-height: 110px; }

  10821.   .dashboard-stat .details {

  10822.     position: absolute;

  10823.     right: 15px;

  10824.     padding-right: 15px; }

  10825.     .dashboard-stat .details .number {

  10826.       padding-top: 25px;

  10827.       text-align: right;

  10828.       font-size: 34px;

  10829.       line-height: 36px;

  10830.       letter-spacing: -1px;

  10831.       margin-bottom: 0px;

  10832.       font-weight: 300; }

  10833.     .dashboard-stat .details .desc {

  10834.       text-align: right;

  10835.       font-size: 16px;

  10836.       letter-spacing: 0px;

  10837.       font-weight: 300; }

  10838.   .dashboard-stat .more {

  10839.     clear: both;

  10840.     display: block;

  10841.     padding: 6px 10px 6px 10px;

  10842.     position: relative;

  10843.     text-transform: uppercase;

  10844.     font-weight: 300;

  10845.     font-size: 11px;

  10846.     opacity: 0.7;

  10847.     filter: alpha(opacity=70); }

  10848.     .dashboard-stat .more:hover {

  10849.       text-decoration: none;

  10850.       opacity: 0.9;

  10851.       filter: alpha(opacity=90); }

  10852.     .dashboard-stat .more > i {

  10853.       display: inline-block;

  10854.       margin-top: 1px;

  10855.       float: right; }

  10856.   .dashboard-stat.dashboard-stat-v2 .visual {

  10857.     padding-top: 35px;

  10858.     margin-bottom: 40px; }

  10859. 

  10860. .dashboard-stat.white {

  10861.   background-color: #ffffff; }

  10862.   .dashboard-stat.white.dashboard-stat-light:hover {

  10863.     background-color: whitesmoke; }

  10864.   .dashboard-stat.white .visual > i {

  10865.     color: #666;

  10866.     opacity: 0.1;

  10867.     filter: alpha(opacity=10); }

  10868.   .dashboard-stat.white .details .number {

  10869.     color: #666; }

  10870.   .dashboard-stat.white .details .desc {

  10871.     color: #666;

  10872.     opacity: 1;

  10873.     filter: alpha(opacity=100); }

  10874.   .dashboard-stat.white .more {

  10875.     color: #666;

  10876.     background-color: whitesmoke; }

  10877. 

  10878. .dashboard-stat.default {

  10879.   background-color: #e1e5ec; }

  10880.   .dashboard-stat.default.dashboard-stat-light:hover {

  10881.     background-color: #d5dae4; }

  10882.   .dashboard-stat.default .visual > i {

  10883.     color: #666;

  10884.     opacity: 0.1;

  10885.     filter: alpha(opacity=10); }

  10886.   .dashboard-stat.default .details .number {

  10887.     color: #666; }

  10888.   .dashboard-stat.default .details .desc {

  10889.     color: #666;

  10890.     opacity: 1;

  10891.     filter: alpha(opacity=100); }

  10892.   .dashboard-stat.default .more {

  10893.     color: #666;

  10894.     background-color: #d5dae4; }

  10895. 

  10896. .dashboard-stat.dark {

  10897.   background-color: #2f353b; }

  10898.   .dashboard-stat.dark.dashboard-stat-light:hover {

  10899.     background-color: #262b30; }

  10900.   .dashboard-stat.dark .visual > i {

  10901.     color: #FFFFFF;

  10902.     opacity: 0.1;

  10903.     filter: alpha(opacity=10); }

  10904.   .dashboard-stat.dark .details .number {

  10905.     color: #FFFFFF; }

  10906.   .dashboard-stat.dark .details .desc {

  10907.     color: #FFFFFF;

  10908.     opacity: 1;

  10909.     filter: alpha(opacity=100); }

  10910.   .dashboard-stat.dark .more {

  10911.     color: #FFFFFF;

  10912.     background-color: #262b30; }

  10913. 

  10914. .dashboard-stat.blue {

  10915.   background-color: #3598dc; }

  10916.   .dashboard-stat.blue.dashboard-stat-light:hover {

  10917.     background-color: #258fd7; }

  10918.   .dashboard-stat.blue .visual > i {

  10919.     color: #FFFFFF;

  10920.     opacity: 0.1;

  10921.     filter: alpha(opacity=10); }

  10922.   .dashboard-stat.blue .details .number {

  10923.     color: #FFFFFF; }

  10924.   .dashboard-stat.blue .details .desc {

  10925.     color: #FFFFFF;

  10926.     opacity: 1;

  10927.     filter: alpha(opacity=100); }

  10928.   .dashboard-stat.blue .more {

  10929.     color: #FFFFFF;

  10930.     background-color: #258fd7; }

  10931. 

  10932. .dashboard-stat.blue-madison {

  10933.   background-color: #578ebe; }

  10934.   .dashboard-stat.blue-madison.dashboard-stat-light:hover {

  10935.     background-color: #4884b8; }

  10936.   .dashboard-stat.blue-madison .visual > i {

  10937.     color: #FFFFFF;

  10938.     opacity: 0.1;

  10939.     filter: alpha(opacity=10); }

  10940.   .dashboard-stat.blue-madison .details .number {

  10941.     color: #FFFFFF; }

  10942.   .dashboard-stat.blue-madison .details .desc {

  10943.     color: #FFFFFF;

  10944.     opacity: 1;

  10945.     filter: alpha(opacity=100); }

  10946.   .dashboard-stat.blue-madison .more {

  10947.     color: #FFFFFF;

  10948.     background-color: #4884b8; }

  10949. 

  10950. .dashboard-stat.blue-chambray {

  10951.   background-color: #2C3E50; }

  10952.   .dashboard-stat.blue-chambray.dashboard-stat-light:hover {

  10953.     background-color: #253443; }

  10954.   .dashboard-stat.blue-chambray .visual > i {

  10955.     color: #FFFFFF;

  10956.     opacity: 0.1;

  10957.     filter: alpha(opacity=10); }

  10958.   .dashboard-stat.blue-chambray .details .number {

  10959.     color: #FFFFFF; }

  10960.   .dashboard-stat.blue-chambray .details .desc {

  10961.     color: #FFFFFF;

  10962.     opacity: 1;

  10963.     filter: alpha(opacity=100); }

  10964.   .dashboard-stat.blue-chambray .more {

  10965.     color: #FFFFFF;

  10966.     background-color: #253443; }

  10967. 

  10968. .dashboard-stat.blue-ebonyclay {

  10969.   background-color: #22313F; }

  10970.   .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {

  10971.     background-color: #1b2732; }

  10972.   .dashboard-stat.blue-ebonyclay .visual > i {

  10973.     color: #FFFFFF;

  10974.     opacity: 0.1;

  10975.     filter: alpha(opacity=10); }

  10976.   .dashboard-stat.blue-ebonyclay .details .number {

  10977.     color: #FFFFFF; }

  10978.   .dashboard-stat.blue-ebonyclay .details .desc {

  10979.     color: #FFFFFF;

  10980.     opacity: 1;

  10981.     filter: alpha(opacity=100); }

  10982.   .dashboard-stat.blue-ebonyclay .more {

  10983.     color: #FFFFFF;

  10984.     background-color: #1b2732; }

  10985. 

  10986. .dashboard-stat.blue-hoki {

  10987.   background-color: #67809F; }

  10988.   .dashboard-stat.blue-hoki.dashboard-stat-light:hover {

  10989.     background-color: #5e7694; }

  10990.   .dashboard-stat.blue-hoki .visual > i {

  10991.     color: #FFFFFF;

  10992.     opacity: 0.1;

  10993.     filter: alpha(opacity=10); }

  10994.   .dashboard-stat.blue-hoki .details .number {

  10995.     color: #FFFFFF; }

  10996.   .dashboard-stat.blue-hoki .details .desc {

  10997.     color: #FFFFFF;

  10998.     opacity: 1;

  10999.     filter: alpha(opacity=100); }

  11000.   .dashboard-stat.blue-hoki .more {

  11001.     color: #FFFFFF;

  11002.     background-color: #5e7694; }

  11003. 

  11004. .dashboard-stat.blue-steel {

  11005.   background-color: #4B77BE; }

  11006.   .dashboard-stat.blue-steel.dashboard-stat-light:hover {

  11007.     background-color: #416db4; }

  11008.   .dashboard-stat.blue-steel .visual > i {

  11009.     color: #FFFFFF;

  11010.     opacity: 0.1;

  11011.     filter: alpha(opacity=10); }

  11012.   .dashboard-stat.blue-steel .details .number {

  11013.     color: #FFFFFF; }

  11014.   .dashboard-stat.blue-steel .details .desc {

  11015.     color: #FFFFFF;

  11016.     opacity: 1;

  11017.     filter: alpha(opacity=100); }

  11018.   .dashboard-stat.blue-steel .more {

  11019.     color: #FFFFFF;

  11020.     background-color: #416db4; }

  11021. 

  11022. .dashboard-stat.blue-soft {

  11023.   background-color: #4c87b9; }

  11024.   .dashboard-stat.blue-soft.dashboard-stat-light:hover {

  11025.     background-color: #447dad; }

  11026.   .dashboard-stat.blue-soft .visual > i {

  11027.     color: #FFFFFF;

  11028.     opacity: 0.1;

  11029.     filter: alpha(opacity=10); }

  11030.   .dashboard-stat.blue-soft .details .number {

  11031.     color: #FFFFFF; }

  11032.   .dashboard-stat.blue-soft .details .desc {

  11033.     color: #FFFFFF;

  11034.     opacity: 1;

  11035.     filter: alpha(opacity=100); }

  11036.   .dashboard-stat.blue-soft .more {

  11037.     color: #FFFFFF;

  11038.     background-color: #447dad; }

  11039. 

  11040. .dashboard-stat.blue-dark {

  11041.   background-color: #5e738b; }

  11042.   .dashboard-stat.blue-dark.dashboard-stat-light:hover {

  11043.     background-color: #56697f; }

  11044.   .dashboard-stat.blue-dark .visual > i {

  11045.     color: #FFFFFF;

  11046.     opacity: 0.1;

  11047.     filter: alpha(opacity=10); }

  11048.   .dashboard-stat.blue-dark .details .number {

  11049.     color: #FFFFFF; }

  11050.   .dashboard-stat.blue-dark .details .desc {

  11051.     color: #FFFFFF;

  11052.     opacity: 1;

  11053.     filter: alpha(opacity=100); }

  11054.   .dashboard-stat.blue-dark .more {

  11055.     color: #FFFFFF;

  11056.     background-color: #56697f; }

  11057. 

  11058. .dashboard-stat.blue-sharp {

  11059.   background-color: #5C9BD1; }

  11060.   .dashboard-stat.blue-sharp.dashboard-stat-light:hover {

  11061.     background-color: #4c91cd; }

  11062.   .dashboard-stat.blue-sharp .visual > i {

  11063.     color: #FFFFFF;

  11064.     opacity: 0.1;

  11065.     filter: alpha(opacity=10); }

  11066.   .dashboard-stat.blue-sharp .details .number {

  11067.     color: #FFFFFF; }

  11068.   .dashboard-stat.blue-sharp .details .desc {

  11069.     color: #FFFFFF;

  11070.     opacity: 1;

  11071.     filter: alpha(opacity=100); }

  11072.   .dashboard-stat.blue-sharp .more {

  11073.     color: #FFFFFF;

  11074.     background-color: #4c91cd; }

  11075. 

  11076. .dashboard-stat.blue-oleo {

  11077.   background-color: #94A0B2; }

  11078.   .dashboard-stat.blue-oleo.dashboard-stat-light:hover {

  11079.     background-color: #8895a9; }

  11080.   .dashboard-stat.blue-oleo .visual > i {

  11081.     color: #FFFFFF;

  11082.     opacity: 0.1;

  11083.     filter: alpha(opacity=10); }

  11084.   .dashboard-stat.blue-oleo .details .number {

  11085.     color: #FFFFFF; }

  11086.   .dashboard-stat.blue-oleo .details .desc {

  11087.     color: #FFFFFF;

  11088.     opacity: 1;

  11089.     filter: alpha(opacity=100); }

  11090.   .dashboard-stat.blue-oleo .more {

  11091.     color: #FFFFFF;

  11092.     background-color: #8895a9; }

  11093. 

  11094. .dashboard-stat.green {

  11095.   background-color: #32c5d2; }

  11096.   .dashboard-stat.green.dashboard-stat-light:hover {

  11097.     background-color: #2bb8c4; }

  11098.   .dashboard-stat.green .visual > i {

  11099.     color: #FFFFFF;

  11100.     opacity: 0.1;

  11101.     filter: alpha(opacity=10); }

  11102.   .dashboard-stat.green .details .number {

  11103.     color: #FFFFFF; }

  11104.   .dashboard-stat.green .details .desc {

  11105.     color: #FFFFFF;

  11106.     opacity: 1;

  11107.     filter: alpha(opacity=100); }

  11108.   .dashboard-stat.green .more {

  11109.     color: #FFFFFF;

  11110.     background-color: #2bb8c4; }

  11111. 

  11112. .dashboard-stat.green-meadow {

  11113.   background-color: #1BBC9B; }

  11114.   .dashboard-stat.green-meadow.dashboard-stat-light:hover {

  11115.     background-color: #18aa8c; }

  11116.   .dashboard-stat.green-meadow .visual > i {

  11117.     color: #FFFFFF;

  11118.     opacity: 0.1;

  11119.     filter: alpha(opacity=10); }

  11120.   .dashboard-stat.green-meadow .details .number {

  11121.     color: #FFFFFF; }

  11122.   .dashboard-stat.green-meadow .details .desc {

  11123.     color: #FFFFFF;

  11124.     opacity: 1;

  11125.     filter: alpha(opacity=100); }

  11126.   .dashboard-stat.green-meadow .more {

  11127.     color: #FFFFFF;

  11128.     background-color: #18aa8c; }

  11129. 

  11130. .dashboard-stat.green-seagreen {

  11131.   background-color: #1BA39C; }

  11132.   .dashboard-stat.green-seagreen.dashboard-stat-light:hover {

  11133.     background-color: #18918b; }

  11134.   .dashboard-stat.green-seagreen .visual > i {

  11135.     color: #FFFFFF;

  11136.     opacity: 0.1;

  11137.     filter: alpha(opacity=10); }

  11138.   .dashboard-stat.green-seagreen .details .number {

  11139.     color: #FFFFFF; }

  11140.   .dashboard-stat.green-seagreen .details .desc {

  11141.     color: #FFFFFF;

  11142.     opacity: 1;

  11143.     filter: alpha(opacity=100); }

  11144.   .dashboard-stat.green-seagreen .more {

  11145.     color: #FFFFFF;

  11146.     background-color: #18918b; }

  11147. 

  11148. .dashboard-stat.green-turquoise {

  11149.   background-color: #36D7B7; }

  11150.   .dashboard-stat.green-turquoise.dashboard-stat-light:hover {

  11151.     background-color: #29cfae; }

  11152.   .dashboard-stat.green-turquoise .visual > i {

  11153.     color: #FFFFFF;

  11154.     opacity: 0.1;

  11155.     filter: alpha(opacity=10); }

  11156.   .dashboard-stat.green-turquoise .details .number {

  11157.     color: #FFFFFF; }

  11158.   .dashboard-stat.green-turquoise .details .desc {

  11159.     color: #FFFFFF;

  11160.     opacity: 1;

  11161.     filter: alpha(opacity=100); }

  11162.   .dashboard-stat.green-turquoise .more {

  11163.     color: #FFFFFF;

  11164.     background-color: #29cfae; }

  11165. 

  11166. .dashboard-stat.green-haze {

  11167.   background-color: #44b6ae; }

  11168.   .dashboard-stat.green-haze.dashboard-stat-light:hover {

  11169.     background-color: #3ea7a0; }

  11170.   .dashboard-stat.green-haze .visual > i {

  11171.     color: #FFFFFF;

  11172.     opacity: 0.1;

  11173.     filter: alpha(opacity=10); }

  11174.   .dashboard-stat.green-haze .details .number {

  11175.     color: #FFFFFF; }

  11176.   .dashboard-stat.green-haze .details .desc {

  11177.     color: #FFFFFF;

  11178.     opacity: 1;

  11179.     filter: alpha(opacity=100); }

  11180.   .dashboard-stat.green-haze .more {

  11181.     color: #FFFFFF;

  11182.     background-color: #3ea7a0; }

  11183. 

  11184. .dashboard-stat.green-jungle {

  11185.   background-color: #26C281; }

  11186.   .dashboard-stat.green-jungle.dashboard-stat-light:hover {

  11187.     background-color: #23b176; }

  11188.   .dashboard-stat.green-jungle .visual > i {

  11189.     color: #FFFFFF;

  11190.     opacity: 0.1;

  11191.     filter: alpha(opacity=10); }

  11192.   .dashboard-stat.green-jungle .details .number {

  11193.     color: #FFFFFF; }

  11194.   .dashboard-stat.green-jungle .details .desc {

  11195.     color: #FFFFFF;

  11196.     opacity: 1;

  11197.     filter: alpha(opacity=100); }

  11198.   .dashboard-stat.green-jungle .more {

  11199.     color: #FFFFFF;

  11200.     background-color: #23b176; }

  11201. 

  11202. .dashboard-stat.green-soft {

  11203.   background-color: #3faba4; }

  11204.   .dashboard-stat.green-soft.dashboard-stat-light:hover {

  11205.     background-color: #3a9c96; }

  11206.   .dashboard-stat.green-soft .visual > i {

  11207.     color: #FFFFFF;

  11208.     opacity: 0.1;

  11209.     filter: alpha(opacity=10); }

  11210.   .dashboard-stat.green-soft .details .number {

  11211.     color: #FFFFFF; }

  11212.   .dashboard-stat.green-soft .details .desc {

  11213.     color: #FFFFFF;

  11214.     opacity: 1;

  11215.     filter: alpha(opacity=100); }

  11216.   .dashboard-stat.green-soft .more {

  11217.     color: #FFFFFF;

  11218.     background-color: #3a9c96; }

  11219. 

  11220. .dashboard-stat.green-dark {

  11221.   background-color: #4DB3A2; }

  11222.   .dashboard-stat.green-dark.dashboard-stat-light:hover {

  11223.     background-color: #46a595; }

  11224.   .dashboard-stat.green-dark .visual > i {

  11225.     color: #FFFFFF;

  11226.     opacity: 0.1;

  11227.     filter: alpha(opacity=10); }

  11228.   .dashboard-stat.green-dark .details .number {

  11229.     color: #FFFFFF; }

  11230.   .dashboard-stat.green-dark .details .desc {

  11231.     color: #FFFFFF;

  11232.     opacity: 1;

  11233.     filter: alpha(opacity=100); }

  11234.   .dashboard-stat.green-dark .more {

  11235.     color: #FFFFFF;

  11236.     background-color: #46a595; }

  11237. 

  11238. .dashboard-stat.green-sharp {

  11239.   background-color: #2ab4c0; }

  11240.   .dashboard-stat.green-sharp.dashboard-stat-light:hover {

  11241.     background-color: #26a4af; }

  11242.   .dashboard-stat.green-sharp .visual > i {

  11243.     color: #FFFFFF;

  11244.     opacity: 0.1;

  11245.     filter: alpha(opacity=10); }

  11246.   .dashboard-stat.green-sharp .details .number {

  11247.     color: #FFFFFF; }

  11248.   .dashboard-stat.green-sharp .details .desc {

  11249.     color: #FFFFFF;

  11250.     opacity: 1;

  11251.     filter: alpha(opacity=100); }

  11252.   .dashboard-stat.green-sharp .more {

  11253.     color: #FFFFFF;

  11254.     background-color: #26a4af; }

  11255. 

  11256. .dashboard-stat.green-steel {

  11257.   background-color: #29b4b6; }

  11258.   .dashboard-stat.green-steel.dashboard-stat-light:hover {

  11259.     background-color: #25a4a5; }

  11260.   .dashboard-stat.green-steel .visual > i {

  11261.     color: #FFFFFF;

  11262.     opacity: 0.1;

  11263.     filter: alpha(opacity=10); }

  11264.   .dashboard-stat.green-steel .details .number {

  11265.     color: #FFFFFF; }

  11266.   .dashboard-stat.green-steel .details .desc {

  11267.     color: #FFFFFF;

  11268.     opacity: 1;

  11269.     filter: alpha(opacity=100); }

  11270.   .dashboard-stat.green-steel .more {

  11271.     color: #FFFFFF;

  11272.     background-color: #25a4a5; }

  11273. 

  11274. .dashboard-stat.grey {

  11275.   background-color: #E5E5E5; }

  11276.   .dashboard-stat.grey.dashboard-stat-light:hover {

  11277.     background-color: #dbdbdb; }

  11278.   .dashboard-stat.grey .visual > i {

  11279.     color: #333333;

  11280.     opacity: 0.1;

  11281.     filter: alpha(opacity=10); }

  11282.   .dashboard-stat.grey .details .number {

  11283.     color: #333333; }

  11284.   .dashboard-stat.grey .details .desc {

  11285.     color: #333333;

  11286.     opacity: 1;

  11287.     filter: alpha(opacity=100); }

  11288.   .dashboard-stat.grey .more {

  11289.     color: #333333;

  11290.     background-color: #dbdbdb; }

  11291. 

  11292. .dashboard-stat.grey-steel {

  11293.   background-color: #e9edef; }

  11294.   .dashboard-stat.grey-steel.dashboard-stat-light:hover {

  11295.     background-color: #dde3e6; }

  11296.   .dashboard-stat.grey-steel .visual > i {

  11297.     color: #80898e;

  11298.     opacity: 0.1;

  11299.     filter: alpha(opacity=10); }

  11300.   .dashboard-stat.grey-steel .details .number {

  11301.     color: #80898e; }

  11302.   .dashboard-stat.grey-steel .details .desc {

  11303.     color: #80898e;

  11304.     opacity: 1;

  11305.     filter: alpha(opacity=100); }

  11306.   .dashboard-stat.grey-steel .more {

  11307.     color: #80898e;

  11308.     background-color: #dde3e6; }

  11309. 

  11310. .dashboard-stat.grey-cararra {

  11311.   background-color: #fafafa; }

  11312.   .dashboard-stat.grey-cararra.dashboard-stat-light:hover {

  11313.     background-color: #f0f0f0; }

  11314.   .dashboard-stat.grey-cararra .visual > i {

  11315.     color: #333333;

  11316.     opacity: 0.1;

  11317.     filter: alpha(opacity=10); }

  11318.   .dashboard-stat.grey-cararra .details .number {

  11319.     color: #333333; }

  11320.   .dashboard-stat.grey-cararra .details .desc {

  11321.     color: #333333;

  11322.     opacity: 1;

  11323.     filter: alpha(opacity=100); }

  11324.   .dashboard-stat.grey-cararra .more {

  11325.     color: #333333;

  11326.     background-color: #f0f0f0; }

  11327. 

  11328. .dashboard-stat.grey-gallery {

  11329.   background-color: #555555; }

  11330.   .dashboard-stat.grey-gallery.dashboard-stat-light:hover {

  11331.     background-color: #4b4b4b; }

  11332.   .dashboard-stat.grey-gallery .visual > i {

  11333.     color: #ffffff;

  11334.     opacity: 0.1;

  11335.     filter: alpha(opacity=10); }

  11336.   .dashboard-stat.grey-gallery .details .number {

  11337.     color: #ffffff; }

  11338.   .dashboard-stat.grey-gallery .details .desc {

  11339.     color: #ffffff;

  11340.     opacity: 1;

  11341.     filter: alpha(opacity=100); }

  11342.   .dashboard-stat.grey-gallery .more {

  11343.     color: #ffffff;

  11344.     background-color: #4b4b4b; }

  11345. 

  11346. .dashboard-stat.grey-cascade {

  11347.   background-color: #95A5A6; }

  11348.   .dashboard-stat.grey-cascade.dashboard-stat-light:hover {

  11349.     background-color: #8a9c9d; }

  11350.   .dashboard-stat.grey-cascade .visual > i {

  11351.     color: #FFFFFF;

  11352.     opacity: 0.1;

  11353.     filter: alpha(opacity=10); }

  11354.   .dashboard-stat.grey-cascade .details .number {

  11355.     color: #FFFFFF; }

  11356.   .dashboard-stat.grey-cascade .details .desc {

  11357.     color: #FFFFFF;

  11358.     opacity: 1;

  11359.     filter: alpha(opacity=100); }

  11360.   .dashboard-stat.grey-cascade .more {

  11361.     color: #FFFFFF;

  11362.     background-color: #8a9c9d; }

  11363. 

  11364. .dashboard-stat.grey-silver {

  11365.   background-color: #BFBFBF; }

  11366.   .dashboard-stat.grey-silver.dashboard-stat-light:hover {

  11367.     background-color: #b5b5b5; }

  11368.   .dashboard-stat.grey-silver .visual > i {

  11369.     color: #FAFCFB;

  11370.     opacity: 0.1;

  11371.     filter: alpha(opacity=10); }

  11372.   .dashboard-stat.grey-silver .details .number {

  11373.     color: #FAFCFB; }

  11374.   .dashboard-stat.grey-silver .details .desc {

  11375.     color: #FAFCFB;

  11376.     opacity: 1;

  11377.     filter: alpha(opacity=100); }

  11378.   .dashboard-stat.grey-silver .more {

  11379.     color: #FAFCFB;

  11380.     background-color: #b5b5b5; }

  11381. 

  11382. .dashboard-stat.grey-salsa {

  11383.   background-color: #ACB5C3; }

  11384.   .dashboard-stat.grey-salsa.dashboard-stat-light:hover {

  11385.     background-color: #a0aaba; }

  11386.   .dashboard-stat.grey-salsa .visual > i {

  11387.     color: #FAFCFB;

  11388.     opacity: 0.1;

  11389.     filter: alpha(opacity=10); }

  11390.   .dashboard-stat.grey-salsa .details .number {

  11391.     color: #FAFCFB; }

  11392.   .dashboard-stat.grey-salsa .details .desc {

  11393.     color: #FAFCFB;

  11394.     opacity: 1;

  11395.     filter: alpha(opacity=100); }

  11396.   .dashboard-stat.grey-salsa .more {

  11397.     color: #FAFCFB;

  11398.     background-color: #a0aaba; }

  11399. 

  11400. .dashboard-stat.grey-salt {

  11401.   background-color: #bfcad1; }

  11402.   .dashboard-stat.grey-salt.dashboard-stat-light:hover {

  11403.     background-color: #b3c0c8; }

  11404.   .dashboard-stat.grey-salt .visual > i {

  11405.     color: #FAFCFB;

  11406.     opacity: 0.1;

  11407.     filter: alpha(opacity=10); }

  11408.   .dashboard-stat.grey-salt .details .number {

  11409.     color: #FAFCFB; }

  11410.   .dashboard-stat.grey-salt .details .desc {

  11411.     color: #FAFCFB;

  11412.     opacity: 1;

  11413.     filter: alpha(opacity=100); }

  11414.   .dashboard-stat.grey-salt .more {

  11415.     color: #FAFCFB;

  11416.     background-color: #b3c0c8; }

  11417. 

  11418. .dashboard-stat.grey-mint {

  11419.   background-color: #525e64; }

  11420.   .dashboard-stat.grey-mint.dashboard-stat-light:hover {

  11421.     background-color: #495359; }

  11422.   .dashboard-stat.grey-mint .visual > i {

  11423.     color: #FFFFFF;

  11424.     opacity: 0.1;

  11425.     filter: alpha(opacity=10); }

  11426.   .dashboard-stat.grey-mint .details .number {

  11427.     color: #FFFFFF; }

  11428.   .dashboard-stat.grey-mint .details .desc {

  11429.     color: #FFFFFF;

  11430.     opacity: 1;

  11431.     filter: alpha(opacity=100); }

  11432.   .dashboard-stat.grey-mint .more {

  11433.     color: #FFFFFF;

  11434.     background-color: #495359; }

  11435. 

  11436. .dashboard-stat.red {

  11437.   background-color: #e7505a; }

  11438.   .dashboard-stat.red.dashboard-stat-light:hover {

  11439.     background-color: #e53e49; }

  11440.   .dashboard-stat.red .visual > i {

  11441.     color: #ffffff;

  11442.     opacity: 0.1;

  11443.     filter: alpha(opacity=10); }

  11444.   .dashboard-stat.red .details .number {

  11445.     color: #ffffff; }

  11446.   .dashboard-stat.red .details .desc {

  11447.     color: #ffffff;

  11448.     opacity: 1;

  11449.     filter: alpha(opacity=100); }

  11450.   .dashboard-stat.red .more {

  11451.     color: #ffffff;

  11452.     background-color: #e53e49; }

  11453. 

  11454. .dashboard-stat.red-pink {

  11455.   background-color: #E08283; }

  11456.   .dashboard-stat.red-pink.dashboard-stat-light:hover {

  11457.     background-color: #dc7273; }

  11458.   .dashboard-stat.red-pink .visual > i {

  11459.     color: #ffffff;

  11460.     opacity: 0.1;

  11461.     filter: alpha(opacity=10); }

  11462.   .dashboard-stat.red-pink .details .number {

  11463.     color: #ffffff; }

  11464.   .dashboard-stat.red-pink .details .desc {

  11465.     color: #ffffff;

  11466.     opacity: 1;

  11467.     filter: alpha(opacity=100); }

  11468.   .dashboard-stat.red-pink .more {

  11469.     color: #ffffff;

  11470.     background-color: #dc7273; }

  11471. 

  11472. .dashboard-stat.red-sunglo {

  11473.   background-color: #E26A6A; }

  11474.   .dashboard-stat.red-sunglo.dashboard-stat-light:hover {

  11475.     background-color: #df5959; }

  11476.   .dashboard-stat.red-sunglo .visual > i {

  11477.     color: #ffffff;

  11478.     opacity: 0.1;

  11479.     filter: alpha(opacity=10); }

  11480.   .dashboard-stat.red-sunglo .details .number {

  11481.     color: #ffffff; }

  11482.   .dashboard-stat.red-sunglo .details .desc {

  11483.     color: #ffffff;

  11484.     opacity: 1;

  11485.     filter: alpha(opacity=100); }

  11486.   .dashboard-stat.red-sunglo .more {

  11487.     color: #ffffff;

  11488.     background-color: #df5959; }

  11489. 

  11490. .dashboard-stat.red-intense {

  11491.   background-color: #e35b5a; }

  11492.   .dashboard-stat.red-intense.dashboard-stat-light:hover {

  11493.     background-color: #e04a49; }

  11494.   .dashboard-stat.red-intense .visual > i {

  11495.     color: #ffffff;

  11496.     opacity: 0.1;

  11497.     filter: alpha(opacity=10); }

  11498.   .dashboard-stat.red-intense .details .number {

  11499.     color: #ffffff; }

  11500.   .dashboard-stat.red-intense .details .desc {

  11501.     color: #ffffff;

  11502.     opacity: 1;

  11503.     filter: alpha(opacity=100); }

  11504.   .dashboard-stat.red-intense .more {

  11505.     color: #ffffff;

  11506.     background-color: #e04a49; }

  11507. 

  11508. .dashboard-stat.red-thunderbird {

  11509.   background-color: #D91E18; }

  11510.   .dashboard-stat.red-thunderbird.dashboard-stat-light:hover {

  11511.     background-color: #c71b16; }

  11512.   .dashboard-stat.red-thunderbird .visual > i {

  11513.     color: #ffffff;

  11514.     opacity: 0.1;

  11515.     filter: alpha(opacity=10); }

  11516.   .dashboard-stat.red-thunderbird .details .number {

  11517.     color: #ffffff; }

  11518.   .dashboard-stat.red-thunderbird .details .desc {

  11519.     color: #ffffff;

  11520.     opacity: 1;

  11521.     filter: alpha(opacity=100); }

  11522.   .dashboard-stat.red-thunderbird .more {

  11523.     color: #ffffff;

  11524.     background-color: #c71b16; }

  11525. 

  11526. .dashboard-stat.red-flamingo {

  11527.   background-color: #EF4836; }

  11528.   .dashboard-stat.red-flamingo.dashboard-stat-light:hover {

  11529.     background-color: #ed3723; }

  11530.   .dashboard-stat.red-flamingo .visual > i {

  11531.     color: #ffffff;

  11532.     opacity: 0.1;

  11533.     filter: alpha(opacity=10); }

  11534.   .dashboard-stat.red-flamingo .details .number {

  11535.     color: #ffffff; }

  11536.   .dashboard-stat.red-flamingo .details .desc {

  11537.     color: #ffffff;

  11538.     opacity: 1;

  11539.     filter: alpha(opacity=100); }

  11540.   .dashboard-stat.red-flamingo .more {

  11541.     color: #ffffff;

  11542.     background-color: #ed3723; }

  11543. 

  11544. .dashboard-stat.red-soft {

  11545.   background-color: #d05454; }

  11546.   .dashboard-stat.red-soft.dashboard-stat-light:hover {

  11547.     background-color: #cc4444; }

  11548.   .dashboard-stat.red-soft .visual > i {

  11549.     color: #ffffff;

  11550.     opacity: 0.1;

  11551.     filter: alpha(opacity=10); }

  11552.   .dashboard-stat.red-soft .details .number {

  11553.     color: #ffffff; }

  11554.   .dashboard-stat.red-soft .details .desc {

  11555.     color: #ffffff;

  11556.     opacity: 1;

  11557.     filter: alpha(opacity=100); }

  11558.   .dashboard-stat.red-soft .more {

  11559.     color: #ffffff;

  11560.     background-color: #cc4444; }

  11561. 

  11562. .dashboard-stat.red-haze {

  11563.   background-color: #f36a5a; }

  11564.   .dashboard-stat.red-haze.dashboard-stat-light:hover {

  11565.     background-color: #f25947; }

  11566.   .dashboard-stat.red-haze .visual > i {

  11567.     color: #ffffff;

  11568.     opacity: 0.1;

  11569.     filter: alpha(opacity=10); }

  11570.   .dashboard-stat.red-haze .details .number {

  11571.     color: #ffffff; }

  11572.   .dashboard-stat.red-haze .details .desc {

  11573.     color: #ffffff;

  11574.     opacity: 1;

  11575.     filter: alpha(opacity=100); }

  11576.   .dashboard-stat.red-haze .more {

  11577.     color: #ffffff;

  11578.     background-color: #f25947; }

  11579. 

  11580. .dashboard-stat.red-mint {

  11581.   background-color: #e43a45; }

  11582.   .dashboard-stat.red-mint.dashboard-stat-light:hover {

  11583.     background-color: #e22834; }

  11584.   .dashboard-stat.red-mint .visual > i {

  11585.     color: #ffffff;

  11586.     opacity: 0.1;

  11587.     filter: alpha(opacity=10); }

  11588.   .dashboard-stat.red-mint .details .number {

  11589.     color: #ffffff; }

  11590.   .dashboard-stat.red-mint .details .desc {

  11591.     color: #ffffff;

  11592.     opacity: 1;

  11593.     filter: alpha(opacity=100); }

  11594.   .dashboard-stat.red-mint .more {

  11595.     color: #ffffff;

  11596.     background-color: #e22834; }

  11597. 

  11598. .dashboard-stat.yellow {

  11599.   background-color: #c49f47; }

  11600.   .dashboard-stat.yellow.dashboard-stat-light:hover {

  11601.     background-color: #bb953c; }

  11602.   .dashboard-stat.yellow .visual > i {

  11603.     color: #ffffff;

  11604.     opacity: 0.1;

  11605.     filter: alpha(opacity=10); }

  11606.   .dashboard-stat.yellow .details .number {

  11607.     color: #ffffff; }

  11608.   .dashboard-stat.yellow .details .desc {

  11609.     color: #ffffff;

  11610.     opacity: 1;

  11611.     filter: alpha(opacity=100); }

  11612.   .dashboard-stat.yellow .more {

  11613.     color: #ffffff;

  11614.     background-color: #bb953c; }

  11615. 

  11616. .dashboard-stat.yellow-gold {

  11617.   background-color: #E87E04; }

  11618.   .dashboard-stat.yellow-gold.dashboard-stat-light:hover {

  11619.     background-color: #d47304; }

  11620.   .dashboard-stat.yellow-gold .visual > i {

  11621.     color: #ffffff;

  11622.     opacity: 0.1;

  11623.     filter: alpha(opacity=10); }

  11624.   .dashboard-stat.yellow-gold .details .number {

  11625.     color: #ffffff; }

  11626.   .dashboard-stat.yellow-gold .details .desc {

  11627.     color: #ffffff;

  11628.     opacity: 1;

  11629.     filter: alpha(opacity=100); }

  11630.   .dashboard-stat.yellow-gold .more {

  11631.     color: #ffffff;

  11632.     background-color: #d47304; }

  11633. 

  11634. .dashboard-stat.yellow-casablanca {

  11635.   background-color: #f2784b; }

  11636.   .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {

  11637.     background-color: #f16a38; }

  11638.   .dashboard-stat.yellow-casablanca .visual > i {

  11639.     color: #ffffff;

  11640.     opacity: 0.1;

  11641.     filter: alpha(opacity=10); }

  11642.   .dashboard-stat.yellow-casablanca .details .number {

  11643.     color: #ffffff; }

  11644.   .dashboard-stat.yellow-casablanca .details .desc {

  11645.     color: #ffffff;

  11646.     opacity: 1;

  11647.     filter: alpha(opacity=100); }

  11648.   .dashboard-stat.yellow-casablanca .more {

  11649.     color: #ffffff;

  11650.     background-color: #f16a38; }

  11651. 

  11652. .dashboard-stat.yellow-crusta {

  11653.   background-color: #f3c200; }

  11654.   .dashboard-stat.yellow-crusta.dashboard-stat-light:hover {

  11655.     background-color: #dfb200; }

  11656.   .dashboard-stat.yellow-crusta .visual > i {

  11657.     color: #ffffff;

  11658.     opacity: 0.1;

  11659.     filter: alpha(opacity=10); }

  11660.   .dashboard-stat.yellow-crusta .details .number {

  11661.     color: #ffffff; }

  11662.   .dashboard-stat.yellow-crusta .details .desc {

  11663.     color: #ffffff;

  11664.     opacity: 1;

  11665.     filter: alpha(opacity=100); }

  11666.   .dashboard-stat.yellow-crusta .more {

  11667.     color: #ffffff;

  11668.     background-color: #dfb200; }

  11669. 

  11670. .dashboard-stat.yellow-lemon {

  11671.   background-color: #F7CA18; }

  11672.   .dashboard-stat.yellow-lemon.dashboard-stat-light:hover {

  11673.     background-color: #f2c308; }

  11674.   .dashboard-stat.yellow-lemon .visual > i {

  11675.     color: #ffffff;

  11676.     opacity: 0.1;

  11677.     filter: alpha(opacity=10); }

  11678.   .dashboard-stat.yellow-lemon .details .number {

  11679.     color: #ffffff; }

  11680.   .dashboard-stat.yellow-lemon .details .desc {

  11681.     color: #ffffff;

  11682.     opacity: 1;

  11683.     filter: alpha(opacity=100); }

  11684.   .dashboard-stat.yellow-lemon .more {

  11685.     color: #ffffff;

  11686.     background-color: #f2c308; }

  11687. 

  11688. .dashboard-stat.yellow-saffron {

  11689.   background-color: #F4D03F; }

  11690.   .dashboard-stat.yellow-saffron.dashboard-stat-light:hover {

  11691.     background-color: #f3cb2c; }

  11692.   .dashboard-stat.yellow-saffron .visual > i {

  11693.     color: #ffffff;

  11694.     opacity: 0.1;

  11695.     filter: alpha(opacity=10); }

  11696.   .dashboard-stat.yellow-saffron .details .number {

  11697.     color: #ffffff; }

  11698.   .dashboard-stat.yellow-saffron .details .desc {

  11699.     color: #ffffff;

  11700.     opacity: 1;

  11701.     filter: alpha(opacity=100); }

  11702.   .dashboard-stat.yellow-saffron .more {

  11703.     color: #ffffff;

  11704.     background-color: #f3cb2c; }

  11705. 

  11706. .dashboard-stat.yellow-soft {

  11707.   background-color: #c8d046; }

  11708.   .dashboard-stat.yellow-soft.dashboard-stat-light:hover {

  11709.     background-color: #c3cc36; }

  11710.   .dashboard-stat.yellow-soft .visual > i {

  11711.     color: #ffffff;

  11712.     opacity: 0.1;

  11713.     filter: alpha(opacity=10); }

  11714.   .dashboard-stat.yellow-soft .details .number {

  11715.     color: #ffffff; }

  11716.   .dashboard-stat.yellow-soft .details .desc {

  11717.     color: #ffffff;

  11718.     opacity: 1;

  11719.     filter: alpha(opacity=100); }

  11720.   .dashboard-stat.yellow-soft .more {

  11721.     color: #ffffff;

  11722.     background-color: #c3cc36; }

  11723. 

  11724. .dashboard-stat.yellow-haze {

  11725.   background-color: #c5bf66; }

  11726.   .dashboard-stat.yellow-haze.dashboard-stat-light:hover {

  11727.     background-color: #bfb957; }

  11728.   .dashboard-stat.yellow-haze .visual > i {

  11729.     color: #ffffff;

  11730.     opacity: 0.1;

  11731.     filter: alpha(opacity=10); }

  11732.   .dashboard-stat.yellow-haze .details .number {

  11733.     color: #ffffff; }

  11734.   .dashboard-stat.yellow-haze .details .desc {

  11735.     color: #ffffff;

  11736.     opacity: 1;

  11737.     filter: alpha(opacity=100); }

  11738.   .dashboard-stat.yellow-haze .more {

  11739.     color: #ffffff;

  11740.     background-color: #bfb957; }

  11741. 

  11742. .dashboard-stat.yellow-mint {

  11743.   background-color: #c5b96b; }

  11744.   .dashboard-stat.yellow-mint.dashboard-stat-light:hover {

  11745.     background-color: #bfb25c; }

  11746.   .dashboard-stat.yellow-mint .visual > i {

  11747.     color: #ffffff;

  11748.     opacity: 0.1;

  11749.     filter: alpha(opacity=10); }

  11750.   .dashboard-stat.yellow-mint .details .number {

  11751.     color: #ffffff; }

  11752.   .dashboard-stat.yellow-mint .details .desc {

  11753.     color: #ffffff;

  11754.     opacity: 1;

  11755.     filter: alpha(opacity=100); }

  11756.   .dashboard-stat.yellow-mint .more {

  11757.     color: #ffffff;

  11758.     background-color: #bfb25c; }

  11759. 

  11760. .dashboard-stat.purple {

  11761.   background-color: #8E44AD; }

  11762.   .dashboard-stat.purple.dashboard-stat-light:hover {

  11763.     background-color: #823e9e; }

  11764.   .dashboard-stat.purple .visual > i {

  11765.     color: #ffffff;

  11766.     opacity: 0.1;

  11767.     filter: alpha(opacity=10); }

  11768.   .dashboard-stat.purple .details .number {

  11769.     color: #ffffff; }

  11770.   .dashboard-stat.purple .details .desc {

  11771.     color: #ffffff;

  11772.     opacity: 1;

  11773.     filter: alpha(opacity=100); }

  11774.   .dashboard-stat.purple .more {

  11775.     color: #ffffff;

  11776.     background-color: #823e9e; }

  11777. 

  11778. .dashboard-stat.purple-plum {

  11779.   background-color: #8775a7; }

  11780.   .dashboard-stat.purple-plum.dashboard-stat-light:hover {

  11781.     background-color: #7c699f; }

  11782.   .dashboard-stat.purple-plum .visual > i {

  11783.     color: #ffffff;

  11784.     opacity: 0.1;

  11785.     filter: alpha(opacity=10); }

  11786.   .dashboard-stat.purple-plum .details .number {

  11787.     color: #ffffff; }

  11788.   .dashboard-stat.purple-plum .details .desc {

  11789.     color: #ffffff;

  11790.     opacity: 1;

  11791.     filter: alpha(opacity=100); }

  11792.   .dashboard-stat.purple-plum .more {

  11793.     color: #ffffff;

  11794.     background-color: #7c699f; }

  11795. 

  11796. .dashboard-stat.purple-medium {

  11797.   background-color: #BF55EC; }

  11798.   .dashboard-stat.purple-medium.dashboard-stat-light:hover {

  11799.     background-color: #b843ea; }

  11800.   .dashboard-stat.purple-medium .visual > i {

  11801.     color: #ffffff;

  11802.     opacity: 0.1;

  11803.     filter: alpha(opacity=10); }

  11804.   .dashboard-stat.purple-medium .details .number {

  11805.     color: #ffffff; }

  11806.   .dashboard-stat.purple-medium .details .desc {

  11807.     color: #ffffff;

  11808.     opacity: 1;

  11809.     filter: alpha(opacity=100); }

  11810.   .dashboard-stat.purple-medium .more {

  11811.     color: #ffffff;

  11812.     background-color: #b843ea; }

  11813. 

  11814. .dashboard-stat.purple-studio {

  11815.   background-color: #8E44AD; }

  11816.   .dashboard-stat.purple-studio.dashboard-stat-light:hover {

  11817.     background-color: #823e9e; }

  11818.   .dashboard-stat.purple-studio .visual > i {

  11819.     color: #ffffff;

  11820.     opacity: 0.1;

  11821.     filter: alpha(opacity=10); }

  11822.   .dashboard-stat.purple-studio .details .number {

  11823.     color: #ffffff; }

  11824.   .dashboard-stat.purple-studio .details .desc {

  11825.     color: #ffffff;

  11826.     opacity: 1;

  11827.     filter: alpha(opacity=100); }

  11828.   .dashboard-stat.purple-studio .more {

  11829.     color: #ffffff;

  11830.     background-color: #823e9e; }

  11831. 

  11832. .dashboard-stat.purple-wisteria {

  11833.   background-color: #9B59B6; }

  11834.   .dashboard-stat.purple-wisteria.dashboard-stat-light:hover {

  11835.     background-color: #924dae; }

  11836.   .dashboard-stat.purple-wisteria .visual > i {

  11837.     color: #ffffff;

  11838.     opacity: 0.1;

  11839.     filter: alpha(opacity=10); }

  11840.   .dashboard-stat.purple-wisteria .details .number {

  11841.     color: #ffffff; }

  11842.   .dashboard-stat.purple-wisteria .details .desc {

  11843.     color: #ffffff;

  11844.     opacity: 1;

  11845.     filter: alpha(opacity=100); }

  11846.   .dashboard-stat.purple-wisteria .more {

  11847.     color: #ffffff;

  11848.     background-color: #924dae; }

  11849. 

  11850. .dashboard-stat.purple-seance {

  11851.   background-color: #9A12B3; }

  11852.   .dashboard-stat.purple-seance.dashboard-stat-light:hover {

  11853.     background-color: #8a10a0; }

  11854.   .dashboard-stat.purple-seance .visual > i {

  11855.     color: #ffffff;

  11856.     opacity: 0.1;

  11857.     filter: alpha(opacity=10); }

  11858.   .dashboard-stat.purple-seance .details .number {

  11859.     color: #ffffff; }

  11860.   .dashboard-stat.purple-seance .details .desc {

  11861.     color: #ffffff;

  11862.     opacity: 1;

  11863.     filter: alpha(opacity=100); }

  11864.   .dashboard-stat.purple-seance .more {

  11865.     color: #ffffff;

  11866.     background-color: #8a10a0; }

  11867. 

  11868. .dashboard-stat.purple-intense {

  11869.   background-color: #8775a7; }

  11870.   .dashboard-stat.purple-intense.dashboard-stat-light:hover {

  11871.     background-color: #7c699f; }

  11872.   .dashboard-stat.purple-intense .visual > i {

  11873.     color: #ffffff;

  11874.     opacity: 0.1;

  11875.     filter: alpha(opacity=10); }

  11876.   .dashboard-stat.purple-intense .details .number {

  11877.     color: #ffffff; }

  11878.   .dashboard-stat.purple-intense .details .desc {

  11879.     color: #ffffff;

  11880.     opacity: 1;

  11881.     filter: alpha(opacity=100); }

  11882.   .dashboard-stat.purple-intense .more {

  11883.     color: #ffffff;

  11884.     background-color: #7c699f; }

  11885. 

  11886. .dashboard-stat.purple-sharp {

  11887.   background-color: #796799; }

  11888.   .dashboard-stat.purple-sharp.dashboard-stat-light:hover {

  11889.     background-color: #6f5f8d; }

  11890.   .dashboard-stat.purple-sharp .visual > i {

  11891.     color: #ffffff;

  11892.     opacity: 0.1;

  11893.     filter: alpha(opacity=10); }

  11894.   .dashboard-stat.purple-sharp .details .number {

  11895.     color: #ffffff; }

  11896.   .dashboard-stat.purple-sharp .details .desc {

  11897.     color: #ffffff;

  11898.     opacity: 1;

  11899.     filter: alpha(opacity=100); }

  11900.   .dashboard-stat.purple-sharp .more {

  11901.     color: #ffffff;

  11902.     background-color: #6f5f8d; }

  11903. 

  11904. .dashboard-stat.purple-soft {

  11905.   background-color: #8877a9; }

  11906.   .dashboard-stat.purple-soft.dashboard-stat-light:hover {

  11907.     background-color: #7d6ba1; }

  11908.   .dashboard-stat.purple-soft .visual > i {

  11909.     color: #ffffff;

  11910.     opacity: 0.1;

  11911.     filter: alpha(opacity=10); }

  11912.   .dashboard-stat.purple-soft .details .number {

  11913.     color: #ffffff; }

  11914.   .dashboard-stat.purple-soft .details .desc {

  11915.     color: #ffffff;

  11916.     opacity: 1;

  11917.     filter: alpha(opacity=100); }

  11918.   .dashboard-stat.purple-soft .more {

  11919.     color: #ffffff;

  11920.     background-color: #7d6ba1; }

  11921. 

  11922. .dashboard-stat-light {

  11923.   padding-bottom: 20px;

  11924.   margin-bottom: 20px; }

  11925.   .dashboard-stat-light .details {

  11926.     margin-bottom: 5px; }

  11927.     .dashboard-stat-light .details .number {

  11928.       font-weight: 300;

  11929.       margin-bottom: 0px; }

  11930. 

  11931. /***

  11932. Dashboard Stats 2

  11933. ***/

  11934. .dashboard-stat2 {

  11935.   -webkit-border-radius: 4px;

  11936.   -moz-border-radius: 4px;

  11937.   -ms-border-radius: 4px;

  11938.   -o-border-radius: 4px;

  11939.   border-radius: 4px;

  11940.   background: #fff;

  11941.   padding: 15px 15px 30px 15px;

  11942.   margin-bottom: 20px; }

  11943.   .dashboard-stat2.bordered {

  11944.     border: 1px solid #e7ecf1; }

  11945.   .dashboard-stat2 .display {

  11946.     margin-bottom: 20px; }

  11947.     .dashboard-stat2 .display:before, .dashboard-stat2 .display:after {

  11948.       content: " ";

  11949.       display: table; }

  11950.     .dashboard-stat2 .display:after {

  11951.       clear: both; }

  11952.     .dashboard-stat2 .display .number {

  11953.       float: left;

  11954.       display: inline-block; }

  11955.       .dashboard-stat2 .display .number h3 {

  11956.         margin: 0 0 2px 0;

  11957.         padding: 0;

  11958.         font-size: 30px;

  11959.         font-weight: 400; }

  11960.         .dashboard-stat2 .display .number h3 > small {

  11961.           font-size: 23px; }

  11962.       .dashboard-stat2 .display .number small {

  11963.         font-size: 14px;

  11964.         color: #AAB5BC;

  11965.         font-weight: 600;

  11966.         text-transform: uppercase; }

  11967.     .dashboard-stat2 .display .icon {

  11968.       display: inline-block;

  11969.       float: right;

  11970.       padding: 7px 0 0 0; }

  11971.       .dashboard-stat2 .display .icon > i {

  11972.         color: #cbd4e0;

  11973.         font-size: 26px; }

  11974.   .dashboard-stat2 .progress-info {

  11975.     clear: both; }

  11976.     .dashboard-stat2 .progress-info .progress {

  11977.       margin: 0;

  11978.       height: 4px;

  11979.       clear: both;

  11980.       display: block; }

  11981.     .dashboard-stat2 .progress-info .status {

  11982.       margin-top: 5px;

  11983.       font-size: 11px;

  11984.       color: #AAB5BC;

  11985.       font-weight: 600;

  11986.       text-transform: uppercase; }

  11987.       .dashboard-stat2 .progress-info .status .status-title {

  11988.         float: left;

  11989.         display: inline-block; }

  11990.       .dashboard-stat2 .progress-info .status .status-number {

  11991.         float: right;

  11992.         display: inline-block; }

  11993. 

  11994. /***

  11995. Text Stats

  11996. ***/

  11997. .text-stat h3 {

  11998.   margin-top: 5px;

  11999.   margin-bottom: 0px;

  12000.   font-size: 18px; }

  12001. 

  12002. .text-stat span {

  12003.   font-size: 13px !important; }

  12004. 

  12005. @media (max-width: 767px) {

  12006.   /* 767px */

  12007.   .text-stat {

  12008.     margin-top: 20px; } }

  12009. 

  12010. /***

  12011. Social Icons

  12012. ***/

  12013. .social-icons {

  12014.   padding: 0;

  12015.   margin: 0; }

  12016.   .social-icons:before, .social-icons:after {

  12017.     content: " ";

  12018.     display: table; }

  12019.   .social-icons:after {

  12020.     clear: both; }

  12021.   .social-icons li {

  12022.     float: left;

  12023.     display: inline;

  12024.     list-style: none;

  12025.     margin-right: 5px;

  12026.     margin-bottom: 5px;

  12027.     text-indent: -9999px; }

  12028.     .social-icons li > a {

  12029.       -webkit-border-radius: 2px;

  12030.       -moz-border-radius: 2px;

  12031.       -ms-border-radius: 2px;

  12032.       -o-border-radius: 2px;

  12033.       border-radius: 2px;

  12034.       width: 28px;

  12035.       height: 28px;

  12036.       display: block;

  12037.       background-position: 0 0;

  12038.       background-repeat: no-repeat;

  12039.       transition: all 0.3s ease-in-out;

  12040.       -o-transition: all 0.3s ease-in-out;

  12041.       -ms-transition: all 0.3s ease-in-out;

  12042.       -moz-transition: all 0.3s ease-in-out;

  12043.       -webkit-transition: all 0.3s ease-in-out; }

  12044.     .social-icons li:hover > a {

  12045.       background-position: 0 -38px; }

  12046.     .social-icons li .amazon {

  12047.       background: url(../img/social/amazon.png) no-repeat; }

  12048.     .social-icons li .behance {

  12049.       background: url(../img/social/behance.png) no-repeat; }

  12050.     .social-icons li .blogger {

  12051.       background: url(../img/social/blogger.png) no-repeat; }

  12052.     .social-icons li .deviantart {

  12053.       background: url(../img/social/deviantart.png) no-repeat; }

  12054.     .social-icons li .dribbble {

  12055.       background: url(../img/social/dribbble.png) no-repeat; }

  12056.     .social-icons li .dropbox {

  12057.       background: url(../img/social/dropbox.png) no-repeat; }

  12058.     .social-icons li .evernote {

  12059.       background: url(../img/social/evernote.png) no-repeat; }

  12060.     .social-icons li .facebook {

  12061.       background: url(../img/social/facebook.png) no-repeat; }

  12062.     .social-icons li .forrst {

  12063.       background: url(../img/social/forrst.png) no-repeat; }

  12064.     .social-icons li .github {

  12065.       background: url(../img/social/github.png) no-repeat; }

  12066.     .social-icons li .googleplus {

  12067.       background: url(../img/social/googleplus.png) no-repeat; }

  12068.     .social-icons li .jolicloud {

  12069.       background: url(../img/social/jolicloud.png) no-repeat; }

  12070.     .social-icons li .last-fm {

  12071.       background: url(../img/social/last-fm.png) no-repeat; }

  12072.     .social-icons li .linkedin {

  12073.       background: url(../img/social/linkedin.png) no-repeat; }

  12074.     .social-icons li .picasa {

  12075.       background: url(../img/social/picasa.png) no-repeat; }

  12076.     .social-icons li .pintrest {

  12077.       background: url(../img/social/pintrest.png) no-repeat; }

  12078.     .social-icons li .rss {

  12079.       background: url(../img/social/rss.png) no-repeat; }

  12080.     .social-icons li .skype {

  12081.       background: url(../img/social/skype.png) no-repeat; }

  12082.     .social-icons li .spotify {

  12083.       background: url(../img/social/spotify.png) no-repeat; }

  12084.     .social-icons li .stumbleupon {

  12085.       background: url(../img/social/stumbleupon.png) no-repeat; }

  12086.     .social-icons li .tumblr {

  12087.       background: url(../img/social/tumblr.png) no-repeat; }

  12088.     .social-icons li .twitter {

  12089.       background: url(../img/social/twitter.png) no-repeat; }

  12090.     .social-icons li .vimeo {

  12091.       background: url(../img/social/vimeo.png) no-repeat; }

  12092.     .social-icons li .wordpress {

  12093.       background: url(../img/social/wordpress.png) no-repeat; }

  12094.     .social-icons li .xing {

  12095.       background: url(../img/social/xing.png) no-repeat; }

  12096.     .social-icons li .yahoo {

  12097.       background: url(../img/social/yahoo.png) no-repeat; }

  12098.     .social-icons li .youtube {

  12099.       background: url(../img/social/youtube.png) no-repeat; }

  12100.     .social-icons li .vk {

  12101.       background: url(../img/social/vk.png) no-repeat; }

  12102.     .social-icons li .instagram {

  12103.       background: url(../img/social/instagram.png) no-repeat; }

  12104.     .social-icons li .reddit {

  12105.       background: url(../img/social/reddit.png) no-repeat; }

  12106.     .social-icons li .aboutme {

  12107.       background: url(../img/social/aboutme.png) no-repeat; }

  12108.     .social-icons li .flickr {

  12109.       background: url(../img/social/flickr.png) no-repeat; }

  12110.     .social-icons li .foursquare {

  12111.       background: url(../img/social/foursquare.png) no-repeat; }

  12112.     .social-icons li .gravatar {

  12113.       background: url(../img/social/gravatar.png) no-repeat; }

  12114.     .social-icons li .klout {

  12115.       background: url(../img/social/klout.png) no-repeat; }

  12116.     .social-icons li .myspace {

  12117.       background: url(../img/social/myspace.png) no-repeat; }

  12118.     .social-icons li .quora {

  12119.       background: url(../img/social/quora.png) no-repeat; }

  12120.   .social-icons.social-icons-color > li > a {

  12121.     opacity: 0.7;

  12122.     background-position: 0 -38px !important; }

  12123.     .social-icons.social-icons-color > li > a:hover {

  12124.       opacity: 1; }

  12125.   .social-icons.social-icons-circle > li > a {

  12126.     border-radius: 25px !important; }

  12127. 

  12128. /***

  12129. Inline Social Icons

  12130. ***/

  12131. .social-icon {

  12132.   display: inline-block !important;

  12133.   width: 28px;

  12134.   height: 28px;

  12135.   background-position: 0 0;

  12136.   background-repeat: no-repeat;

  12137.   -webkit-border-radius: 2px;

  12138.   -moz-border-radius: 2px;

  12139.   -ms-border-radius: 2px;

  12140.   -o-border-radius: 2px;

  12141.   border-radius: 2px;

  12142.   transition: all 0.3s ease-in-out;

  12143.   -o-transition: all 0.3s ease-in-out;

  12144.   -ms-transition: all 0.3s ease-in-out;

  12145.   -moz-transition: all 0.3s ease-in-out;

  12146.   -webkit-transition: all 0.3s ease-in-out; }

  12147.   .social-icon.social-icon-circle {

  12148.     border-radius: 25px !important; }

  12149. 

  12150. .social-icon.amazon {

  12151.   background: url(../img/social/amazon.png) no-repeat; }

  12152. 

  12153. .social-icon.behance {

  12154.   background: url(../img/social/behance.png) no-repeat; }

  12155. 

  12156. .social-icon.blogger {

  12157.   background: url(../img/social/blogger.png) no-repeat; }

  12158. 

  12159. .social-icon.deviantart {

  12160.   background: url(../img/social/deviantart.png) no-repeat; }

  12161. 

  12162. .social-icon.dribbble {

  12163.   background: url(../img/social/dribbble.png) no-repeat; }

  12164. 

  12165. .social-icon.dropbox {

  12166.   background: url(../img/social/dropbox.png) no-repeat; }

  12167. 

  12168. .social-icon.evernote {

  12169.   background: url(../img/social/evernote.png) no-repeat; }

  12170. 

  12171. .social-icon.facebook {

  12172.   background: url(../img/social/facebook.png) no-repeat; }

  12173. 

  12174. .social-icon.forrst {

  12175.   background: url(../img/social/forrst.png) no-repeat; }

  12176. 

  12177. .social-icon.github {

  12178.   background: url(../img/social/github.png) no-repeat; }

  12179. 

  12180. .social-icon.googleplus {

  12181.   background: url(../img/social/googleplus.png) no-repeat; }

  12182. 

  12183. .social-icon.jolicloud {

  12184.   background: url(../img/social/jolicloud.png) no-repeat; }

  12185. 

  12186. .social-icon.last-fm {

  12187.   background: url(../img/social/last-fm.png) no-repeat; }

  12188. 

  12189. .social-icon.linkedin {

  12190.   background: url(../img/social/linkedin.png) no-repeat; }

  12191. 

  12192. .social-icon.picasa {

  12193.   background: url(../img/social/picasa.png) no-repeat; }

  12194. 

  12195. .social-icon.pintrest {

  12196.   background: url(../img/social/pintrest.png) no-repeat; }

  12197. 

  12198. .social-icon.rss {

  12199.   background: url(../img/social/rss.png) no-repeat; }

  12200. 

  12201. .social-icon.skype {

  12202.   background: url(../img/social/skype.png) no-repeat; }

  12203. 

  12204. .social-icon.spotify {

  12205.   background: url(../img/social/spotify.png) no-repeat; }

  12206. 

  12207. .social-icon.stumbleupon {

  12208.   background: url(../img/social/stumbleupon.png) no-repeat; }

  12209. 

  12210. .social-icon.tumblr {

  12211.   background: url(../img/social/tumblr.png) no-repeat; }

  12212. 

  12213. .social-icon.twitter {

  12214.   background: url(../img/social/twitter.png) no-repeat; }

  12215. 

  12216. .social-icon.vimeo {

  12217.   background: url(../img/social/vimeo.png) no-repeat; }

  12218. 

  12219. .social-icon.wordpress {

  12220.   background: url(../img/social/wordpress.png) no-repeat; }

  12221. 

  12222. .social-icon.xing {

  12223.   background: url(../img/social/xing.png) no-repeat; }

  12224. 

  12225. .social-icon.yahoo {

  12226.   background: url(../img/social/yahoo.png) no-repeat; }

  12227. 

  12228. .social-icon.youtube {

  12229.   background: url(../img/social/youtube.png) no-repeat; }

  12230. 

  12231. .social-icon.vk {

  12232.   background: url(../img/social/vk.png) no-repeat; }

  12233. 

  12234. .social-icon.instagram {

  12235.   background: url(../img/social/instagram.png) no-repeat; }

  12236. 

  12237. .social-icon.reddit {

  12238.   background: url(../img/social/reddit.png) no-repeat; }

  12239. 

  12240. .social-icon.aboutme {

  12241.   background: url(../img/social/aboutme.png) no-repeat; }

  12242. 

  12243. .social-icon.flickr {

  12244.   background: url(../img/social/flickr.png) no-repeat; }

  12245. 

  12246. .social-icon.foursquare {

  12247.   background: url(../img/social/foursquare.png) no-repeat; }

  12248. 

  12249. .social-icon.gravatar {

  12250.   background: url(../img/social/gravatar.png) no-repeat; }

  12251. 

  12252. .social-icon.klout {

  12253.   background: url(../img/social/klout.png) no-repeat; }

  12254. 

  12255. .social-icon.myspace {

  12256.   background: url(../img/social/myspace.png) no-repeat; }

  12257. 

  12258. .social-icon.quora {

  12259.   background: url(../img/social/quora.png) no-repeat; }

  12260. 

  12261. .social-icon:hover {

  12262.   background-position: 0 -38px; }

  12263. 

  12264. .social-icon-color {

  12265.   opacity: 0.7;

  12266.   background-position: 0 -38px !important; }

  12267.   .social-icon-color:hover {

  12268.     opacity: 1; }

  12269. 

  12270. /***

  12271. Scrollable Tables

  12272. ***/

  12273. .table-scrollable {

  12274.   width: 100%;

  12275.   overflow-x: auto;

  12276.   overflow-y: hidden;

  12277.   border: 1px solid #e7ecf1;

  12278.   margin: 10px 0 !important; }

  12279.   .DTS .table-scrollable {

  12280.     border: 0; }

  12281.   .table-scrollable.table-scrollable-borderless {

  12282.     border: 0; }

  12283.   .table-scrollable > .table {

  12284.     width: 100% !important;

  12285.     margin: 0 !important;

  12286.     margin-bottom: 0;

  12287.     background-color: #fff; }

  12288.     .table-scrollable > .table > thead > tr > th,

  12289.     .table-scrollable > .table > tbody > tr > th,

  12290.     .table-scrollable > .table > tfoot > tr > th,

  12291.     .table-scrollable > .table > tfoot > tr > th,

  12292.     .table-scrollable > .table > tfoot > tr > td {

  12293.       white-space: nowrap; }

  12294.   .table-scrollable > .table-bordered {

  12295.     border: 0; }

  12296.     .table-scrollable > .table-bordered > thead > tr > th:first-child,

  12297.     .table-scrollable > .table-bordered > tbody > tr > th:first-child,

  12298.     .table-scrollable > .table-bordered > tfoot > tr > th:first-child,

  12299.     .table-scrollable > .table-bordered > thead > tr > td:first-child,

  12300.     .table-scrollable > .table-bordered > tbody > tr > td:first-child,

  12301.     .table-scrollable > .table-bordered > tfoot > tr > td:first-child {

  12302.       border-left: 0; }

  12303.     .table-scrollable > .table-bordered > thead > tr > th:last-child,

  12304.     .table-scrollable > .table-bordered > tbody > tr > th:last-child,

  12305.     .table-scrollable > .table-bordered > tfoot > tr > th:last-child,

  12306.     .table-scrollable > .table-bordered > thead > tr > td:last-child,

  12307.     .table-scrollable > .table-bordered > tbody > tr > td:last-child,

  12308.     .table-scrollable > .table-bordered > tfoot > tr > td:last-child {

  12309.       border-right: 0; }

  12310.     .table-scrollable > .table-bordered > thead > tr:last-child > th,

  12311.     .table-scrollable > .table-bordered > tbody > tr:last-child > th,

  12312.     .table-scrollable > .table-bordered > tfoot > tr:last-child > th,

  12313.     .table-scrollable > .table-bordered > thead > tr:last-child > td,

  12314.     .table-scrollable > .table-bordered > tbody > tr:last-child > td,

  12315.     .table-scrollable > .table-bordered > tfoot > tr:last-child > td {

  12316.       border-bottom: 0; }

  12317. 

  12318. /***

  12319. Customized Bootstrap Tables

  12320. ***/

  12321. .table td,

  12322. .table th {

  12323.   font-size: 14px; }

  12324. 

  12325. .table.table-bordered thead > tr > th {

  12326.   border-bottom: 0; }

  12327. 

  12328. .table td .img-responsive {

  12329.   width: 100%; }

  12330. 

  12331. /***

  12332. Responsive Flip Scroll Tables

  12333. ***/

  12334. .flip-scroll table {

  12335.   width: 100%; }

  12336. 

  12337. @media only screen and (max-width: 768px) {

  12338.   /* 768px */

  12339.   .flip-scroll .flip-content:after {

  12340.     visibility: hidden;

  12341.     display: block;

  12342.     font-size: 0;

  12343.     content: " ";

  12344.     clear: both;

  12345.     height: 0; }

  12346.   .flip-scroll * html .flip-content {

  12347.     zoom: 1; }

  12348.   .flip-scroll *:first-child + html .flip-content {

  12349.     zoom: 1; }

  12350.   .flip-scroll table {

  12351.     width: 100%;

  12352.     border-collapse: collapse;

  12353.     border-spacing: 0; }

  12354.   .flip-scroll th,

  12355.   .flip-scroll td {

  12356.     margin: 0;

  12357.     vertical-align: top; }

  12358.   .flip-scroll th {

  12359.     text-align: left;

  12360.     border: 0 !important;

  12361.     border-bottom: 1px solid #ddd !important;

  12362.     border-right: 1px solid #ddd !important;

  12363.     font-size: 13px !important;

  12364.     padding: 5px;

  12365.     width: auto !important; }

  12366.   .flip-scroll table {

  12367.     display: block;

  12368.     position: relative;

  12369.     width: 100%; }

  12370.   .flip-scroll thead {

  12371.     display: block;

  12372.     float: left; }

  12373.   .flip-scroll tbody {

  12374.     display: block;

  12375.     width: auto;

  12376.     position: relative;

  12377.     overflow-x: auto;

  12378.     white-space: nowrap; }

  12379.   .flip-scroll .flip-content tbody tr td {

  12380.     font-size: 13px;

  12381.     line-height: 1.483; }

  12382.   .flip-scroll .table-bordered.flip-content tbody tr td {

  12383.     font-size: 13px;

  12384.     line-height: 1.43; }

  12385.   .flip-scroll thead tr {

  12386.     display: block; }

  12387.   .flip-scroll th {

  12388.     display: block;

  12389.     text-align: right; }

  12390.   .flip-scroll tbody tr {

  12391.     display: inline-block;

  12392.     vertical-align: top;

  12393.     margin-left: -5px; }

  12394.   .flip-scroll td {

  12395.     display: block;

  12396.     min-height: 1.25em;

  12397.     text-align: left;

  12398.     border-top: 0 !important;

  12399.     border-left: 0 !important;

  12400.     border-right: 0 !important; }

  12401.   /* sort out borders */

  12402.   .flip-scroll th {

  12403.     border-bottom: 0;

  12404.     border-left: 0; }

  12405.   .flip-scroll td {

  12406.     border-left: 0;

  12407.     border-right: 0;

  12408.     border-bottom: 0; }

  12409.   .flip-scroll tbody tr {

  12410.     border-left: 1px solid #ddd; }

  12411.   .flip-scroll th:last-child,

  12412.   .flip-scroll td:last-child {

  12413.     border-bottom: 1px solid #ddd; } }

  12414. 

  12415. /***

  12416. Custom tables

  12417. ***/

  12418. .table-toolbar {

  12419.   margin-bottom: 20px; }

  12420.   .table-toolbar:before, .table-toolbar:after {

  12421.     content: " ";

  12422.     display: table; }

  12423.   .table-toolbar:after {

  12424.     clear: both; }

  12425. 

  12426. .table.table-full-width {

  12427.   width: 100% !important; }

  12428. 

  12429. .table .btn {

  12430.   margin-top: 0px;

  12431.   margin-left: 0px;

  12432.   margin-right: 5px; }

  12433. 

  12434. .table thead tr th {

  12435.   font-size: 14px;

  12436.   font-weight: 600; }

  12437. 

  12438. .table-advance {

  12439.   margin-bottom: 10px !important; }

  12440. 

  12441. .table-advance thead {

  12442.   color: #3f444a; }

  12443. 

  12444. .table-advance thead tr th {

  12445.   background-color: #f1f4f7;

  12446.   font-size: 14px;

  12447.   font-weight: 400;

  12448.   color: #3f444a; }

  12449. 

  12450. .table-advance div.success,

  12451. .table-advance div.info,

  12452. .table-advance div.important,

  12453. .table-advance div.warning,

  12454. .table-advance div.danger {

  12455.   position: absolute;

  12456.   margin-top: -5px;

  12457.   float: left;

  12458.   width: 2px;

  12459.   height: 30px;

  12460.   margin-right: 20px !important; }

  12461. 

  12462. .table-advance tr td {

  12463.   border-left-width: 0px; }

  12464. 

  12465. .table-advance tr td:first-child {

  12466.   border-left-width: 2px !important; }

  12467. 

  12468. .table-advance tr td.highlight:first-child a {

  12469.   margin-left: 15px; }

  12470. 

  12471. .table-advance td.highlight div.primary {

  12472.   border-left: 2px solid #337ab7; }

  12473. 

  12474. .table-advance td.highlight div.success {

  12475.   border-left: 2px solid #36c6d3; }

  12476. 

  12477. .table-advance td.highlight div.info {

  12478.   border-left: 2px solid #659be0; }

  12479. 

  12480. .table-advance td.highlight div.warning {

  12481.   border-left: 2px solid #F1C40F; }

  12482. 

  12483. .table-advance td.highlight div.danger {

  12484.   border-left: 2px solid #ed6b75; }

  12485. 

  12486. @media (max-width: 767px) {

  12487.   /* 767px */

  12488.   .table-advance tr > td.highlight:first-child a {

  12489.     margin-left: 8px; } }

  12490. 

  12491. /***

  12492. Light Table

  12493. ***/

  12494. .table.table-light {

  12495.   border: 0 !important; }

  12496.   .table.table-light > thead > tr:hover > th {

  12497.     background: none; }

  12498.   .table.table-light > thead > tr.uppercase {

  12499.     text-transform: uppercase; }

  12500.   .table.table-light > thead > tr > th {

  12501.     font-weight: 600;

  12502.     font-size: 13px;

  12503.     color: #93a2a9;

  12504.     font-family: "Open Sans", sans-serif;

  12505.     border: 0;

  12506.     border-bottom: 1px solid #F2F5F8; }

  12507.   .table.table-light > tbody > tr:last-child > td {

  12508.     border: 0; }

  12509.   .table.table-light > tbody > tr > td {

  12510.     border: 0;

  12511.     border-bottom: 1px solid #F2F5F8;

  12512.     color: #8896a0;

  12513.     vertical-align: middle; }

  12514.     .table.table-light > tbody > tr > td.fit {

  12515.       width: 1px;

  12516.       padding-right: 3px; }

  12517.     .table.table-light > tbody > tr > td .user-pic {

  12518.       display: inline-block;

  12519.       vertical-align: middle;

  12520.       height: 30px;

  12521.       -webkit-border-radius: 100%;

  12522.       -moz-border-radius: 100%;

  12523.       -ms-border-radius: 100%;

  12524.       -o-border-radius: 100%;

  12525.       border-radius: 100%; }

  12526.   .table.table-light.table-hover > tbody > tr > td:hover,

  12527.   .table.table-light.table-hover > tbody > tr > th:hover,

  12528.   .table.table-light.table-hover > tbody > tr:hover > td {

  12529.     background: #f9fafb !important; }

  12530. 

  12531. .table-hover > tbody > tr:hover,

  12532. .table-hover > tbody > tr:hover > td {

  12533.   background: #f3f4f6 !important; }

  12534. 

  12535. /***

  12536. Customized Bootstrap Tabs 

  12537. ***/

  12538. /* Tabs and pills */

  12539. .nav-tabs,

  12540. .nav-pills {

  12541.   margin-bottom: 10px; }

  12542.   .nav-tabs > li > a,

  12543.   .nav-pills > li > a {

  12544.     font-size: 14px;

  12545.     -webkit-border-radius: 4px 4px 0 0;

  12546.     -moz-border-radius: 4px 4px 0 0;

  12547.     -ms-border-radius: 4px 4px 0 0;

  12548.     -o-border-radius: 4px 4px 0 0;

  12549.     border-radius: 4px 4px 0 0; }

  12550.     .nav-tabs > li > a > .badge,

  12551.     .nav-pills > li > a > .badge {

  12552.       margin-top: -6px; }

  12553.   .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after,

  12554.   .nav-pills > li .dropdown-menu:before,

  12555.   .nav-pills > li .dropdown-menu:after {

  12556.     display: none; }

  12557.   .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a,

  12558.   .nav-pills.nav-tabs-sm > li > a,

  12559.   .nav-pills.nav-pills-sm > li > a {

  12560.     font-size: 13px; }

  12561.   .nav-tabs .dropdown.open > .dropdown-toggle,

  12562.   .nav-pills .dropdown.open > .dropdown-toggle {

  12563.     background: #eee;

  12564.     color: #0d638f;

  12565.     border-color: transparent; }

  12566. 

  12567. /* Left and right tabs */

  12568. .tabs-right.nav-tabs,

  12569. .tabs-left.nav-tabs {

  12570.   border-bottom: 0; }

  12571.   .tabs-right.nav-tabs > li,

  12572.   .tabs-left.nav-tabs > li {

  12573.     float: none; }

  12574.     .tabs-right.nav-tabs > li > a,

  12575.     .tabs-left.nav-tabs > li > a {

  12576.       margin-right: 0;

  12577.       margin-bottom: 3px; }

  12578. 

  12579. /* Left tabs */

  12580. .tabs-left.nav-tabs {

  12581.   border-right: 1px solid #ddd; }

  12582.   .tabs-left.nav-tabs > li > a {

  12583.     display: block;

  12584.     margin-right: -1px; }

  12585.     .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus {

  12586.       -webkit-border-radius: 4px 0 0 4px;

  12587.       -moz-border-radius: 4px 0 0 4px;

  12588.       -ms-border-radius: 4px 0 0 4px;

  12589.       -o-border-radius: 4px 0 0 4px;

  12590.       border-radius: 4px 0 0 4px;

  12591.       border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

  12592.   .tabs-left.nav-tabs > li.active > a,

  12593.   .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {

  12594.     -webkit-border-radius: 4px 0 0 4px;

  12595.     -moz-border-radius: 4px 0 0 4px;

  12596.     -ms-border-radius: 4px 0 0 4px;

  12597.     -o-border-radius: 4px 0 0 4px;

  12598.     border-radius: 4px 0 0 4px;

  12599.     border-color: #ddd transparent #ddd #ddd;

  12600.     *border-right-color: #ffffff; }

  12601. 

  12602. /* Right tabs */

  12603. .tabs-right.nav-tabs {

  12604.   border-left: 1px solid #ddd; }

  12605.   .tabs-right.nav-tabs > li > a {

  12606.     display: block;

  12607.     margin-left: -1px; }

  12608.     .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus {

  12609.       -webkit-border-radius: 0 4px 4px 0;

  12610.       -moz-border-radius: 0 4px 4px 0;

  12611.       -ms-border-radius: 0 4px 4px 0;

  12612.       -o-border-radius: 0 4px 4px 0;

  12613.       border-radius: 0 4px 4px 0;

  12614.       border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

  12615.   .tabs-right.nav-tabs > li.active > a,

  12616.   .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {

  12617.     -webkit-border-radius: 0 4px 4px 0;

  12618.     -moz-border-radius: 0 4px 4px 0;

  12619.     -ms-border-radius: 0 4px 4px 0;

  12620.     -o-border-radius: 0 4px 4px 0;

  12621.     border-radius: 0 4px 4px 0;

  12622.     border-color: #ddd #ddd #ddd transparent;

  12623.     *border-left-color: #ffffff; }

  12624. 

  12625. /* Below tabs */

  12626. .tabs-below > .nav-tabs,

  12627. .tabs-below > .nav-pills {

  12628.   border-bottom: 0;

  12629.   margin-bottom: 0px;

  12630.   margin-top: 10px; }

  12631. 

  12632. .tabs-below > .nav-tabs {

  12633.   border-top: 1px solid #ddd;

  12634.   margin-bottom: 0;

  12635.   margin-top: 10px; }

  12636.   .tabs-below > .nav-tabs > li > a {

  12637.     margin-top: -1px;

  12638.     margin-bottom: 0; }

  12639.     .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {

  12640.       border-top-color: #ddd;

  12641.       border-bottom-color: transparent; }

  12642.     .tabs-below > .nav-tabs > li > a .dropdown-menu {

  12643.       -webkit-border-radius: 4px;

  12644.       -moz-border-radius: 4px;

  12645.       -ms-border-radius: 4px;

  12646.       -o-border-radius: 4px;

  12647.       border-radius: 4px; }

  12648.   .tabs-below > .nav-tabs .active a,

  12649.   .tabs-below > .nav-tabs .active a:hover .active a:focus {

  12650.     -webkit-border-radius: 0 0 4px 4px;

  12651.     -moz-border-radius: 0 0 4px 4px;

  12652.     -ms-border-radius: 0 0 4px 4px;

  12653.     -o-border-radius: 0 0 4px 4px;

  12654.     border-radius: 0 0 4px 4px;

  12655.     border-color: transparent #ddd #ddd #ddd  !important; }

  12656. 

  12657. /***

  12658. Custom tabs

  12659. ***/

  12660. /* In BS3.0.0 tabbable class was removed. We had to added it back */

  12661. .tabbable:before, .tabbable:after {

  12662.   content: " ";

  12663.   display: table; }

  12664. 

  12665. .tabbable:after {

  12666.   clear: both; }

  12667. 

  12668. .tabbable-custom {

  12669.   margin-bottom: 15px;

  12670.   padding: 0px;

  12671.   overflow: hidden;

  12672.   /* justified tabs */

  12673.   /* boxless tabs */

  12674.   /* below justified tabs */

  12675.   /* full width tabs */

  12676.   /* below tabs */ }

  12677.   .tabbable-custom > .nav-tabs {

  12678.     border: none;

  12679.     margin: 0px; }

  12680.     .tabbable-custom > .nav-tabs > li {

  12681.       margin-right: 2px;

  12682.       border-top: 2px solid transparent; }

  12683.       .tabbable-custom > .nav-tabs > li > a {

  12684.         margin-right: 0;

  12685.         -webkit-border-radius: 0;

  12686.         -moz-border-radius: 0;

  12687.         -ms-border-radius: 0;

  12688.         -o-border-radius: 0;

  12689.         border-radius: 0; }

  12690.         .tabbable-custom > .nav-tabs > li > a:hover {

  12691.           background: none;

  12692.           border-color: transparent; }

  12693.       .tabbable-custom > .nav-tabs > li.active {

  12694.         border-top: 3px solid #ed6b75;

  12695.         margin-top: 0;

  12696.         position: relative; }

  12697.         .tabbable-custom > .nav-tabs > li.active > a {

  12698.           border-top: none !important;

  12699.           font-weight: 400;

  12700.           -webkit-border-radius: 0;

  12701.           -moz-border-radius: 0;

  12702.           -ms-border-radius: 0;

  12703.           -o-border-radius: 0;

  12704.           border-radius: 0; }

  12705.           .tabbable-custom > .nav-tabs > li.active > a:hover {

  12706.             -webkit-border-radius: 0;

  12707.             -moz-border-radius: 0;

  12708.             -ms-border-radius: 0;

  12709.             -o-border-radius: 0;

  12710.             border-radius: 0;

  12711.             border-top: none;

  12712.             background: #fff;

  12713.             border-color: #d4d4d4 #d4d4d4 transparent; }

  12714.   .tabbable-custom > .tab-content {

  12715.     background-color: #fff;

  12716.     border: 1px solid #ddd;

  12717.     padding: 10px;

  12718.     -webkit-border-radius: 0 0 4px 4px;

  12719.     -moz-border-radius: 0 0 4px 4px;

  12720.     -ms-border-radius: 0 0 4px 4px;

  12721.     -o-border-radius: 0 0 4px 4px;

  12722.     border-radius: 0 0 4px 4px; }

  12723.   .tabbable-custom.nav-justified > .tab-content {

  12724.     margin-top: -1px; }

  12725.   .tabbable-custom.boxless > .tab-content {

  12726.     padding: 15px 0;

  12727.     border-left: none;

  12728.     border-right: none;

  12729.     border-bottom: none; }

  12730.   .tabbable-custom.tabs-below.nav-justified .tab-content {

  12731.     margin-top: 0px;

  12732.     margin-bottom: -2px;

  12733.     -webkit-border-radius: 4px 4px 0 0;

  12734.     -moz-border-radius: 4px 4px 0 0;

  12735.     -ms-border-radius: 4px 4px 0 0;

  12736.     -o-border-radius: 4px 4px 0 0;

  12737.     border-radius: 4px 4px 0 0; }

  12738.   .tabbable-custom.tabbable-full-width > .nav-tabs > li > a {

  12739.     color: #424242;

  12740.     font-size: 15px;

  12741.     padding: 9px 15px; }

  12742.   .tabbable-custom.tabbable-full-width > .tab-content {

  12743.     padding: 15px 0;

  12744.     border-left: none;

  12745.     border-right: none;

  12746.     border-bottom: none; }

  12747.   .tabbable-custom.tabs-below .nav-tabs > li > a {

  12748.     border-top: none;

  12749.     border-bottom: 2px solid transparent;

  12750.     margin-top: -1px; }

  12751.   .tabbable-custom.tabs-below .nav-tabs > li.active {

  12752.     border-top: none;

  12753.     border-bottom: 3px solid #d12610;

  12754.     margin-bottom: 0;

  12755.     position: relative; }

  12756.     .tabbable-custom.tabs-below .nav-tabs > li.active > a {

  12757.       border-bottom: none; }

  12758.       .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {

  12759.         background: #fff;

  12760.         border-color: #d4d4d4 #d4d4d4 transparent; }

  12761. 

  12762. .tabbable-custom.tabbable-noborder > .nav-tabs > li > a {

  12763.   border: 0; }

  12764. 

  12765. .tabbable-custom.tabbable-noborder .tab-content {

  12766.   border: 0; }

  12767. 

  12768. .portlet:not(.light) .tabbable-line {

  12769.   padding-top: 15px; }

  12770. 

  12771. .tabbable-line > .nav-tabs {

  12772.   border: none;

  12773.   margin: 0px; }

  12774.   .tabbable-line > .nav-tabs > li {

  12775.     margin: 0;

  12776.     border-bottom: 4px solid transparent; }

  12777.     .tabbable-line > .nav-tabs > li > a {

  12778.       background: none !important;

  12779.       border: 0;

  12780.       margin: 0;

  12781.       padding-left: 15px;

  12782.       padding-right: 15px;

  12783.       color: #737373; }

  12784.       .tabbable-line > .nav-tabs > li > a > i {

  12785.         color: #a6a6a6; }

  12786.     .tabbable-line > .nav-tabs > li.active {

  12787.       background: none;

  12788.       border-bottom: 4px solid #36c6d3;

  12789.       position: relative; }

  12790.       .tabbable-line > .nav-tabs > li.active > a {

  12791.         border: 0;

  12792.         color: #333; }

  12793.         .tabbable-line > .nav-tabs > li.active > a > i {

  12794.           color: #404040; }

  12795.     .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {

  12796.       background: none;

  12797.       border-bottom: 4px solid #9fe4ea; }

  12798.       .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {

  12799.         border: 0;

  12800.         background: none !important;

  12801.         color: #333; }

  12802.         .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {

  12803.           color: #a6a6a6; }

  12804.       .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {

  12805.         margin-top: 0px; }

  12806. 

  12807. .tabbable-line > .tab-content {

  12808.   margin-top: 0;

  12809.   border: 0;

  12810.   border-top: 1px solid #eef1f5;

  12811.   padding: 30px 0; }

  12812.   .page-container-bg-solid .tabbable-line > .tab-content {

  12813.     border-top: 1px solid #dae2ea; }

  12814.   .portlet .tabbable-line > .tab-content {

  12815.     padding-bottom: 0; }

  12816. 

  12817. .tabbable-line.tabs-below > .nav-tabs > li {

  12818.   border-top: 4px solid transparent; }

  12819.   .tabbable-line.tabs-below > .nav-tabs > li > a {

  12820.     margin-top: 0; }

  12821.   .tabbable-line.tabs-below > .nav-tabs > li:hover {

  12822.     border-bottom: 0;

  12823.     border-top: 4px solid #fbdcde; }

  12824.   .tabbable-line.tabs-below > .nav-tabs > li.active {

  12825.     margin-bottom: -2px;

  12826.     border-bottom: 0;

  12827.     border-top: 4px solid #ed6b75; }

  12828. 

  12829. .tabbable-line.tabs-below > .tab-content {

  12830.   margin-top: -10px;

  12831.   border-top: 0;

  12832.   border-bottom: 1px solid #eee;

  12833.   padding-bottom: 15px; }

  12834. 

  12835. .portlet .tabbable-bordered {

  12836.   margin-top: 20px; }

  12837. 

  12838. .tabbable-bordered .nav-tabs {

  12839.   margin-bottom: 0;

  12840.   border-bottom: 0; }

  12841. 

  12842. .tabbable-bordered .tab-content {

  12843.   padding: 30px 20px 20px 20px;

  12844.   border: 1px solid #ddd;

  12845.   background: #ffffff; }

  12846. 

  12847. /***

  12848. Tiles(new in v1.1.1)

  12849. ***/

  12850. .tiles {

  12851.   margin-right: -10px; }

  12852.   .tiles:before, .tiles:after {

  12853.     display: table;

  12854.     content: " "; }

  12855.   .tiles:after {

  12856.     clear: both; }

  12857.   .tiles .tile {

  12858.     display: block;

  12859.     letter-spacing: 0.02em;

  12860.     float: left;

  12861.     height: 135px;

  12862.     width: 135px !important;

  12863.     cursor: pointer;

  12864.     text-decoration: none;

  12865.     color: #ffffff;

  12866.     position: relative;

  12867.     font-weight: 300;

  12868.     font-size: 12px;

  12869.     letter-spacing: 0.02em;

  12870.     line-height: 20px;

  12871.     overflow: hidden;

  12872.     border: 4px solid transparent;

  12873.     margin: 0 10px 10px 0; }

  12874.     .tiles .tile:after, .tiles .tile:before {

  12875.       content: "";

  12876.       float: left; }

  12877.     .tiles .tile.double {

  12878.       width: 280px !important; }

  12879.     .tiles .tile.double-down {

  12880.       height: 280px !important; }

  12881.       .tiles .tile.double-down i {

  12882.         margin-top: 95px; }

  12883.     .tiles .tile:hover {

  12884.       border-color: #aaa !important; }

  12885.     .tiles .tile:active, .tiles .tile.selected {

  12886.       border-color: #ccc !important; }

  12887.     .tiles .tile.selected .corner:after {

  12888.       content: "";

  12889.       display: inline-block;

  12890.       border-left: 40px solid transparent;

  12891.       border-bottom: 40px solid transparent;

  12892.       border-right: 40px solid #ccc;

  12893.       position: absolute;

  12894.       top: -3px;

  12895.       right: -3px; }

  12896.     .tiles .tile.selected .check:after {

  12897.       content: "";

  12898.       font-family: FontAwesome;

  12899.       font-size: 13px;

  12900.       content: "\f00c";

  12901.       display: inline-block;

  12902.       position: absolute;

  12903.       top: 2px;

  12904.       right: 2px; }

  12905.     .tiles .tile.icon {

  12906.       padding: 0; }

  12907.     .tiles .tile.image .tile-body {

  12908.       padding: 0 !important; }

  12909.       .tiles .tile.image .tile-body > img {

  12910.         width: 100%;

  12911.         height: auto;

  12912.         min-height: 100%;

  12913.         max-width: 100%; }

  12914.       .tiles .tile.image .tile-body h3 {

  12915.         display: inline-block; }

  12916.     .tiles .tile .tile-body {

  12917.       height: 100%;

  12918.       vertical-align: top;

  12919.       padding: 10px 10px;

  12920.       overflow: hidden;

  12921.       position: relative;

  12922.       font-weight: 400;

  12923.       font-size: 12px;

  12924.       color: #000000;

  12925.       color: #ffffff;

  12926.       margin-bottom: 10px; }

  12927.       .tiles .tile .tile-body p {

  12928.         font-weight: 400;

  12929.         font-size: 13px;

  12930.         color: #000000;

  12931.         color: #ffffff;

  12932.         line-height: 20px;

  12933.         overflow: hidden; }

  12934.         .tiles .tile .tile-body p:hover {

  12935.           color: rgba(0, 0, 0, 0.8); }

  12936.         .tiles .tile .tile-body p:active {

  12937.           color: rgba(0, 0, 0, 0.4); }

  12938.         .tiles .tile .tile-body p:hover {

  12939.           color: #ffffff; }

  12940.       .tiles .tile .tile-body img {

  12941.         float: left;

  12942.         margin-right: 10px; }

  12943.         .tiles .tile .tile-body img.pull-right {

  12944.           float: right !important;

  12945.           margin-left: 10px;

  12946.           margin-right: 0px; }

  12947.       .tiles .tile .tile-body > .content {

  12948.         display: inline-block; }

  12949.       .tiles .tile .tile-body > i {

  12950.         margin-top: 17px;

  12951.         display: block;

  12952.         font-size: 56px;

  12953.         line-height: 56px;

  12954.         text-align: center; }

  12955.       .tiles .tile .tile-body h1,

  12956.       .tiles .tile .tile-body h2,

  12957.       .tiles .tile .tile-body h3,

  12958.       .tiles .tile .tile-body h4,

  12959.       .tiles .tile .tile-body h5,

  12960.       .tiles .tile .tile-body h6,

  12961.       .tiles .tile .tile-body p {

  12962.         padding: 0;

  12963.         margin: 0;

  12964.         line-height: 14px; }

  12965.         .tiles .tile .tile-body h1:hover,

  12966.         .tiles .tile .tile-body h2:hover,

  12967.         .tiles .tile .tile-body h3:hover,

  12968.         .tiles .tile .tile-body h4:hover,

  12969.         .tiles .tile .tile-body h5:hover,

  12970.         .tiles .tile .tile-body h6:hover,

  12971.         .tiles .tile .tile-body p:hover {

  12972.           color: #ffffff; }

  12973.       .tiles .tile .tile-body h3,

  12974.       .tiles .tile .tile-body h4 {

  12975.         margin-bottom: 5px; }

  12976.     .tiles .tile .tile-object {

  12977.       position: absolute;

  12978.       bottom: 0;

  12979.       left: 0;

  12980.       right: 0;

  12981.       min-height: 30px;

  12982.       background-color: transparent;

  12983.       *zoom: 1; }

  12984.       .tiles .tile .tile-object:before, .tiles .tile .tile-object:after {

  12985.         display: table;

  12986.         content: ""; }

  12987.       .tiles .tile .tile-object:after {

  12988.         clear: both; }

  12989.       .tiles .tile .tile-object > .name {

  12990.         position: absolute;

  12991.         bottom: 0;

  12992.         left: 0;

  12993.         margin-bottom: 5px;

  12994.         margin-left: 10px;

  12995.         margin-right: 15px;

  12996.         font-weight: 400;

  12997.         font-size: 13px;

  12998.         color: #ffffff; }

  12999.         .tiles .tile .tile-object > .name > i {

  13000.           vertical-align: middle;

  13001.           display: block;

  13002.           font-size: 24px;

  13003.           height: 18px;

  13004.           width: 24px; }

  13005.       .tiles .tile .tile-object > .number {

  13006.         position: absolute;

  13007.         bottom: 0;

  13008.         right: 0;

  13009.         margin-bottom: 0;

  13010.         color: #ffffff;

  13011.         text-align: center;

  13012.         font-weight: 600;

  13013.         font-size: 14px;

  13014.         letter-spacing: 0.01em;

  13015.         line-height: 14px;

  13016.         margin-bottom: 8px;

  13017.         margin-right: 10px; }

  13018. 

  13019. /***

  13020. Custimized Bootstrap Wells

  13021. ***/

  13022. .well {

  13023.   border: 0;

  13024.   padding: 20px;

  13025.   -webkit-box-shadow: none !important;

  13026.   -moz-box-shadow: none !important;

  13027.   box-shadow: none !important; }

  13028. 

  13029. .well-lg {

  13030.   padding: 40px; }

  13031. 

  13032. .well-sm {

  13033.   padding: 10px; }

  13034. 

  13035. /*--------------------------------------------------

  13036. 	[Widgets]

  13037. ----------------------------------------------------*/

  13038. /*** Widget Background Colors ***/

  13039. .widget-bg-color-purple {

  13040.   background: #9a7caf; }

  13041. 

  13042. .widget-bg-color-purple-dark {

  13043.   background: #4b365a; }

  13044. 

  13045. .widget-bg-color-purple-light {

  13046.   background: #674d79; }

  13047. 

  13048. .widget-bg-color-green {

  13049.   background: #4db3a4; }

  13050. 

  13051. .widget-bg-color-red {

  13052.   background: #f36a5a; }

  13053. 

  13054. .widget-bg-color-blue {

  13055.   background: #5b9bd1; }

  13056. 

  13057. .widget-bg-color-gray {

  13058.   background: #323c45; }

  13059. 

  13060. .widget-bg-color-gray-dark {

  13061.   background: #144f57; }

  13062. 

  13063. .widget-bg-color-white {

  13064.   background: #fff; }

  13065. 

  13066. .widget-bg-color-dark {

  13067.   background: #3e4f5e; }

  13068. 

  13069. .widget-bg-color-dark-light {

  13070.   background: #8e9daa; }

  13071. 

  13072. .widget-bg-color-fb {

  13073.   background: #475e98; }

  13074. 

  13075. .widget-bg-color-tw {

  13076.   background: #55acee; }

  13077. 

  13078. /*** Widget Title Colors ***/

  13079. .widget-title-color-purple {

  13080.   color: #9a7caf; }

  13081. 

  13082. .widget-title-color-purple-dark {

  13083.   color: #4b365a; }

  13084. 

  13085. .widget-title-color-purple-light {

  13086.   color: #674d79; }

  13087. 

  13088. .widget-title-color-green {

  13089.   color: #4db3a4; }

  13090. 

  13091. .widget-title-color-red {

  13092.   color: #f36a5a; }

  13093. 

  13094. .widget-title-color-blue {

  13095.   color: #5b9bd1; }

  13096. 

  13097. .widget-title-color-gray {

  13098.   color: #323c45; }

  13099. 

  13100. .widget-title-color-gray-dark {

  13101.   color: #144f57; }

  13102. 

  13103. .widget-title-color-white {

  13104.   color: #fff; }

  13105. 

  13106. .widget-title-color-dark {

  13107.   color: #3e4f5e; }

  13108. 

  13109. .widget-title-color-dark-light {

  13110.   color: #8e9daa; }

  13111. 

  13112. .widget-title-color-fb {

  13113.   color: #475e98; }

  13114. 

  13115. .widget-title-color-tw {

  13116.   color: #55acee; }

  13117. 

  13118. .overflow-h {

  13119.   overflow: hidden; }

  13120. 

  13121. /*** Widget Carousel ***/

  13122. .widget-carousel .carousel-indicators {

  13123.   left: -18%;

  13124.   bottom: 10px;

  13125.   margin-left: 0; }

  13126. 

  13127. .widget-carousel .carousel-indicators-red > li {

  13128.   border-color: #f36a5a; }

  13129.   .widget-carousel .carousel-indicators-red > li.active {

  13130.     background: #f36a5a; }

  13131. 

  13132. /*** Widget Gradient ***/

  13133. .widget-gradient {

  13134.   position: relative;

  13135.   min-height: 350px;

  13136.   overflow: hidden;

  13137.   background-size: cover;

  13138.   background-position: 50% 50%;

  13139.   border-radius: 4px; }

  13140.   .widget-gradient .widget-gradient-body {

  13141.     position: absolute;

  13142.     top: 0;

  13143.     left: 0;

  13144.     right: 0;

  13145.     bottom: 0;

  13146.     width: auto;

  13147.     height: auto;

  13148.     padding: 20px; }

  13149.     .widget-gradient .widget-gradient-body .widget-gradient-title {

  13150.       font-size: 21px;

  13151.       font-weight: 600;

  13152.       color: #fff;

  13153.       margin: 0; }

  13154.     .widget-gradient .widget-gradient-body .widget-gradient-body-actions {

  13155.       position: absolute;

  13156.       right: 20px;

  13157.       bottom: 20px;

  13158.       padding: 0;

  13159.       margin: 0; }

  13160.       .widget-gradient .widget-gradient-body .widget-gradient-body-actions li {

  13161.         font-size: 14px;

  13162.         padding: 0 0 0 8px; }

  13163.         .widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child {

  13164.           padding-left: 0; }

  13165.         .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a {

  13166.           color: #fff; }

  13167.           .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover {

  13168.             color: #a1afbb;

  13169.             text-decoration: none; }

  13170. 

  13171. /*** Widget Gradient ***/

  13172. .widget-wrap-img {

  13173.   border-radius: 4px;

  13174.   position: relative;

  13175.   min-height: 350px;

  13176.   padding: 20px; }

  13177.   .widget-wrap-img .widget-wrap-img-title {

  13178.     font-size: 21px;

  13179.     font-weight: 600;

  13180.     color: #3e4f5e;

  13181.     margin: 0 0 20px; }

  13182.   .widget-wrap-img .widget-wrap-img-element {

  13183.     position: absolute;

  13184.     bottom: 0;

  13185.     right: 0; }

  13186. 

  13187. /*** Widget Tab ***/

  13188. .widget-tab {

  13189.   min-height: 420px;

  13190.   border-radius: 4px; }

  13191.   .widget-tab .nav-tabs {

  13192.     margin: 0;

  13193.     border-color: #eff1f3; }

  13194.     .widget-tab .nav-tabs > li {

  13195.       margin: 0 10px; }

  13196.       .widget-tab .nav-tabs > li:first-child {

  13197.         margin-left: 20px; }

  13198.       .widget-tab .nav-tabs > li > a {

  13199.         border: 0;

  13200.         font-weight: bold;

  13201.         color: #8e9daa;

  13202.         text-transform: uppercase;

  13203.         padding: 20px 0; }

  13204.         .widget-tab .nav-tabs > li > a > i {

  13205.           color: #8e9daa; }

  13206.       .widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover {

  13207.         border-bottom: 1px solid #f36a5a; }

  13208.         .widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a {

  13209.           border: 0;

  13210.           background: inherit;

  13211.           color: #f36a5a; }

  13212.           .widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i {

  13213.             color: #f36a5a; }

  13214.       .widget-tab .nav-tabs > li.active {

  13215.         border-bottom: 1px solid #f36a5a;

  13216.         position: relative; }

  13217.         .widget-tab .nav-tabs > li.active > a {

  13218.           border: 0;

  13219.           color: #f36a5a; }

  13220.           .widget-tab .nav-tabs > li.active > a > i {

  13221.             color: #f36a5a; }

  13222.   .widget-tab .tab-content {

  13223.     padding: 20px;

  13224.     color: #8e9daa; }

  13225.   .widget-tab .slimScrollBar {

  13226.     right: 10px !important;

  13227.     margin-top: 17px !important;

  13228.     margin-bottom: 17px !important; }

  13229. 

  13230. /*** Widget News ***/

  13231. .widget-news {

  13232.   overflow: hidden;

  13233.   margin-right: 10px;

  13234.   border-radius: 4px; }

  13235.   .widget-news .widget-news-left-elem {

  13236.     float: left;

  13237.     width: 100px;

  13238.     height: auto;

  13239.     margin-right: 15px; }

  13240.   .widget-news .widget-news-right-body {

  13241.     overflow: hidden; }

  13242.     .widget-news .widget-news-right-body .widget-news-right-body-title {

  13243.       font-size: 16px;

  13244.       font-weight: 600;

  13245.       color: #3e4f5e;

  13246.       margin: 0 0 5px;

  13247.       clear: both; }

  13248.       .widget-news .widget-news-right-body .widget-news-right-body-title .label {

  13249.         float: right;

  13250.         font-weight: 600;

  13251.         background: #a1afbb;

  13252.         border-radius: 3px !important; }

  13253.     .widget-news .widget-news-right-body p {

  13254.       font-size: 13px; }

  13255. 

  13256. /*** Widget Thumb ***/

  13257. .widget-thumb {

  13258.   padding: 20px;

  13259.   border-radius: 4px; }

  13260.   .widget-thumb.bordered {

  13261.     border: 1px solid #e7ecf1; }

  13262.   .widget-thumb .widget-thumb-heading {

  13263.     font-size: 14px;

  13264.     font-weight: bold;

  13265.     color: #8e9daa;

  13266.     margin: 0 0 20px 0; }

  13267.   .widget-thumb .widget-thumb-wrap {

  13268.     overflow: hidden; }

  13269.     .widget-thumb .widget-thumb-wrap .widget-thumb-icon {

  13270.       float: left;

  13271.       width: 60px;

  13272.       height: 60px;

  13273.       display: inline-block;

  13274.       font-size: 20px;

  13275.       line-height: 41px;

  13276.       color: #fff;

  13277.       text-align: center;

  13278.       padding: 10px;

  13279.       margin-right: 15px; }

  13280.   .widget-thumb .widget-thumb-body {

  13281.     overflow: hidden; }

  13282.     .widget-thumb .widget-thumb-body .widget-thumb-subtitle {

  13283.       padding-top: 2px;

  13284.       display: block;

  13285.       font-size: 14px;

  13286.       font-weight: 600;

  13287.       color: #8e9daa; }

  13288.     .widget-thumb .widget-thumb-body .widget-thumb-body-stat {

  13289.       display: block;

  13290.       font-size: 30px;

  13291.       font-weight: 600;

  13292.       color: #3e4f5e; }

  13293. 

  13294. /*** Widget Socials ***/

  13295. .widget-socials {

  13296.   border-radius: 4px;

  13297.   min-height: 250px;

  13298.   padding: 20px; }

  13299.   .widget-socials .widget-socials-title {

  13300.     font-size: 25px;

  13301.     font-weight: 700;

  13302.     line-height: 1.4;

  13303.     color: #fff;

  13304.     margin: 0 0 20px; }

  13305.   .widget-socials .widget-social-subtitle {

  13306.     color: #fff;

  13307.     font-weight: 200;

  13308.     line-height: 1.4; }

  13309.     .widget-socials .widget-social-subtitle a {

  13310.       color: #fff; }

  13311.   .widget-socials .widget-socials-paragraph {

  13312.     display: block;

  13313.     color: #65727d; }

  13314.   .widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw {

  13315.     font-size: 30px;

  13316.     margin: 30px 0; }

  13317.   .widget-socials .widget-social-icon-fb {

  13318.     color: #2b3f72; }

  13319.   .widget-socials .widget-social-icon-tw {

  13320.     color: #3686c3; }

  13321. 

  13322. /*** Widget Comments ***/

  13323. .widget-comments {

  13324.   min-height: 420px; }

  13325. 

  13326. /*** Widget Media ***/

  13327. .widget-media {

  13328.   border-radius: 4px;

  13329.   border-bottom: 1px solid #f6f9fc;

  13330.   overflow: hidden;

  13331.   padding-bottom: 15px;

  13332.   margin-bottom: 15px; }

  13333.   .widget-media .widget-media-elements {

  13334.     float: left;

  13335.     margin-right: 20px; }

  13336.   .widget-media .widget-media-avatar {

  13337.     width: 55px;

  13338.     height: 55px;

  13339.     display: block; }

  13340.   .widget-media .widget-btn-default {

  13341.     display: inline-block;

  13342.     font-size: 12px;

  13343.     color: #96a2b1;

  13344.     border: 1px solid #ebf0f6;

  13345.     padding: 3px 10px; }

  13346.     .widget-media .widget-btn-default .widget-btn-icon {

  13347.       line-height: 1.5; }

  13348.     .widget-media .widget-btn-default:hover {

  13349.       background: #ebf0f6;

  13350.       text-decoration: none; }

  13351.   .widget-media .widget-btn-red {

  13352.     display: inline-block;

  13353.     font-size: 12px;

  13354.     color: #f36a5a;

  13355.     border: 1px solid #ebf0f6;

  13356.     padding: 3px 10px; }

  13357.     .widget-media .widget-btn-red .widget-btn-icon {

  13358.       line-height: 1.5; }

  13359.     .widget-media .widget-btn-red:hover {

  13360.       color: #fff;

  13361.       background: #f36a5a;

  13362.       text-decoration: none; }

  13363.   .widget-media .widget-btn-blue {

  13364.     display: inline-block;

  13365.     font-size: 12px;

  13366.     color: #fff;

  13367.     border: 1px solid #ebf0f6;

  13368.     padding: 3px 10px;

  13369.     background: #337ab7; }

  13370.     .widget-media .widget-btn-blue .widget-btn-icon {

  13371.       line-height: 1.5; }

  13372.     .widget-media .widget-btn-blue:hover {

  13373.       color: #337ab7;

  13374.       background: #fff;

  13375.       text-decoration: none; }

  13376.   .widget-media .widget-media-body {

  13377.     overflow: hidden; }

  13378.     .widget-media .widget-media-body .widget-media-body-title {

  13379.       font-size: 15px;

  13380.       font-weight: 600;

  13381.       color: #5b9bd1;

  13382.       margin: 0 0 7px; }

  13383.     .widget-media .widget-media-body .widget-media-body-subtitle {

  13384.       font-size: 13px;

  13385.       color: #7e8c9e; }

  13386. 

  13387. /*** Widget Blog ***/

  13388. .widget-blog {

  13389.   border-radius: 4px;

  13390.   background: #fff;

  13391.   padding: 20px;

  13392.   background-position: center center;

  13393.   background-size: cover;

  13394.   padding-top: 30px; }

  13395.   .widget-blog .widget-blog-heading {

  13396.     position: relative;

  13397.     margin-bottom: 30px; }

  13398.     .widget-blog .widget-blog-heading:before {

  13399.       position: absolute;

  13400.       bottom: -15px;

  13401.       left: 50%;

  13402.       width: 50px;

  13403.       height: 1px;

  13404.       border-width: 1px;

  13405.       background: #8e9daa;

  13406.       margin-left: -25px;

  13407.       content: " "; }

  13408.   .widget-blog .widget-blog-title {

  13409.     font-size: 20px;

  13410.     font-weight: 400;

  13411.     color: #3e4f5e;

  13412.     margin: 0 0 15px; }

  13413.     .widget-blog .widget-blog-title a {

  13414.       color: #3e4f5e; }

  13415.   .widget-blog .widget-blog-subtitle {

  13416.     display: block;

  13417.     font-size: 13px;

  13418.     color: #8e9daa;

  13419.     letter-spacing: 3px; }

  13420.   .widget-blog .btn-widget-purple {

  13421.     display: inline-block;

  13422.     font-size: 13px;

  13423.     color: #8e9daa;

  13424.     border: 1px solid #8e9daa;

  13425.     padding: 7px 17px; }

  13426.     .widget-blog .btn-widget-purple:hover {

  13427.       color: #fff;

  13428.       background: #8e9daa;

  13429.       text-decoration: none; }

  13430. 

  13431. /*** Widget Progress ***/

  13432. .widget-progress {

  13433.   min-height: 420px; }

  13434.   .widget-progress .widget-progress-element {

  13435.     border-radius: 4px;

  13436.     overflow: hidden;

  13437.     padding: 30px 10px; }

  13438.   .widget-progress .widget-progress-title {

  13439.     display: block;

  13440.     color: #fff;

  13441.     margin-bottom: 5px; }

  13442.   .widget-progress .progress {

  13443.     height: 3px;

  13444.     background: rgba(255, 255, 255, 0.2);

  13445.     margin-bottom: 0; }

  13446. 

  13447. /*** Widget Gradient ***/

  13448. .widget-map {

  13449.   border-radius: 4px;

  13450.   min-height: 350px;

  13451.   border-radius: 3px; }

  13452.   .widget-map .widget-map-mapplic {

  13453.     border-top-right-radius: 3px;

  13454.     border-top-left-radius: 3px; }

  13455.     .widget-map .widget-map-mapplic .mapplic-container {

  13456.       background: #5b9bd1; }

  13457.     .widget-map .widget-map-mapplic .mapplic-layer.world > img {

  13458.       opacity: .3; }

  13459.   .widget-map .widget-map-body {

  13460.     background: #fff;

  13461.     border-bottom-right-radius: 3px;

  13462.     border-bottom-left-radius: 3px;

  13463.     padding: 20px;

  13464.     overflow: hidden; }

  13465.   .widget-map .widget-sparkline-chart {

  13466.     width: 25%;

  13467.     float: left;

  13468.     border-left: 1px solid #e7eff7;

  13469.     padding: 0 15px; }

  13470.     .widget-map .widget-sparkline-chart:first-child {

  13471.       border-left: none; }

  13472.     .widget-map .widget-sparkline-chart .widget-sparkline-title {

  13473.       display: block;

  13474.       font-size: 12px;

  13475.       font-weight: 600;

  13476.       color: #a1afbb; }

  13477. 

  13478. /* Widget Map for max-width 480px */

  13479. @media (max-width: 480px) {

  13480.   /* 480px */

  13481.   .widget-map .widget-sparkline-chart {

  13482.     width: 50%;

  13483.     border-left: none;

  13484.     margin-top: 10px;

  13485.     margin-bottom: 10px; } }

  13486. 

  13487. /*** Widget Subscribe ***/

  13488. .widget-subscribe {

  13489.   border-radius: 4px;

  13490.   min-height: 250px;

  13491.   overflow: hidden;

  13492.   padding: 30px; }

  13493.   .widget-subscribe .widget-subscribe-no {

  13494.     float: left;

  13495.     font-size: 67px;

  13496.     font-weight: 600;

  13497.     line-height: 1;

  13498.     color: #9a7caf; }

  13499.   .widget-subscribe .widget-subscribe-title {

  13500.     font-size: 25px;

  13501.     font-weight: 700;

  13502.     line-height: 1.4;

  13503.     margin: 0 0 15px 45px; }

  13504.   .widget-subscribe .widget-subscribe-subtitle {

  13505.     font-size: 15px;

  13506.     font-weight: 600; }

  13507.   .widget-subscribe .widget-subscribe-subtitle-link {

  13508.     color: #cab0dd; }

  13509.   .widget-subscribe.widget-subscribe-quote {

  13510.     position: relative; }

  13511.     .widget-subscribe.widget-subscribe-quote:before {

  13512.       position: absolute;

  13513.       top: 2px;

  13514.       font-size: 70px;

  13515.       color: #fff;

  13516.       content: "\201C"; }

  13517. 

  13518. /* Widget Subscribe for media queries */

  13519. @media (max-width: 767px) {

  13520.   /* 767px */

  13521.   .widget-subscribe.widget-subscribe-border {

  13522.     border-top: 1px solid #f5f8fb;

  13523.     border-bottom: 1px solid #f5f8fb;

  13524.     border-right: none; } }

  13525. 

  13526. @media (min-width: 768px) {

  13527.   /* 768px */

  13528.   .widget-subscribe.widget-subscribe-border {

  13529.     border-left: 1px solid #f5f8fb;

  13530.     border-right: 1px solid #f5f8fb; } }

  13531. 

  13532. @media (min-width: 767px) and (max-width: 991px) {

  13533.   /* 767px & 991px */

  13534.   .widget-subscribe.widget-subscribe-border {

  13535.     border-left: none; }

  13536.   .widget-subscribe.widget-subscribe-border-top {

  13537.     border-top: 1px solid #f5f8fb; } }

  13538. 

  13539. /*--------------------------------------------------

  13540.     [Material Design]

  13541. ----------------------------------------------------*/

  13542. .page-md .widget-bg-color-white,

  13543. .page-md .widget-map,

  13544. .page-md .widget-carousel,

  13545. .page-md .widget-progress-element,

  13546. .page-md .widget-socials,

  13547. .page-md .widget-blog {

  13548.   box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03); }

  13549. 

  13550. /***

  13551. AngularJS Basic Animations

  13552. ***/

  13553. @-webkit-keyframes fadeInUp {

  13554.   0% {

  13555.     opacity: 0;

  13556.     -webkit-transform: translateY(15px); }

  13557.   100% {

  13558.     opacity: 1;

  13559.     -webkit-transform: translateY(0); } }

  13560. 

  13561. @-moz-keyframes fadeInUp {

  13562.   0% {

  13563.     opacity: 0;

  13564.     -moz-transform: translateY(15px); }

  13565.   100% {

  13566.     opacity: 1;

  13567.     -moz-transform: translateY(0); } }

  13568. 

  13569. @-o-keyframes fadeInUp {

  13570.   0% {

  13571.     opacity: 0;

  13572.     -o-transform: translateY(15px); }

  13573.   100% {

  13574.     opacity: 1;

  13575.     -o-transform: translateY(0); } }

  13576. 

  13577. @keyframes fadeInUp {

  13578.   0% {

  13579.     opacity: 0;

  13580.     transform: translateY(15px); }

  13581.   100% {

  13582.     opacity: 1;

  13583.     transform: translateY(0); } }

  13584. 

  13585. .fade-in-up {

  13586.   -webkit-animation: fadeInUp .5s;

  13587.   animation: fadeInUp .5s; }

  13588. 

  13589. @-webkit-keyframes bounceDelay {

  13590.   0%, 80%, 100% {

  13591.     -webkit-transform: scale(0); }

  13592.   40% {

  13593.     -webkit-transform: scale(1); } }

  13594. 

  13595. @keyframes bounceDelay {

  13596.   0%, 80%, 100% {

  13597.     transform: scale(0);

  13598.     -webkit-transform: scale(0); }

  13599.   40% {

  13600.     transform: scale(1);

  13601.     -webkit-transform: scale(1); } }

  13602. 

  13603. @keyframes input-focus {

  13604.   0% {

  13605.     left: 20%;

  13606.     width: 20%; }

  13607.   99% {

  13608.     width: 0;

  13609.     left: 0;

  13610.     opacity: 1; }

  13611.   100% {

  13612.     opacity: 0; } }

  13613. 

  13614. .m-heading-1 {

  13615.   margin: 0 0 20px 0;

  13616.   background: #ffffff;

  13617.   padding-left: 15px;

  13618.   border-left: 8px solid #88909a; }

  13619.   .m-heading-1 > h3 {

  13620.     font-size: 20px;

  13621.     color: #3f444a;

  13622.     font-weight: 500;

  13623.     margin: 0 0 15px 0; }

  13624.     .m-heading-1 > h3 > i {

  13625.       font-size: 18px;

  13626.       color: #88909a; }

  13627.   .m-heading-1 > p {

  13628.     color: #5c6873;

  13629.     margin: 10px 0 0 0; }

  13630.     .m-heading-1 > p:first-child {

  13631.       margin-top: 0; }

  13632.   .m-heading-1.m-bordered {

  13633.     border-right: 1px solid #10161c;

  13634.     border-top: 1px solid #10161c;

  13635.     border-bottom: 1px solid #10161c;

  13636.     padding: 15px 15px; }

  13637.     .page-container-bg-solid .m-heading-1.m-bordered {

  13638.       border-right: 0;

  13639.       border-top: 0;

  13640.       border-bottom: 0; }

  13641.   .m-heading-1.m-title-md > h3 {

  13642.     font-size: 18px;

  13643.     margin-bottom: 10px; }

  13644.     .m-heading-1.m-title-md > h3 > i {

  13645.       font-size: 16px;

  13646.       color: #88909a; }

  13647.   .m-heading-1.m-title-md > p {

  13648.     margin: 15px 0; }

  13649.   .m-heading-1.m-title-sm > h3 {

  13650.     font-size: 16px;

  13651.     margin-bottom: 10px; }

  13652.     .m-heading-1.m-title-sm > h3 > i {

  13653.       font-size: 14px;

  13654.       color: #88909a; }

  13655.   .m-heading-1.m-title-sm > p {

  13656.     margin: 10px 0; }

  13657. 

  13658. @media (max-width: 991px) {

  13659.   /* 991px */

  13660.   .m-heading-1 {

  13661.     margin: 0px 0; } }

  13662. 

  13663. /***

  13664. Timeline 

  13665. ***/

  13666. .timeline {

  13667.   margin: 0;

  13668.   padding: 0;

  13669.   position: relative;

  13670.   margin-bottom: 30px; }

  13671.   .timeline:before {

  13672.     content: '';

  13673.     position: absolute;

  13674.     display: block;

  13675.     width: 4px;

  13676.     background: #f5f6fa;

  13677.     top: 0px;

  13678.     bottom: 0px;

  13679.     margin-left: 38px; }

  13680.   .timeline .timeline-item {

  13681.     margin: 0;

  13682.     padding: 0; }

  13683.   .timeline .timeline-badge {

  13684.     float: left;

  13685.     position: relative;

  13686.     padding-right: 30px;

  13687.     height: 80px;

  13688.     width: 80px; }

  13689.   .timeline .timeline-badge-userpic {

  13690.     width: 80px;

  13691.     border: 4px #f5f6fa solid;

  13692.     -webkit-border-radius: 50% !important;

  13693.     -moz-border-radius: 50% !important;

  13694.     border-radius: 50% !important; }

  13695.   .timeline .timeline-badge-userpic img {

  13696.     -webkit-border-radius: 50% !important;

  13697.     -moz-border-radius: 50% !important;

  13698.     border-radius: 50% !important;

  13699.     vertical-align: middle !important; }

  13700.   .timeline .timeline-icon {

  13701.     width: 80px;

  13702.     height: 80px;

  13703.     background-color: #f5f6fa;

  13704.     -webkit-border-radius: 50% !important;

  13705.     -moz-border-radius: 50% !important;

  13706.     border-radius: 50% !important;

  13707.     padding-top: 30px;

  13708.     padding-left: 22px; }

  13709.   .timeline .timeline-icon i {

  13710.     font-size: 34px; }

  13711.   .timeline .timeline-body {

  13712.     position: relative;

  13713.     padding: 20px;

  13714.     margin-top: 20px;

  13715.     margin-left: 110px;

  13716.     background-color: #f5f6fa;

  13717.     -webkit-border-radius: 4px;

  13718.     -moz-border-radius: 4px;

  13719.     -ms-border-radius: 4px;

  13720.     -o-border-radius: 4px;

  13721.     border-radius: 4px; }

  13722.     .timeline .timeline-body:before, .timeline .timeline-body:after {

  13723.       content: " ";

  13724.       display: table; }

  13725.     .timeline .timeline-body:after {

  13726.       clear: both; }

  13727.   .timeline .timeline-body-arrow {

  13728.     position: absolute;

  13729.     top: 30px;

  13730.     left: -14px;

  13731.     width: 0;

  13732.     height: 0;

  13733.     border-style: solid;

  13734.     border-width: 14px 14px 14px 0;

  13735.     border-color: transparent #f5f6fa transparent transparent; }

  13736.   .timeline .timeline-body-head {

  13737.     margin-bottom: 10px; }

  13738.   .timeline .timeline-body-head-caption {

  13739.     float: left; }

  13740.   .timeline .timeline-body-title {

  13741.     font-size: 16px;

  13742.     font-weight: 600; }

  13743.   .timeline .timeline-body-alerttitle {

  13744.     font-size: 16px;

  13745.     font-weight: 600; }

  13746.   .timeline .timeline-body-time {

  13747.     font-size: 14px;

  13748.     margin-left: 10px; }

  13749.   .timeline .timeline-body-head-actions {

  13750.     float: right; }

  13751.   .timeline .timeline-body-head-actions .btn-group {

  13752.     margin-top: -2px; }

  13753.   .timeline .timeline-body-content {

  13754.     font-size: 14px;

  13755.     margin-top: 35px; }

  13756.   .timeline .timeline-body-img {

  13757.     width: 100px;

  13758.     height: 100px;

  13759.     margin: 5px 20px 0 0px; }

  13760.   .timeline.white-bg:before {

  13761.     background: #fff; }

  13762.   .timeline.white-bg .timeline-badge-userpic {

  13763.     border-color: #fff; }

  13764.   .timeline.white-bg .timeline-icon {

  13765.     background-color: #fff; }

  13766.   .timeline.white-bg .timeline-body {

  13767.     background-color: #fff; }

  13768.   .timeline.white-bg .timeline-body-arrow {

  13769.     border-color: transparent #fff transparent transparent; }

  13770. 

  13771. @media (max-width: 768px) {

  13772.   .timeline .timeline-body-head-caption {

  13773.     width: 100%; }

  13774.   .timeline .timeline-body-head-actions {

  13775.     float: left;

  13776.     width: 100%;

  13777.     margin-top: 20px;

  13778.     margin-bottom: 20px; } }

  13779. 

  13780. @media (max-width: 480px) {

  13781.   .timeline:before {

  13782.     margin-left: 28px; }

  13783.   .timeline .timeline-badge {

  13784.     padding-right: 40px;

  13785.     width: 60px;

  13786.     height: 60px; }

  13787.   .timeline .timeline-badge-userpic {

  13788.     width: 60px; }

  13789.   .timeline .timeline-icon {

  13790.     width: 60px;

  13791.     height: 60px;

  13792.     padding-top: 23px;

  13793.     padding-left: 18px; }

  13794.   .timeline .timeline-icon i {

  13795.     font-size: 25px; }

  13796.   .timeline .timeline-body {

  13797.     margin-left: 80px; }

  13798.   .timeline .timeline-body-arrow {

  13799.     top: 17px; } }

  13800. 

  13801. /***

  13802. Timeline 2

  13803. ***/

  13804. .mt-timeline-2 {

  13805.   position: relative; }

  13806.   .mt-timeline-2 > .mt-timeline-line {

  13807.     position: absolute;

  13808.     z-index: 1;

  13809.     height: 100%;

  13810.     width: 1px;

  13811.     top: 0;

  13812.     left: 50%;

  13813.     border-left: 4px solid;

  13814.     transform: translateX(-2px); }

  13815.   .mt-timeline-2 > .mt-container {

  13816.     position: relative;

  13817.     padding: 0; }

  13818.     .mt-timeline-2 > .mt-container > .mt-item {

  13819.       list-style: none;

  13820.       padding-bottom: 60px;

  13821.       clear: both; }

  13822.       .mt-timeline-2 > .mt-container > .mt-item .timeline-body-img.pull-left {

  13823.         margin-right: 15px; }

  13824.       .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon {

  13825.         width: 70px;

  13826.         height: 70px;

  13827.         background-color: #ccc;

  13828.         border-radius: 50% !important;

  13829.         position: absolute;

  13830.         left: 50%;

  13831.         transform: translateX(-50%);

  13832.         z-index: 5;

  13833.         border: 0;

  13834.         overflow: hidden; }

  13835.         .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i {

  13836.           top: 50%;

  13837.           left: 50%;

  13838.           transform: translateY(-50%) translateX(-50%);

  13839.           font-size: 24px; }

  13840.         .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > img {

  13841.           width: 100%;

  13842.           height: auto; }

  13843.       .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content {

  13844.         width: 50%;

  13845.         display: inline-block;

  13846.         position: relative; }

  13847.         .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container {

  13848.           text-align: left;

  13849.           background-color: #f5f6fa;

  13850.           padding: 30px;

  13851.           border: 2px solid;

  13852.           border-color: #d3d7e9; }

  13853.           .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 {

  13854.             content: " ";

  13855.             display: table; }

  13856.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:after {

  13857.             clear: both; }

  13858.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author,

  13859.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title {

  13860.             width: 50%;

  13861.             margin-bottom: 15px; }

  13862.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content-title {

  13863.             opacity: 0.8 ;

  13864.             filter: alpha(opacity=80) ;

  13865.             margin-top: 10px;

  13866.             font-size: 18px;

  13867.             font-weight: 600; }

  13868.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-avatar {

  13869.             width: 40px;

  13870.             height: 40px;

  13871.             border-radius: 50% !important;

  13872.             overflow: hidden; }

  13873.             .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-avatar > img {

  13874.               width: 100%;

  13875.               height: auto; }

  13876.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-name,

  13877.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-name a {

  13878.             opacity: 0.9 ;

  13879.             filter: alpha(opacity=90) ;

  13880.             font-size: 15px;

  13881.             font-weight: 600;

  13882.             text-decoration: none; }

  13883.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-notes {

  13884.             font-size: 12px; }

  13885.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content {

  13886.             padding-top: 15px;

  13887.             border-top: 1px solid;

  13888.             clear: both;

  13889.             line-height: 1.7em; }

  13890.             .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content > p {

  13891.               opacity: 0.7 ;

  13892.               filter: alpha(opacity=70) ; }

  13893.             .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 {

  13894.               font-size: 14px; }

  13895.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .btn {

  13896.             display: inline-block;

  13897.             margin: 0 5px 10px 0; }

  13898.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .btn.pull-right {

  13899.             margin: 0 0 10px 5px; }

  13900.           .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:before {

  13901.             content: '';

  13902.             position: absolute;

  13903.             top: 28px;

  13904.             height: 0;

  13905.             width: 0;

  13906.             border: 10px solid transparent; }

  13907.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) {

  13908.         text-align: left; }

  13909.         .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container {

  13910.           margin-right: 60px; }

  13911.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-title {

  13912.             float: left; }

  13913.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author {

  13914.             float: right; }

  13915.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-avatar {

  13916.             float: right;

  13917.             margin-left: 15px; }

  13918.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-name,

  13919.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-notes {

  13920.             text-align: right; }

  13921.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container:before {

  13922.             right: 40px;

  13923.             border-left: 10px solid #d3d7e9; }

  13924.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) {

  13925.         text-align: right; }

  13926.         .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-icon > i {

  13927.           transform: translateY(-50%) translateX(50%);

  13928.           left: -50%; }

  13929.         .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container {

  13930.           margin-left: 60px; }

  13931.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-avatar {

  13932.             float: left;

  13933.             margin-right: 15px; }

  13934.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-title {

  13935.             float: right;

  13936.             text-align: right; }

  13937.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author {

  13938.             float: left; }

  13939.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-name,

  13940.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-notes {

  13941.             text-align: left; }

  13942.           .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container:before {

  13943.             left: 40px;

  13944.             border-right: 10px solid #E9EDEF; }

  13945. 

  13946. @media (max-width: 991px) {

  13947.   /* 991px */

  13948.   .mt-timeline-2 > .mt-timeline-line {

  13949.     left: 25px; }

  13950.   .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon {

  13951.     left: 25px; }

  13952.     .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i {

  13953.       left: 0; }

  13954.   .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content {

  13955.     width: 100%; }

  13956.     .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title {

  13957.       float: none;

  13958.       text-align: left !important; }

  13959.     .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author,

  13960.     .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title {

  13961.       width: 100%; }

  13962.   .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) {

  13963.     text-align: right; }

  13964.     .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container {

  13965.       margin-left: 80px;

  13966.       margin-right: 0; }

  13967.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-avatar {

  13968.         float: left;

  13969.         margin-right: 15px; }

  13970.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-title {

  13971.         float: right;

  13972.         text-align: right; }

  13973.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author {

  13974.         float: left; }

  13975.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-name,

  13976.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-notes {

  13977.         text-align: left; }

  13978.       .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container:before {

  13979.         left: 70px;

  13980.         border-right: 10px solid #E9EDEF;

  13981.         border-left: none; }

  13982.   .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container {

  13983.     margin-left: 80px;

  13984.     margin-right: 0; }

  13985.     .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container:before {

  13986.       left: 70px;

  13987.       border-right: 10px solid #E9EDEF;

  13988.       border-left: none; } }

  13989. 

  13990. @media (max-width: 480px) {

  13991.   .mt-timeline-2 .btn.pull-right,

  13992.   .mt-timeline-2 .btn-group.pull-right {

  13993.     float: none !important;

  13994.     margin: 0 5px 10px 0 !important; } }

  13995. 

  13996. @media (max-width: 400px) {

  13997.   .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-notes {

  13998.     clear: both;

  13999.     padding-top: 10px; } }

  14000. 

  14001. /***

  14002. Horizontal Timeline 

  14003. ***/

  14004. /* PLUGIN CSS */

  14005. .cd-horizontal-timeline {

  14006.   opacity: 0;

  14007.   -webkit-transition: opacity 0.2s;

  14008.   -moz-transition: opacity 0.2s;

  14009.   transition: opacity 0.2s; }

  14010. 

  14011. .cd-horizontal-timeline::before {

  14012.   /* never visible - this is used in jQuery to check the current MQ */

  14013.   content: 'mobile';

  14014.   display: none; }

  14015. 

  14016. .cd-horizontal-timeline.loaded {

  14017.   /* show the timeline after events position has been set (using JavaScript) */

  14018.   opacity: 1; }

  14019. 

  14020. .cd-horizontal-timeline .timeline {

  14021.   position: relative;

  14022.   height: 100px;

  14023.   width: 90%;

  14024.   max-width: 800px;

  14025.   margin: 0 auto; }

  14026. 

  14027. .cd-horizontal-timeline .events-wrapper {

  14028.   position: relative;

  14029.   height: 100%;

  14030.   margin: 0 40px;

  14031.   overflow: hidden; }

  14032. 

  14033. .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {

  14034.   /* these are used to create a shadow effect at the sides of the timeline */

  14035.   content: '';

  14036.   position: absolute;

  14037.   z-index: 2;

  14038.   top: 0;

  14039.   height: 100%;

  14040.   width: 20px; }

  14041. 

  14042. .cd-horizontal-timeline .events-wrapper::before {

  14043.   left: 0;

  14044.   background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));

  14045.   background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); }

  14046. 

  14047. .cd-horizontal-timeline .events-wrapper::after {

  14048.   right: 0;

  14049.   background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));

  14050.   background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); }

  14051. 

  14052. .cd-horizontal-timeline .events {

  14053.   /* this is the grey line/timeline */

  14054.   position: absolute;

  14055.   z-index: 1;

  14056.   left: 0;

  14057.   top: 49px;

  14058.   height: 2px;

  14059.   /* width will be set using JavaScript */

  14060.   background: #dfdfdf;

  14061.   -webkit-transition: -webkit-transform 0.4s;

  14062.   -moz-transition: -moz-transform 0.4s;

  14063.   transition: transform 0.4s; }

  14064. 

  14065. .cd-horizontal-timeline .filling-line {

  14066.   /* this is used to create the green line filling the timeline */

  14067.   position: absolute;

  14068.   z-index: 1;

  14069.   left: 0;

  14070.   top: 0;

  14071.   height: 100%;

  14072.   width: 100%;

  14073.   background-color: #7b9d6f;

  14074.   -webkit-transform: scaleX(0);

  14075.   -moz-transform: scaleX(0);

  14076.   -ms-transform: scaleX(0);

  14077.   -o-transform: scaleX(0);

  14078.   transform: scaleX(0);

  14079.   -webkit-transform-origin: left center;

  14080.   -moz-transform-origin: left center;

  14081.   -ms-transform-origin: left center;

  14082.   -o-transform-origin: left center;

  14083.   transform-origin: left center;

  14084.   -webkit-transition: -webkit-transform 0.3s;

  14085.   -moz-transition: -moz-transform 0.3s;

  14086.   transition: transform 0.3s; }

  14087. 

  14088. .cd-horizontal-timeline .events a {

  14089.   position: absolute;

  14090.   bottom: 0;

  14091.   z-index: 2;

  14092.   text-align: center;

  14093.   font-size: 1.3rem;

  14094.   padding-bottom: 15px;

  14095.   color: #383838;

  14096.   /* fix bug on Safari - text flickering while timeline translates */

  14097.   -webkit-transform: translateZ(0);

  14098.   -moz-transform: translateZ(0);

  14099.   -ms-transform: translateZ(0);

  14100.   -o-transform: translateZ(0);

  14101.   transform: translateZ(0); }

  14102. 

  14103. .cd-horizontal-timeline .events a::after {

  14104.   /* this is used to create the event spot */

  14105.   content: '';

  14106.   position: absolute;

  14107.   left: 50%;

  14108.   right: auto;

  14109.   -webkit-transform: translateX(-50%);

  14110.   -moz-transform: translateX(-50%);

  14111.   -ms-transform: translateX(-50%);

  14112.   -o-transform: translateX(-50%);

  14113.   transform: translateX(-50%);

  14114.   bottom: -5px;

  14115.   height: 12px;

  14116.   width: 12px;

  14117.   border-radius: 50%;

  14118.   -webkit-transition: background-color 0.3s, border-color 0.3s;

  14119.   -moz-transition: background-color 0.3s, border-color 0.3s;

  14120.   transition: background-color 0.3s, border-color 0.3s; }

  14121. 

  14122. .no-touch .cd-horizontal-timeline .events a:hover::after {

  14123.   background-color: #7b9d6f;

  14124.   border-color: #7b9d6f; }

  14125. 

  14126. .cd-horizontal-timeline .events a.selected {

  14127.   pointer-events: none; }

  14128. 

  14129. @media only screen and (min-width: 1100px) {

  14130.   .cd-horizontal-timeline::before {

  14131.     /* never visible - this is used in jQuery to check the current MQ */

  14132.     content: 'desktop'; } }

  14133. 

  14134. .cd-timeline-navigation a {

  14135.   /* these are the left/right arrows to navigate the timeline */

  14136.   position: absolute;

  14137.   z-index: 1;

  14138.   top: 50%;

  14139.   bottom: auto;

  14140.   -webkit-transform: translateY(-50%);

  14141.   -moz-transform: translateY(-50%);

  14142.   -ms-transform: translateY(-50%);

  14143.   -o-transform: translateY(-50%);

  14144.   transform: translateY(-50%);

  14145.   height: 34px;

  14146.   width: 34px;

  14147.   border-radius: 50%;

  14148.   border: 2px solid #dfdfdf;

  14149.   /* replace text with an icon */

  14150.   overflow: hidden;

  14151.   color: transparent;

  14152.   text-indent: 100%;

  14153.   white-space: nowrap;

  14154.   -webkit-transition: border-color 0.3s;

  14155.   -moz-transition: border-color 0.3s;

  14156.   transition: border-color 0.3s; }

  14157. 

  14158. .cd-timeline-navigation a.prev {

  14159.   left: 0; }

  14160. 

  14161. .cd-timeline-navigation a.next {

  14162.   right: 0; }

  14163. 

  14164. .cd-timeline-navigation a.inactive {

  14165.   cursor: not-allowed; }

  14166. 

  14167. .cd-timeline-navigation a.inactive::after {

  14168.   background-position: 0 -16px; }

  14169. 

  14170. .no-touch .cd-timeline-navigation a.inactive:hover {

  14171.   border-color: #dfdfdf; }

  14172. 

  14173. .cd-horizontal-timeline .events-content {

  14174.   position: relative;

  14175.   width: 100%;

  14176.   margin: 10px 0 0 0;

  14177.   overflow: hidden;

  14178.   -webkit-transition: height 0.4s;

  14179.   -moz-transition: height 0.4s;

  14180.   transition: height 0.4s; }

  14181. 

  14182. .cd-horizontal-timeline .events-content > ol > li {

  14183.   position: absolute;

  14184.   z-index: 1;

  14185.   width: 100%;

  14186.   left: 0;

  14187.   top: 0;

  14188.   -webkit-transform: translateX(-100%);

  14189.   -moz-transform: translateX(-100%);

  14190.   -ms-transform: translateX(-100%);

  14191.   -o-transform: translateX(-100%);

  14192.   transform: translateX(-100%);

  14193.   padding: 0;

  14194.   opacity: 0;

  14195.   -webkit-animation-duration: 0.4s;

  14196.   -moz-animation-duration: 0.4s;

  14197.   animation-duration: 0.4s;

  14198.   -webkit-animation-timing-function: ease-in-out;

  14199.   -moz-animation-timing-function: ease-in-out;

  14200.   animation-timing-function: ease-in-out; }

  14201. 

  14202. .cd-horizontal-timeline .events-content > ol > li.selected {

  14203.   /* visible event content */

  14204.   position: relative;

  14205.   z-index: 2;

  14206.   opacity: 1;

  14207.   -webkit-transform: translateX(0);

  14208.   -moz-transform: translateX(0);

  14209.   -ms-transform: translateX(0);

  14210.   -o-transform: translateX(0);

  14211.   transform: translateX(0); }

  14212. 

  14213. .cd-horizontal-timeline .events-content > ol > li.enter-right, .cd-horizontal-timeline .events-content > ol > li.leave-right {

  14214.   -webkit-animation-name: cd-enter-right;

  14215.   -moz-animation-name: cd-enter-right;

  14216.   animation-name: cd-enter-right; }

  14217. 

  14218. .cd-horizontal-timeline .events-content > ol > li.enter-left, .cd-horizontal-timeline .events-content > ol > li.leave-left {

  14219.   -webkit-animation-name: cd-enter-left;

  14220.   -moz-animation-name: cd-enter-left;

  14221.   animation-name: cd-enter-left; }

  14222. 

  14223. .cd-horizontal-timeline .events-content > ol > li.leave-right, .cd-horizontal-timeline .events-content > ol > li.leave-left {

  14224.   -webkit-animation-direction: reverse;

  14225.   -moz-animation-direction: reverse;

  14226.   animation-direction: reverse; }

  14227. 

  14228. .cd-horizontal-timeline .events-content > ol > li {

  14229.   margin: 0 auto; }

  14230. 

  14231. .cd-horizontal-timeline .events-content em {

  14232.   display: block;

  14233.   font-style: italic;

  14234.   margin: 10px auto; }

  14235. 

  14236. .cd-horizontal-timeline .events-content em::before {

  14237.   content: '- '; }

  14238. 

  14239. @-webkit-keyframes cd-enter-right {

  14240.   0% {

  14241.     opacity: 0;

  14242.     -webkit-transform: translateX(100%); }

  14243.   100% {

  14244.     opacity: 1;

  14245.     -webkit-transform: translateX(0%); } }

  14246. 

  14247. @-moz-keyframes cd-enter-right {

  14248.   0% {

  14249.     opacity: 0;

  14250.     -moz-transform: translateX(100%); }

  14251.   100% {

  14252.     opacity: 1;

  14253.     -moz-transform: translateX(0%); } }

  14254. 

  14255. @keyframes cd-enter-right {

  14256.   0% {

  14257.     opacity: 0;

  14258.     -webkit-transform: translateX(100%);

  14259.     -moz-transform: translateX(100%);

  14260.     -ms-transform: translateX(100%);

  14261.     -o-transform: translateX(100%);

  14262.     transform: translateX(100%); }

  14263.   100% {

  14264.     opacity: 1;

  14265.     -webkit-transform: translateX(0%);

  14266.     -moz-transform: translateX(0%);

  14267.     -ms-transform: translateX(0%);

  14268.     -o-transform: translateX(0%);

  14269.     transform: translateX(0%); } }

  14270. 

  14271. @-webkit-keyframes cd-enter-left {

  14272.   0% {

  14273.     opacity: 0;

  14274.     -webkit-transform: translateX(-100%); }

  14275.   100% {

  14276.     opacity: 1;

  14277.     -webkit-transform: translateX(0%); } }

  14278. 

  14279. @-moz-keyframes cd-enter-left {

  14280.   0% {

  14281.     opacity: 0;

  14282.     -moz-transform: translateX(-100%); }

  14283.   100% {

  14284.     opacity: 1;

  14285.     -moz-transform: translateX(0%); } }

  14286. 

  14287. @keyframes cd-enter-left {

  14288.   0% {

  14289.     opacity: 0;

  14290.     -webkit-transform: translateX(-100%);

  14291.     -moz-transform: translateX(-100%);

  14292.     -ms-transform: translateX(-100%);

  14293.     -o-transform: translateX(-100%);

  14294.     transform: translateX(-100%); }

  14295.   100% {

  14296.     opacity: 1;

  14297.     -webkit-transform: translateX(0%);

  14298.     -moz-transform: translateX(0%);

  14299.     -ms-transform: translateX(0%);

  14300.     -o-transform: translateX(0%);

  14301.     transform: translateX(0%); } }

  14302. 

  14303. /* METRONIC EXTENDED CSS */

  14304. .mt-timeline-horizontal {

  14305.   font-size: 14px; }

  14306.   .mt-timeline-horizontal ol, .mt-timeline-horizontal ul {

  14307.     list-style: none; }

  14308.   .mt-timeline-horizontal blockquote, .mt-timeline-horizontal q {

  14309.     quotes: none; }

  14310.   .mt-timeline-horizontal blockquote:before, .mt-timeline-horizontal blockquote:after,

  14311.   .mt-timeline-horizontal q:before, .mt-timeline-horizontal q:after {

  14312.     content: '';

  14313.     content: none; }

  14314.   .mt-timeline-horizontal table {

  14315.     border-collapse: collapse;

  14316.     border-spacing: 0; }

  14317.   .mt-timeline-horizontal .timeline {

  14318.     width: 100%;

  14319.     max-width: 100%; }

  14320.     .mt-timeline-horizontal .timeline:before {

  14321.       background: transparent; }

  14322.     .mt-timeline-horizontal .timeline .events-wrapper .events a:after {

  14323.       background-color: transparent;

  14324.       border: 2px solid; }

  14325.     .mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after {

  14326.       background-color: #fff !important; }

  14327.     .mt-timeline-horizontal .timeline .events-wrapper .events a:hover, .mt-timeline-horizontal .timeline .events-wrapper .events a:focus {

  14328.       text-decoration: none; }

  14329.     .mt-timeline-horizontal .timeline .events-wrapper:before, .mt-timeline-horizontal .timeline .events-wrapper:after {

  14330.       background-image: none; }

  14331.     .mt-timeline-horizontal .timeline .mt-ht-nav-icon li a {

  14332.       border-radius: 50% !important; }

  14333.       .mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i {

  14334.         position: absolute;

  14335.         top: 50%;

  14336.         left: 0;

  14337.         transform: translateX(50%) translateY(-50%);

  14338.         width: 10px; }

  14339.     .mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i {

  14340.       left: -2px; }

  14341.     .mt-timeline-horizontal .timeline.mt-timeline-square .events a:after {

  14342.       border-radius: 0 !important; }

  14343.     .mt-timeline-horizontal .timeline.mt-timeline-square .mt-ht-nav-icon li a {

  14344.       border-radius: 0 !important; }

  14345.   .mt-timeline-horizontal .events-content ol {

  14346.     padding: 0; }

  14347.     .mt-timeline-horizontal .events-content ol li .mt-title {

  14348.       margin-top: 15px;

  14349.       float: left;

  14350.       width: 60%; }

  14351.       .mt-timeline-horizontal .events-content ol li .mt-title h2 {

  14352.         margin: 0;

  14353.         opacity: 0.8 ;

  14354.         filter: alpha(opacity=80) ;

  14355.         font-size: 18px;

  14356.         font-weight: 600; }

  14357.     .mt-timeline-horizontal .events-content ol li .mt-author {

  14358.       float: right;

  14359.       position: relative;

  14360.       text-align: right;

  14361.       width: 40%; }

  14362.       .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {

  14363.         float: right;

  14364.         margin-left: 15px; }

  14365.       .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {

  14366.         margin-top: 5px; }

  14367.         .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a {

  14368.           opacity: 0.9 ;

  14369.           filter: alpha(opacity=90) ;

  14370.           font-size: 15px;

  14371.           font-weight: 600; }

  14372.           .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 {

  14373.             text-decoration: none; }

  14374.       .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-datetime {

  14375.         font-size: 13px; }

  14376.       .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {

  14377.         width: 50px;

  14378.         height: 50px;

  14379.         border-radius: 50% !important;

  14380.         overflow: hidden; }

  14381.         .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img {

  14382.           width: 100%;

  14383.           height: auto; }

  14384.     .mt-timeline-horizontal .events-content ol li .mt-content {

  14385.       margin-top: 20px;

  14386.       padding-top: 20px;

  14387.       border-top: 1px solid;

  14388.       clear: both;

  14389.       line-height: 1.7em; }

  14390.       .mt-timeline-horizontal .events-content ol li .mt-content > p {

  14391.         opacity: 0.7 ;

  14392.         filter: alpha(opacity=70) ; }

  14393.       .mt-timeline-horizontal .events-content ol li .mt-content img.pull-left {

  14394.         margin: 0 15px 15px 0; }

  14395.       .mt-timeline-horizontal .events-content ol li .mt-content img.pull-right {

  14396.         margin: 0 0 15px 15px; }

  14397.       .mt-timeline-horizontal .events-content ol li .mt-content .btn-group .dropdown-menu {

  14398.         margin-right: 5px; }

  14399. 

  14400. @media (max-width: 480px) {

  14401.   .mt-timeline-horizontal .events-content ol li .mt-title {

  14402.     width: 100%; }

  14403.   .mt-timeline-horizontal .events-content ol li .mt-author {

  14404.     width: 100%;

  14405.     margin-top: 15px;

  14406.     text-align: left; }

  14407.     .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {

  14408.       float: left;

  14409.       margin-right: 15px;

  14410.       margin-left: 0; }

  14411.     .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {

  14412.       margin-top: 10px; }

  14413.   .mt-timeline-horizontal .btn.pull-right {

  14414.     float: none !important;

  14415.     margin: 0 !important; } }

  14416. 

  14417. /***

  14418. Tasks Widget 

  14419. ***/

  14420. .tasks-widget:after {

  14421.   clear: both; }

  14422. 

  14423. .tasks-widget .task-list {

  14424.   list-style: none;

  14425.   padding: 0;

  14426.   margin: 0; }

  14427.   .tasks-widget .task-list > li {

  14428.     position: relative;

  14429.     padding: 10px 10px;

  14430.     border-bottom: 1px solid #F4F6F9; }

  14431.     .tasks-widget .task-list > li:hover {

  14432.       background: #F4F6F9; }

  14433.     .tasks-widget .task-list > li.last-line {

  14434.       border-bottom: none; }

  14435.     .tasks-widget .task-list > li.task-done {

  14436.       background: #f6f6f6; }

  14437.       .tasks-widget .task-list > li.task-done:hover {

  14438.         background: #f4f4f4; }

  14439.       .tasks-widget .task-list > li.task-done .task-title-sp {

  14440.         text-decoration: line-through; }

  14441.     .tasks-widget .task-list > li > .task-bell {

  14442.       margin-left: 10px; }

  14443.     .tasks-widget .task-list > li > .task-checkbox {

  14444.       float: left;

  14445.       width: 30px; }

  14446.       .tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] {

  14447.         cursor: pointer; }

  14448.     .tasks-widget .task-list > li > .task-title {

  14449.       color: #838FA1;

  14450.       margin-right: 10px; }

  14451.       .tasks-widget .task-list > li > .task-title .task-title-sp {

  14452.         margin-right: 5px; }

  14453.     .tasks-widget .task-list > li .task-config-btn {

  14454.       margin-top: -1px; }

  14455.     .tasks-widget .task-list > li > .task-config {

  14456.       display: none;

  14457.       position: absolute;

  14458.       top: 7px;

  14459.       right: 10px; }

  14460.     .tasks-widget .task-list > li:hover > .task-config {

  14461.       display: block;

  14462.       margin-bottom: 0 !important; }

  14463. 

  14464. .tasks-widget .task-footer {

  14465.   margin-top: 5px; }

  14466.   .tasks-widget .task-footer:before, .tasks-widget .task-footer:after {

  14467.     content: " ";

  14468.     display: table; }

  14469.   .tasks-widget .task-footer:after {

  14470.     clear: both; }

  14471. 

  14472. @media only screen and (max-width: 480px) {

  14473.   .tasks-widget .task-config-btn {

  14474.     float: inherit;

  14475.     display: block; }

  14476.   .tasks-widget .task-list-projects li > .label {

  14477.     margin-bottom: 5px; } }

  14478. 

  14479. .mt-comments .mt-comment {

  14480.   padding: 10px;

  14481.   margin: 0 0 10px 0; }

  14482.   .mt-comments .mt-comment .mt-comment-img {

  14483.     width: 40px;

  14484.     float: left; }

  14485.     .mt-comments .mt-comment .mt-comment-img > img {

  14486.       border-radius: 50% !important; }

  14487.   .mt-comments .mt-comment .mt-comment-body {

  14488.     padding-left: 20px;

  14489.     position: relative;

  14490.     overflow: hidden; }

  14491.     .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before, .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {

  14492.       content: " ";

  14493.       display: table; }

  14494.     .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {

  14495.       clear: both; }

  14496.     .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {

  14497.       display: inline-block;

  14498.       float: left;

  14499.       margin: 0px 0px 10px 0;

  14500.       color: #060606;

  14501.       font-weight: 600; }

  14502.     .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date {

  14503.       display: inline-block;

  14504.       float: right;

  14505.       margin: 0px;

  14506.       color: #BABABA; }

  14507.     .mt-comments .mt-comment .mt-comment-body .mt-comment-text {

  14508.       color: #999999; }

  14509.     .mt-comments .mt-comment .mt-comment-body .mt-comment-details {

  14510.       margin: 10px 0px 0px 0; }

  14511.       .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status {

  14512.         text-transform: uppercase;

  14513.         float: left; }

  14514.         .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending {

  14515.           color: #B8C0F5; }

  14516.         .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved {

  14517.           color: #6BD873; }

  14518.         .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected {

  14519.           color: red; }

  14520.       .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions {

  14521.         display: none;

  14522.         list-style: none;

  14523.         margin: 0;

  14524.         padding: 0;

  14525.         float: right; }

  14526.         .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li {

  14527.           float: left;

  14528.           padding: 0 5px;

  14529.           margin: 0; }

  14530.           .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a {

  14531.             text-transform: uppercase;

  14532.             color: #999999; }

  14533.             .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover {

  14534.               color: #666666;

  14535.               text-decoration: none; }

  14536.   .mt-comments .mt-comment:hover {

  14537.     background: #f9f9f9; }

  14538.     .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions {

  14539.       display: inline-block; }

  14540. 

  14541. .mt-actions .mt-action {

  14542.   margin: 0px;

  14543.   padding: 15px 0 15px 0;

  14544.   border-bottom: 1px solid #f7f8f9; }

  14545.   .mt-actions .mt-action:last-child {

  14546.     border-bottom: 0px; }

  14547.   .mt-actions .mt-action .mt-action-img {

  14548.     width: 40px;

  14549.     float: left; }

  14550.     .mt-actions .mt-action .mt-action-img > img {

  14551.       border-radius: 50% !important;

  14552.       margin-bottom: 2px; }

  14553.   .mt-actions .mt-action .mt-action-body {

  14554.     padding-left: 15px;

  14555.     position: relative;

  14556.     overflow: hidden; }

  14557.     .mt-actions .mt-action .mt-action-body .mt-action-row {

  14558.       display: table;

  14559.       width: 100%; }

  14560.       .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {

  14561.         display: table-cell;

  14562.         vertical-align: top; }

  14563.         .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {

  14564.           display: table-cell;

  14565.           padding: 6px 20px 6px 6px; }

  14566.           .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i {

  14567.             display: inline-block;

  14568.             position: relative;

  14569.             top: 10px;

  14570.             font-size: 25px;

  14571.             color: #78E0E8; }

  14572.         .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {

  14573.           display: table-cell;

  14574.           vertical-align: top; }

  14575.           .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author {

  14576.             color: #060606;

  14577.             font-weight: 600; }

  14578.           .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {

  14579.             margin-bottom: 0;

  14580.             color: #999b9b; }

  14581.       .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {

  14582.         vertical-align: top;

  14583.         display: table-cell;

  14584.         text-align: center;

  14585.         width: 150px;

  14586.         white-space: nowrap;

  14587.         padding-top: 15px;

  14588.         color: #A6A8A8; }

  14589.         .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot {

  14590.           display: inline-block;

  14591.           width: 10px;

  14592.           height: 10px;

  14593.           background-color: red;

  14594.           border-radius: 50% !important;

  14595.           margin-left: 5px;

  14596.           margin-right: 5px; }

  14597.       .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {

  14598.         vertical-align: top;

  14599.         display: table-cell;

  14600.         text-align: center;

  14601.         width: 160px;

  14602.         white-space: nowrap;

  14603.         padding-top: 10px; }

  14604. 

  14605. @media (max-width: 767px) {

  14606.   /* 767px */

  14607.   .mt-actions .mt-action .mt-action-body .mt-action-row {

  14608.     display: block; }

  14609.     .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {

  14610.       display: block; }

  14611.     .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {

  14612.       display: inline-block;

  14613.       margin-left: 40px; }

  14614.     .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {

  14615.       display: inline-block;

  14616.       float: right; } }

  14617. 

  14618. .mt-widget-1 {

  14619.   border: 1px solid #e7ecf1;

  14620.   text-align: center;

  14621.   position: relative; }

  14622.   .mt-widget-1 .mt-icon {

  14623.     position: absolute;

  14624.     right: 10px;

  14625.     top: 10px;

  14626.     margin: 7px;

  14627.     font-size: 20px; }

  14628.     .mt-widget-1 .mt-icon > a > i {

  14629.       color: #a1e5e1; }

  14630.     .mt-widget-1 .mt-icon > a:hover > i {

  14631.       color: #79dad5; }

  14632.   .mt-widget-1 .mt-img {

  14633.     display: inline-block;

  14634.     border-radius: 50% !important;

  14635.     border: 4px solid #e7ecf1;

  14636.     margin: 40px 0 30px 0; }

  14637.     .mt-widget-1 .mt-img > img {

  14638.       border: 1px solid trnsparent;

  14639.       border-radius: 50% !important; }

  14640.   .mt-widget-1 .mt-body .mt-username {

  14641.     text-align: center;

  14642.     margin: 5px 10px;

  14643.     font-weight: 600;

  14644.     font-size: 16px; }

  14645.   .mt-widget-1 .mt-body .mt-user-title {

  14646.     text-align: center;

  14647.     margin: 10px 10px 10px 10px;

  14648.     color: #666666;

  14649.     font-size: 13px; }

  14650.   .mt-widget-1 .mt-body .mt-stats {

  14651.     margin: 30px 0px 0px 0px; }

  14652.     .mt-widget-1 .mt-body .mt-stats .btn-group {

  14653.       border-top: 1px solid #e7ecf1; }

  14654.       .mt-widget-1 .mt-body .mt-stats .btn-group .btn {

  14655.         padding: 10px 10px;

  14656.         font-size: 14px;

  14657.         border-right: 1px solid #e7ecf1; }

  14658.         .mt-widget-1 .mt-body .mt-stats .btn-group .btn:hover {

  14659.           background-color: #e7ecf1; }

  14660.         .mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child {

  14661.           border: 0; }

  14662.         .mt-widget-1 .mt-body .mt-stats .btn-group .btn > i {

  14663.           position: relative;

  14664.           top: 3px;

  14665.           right: 2px;

  14666.           font-size: 16px; }

  14667.         .mt-widget-1 .mt-body .mt-stats .btn-group .btn:first-child {

  14668.           border-bottom-left-radius: 4px !important; }

  14669.         .mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child {

  14670.           border-bottom-right-radius: 4px !important; }

  14671. 

  14672. .mt-widget-2 {

  14673.   border: 1px solid #e7ecf1;

  14674.   position: relative; }

  14675.   .mt-widget-2 .mt-head {

  14676.     position: absolute;

  14677.     width: 100%;

  14678.     background-size: 100% 100%; }

  14679.     .mt-widget-2 .mt-head .mt-head-label {

  14680.       position: absolute;

  14681.       top: 8px;

  14682.       right: 8px;

  14683.       cursor: pointer; }

  14684.       .mt-widget-2 .mt-head .mt-head-label > button {

  14685.         font-size: 13px;

  14686.         border-radius: 2px !important; }

  14687.     .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img {

  14688.       position: relative;

  14689.       float: left;

  14690.       margin: 165px 32px 18px 35px; }

  14691.       .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img::after {

  14692.         content: "";

  14693.         position: absolute;

  14694.         top: 90%;

  14695.         left: 50%;

  14696.         margin-left: -15px;

  14697.         border-width: 13px;

  14698.         border-style: solid;

  14699.         border-color: transparent transparent white  transparent; }

  14700.       .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img > img {

  14701.         width: 65px;

  14702.         border-radius: 50% !important; }

  14703.     .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info {

  14704.       margin: 175px 0 0 -9px;

  14705.       color: white;

  14706.       display: inline-block; }

  14707.       .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-name {

  14708.         display: block;

  14709.         font-size: 15px; }

  14710.       .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time {

  14711.         font-size: 13px;

  14712.         display: block; }

  14713.         .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time > i {

  14714.           position: relative;

  14715.           top: 1px;

  14716.           font-size: 13px; }

  14717.   .mt-widget-2 .mt-body {

  14718.     padding-top: 160px;

  14719.     text-align: center; }

  14720.     .mt-widget-2 .mt-body .mt-body-title {

  14721.       margin-top: 130px;

  14722.       font-weight: 600;

  14723.       font-size: 16px; }

  14724.     .mt-widget-2 .mt-body .mt-body-description {

  14725.       margin-top: 10px;

  14726.       display: inline-block;

  14727.       color: #666666;

  14728.       font-size: 13px;

  14729.       padding: 0 10px; }

  14730.     .mt-widget-2 .mt-body .mt-body-stats {

  14731.       padding: 0; }

  14732.       .mt-widget-2 .mt-body .mt-body-stats:before, .mt-widget-2 .mt-body .mt-body-stats:after {

  14733.         content: " ";

  14734.         display: table; }

  14735.       .mt-widget-2 .mt-body .mt-body-stats:after {

  14736.         clear: both; }

  14737.       .mt-widget-2 .mt-body .mt-body-stats > li {

  14738.         margin: 15px;

  14739.         list-style: none;

  14740.         display: inline-block; }

  14741.     .mt-widget-2 .mt-body .mt-body-actions {

  14742.       border-top: 1px solid #e7ecf1; }

  14743.       .mt-widget-2 .mt-body .mt-body-actions > i {

  14744.         font-size: 18px; }

  14745.       .mt-widget-2 .mt-body .mt-body-actions .btn {

  14746.         font-size: 14px;

  14747.         border-right: 1px solid #e7ecf1;

  14748.         padding: 12px 0 12px 0;

  14749.         text-align: center; }

  14750.         .mt-widget-2 .mt-body .mt-body-actions .btn:last-child {

  14751.           border: 0; }

  14752. 

  14753. .mt-widget-3 {

  14754.   border: 1px solid #e7ecf1; }

  14755.   .mt-widget-3 .mt-head {

  14756.     background-color: #5DC9E6;

  14757.     margin-bottom: 20px;

  14758.     color: white;

  14759.     padding: 15px 0; }

  14760.     .mt-widget-3 .mt-head .mt-head-icon {

  14761.       font-size: 35px;

  14762.       text-align: center;

  14763.       padding-top: 20px;

  14764.       margin-bottom: 10px; }

  14765.     .mt-widget-3 .mt-head .mt-head-desc {

  14766.       margin-left: 10px;

  14767.       margin-right: 10px;

  14768.       text-align: center;

  14769.       color: #fff;

  14770.       opacity: 0.8 ;

  14771.       filter: alpha(opacity=80) ; }

  14772.     .mt-widget-3 .mt-head .mt-head-date {

  14773.       text-align: center;

  14774.       margin-top: 20px;

  14775.       display: block;

  14776.       color: #f2f2f2; }

  14777.     .mt-widget-3 .mt-head .mt-head-button {

  14778.       margin: 10px 0;

  14779.       text-align: center;

  14780.       padding: 20px; }

  14781.       .mt-widget-3 .mt-head .mt-head-button > button {

  14782.         width: 90px; }

  14783.   .mt-widget-3 .mt-body-actions-icons .btn-group {

  14784.     margin-bottom: 20px; }

  14785.     .mt-widget-3 .mt-body-actions-icons .btn-group .mt-icon {

  14786.       display: block;

  14787.       position: relative;

  14788.       padding: 5px;

  14789.       font-size: 15px; }

  14790.   .mt-widget-3 .mt-body-actions-icons .btn {

  14791.     border-right: 1px solid #e7ecf1;

  14792.     font-size: 11px;

  14793.     text-align: center;

  14794.     padding: 0; }

  14795.     .mt-widget-3 .mt-body-actions-icons .btn:last-child {

  14796.       border-right: 0; }

  14797. 

  14798. .mt-widget-4 {

  14799.   min-height: 250px;

  14800.   color: white;

  14801.   background-color: #26C0B8; }

  14802.   .mt-widget-4 .mt-img-container {

  14803.     position: relative; }

  14804.     .mt-widget-4 .mt-img-container > img {

  14805.       height: 250px;

  14806.       width: 100%; }

  14807.   .mt-widget-4 .mt-container {

  14808.     width: 150px;

  14809.     background-color: #26C0B8;

  14810.     min-height: 250px;

  14811.     position: absolute;

  14812.     right: 15px;

  14813.     top: 0; }

  14814.     .mt-widget-4 .mt-container .mt-head-title {

  14815.       text-align: center;

  14816.       margin-top: 20px;

  14817.       padding: 10px; }

  14818.     .mt-widget-4 .mt-container .mt-body-icons {

  14819.       margin-top: 30px;

  14820.       text-align: center; }

  14821.       .mt-widget-4 .mt-container .mt-body-icons > a {

  14822.         color: #e6e6e6;

  14823.         display: inline-block;

  14824.         padding: 10px;

  14825.         font-size: 17px; }

  14826.         .mt-widget-4 .mt-container .mt-body-icons > a:hover {

  14827.           color: #fff; }

  14828.     .mt-widget-4 .mt-container .mt-footer-button {

  14829.       margin-top: 30px;

  14830.       position: absolute;

  14831.       right: 0; }

  14832.       .mt-widget-4 .mt-container .mt-footer-button > .btn {

  14833.         width: 90px;

  14834.         border-top-right-radius: 0 !important;

  14835.         border-bottom-right-radius: 0 !important;

  14836.         border: none !important; }

  14837. 

  14838. body.stop-scrolling {

  14839.   height: auto !important;

  14840.   overflow: visible !important; }

  14841. 

  14842. .sweet-alert .sa-icon.sa-success .sa-placeholder,

  14843. .sweet-alert .sa-icon {

  14844.   border-radius: 50% !important; }

  14845. 

  14846. .sweet-alert h2 {

  14847.   font-size: 20px;

  14848.   padding-top: 5px; }

  14849. 

  14850. .sweet-alert p {

  14851.   font-size: 14px; }

  14852. 

  14853. .sweet-alert .btn {

  14854.   font-size: 14px;

  14855.   padding: 8px 14px; }

  14856.   .sweet-alert .btn:focus {

  14857.     border-color: transparent; }

  14858. 

  14859. .mt-sweetalert {

  14860.   margin: 0 5px 5px 0; }

  14861.   .mt-sweetalert:hover {

  14862.     cursor: pointer; }

  14863.   .mt-sweetalert.mt-italic {

  14864.     font-style: italic; }

  14865.   .mt-sweetalert:focus {

  14866.     outline: none !important;

  14867.     border: 1px solid transparent; }

  14868. 

  14869. .mt-sweetalert-title {

  14870.   margin: 30px 0 15px 0; }

  14871. 

  14872. .mt-clipboard-container {

  14873.   padding: 20px; }

  14874.   .mt-clipboard-container .mt-clipboard {

  14875.     margin: 10px 10px 10px 0; }

  14876. 

  14877. .mt-multiselect {

  14878.   text-align: left;

  14879.   position: relative; }

  14880.   .mt-multiselect .caret {

  14881.     position: absolute;

  14882.     top: 50%;

  14883.     margin-top: -2px;

  14884.     right: 15px; }

  14885.   .mt-multiselect.mt-noicon .caret {

  14886.     display: none; }

  14887. 

  14888. .mt-code {

  14889.   padding: 3px;

  14890.   color: #E43A45;

  14891.   border-radius: 4px !important;

  14892.   display: inline;

  14893.   word-wrap: normal; }

  14894. 

  14895. .caption-desc {

  14896.   font-size: 13px;

  14897.   margin-top: 0.5em;

  14898.   line-height: 2.3em; }

  14899. 

  14900. .mt-element-step .row {

  14901.   margin: 0; }

  14902. 

  14903. .mt-element-step .step-default .mt-step-col {

  14904.   padding-top: 30px;

  14905.   padding-bottom: 30px;

  14906.   text-align: center; }

  14907. 

  14908. .mt-element-step .step-default .mt-step-number {

  14909.   font-size: 26px;

  14910.   border-radius: 50% !important;

  14911.   display: inline-block;

  14912.   margin: auto;

  14913.   padding: 3px 14px;

  14914.   margin-bottom: 20px; }

  14915. 

  14916. .mt-element-step .step-default .mt-step-title {

  14917.   font-size: 30px;

  14918.   font-weight: 100; }

  14919. 

  14920. .mt-element-step .step-default .active {

  14921.   background-color: #32c5d2 !important; }

  14922.   .mt-element-step .step-default .active .mt-step-number {

  14923.     color: #32c5d2 !important; }

  14924.   .mt-element-step .step-default .active .mt-step-title,

  14925.   .mt-element-step .step-default .active .mt-step-content {

  14926.     color: #fff !important; }

  14927. 

  14928. .mt-element-step .step-default .done {

  14929.   background-color: #26C281 !important; }

  14930.   .mt-element-step .step-default .done .mt-step-number {

  14931.     color: #26C281 !important; }

  14932.   .mt-element-step .step-default .done .mt-step-title,

  14933.   .mt-element-step .step-default .done .mt-step-content {

  14934.     color: #fff !important; }

  14935. 

  14936. .mt-element-step .step-default .error {

  14937.   background-color: #E7505A !important; }

  14938.   .mt-element-step .step-default .error .mt-step-number {

  14939.     color: #E7505A !important; }

  14940.   .mt-element-step .step-default .error .mt-step-title,

  14941.   .mt-element-step .step-default .error .mt-step-content {

  14942.     color: #fff !important; }

  14943. 

  14944. .mt-element-step .step-thin .mt-step-col {

  14945.   padding-top: 10px;

  14946.   padding-bottom: 10px; }

  14947. 

  14948. .mt-element-step .step-thin .mt-step-number {

  14949.   font-size: 26px;

  14950.   border-radius: 50% !important;

  14951.   float: left;

  14952.   margin: auto;

  14953.   padding: 3px 14px; }

  14954. 

  14955. .mt-element-step .step-thin .mt-step-title {

  14956.   font-size: 24px;

  14957.   font-weight: 100;

  14958.   padding-left: 60px;

  14959.   margin-top: -4px; }

  14960. 

  14961. .mt-element-step .step-thin .mt-step-content {

  14962.   padding-left: 60px;

  14963.   margin-top: -5px; }

  14964. 

  14965. .mt-element-step .step-thin .active {

  14966.   background-color: #32c5d2 !important; }

  14967.   .mt-element-step .step-thin .active .mt-step-number {

  14968.     color: #32c5d2 !important; }

  14969.   .mt-element-step .step-thin .active .mt-step-title,

  14970.   .mt-element-step .step-thin .active .mt-step-content {

  14971.     color: #fff !important; }

  14972. 

  14973. .mt-element-step .step-thin .done {

  14974.   background-color: #26C281 !important; }

  14975.   .mt-element-step .step-thin .done .mt-step-number {

  14976.     color: #26C281 !important; }

  14977.   .mt-element-step .step-thin .done .mt-step-title,

  14978.   .mt-element-step .step-thin .done .mt-step-content {

  14979.     color: #fff !important; }

  14980. 

  14981. .mt-element-step .step-thin .error {

  14982.   background-color: #E7505A !important; }

  14983.   .mt-element-step .step-thin .error .mt-step-number {

  14984.     color: #E7505A !important; }

  14985.   .mt-element-step .step-thin .error .mt-step-title,

  14986.   .mt-element-step .step-thin .error .mt-step-content {

  14987.     color: #fff !important; }

  14988. 

  14989. .mt-element-step .step-background .mt-step-col {

  14990.   padding-top: 30px;

  14991.   padding-bottom: 30px;

  14992.   text-align: center;

  14993.   height: 160px; }

  14994. 

  14995. .mt-element-step .step-background .mt-step-number {

  14996.   font-size: 200px;

  14997.   position: absolute;

  14998.   bottom: 0;

  14999.   right: 0;

  15000.   line-height: 0.79em;

  15001.   color: #dae1e4;

  15002.   z-index: 4; }

  15003. 

  15004. .mt-element-step .step-background .mt-step-title {

  15005.   font-size: 30px;

  15006.   font-weight: 100;

  15007.   text-align: right;

  15008.   padding-right: 25%;

  15009.   z-index: 5;

  15010.   position: relative; }

  15011. 

  15012. .mt-element-step .step-background .mt-step-content {

  15013.   text-align: right;

  15014.   padding-right: 25%;

  15015.   z-index: 5;

  15016.   position: relative; }

  15017. 

  15018. .mt-element-step .step-background .active {

  15019.   background-color: #32c5d2 !important; }

  15020.   .mt-element-step .step-background .active .mt-step-number {

  15021.     color: #2ab4c0 !important; }

  15022.   .mt-element-step .step-background .active .mt-step-title,

  15023.   .mt-element-step .step-background .active .mt-step-content {

  15024.     color: #fff !important; }

  15025. 

  15026. .mt-element-step .step-background .done {

  15027.   background-color: #26C281 !important; }

  15028.   .mt-element-step .step-background .done .mt-step-number {

  15029.     color: #22ad73 !important; }

  15030.   .mt-element-step .step-background .done .mt-step-title,

  15031.   .mt-element-step .step-background .done .mt-step-content {

  15032.     color: #fff !important; }

  15033. 

  15034. .mt-element-step .step-background .error {

  15035.   background-color: #E7505A !important; }

  15036.   .mt-element-step .step-background .error .mt-step-number {

  15037.     color: #e43a45 !important; }

  15038.   .mt-element-step .step-background .error .mt-step-title,

  15039.   .mt-element-step .step-background .error .mt-step-content {

  15040.     color: #fff !important; }

  15041. 

  15042. .mt-element-step .step-background-thin .mt-step-col {

  15043.   padding-top: 15px;

  15044.   padding-bottom: 15px;

  15045.   text-align: center; }

  15046. 

  15047. .mt-element-step .step-background-thin .mt-step-number {

  15048.   font-size: 120px;

  15049.   position: absolute;

  15050.   bottom: 0;

  15051.   right: 0;

  15052.   line-height: 0.79em;

  15053.   color: #dae1e4;

  15054.   z-index: 4; }

  15055. 

  15056. .mt-element-step .step-background-thin .mt-step-title {

  15057.   font-size: 30px;

  15058.   font-weight: 100;

  15059.   text-align: right;

  15060.   padding-right: 25%;

  15061.   z-index: 5;

  15062.   position: relative; }

  15063. 

  15064. .mt-element-step .step-background-thin .mt-step-content {

  15065.   text-align: right;

  15066.   position: relative;

  15067.   padding-right: 25%;

  15068.   z-index: 5; }

  15069. 

  15070. .mt-element-step .step-background-thin .active {

  15071.   background-color: #32c5d2 !important; }

  15072.   .mt-element-step .step-background-thin .active .mt-step-number {

  15073.     color: #2ab4c0 !important; }

  15074.   .mt-element-step .step-background-thin .active .mt-step-title,

  15075.   .mt-element-step .step-background-thin .active .mt-step-content {

  15076.     color: #fff !important; }

  15077. 

  15078. .mt-element-step .step-background-thin .done {

  15079.   background-color: #26C281 !important; }

  15080.   .mt-element-step .step-background-thin .done .mt-step-number {

  15081.     color: #22ad73 !important; }

  15082.   .mt-element-step .step-background-thin .done .mt-step-title,

  15083.   .mt-element-step .step-background-thin .done .mt-step-content {

  15084.     color: #fff !important; }

  15085. 

  15086. .mt-element-step .step-background-thin .error {

  15087.   background-color: #E7505A !important; }

  15088.   .mt-element-step .step-background-thin .error .mt-step-number {

  15089.     color: #e43a45 !important; }

  15090.   .mt-element-step .step-background-thin .error .mt-step-title,

  15091.   .mt-element-step .step-background-thin .error .mt-step-content {

  15092.     color: #fff !important; }

  15093. 

  15094. .mt-element-step .step-no-background .mt-step-col {

  15095.   padding-top: 30px;

  15096.   padding-bottom: 30px;

  15097.   text-align: center; }

  15098. 

  15099. .mt-element-step .step-no-background .mt-step-number {

  15100.   font-size: 26px;

  15101.   border-radius: 50% !important;

  15102.   display: inline-block;

  15103.   margin: auto;

  15104.   padding: 3px 14px;

  15105.   margin-bottom: 20px;

  15106.   border: 1px solid;

  15107.   border-color: #e5e5e5; }

  15108. 

  15109. .mt-element-step .step-no-background .mt-step-title {

  15110.   font-size: 30px;

  15111.   font-weight: 100; }

  15112. 

  15113. .mt-element-step .step-no-background .active .mt-step-number {

  15114.   color: #32c5d2 !important;

  15115.   border-color: #32c5d2 !important;

  15116.   font-weight: 700; }

  15117. 

  15118. .mt-element-step .step-no-background .active .mt-step-title,

  15119. .mt-element-step .step-no-background .active .mt-step-content {

  15120.   color: #32c5d2 !important;

  15121.   font-weight: 700; }

  15122. 

  15123. .mt-element-step .step-no-background .done .mt-step-number {

  15124.   color: #26C281 !important;

  15125.   border-color: #26C281 !important;

  15126.   font-weight: 700; }

  15127. 

  15128. .mt-element-step .step-no-background .done .mt-step-title,

  15129. .mt-element-step .step-no-background .done .mt-step-content {

  15130.   color: #26C281 !important;

  15131.   font-weight: 700; }

  15132. 

  15133. .mt-element-step .step-no-background .error .mt-step-number {

  15134.   color: #E7505A !important;

  15135.   border-color: #E7505A !important;

  15136.   font-weight: 700; }

  15137. 

  15138. .mt-element-step .step-no-background .error .mt-step-title,

  15139. .mt-element-step .step-no-background .error .mt-step-content {

  15140.   color: #E7505A !important;

  15141.   font-weight: 700; }

  15142. 

  15143. .mt-element-step .step-no-background-thin .mt-step-col {

  15144.   padding-top: 10px;

  15145.   padding-bottom: 10px; }

  15146. 

  15147. .mt-element-step .step-no-background-thin .mt-step-number {

  15148.   font-size: 26px;

  15149.   border-radius: 50% !important;

  15150.   float: left;

  15151.   margin: auto;

  15152.   padding: 3px 14px;

  15153.   border: 1px solid;

  15154.   border-color: #e5e5e5; }

  15155. 

  15156. .mt-element-step .step-no-background-thin .mt-step-title {

  15157.   font-size: 24px;

  15158.   font-weight: 100;

  15159.   padding-left: 60px;

  15160.   margin-top: -4px; }

  15161. 

  15162. .mt-element-step .step-no-background-thin .mt-step-content {

  15163.   padding-left: 60px;

  15164.   margin-top: -5px; }

  15165. 

  15166. .mt-element-step .step-no-background-thin .active .mt-step-number {

  15167.   color: #32c5d2 !important;

  15168.   border-color: #32c5d2 !important;

  15169.   font-weight: 700; }

  15170. 

  15171. .mt-element-step .step-no-background-thin .active .mt-step-title,

  15172. .mt-element-step .step-no-background-thin .active .mt-step-content {

  15173.   color: #32c5d2 !important;

  15174.   font-weight: 700; }

  15175. 

  15176. .mt-element-step .step-no-background-thin .done .mt-step-number {

  15177.   color: #26C281 !important;

  15178.   border-color: #26C281 !important;

  15179.   font-weight: 700; }

  15180. 

  15181. .mt-element-step .step-no-background-thin .done .mt-step-title,

  15182. .mt-element-step .step-no-background-thin .done .mt-step-content {

  15183.   color: #26C281 !important;

  15184.   font-weight: 700; }

  15185. 

  15186. .mt-element-step .step-no-background-thin .error .mt-step-number {

  15187.   color: #E7505A !important;

  15188.   border-color: #E7505A !important;

  15189.   font-weight: 700; }

  15190. 

  15191. .mt-element-step .step-no-background-thin .error .mt-step-title,

  15192. .mt-element-step .step-no-background-thin .error .mt-step-content {

  15193.   color: #E7505A !important;

  15194.   font-weight: 700; }

  15195. 

  15196. .mt-element-step .step-line .mt-step-col {

  15197.   padding: 30px 0;

  15198.   text-align: center; }

  15199. 

  15200. .mt-element-step .step-line .mt-step-number {

  15201.   font-size: 26px;

  15202.   border-radius: 50% !important;

  15203.   display: inline-block;

  15204.   margin: auto;

  15205.   padding: 9px;

  15206.   margin-bottom: 5px;

  15207.   border: 3px solid;

  15208.   border-color: #e5e5e5;

  15209.   position: relative;

  15210.   z-index: 5;

  15211.   height: 60px;

  15212.   width: 60px;

  15213.   text-align: center; }

  15214.   .mt-element-step .step-line .mt-step-number > i {

  15215.     position: relative;

  15216.     top: 50%;

  15217.     transform: translateY(-120%); }

  15218. 

  15219. .mt-element-step .step-line .mt-step-title {

  15220.   font-size: 20px;

  15221.   font-weight: 400;

  15222.   position: relative; }

  15223.   .mt-element-step .step-line .mt-step-title:after {

  15224.     content: '';

  15225.     height: 3px;

  15226.     width: 50%;

  15227.     position: absolute;

  15228.     background-color: #e5e5e5;

  15229.     top: -32px;

  15230.     left: 50%;

  15231.     z-index: 4;

  15232.     transform: translateY(-100%); }

  15233.   .mt-element-step .step-line .mt-step-title:before {

  15234.     content: '';

  15235.     height: 3px;

  15236.     width: 50%;

  15237.     position: absolute;

  15238.     background-color: #e5e5e5;

  15239.     top: -32px;

  15240.     right: 50%;

  15241.     z-index: 4;

  15242.     transform: translateY(-100%); }

  15243. 

  15244. .mt-element-step .step-line .first .mt-step-title:before {

  15245.   content: none; }

  15246. 

  15247. .mt-element-step .step-line .last .mt-step-title:after {

  15248.   content: none; }

  15249. 

  15250. .mt-element-step .step-line .active .mt-step-number {

  15251.   color: #32c5d2 !important;

  15252.   border-color: #32c5d2 !important; }

  15253. 

  15254. .mt-element-step .step-line .active .mt-step-title,

  15255. .mt-element-step .step-line .active .mt-step-content {

  15256.   color: #32c5d2 !important; }

  15257. 

  15258. .mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {

  15259.   background-color: #32c5d2; }

  15260. 

  15261. .mt-element-step .step-line .done .mt-step-number {

  15262.   color: #26C281 !important;

  15263.   border-color: #26C281 !important; }

  15264. 

  15265. .mt-element-step .step-line .done .mt-step-title,

  15266. .mt-element-step .step-line .done .mt-step-content {

  15267.   color: #26C281 !important; }

  15268. 

  15269. .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {

  15270.   background-color: #26C281; }

  15271. 

  15272. .mt-element-step .step-line .error .mt-step-number {

  15273.   color: #E7505A !important;

  15274.   border-color: #E7505A !important; }

  15275. 

  15276. .mt-element-step .step-line .error .mt-step-title,

  15277. .mt-element-step .step-line .error .mt-step-content {

  15278.   color: #E7505A !important; }

  15279. 

  15280. .mt-element-step .step-line .error .mt-step-title:after, .mt-element-step .step-line .error .mt-step-title:before {

  15281.   background-color: #E7505A; }

  15282. 

  15283. @media (max-width: 991px) {

  15284.   /* 991px */

  15285.   .mt-element-step .step-line .mt-step-title:after {

  15286.     content: none; }

  15287.   .mt-element-step .step-line .mt-step-title:before {

  15288.     content: none; } }

  15289. 

  15290. .mt-element-list .list-default.mt-list-head {

  15291.   background-position: center;

  15292.   background-size: cover;

  15293.   background-repeat: no-repeat;

  15294.   padding: 15px; }

  15295.   .mt-element-list .list-default.mt-list-head .list-title {

  15296.     margin: 0 0 0.7em 0;

  15297.     font-size: 18px; }

  15298.   .mt-element-list .list-default.mt-list-head .list-date {

  15299.     font-size: 12px; }

  15300.   .mt-element-list .list-default.mt-list-head .list-pending {

  15301.     margin-bottom: 10px; }

  15302.   .mt-element-list .list-default.mt-list-head .list-count {

  15303.     display: inline-block;

  15304.     padding: 3px 7px; }

  15305.     .mt-element-list .list-default.mt-list-head .list-count.last {

  15306.       margin-bottom: 0; }

  15307.   .mt-element-list .list-default.mt-list-head .list-label {

  15308.     display: inline-block;

  15309.     font-size: 12px; }

  15310. 

  15311. .mt-element-list .list-default.mt-list-container {

  15312.   border-left: 1px solid;

  15313.   border-right: 1px solid;

  15314.   border-bottom: 1px solid;

  15315.   border-color: #e7ecf1;

  15316.   padding: 15px; }

  15317.   .mt-element-list .list-default.mt-list-container .mt-list-title {

  15318.     padding-bottom: 15px;

  15319.     font-size: 14px;

  15320.     font-weight: 700; }

  15321.   .mt-element-list .list-default.mt-list-container ul {

  15322.     margin-bottom: 0;

  15323.     padding: 0; }

  15324.     .mt-element-list .list-default.mt-list-container ul > .mt-list-item {

  15325.       list-style: none;

  15326.       border-bottom: 1px solid;

  15327.       border-color: #e7ecf1;

  15328.       padding: 25px 0;

  15329.       min-height: 45px; }

  15330.       .mt-element-list .list-default.mt-list-container ul > .mt-list-item:first-child {

  15331.         padding-top: 0; }

  15332.       .mt-element-list .list-default.mt-list-container ul > .mt-list-item:last-child {

  15333.         padding-bottom: 0;

  15334.         border: none; }

  15335.       .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container {

  15336.         border: 1px solid;

  15337.         border-color: #e7ecf1;

  15338.         border-radius: 50% !important;

  15339.         padding: 0.9em;

  15340.         float: left;

  15341.         width: 45px;

  15342.         height: 45px; }

  15343.         .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a {

  15344.           color: #34495e; }

  15345.           .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {

  15346.             color: #26C281;

  15347.             text-decoration: none; }

  15348.         .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done {

  15349.           border-color: #26C281; }

  15350.           .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {

  15351.             color: #26C281; }

  15352.             .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {

  15353.               color: #26C281;

  15354.               text-decoration: none; }

  15355.       .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content {

  15356.         padding: 0 75px 0 60px; }

  15357.         .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 {

  15358.           margin-top: 0;

  15359.           margin-bottom: 5px;

  15360.           font-size: 16px; }

  15361.           .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {

  15362.             color: #34495e; }

  15363.             .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {

  15364.               color: #26C281;

  15365.               text-decoration: none; }

  15366.         .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > p {

  15367.           margin: 0; }

  15368.       .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {

  15369.         text-align: right;

  15370.         float: right;

  15371.         width: 60px; }

  15372. 

  15373. .mt-element-list .list-default.ext-1.mt-list-container {

  15374.   padding: 15px 0 0 0; }

  15375.   .mt-element-list .list-default.ext-1.mt-list-container .mt-list-title {

  15376.     padding: 0 15px 15px 15px; }

  15377.   .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item {

  15378.     padding: 15px;

  15379.     border-left: 3px solid;

  15380.     border-color: #2F353B;

  15381.     border-bottom-color: #e7ecf1; }

  15382.     .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item:hover {

  15383.       background-color: #e5e5e5; }

  15384.     .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done {

  15385.       border-color: #26C281;

  15386.       border-bottom-color: #e7ecf1; }

  15387.       .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done:hover {

  15388.         background-color: #96ebc8; }

  15389.     .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item > .list-icon-container {

  15390.       border: none; }

  15391. 

  15392. .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 {

  15393.   text-decoration: none; }

  15394. 

  15395. .mt-element-list .list-default.group .list-toggle-container .list-toggle {

  15396.   padding: 15px;

  15397.   background-color: #2F353B;

  15398.   font-weight: 700;

  15399.   color: #fff;

  15400.   text-decoration: none; }

  15401.   .mt-element-list .list-default.group .list-toggle-container .list-toggle.done {

  15402.     background-color: #26C281; }

  15403. 

  15404. .mt-element-list .list-simple.mt-list-head {

  15405.   padding: 15px; }

  15406.   .mt-element-list .list-simple.mt-list-head .list-title {

  15407.     margin: 0;

  15408.     padding-right: 85px; }

  15409.   .mt-element-list .list-simple.mt-list-head .list-date {

  15410.     font-size: 12px;

  15411.     opacity: 0.8;

  15412.     float: right;

  15413.     width: 75px; }

  15414. 

  15415. .mt-element-list .list-simple.mt-list-container {

  15416.   border-left: 1px solid;

  15417.   border-right: 1px solid;

  15418.   border-bottom: 1px solid;

  15419.   border-color: #e7ecf1;

  15420.   padding: 15px; }

  15421.   .mt-element-list .list-simple.mt-list-container ul {

  15422.     margin-bottom: 0;

  15423.     padding: 0; }

  15424.     .mt-element-list .list-simple.mt-list-container ul > .mt-list-item {

  15425.       list-style: none;

  15426.       border-bottom: 1px solid;

  15427.       border-color: #e7ecf1;

  15428.       padding: 15px 0; }

  15429.       .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:first-child {

  15430.         padding-top: 0; }

  15431.       .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:last-child {

  15432.         padding-bottom: 0;

  15433.         border: none; }

  15434.       .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container {

  15435.         font-size: 14px;

  15436.         float: left; }

  15437.         .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a {

  15438.           color: #34495e; }

  15439.           .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {

  15440.             color: #26C281;

  15441.             text-decoration: none; }

  15442.         .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done {

  15443.           color: #26C281; }

  15444.           .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {

  15445.             color: #26C281; }

  15446.             .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {

  15447.               color: #26C281;

  15448.               text-decoration: none; }

  15449.       .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content {

  15450.         padding: 0 75px 0 60px; }

  15451.         .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 {

  15452.           margin: 0;

  15453.           font-size: 18px; }

  15454.           .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {

  15455.             color: #34495e; }

  15456.             .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {

  15457.               color: #26C281;

  15458.               text-decoration: none; }

  15459.       .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime {

  15460.         text-align: right;

  15461.         float: right;

  15462.         width: 60px; }

  15463. 

  15464. .mt-element-list .list-simple.mt-list-head {

  15465.   padding: 15px; }

  15466.   .mt-element-list .list-simple.mt-list-head .list-title {

  15467.     margin: 0;

  15468.     padding-right: 85px; }

  15469.   .mt-element-list .list-simple.mt-list-head .list-date {

  15470.     font-size: 12px;

  15471.     opacity: 0.8;

  15472.     float: right;

  15473.     width: 75px; }

  15474. 

  15475. .mt-element-list .list-simple.ext-1.mt-list-container {

  15476.   padding: 0; }

  15477.   .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {

  15478.     padding: 15px;

  15479.     border-left: 3px solid;

  15480.     border-color: #34495e;

  15481.     border-bottom-color: #e7ecf1; }

  15482.     .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item:hover {

  15483.       background-color: #e5e5e5; }

  15484.     .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done {

  15485.       border-color: #26C281;

  15486.       border-bottom-color: #e7ecf1; }

  15487.       .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover {

  15488.         background-color: #96ebc8; }

  15489. 

  15490. .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 {

  15491.   text-decoration: none; }

  15492. 

  15493. .mt-element-list .list-simple.group .list-toggle-container .list-toggle {

  15494.   padding: 15px;

  15495.   background-color: #34495e;

  15496.   font-weight: 700;

  15497.   color: #fff;

  15498.   text-decoration: none; }

  15499.   .mt-element-list .list-simple.group .list-toggle-container .list-toggle.done {

  15500.     background-color: #26C281; }

  15501. 

  15502. .mt-element-list .list-news.mt-list-head {

  15503.   padding: 15px;

  15504.   text-align: center; }

  15505.   .mt-element-list .list-news.mt-list-head .list-title {

  15506.     margin: 0; }

  15507.   .mt-element-list .list-news.mt-list-head .badge {

  15508.     margin-top: 5px; }

  15509. 

  15510. .mt-element-list .list-news.mt-list-container {

  15511.   border-left: 1px solid;

  15512.   border-right: 1px solid;

  15513.   border-bottom: 1px solid;

  15514.   border-color: #e7ecf1;

  15515.   padding: 15px 0; }

  15516.   .mt-element-list .list-news.mt-list-container ul {

  15517.     margin-bottom: 0;

  15518.     padding: 0; }

  15519.     .mt-element-list .list-news.mt-list-container ul > .mt-list-item {

  15520.       list-style: none;

  15521.       border-bottom: 1px solid;

  15522.       border-color: #e7ecf1;

  15523.       padding: 15px;

  15524.       position: relative; }

  15525.       .mt-element-list .list-news.mt-list-container ul > .mt-list-item:first-child {

  15526.         padding-top: 0; }

  15527.       .mt-element-list .list-news.mt-list-container ul > .mt-list-item:last-child {

  15528.         padding-bottom: 0;

  15529.         border: none; }

  15530.       .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container {

  15531.         font-size: 20px;

  15532.         position: absolute;

  15533.         right: 5px;

  15534.         top: 50%;

  15535.         margin-top: -10px; }

  15536.         .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a {

  15537.           color: #2f353b; }

  15538.           .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {

  15539.             color: #32c5d2; }

  15540.       .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content {

  15541.         padding: 0 25px 0 0; }

  15542.         .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 {

  15543.           margin: 0;

  15544.           font-size: 18px;

  15545.           margin-bottom: 10px; }

  15546.           .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {

  15547.             color: #34495e; }

  15548.             .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {

  15549.               color: #32c5d2;

  15550.               text-decoration: none; }

  15551.       .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-datetime {

  15552.         margin-bottom: 10px; }

  15553. 

  15554. .mt-element-list .list-news.ext-1.mt-list-head {

  15555.   position: relative;

  15556.   text-align: left; }

  15557.   .mt-element-list .list-news.ext-1.mt-list-head .list-count {

  15558.     position: absolute;

  15559.     right: 0;

  15560.     top: 0;

  15561.     height: 100%;

  15562.     padding: 19px; }

  15563. 

  15564. .mt-element-list .list-news.ext-1 .list-thumb {

  15565.   width: 80px;

  15566.   height: 80px;

  15567.   overflow: hidden;

  15568.   float: left; }

  15569.   .mt-element-list .list-news.ext-1 .list-thumb img {

  15570.     width: 100%; }

  15571. 

  15572. .mt-element-list .list-news.ext-1.mt-list-container {

  15573.   padding: 0; }

  15574.   .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item {

  15575.     padding: 15px; }

  15576.     .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-datetime {

  15577.       padding-left: 90px; }

  15578.     .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-item-content {

  15579.       padding-left: 90px; }

  15580.     .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:hover {

  15581.       background-color: #e5e5e5; }

  15582.     .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:last-child {

  15583.       padding-bottom: 15px; }

  15584. 

  15585. .mt-element-list .list-news.ext-2.mt-list-head {

  15586.   position: relative;

  15587.   text-align: left; }

  15588.   .mt-element-list .list-news.ext-2.mt-list-head .list-count {

  15589.     position: absolute;

  15590.     right: 0;

  15591.     top: 0;

  15592.     height: 100%;

  15593.     padding: 19px; }

  15594. 

  15595. .mt-element-list .list-news.ext-2 .list-thumb {

  15596.   width: 80px;

  15597.   height: 80px;

  15598.   overflow: hidden;

  15599.   float: left; }

  15600.   .mt-element-list .list-news.ext-2 .list-thumb img {

  15601.     width: 100%; }

  15602. 

  15603. .mt-element-list .list-news.ext-2.mt-list-container {

  15604.   padding: 0; }

  15605.   .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item {

  15606.     padding: 15px; }

  15607.     .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-datetime {

  15608.       padding-left: 90px; }

  15609.     .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content {

  15610.       padding-left: 90px; }

  15611.       .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 {

  15612.         font-size: 16px; }

  15613.         .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {

  15614.           color: #F2784B; }

  15615.     .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:hover {

  15616.       background-color: #e5e5e5; }

  15617.     .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:last-child {

  15618.       padding-bottom: 15px; }

  15619. 

  15620. .mt-element-list .list-todo.mt-list-head {

  15621.   padding: 15px;

  15622.   position: relative; }

  15623.   .mt-element-list .list-todo.mt-list-head .list-title {

  15624.     margin: 0; }

  15625.   .mt-element-list .list-todo.mt-list-head .list-head-count {

  15626.     margin-top: 5px; }

  15627.     .mt-element-list .list-todo.mt-list-head .list-head-count > .list-head-count-item {

  15628.       display: inline-block;

  15629.       margin-right: 15px; }

  15630.   .mt-element-list .list-todo.mt-list-head .list-count {

  15631.     position: absolute;

  15632.     top: 0;

  15633.     right: 0;

  15634.     padding: 29px;

  15635.     font-size: 16px; }

  15636.   .mt-element-list .list-todo.mt-list-head a {

  15637.     color: #fff; }

  15638.     .mt-element-list .list-todo.mt-list-head a:hover {

  15639.       text-decoration: none; }

  15640. 

  15641. .mt-element-list .list-todo.mt-list-container {

  15642.   border-left: 1px solid;

  15643.   border-right: 1px solid;

  15644.   border-bottom: 1px solid;

  15645.   border-color: #e7ecf1;

  15646.   position: relative; }

  15647.   .mt-element-list .list-todo.mt-list-container .list-todo-line {

  15648.     position: absolute;

  15649.     z-index: 1;

  15650.     height: 100%;

  15651.     width: 1px;

  15652.     top: 0;

  15653.     left: 25px;

  15654.     border-left: 1px solid;

  15655.     border-color: #e7ecf1; }

  15656.   .mt-element-list .list-todo.mt-list-container ul {

  15657.     margin-bottom: 0;

  15658.     padding: 0;

  15659.     position: relative;

  15660.     z-index: 5; }

  15661.     .mt-element-list .list-todo.mt-list-container ul > .mt-list-item {

  15662.       list-style: none;

  15663.       border-bottom: 1px solid;

  15664.       border-bottom-style: dashed;

  15665.       border-color: #e7ecf1;

  15666.       padding: 15px;

  15667.       position: relative; }

  15668.       .mt-element-list .list-todo.mt-list-container ul > .mt-list-item:last-child {

  15669.         border: none; }

  15670.       .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-icon {

  15671.         display: inline-block;

  15672.         margin-top: 0.7em;

  15673.         padding: 0.7em 0;

  15674.         vertical-align: top; }

  15675.       .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item {

  15676.         margin-left: 15px;

  15677.         display: inline-block;

  15678.         vertical-align: top;

  15679.         width: 90%;

  15680.         position: relative; }

  15681.         .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item:after {

  15682.           right: 100%;

  15683.           top: 50%;

  15684.           border: solid transparent;

  15685.           content: " ";

  15686.           height: 0;

  15687.           width: 0;

  15688.           position: absolute;

  15689.           pointer-events: none;

  15690.           border-color: rgba(47, 53, 59, 0);

  15691.           border-right-color: #2f353b;

  15692.           border-width: 8px;

  15693.           top: 18px; }

  15694.         .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 {

  15695.           text-decoration: none; }

  15696.         .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle {

  15697.           padding: 15px; }

  15698.           .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle > .list-toggle-title {

  15699.             display: inline-block; }

  15700.         .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list {

  15701.           border: 1px solid;

  15702.           border-color: #e7ecf1;

  15703.           padding: 0;

  15704.           margin: 0;

  15705.           position: relative;

  15706.           border-top: none;

  15707.           border-bottom: none; }

  15708.           .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item {

  15709.             list-style: none;

  15710.             padding: 15px;

  15711.             border-bottom: 1px solid;

  15712.             border-color: #e7ecf1; }

  15713.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a {

  15714.               color: #2f353b; }

  15715.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover {

  15716.                 text-decoration: none;

  15717.                 color: #e43a45; }

  15718.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item:last-child {

  15719.               border-bottom: none; }

  15720.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-icon {

  15721.               float: left; }

  15722.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content {

  15723.               padding: 0 45px 0 35px; }

  15724.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > h4 {

  15725.                 margin-top: 0;

  15726.                 font-size: 14px; }

  15727.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > p {

  15728.                 font-size: 13px;

  15729.                 margin: 0; }

  15730.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status {

  15731.               float: right; }

  15732.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status a {

  15733.                 color: #e5e5e5; }

  15734.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .done:hover {

  15735.                 color: #26C281; }

  15736.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .pending:hover {

  15737.                 color: #e43a45; }

  15738.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item.done > .task-status .done {

  15739.               color: #26C281; }

  15740.           .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer {

  15741.             padding: 15px;

  15742.             text-align: center; }

  15743.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a {

  15744.               color: #2f353b; }

  15745.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a:hover {

  15746.                 text-decoration: none; }

  15747.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-trash:hover {

  15748.                 color: #e43a45; }

  15749.               .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-add:hover {

  15750.                 color: #26C281; }

  15751.       .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container {

  15752.         font-size: 20px;

  15753.         position: absolute;

  15754.         right: 5px;

  15755.         top: 50%;

  15756.         margin-top: -10px; }

  15757.         .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a {

  15758.           color: #2f353b; }

  15759.           .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {

  15760.             color: #32c5d2; }

  15761.       .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content {

  15762.         padding: 0 25px 0 0; }

  15763.         .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 {

  15764.           margin: 0;

  15765.           font-size: 18px;

  15766.           margin-bottom: 10px; }

  15767.           .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {

  15768.             color: #34495e; }

  15769.             .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {

  15770.               color: #32c5d2;

  15771.               text-decoration: none; }

  15772.       .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-datetime {

  15773.         margin-bottom: 10px; }

  15774. 

  15775. .mt-element-list .list-default.mt-list-head.white {

  15776.   background-color: #ffffff;

  15777.   color: #666; }

  15778.   .mt-element-list .list-default.mt-list-head.white .badge {

  15779.     background-color: white;

  15780.     color: #666; }

  15781.   .mt-element-list .list-default.mt-list-head.white.ext-1 .badge {

  15782.     background-color: #e6e6e6; }

  15783.   .mt-element-list .list-default.mt-list-head.white .list-label {

  15784.     color: white; }

  15785.   .mt-element-list .list-default.mt-list-head.white .list-date {

  15786.     color: white; }

  15787. 

  15788. .mt-element-list .list-todo.mt-list-head.white {

  15789.   background-color: #ffffff;

  15790.   color: #666; }

  15791. 

  15792. .mt-element-list .list-todo .list-count.white {

  15793.   background-color: #ffffff;

  15794.   color: #666; }

  15795.   .mt-element-list .list-todo .list-count.white:hover {

  15796.     background-color: #f2f2f2; }

  15797. 

  15798. .mt-element-list .list-todo .list-todo-line.white {

  15799.   border-color: #ffffff; }

  15800. 

  15801. .mt-element-list .list-todo .list-todo-item.white:after {

  15802.   border-right-color: #ffffff !important; }

  15803. 

  15804. .mt-element-list .list-todo .list-todo-item.white .list-toggle {

  15805.   background: #ffffff;

  15806.   color: #666 !important; }

  15807.   .mt-element-list .list-todo .list-todo-item.white .list-toggle > .badge {

  15808.     color: #ffffff;

  15809.     background: #666; }

  15810. 

  15811. .mt-element-list .list-default.mt-list-head.default {

  15812.   background-color: #e1e5ec;

  15813.   color: #666; }

  15814.   .mt-element-list .list-default.mt-list-head.default .badge {

  15815.     background-color: white;

  15816.     color: #666; }

  15817.   .mt-element-list .list-default.mt-list-head.default.ext-1 .badge {

  15818.     background-color: #c2cad8; }

  15819.   .mt-element-list .list-default.mt-list-head.default .list-label {

  15820.     color: white; }

  15821.   .mt-element-list .list-default.mt-list-head.default .list-date {

  15822.     color: white; }

  15823. 

  15824. .mt-element-list .list-todo.mt-list-head.default {

  15825.   background-color: #e1e5ec;

  15826.   color: #666; }

  15827. 

  15828. .mt-element-list .list-todo .list-count.default {

  15829.   background-color: #e1e5ec;

  15830.   color: #666; }

  15831.   .mt-element-list .list-todo .list-count.default:hover {

  15832.     background-color: #d1d7e2; }

  15833. 

  15834. .mt-element-list .list-todo .list-todo-line.default {

  15835.   border-color: #e1e5ec; }

  15836. 

  15837. .mt-element-list .list-todo .list-todo-item.default:after {

  15838.   border-right-color: #e1e5ec !important; }

  15839. 

  15840. .mt-element-list .list-todo .list-todo-item.default .list-toggle {

  15841.   background: #e1e5ec;

  15842.   color: #666 !important; }

  15843.   .mt-element-list .list-todo .list-todo-item.default .list-toggle > .badge {

  15844.     color: #e1e5ec;

  15845.     background: #666; }

  15846. 

  15847. .mt-element-list .list-default.mt-list-head.dark {

  15848.   background-color: #2f353b;

  15849.   color: #FFFFFF; }

  15850.   .mt-element-list .list-default.mt-list-head.dark .badge {

  15851.     background-color: #464f57;

  15852.     color: #FFFFFF; }

  15853.   .mt-element-list .list-default.mt-list-head.dark.ext-1 .badge {

  15854.     background-color: #181c1f; }

  15855.   .mt-element-list .list-default.mt-list-head.dark .list-label {

  15856.     color: #acb5bd; }

  15857.   .mt-element-list .list-default.mt-list-head.dark .list-date {

  15858.     color: #acb5bd; }

  15859. 

  15860. .mt-element-list .list-todo.mt-list-head.dark {

  15861.   background-color: #2f353b;

  15862.   color: #FFFFFF; }

  15863. 

  15864. .mt-element-list .list-todo .list-count.dark {

  15865.   background-color: #2f353b;

  15866.   color: #FFFFFF; }

  15867.   .mt-element-list .list-todo .list-count.dark:hover {

  15868.     background-color: #24282d; }

  15869. 

  15870. .mt-element-list .list-todo .list-todo-line.dark {

  15871.   border-color: #2f353b; }

  15872. 

  15873. .mt-element-list .list-todo .list-todo-item.dark:after {

  15874.   border-right-color: #2f353b !important; }

  15875. 

  15876. .mt-element-list .list-todo .list-todo-item.dark .list-toggle {

  15877.   background: #2f353b;

  15878.   color: #FFFFFF !important; }

  15879.   .mt-element-list .list-todo .list-todo-item.dark .list-toggle > .badge {

  15880.     color: #2f353b;

  15881.     background: #FFFFFF; }

  15882. 

  15883. .mt-element-list .list-default.mt-list-head.blue {

  15884.   background-color: #3598dc;

  15885.   color: #FFFFFF; }

  15886.   .mt-element-list .list-default.mt-list-head.blue .badge {

  15887.     background-color: #60aee4;

  15888.     color: #FFFFFF; }

  15889.   .mt-element-list .list-default.mt-list-head.blue.ext-1 .badge {

  15890.     background-color: #217ebd; }

  15891.   .mt-element-list .list-default.mt-list-head.blue .list-label {

  15892.     color: white; }

  15893.   .mt-element-list .list-default.mt-list-head.blue .list-date {

  15894.     color: white; }

  15895. 

  15896. .mt-element-list .list-todo.mt-list-head.blue {

  15897.   background-color: #3598dc;

  15898.   color: #FFFFFF; }

  15899. 

  15900. .mt-element-list .list-todo .list-count.blue {

  15901.   background-color: #3598dc;

  15902.   color: #FFFFFF; }

  15903.   .mt-element-list .list-todo .list-count.blue:hover {

  15904.     background-color: #258cd3; }

  15905. 

  15906. .mt-element-list .list-todo .list-todo-line.blue {

  15907.   border-color: #3598dc; }

  15908. 

  15909. .mt-element-list .list-todo .list-todo-item.blue:after {

  15910.   border-right-color: #3598dc !important; }

  15911. 

  15912. .mt-element-list .list-todo .list-todo-item.blue .list-toggle {

  15913.   background: #3598dc;

  15914.   color: #FFFFFF !important; }

  15915.   .mt-element-list .list-todo .list-todo-item.blue .list-toggle > .badge {

  15916.     color: #3598dc;

  15917.     background: #FFFFFF; }

  15918. 

  15919. .mt-element-list .list-default.mt-list-head.blue-madison {

  15920.   background-color: #578ebe;

  15921.   color: #FFFFFF; }

  15922.   .mt-element-list .list-default.mt-list-head.blue-madison .badge {

  15923.     background-color: #7ca7cc;

  15924.     color: #FFFFFF; }

  15925.   .mt-element-list .list-default.mt-list-head.blue-madison.ext-1 .badge {

  15926.     background-color: #3f74a3; }

  15927.   .mt-element-list .list-default.mt-list-head.blue-madison .list-label {

  15928.     color: white; }

  15929.   .mt-element-list .list-default.mt-list-head.blue-madison .list-date {

  15930.     color: white; }

  15931. 

  15932. .mt-element-list .list-todo.mt-list-head.blue-madison {

  15933.   background-color: #578ebe;

  15934.   color: #FFFFFF; }

  15935. 

  15936. .mt-element-list .list-todo .list-count.blue-madison {

  15937.   background-color: #578ebe;

  15938.   color: #FFFFFF; }

  15939.   .mt-element-list .list-todo .list-count.blue-madison:hover {

  15940.     background-color: #4682b5; }

  15941. 

  15942. .mt-element-list .list-todo .list-todo-line.blue-madison {

  15943.   border-color: #578ebe; }

  15944. 

  15945. .mt-element-list .list-todo .list-todo-item.blue-madison:after {

  15946.   border-right-color: #578ebe !important; }

  15947. 

  15948. .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle {

  15949.   background: #578ebe;

  15950.   color: #FFFFFF !important; }

  15951.   .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle > .badge {

  15952.     color: #578ebe;

  15953.     background: #FFFFFF; }

  15954. 

  15955. .mt-element-list .list-default.mt-list-head.blue-chambray {

  15956.   background-color: #2C3E50;

  15957.   color: #FFFFFF; }

  15958.   .mt-element-list .list-default.mt-list-head.blue-chambray .badge {

  15959.     background-color: #3e5871;

  15960.     color: #FFFFFF; }

  15961.   .mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge {

  15962.     background-color: #1a252f; }

  15963.   .mt-element-list .list-default.mt-list-head.blue-chambray .list-label {

  15964.     color: #aabed1; }

  15965.   .mt-element-list .list-default.mt-list-head.blue-chambray .list-date {

  15966.     color: #aabed1; }

  15967. 

  15968. .mt-element-list .list-todo.mt-list-head.blue-chambray {

  15969.   background-color: #2C3E50;

  15970.   color: #FFFFFF; }

  15971. 

  15972. .mt-element-list .list-todo .list-count.blue-chambray {

  15973.   background-color: #2C3E50;

  15974.   color: #FFFFFF; }

  15975.   .mt-element-list .list-todo .list-count.blue-chambray:hover {

  15976.     background-color: #233140; }

  15977. 

  15978. .mt-element-list .list-todo .list-todo-line.blue-chambray {

  15979.   border-color: #2C3E50; }

  15980. 

  15981. .mt-element-list .list-todo .list-todo-item.blue-chambray:after {

  15982.   border-right-color: #2C3E50 !important; }

  15983. 

  15984. .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle {

  15985.   background: #2C3E50;

  15986.   color: #FFFFFF !important; }

  15987.   .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle > .badge {

  15988.     color: #2C3E50;

  15989.     background: #FFFFFF; }

  15990. 

  15991. .mt-element-list .list-default.mt-list-head.blue-ebonyclay {

  15992.   background-color: #22313F;

  15993.   color: #FFFFFF; }

  15994.   .mt-element-list .list-default.mt-list-head.blue-ebonyclay .badge {

  15995.     background-color: #344b60;

  15996.     color: #FFFFFF; }

  15997.   .mt-element-list .list-default.mt-list-head.blue-ebonyclay.ext-1 .badge {

  15998.     background-color: #10171e; }

  15999.   .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label {

  16000.     color: #98b1c8; }

  16001.   .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date {

  16002.     color: #98b1c8; }

  16003. 

  16004. .mt-element-list .list-todo.mt-list-head.blue-ebonyclay {

  16005.   background-color: #22313F;

  16006.   color: #FFFFFF; }

  16007. 

  16008. .mt-element-list .list-todo .list-count.blue-ebonyclay {

  16009.   background-color: #22313F;

  16010.   color: #FFFFFF; }

  16011.   .mt-element-list .list-todo .list-count.blue-ebonyclay:hover {

  16012.     background-color: #19242e; }

  16013. 

  16014. .mt-element-list .list-todo .list-todo-line.blue-ebonyclay {

  16015.   border-color: #22313F; }

  16016. 

  16017. .mt-element-list .list-todo .list-todo-item.blue-ebonyclay:after {

  16018.   border-right-color: #22313F !important; }

  16019. 

  16020. .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle {

  16021.   background: #22313F;

  16022.   color: #FFFFFF !important; }

  16023.   .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle > .badge {

  16024.     color: #22313F;

  16025.     background: #FFFFFF; }

  16026. 

  16027. .mt-element-list .list-default.mt-list-head.blue-hoki {

  16028.   background-color: #67809F;

  16029.   color: #FFFFFF; }

  16030.   .mt-element-list .list-default.mt-list-head.blue-hoki .badge {

  16031.     background-color: #869ab3;

  16032.     color: #FFFFFF; }

  16033.   .mt-element-list .list-default.mt-list-head.blue-hoki.ext-1 .badge {

  16034.     background-color: #526781; }

  16035.   .mt-element-list .list-default.mt-list-head.blue-hoki .list-label {

  16036.     color: white; }

  16037.   .mt-element-list .list-default.mt-list-head.blue-hoki .list-date {

  16038.     color: white; }

  16039. 

  16040. .mt-element-list .list-todo.mt-list-head.blue-hoki {

  16041.   background-color: #67809F;

  16042.   color: #FFFFFF; }

  16043. 

  16044. .mt-element-list .list-todo .list-count.blue-hoki {

  16045.   background-color: #67809F;

  16046.   color: #FFFFFF; }

  16047.   .mt-element-list .list-todo .list-count.blue-hoki:hover {

  16048.     background-color: #5c7391; }

  16049. 

  16050. .mt-element-list .list-todo .list-todo-line.blue-hoki {

  16051.   border-color: #67809F; }

  16052. 

  16053. .mt-element-list .list-todo .list-todo-item.blue-hoki:after {

  16054.   border-right-color: #67809F !important; }

  16055. 

  16056. .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle {

  16057.   background: #67809F;

  16058.   color: #FFFFFF !important; }

  16059.   .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle > .badge {

  16060.     color: #67809F;

  16061.     background: #FFFFFF; }

  16062. 

  16063. .mt-element-list .list-default.mt-list-head.blue-steel {

  16064.   background-color: #4B77BE;

  16065.   color: #FFFFFF; }

  16066.   .mt-element-list .list-default.mt-list-head.blue-steel .badge {

  16067.     background-color: #7093cc;

  16068.     color: #FFFFFF; }

  16069.   .mt-element-list .list-default.mt-list-head.blue-steel.ext-1 .badge {

  16070.     background-color: #395f9d; }

  16071.   .mt-element-list .list-default.mt-list-head.blue-steel .list-label {

  16072.     color: white; }

  16073.   .mt-element-list .list-default.mt-list-head.blue-steel .list-date {

  16074.     color: white; }

  16075. 

  16076. .mt-element-list .list-todo.mt-list-head.blue-steel {

  16077.   background-color: #4B77BE;

  16078.   color: #FFFFFF; }

  16079. 

  16080. .mt-element-list .list-todo .list-count.blue-steel {

  16081.   background-color: #4B77BE;

  16082.   color: #FFFFFF; }

  16083.   .mt-element-list .list-todo .list-count.blue-steel:hover {

  16084.     background-color: #406bb0; }

  16085. 

  16086. .mt-element-list .list-todo .list-todo-line.blue-steel {

  16087.   border-color: #4B77BE; }

  16088. 

  16089. .mt-element-list .list-todo .list-todo-item.blue-steel:after {

  16090.   border-right-color: #4B77BE !important; }

  16091. 

  16092. .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle {

  16093.   background: #4B77BE;

  16094.   color: #FFFFFF !important; }

  16095.   .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle > .badge {

  16096.     color: #4B77BE;

  16097.     background: #FFFFFF; }

  16098. 

  16099. .mt-element-list .list-default.mt-list-head.blue-soft {

  16100.   background-color: #4c87b9;

  16101.   color: #FFFFFF; }

  16102.   .mt-element-list .list-default.mt-list-head.blue-soft .badge {

  16103.     background-color: #71a0c7;

  16104.     color: #FFFFFF; }

  16105.   .mt-element-list .list-default.mt-list-head.blue-soft.ext-1 .badge {

  16106.     background-color: #3b6d97; }

  16107.   .mt-element-list .list-default.mt-list-head.blue-soft .list-label {

  16108.     color: white; }

  16109.   .mt-element-list .list-default.mt-list-head.blue-soft .list-date {

  16110.     color: white; }

  16111. 

  16112. .mt-element-list .list-todo.mt-list-head.blue-soft {

  16113.   background-color: #4c87b9;

  16114.   color: #FFFFFF; }

  16115. 

  16116. .mt-element-list .list-todo .list-count.blue-soft {

  16117.   background-color: #4c87b9;

  16118.   color: #FFFFFF; }

  16119.   .mt-element-list .list-todo .list-count.blue-soft:hover {

  16120.     background-color: #427aa9; }

  16121. 

  16122. .mt-element-list .list-todo .list-todo-line.blue-soft {

  16123.   border-color: #4c87b9; }

  16124. 

  16125. .mt-element-list .list-todo .list-todo-item.blue-soft:after {

  16126.   border-right-color: #4c87b9 !important; }

  16127. 

  16128. .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle {

  16129.   background: #4c87b9;

  16130.   color: #FFFFFF !important; }

  16131.   .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle > .badge {

  16132.     color: #4c87b9;

  16133.     background: #FFFFFF; }

  16134. 

  16135. .mt-element-list .list-default.mt-list-head.blue-dark {

  16136.   background-color: #5e738b;

  16137.   color: #FFFFFF; }

  16138.   .mt-element-list .list-default.mt-list-head.blue-dark .badge {

  16139.     background-color: #788da4;

  16140.     color: #FFFFFF; }

  16141.   .mt-element-list .list-default.mt-list-head.blue-dark.ext-1 .badge {

  16142.     background-color: #495a6d; }

  16143.   .mt-element-list .list-default.mt-list-head.blue-dark .list-label {

  16144.     color: #f2f4f6; }

  16145.   .mt-element-list .list-default.mt-list-head.blue-dark .list-date {

  16146.     color: #f2f4f6; }

  16147. 

  16148. .mt-element-list .list-todo.mt-list-head.blue-dark {

  16149.   background-color: #5e738b;

  16150.   color: #FFFFFF; }

  16151. 

  16152. .mt-element-list .list-todo .list-count.blue-dark {

  16153.   background-color: #5e738b;

  16154.   color: #FFFFFF; }

  16155.   .mt-element-list .list-todo .list-count.blue-dark:hover {

  16156.     background-color: #54667c; }

  16157. 

  16158. .mt-element-list .list-todo .list-todo-line.blue-dark {

  16159.   border-color: #5e738b; }

  16160. 

  16161. .mt-element-list .list-todo .list-todo-item.blue-dark:after {

  16162.   border-right-color: #5e738b !important; }

  16163. 

  16164. .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle {

  16165.   background: #5e738b;

  16166.   color: #FFFFFF !important; }

  16167.   .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle > .badge {

  16168.     color: #5e738b;

  16169.     background: #FFFFFF; }

  16170. 

  16171. .mt-element-list .list-default.mt-list-head.blue-sharp {

  16172.   background-color: #5C9BD1;

  16173.   color: #FFFFFF; }

  16174.   .mt-element-list .list-default.mt-list-head.blue-sharp .badge {

  16175.     background-color: #84b3dc;

  16176.     color: #FFFFFF; }

  16177.   .mt-element-list .list-default.mt-list-head.blue-sharp.ext-1 .badge {

  16178.     background-color: #3782c3; }

  16179.   .mt-element-list .list-default.mt-list-head.blue-sharp .list-label {

  16180.     color: white; }

  16181.   .mt-element-list .list-default.mt-list-head.blue-sharp .list-date {

  16182.     color: white; }

  16183. 

  16184. .mt-element-list .list-todo.mt-list-head.blue-sharp {

  16185.   background-color: #5C9BD1;

  16186.   color: #FFFFFF; }

  16187. 

  16188. .mt-element-list .list-todo .list-count.blue-sharp {

  16189.   background-color: #5C9BD1;

  16190.   color: #FFFFFF; }

  16191.   .mt-element-list .list-todo .list-count.blue-sharp:hover {

  16192.     background-color: #488fcb; }

  16193. 

  16194. .mt-element-list .list-todo .list-todo-line.blue-sharp {

  16195.   border-color: #5C9BD1; }

  16196. 

  16197. .mt-element-list .list-todo .list-todo-item.blue-sharp:after {

  16198.   border-right-color: #5C9BD1 !important; }

  16199. 

  16200. .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle {

  16201.   background: #5C9BD1;

  16202.   color: #FFFFFF !important; }

  16203.   .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle > .badge {

  16204.     color: #5C9BD1;

  16205.     background: #FFFFFF; }

  16206. 

  16207. .mt-element-list .list-default.mt-list-head.blue-oleo {

  16208.   background-color: #94A0B2;

  16209.   color: #FFFFFF; }

  16210.   .mt-element-list .list-default.mt-list-head.blue-oleo .badge {

  16211.     background-color: #b2bac7;

  16212.     color: #FFFFFF; }

  16213.   .mt-element-list .list-default.mt-list-head.blue-oleo.ext-1 .badge {

  16214.     background-color: #76869d; }

  16215.   .mt-element-list .list-default.mt-list-head.blue-oleo .list-label {

  16216.     color: white; }

  16217.   .mt-element-list .list-default.mt-list-head.blue-oleo .list-date {

  16218.     color: white; }

  16219. 

  16220. .mt-element-list .list-todo.mt-list-head.blue-oleo {

  16221.   background-color: #94A0B2;

  16222.   color: #FFFFFF; }

  16223. 

  16224. .mt-element-list .list-todo .list-count.blue-oleo {

  16225.   background-color: #94A0B2;

  16226.   color: #FFFFFF; }

  16227.   .mt-element-list .list-todo .list-count.blue-oleo:hover {

  16228.     background-color: #8593a7; }

  16229. 

  16230. .mt-element-list .list-todo .list-todo-line.blue-oleo {

  16231.   border-color: #94A0B2; }

  16232. 

  16233. .mt-element-list .list-todo .list-todo-item.blue-oleo:after {

  16234.   border-right-color: #94A0B2 !important; }

  16235. 

  16236. .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle {

  16237.   background: #94A0B2;

  16238.   color: #FFFFFF !important; }

  16239.   .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle > .badge {

  16240.     color: #94A0B2;

  16241.     background: #FFFFFF; }

  16242. 

  16243. .mt-element-list .list-default.mt-list-head.green {

  16244.   background-color: #32c5d2;

  16245.   color: #FFFFFF; }

  16246.   .mt-element-list .list-default.mt-list-head.green .badge {

  16247.     background-color: #5cd1db;

  16248.     color: #FFFFFF; }

  16249.   .mt-element-list .list-default.mt-list-head.green.ext-1 .badge {

  16250.     background-color: #26a1ab; }

  16251.   .mt-element-list .list-default.mt-list-head.green .list-label {

  16252.     color: white; }

  16253.   .mt-element-list .list-default.mt-list-head.green .list-date {

  16254.     color: white; }

  16255. 

  16256. .mt-element-list .list-todo.mt-list-head.green {

  16257.   background-color: #32c5d2;

  16258.   color: #FFFFFF; }

  16259. 

  16260. .mt-element-list .list-todo .list-count.green {

  16261.   background-color: #32c5d2;

  16262.   color: #FFFFFF; }

  16263.   .mt-element-list .list-todo .list-count.green:hover {

  16264.     background-color: #2ab4c0; }

  16265. 

  16266. .mt-element-list .list-todo .list-todo-line.green {

  16267.   border-color: #32c5d2; }

  16268. 

  16269. .mt-element-list .list-todo .list-todo-item.green:after {

  16270.   border-right-color: #32c5d2 !important; }

  16271. 

  16272. .mt-element-list .list-todo .list-todo-item.green .list-toggle {

  16273.   background: #32c5d2;

  16274.   color: #FFFFFF !important; }

  16275.   .mt-element-list .list-todo .list-todo-item.green .list-toggle > .badge {

  16276.     color: #32c5d2;

  16277.     background: #FFFFFF; }

  16278. 

  16279. .mt-element-list .list-default.mt-list-head.green-meadow {

  16280.   background-color: #1BBC9B;

  16281.   color: #FFFFFF; }

  16282.   .mt-element-list .list-default.mt-list-head.green-meadow .badge {

  16283.     background-color: #2ae0bb;

  16284.     color: #FFFFFF; }

  16285.   .mt-element-list .list-default.mt-list-head.green-meadow.ext-1 .badge {

  16286.     background-color: #158f76; }

  16287.   .mt-element-list .list-default.mt-list-head.green-meadow .list-label {

  16288.     color: #dcfaf4; }

  16289.   .mt-element-list .list-default.mt-list-head.green-meadow .list-date {

  16290.     color: #dcfaf4; }

  16291. 

  16292. .mt-element-list .list-todo.mt-list-head.green-meadow {

  16293.   background-color: #1BBC9B;

  16294.   color: #FFFFFF; }

  16295. 

  16296. .mt-element-list .list-todo .list-count.green-meadow {

  16297.   background-color: #1BBC9B;

  16298.   color: #FFFFFF; }

  16299.   .mt-element-list .list-todo .list-count.green-meadow:hover {

  16300.     background-color: #18a689; }

  16301. 

  16302. .mt-element-list .list-todo .list-todo-line.green-meadow {

  16303.   border-color: #1BBC9B; }

  16304. 

  16305. .mt-element-list .list-todo .list-todo-item.green-meadow:after {

  16306.   border-right-color: #1BBC9B !important; }

  16307. 

  16308. .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle {

  16309.   background: #1BBC9B;

  16310.   color: #FFFFFF !important; }

  16311.   .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle > .badge {

  16312.     color: #1BBC9B;

  16313.     background: #FFFFFF; }

  16314. 

  16315. .mt-element-list .list-default.mt-list-head.green-seagreen {

  16316.   background-color: #1BA39C;

  16317.   color: #FFFFFF; }

  16318.   .mt-element-list .list-default.mt-list-head.green-seagreen .badge {

  16319.     background-color: #22cfc6;

  16320.     color: #FFFFFF; }

  16321.   .mt-element-list .list-default.mt-list-head.green-seagreen.ext-1 .badge {

  16322.     background-color: #147772; }

  16323.   .mt-element-list .list-default.mt-list-head.green-seagreen .list-label {

  16324.     color: #c7f6f3; }

  16325.   .mt-element-list .list-default.mt-list-head.green-seagreen .list-date {

  16326.     color: #c7f6f3; }

  16327. 

  16328. .mt-element-list .list-todo.mt-list-head.green-seagreen {

  16329.   background-color: #1BA39C;

  16330.   color: #FFFFFF; }

  16331. 

  16332. .mt-element-list .list-todo .list-count.green-seagreen {

  16333.   background-color: #1BA39C;

  16334.   color: #FFFFFF; }

  16335.   .mt-element-list .list-todo .list-count.green-seagreen:hover {

  16336.     background-color: #178d87; }

  16337. 

  16338. .mt-element-list .list-todo .list-todo-line.green-seagreen {

  16339.   border-color: #1BA39C; }

  16340. 

  16341. .mt-element-list .list-todo .list-todo-item.green-seagreen:after {

  16342.   border-right-color: #1BA39C !important; }

  16343. 

  16344. .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle {

  16345.   background: #1BA39C;

  16346.   color: #FFFFFF !important; }

  16347.   .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle > .badge {

  16348.     color: #1BA39C;

  16349.     background: #FFFFFF; }

  16350. 

  16351. .mt-element-list .list-default.mt-list-head.green-turquoise {

  16352.   background-color: #36D7B7;

  16353.   color: #FFFFFF; }

  16354.   .mt-element-list .list-default.mt-list-head.green-turquoise .badge {

  16355.     background-color: #61dfc6;

  16356.     color: #FFFFFF; }

  16357.   .mt-element-list .list-default.mt-list-head.green-turquoise.ext-1 .badge {

  16358.     background-color: #24b699; }

  16359.   .mt-element-list .list-default.mt-list-head.green-turquoise .list-label {

  16360.     color: white; }

  16361.   .mt-element-list .list-default.mt-list-head.green-turquoise .list-date {

  16362.     color: white; }

  16363. 

  16364. .mt-element-list .list-todo.mt-list-head.green-turquoise {

  16365.   background-color: #36D7B7;

  16366.   color: #FFFFFF; }

  16367. 

  16368. .mt-element-list .list-todo .list-count.green-turquoise {

  16369.   background-color: #36D7B7;

  16370.   color: #FFFFFF; }

  16371.   .mt-element-list .list-todo .list-count.green-turquoise:hover {

  16372.     background-color: #28cbab; }

  16373. 

  16374. .mt-element-list .list-todo .list-todo-line.green-turquoise {

  16375.   border-color: #36D7B7; }

  16376. 

  16377. .mt-element-list .list-todo .list-todo-item.green-turquoise:after {

  16378.   border-right-color: #36D7B7 !important; }

  16379. 

  16380. .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle {

  16381.   background: #36D7B7;

  16382.   color: #FFFFFF !important; }

  16383.   .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle > .badge {

  16384.     color: #36D7B7;

  16385.     background: #FFFFFF; }

  16386. 

  16387. .mt-element-list .list-default.mt-list-head.green-haze {

  16388.   background-color: #44b6ae;

  16389.   color: #FFFFFF; }

  16390.   .mt-element-list .list-default.mt-list-head.green-haze .badge {

  16391.     background-color: #67c6bf;

  16392.     color: #FFFFFF; }

  16393.   .mt-element-list .list-default.mt-list-head.green-haze.ext-1 .badge {

  16394.     background-color: #36918b; }

  16395.   .mt-element-list .list-default.mt-list-head.green-haze .list-label {

  16396.     color: #fbfefd; }

  16397.   .mt-element-list .list-default.mt-list-head.green-haze .list-date {

  16398.     color: #fbfefd; }

  16399. 

  16400. .mt-element-list .list-todo.mt-list-head.green-haze {

  16401.   background-color: #44b6ae;

  16402.   color: #FFFFFF; }

  16403. 

  16404. .mt-element-list .list-todo .list-count.green-haze {

  16405.   background-color: #44b6ae;

  16406.   color: #FFFFFF; }

  16407.   .mt-element-list .list-todo .list-count.green-haze:hover {

  16408.     background-color: #3da39c; }

  16409. 

  16410. .mt-element-list .list-todo .list-todo-line.green-haze {

  16411.   border-color: #44b6ae; }

  16412. 

  16413. .mt-element-list .list-todo .list-todo-item.green-haze:after {

  16414.   border-right-color: #44b6ae !important; }

  16415. 

  16416. .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle {

  16417.   background: #44b6ae;

  16418.   color: #FFFFFF !important; }

  16419.   .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle > .badge {

  16420.     color: #44b6ae;

  16421.     background: #FFFFFF; }

  16422. 

  16423. .mt-element-list .list-default.mt-list-head.green-jungle {

  16424.   background-color: #26C281;

  16425.   color: #FFFFFF; }

  16426.   .mt-element-list .list-default.mt-list-head.green-jungle .badge {

  16427.     background-color: #41da9a;

  16428.     color: #FFFFFF; }

  16429.   .mt-element-list .list-default.mt-list-head.green-jungle.ext-1 .badge {

  16430.     background-color: #1e9765; }

  16431.   .mt-element-list .list-default.mt-list-head.green-jungle .list-label {

  16432.     color: #ecfbf5; }

  16433.   .mt-element-list .list-default.mt-list-head.green-jungle .list-date {

  16434.     color: #ecfbf5; }

  16435. 

  16436. .mt-element-list .list-todo.mt-list-head.green-jungle {

  16437.   background-color: #26C281;

  16438.   color: #FFFFFF; }

  16439. 

  16440. .mt-element-list .list-todo .list-count.green-jungle {

  16441.   background-color: #26C281;

  16442.   color: #FFFFFF; }

  16443.   .mt-element-list .list-todo .list-count.green-jungle:hover {

  16444.     background-color: #22ad73; }

  16445. 

  16446. .mt-element-list .list-todo .list-todo-line.green-jungle {

  16447.   border-color: #26C281; }

  16448. 

  16449. .mt-element-list .list-todo .list-todo-item.green-jungle:after {

  16450.   border-right-color: #26C281 !important; }

  16451. 

  16452. .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle {

  16453.   background: #26C281;

  16454.   color: #FFFFFF !important; }

  16455.   .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle > .badge {

  16456.     color: #26C281;

  16457.     background: #FFFFFF; }

  16458. 

  16459. .mt-element-list .list-default.mt-list-head.green-soft {

  16460.   background-color: #3faba4;

  16461.   color: #FFFFFF; }

  16462.   .mt-element-list .list-default.mt-list-head.green-soft .badge {

  16463.     background-color: #5bc2bc;

  16464.     color: #FFFFFF; }

  16465.   .mt-element-list .list-default.mt-list-head.green-soft.ext-1 .badge {

  16466.     background-color: #318680; }

  16467.   .mt-element-list .list-default.mt-list-head.green-soft .list-label {

  16468.     color: #f0f9f9; }

  16469.   .mt-element-list .list-default.mt-list-head.green-soft .list-date {

  16470.     color: #f0f9f9; }

  16471. 

  16472. .mt-element-list .list-todo.mt-list-head.green-soft {

  16473.   background-color: #3faba4;

  16474.   color: #FFFFFF; }

  16475. 

  16476. .mt-element-list .list-todo .list-count.green-soft {

  16477.   background-color: #3faba4;

  16478.   color: #FFFFFF; }

  16479.   .mt-element-list .list-todo .list-count.green-soft:hover {

  16480.     background-color: #389892; }

  16481. 

  16482. .mt-element-list .list-todo .list-todo-line.green-soft {

  16483.   border-color: #3faba4; }

  16484. 

  16485. .mt-element-list .list-todo .list-todo-item.green-soft:after {

  16486.   border-right-color: #3faba4 !important; }

  16487. 

  16488. .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle {

  16489.   background: #3faba4;

  16490.   color: #FFFFFF !important; }

  16491.   .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle > .badge {

  16492.     color: #3faba4;

  16493.     background: #FFFFFF; }

  16494. 

  16495. .mt-element-list .list-default.mt-list-head.green-dark {

  16496.   background-color: #4DB3A2;

  16497.   color: #FFFFFF; }

  16498.   .mt-element-list .list-default.mt-list-head.green-dark .badge {

  16499.     background-color: #71c2b5;

  16500.     color: #FFFFFF; }

  16501.   .mt-element-list .list-default.mt-list-head.green-dark.ext-1 .badge {

  16502.     background-color: #3d9082; }

  16503.   .mt-element-list .list-default.mt-list-head.green-dark .list-label {

  16504.     color: white; }

  16505.   .mt-element-list .list-default.mt-list-head.green-dark .list-date {

  16506.     color: white; }

  16507. 

  16508. .mt-element-list .list-todo.mt-list-head.green-dark {

  16509.   background-color: #4DB3A2;

  16510.   color: #FFFFFF; }

  16511. 

  16512. .mt-element-list .list-todo .list-count.green-dark {

  16513.   background-color: #4DB3A2;

  16514.   color: #FFFFFF; }

  16515.   .mt-element-list .list-todo .list-count.green-dark:hover {

  16516.     background-color: #45a292; }

  16517. 

  16518. .mt-element-list .list-todo .list-todo-line.green-dark {

  16519.   border-color: #4DB3A2; }

  16520. 

  16521. .mt-element-list .list-todo .list-todo-item.green-dark:after {

  16522.   border-right-color: #4DB3A2 !important; }

  16523. 

  16524. .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle {

  16525.   background: #4DB3A2;

  16526.   color: #FFFFFF !important; }

  16527.   .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle > .badge {

  16528.     color: #4DB3A2;

  16529.     background: #FFFFFF; }

  16530. 

  16531. .mt-element-list .list-default.mt-list-head.green-sharp {

  16532.   background-color: #2ab4c0;

  16533.   color: #FFFFFF; }

  16534.   .mt-element-list .list-default.mt-list-head.green-sharp .badge {

  16535.     background-color: #46cbd7;

  16536.     color: #FFFFFF; }

  16537.   .mt-element-list .list-default.mt-list-head.green-sharp.ext-1 .badge {

  16538.     background-color: #218d96; }

  16539.   .mt-element-list .list-default.mt-list-head.green-sharp .list-label {

  16540.     color: #eefafb; }

  16541.   .mt-element-list .list-default.mt-list-head.green-sharp .list-date {

  16542.     color: #eefafb; }

  16543. 

  16544. .mt-element-list .list-todo.mt-list-head.green-sharp {

  16545.   background-color: #2ab4c0;

  16546.   color: #FFFFFF; }

  16547. 

  16548. .mt-element-list .list-todo .list-count.green-sharp {

  16549.   background-color: #2ab4c0;

  16550.   color: #FFFFFF; }

  16551.   .mt-element-list .list-todo .list-count.green-sharp:hover {

  16552.     background-color: #25a0ab; }

  16553. 

  16554. .mt-element-list .list-todo .list-todo-line.green-sharp {

  16555.   border-color: #2ab4c0; }

  16556. 

  16557. .mt-element-list .list-todo .list-todo-item.green-sharp:after {

  16558.   border-right-color: #2ab4c0 !important; }

  16559. 

  16560. .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle {

  16561.   background: #2ab4c0;

  16562.   color: #FFFFFF !important; }

  16563.   .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle > .badge {

  16564.     color: #2ab4c0;

  16565.     background: #FFFFFF; }

  16566. 

  16567. .mt-element-list .list-default.mt-list-head.green-steel {

  16568.   background-color: #29b4b6;

  16569.   color: #FFFFFF; }

  16570.   .mt-element-list .list-default.mt-list-head.green-steel .badge {

  16571.     background-color: #3ed1d4;

  16572.     color: #FFFFFF; }

  16573.   .mt-element-list .list-default.mt-list-head.green-steel.ext-1 .badge {

  16574.     background-color: #208b8c; }

  16575.   .mt-element-list .list-default.mt-list-head.green-steel .list-label {

  16576.     color: #e5f9f9; }

  16577.   .mt-element-list .list-default.mt-list-head.green-steel .list-date {

  16578.     color: #e5f9f9; }

  16579. 

  16580. .mt-element-list .list-todo.mt-list-head.green-steel {

  16581.   background-color: #29b4b6;

  16582.   color: #FFFFFF; }

  16583. 

  16584. .mt-element-list .list-todo .list-count.green-steel {

  16585.   background-color: #29b4b6;

  16586.   color: #FFFFFF; }

  16587.   .mt-element-list .list-todo .list-count.green-steel:hover {

  16588.     background-color: #249fa1; }

  16589. 

  16590. .mt-element-list .list-todo .list-todo-line.green-steel {

  16591.   border-color: #29b4b6; }

  16592. 

  16593. .mt-element-list .list-todo .list-todo-item.green-steel:after {

  16594.   border-right-color: #29b4b6 !important; }

  16595. 

  16596. .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle {

  16597.   background: #29b4b6;

  16598.   color: #FFFFFF !important; }

  16599.   .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle > .badge {

  16600.     color: #29b4b6;

  16601.     background: #FFFFFF; }

  16602. 

  16603. .mt-element-list .list-default.mt-list-head.grey {

  16604.   background-color: #E5E5E5;

  16605.   color: #333333; }

  16606.   .mt-element-list .list-default.mt-list-head.grey .badge {

  16607.     background-color: white;

  16608.     color: #333333; }

  16609.   .mt-element-list .list-default.mt-list-head.grey.ext-1 .badge {

  16610.     background-color: #cccccc; }

  16611.   .mt-element-list .list-default.mt-list-head.grey .list-label {

  16612.     color: white; }

  16613.   .mt-element-list .list-default.mt-list-head.grey .list-date {

  16614.     color: white; }

  16615. 

  16616. .mt-element-list .list-todo.mt-list-head.grey {

  16617.   background-color: #E5E5E5;

  16618.   color: #333333; }

  16619. 

  16620. .mt-element-list .list-todo .list-count.grey {

  16621.   background-color: #E5E5E5;

  16622.   color: #333333; }

  16623.   .mt-element-list .list-todo .list-count.grey:hover {

  16624.     background-color: #d8d8d8; }

  16625. 

  16626. .mt-element-list .list-todo .list-todo-line.grey {

  16627.   border-color: #E5E5E5; }

  16628. 

  16629. .mt-element-list .list-todo .list-todo-item.grey:after {

  16630.   border-right-color: #E5E5E5 !important; }

  16631. 

  16632. .mt-element-list .list-todo .list-todo-item.grey .list-toggle {

  16633.   background: #E5E5E5;

  16634.   color: #333333 !important; }

  16635.   .mt-element-list .list-todo .list-todo-item.grey .list-toggle > .badge {

  16636.     color: #E5E5E5;

  16637.     background: #333333; }

  16638. 

  16639. .mt-element-list .list-default.mt-list-head.grey-steel {

  16640.   background-color: #e9edef;

  16641.   color: #80898e; }

  16642.   .mt-element-list .list-default.mt-list-head.grey-steel .badge {

  16643.     background-color: white;

  16644.     color: #80898e; }

  16645.   .mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge {

  16646.     background-color: #cbd5da; }

  16647.   .mt-element-list .list-default.mt-list-head.grey-steel .list-label {

  16648.     color: white; }

  16649.   .mt-element-list .list-default.mt-list-head.grey-steel .list-date {

  16650.     color: white; }

  16651. 

  16652. .mt-element-list .list-todo.mt-list-head.grey-steel {

  16653.   background-color: #e9edef;

  16654.   color: #80898e; }

  16655. 

  16656. .mt-element-list .list-todo .list-count.grey-steel {

  16657.   background-color: #e9edef;

  16658.   color: #80898e; }

  16659.   .mt-element-list .list-todo .list-count.grey-steel:hover {

  16660.     background-color: #dae1e4; }

  16661. 

  16662. .mt-element-list .list-todo .list-todo-line.grey-steel {

  16663.   border-color: #e9edef; }

  16664. 

  16665. .mt-element-list .list-todo .list-todo-item.grey-steel:after {

  16666.   border-right-color: #e9edef !important; }

  16667. 

  16668. .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle {

  16669.   background: #e9edef;

  16670.   color: #80898e !important; }

  16671.   .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle > .badge {

  16672.     color: #e9edef;

  16673.     background: #80898e; }

  16674. 

  16675. .mt-element-list .list-default.mt-list-head.grey-cararra {

  16676.   background-color: #fafafa;

  16677.   color: #333333; }

  16678.   .mt-element-list .list-default.mt-list-head.grey-cararra .badge {

  16679.     background-color: white;

  16680.     color: #333333; }

  16681.   .mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge {

  16682.     background-color: #e1e1e1; }

  16683.   .mt-element-list .list-default.mt-list-head.grey-cararra .list-label {

  16684.     color: white; }

  16685.   .mt-element-list .list-default.mt-list-head.grey-cararra .list-date {

  16686.     color: white; }

  16687. 

  16688. .mt-element-list .list-todo.mt-list-head.grey-cararra {

  16689.   background-color: #fafafa;

  16690.   color: #333333; }

  16691. 

  16692. .mt-element-list .list-todo .list-count.grey-cararra {

  16693.   background-color: #fafafa;

  16694.   color: #333333; }

  16695.   .mt-element-list .list-todo .list-count.grey-cararra:hover {

  16696.     background-color: #ededed; }

  16697. 

  16698. .mt-element-list .list-todo .list-todo-line.grey-cararra {

  16699.   border-color: #fafafa; }

  16700. 

  16701. .mt-element-list .list-todo .list-todo-item.grey-cararra:after {

  16702.   border-right-color: #fafafa !important; }

  16703. 

  16704. .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle {

  16705.   background: #fafafa;

  16706.   color: #333333 !important; }

  16707.   .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle > .badge {

  16708.     color: #fafafa;

  16709.     background: #333333; }

  16710. 

  16711. .mt-element-list .list-default.mt-list-head.grey-gallery {

  16712.   background-color: #555555;

  16713.   color: #ffffff; }

  16714.   .mt-element-list .list-default.mt-list-head.grey-gallery .badge {

  16715.     background-color: #6f6f6f;

  16716.     color: #ffffff; }

  16717.   .mt-element-list .list-default.mt-list-head.grey-gallery.ext-1 .badge {

  16718.     background-color: #3c3c3c; }

  16719.   .mt-element-list .list-default.mt-list-head.grey-gallery .list-label {

  16720.     color: #d5d5d5; }

  16721.   .mt-element-list .list-default.mt-list-head.grey-gallery .list-date {

  16722.     color: #d5d5d5; }

  16723. 

  16724. .mt-element-list .list-todo.mt-list-head.grey-gallery {

  16725.   background-color: #555555;

  16726.   color: #ffffff; }

  16727. 

  16728. .mt-element-list .list-todo .list-count.grey-gallery {

  16729.   background-color: #555555;

  16730.   color: #ffffff; }

  16731.   .mt-element-list .list-todo .list-count.grey-gallery:hover {

  16732.     background-color: #484848; }

  16733. 

  16734. .mt-element-list .list-todo .list-todo-line.grey-gallery {

  16735.   border-color: #555555; }

  16736. 

  16737. .mt-element-list .list-todo .list-todo-item.grey-gallery:after {

  16738.   border-right-color: #555555 !important; }

  16739. 

  16740. .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle {

  16741.   background: #555555;

  16742.   color: #ffffff !important; }

  16743.   .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle > .badge {

  16744.     color: #555555;

  16745.     background: #ffffff; }

  16746. 

  16747. .mt-element-list .list-default.mt-list-head.grey-cascade {

  16748.   background-color: #95A5A6;

  16749.   color: #FFFFFF; }

  16750.   .mt-element-list .list-default.mt-list-head.grey-cascade .badge {

  16751.     background-color: #b1bdbd;

  16752.     color: #FFFFFF; }

  16753.   .mt-element-list .list-default.mt-list-head.grey-cascade.ext-1 .badge {

  16754.     background-color: #798d8f; }

  16755.   .mt-element-list .list-default.mt-list-head.grey-cascade .list-label {

  16756.     color: white; }

  16757.   .mt-element-list .list-default.mt-list-head.grey-cascade .list-date {

  16758.     color: white; }

  16759. 

  16760. .mt-element-list .list-todo.mt-list-head.grey-cascade {

  16761.   background-color: #95A5A6;

  16762.   color: #FFFFFF; }

  16763. 

  16764. .mt-element-list .list-todo .list-count.grey-cascade {

  16765.   background-color: #95A5A6;

  16766.   color: #FFFFFF; }

  16767.   .mt-element-list .list-todo .list-count.grey-cascade:hover {

  16768.     background-color: #87999a; }

  16769. 

  16770. .mt-element-list .list-todo .list-todo-line.grey-cascade {

  16771.   border-color: #95A5A6; }

  16772. 

  16773. .mt-element-list .list-todo .list-todo-item.grey-cascade:after {

  16774.   border-right-color: #95A5A6 !important; }

  16775. 

  16776. .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle {

  16777.   background: #95A5A6;

  16778.   color: #FFFFFF !important; }

  16779.   .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle > .badge {

  16780.     color: #95A5A6;

  16781.     background: #FFFFFF; }

  16782. 

  16783. .mt-element-list .list-default.mt-list-head.grey-silver {

  16784.   background-color: #BFBFBF;

  16785.   color: #FAFCFB; }

  16786.   .mt-element-list .list-default.mt-list-head.grey-silver .badge {

  16787.     background-color: #d9d9d9;

  16788.     color: #FAFCFB; }

  16789.   .mt-element-list .list-default.mt-list-head.grey-silver.ext-1 .badge {

  16790.     background-color: #a6a6a6; }

  16791.   .mt-element-list .list-default.mt-list-head.grey-silver .list-label {

  16792.     color: white; }

  16793.   .mt-element-list .list-default.mt-list-head.grey-silver .list-date {

  16794.     color: white; }

  16795. 

  16796. .mt-element-list .list-todo.mt-list-head.grey-silver {

  16797.   background-color: #BFBFBF;

  16798.   color: #FAFCFB; }

  16799. 

  16800. .mt-element-list .list-todo .list-count.grey-silver {

  16801.   background-color: #BFBFBF;

  16802.   color: #FAFCFB; }

  16803.   .mt-element-list .list-todo .list-count.grey-silver:hover {

  16804.     background-color: #b2b2b2; }

  16805. 

  16806. .mt-element-list .list-todo .list-todo-line.grey-silver {

  16807.   border-color: #BFBFBF; }

  16808. 

  16809. .mt-element-list .list-todo .list-todo-item.grey-silver:after {

  16810.   border-right-color: #BFBFBF !important; }

  16811. 

  16812. .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle {

  16813.   background: #BFBFBF;

  16814.   color: #FAFCFB !important; }

  16815.   .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle > .badge {

  16816.     color: #BFBFBF;

  16817.     background: #FAFCFB; }

  16818. 

  16819. .mt-element-list .list-default.mt-list-head.grey-salsa {

  16820.   background-color: #ACB5C3;

  16821.   color: #FAFCFB; }

  16822.   .mt-element-list .list-default.mt-list-head.grey-salsa .badge {

  16823.     background-color: #cacfd8;

  16824.     color: #FAFCFB; }

  16825.   .mt-element-list .list-default.mt-list-head.grey-salsa.ext-1 .badge {

  16826.     background-color: #8e9bae; }

  16827.   .mt-element-list .list-default.mt-list-head.grey-salsa .list-label {

  16828.     color: white; }

  16829.   .mt-element-list .list-default.mt-list-head.grey-salsa .list-date {

  16830.     color: white; }

  16831. 

  16832. .mt-element-list .list-todo.mt-list-head.grey-salsa {

  16833.   background-color: #ACB5C3;

  16834.   color: #FAFCFB; }

  16835. 

  16836. .mt-element-list .list-todo .list-count.grey-salsa {

  16837.   background-color: #ACB5C3;

  16838.   color: #FAFCFB; }

  16839.   .mt-element-list .list-todo .list-count.grey-salsa:hover {

  16840.     background-color: #9da8b8; }

  16841. 

  16842. .mt-element-list .list-todo .list-todo-line.grey-salsa {

  16843.   border-color: #ACB5C3; }

  16844. 

  16845. .mt-element-list .list-todo .list-todo-item.grey-salsa:after {

  16846.   border-right-color: #ACB5C3 !important; }

  16847. 

  16848. .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle {

  16849.   background: #ACB5C3;

  16850.   color: #FAFCFB !important; }

  16851.   .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle > .badge {

  16852.     color: #ACB5C3;

  16853.     background: #FAFCFB; }

  16854. 

  16855. .mt-element-list .list-default.mt-list-head.grey-salt {

  16856.   background-color: #bfcad1;

  16857.   color: #FAFCFB; }

  16858.   .mt-element-list .list-default.mt-list-head.grey-salt .badge {

  16859.     background-color: #dde3e6;

  16860.     color: #FAFCFB; }

  16861.   .mt-element-list .list-default.mt-list-head.grey-salt.ext-1 .badge {

  16862.     background-color: #a1b1bc; }

  16863.   .mt-element-list .list-default.mt-list-head.grey-salt .list-label {

  16864.     color: white; }

  16865.   .mt-element-list .list-default.mt-list-head.grey-salt .list-date {

  16866.     color: white; }

  16867. 

  16868. .mt-element-list .list-todo.mt-list-head.grey-salt {

  16869.   background-color: #bfcad1;

  16870.   color: #FAFCFB; }

  16871. 

  16872. .mt-element-list .list-todo .list-count.grey-salt {

  16873.   background-color: #bfcad1;

  16874.   color: #FAFCFB; }

  16875.   .mt-element-list .list-todo .list-count.grey-salt:hover {

  16876.     background-color: #b0bec6; }

  16877. 

  16878. .mt-element-list .list-todo .list-todo-line.grey-salt {

  16879.   border-color: #bfcad1; }

  16880. 

  16881. .mt-element-list .list-todo .list-todo-item.grey-salt:after {

  16882.   border-right-color: #bfcad1 !important; }

  16883. 

  16884. .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle {

  16885.   background: #bfcad1;

  16886.   color: #FAFCFB !important; }

  16887.   .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle > .badge {

  16888.     color: #bfcad1;

  16889.     background: #FAFCFB; }

  16890. 

  16891. .mt-element-list .list-default.mt-list-head.grey-mint {

  16892.   background-color: #525e64;

  16893.   color: #FFFFFF; }

  16894.   .mt-element-list .list-default.mt-list-head.grey-mint .badge {

  16895.     background-color: #697880;

  16896.     color: #FFFFFF; }

  16897.   .mt-element-list .list-default.mt-list-head.grey-mint.ext-1 .badge {

  16898.     background-color: #3b4448; }

  16899.   .mt-element-list .list-default.mt-list-head.grey-mint .list-label {

  16900.     color: #d7dcde; }

  16901.   .mt-element-list .list-default.mt-list-head.grey-mint .list-date {

  16902.     color: #d7dcde; }

  16903. 

  16904. .mt-element-list .list-todo.mt-list-head.grey-mint {

  16905.   background-color: #525e64;

  16906.   color: #FFFFFF; }

  16907. 

  16908. .mt-element-list .list-todo .list-count.grey-mint {

  16909.   background-color: #525e64;

  16910.   color: #FFFFFF; }

  16911.   .mt-element-list .list-todo .list-count.grey-mint:hover {

  16912.     background-color: #475156; }

  16913. 

  16914. .mt-element-list .list-todo .list-todo-line.grey-mint {

  16915.   border-color: #525e64; }

  16916. 

  16917. .mt-element-list .list-todo .list-todo-item.grey-mint:after {

  16918.   border-right-color: #525e64 !important; }

  16919. 

  16920. .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle {

  16921.   background: #525e64;

  16922.   color: #FFFFFF !important; }

  16923.   .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle > .badge {

  16924.     color: #525e64;

  16925.     background: #FFFFFF; }

  16926. 

  16927. .mt-element-list .list-default.mt-list-head.red {

  16928.   background-color: #e7505a;

  16929.   color: #ffffff; }

  16930.   .mt-element-list .list-default.mt-list-head.red .badge {

  16931.     background-color: #ed7d84;

  16932.     color: #ffffff; }

  16933.   .mt-element-list .list-default.mt-list-head.red.ext-1 .badge {

  16934.     background-color: #e12330; }

  16935.   .mt-element-list .list-default.mt-list-head.red .list-label {

  16936.     color: white; }

  16937.   .mt-element-list .list-default.mt-list-head.red .list-date {

  16938.     color: white; }

  16939. 

  16940. .mt-element-list .list-todo.mt-list-head.red {

  16941.   background-color: #e7505a;

  16942.   color: #ffffff; }

  16943. 

  16944. .mt-element-list .list-todo .list-count.red {

  16945.   background-color: #e7505a;

  16946.   color: #ffffff; }

  16947.   .mt-element-list .list-todo .list-count.red:hover {

  16948.     background-color: #e43a45; }

  16949. 

  16950. .mt-element-list .list-todo .list-todo-line.red {

  16951.   border-color: #e7505a; }

  16952. 

  16953. .mt-element-list .list-todo .list-todo-item.red:after {

  16954.   border-right-color: #e7505a !important; }

  16955. 

  16956. .mt-element-list .list-todo .list-todo-item.red .list-toggle {

  16957.   background: #e7505a;

  16958.   color: #ffffff !important; }

  16959.   .mt-element-list .list-todo .list-todo-item.red .list-toggle > .badge {

  16960.     color: #e7505a;

  16961.     background: #ffffff; }

  16962. 

  16963. .mt-element-list .list-default.mt-list-head.red-pink {

  16964.   background-color: #E08283;

  16965.   color: #ffffff; }

  16966.   .mt-element-list .list-default.mt-list-head.red-pink .badge {

  16967.     background-color: #eaabac;

  16968.     color: #ffffff; }

  16969.   .mt-element-list .list-default.mt-list-head.red-pink.ext-1 .badge {

  16970.     background-color: #d6595a; }

  16971.   .mt-element-list .list-default.mt-list-head.red-pink .list-label {

  16972.     color: white; }

  16973.   .mt-element-list .list-default.mt-list-head.red-pink .list-date {

  16974.     color: white; }

  16975. 

  16976. .mt-element-list .list-todo.mt-list-head.red-pink {

  16977.   background-color: #E08283;

  16978.   color: #ffffff; }

  16979. 

  16980. .mt-element-list .list-todo .list-count.red-pink {

  16981.   background-color: #E08283;

  16982.   color: #ffffff; }

  16983.   .mt-element-list .list-todo .list-count.red-pink:hover {

  16984.     background-color: #db6e6f; }

  16985. 

  16986. .mt-element-list .list-todo .list-todo-line.red-pink {

  16987.   border-color: #E08283; }

  16988. 

  16989. .mt-element-list .list-todo .list-todo-item.red-pink:after {

  16990.   border-right-color: #E08283 !important; }

  16991. 

  16992. .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle {

  16993.   background: #E08283;

  16994.   color: #ffffff !important; }

  16995.   .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle > .badge {

  16996.     color: #E08283;

  16997.     background: #ffffff; }

  16998. 

  16999. .mt-element-list .list-default.mt-list-head.red-sunglo {

  17000.   background-color: #E26A6A;

  17001.   color: #ffffff; }

  17002.   .mt-element-list .list-default.mt-list-head.red-sunglo .badge {

  17003.     background-color: #ea9595;

  17004.     color: #ffffff; }

  17005.   .mt-element-list .list-default.mt-list-head.red-sunglo.ext-1 .badge {

  17006.     background-color: #da3f3f; }

  17007.   .mt-element-list .list-default.mt-list-head.red-sunglo .list-label {

  17008.     color: white; }

  17009.   .mt-element-list .list-default.mt-list-head.red-sunglo .list-date {

  17010.     color: white; }

  17011. 

  17012. .mt-element-list .list-todo.mt-list-head.red-sunglo {

  17013.   background-color: #E26A6A;

  17014.   color: #ffffff; }

  17015. 

  17016. .mt-element-list .list-todo .list-count.red-sunglo {

  17017.   background-color: #E26A6A;

  17018.   color: #ffffff; }

  17019.   .mt-element-list .list-todo .list-count.red-sunglo:hover {

  17020.     background-color: #de5555; }

  17021. 

  17022. .mt-element-list .list-todo .list-todo-line.red-sunglo {

  17023.   border-color: #E26A6A; }

  17024. 

  17025. .mt-element-list .list-todo .list-todo-item.red-sunglo:after {

  17026.   border-right-color: #E26A6A !important; }

  17027. 

  17028. .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle {

  17029.   background: #E26A6A;

  17030.   color: #ffffff !important; }

  17031.   .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle > .badge {

  17032.     color: #E26A6A;

  17033.     background: #ffffff; }

  17034. 

  17035. .mt-element-list .list-default.mt-list-head.red-intense {

  17036.   background-color: #e35b5a;

  17037.   color: #ffffff; }

  17038.   .mt-element-list .list-default.mt-list-head.red-intense .badge {

  17039.     background-color: #ea8686;

  17040.     color: #ffffff; }

  17041.   .mt-element-list .list-default.mt-list-head.red-intense.ext-1 .badge {

  17042.     background-color: #dc302e; }

  17043.   .mt-element-list .list-default.mt-list-head.red-intense .list-label {

  17044.     color: white; }

  17045.   .mt-element-list .list-default.mt-list-head.red-intense .list-date {

  17046.     color: white; }

  17047. 

  17048. .mt-element-list .list-todo.mt-list-head.red-intense {

  17049.   background-color: #e35b5a;

  17050.   color: #ffffff; }

  17051. 

  17052. .mt-element-list .list-todo .list-count.red-intense {

  17053.   background-color: #e35b5a;

  17054.   color: #ffffff; }

  17055.   .mt-element-list .list-todo .list-count.red-intense:hover {

  17056.     background-color: #df4544; }

  17057. 

  17058. .mt-element-list .list-todo .list-todo-line.red-intense {

  17059.   border-color: #e35b5a; }

  17060. 

  17061. .mt-element-list .list-todo .list-todo-item.red-intense:after {

  17062.   border-right-color: #e35b5a !important; }

  17063. 

  17064. .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle {

  17065.   background: #e35b5a;

  17066.   color: #ffffff !important; }

  17067.   .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle > .badge {

  17068.     color: #e35b5a;

  17069.     background: #ffffff; }

  17070. 

  17071. .mt-element-list .list-default.mt-list-head.red-thunderbird {

  17072.   background-color: #D91E18;

  17073.   color: #ffffff; }

  17074.   .mt-element-list .list-default.mt-list-head.red-thunderbird .badge {

  17075.     background-color: #e9403b;

  17076.     color: #ffffff; }

  17077.   .mt-element-list .list-default.mt-list-head.red-thunderbird.ext-1 .badge {

  17078.     background-color: #ab1813; }

  17079.   .mt-element-list .list-default.mt-list-head.red-thunderbird .list-label {

  17080.     color: #fef3f2; }

  17081.   .mt-element-list .list-default.mt-list-head.red-thunderbird .list-date {

  17082.     color: #fef3f2; }

  17083. 

  17084. .mt-element-list .list-todo.mt-list-head.red-thunderbird {

  17085.   background-color: #D91E18;

  17086.   color: #ffffff; }

  17087. 

  17088. .mt-element-list .list-todo .list-count.red-thunderbird {

  17089.   background-color: #D91E18;

  17090.   color: #ffffff; }

  17091.   .mt-element-list .list-todo .list-count.red-thunderbird:hover {

  17092.     background-color: #c21b15; }

  17093. 

  17094. .mt-element-list .list-todo .list-todo-line.red-thunderbird {

  17095.   border-color: #D91E18; }

  17096. 

  17097. .mt-element-list .list-todo .list-todo-item.red-thunderbird:after {

  17098.   border-right-color: #D91E18 !important; }

  17099. 

  17100. .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle {

  17101.   background: #D91E18;

  17102.   color: #ffffff !important; }

  17103.   .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle > .badge {

  17104.     color: #D91E18;

  17105.     background: #ffffff; }

  17106. 

  17107. .mt-element-list .list-default.mt-list-head.red-flamingo {

  17108.   background-color: #EF4836;

  17109.   color: #ffffff; }

  17110.   .mt-element-list .list-default.mt-list-head.red-flamingo .badge {

  17111.     background-color: #f37365;

  17112.     color: #ffffff; }

  17113.   .mt-element-list .list-default.mt-list-head.red-flamingo.ext-1 .badge {

  17114.     background-color: #e02612; }

  17115.   .mt-element-list .list-default.mt-list-head.red-flamingo .list-label {

  17116.     color: white; }

  17117.   .mt-element-list .list-default.mt-list-head.red-flamingo .list-date {

  17118.     color: white; }

  17119. 

  17120. .mt-element-list .list-todo.mt-list-head.red-flamingo {

  17121.   background-color: #EF4836;

  17122.   color: #ffffff; }

  17123. 

  17124. .mt-element-list .list-todo .list-count.red-flamingo {

  17125.   background-color: #EF4836;

  17126.   color: #ffffff; }

  17127.   .mt-element-list .list-todo .list-count.red-flamingo:hover {

  17128.     background-color: #ed321e; }

  17129. 

  17130. .mt-element-list .list-todo .list-todo-line.red-flamingo {

  17131.   border-color: #EF4836; }

  17132. 

  17133. .mt-element-list .list-todo .list-todo-item.red-flamingo:after {

  17134.   border-right-color: #EF4836 !important; }

  17135. 

  17136. .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle {

  17137.   background: #EF4836;

  17138.   color: #ffffff !important; }

  17139.   .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle > .badge {

  17140.     color: #EF4836;

  17141.     background: #ffffff; }

  17142. 

  17143. .mt-element-list .list-default.mt-list-head.red-soft {

  17144.   background-color: #d05454;

  17145.   color: #ffffff; }

  17146.   .mt-element-list .list-default.mt-list-head.red-soft .badge {

  17147.     background-color: #db7c7c;

  17148.     color: #ffffff; }

  17149.   .mt-element-list .list-default.mt-list-head.red-soft.ext-1 .badge {

  17150.     background-color: #bd3434; }

  17151.   .mt-element-list .list-default.mt-list-head.red-soft .list-label {

  17152.     color: white; }

  17153.   .mt-element-list .list-default.mt-list-head.red-soft .list-date {

  17154.     color: white; }

  17155. 

  17156. .mt-element-list .list-todo.mt-list-head.red-soft {

  17157.   background-color: #d05454;

  17158.   color: #ffffff; }

  17159. 

  17160. .mt-element-list .list-todo .list-count.red-soft {

  17161.   background-color: #d05454;

  17162.   color: #ffffff; }

  17163.   .mt-element-list .list-todo .list-count.red-soft:hover {

  17164.     background-color: #cb4040; }

  17165. 

  17166. .mt-element-list .list-todo .list-todo-line.red-soft {

  17167.   border-color: #d05454; }

  17168. 

  17169. .mt-element-list .list-todo .list-todo-item.red-soft:after {

  17170.   border-right-color: #d05454 !important; }

  17171. 

  17172. .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle {

  17173.   background: #d05454;

  17174.   color: #ffffff !important; }

  17175.   .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle > .badge {

  17176.     color: #d05454;

  17177.     background: #ffffff; }

  17178. 

  17179. .mt-element-list .list-default.mt-list-head.red-haze {

  17180.   background-color: #f36a5a;

  17181.   color: #ffffff; }

  17182.   .mt-element-list .list-default.mt-list-head.red-haze .badge {

  17183.     background-color: #f6958a;

  17184.     color: #ffffff; }

  17185.   .mt-element-list .list-default.mt-list-head.red-haze.ext-1 .badge {

  17186.     background-color: #f03f2a; }

  17187.   .mt-element-list .list-default.mt-list-head.red-haze .list-label {

  17188.     color: white; }

  17189.   .mt-element-list .list-default.mt-list-head.red-haze .list-date {

  17190.     color: white; }

  17191. 

  17192. .mt-element-list .list-todo.mt-list-head.red-haze {

  17193.   background-color: #f36a5a;

  17194.   color: #ffffff; }

  17195. 

  17196. .mt-element-list .list-todo .list-count.red-haze {

  17197.   background-color: #f36a5a;

  17198.   color: #ffffff; }

  17199.   .mt-element-list .list-todo .list-count.red-haze:hover {

  17200.     background-color: #f15542; }

  17201. 

  17202. .mt-element-list .list-todo .list-todo-line.red-haze {

  17203.   border-color: #f36a5a; }

  17204. 

  17205. .mt-element-list .list-todo .list-todo-item.red-haze:after {

  17206.   border-right-color: #f36a5a !important; }

  17207. 

  17208. .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle {

  17209.   background: #f36a5a;

  17210.   color: #ffffff !important; }

  17211.   .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle > .badge {

  17212.     color: #f36a5a;

  17213.     background: #ffffff; }

  17214. 

  17215. .mt-element-list .list-default.mt-list-head.red-mint {

  17216.   background-color: #e43a45;

  17217.   color: #ffffff; }

  17218.   .mt-element-list .list-default.mt-list-head.red-mint .badge {

  17219.     background-color: #ea676f;

  17220.     color: #ffffff; }

  17221.   .mt-element-list .list-default.mt-list-head.red-mint.ext-1 .badge {

  17222.     background-color: #cf1c28; }

  17223.   .mt-element-list .list-default.mt-list-head.red-mint .list-label {

  17224.     color: white; }

  17225.   .mt-element-list .list-default.mt-list-head.red-mint .list-date {

  17226.     color: white; }

  17227. 

  17228. .mt-element-list .list-todo.mt-list-head.red-mint {

  17229.   background-color: #e43a45;

  17230.   color: #ffffff; }

  17231. 

  17232. .mt-element-list .list-todo .list-count.red-mint {

  17233.   background-color: #e43a45;

  17234.   color: #ffffff; }

  17235.   .mt-element-list .list-todo .list-count.red-mint:hover {

  17236.     background-color: #e12430; }

  17237. 

  17238. .mt-element-list .list-todo .list-todo-line.red-mint {

  17239.   border-color: #e43a45; }

  17240. 

  17241. .mt-element-list .list-todo .list-todo-item.red-mint:after {

  17242.   border-right-color: #e43a45 !important; }

  17243. 

  17244. .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle {

  17245.   background: #e43a45;

  17246.   color: #ffffff !important; }

  17247.   .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle > .badge {

  17248.     color: #e43a45;

  17249.     background: #ffffff; }

  17250. 

  17251. .mt-element-list .list-default.mt-list-head.yellow {

  17252.   background-color: #c49f47;

  17253.   color: #ffffff; }

  17254.   .mt-element-list .list-default.mt-list-head.yellow .badge {

  17255.     background-color: #d0b36e;

  17256.     color: #ffffff; }

  17257.   .mt-element-list .list-default.mt-list-head.yellow.ext-1 .badge {

  17258.     background-color: #a48334; }

  17259.   .mt-element-list .list-default.mt-list-head.yellow .list-label {

  17260.     color: white; }

  17261.   .mt-element-list .list-default.mt-list-head.yellow .list-date {

  17262.     color: white; }

  17263. 

  17264. .mt-element-list .list-todo.mt-list-head.yellow {

  17265.   background-color: #c49f47;

  17266.   color: #ffffff; }

  17267. 

  17268. .mt-element-list .list-todo .list-count.yellow {

  17269.   background-color: #c49f47;

  17270.   color: #ffffff; }

  17271.   .mt-element-list .list-todo .list-count.yellow:hover {

  17272.     background-color: #b7923b; }

  17273. 

  17274. .mt-element-list .list-todo .list-todo-line.yellow {

  17275.   border-color: #c49f47; }

  17276. 

  17277. .mt-element-list .list-todo .list-todo-item.yellow:after {

  17278.   border-right-color: #c49f47 !important; }

  17279. 

  17280. .mt-element-list .list-todo .list-todo-item.yellow .list-toggle {

  17281.   background: #c49f47;

  17282.   color: #ffffff !important; }

  17283.   .mt-element-list .list-todo .list-todo-item.yellow .list-toggle > .badge {

  17284.     color: #c49f47;

  17285.     background: #ffffff; }

  17286. 

  17287. .mt-element-list .list-default.mt-list-head.yellow-gold {

  17288.   background-color: #E87E04;

  17289.   color: #ffffff; }

  17290.   .mt-element-list .list-default.mt-list-head.yellow-gold .badge {

  17291.     background-color: #fb9724;

  17292.     color: #ffffff; }

  17293.   .mt-element-list .list-default.mt-list-head.yellow-gold.ext-1 .badge {

  17294.     background-color: #b66303; }

  17295.   .mt-element-list .list-default.mt-list-head.yellow-gold .list-label {

  17296.     color: #fff6ec; }

  17297.   .mt-element-list .list-default.mt-list-head.yellow-gold .list-date {

  17298.     color: #fff6ec; }

  17299. 

  17300. .mt-element-list .list-todo.mt-list-head.yellow-gold {

  17301.   background-color: #E87E04;

  17302.   color: #ffffff; }

  17303. 

  17304. .mt-element-list .list-todo .list-count.yellow-gold {

  17305.   background-color: #E87E04;

  17306.   color: #ffffff; }

  17307.   .mt-element-list .list-todo .list-count.yellow-gold:hover {

  17308.     background-color: #cf7004; }

  17309. 

  17310. .mt-element-list .list-todo .list-todo-line.yellow-gold {

  17311.   border-color: #E87E04; }

  17312. 

  17313. .mt-element-list .list-todo .list-todo-item.yellow-gold:after {

  17314.   border-right-color: #E87E04 !important; }

  17315. 

  17316. .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle {

  17317.   background: #E87E04;

  17318.   color: #ffffff !important; }

  17319.   .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle > .badge {

  17320.     color: #E87E04;

  17321.     background: #ffffff; }

  17322. 

  17323. .mt-element-list .list-default.mt-list-head.yellow-casablanca {

  17324.   background-color: #f2784b;

  17325.   color: #ffffff; }

  17326.   .mt-element-list .list-default.mt-list-head.yellow-casablanca .badge {

  17327.     background-color: #f59c7b;

  17328.     color: #ffffff; }

  17329.   .mt-element-list .list-default.mt-list-head.yellow-casablanca.ext-1 .badge {

  17330.     background-color: #ef541b; }

  17331.   .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-label {

  17332.     color: white; }

  17333.   .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-date {

  17334.     color: white; }

  17335. 

  17336. .mt-element-list .list-todo.mt-list-head.yellow-casablanca {

  17337.   background-color: #f2784b;

  17338.   color: #ffffff; }

  17339. 

  17340. .mt-element-list .list-todo .list-count.yellow-casablanca {

  17341.   background-color: #f2784b;

  17342.   color: #ffffff; }

  17343.   .mt-element-list .list-todo .list-count.yellow-casablanca:hover {

  17344.     background-color: #f06633; }

  17345. 

  17346. .mt-element-list .list-todo .list-todo-line.yellow-casablanca {

  17347.   border-color: #f2784b; }

  17348. 

  17349. .mt-element-list .list-todo .list-todo-item.yellow-casablanca:after {

  17350.   border-right-color: #f2784b !important; }

  17351. 

  17352. .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle {

  17353.   background: #f2784b;

  17354.   color: #ffffff !important; }

  17355.   .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle > .badge {

  17356.     color: #f2784b;

  17357.     background: #ffffff; }

  17358. 

  17359. .mt-element-list .list-default.mt-list-head.yellow-crusta {

  17360.   background-color: #f3c200;

  17361.   color: #ffffff; }

  17362.   .mt-element-list .list-default.mt-list-head.yellow-crusta .badge {

  17363.     background-color: #ffd327;

  17364.     color: #ffffff; }

  17365.   .mt-element-list .list-default.mt-list-head.yellow-crusta.ext-1 .badge {

  17366.     background-color: #c09900; }

  17367.   .mt-element-list .list-default.mt-list-head.yellow-crusta .list-label {

  17368.     color: #fffdf3; }

  17369.   .mt-element-list .list-default.mt-list-head.yellow-crusta .list-date {

  17370.     color: #fffdf3; }

  17371. 

  17372. .mt-element-list .list-todo.mt-list-head.yellow-crusta {

  17373.   background-color: #f3c200;

  17374.   color: #ffffff; }

  17375. 

  17376. .mt-element-list .list-todo .list-count.yellow-crusta {

  17377.   background-color: #f3c200;

  17378.   color: #ffffff; }

  17379.   .mt-element-list .list-todo .list-count.yellow-crusta:hover {

  17380.     background-color: #daae00; }

  17381. 

  17382. .mt-element-list .list-todo .list-todo-line.yellow-crusta {

  17383.   border-color: #f3c200; }

  17384. 

  17385. .mt-element-list .list-todo .list-todo-item.yellow-crusta:after {

  17386.   border-right-color: #f3c200 !important; }

  17387. 

  17388. .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle {

  17389.   background: #f3c200;

  17390.   color: #ffffff !important; }

  17391.   .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle > .badge {

  17392.     color: #f3c200;

  17393.     background: #ffffff; }

  17394. 

  17395. .mt-element-list .list-default.mt-list-head.yellow-lemon {

  17396.   background-color: #F7CA18;

  17397.   color: #ffffff; }

  17398.   .mt-element-list .list-default.mt-list-head.yellow-lemon .badge {

  17399.     background-color: #f9d549;

  17400.     color: #ffffff; }

  17401.   .mt-element-list .list-default.mt-list-head.yellow-lemon.ext-1 .badge {

  17402.     background-color: #d5ab07; }

  17403.   .mt-element-list .list-default.mt-list-head.yellow-lemon .list-label {

  17404.     color: white; }

  17405.   .mt-element-list .list-default.mt-list-head.yellow-lemon .list-date {

  17406.     color: white; }

  17407. 

  17408. .mt-element-list .list-todo.mt-list-head.yellow-lemon {

  17409.   background-color: #F7CA18;

  17410.   color: #ffffff; }

  17411. 

  17412. .mt-element-list .list-todo .list-count.yellow-lemon {

  17413.   background-color: #F7CA18;

  17414.   color: #ffffff; }

  17415.   .mt-element-list .list-todo .list-count.yellow-lemon:hover {

  17416.     background-color: #edbf08; }

  17417. 

  17418. .mt-element-list .list-todo .list-todo-line.yellow-lemon {

  17419.   border-color: #F7CA18; }

  17420. 

  17421. .mt-element-list .list-todo .list-todo-item.yellow-lemon:after {

  17422.   border-right-color: #F7CA18 !important; }

  17423. 

  17424. .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle {

  17425.   background: #F7CA18;

  17426.   color: #ffffff !important; }

  17427.   .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle > .badge {

  17428.     color: #F7CA18;

  17429.     background: #ffffff; }

  17430. 

  17431. .mt-element-list .list-default.mt-list-head.yellow-saffron {

  17432.   background-color: #F4D03F;

  17433.   color: #ffffff; }

  17434.   .mt-element-list .list-default.mt-list-head.yellow-saffron .badge {

  17435.     background-color: #f7dc6f;

  17436.     color: #ffffff; }

  17437.   .mt-element-list .list-default.mt-list-head.yellow-saffron.ext-1 .badge {

  17438.     background-color: #f1c40f; }

  17439.   .mt-element-list .list-default.mt-list-head.yellow-saffron .list-label {

  17440.     color: white; }

  17441.   .mt-element-list .list-default.mt-list-head.yellow-saffron .list-date {

  17442.     color: white; }

  17443. 

  17444. .mt-element-list .list-todo.mt-list-head.yellow-saffron {

  17445.   background-color: #F4D03F;

  17446.   color: #ffffff; }

  17447. 

  17448. .mt-element-list .list-todo .list-count.yellow-saffron {

  17449.   background-color: #F4D03F;

  17450.   color: #ffffff; }

  17451.   .mt-element-list .list-todo .list-count.yellow-saffron:hover {

  17452.     background-color: #f3ca27; }

  17453. 

  17454. .mt-element-list .list-todo .list-todo-line.yellow-saffron {

  17455.   border-color: #F4D03F; }

  17456. 

  17457. .mt-element-list .list-todo .list-todo-item.yellow-saffron:after {

  17458.   border-right-color: #F4D03F !important; }

  17459. 

  17460. .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle {

  17461.   background: #F4D03F;

  17462.   color: #ffffff !important; }

  17463.   .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle > .badge {

  17464.     color: #F4D03F;

  17465.     background: #ffffff; }

  17466. 

  17467. .mt-element-list .list-default.mt-list-head.yellow-soft {

  17468.   background-color: #c8d046;

  17469.   color: #ffffff; }

  17470.   .mt-element-list .list-default.mt-list-head.yellow-soft .badge {

  17471.     background-color: #d4da6f;

  17472.     color: #ffffff; }

  17473.   .mt-element-list .list-default.mt-list-head.yellow-soft.ext-1 .badge {

  17474.     background-color: #adb52e; }

  17475.   .mt-element-list .list-default.mt-list-head.yellow-soft .list-label {

  17476.     color: white; }

  17477.   .mt-element-list .list-default.mt-list-head.yellow-soft .list-date {

  17478.     color: white; }

  17479. 

  17480. .mt-element-list .list-todo.mt-list-head.yellow-soft {

  17481.   background-color: #c8d046;

  17482.   color: #ffffff; }

  17483. 

  17484. .mt-element-list .list-todo .list-count.yellow-soft {

  17485.   background-color: #c8d046;

  17486.   color: #ffffff; }

  17487.   .mt-element-list .list-todo .list-count.yellow-soft:hover {

  17488.     background-color: #c1c933; }

  17489. 

  17490. .mt-element-list .list-todo .list-todo-line.yellow-soft {

  17491.   border-color: #c8d046; }

  17492. 

  17493. .mt-element-list .list-todo .list-todo-item.yellow-soft:after {

  17494.   border-right-color: #c8d046 !important; }

  17495. 

  17496. .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle {

  17497.   background: #c8d046;

  17498.   color: #ffffff !important; }

  17499.   .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle > .badge {

  17500.     color: #c8d046;

  17501.     background: #ffffff; }

  17502. 

  17503. .mt-element-list .list-default.mt-list-head.yellow-haze {

  17504.   background-color: #c5bf66;

  17505.   color: #ffffff; }

  17506.   .mt-element-list .list-default.mt-list-head.yellow-haze .badge {

  17507.     background-color: #d3ce8b;

  17508.     color: #ffffff; }

  17509.   .mt-element-list .list-default.mt-list-head.yellow-haze.ext-1 .badge {

  17510.     background-color: #b4ad44; }

  17511.   .mt-element-list .list-default.mt-list-head.yellow-haze .list-label {

  17512.     color: white; }

  17513.   .mt-element-list .list-default.mt-list-head.yellow-haze .list-date {

  17514.     color: white; }

  17515. 

  17516. .mt-element-list .list-todo.mt-list-head.yellow-haze {

  17517.   background-color: #c5bf66;

  17518.   color: #ffffff; }

  17519. 

  17520. .mt-element-list .list-todo .list-count.yellow-haze {

  17521.   background-color: #c5bf66;

  17522.   color: #ffffff; }

  17523.   .mt-element-list .list-todo .list-count.yellow-haze:hover {

  17524.     background-color: #beb754; }

  17525. 

  17526. .mt-element-list .list-todo .list-todo-line.yellow-haze {

  17527.   border-color: #c5bf66; }

  17528. 

  17529. .mt-element-list .list-todo .list-todo-item.yellow-haze:after {

  17530.   border-right-color: #c5bf66 !important; }

  17531. 

  17532. .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle {

  17533.   background: #c5bf66;

  17534.   color: #ffffff !important; }

  17535.   .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle > .badge {

  17536.     color: #c5bf66;

  17537.     background: #ffffff; }

  17538. 

  17539. .mt-element-list .list-default.mt-list-head.yellow-mint {

  17540.   background-color: #c5b96b;

  17541.   color: #ffffff; }

  17542.   .mt-element-list .list-default.mt-list-head.yellow-mint .badge {

  17543.     background-color: #d3ca90;

  17544.     color: #ffffff; }

  17545.   .mt-element-list .list-default.mt-list-head.yellow-mint.ext-1 .badge {

  17546.     background-color: #b6a747; }

  17547.   .mt-element-list .list-default.mt-list-head.yellow-mint .list-label {

  17548.     color: white; }

  17549.   .mt-element-list .list-default.mt-list-head.yellow-mint .list-date {

  17550.     color: white; }

  17551. 

  17552. .mt-element-list .list-todo.mt-list-head.yellow-mint {

  17553.   background-color: #c5b96b;

  17554.   color: #ffffff; }

  17555. 

  17556. .mt-element-list .list-todo .list-count.yellow-mint {

  17557.   background-color: #c5b96b;

  17558.   color: #ffffff; }

  17559.   .mt-element-list .list-todo .list-count.yellow-mint:hover {

  17560.     background-color: #beb059; }

  17561. 

  17562. .mt-element-list .list-todo .list-todo-line.yellow-mint {

  17563.   border-color: #c5b96b; }

  17564. 

  17565. .mt-element-list .list-todo .list-todo-item.yellow-mint:after {

  17566.   border-right-color: #c5b96b !important; }

  17567. 

  17568. .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle {

  17569.   background: #c5b96b;

  17570.   color: #ffffff !important; }

  17571.   .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle > .badge {

  17572.     color: #c5b96b;

  17573.     background: #ffffff; }

  17574. 

  17575. .mt-element-list .list-default.mt-list-head.purple {

  17576.   background-color: #8E44AD;

  17577.   color: #ffffff; }

  17578.   .mt-element-list .list-default.mt-list-head.purple .badge {

  17579.     background-color: #a563c1;

  17580.     color: #ffffff; }

  17581.   .mt-element-list .list-default.mt-list-head.purple.ext-1 .badge {

  17582.     background-color: #703688; }

  17583.   .mt-element-list .list-default.mt-list-head.purple .list-label {

  17584.     color: #f9f5fb; }

  17585.   .mt-element-list .list-default.mt-list-head.purple .list-date {

  17586.     color: #f9f5fb; }

  17587. 

  17588. .mt-element-list .list-todo.mt-list-head.purple {

  17589.   background-color: #8E44AD;

  17590.   color: #ffffff; }

  17591. 

  17592. .mt-element-list .list-todo .list-count.purple {

  17593.   background-color: #8E44AD;

  17594.   color: #ffffff; }

  17595.   .mt-element-list .list-todo .list-count.purple:hover {

  17596.     background-color: #7f3d9b; }

  17597. 

  17598. .mt-element-list .list-todo .list-todo-line.purple {

  17599.   border-color: #8E44AD; }

  17600. 

  17601. .mt-element-list .list-todo .list-todo-item.purple:after {

  17602.   border-right-color: #8E44AD !important; }

  17603. 

  17604. .mt-element-list .list-todo .list-todo-item.purple .list-toggle {

  17605.   background: #8E44AD;

  17606.   color: #ffffff !important; }

  17607.   .mt-element-list .list-todo .list-todo-item.purple .list-toggle > .badge {

  17608.     color: #8E44AD;

  17609.     background: #ffffff; }

  17610. 

  17611. .mt-element-list .list-default.mt-list-head.purple-plum {

  17612.   background-color: #8775a7;

  17613.   color: #ffffff; }

  17614.   .mt-element-list .list-default.mt-list-head.purple-plum .badge {

  17615.     background-color: #a294bb;

  17616.     color: #ffffff; }

  17617.   .mt-element-list .list-default.mt-list-head.purple-plum.ext-1 .badge {

  17618.     background-color: #6d5b8e; }

  17619.   .mt-element-list .list-default.mt-list-head.purple-plum .list-label {

  17620.     color: white; }

  17621.   .mt-element-list .list-default.mt-list-head.purple-plum .list-date {

  17622.     color: white; }

  17623. 

  17624. .mt-element-list .list-todo.mt-list-head.purple-plum {

  17625.   background-color: #8775a7;

  17626.   color: #ffffff; }

  17627. 

  17628. .mt-element-list .list-todo .list-count.purple-plum {

  17629.   background-color: #8775a7;

  17630.   color: #ffffff; }

  17631.   .mt-element-list .list-todo .list-count.purple-plum:hover {

  17632.     background-color: #79659d; }

  17633. 

  17634. .mt-element-list .list-todo .list-todo-line.purple-plum {

  17635.   border-color: #8775a7; }

  17636. 

  17637. .mt-element-list .list-todo .list-todo-item.purple-plum:after {

  17638.   border-right-color: #8775a7 !important; }

  17639. 

  17640. .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle {

  17641.   background: #8775a7;

  17642.   color: #ffffff !important; }

  17643.   .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle > .badge {

  17644.     color: #8775a7;

  17645.     background: #ffffff; }

  17646. 

  17647. .mt-element-list .list-default.mt-list-head.purple-medium {

  17648.   background-color: #BF55EC;

  17649.   color: #ffffff; }

  17650.   .mt-element-list .list-default.mt-list-head.purple-medium .badge {

  17651.     background-color: #d083f1;

  17652.     color: #ffffff; }

  17653.   .mt-element-list .list-default.mt-list-head.purple-medium.ext-1 .badge {

  17654.     background-color: #ae27e7; }

  17655.   .mt-element-list .list-default.mt-list-head.purple-medium .list-label {

  17656.     color: white; }

  17657.   .mt-element-list .list-default.mt-list-head.purple-medium .list-date {

  17658.     color: white; }

  17659. 

  17660. .mt-element-list .list-todo.mt-list-head.purple-medium {

  17661.   background-color: #BF55EC;

  17662.   color: #ffffff; }

  17663. 

  17664. .mt-element-list .list-todo .list-count.purple-medium {

  17665.   background-color: #BF55EC;

  17666.   color: #ffffff; }

  17667.   .mt-element-list .list-todo .list-count.purple-medium:hover {

  17668.     background-color: #b63ee9; }

  17669. 

  17670. .mt-element-list .list-todo .list-todo-line.purple-medium {

  17671.   border-color: #BF55EC; }

  17672. 

  17673. .mt-element-list .list-todo .list-todo-item.purple-medium:after {

  17674.   border-right-color: #BF55EC !important; }

  17675. 

  17676. .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle {

  17677.   background: #BF55EC;

  17678.   color: #ffffff !important; }

  17679.   .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle > .badge {

  17680.     color: #BF55EC;

  17681.     background: #ffffff; }

  17682. 

  17683. .mt-element-list .list-default.mt-list-head.purple-studio {

  17684.   background-color: #8E44AD;

  17685.   color: #ffffff; }

  17686.   .mt-element-list .list-default.mt-list-head.purple-studio .badge {

  17687.     background-color: #a563c1;

  17688.     color: #ffffff; }

  17689.   .mt-element-list .list-default.mt-list-head.purple-studio.ext-1 .badge {

  17690.     background-color: #703688; }

  17691.   .mt-element-list .list-default.mt-list-head.purple-studio .list-label {

  17692.     color: #f9f5fb; }

  17693.   .mt-element-list .list-default.mt-list-head.purple-studio .list-date {

  17694.     color: #f9f5fb; }

  17695. 

  17696. .mt-element-list .list-todo.mt-list-head.purple-studio {

  17697.   background-color: #8E44AD;

  17698.   color: #ffffff; }

  17699. 

  17700. .mt-element-list .list-todo .list-count.purple-studio {

  17701.   background-color: #8E44AD;

  17702.   color: #ffffff; }

  17703.   .mt-element-list .list-todo .list-count.purple-studio:hover {

  17704.     background-color: #7f3d9b; }

  17705. 

  17706. .mt-element-list .list-todo .list-todo-line.purple-studio {

  17707.   border-color: #8E44AD; }

  17708. 

  17709. .mt-element-list .list-todo .list-todo-item.purple-studio:after {

  17710.   border-right-color: #8E44AD !important; }

  17711. 

  17712. .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle {

  17713.   background: #8E44AD;

  17714.   color: #ffffff !important; }

  17715.   .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle > .badge {

  17716.     color: #8E44AD;

  17717.     background: #ffffff; }

  17718. 

  17719. .mt-element-list .list-default.mt-list-head.purple-wisteria {

  17720.   background-color: #9B59B6;

  17721.   color: #ffffff; }

  17722.   .mt-element-list .list-default.mt-list-head.purple-wisteria .badge {

  17723.     background-color: #b07cc6;

  17724.     color: #ffffff; }

  17725.   .mt-element-list .list-default.mt-list-head.purple-wisteria.ext-1 .badge {

  17726.     background-color: #804399; }

  17727.   .mt-element-list .list-default.mt-list-head.purple-wisteria .list-label {

  17728.     color: white; }

  17729.   .mt-element-list .list-default.mt-list-head.purple-wisteria .list-date {

  17730.     color: white; }

  17731. 

  17732. .mt-element-list .list-todo.mt-list-head.purple-wisteria {

  17733.   background-color: #9B59B6;

  17734.   color: #ffffff; }

  17735. 

  17736. .mt-element-list .list-todo .list-count.purple-wisteria {

  17737.   background-color: #9B59B6;

  17738.   color: #ffffff; }

  17739.   .mt-element-list .list-todo .list-count.purple-wisteria:hover {

  17740.     background-color: #8f4bab; }

  17741. 

  17742. .mt-element-list .list-todo .list-todo-line.purple-wisteria {

  17743.   border-color: #9B59B6; }

  17744. 

  17745. .mt-element-list .list-todo .list-todo-item.purple-wisteria:after {

  17746.   border-right-color: #9B59B6 !important; }

  17747. 

  17748. .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle {

  17749.   background: #9B59B6;

  17750.   color: #ffffff !important; }

  17751.   .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle > .badge {

  17752.     color: #9B59B6;

  17753.     background: #ffffff; }

  17754. 

  17755. .mt-element-list .list-default.mt-list-head.purple-seance {

  17756.   background-color: #9A12B3;

  17757.   color: #ffffff; }

  17758.   .mt-element-list .list-default.mt-list-head.purple-seance .badge {

  17759.     background-color: #c217e1;

  17760.     color: #ffffff; }

  17761.   .mt-element-list .list-default.mt-list-head.purple-seance.ext-1 .badge {

  17762.     background-color: #720d85; }

  17763.   .mt-element-list .list-default.mt-list-head.purple-seance .list-label {

  17764.     color: #f2cafa; }

  17765.   .mt-element-list .list-default.mt-list-head.purple-seance .list-date {

  17766.     color: #f2cafa; }

  17767. 

  17768. .mt-element-list .list-todo.mt-list-head.purple-seance {

  17769.   background-color: #9A12B3;

  17770.   color: #ffffff; }

  17771. 

  17772. .mt-element-list .list-todo .list-count.purple-seance {

  17773.   background-color: #9A12B3;

  17774.   color: #ffffff; }

  17775.   .mt-element-list .list-todo .list-count.purple-seance:hover {

  17776.     background-color: #86109c; }

  17777. 

  17778. .mt-element-list .list-todo .list-todo-line.purple-seance {

  17779.   border-color: #9A12B3; }

  17780. 

  17781. .mt-element-list .list-todo .list-todo-item.purple-seance:after {

  17782.   border-right-color: #9A12B3 !important; }

  17783. 

  17784. .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle {

  17785.   background: #9A12B3;

  17786.   color: #ffffff !important; }

  17787.   .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle > .badge {

  17788.     color: #9A12B3;

  17789.     background: #ffffff; }

  17790. 

  17791. .mt-element-list .list-default.mt-list-head.purple-intense {

  17792.   background-color: #8775a7;

  17793.   color: #ffffff; }

  17794.   .mt-element-list .list-default.mt-list-head.purple-intense .badge {

  17795.     background-color: #a294bb;

  17796.     color: #ffffff; }

  17797.   .mt-element-list .list-default.mt-list-head.purple-intense.ext-1 .badge {

  17798.     background-color: #6d5b8e; }

  17799.   .mt-element-list .list-default.mt-list-head.purple-intense .list-label {

  17800.     color: white; }

  17801.   .mt-element-list .list-default.mt-list-head.purple-intense .list-date {

  17802.     color: white; }

  17803. 

  17804. .mt-element-list .list-todo.mt-list-head.purple-intense {

  17805.   background-color: #8775a7;

  17806.   color: #ffffff; }

  17807. 

  17808. .mt-element-list .list-todo .list-count.purple-intense {

  17809.   background-color: #8775a7;

  17810.   color: #ffffff; }

  17811.   .mt-element-list .list-todo .list-count.purple-intense:hover {

  17812.     background-color: #79659d; }

  17813. 

  17814. .mt-element-list .list-todo .list-todo-line.purple-intense {

  17815.   border-color: #8775a7; }

  17816. 

  17817. .mt-element-list .list-todo .list-todo-item.purple-intense:after {

  17818.   border-right-color: #8775a7 !important; }

  17819. 

  17820. .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle {

  17821.   background: #8775a7;

  17822.   color: #ffffff !important; }

  17823.   .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle > .badge {

  17824.     color: #8775a7;

  17825.     background: #ffffff; }

  17826. 

  17827. .mt-element-list .list-default.mt-list-head.purple-sharp {

  17828.   background-color: #796799;

  17829.   color: #ffffff; }

  17830.   .mt-element-list .list-default.mt-list-head.purple-sharp .badge {

  17831.     background-color: #9486ad;

  17832.     color: #ffffff; }

  17833.   .mt-element-list .list-default.mt-list-head.purple-sharp.ext-1 .badge {

  17834.     background-color: #61527b; }

  17835.   .mt-element-list .list-default.mt-list-head.purple-sharp .list-label {

  17836.     color: white; }

  17837.   .mt-element-list .list-default.mt-list-head.purple-sharp .list-date {

  17838.     color: white; }

  17839. 

  17840. .mt-element-list .list-todo.mt-list-head.purple-sharp {

  17841.   background-color: #796799;

  17842.   color: #ffffff; }

  17843. 

  17844. .mt-element-list .list-todo .list-count.purple-sharp {

  17845.   background-color: #796799;

  17846.   color: #ffffff; }

  17847.   .mt-element-list .list-todo .list-count.purple-sharp:hover {

  17848.     background-color: #6d5d8a; }

  17849. 

  17850. .mt-element-list .list-todo .list-todo-line.purple-sharp {

  17851.   border-color: #796799; }

  17852. 

  17853. .mt-element-list .list-todo .list-todo-item.purple-sharp:after {

  17854.   border-right-color: #796799 !important; }

  17855. 

  17856. .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle {

  17857.   background: #796799;

  17858.   color: #ffffff !important; }

  17859.   .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle > .badge {

  17860.     color: #796799;

  17861.     background: #ffffff; }

  17862. 

  17863. .mt-element-list .list-default.mt-list-head.purple-soft {

  17864.   background-color: #8877a9;

  17865.   color: #ffffff; }

  17866.   .mt-element-list .list-default.mt-list-head.purple-soft .badge {

  17867.     background-color: #a396bd;

  17868.     color: #ffffff; }

  17869.   .mt-element-list .list-default.mt-list-head.purple-soft.ext-1 .badge {

  17870.     background-color: #6e5c91; }

  17871.   .mt-element-list .list-default.mt-list-head.purple-soft .list-label {

  17872.     color: white; }

  17873.   .mt-element-list .list-default.mt-list-head.purple-soft .list-date {

  17874.     color: white; }

  17875. 

  17876. .mt-element-list .list-todo.mt-list-head.purple-soft {

  17877.   background-color: #8877a9;

  17878.   color: #ffffff; }

  17879. 

  17880. .mt-element-list .list-todo .list-count.purple-soft {

  17881.   background-color: #8877a9;

  17882.   color: #ffffff; }

  17883.   .mt-element-list .list-todo .list-count.purple-soft:hover {

  17884.     background-color: #7a679f; }

  17885. 

  17886. .mt-element-list .list-todo .list-todo-line.purple-soft {

  17887.   border-color: #8877a9; }

  17888. 

  17889. .mt-element-list .list-todo .list-todo-item.purple-soft:after {

  17890.   border-right-color: #8877a9 !important; }

  17891. 

  17892. .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle {

  17893.   background: #8877a9;

  17894.   color: #ffffff !important; }

  17895.   .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle > .badge {

  17896.     color: #8877a9;

  17897.     background: #ffffff; }

  17898. 

  17899. .mt-element-list .list-todo-item.white:after {

  17900.   border-right-color: #ffffff; }

  17901. 

  17902. .mt-element-list .list-todo-item.white .list-toggle {

  17903.   background: #ffffff; }

  17904. 

  17905. .mt-element-list .list-todo-item.default:after {

  17906.   border-right-color: #e1e5ec; }

  17907. 

  17908. .mt-element-list .list-todo-item.default .list-toggle {

  17909.   background: #e1e5ec; }

  17910. 

  17911. .mt-element-list .list-todo-item.dark:after {

  17912.   border-right-color: #2f353b; }

  17913. 

  17914. .mt-element-list .list-todo-item.dark .list-toggle {

  17915.   background: #2f353b; }

  17916. 

  17917. .mt-element-list .list-todo-item.blue:after {

  17918.   border-right-color: #3598dc; }

  17919. 

  17920. .mt-element-list .list-todo-item.blue .list-toggle {

  17921.   background: #3598dc; }

  17922. 

  17923. .mt-element-list .list-todo-item.blue-madison:after {

  17924.   border-right-color: #578ebe; }

  17925. 

  17926. .mt-element-list .list-todo-item.blue-madison .list-toggle {

  17927.   background: #578ebe; }

  17928. 

  17929. .mt-element-list .list-todo-item.blue-chambray:after {

  17930.   border-right-color: #2C3E50; }

  17931. 

  17932. .mt-element-list .list-todo-item.blue-chambray .list-toggle {

  17933.   background: #2C3E50; }

  17934. 

  17935. .mt-element-list .list-todo-item.blue-ebonyclay:after {

  17936.   border-right-color: #22313F; }

  17937. 

  17938. .mt-element-list .list-todo-item.blue-ebonyclay .list-toggle {

  17939.   background: #22313F; }

  17940. 

  17941. .mt-element-list .list-todo-item.blue-hoki:after {

  17942.   border-right-color: #67809F; }

  17943. 

  17944. .mt-element-list .list-todo-item.blue-hoki .list-toggle {

  17945.   background: #67809F; }

  17946. 

  17947. .mt-element-list .list-todo-item.blue-steel:after {

  17948.   border-right-color: #4B77BE; }

  17949. 

  17950. .mt-element-list .list-todo-item.blue-steel .list-toggle {

  17951.   background: #4B77BE; }

  17952. 

  17953. .mt-element-list .list-todo-item.blue-soft:after {

  17954.   border-right-color: #4c87b9; }

  17955. 

  17956. .mt-element-list .list-todo-item.blue-soft .list-toggle {

  17957.   background: #4c87b9; }

  17958. 

  17959. .mt-element-list .list-todo-item.blue-dark:after {

  17960.   border-right-color: #5e738b; }

  17961. 

  17962. .mt-element-list .list-todo-item.blue-dark .list-toggle {

  17963.   background: #5e738b; }

  17964. 

  17965. .mt-element-list .list-todo-item.blue-sharp:after {

  17966.   border-right-color: #5C9BD1; }

  17967. 

  17968. .mt-element-list .list-todo-item.blue-sharp .list-toggle {

  17969.   background: #5C9BD1; }

  17970. 

  17971. .mt-element-list .list-todo-item.blue-oleo:after {

  17972.   border-right-color: #94A0B2; }

  17973. 

  17974. .mt-element-list .list-todo-item.blue-oleo .list-toggle {

  17975.   background: #94A0B2; }

  17976. 

  17977. .mt-element-list .list-todo-item.green:after {

  17978.   border-right-color: #32c5d2; }

  17979. 

  17980. .mt-element-list .list-todo-item.green .list-toggle {

  17981.   background: #32c5d2; }

  17982. 

  17983. .mt-element-list .list-todo-item.green-meadow:after {

  17984.   border-right-color: #1BBC9B; }

  17985. 

  17986. .mt-element-list .list-todo-item.green-meadow .list-toggle {

  17987.   background: #1BBC9B; }

  17988. 

  17989. .mt-element-list .list-todo-item.green-seagreen:after {

  17990.   border-right-color: #1BA39C; }

  17991. 

  17992. .mt-element-list .list-todo-item.green-seagreen .list-toggle {

  17993.   background: #1BA39C; }

  17994. 

  17995. .mt-element-list .list-todo-item.green-turquoise:after {

  17996.   border-right-color: #36D7B7; }

  17997. 

  17998. .mt-element-list .list-todo-item.green-turquoise .list-toggle {

  17999.   background: #36D7B7; }

  18000. 

  18001. .mt-element-list .list-todo-item.green-haze:after {

  18002.   border-right-color: #44b6ae; }

  18003. 

  18004. .mt-element-list .list-todo-item.green-haze .list-toggle {

  18005.   background: #44b6ae; }

  18006. 

  18007. .mt-element-list .list-todo-item.green-jungle:after {

  18008.   border-right-color: #26C281; }

  18009. 

  18010. .mt-element-list .list-todo-item.green-jungle .list-toggle {

  18011.   background: #26C281; }

  18012. 

  18013. .mt-element-list .list-todo-item.green-soft:after {

  18014.   border-right-color: #3faba4; }

  18015. 

  18016. .mt-element-list .list-todo-item.green-soft .list-toggle {

  18017.   background: #3faba4; }

  18018. 

  18019. .mt-element-list .list-todo-item.green-dark:after {

  18020.   border-right-color: #4DB3A2; }

  18021. 

  18022. .mt-element-list .list-todo-item.green-dark .list-toggle {

  18023.   background: #4DB3A2; }

  18024. 

  18025. .mt-element-list .list-todo-item.green-sharp:after {

  18026.   border-right-color: #2ab4c0; }

  18027. 

  18028. .mt-element-list .list-todo-item.green-sharp .list-toggle {

  18029.   background: #2ab4c0; }

  18030. 

  18031. .mt-element-list .list-todo-item.green-steel:after {

  18032.   border-right-color: #29b4b6; }

  18033. 

  18034. .mt-element-list .list-todo-item.green-steel .list-toggle {

  18035.   background: #29b4b6; }

  18036. 

  18037. .mt-element-list .list-todo-item.grey:after {

  18038.   border-right-color: #E5E5E5; }

  18039. 

  18040. .mt-element-list .list-todo-item.grey .list-toggle {

  18041.   background: #E5E5E5; }

  18042. 

  18043. .mt-element-list .list-todo-item.grey-steel:after {

  18044.   border-right-color: #e9edef; }

  18045. 

  18046. .mt-element-list .list-todo-item.grey-steel .list-toggle {

  18047.   background: #e9edef; }

  18048. 

  18049. .mt-element-list .list-todo-item.grey-cararra:after {

  18050.   border-right-color: #fafafa; }

  18051. 

  18052. .mt-element-list .list-todo-item.grey-cararra .list-toggle {

  18053.   background: #fafafa; }

  18054. 

  18055. .mt-element-list .list-todo-item.grey-gallery:after {

  18056.   border-right-color: #555555; }

  18057. 

  18058. .mt-element-list .list-todo-item.grey-gallery .list-toggle {

  18059.   background: #555555; }

  18060. 

  18061. .mt-element-list .list-todo-item.grey-cascade:after {

  18062.   border-right-color: #95A5A6; }

  18063. 

  18064. .mt-element-list .list-todo-item.grey-cascade .list-toggle {

  18065.   background: #95A5A6; }

  18066. 

  18067. .mt-element-list .list-todo-item.grey-silver:after {

  18068.   border-right-color: #BFBFBF; }

  18069. 

  18070. .mt-element-list .list-todo-item.grey-silver .list-toggle {

  18071.   background: #BFBFBF; }

  18072. 

  18073. .mt-element-list .list-todo-item.grey-salsa:after {

  18074.   border-right-color: #ACB5C3; }

  18075. 

  18076. .mt-element-list .list-todo-item.grey-salsa .list-toggle {

  18077.   background: #ACB5C3; }

  18078. 

  18079. .mt-element-list .list-todo-item.grey-salt:after {

  18080.   border-right-color: #bfcad1; }

  18081. 

  18082. .mt-element-list .list-todo-item.grey-salt .list-toggle {

  18083.   background: #bfcad1; }

  18084. 

  18085. .mt-element-list .list-todo-item.grey-mint:after {

  18086.   border-right-color: #525e64; }

  18087. 

  18088. .mt-element-list .list-todo-item.grey-mint .list-toggle {

  18089.   background: #525e64; }

  18090. 

  18091. .mt-element-list .list-todo-item.red:after {

  18092.   border-right-color: #e7505a; }

  18093. 

  18094. .mt-element-list .list-todo-item.red .list-toggle {

  18095.   background: #e7505a; }

  18096. 

  18097. .mt-element-list .list-todo-item.red-pink:after {

  18098.   border-right-color: #E08283; }

  18099. 

  18100. .mt-element-list .list-todo-item.red-pink .list-toggle {

  18101.   background: #E08283; }

  18102. 

  18103. .mt-element-list .list-todo-item.red-sunglo:after {

  18104.   border-right-color: #E26A6A; }

  18105. 

  18106. .mt-element-list .list-todo-item.red-sunglo .list-toggle {

  18107.   background: #E26A6A; }

  18108. 

  18109. .mt-element-list .list-todo-item.red-intense:after {

  18110.   border-right-color: #e35b5a; }

  18111. 

  18112. .mt-element-list .list-todo-item.red-intense .list-toggle {

  18113.   background: #e35b5a; }

  18114. 

  18115. .mt-element-list .list-todo-item.red-thunderbird:after {

  18116.   border-right-color: #D91E18; }

  18117. 

  18118. .mt-element-list .list-todo-item.red-thunderbird .list-toggle {

  18119.   background: #D91E18; }

  18120. 

  18121. .mt-element-list .list-todo-item.red-flamingo:after {

  18122.   border-right-color: #EF4836; }

  18123. 

  18124. .mt-element-list .list-todo-item.red-flamingo .list-toggle {

  18125.   background: #EF4836; }

  18126. 

  18127. .mt-element-list .list-todo-item.red-soft:after {

  18128.   border-right-color: #d05454; }

  18129. 

  18130. .mt-element-list .list-todo-item.red-soft .list-toggle {

  18131.   background: #d05454; }

  18132. 

  18133. .mt-element-list .list-todo-item.red-haze:after {

  18134.   border-right-color: #f36a5a; }

  18135. 

  18136. .mt-element-list .list-todo-item.red-haze .list-toggle {

  18137.   background: #f36a5a; }

  18138. 

  18139. .mt-element-list .list-todo-item.red-mint:after {

  18140.   border-right-color: #e43a45; }

  18141. 

  18142. .mt-element-list .list-todo-item.red-mint .list-toggle {

  18143.   background: #e43a45; }

  18144. 

  18145. .mt-element-list .list-todo-item.yellow:after {

  18146.   border-right-color: #c49f47; }

  18147. 

  18148. .mt-element-list .list-todo-item.yellow .list-toggle {

  18149.   background: #c49f47; }

  18150. 

  18151. .mt-element-list .list-todo-item.yellow-gold:after {

  18152.   border-right-color: #E87E04; }

  18153. 

  18154. .mt-element-list .list-todo-item.yellow-gold .list-toggle {

  18155.   background: #E87E04; }

  18156. 

  18157. .mt-element-list .list-todo-item.yellow-casablanca:after {

  18158.   border-right-color: #f2784b; }

  18159. 

  18160. .mt-element-list .list-todo-item.yellow-casablanca .list-toggle {

  18161.   background: #f2784b; }

  18162. 

  18163. .mt-element-list .list-todo-item.yellow-crusta:after {

  18164.   border-right-color: #f3c200; }

  18165. 

  18166. .mt-element-list .list-todo-item.yellow-crusta .list-toggle {

  18167.   background: #f3c200; }

  18168. 

  18169. .mt-element-list .list-todo-item.yellow-lemon:after {

  18170.   border-right-color: #F7CA18; }

  18171. 

  18172. .mt-element-list .list-todo-item.yellow-lemon .list-toggle {

  18173.   background: #F7CA18; }

  18174. 

  18175. .mt-element-list .list-todo-item.yellow-saffron:after {

  18176.   border-right-color: #F4D03F; }

  18177. 

  18178. .mt-element-list .list-todo-item.yellow-saffron .list-toggle {

  18179.   background: #F4D03F; }

  18180. 

  18181. .mt-element-list .list-todo-item.yellow-soft:after {

  18182.   border-right-color: #c8d046; }

  18183. 

  18184. .mt-element-list .list-todo-item.yellow-soft .list-toggle {

  18185.   background: #c8d046; }

  18186. 

  18187. .mt-element-list .list-todo-item.yellow-haze:after {

  18188.   border-right-color: #c5bf66; }

  18189. 

  18190. .mt-element-list .list-todo-item.yellow-haze .list-toggle {

  18191.   background: #c5bf66; }

  18192. 

  18193. .mt-element-list .list-todo-item.yellow-mint:after {

  18194.   border-right-color: #c5b96b; }

  18195. 

  18196. .mt-element-list .list-todo-item.yellow-mint .list-toggle {

  18197.   background: #c5b96b; }

  18198. 

  18199. .mt-element-list .list-todo-item.purple:after {

  18200.   border-right-color: #8E44AD; }

  18201. 

  18202. .mt-element-list .list-todo-item.purple .list-toggle {

  18203.   background: #8E44AD; }

  18204. 

  18205. .mt-element-list .list-todo-item.purple-plum:after {

  18206.   border-right-color: #8775a7; }

  18207. 

  18208. .mt-element-list .list-todo-item.purple-plum .list-toggle {

  18209.   background: #8775a7; }

  18210. 

  18211. .mt-element-list .list-todo-item.purple-medium:after {

  18212.   border-right-color: #BF55EC; }

  18213. 

  18214. .mt-element-list .list-todo-item.purple-medium .list-toggle {

  18215.   background: #BF55EC; }

  18216. 

  18217. .mt-element-list .list-todo-item.purple-studio:after {

  18218.   border-right-color: #8E44AD; }

  18219. 

  18220. .mt-element-list .list-todo-item.purple-studio .list-toggle {

  18221.   background: #8E44AD; }

  18222. 

  18223. .mt-element-list .list-todo-item.purple-wisteria:after {

  18224.   border-right-color: #9B59B6; }

  18225. 

  18226. .mt-element-list .list-todo-item.purple-wisteria .list-toggle {

  18227.   background: #9B59B6; }

  18228. 

  18229. .mt-element-list .list-todo-item.purple-seance:after {

  18230.   border-right-color: #9A12B3; }

  18231. 

  18232. .mt-element-list .list-todo-item.purple-seance .list-toggle {

  18233.   background: #9A12B3; }

  18234. 

  18235. .mt-element-list .list-todo-item.purple-intense:after {

  18236.   border-right-color: #8775a7; }

  18237. 

  18238. .mt-element-list .list-todo-item.purple-intense .list-toggle {

  18239.   background: #8775a7; }

  18240. 

  18241. .mt-element-list .list-todo-item.purple-sharp:after {

  18242.   border-right-color: #796799; }

  18243. 

  18244. .mt-element-list .list-todo-item.purple-sharp .list-toggle {

  18245.   background: #796799; }

  18246. 

  18247. .mt-element-list .list-todo-item.purple-soft:after {

  18248.   border-right-color: #8877a9; }

  18249. 

  18250. .mt-element-list .list-todo-item.purple-soft .list-toggle {

  18251.   background: #8877a9; }

  18252. 

  18253. .mt-element-ribbon {

  18254.   position: relative;

  18255.   margin-bottom: 30px; }

  18256.   .mt-element-ribbon .ribbon-content {

  18257.     margin: 0;

  18258.     padding: 25px;

  18259.     clear: both; }

  18260.     .mt-element-ribbon .ribbon-content.no-padding {

  18261.       padding-top: 0; }

  18262.   .mt-element-ribbon .ribbon {

  18263.     padding: 0.5em 1em;

  18264.     z-index: 5;

  18265.     float: left;

  18266.     margin: 10px 0 0 -2px;

  18267.     clear: left;

  18268.     position: relative;

  18269.     background-color: #bac3d0;

  18270.     color: #384353; }

  18271.     .mt-element-ribbon .ribbon.ribbon-right {

  18272.       float: right;

  18273.       clear: right;

  18274.       margin: 10px -2px 0 0; }

  18275.     .mt-element-ribbon .ribbon.ribbon-vertical-left {

  18276.       clear: none;

  18277.       margin: -2px 0 0 10px;

  18278.       padding-top: 1em;

  18279.       padding-bottom: 1em;

  18280.       width: 41px;

  18281.       text-align: center; }

  18282.     .mt-element-ribbon .ribbon.ribbon-vertical-right {

  18283.       clear: none;

  18284.       float: right;

  18285.       margin: -2px 10px 0 0;

  18286.       padding-top: 1em;

  18287.       padding-bottom: 1em;

  18288.       width: 41px;

  18289.       text-align: center; }

  18290.     .mt-element-ribbon .ribbon.ribbon-shadow {

  18291.       box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); }

  18292.       .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right, .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {

  18293.         box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.4); }

  18294.     .mt-element-ribbon .ribbon.ribbon-round {

  18295.       border-top-right-radius: 5px !important;

  18296.       border-bottom-right-radius: 5px !important; }

  18297.       .mt-element-ribbon .ribbon.ribbon-round.ribbon-right {

  18298.         border-top-right-radius: 0px !important;

  18299.         border-bottom-right-radius: 0px !important;

  18300.         border-top-left-radius: 5px !important;

  18301.         border-bottom-left-radius: 5px !important; }

  18302.       .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right, .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left {

  18303.         border-top-right-radius: 0px !important;

  18304.         border-bottom-right-radius: 5px !important;

  18305.         border-top-left-radius: 0px !important;

  18306.         border-bottom-left-radius: 5px !important; }

  18307.     .mt-element-ribbon .ribbon.ribbon-border:after {

  18308.       border: 1px solid;

  18309.       content: '';

  18310.       position: absolute;

  18311.       top: 5px;

  18312.       bottom: 5px;

  18313.       left: 5px;

  18314.       right: 5px; }

  18315.     .mt-element-ribbon .ribbon.ribbon-border-vert:after {

  18316.       border-top: none;

  18317.       border-bottom: none;

  18318.       border-left: 1px solid;

  18319.       border-right: 1px solid;

  18320.       content: '';

  18321.       position: absolute;

  18322.       top: 0;

  18323.       bottom: 0;

  18324.       left: 5px;

  18325.       right: 5px; }

  18326.     .mt-element-ribbon .ribbon.ribbon-border-hor:after {

  18327.       border-top: 1px solid;

  18328.       border-bottom: 1px solid;

  18329.       border-left: none;

  18330.       border-right: none;

  18331.       content: '';

  18332.       position: absolute;

  18333.       top: 5px;

  18334.       bottom: 5px;

  18335.       left: 0;

  18336.       right: 0; }

  18337.     .mt-element-ribbon .ribbon.ribbon-border-dash:after {

  18338.       border: 1px solid;

  18339.       border-style: dashed;

  18340.       content: '';

  18341.       position: absolute;

  18342.       top: 5px;

  18343.       bottom: 5px;

  18344.       left: 5px;

  18345.       right: 5px; }

  18346.     .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {

  18347.       border-top: none;

  18348.       border-bottom: none;

  18349.       border-left: 1px solid;

  18350.       border-right: 1px solid;

  18351.       border-left-style: dashed;

  18352.       border-right-style: dashed;

  18353.       content: '';

  18354.       position: absolute;

  18355.       top: 0;

  18356.       bottom: 0;

  18357.       left: 5px;

  18358.       right: 5px; }

  18359.     .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {

  18360.       border-top: 1px solid;

  18361.       border-bottom: 1px solid;

  18362.       border-left: none;

  18363.       border-right: none;

  18364.       border-top-style: dashed;

  18365.       border-bottom-style: dashed;

  18366.       content: '';

  18367.       position: absolute;

  18368.       top: 5px;

  18369.       bottom: 5px;

  18370.       left: 0;

  18371.       right: 0; }

  18372.     .mt-element-ribbon .ribbon.ribbon-clip {

  18373.       left: -10px;

  18374.       margin-left: 0; }

  18375.       .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {

  18376.         left: auto;

  18377.         right: -10px;

  18378.         margin-right: 0; }

  18379.     .mt-element-ribbon .ribbon > .ribbon-sub {

  18380.       z-index: -1;

  18381.       position: absolute;

  18382.       padding: 0;

  18383.       width: 100%;

  18384.       height: 100%;

  18385.       top: 0;

  18386.       left: 0; }

  18387.       .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after {

  18388.         content: '';

  18389.         position: absolute;

  18390.         border-style: solid;

  18391.         border-color: transparent !important;

  18392.         bottom: -10px; }

  18393.       .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {

  18394.         border-width: 0 10px 10px 0;

  18395.         border-right-color: #222 !important;

  18396.         left: 0; }

  18397.       .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {

  18398.         content: '';

  18399.         position: absolute;

  18400.         border-style: solid;

  18401.         border-color: transparent;

  18402.         bottom: -10px; }

  18403.       .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {

  18404.         border-right-color: transparent !important; }

  18405.       .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {

  18406.         border-width: 0 0 10px 10px;

  18407.         border-left-color: #222 !important;

  18408.         right: 0; }

  18409.       .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {

  18410.         border-left: 21px solid;

  18411.         border-right: 20px solid;

  18412.         border-bottom: 1em solid transparent !important;

  18413.         bottom: -1em;

  18414.         content: '';

  18415.         height: 0;

  18416.         left: 0;

  18417.         position: absolute;

  18418.         width: 0; }

  18419.     .mt-element-ribbon .ribbon:after {

  18420.       border-color: #62748f; }

  18421.     .mt-element-ribbon .ribbon > .ribbon-sub {

  18422.       background-color: #bac3d0;

  18423.       color: #384353; }

  18424.       .mt-element-ribbon .ribbon > .ribbon-sub:after {

  18425.         border-color: #62748f;

  18426.         border-left-color: #bac3d0;

  18427.         border-right-color: #bac3d0; }

  18428.     .mt-element-ribbon .ribbon.ribbon-color-default {

  18429.       background-color: #bac3d0;

  18430.       color: #384353; }

  18431.       .mt-element-ribbon .ribbon.ribbon-color-default:after {

  18432.         border-color: #9ca8bb; }

  18433.       .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub {

  18434.         background-color: #bac3d0;

  18435.         color: #384353; }

  18436.         .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after {

  18437.           border-color: #62748f;

  18438.           border-left-color: #bac3d0;

  18439.           border-right-color: #bac3d0; }

  18440.     .mt-element-ribbon .ribbon.ribbon-color-primary {

  18441.       background-color: #337ab7;

  18442.       color: #fff; }

  18443.       .mt-element-ribbon .ribbon.ribbon-color-primary:after {

  18444.         border-color: #286090; }

  18445.       .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub {

  18446.         background-color: #337ab7;

  18447.         color: black; }

  18448.         .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {

  18449.           border-color: #122b40;

  18450.           border-left-color: #337ab7;

  18451.           border-right-color: #337ab7; }

  18452.     .mt-element-ribbon .ribbon.ribbon-color-info {

  18453.       background-color: #659be0;

  18454.       color: #fff; }

  18455.       .mt-element-ribbon .ribbon.ribbon-color-info:after {

  18456.         border-color: #3a80d7; }

  18457.       .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub {

  18458.         background-color: #659be0;

  18459.         color: #0c203a; }

  18460.         .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after {

  18461.           border-color: #1d4f8e;

  18462.           border-left-color: #659be0;

  18463.           border-right-color: #659be0; }

  18464.     .mt-element-ribbon .ribbon.ribbon-color-success {

  18465.       background-color: #36c6d3;

  18466.       color: #fff; }

  18467.       .mt-element-ribbon .ribbon.ribbon-color-success:after {

  18468.         border-color: #27a4b0; }

  18469.       .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub {

  18470.         background-color: #36c6d3;

  18471.         color: #020808; }

  18472.         .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after {

  18473.           border-color: #14565c;

  18474.           border-left-color: #36c6d3;

  18475.           border-right-color: #36c6d3; }

  18476.     .mt-element-ribbon .ribbon.ribbon-color-danger {

  18477.       background-color: #ed6b75;

  18478.       color: #fff; }

  18479.       .mt-element-ribbon .ribbon.ribbon-color-danger:after {

  18480.         border-color: #e73d4a; }

  18481.       .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub {

  18482.         background-color: #ed6b75;

  18483.         color: #4f0a0f; }

  18484.         .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {

  18485.           border-color: #a91520;

  18486.           border-left-color: #ed6b75;

  18487.           border-right-color: #ed6b75; }

  18488.     .mt-element-ribbon .ribbon.ribbon-color-warning {

  18489.       background-color: #F1C40F;

  18490.       color: #010100; }

  18491.       .mt-element-ribbon .ribbon.ribbon-color-warning:after {

  18492.         border-color: #c29d0b; }

  18493.       .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub {

  18494.         background-color: #F1C40F;

  18495.         color: #010100; }

  18496.         .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {

  18497.           border-color: #614f06;

  18498.           border-left-color: #F1C40F;

  18499.           border-right-color: #F1C40F; }

  18500. 

  18501. .mt-element-card .mt-card-item {

  18502.   border: 1px solid;

  18503.   border-color: #e7ecf1;

  18504.   position: relative;

  18505.   margin-bottom: 30px; }

  18506.   .mt-element-card .mt-card-item .mt-card-avatar {

  18507.     margin-bottom: 15px; }

  18508.   .mt-element-card .mt-card-item .mt-card-content {

  18509.     text-align: center; }

  18510.     .mt-element-card .mt-card-item .mt-card-content .mt-card-name {

  18511.       font-size: 16px;

  18512.       font-weight: 600;

  18513.       margin-bottom: 10px; }

  18514.     .mt-element-card .mt-card-item .mt-card-content .mt-card-desc {

  18515.       font-size: 14px;

  18516.       margin: 0 0 10px 0; }

  18517.     .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul {

  18518.       padding: 0;

  18519.       margin-bottom: 10px; }

  18520.       .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {

  18521.         list-style: none;

  18522.         display: inline-block;

  18523.         margin: 0 3px; }

  18524.         .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a {

  18525.           color: #000;

  18526.           font-size: 18px; }

  18527.           .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn {

  18528.             color: #fff; }

  18529.             .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn:hover {

  18530.               color: #36c6d3; }

  18531.           .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a:hover {

  18532.             color: #F1C40F; }

  18533. 

  18534. .mt-element-card.mt-card-round .mt-card-item {

  18535.   padding: 40px 40px 10px 40px; }

  18536.   .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {

  18537.     border-radius: 50% !important;

  18538.     -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

  18539.     .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar .mt-overlay {

  18540.       -webkit-border-radius: 50%;

  18541.       -moz-border-radius: 50%;

  18542.       -ms-border-radius: 50%;

  18543.       -o-border-radius: 50%;

  18544.       border-radius: 50%; }

  18545. 

  18546. .mt-element-overlay .mt-overlay-1 {

  18547.   width: 100%;

  18548.   height: 100%;

  18549.   float: left;

  18550.   overflow: hidden;

  18551.   position: relative;

  18552.   text-align: center;

  18553.   cursor: default; }

  18554.   .mt-element-overlay .mt-overlay-1 img {

  18555.     display: block;

  18556.     position: relative;

  18557.     -webkit-transition: all .4s linear;

  18558.     transition: all .4s linear;

  18559.     width: 100%;

  18560.     height: auto; }

  18561.   .mt-element-overlay .mt-overlay-1 h2 {

  18562.     text-transform: uppercase;

  18563.     color: #fff;

  18564.     text-align: center;

  18565.     position: relative;

  18566.     font-size: 17px;

  18567.     background: rgba(0, 0, 0, 0.6);

  18568.     -webkit-transform: translatey(-100px) translateZ(0);

  18569.     -ms-transform: translatey(-100px) translateZ(0);

  18570.     transform: translatey(-100px) translateZ(0);

  18571.     -webkit-transition: all .2s ease-in-out;

  18572.     transition: all .2s ease-in-out;

  18573.     padding: 10px; }

  18574.   .mt-element-overlay .mt-overlay-1 .mt-info {

  18575.     text-decoration: none;

  18576.     display: inline-block;

  18577.     text-transform: uppercase;

  18578.     color: #fff;

  18579.     background-color: transparent;

  18580.     opacity: 0;

  18581.     filter: alpha(opacity=0);

  18582.     -webkit-transition: all .2s ease-in-out;

  18583.     transition: all .2s ease-in-out;

  18584.     padding: 0;

  18585.     margin: auto;

  18586.     position: absolute;

  18587.     top: 50%;

  18588.     left: 0;

  18589.     right: 0;

  18590.     transform: translateY(-50%) translateZ(0);

  18591.     -webkit-transform: translateY(-50%) translateZ(0);

  18592.     -ms-transform: translateY(-50%) translateZ(0); }

  18593.     .mt-element-overlay .mt-overlay-1 .mt-info > li {

  18594.       list-style: none;

  18595.       display: inline-block;

  18596.       margin: 0 3px; }

  18597.       .mt-element-overlay .mt-overlay-1 .mt-info > li:hover {

  18598.         -webkit-transition: all .2s ease-in-out;

  18599.         transition: all .2s ease-in-out;

  18600.         cursor: pointer; }

  18601.   .mt-element-overlay .mt-overlay-1:hover .mt-overlay {

  18602.     opacity: 1;

  18603.     filter: alpha(opacity=100);

  18604.     -webkit-transform: translateZ(0);

  18605.     -ms-transform: translateZ(0);

  18606.     transform: translateZ(0); }

  18607.   .mt-element-overlay .mt-overlay-1:hover img {

  18608.     -ms-transform: scale(1.2) translateZ(0);

  18609.     -webkit-transform: scale(1.2) translateZ(0);

  18610.     transform: scale(1.2) translateZ(0); }

  18611.   .mt-element-overlay .mt-overlay-1:hover .mt-info {

  18612.     opacity: 1;

  18613.     filter: alpha(opacity=100);

  18614.     -webkit-transition-delay: .2s;

  18615.     transition-delay: .2s; }

  18616.   .mt-element-overlay .mt-overlay-1 .mt-overlay {

  18617.     width: 100%;

  18618.     height: 100%;

  18619.     position: absolute;

  18620.     overflow: hidden;

  18621.     top: 0;

  18622.     left: 0;

  18623.     opacity: 0;

  18624.     background-color: rgba(0, 0, 0, 0.7);

  18625.     -webkit-transition: all .4s ease-in-out;

  18626.     transition: all .4s ease-in-out; }

  18627.   .mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay {

  18628.     bottom: 0; }

  18629.   .mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {

  18630.     bottom: -100%;

  18631.     top: auto; }

  18632.   .mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay {

  18633.     top: 0; }

  18634.   .mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay {

  18635.     top: -100%; }

  18636.   .mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay {

  18637.     right: 0; }

  18638.   .mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay {

  18639.     right: -100%;

  18640.     left: auto; }

  18641.   .mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay {

  18642.     left: 0; }

  18643.   .mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay {

  18644.     left: -100%; }

  18645. 

  18646. .mt-element-overlay .mt-overlay-2 {

  18647.   width: 100%;

  18648.   height: 100%;

  18649.   float: left;

  18650.   overflow: hidden;

  18651.   position: relative;

  18652.   text-align: center;

  18653.   cursor: default; }

  18654.   .mt-element-overlay .mt-overlay-2 img {

  18655.     display: block;

  18656.     position: relative;

  18657.     -webkit-transition: all 0.4s ease-in;

  18658.     transition: all 0.4s ease-in;

  18659.     width: 100%;

  18660.     height: auto; }

  18661.   .mt-element-overlay .mt-overlay-2 h2 {

  18662.     text-transform: uppercase;

  18663.     text-align: center;

  18664.     position: relative;

  18665.     font-size: 17px;

  18666.     padding: 10px;

  18667.     background: rgba(0, 0, 0, 0.6); }

  18668.   .mt-element-overlay .mt-overlay-2 .mt-info,

  18669.   .mt-element-overlay .mt-overlay-2 h2 {

  18670.     -webkit-transform: scale(0.7);

  18671.     -ms-transform: scale(0.7);

  18672.     transform: scale(0.7);

  18673.     -webkit-transition: all 0.4s ease-in;

  18674.     transition: all 0.4s ease-in;

  18675.     opacity: 0;

  18676.     filter: alpha(opacity=0);

  18677.     color: #fff;

  18678.     text-transform: uppercase; }

  18679.   .mt-element-overlay .mt-overlay-2 .mt-info {

  18680.     display: inline-block;

  18681.     text-decoration: none;

  18682.     margin: auto;

  18683.     position: absolute;

  18684.     top: 50%;

  18685.     -webkit-transform: scale(0.7) translateY(-50%) translateX(-50%);

  18686.     -ms-transform: scale(0.7) translateY(-50%) translateX(-50%);

  18687.     transform: scale(0.7) translateY(-50%) translateX(-50%); }

  18688.     .mt-element-overlay .mt-overlay-2 .mt-info:hover {

  18689.       box-shadow: 0 0 5px #fff; }

  18690.   .mt-element-overlay .mt-overlay-2:hover img {

  18691.     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');

  18692.     filter: blur(3px);

  18693.     -webkit-filter: blur(3px);

  18694.     -webkit-transform: scale(1.2);

  18695.     -ms-transform: scale(1.2);

  18696.     transform: scale(1.2); }

  18697.   .mt-element-overlay .mt-overlay-2:hover .mt-overlay {

  18698.     opacity: 1;

  18699.     filter: alpha(opacity=100);

  18700.     -webkit-transition-delay: 0s;

  18701.     transition-delay: 0s;

  18702.     -webkit-transform: translate(0px, 0px);

  18703.     -ms-transform: translate(0px, 0px);

  18704.     transform: translate(0px, 0px); }

  18705.   .mt-element-overlay .mt-overlay-2:hover h2 {

  18706.     -webkit-transition-delay: 0.5s;

  18707.     transition-delay: 0.5s; }

  18708.   .mt-element-overlay .mt-overlay-2:hover .mt-info,

  18709.   .mt-element-overlay .mt-overlay-2:hover h2 {

  18710.     opacity: 1;

  18711.     filter: alpha(opacity=100);

  18712.     -webkit-transform: scale(1) translateY(-50%);

  18713.     -ms-transform: scale(1) translateY(-50%);

  18714.     transform: scale(1) translateY(-50%); }

  18715.   .mt-element-overlay .mt-overlay-2:hover .mt-info {

  18716.     -webkit-transform: scale(1) translateY(-50%) translateX(-50%);

  18717.     -ms-transform: scale(1) translateY(-50%) translateX(-50%);

  18718.     transform: scale(1) translateY(-50%) translateX(-50%); }

  18719.   .mt-element-overlay .mt-overlay-2 .mt-overlay {

  18720.     width: 100%;

  18721.     height: 100%;

  18722.     position: absolute;

  18723.     overflow: hidden;

  18724.     top: 0;

  18725.     left: 0; }

  18726.   .mt-element-overlay .mt-overlay-2.mt-overlay-2-grey:hover img {

  18727.     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');

  18728.     filter: grayscale(1) blur(3px);

  18729.     -webkit-filter: grayscale(1) blur(3px); }

  18730.   .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info {

  18731.     border: none;

  18732.     width: 100%;

  18733.     padding: 0;

  18734.     -webkit-transform: scale(0.7) translateY(-50%) translateX(-50%);

  18735.     -ms-transform: scale(0.7) translateY(-50%) translateX(-50%);

  18736.     transform: scale(0.7) translateY(-50%) translateX(-50%); }

  18737.     .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info:hover {

  18738.       box-shadow: none; }

  18739.     .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li {

  18740.       list-style: none;

  18741.       display: inline-block;

  18742.       margin: 0 3px; }

  18743.       .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li:hover {

  18744.         -webkit-transition: all .2s ease-in-out;

  18745.         transition: all .2s ease-in-out;

  18746.         cursor: pointer; }

  18747.   .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons:hover .mt-info {

  18748.     -webkit-transform: scale(1) translateY(-50%) translateX(-50%);

  18749.     -ms-transform: scale(1) translateY(-50%) translateX(-50%);

  18750.     transform: scale(1) translateY(-50%) translateX(-50%); }

  18751. 

  18752. .mt-element-overlay .mt-overlay-3 {

  18753.   width: 100%;

  18754.   height: 100%;

  18755.   float: left;

  18756.   overflow: hidden;

  18757.   position: relative;

  18758.   text-align: center;

  18759.   cursor: default; }

  18760.   .mt-element-overlay .mt-overlay-3 img {

  18761.     display: block;

  18762.     position: relative;

  18763.     width: 100%;

  18764.     height: auto; }

  18765.   .mt-element-overlay .mt-overlay-3 h2 {

  18766.     text-transform: uppercase;

  18767.     color: #fff;

  18768.     text-align: center;

  18769.     position: relative;

  18770.     font-size: 17px;

  18771.     padding: 10px;

  18772.     background: rgba(0, 0, 0, 0.6);

  18773.     -webkit-transform: translateY(100px);

  18774.     -ms-transform: translateY(100px);

  18775.     transform: translateY(100px);

  18776.     -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18777.     transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81); }

  18778.   .mt-element-overlay .mt-overlay-3 .mt-info {

  18779.     display: inline-block;

  18780.     text-decoration: none;

  18781.     text-transform: uppercase;

  18782.     color: #fff;

  18783.     border: 1px solid #fff;

  18784.     background-color: transparent;

  18785.     opacity: 0;

  18786.     filter: alpha(opacity=0);

  18787.     -webkit-transform: scale(0);

  18788.     -ms-transform: scale(0);

  18789.     transform: scale(0);

  18790.     -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18791.     transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18792.     font-weight: normal;

  18793.     position: absolute;

  18794.     top: 15px;

  18795.     bottom: 15px;

  18796.     left: 15px;

  18797.     right: 15px;

  18798.     margin: auto;

  18799.     padding: 45% 0 0 0; }

  18800.     .mt-element-overlay .mt-overlay-3 .mt-info:hover {

  18801.       box-shadow: 0 0 5px #fff; }

  18802.   .mt-element-overlay .mt-overlay-3:hover .mt-overlay {

  18803.     background-color: rgba(48, 152, 157, 0.7); }

  18804.   .mt-element-overlay .mt-overlay-3:hover h2 {

  18805.     -webkit-transform: translateY(5px);

  18806.     -ms-transform: translateY(5px);

  18807.     transform: translateY(5px); }

  18808.   .mt-element-overlay .mt-overlay-3:hover .mt-info {

  18809.     opacity: 1;

  18810.     filter: alpha(opacity=100);

  18811.     -webkit-transform: scale(1);

  18812.     -ms-transform: scale(1);

  18813.     transform: scale(1); }

  18814.   .mt-element-overlay .mt-overlay-3 .mt-overlay {

  18815.     width: 100%;

  18816.     height: 100%;

  18817.     position: absolute;

  18818.     overflow: hidden;

  18819.     top: 0;

  18820.     left: 0;

  18821.     background-color: rgba(75, 75, 75, 0.7);

  18822.     -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18823.     transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81); }

  18824.   .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info {

  18825.     padding: 40% 0 0 0; }

  18826.     .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li {

  18827.       list-style: none;

  18828.       display: inline-block;

  18829.       margin: 0 3px; }

  18830.       .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li:hover {

  18831.         -webkit-transition: all .2s ease-in-out;

  18832.         transition: all .2s ease-in-out;

  18833.         cursor: pointer; }

  18834. 

  18835. .mt-element-overlay .mt-overlay-4 {

  18836.   width: 100%;

  18837.   height: 100%;

  18838.   float: left;

  18839.   overflow: hidden;

  18840.   position: relative;

  18841.   text-align: center;

  18842.   cursor: default; }

  18843.   .mt-element-overlay .mt-overlay-4 img {

  18844.     display: block;

  18845.     position: relative;

  18846.     -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18847.     transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18848.     width: 100%;

  18849.     height: auto; }

  18850.   .mt-element-overlay .mt-overlay-4 h2 {

  18851.     text-transform: uppercase;

  18852.     color: #fff;

  18853.     text-align: center;

  18854.     position: relative;

  18855.     font-size: 17px;

  18856.     background: rgba(0, 0, 0, 0.6);

  18857.     -webkit-transform: translatey(-100px);

  18858.     -ms-transform: translatey(-100px);

  18859.     transform: translatey(-100px);

  18860.     -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18861.     transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18862.     padding: 10px; }

  18863.   .mt-element-overlay .mt-overlay-4 .mt-info {

  18864.     display: inline-block;

  18865.     text-transform: uppercase;

  18866.     opacity: 0;

  18867.     filter: alpha(opacity=0);

  18868.     -webkit-transition: all 0.4s ease;

  18869.     transition: all 0.4s ease;

  18870.     margin: 50px 0 0; }

  18871.   .mt-element-overlay .mt-overlay-4:hover .mt-overlay {

  18872.     opacity: 1;

  18873.     filter: alpha(opacity=100); }

  18874.   .mt-element-overlay .mt-overlay-4:hover h2,

  18875.   .mt-element-overlay .mt-overlay-4:hover .mt-info {

  18876.     opacity: 1;

  18877.     filter: alpha(opacity=100);

  18878.     -ms-transform: translatey(0);

  18879.     -webkit-transform: translatey(0);

  18880.     transform: translatey(0); }

  18881.   .mt-element-overlay .mt-overlay-4:hover .mt-info {

  18882.     -webkit-transition-delay: .2s;

  18883.     transition-delay: .2s; }

  18884.   .mt-element-overlay .mt-overlay-4 .mt-overlay {

  18885.     width: 100%;

  18886.     height: 100%;

  18887.     position: absolute;

  18888.     overflow: hidden;

  18889.     top: 0;

  18890.     left: 0;

  18891.     opacity: 0;

  18892.     filter: alpha(opacity=0);

  18893.     background-color: rgba(0, 0, 0, 0.7);

  18894.     -webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

  18895.     transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81); }

  18896.   .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info {

  18897.     border: none;

  18898.     position: absolute;

  18899.     padding: 0;

  18900.     top: 50%;

  18901.     left: 0;

  18902.     right: 0;

  18903.     -webkit-transform: translateY(-50%);

  18904.     -ms-transform: translateY(-50%);

  18905.     transform: translateY(-50%);

  18906.     margin: auto; }

  18907.     .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info:hover {

  18908.       box-shadow: none; }

  18909.     .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li {

  18910.       list-style: none;

  18911.       display: inline-block;

  18912.       margin: 0 3px; }

  18913.       .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li:hover {

  18914.         -webkit-transition: all .2s ease-in-out;

  18915.         transition: all .2s ease-in-out;

  18916.         cursor: pointer; }

  18917. 

  18918. .mt-element-overlay .mt-overlay-5 {

  18919.   width: 100%;

  18920.   height: 100%;

  18921.   float: left;

  18922.   overflow: hidden;

  18923.   position: relative;

  18924.   text-align: center;

  18925.   cursor: default;

  18926.   background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);

  18927.   background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); }

  18928.   .mt-element-overlay .mt-overlay-5 .mt-overlay {

  18929.     width: 100%;

  18930.     height: 100%;

  18931.     position: absolute;

  18932.     overflow: hidden;

  18933.     top: 0;

  18934.     left: 0;

  18935.     padding: 3em;

  18936.     text-align: left; }

  18937.     .mt-element-overlay .mt-overlay-5 .mt-overlay:before {

  18938.       position: absolute;

  18939.       top: 20px;

  18940.       right: 20px;

  18941.       bottom: 20px;

  18942.       left: 20px;

  18943.       border: 1px solid #fff;

  18944.       content: '';

  18945.       opacity: 0;

  18946.       filter: alpha(opacity=0);

  18947.       -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;

  18948.       transition: opacity 0.35s, transform 0.45s;

  18949.       -webkit-transform: translate3d(-20px, 0, 0);

  18950.       transform: translate3d(-20px, 0, 0); }

  18951.   .mt-element-overlay .mt-overlay-5 img {

  18952.     display: block;

  18953.     position: relative;

  18954.     max-width: none;

  18955.     width: calc(113% + 60px);

  18956.     -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;

  18957.     transition: opacity 0.35s, transform 0.45s;

  18958.     -webkit-transform: translate3d(-40px, 0, 0);

  18959.     transform: translate3d(-40px, 0, 0); }

  18960.   .mt-element-overlay .mt-overlay-5 h2 {

  18961.     text-transform: uppercase;

  18962.     color: #fff;

  18963.     position: relative;

  18964.     font-size: 17px;

  18965.     background-color: transparent;

  18966.     padding: 15% 0 10px 0;

  18967.     text-align: left; }

  18968.   .mt-element-overlay .mt-overlay-5 a,

  18969.   .mt-element-overlay .mt-overlay-5 p {

  18970.     color: #FFF;

  18971.     opacity: 0;

  18972.     filter: alpha(opacity=0);

  18973.     -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;

  18974.     transition: opacity 0.35s, transform 0.45s;

  18975.     -webkit-transform: translate3d(-10px, 0, 0);

  18976.     transform: translate3d(-10px, 0, 0); }

  18977.   .mt-element-overlay .mt-overlay-5 a:hover {

  18978.     text-decoration: none;

  18979.     opacity: 0.6;

  18980.     filter: alpha(opacity=60); }

  18981.   .mt-element-overlay .mt-overlay-5:hover img {

  18982.     opacity: 0.6;

  18983.     filter: alpha(opacity=60);

  18984.     -webkit-transform: translate3d(0, 0, 0);

  18985.     transform: translate3d(0, 0, 0); }

  18986.   .mt-element-overlay .mt-overlay-5:hover .mt-overlay:before,

  18987.   .mt-element-overlay .mt-overlay-5:hover a,

  18988.   .mt-element-overlay .mt-overlay-5:hover p {

  18989.     opacity: 1;

  18990.     filter: alpha(opacity=100);

  18991.     -webkit-transform: translate3d(0, 0, 0);

  18992.     transform: translate3d(0, 0, 0); }

  18993. 

  18994. .mt-element-overlay .mt-overlay-6 {

  18995.   width: 100%;

  18996.   height: 100%;

  18997.   float: left;

  18998.   overflow: hidden;

  18999.   position: relative;

  19000.   text-align: center;

  19001.   cursor: default;

  19002.   background: #42b078; }

  19003.   .mt-element-overlay .mt-overlay-6 .mt-overlay {

  19004.     width: 100%;

  19005.     height: 100%;

  19006.     position: absolute;

  19007.     overflow: hidden;

  19008.     top: 0;

  19009.     left: 0;

  19010.     padding: 50px 20px; }

  19011.   .mt-element-overlay .mt-overlay-6 img {

  19012.     display: block;

  19013.     position: relative;

  19014.     max-width: none;

  19015.     width: calc(100% + 20px);

  19016.     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  19017.     transition: opacity 0.35s, transform 0.35s;

  19018.     -webkit-transform: translate3d(-10px, 0, 0);

  19019.     transform: translate3d(-10px, 0, 0);

  19020.     -webkit-backface-visibility: hidden;

  19021.     backface-visibility: hidden; }

  19022.   .mt-element-overlay .mt-overlay-6 h2 {

  19023.     text-transform: uppercase;

  19024.     color: #fff;

  19025.     text-align: center;

  19026.     position: relative;

  19027.     font-size: 17px;

  19028.     overflow: hidden;

  19029.     padding: 0.5em 0;

  19030.     background-color: transparent; }

  19031.     .mt-element-overlay .mt-overlay-6 h2:after {

  19032.       position: absolute;

  19033.       bottom: 0;

  19034.       left: 0;

  19035.       width: 100%;

  19036.       height: 2px;

  19037.       background: #fff;

  19038.       content: '';

  19039.       -webkit-transition: -webkit-transform 0.35s;

  19040.       transition: transform 0.35s;

  19041.       -webkit-transform: translate3d(-100%, 0, 0);

  19042.       transform: translate3d(-100%, 0, 0); }

  19043.   .mt-element-overlay .mt-overlay-6 a,

  19044.   .mt-element-overlay .mt-overlay-6 p {

  19045.     color: #FFF;

  19046.     opacity: 0;

  19047.     filter: alpha(opacity=0);

  19048.     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  19049.     transition: opacity 0.35s, transform 0.35s;

  19050.     -webkit-transform: translate3d(100%, 0, 0);

  19051.     transform: translate3d(100%, 0, 0); }

  19052.   .mt-element-overlay .mt-overlay-6 p {

  19053.     margin-top: 20px; }

  19054.   .mt-element-overlay .mt-overlay-6 .mt-info:hover {

  19055.     text-decoration: none;

  19056.     opacity: 0.6;

  19057.     filter: alpha(opacity=60);

  19058.     -webkit-transition: all .2s ease-in-out;

  19059.     transition: all .2s ease-in-out;

  19060.     cursor: pointer; }

  19061.   .mt-element-overlay .mt-overlay-6:hover img {

  19062.     opacity: 0.4;

  19063.     filter: alpha(opacity=40);

  19064.     -webkit-transform: translate3d(0, 0, 0);

  19065.     transform: translate3d(0, 0, 0); }

  19066.   .mt-element-overlay .mt-overlay-6:hover h2:after {

  19067.     -webkit-transform: translate3d(0, 0, 0);

  19068.     transform: translate3d(0, 0, 0); }

  19069.   .mt-element-overlay .mt-overlay-6:hover a,

  19070.   .mt-element-overlay .mt-overlay-6:hover p {

  19071.     opacity: 1;

  19072.     filter: alpha(opacity=100);

  19073.     -webkit-transform: translate3d(0, 0, 0);

  19074.     transform: translate3d(0, 0, 0); }

  19075. 

  19076. /***

  19077. Custom color buttons 

  19078. ***/

  19079. .bg-white {

  19080.   background: #ffffff !important; }

  19081. 

  19082. .bg-white-opacity {

  19083.   background: rgba(255, 255, 255, 0.8) !important; }

  19084. 

  19085. .bg-hover-white:hover {

  19086.   background: #ffffff !important; }

  19087. 

  19088. .font-white {

  19089.   color: #ffffff !important; }

  19090. 

  19091. .bg-font-white {

  19092.   color: #666 !important; }

  19093. 

  19094. .border-white {

  19095.   border-color: #ffffff !important; }

  19096. 

  19097. .border-top-white {

  19098.   border-top-color: #ffffff !important; }

  19099. 

  19100. .border-bottom-white {

  19101.   border-bottom-color: #ffffff !important; }

  19102. 

  19103. .border-left-white {

  19104.   border-left-color: #ffffff !important; }

  19105. 

  19106. .border-right-white {

  19107.   border-right-color: #ffffff !important; }

  19108. 

  19109. .bg-before-white:before,

  19110. .bg-after-white:after {

  19111.   background: #ffffff !important; }

  19112. 

  19113. .border-before-white:before,

  19114. .border-after-white:after {

  19115.   border-color: #ffffff !important; }

  19116. 

  19117. .border-top-before-white:before,

  19118. .border-top-after-white:after {

  19119.   border-top-color: #ffffff !important; }

  19120. 

  19121. .border-bottom-before-white:before,

  19122. .border-bottom-after-white:after {

  19123.   border-bottom-color: #ffffff !important; }

  19124. 

  19125. .border-left-before-white:before,

  19126. .border-left-after-white:after {

  19127.   border-left-color: #ffffff !important; }

  19128. 

  19129. .border-right-before-white:before,

  19130. .border-right-after-white:after {

  19131.   border-right-color: #ffffff !important; }

  19132. 

  19133. .bg-default {

  19134.   background: #e1e5ec !important; }

  19135. 

  19136. .bg-default-opacity {

  19137.   background: rgba(225, 229, 236, 0.8) !important; }

  19138. 

  19139. .bg-hover-default:hover {

  19140.   background: #e1e5ec !important; }

  19141. 

  19142. .font-default {

  19143.   color: #e1e5ec !important; }

  19144. 

  19145. .bg-font-default {

  19146.   color: #666 !important; }

  19147. 

  19148. .border-default {

  19149.   border-color: #e1e5ec !important; }

  19150. 

  19151. .border-top-default {

  19152.   border-top-color: #e1e5ec !important; }

  19153. 

  19154. .border-bottom-default {

  19155.   border-bottom-color: #e1e5ec !important; }

  19156. 

  19157. .border-left-default {

  19158.   border-left-color: #e1e5ec !important; }

  19159. 

  19160. .border-right-default {

  19161.   border-right-color: #e1e5ec !important; }

  19162. 

  19163. .bg-before-default:before,

  19164. .bg-after-default:after {

  19165.   background: #e1e5ec !important; }

  19166. 

  19167. .border-before-default:before,

  19168. .border-after-default:after {

  19169.   border-color: #e1e5ec !important; }

  19170. 

  19171. .border-top-before-default:before,

  19172. .border-top-after-default:after {

  19173.   border-top-color: #e1e5ec !important; }

  19174. 

  19175. .border-bottom-before-default:before,

  19176. .border-bottom-after-default:after {

  19177.   border-bottom-color: #e1e5ec !important; }

  19178. 

  19179. .border-left-before-default:before,

  19180. .border-left-after-default:after {

  19181.   border-left-color: #e1e5ec !important; }

  19182. 

  19183. .border-right-before-default:before,

  19184. .border-right-after-default:after {

  19185.   border-right-color: #e1e5ec !important; }

  19186. 

  19187. .bg-dark {

  19188.   background: #2f353b !important; }

  19189. 

  19190. .bg-dark-opacity {

  19191.   background: rgba(47, 53, 59, 0.8) !important; }

  19192. 

  19193. .bg-hover-dark:hover {

  19194.   background: #2f353b !important; }

  19195. 

  19196. .font-dark {

  19197.   color: #2f353b !important; }

  19198. 

  19199. .bg-font-dark {

  19200.   color: #FFFFFF !important; }

  19201. 

  19202. .border-dark {

  19203.   border-color: #2f353b !important; }

  19204. 

  19205. .border-top-dark {

  19206.   border-top-color: #2f353b !important; }

  19207. 

  19208. .border-bottom-dark {

  19209.   border-bottom-color: #2f353b !important; }

  19210. 

  19211. .border-left-dark {

  19212.   border-left-color: #2f353b !important; }

  19213. 

  19214. .border-right-dark {

  19215.   border-right-color: #2f353b !important; }

  19216. 

  19217. .bg-before-dark:before,

  19218. .bg-after-dark:after {

  19219.   background: #2f353b !important; }

  19220. 

  19221. .border-before-dark:before,

  19222. .border-after-dark:after {

  19223.   border-color: #2f353b !important; }

  19224. 

  19225. .border-top-before-dark:before,

  19226. .border-top-after-dark:after {

  19227.   border-top-color: #2f353b !important; }

  19228. 

  19229. .border-bottom-before-dark:before,

  19230. .border-bottom-after-dark:after {

  19231.   border-bottom-color: #2f353b !important; }

  19232. 

  19233. .border-left-before-dark:before,

  19234. .border-left-after-dark:after {

  19235.   border-left-color: #2f353b !important; }

  19236. 

  19237. .border-right-before-dark:before,

  19238. .border-right-after-dark:after {

  19239.   border-right-color: #2f353b !important; }

  19240. 

  19241. .bg-blue {

  19242.   background: #3598dc !important; }

  19243. 

  19244. .bg-blue-opacity {

  19245.   background: rgba(53, 152, 220, 0.8) !important; }

  19246. 

  19247. .bg-hover-blue:hover {

  19248.   background: #3598dc !important; }

  19249. 

  19250. .font-blue {

  19251.   color: #3598dc !important; }

  19252. 

  19253. .bg-font-blue {

  19254.   color: #FFFFFF !important; }

  19255. 

  19256. .border-blue {

  19257.   border-color: #3598dc !important; }

  19258. 

  19259. .border-top-blue {

  19260.   border-top-color: #3598dc !important; }

  19261. 

  19262. .border-bottom-blue {

  19263.   border-bottom-color: #3598dc !important; }

  19264. 

  19265. .border-left-blue {

  19266.   border-left-color: #3598dc !important; }

  19267. 

  19268. .border-right-blue {

  19269.   border-right-color: #3598dc !important; }

  19270. 

  19271. .bg-before-blue:before,

  19272. .bg-after-blue:after {

  19273.   background: #3598dc !important; }

  19274. 

  19275. .border-before-blue:before,

  19276. .border-after-blue:after {

  19277.   border-color: #3598dc !important; }

  19278. 

  19279. .border-top-before-blue:before,

  19280. .border-top-after-blue:after {

  19281.   border-top-color: #3598dc !important; }

  19282. 

  19283. .border-bottom-before-blue:before,

  19284. .border-bottom-after-blue:after {

  19285.   border-bottom-color: #3598dc !important; }

  19286. 

  19287. .border-left-before-blue:before,

  19288. .border-left-after-blue:after {

  19289.   border-left-color: #3598dc !important; }

  19290. 

  19291. .border-right-before-blue:before,

  19292. .border-right-after-blue:after {

  19293.   border-right-color: #3598dc !important; }

  19294. 

  19295. .bg-blue-madison {

  19296.   background: #578ebe !important; }

  19297. 

  19298. .bg-blue-madison-opacity {

  19299.   background: rgba(87, 142, 190, 0.8) !important; }

  19300. 

  19301. .bg-hover-blue-madison:hover {

  19302.   background: #578ebe !important; }

  19303. 

  19304. .font-blue-madison {

  19305.   color: #578ebe !important; }

  19306. 

  19307. .bg-font-blue-madison {

  19308.   color: #FFFFFF !important; }

  19309. 

  19310. .border-blue-madison {

  19311.   border-color: #578ebe !important; }

  19312. 

  19313. .border-top-blue-madison {

  19314.   border-top-color: #578ebe !important; }

  19315. 

  19316. .border-bottom-blue-madison {

  19317.   border-bottom-color: #578ebe !important; }

  19318. 

  19319. .border-left-blue-madison {

  19320.   border-left-color: #578ebe !important; }

  19321. 

  19322. .border-right-blue-madison {

  19323.   border-right-color: #578ebe !important; }

  19324. 

  19325. .bg-before-blue-madison:before,

  19326. .bg-after-blue-madison:after {

  19327.   background: #578ebe !important; }

  19328. 

  19329. .border-before-blue-madison:before,

  19330. .border-after-blue-madison:after {

  19331.   border-color: #578ebe !important; }

  19332. 

  19333. .border-top-before-blue-madison:before,

  19334. .border-top-after-blue-madison:after {

  19335.   border-top-color: #578ebe !important; }

  19336. 

  19337. .border-bottom-before-blue-madison:before,

  19338. .border-bottom-after-blue-madison:after {

  19339.   border-bottom-color: #578ebe !important; }

  19340. 

  19341. .border-left-before-blue-madison:before,

  19342. .border-left-after-blue-madison:after {

  19343.   border-left-color: #578ebe !important; }

  19344. 

  19345. .border-right-before-blue-madison:before,

  19346. .border-right-after-blue-madison:after {

  19347.   border-right-color: #578ebe !important; }

  19348. 

  19349. .bg-blue-chambray {

  19350.   background: #2C3E50 !important; }

  19351. 

  19352. .bg-blue-chambray-opacity {

  19353.   background: rgba(44, 62, 80, 0.8) !important; }

  19354. 

  19355. .bg-hover-blue-chambray:hover {

  19356.   background: #2C3E50 !important; }

  19357. 

  19358. .font-blue-chambray {

  19359.   color: #2C3E50 !important; }

  19360. 

  19361. .bg-font-blue-chambray {

  19362.   color: #FFFFFF !important; }

  19363. 

  19364. .border-blue-chambray {

  19365.   border-color: #2C3E50 !important; }

  19366. 

  19367. .border-top-blue-chambray {

  19368.   border-top-color: #2C3E50 !important; }

  19369. 

  19370. .border-bottom-blue-chambray {

  19371.   border-bottom-color: #2C3E50 !important; }

  19372. 

  19373. .border-left-blue-chambray {

  19374.   border-left-color: #2C3E50 !important; }

  19375. 

  19376. .border-right-blue-chambray {

  19377.   border-right-color: #2C3E50 !important; }

  19378. 

  19379. .bg-before-blue-chambray:before,

  19380. .bg-after-blue-chambray:after {

  19381.   background: #2C3E50 !important; }

  19382. 

  19383. .border-before-blue-chambray:before,

  19384. .border-after-blue-chambray:after {

  19385.   border-color: #2C3E50 !important; }

  19386. 

  19387. .border-top-before-blue-chambray:before,

  19388. .border-top-after-blue-chambray:after {

  19389.   border-top-color: #2C3E50 !important; }

  19390. 

  19391. .border-bottom-before-blue-chambray:before,

  19392. .border-bottom-after-blue-chambray:after {

  19393.   border-bottom-color: #2C3E50 !important; }

  19394. 

  19395. .border-left-before-blue-chambray:before,

  19396. .border-left-after-blue-chambray:after {

  19397.   border-left-color: #2C3E50 !important; }

  19398. 

  19399. .border-right-before-blue-chambray:before,

  19400. .border-right-after-blue-chambray:after {

  19401.   border-right-color: #2C3E50 !important; }

  19402. 

  19403. .bg-blue-ebonyclay {

  19404.   background: #22313F !important; }

  19405. 

  19406. .bg-blue-ebonyclay-opacity {

  19407.   background: rgba(34, 49, 63, 0.8) !important; }

  19408. 

  19409. .bg-hover-blue-ebonyclay:hover {

  19410.   background: #22313F !important; }

  19411. 

  19412. .font-blue-ebonyclay {

  19413.   color: #22313F !important; }

  19414. 

  19415. .bg-font-blue-ebonyclay {

  19416.   color: #FFFFFF !important; }

  19417. 

  19418. .border-blue-ebonyclay {

  19419.   border-color: #22313F !important; }

  19420. 

  19421. .border-top-blue-ebonyclay {

  19422.   border-top-color: #22313F !important; }

  19423. 

  19424. .border-bottom-blue-ebonyclay {

  19425.   border-bottom-color: #22313F !important; }

  19426. 

  19427. .border-left-blue-ebonyclay {

  19428.   border-left-color: #22313F !important; }

  19429. 

  19430. .border-right-blue-ebonyclay {

  19431.   border-right-color: #22313F !important; }

  19432. 

  19433. .bg-before-blue-ebonyclay:before,

  19434. .bg-after-blue-ebonyclay:after {

  19435.   background: #22313F !important; }

  19436. 

  19437. .border-before-blue-ebonyclay:before,

  19438. .border-after-blue-ebonyclay:after {

  19439.   border-color: #22313F !important; }

  19440. 

  19441. .border-top-before-blue-ebonyclay:before,

  19442. .border-top-after-blue-ebonyclay:after {

  19443.   border-top-color: #22313F !important; }

  19444. 

  19445. .border-bottom-before-blue-ebonyclay:before,

  19446. .border-bottom-after-blue-ebonyclay:after {

  19447.   border-bottom-color: #22313F !important; }

  19448. 

  19449. .border-left-before-blue-ebonyclay:before,

  19450. .border-left-after-blue-ebonyclay:after {

  19451.   border-left-color: #22313F !important; }

  19452. 

  19453. .border-right-before-blue-ebonyclay:before,

  19454. .border-right-after-blue-ebonyclay:after {

  19455.   border-right-color: #22313F !important; }

  19456. 

  19457. .bg-blue-hoki {

  19458.   background: #67809F !important; }

  19459. 

  19460. .bg-blue-hoki-opacity {

  19461.   background: rgba(103, 128, 159, 0.8) !important; }

  19462. 

  19463. .bg-hover-blue-hoki:hover {

  19464.   background: #67809F !important; }

  19465. 

  19466. .font-blue-hoki {

  19467.   color: #67809F !important; }

  19468. 

  19469. .bg-font-blue-hoki {

  19470.   color: #FFFFFF !important; }

  19471. 

  19472. .border-blue-hoki {

  19473.   border-color: #67809F !important; }

  19474. 

  19475. .border-top-blue-hoki {

  19476.   border-top-color: #67809F !important; }

  19477. 

  19478. .border-bottom-blue-hoki {

  19479.   border-bottom-color: #67809F !important; }

  19480. 

  19481. .border-left-blue-hoki {

  19482.   border-left-color: #67809F !important; }

  19483. 

  19484. .border-right-blue-hoki {

  19485.   border-right-color: #67809F !important; }

  19486. 

  19487. .bg-before-blue-hoki:before,

  19488. .bg-after-blue-hoki:after {

  19489.   background: #67809F !important; }

  19490. 

  19491. .border-before-blue-hoki:before,

  19492. .border-after-blue-hoki:after {

  19493.   border-color: #67809F !important; }

  19494. 

  19495. .border-top-before-blue-hoki:before,

  19496. .border-top-after-blue-hoki:after {

  19497.   border-top-color: #67809F !important; }

  19498. 

  19499. .border-bottom-before-blue-hoki:before,

  19500. .border-bottom-after-blue-hoki:after {

  19501.   border-bottom-color: #67809F !important; }

  19502. 

  19503. .border-left-before-blue-hoki:before,

  19504. .border-left-after-blue-hoki:after {

  19505.   border-left-color: #67809F !important; }

  19506. 

  19507. .border-right-before-blue-hoki:before,

  19508. .border-right-after-blue-hoki:after {

  19509.   border-right-color: #67809F !important; }

  19510. 

  19511. .bg-blue-steel {

  19512.   background: #4B77BE !important; }

  19513. 

  19514. .bg-blue-steel-opacity {

  19515.   background: rgba(75, 119, 190, 0.8) !important; }

  19516. 

  19517. .bg-hover-blue-steel:hover {

  19518.   background: #4B77BE !important; }

  19519. 

  19520. .font-blue-steel {

  19521.   color: #4B77BE !important; }

  19522. 

  19523. .bg-font-blue-steel {

  19524.   color: #FFFFFF !important; }

  19525. 

  19526. .border-blue-steel {

  19527.   border-color: #4B77BE !important; }

  19528. 

  19529. .border-top-blue-steel {

  19530.   border-top-color: #4B77BE !important; }

  19531. 

  19532. .border-bottom-blue-steel {

  19533.   border-bottom-color: #4B77BE !important; }

  19534. 

  19535. .border-left-blue-steel {

  19536.   border-left-color: #4B77BE !important; }

  19537. 

  19538. .border-right-blue-steel {

  19539.   border-right-color: #4B77BE !important; }

  19540. 

  19541. .bg-before-blue-steel:before,

  19542. .bg-after-blue-steel:after {

  19543.   background: #4B77BE !important; }

  19544. 

  19545. .border-before-blue-steel:before,

  19546. .border-after-blue-steel:after {

  19547.   border-color: #4B77BE !important; }

  19548. 

  19549. .border-top-before-blue-steel:before,

  19550. .border-top-after-blue-steel:after {

  19551.   border-top-color: #4B77BE !important; }

  19552. 

  19553. .border-bottom-before-blue-steel:before,

  19554. .border-bottom-after-blue-steel:after {

  19555.   border-bottom-color: #4B77BE !important; }

  19556. 

  19557. .border-left-before-blue-steel:before,

  19558. .border-left-after-blue-steel:after {

  19559.   border-left-color: #4B77BE !important; }

  19560. 

  19561. .border-right-before-blue-steel:before,

  19562. .border-right-after-blue-steel:after {

  19563.   border-right-color: #4B77BE !important; }

  19564. 

  19565. .bg-blue-soft {

  19566.   background: #4c87b9 !important; }

  19567. 

  19568. .bg-blue-soft-opacity {

  19569.   background: rgba(76, 135, 185, 0.8) !important; }

  19570. 

  19571. .bg-hover-blue-soft:hover {

  19572.   background: #4c87b9 !important; }

  19573. 

  19574. .font-blue-soft {

  19575.   color: #4c87b9 !important; }

  19576. 

  19577. .bg-font-blue-soft {

  19578.   color: #FFFFFF !important; }

  19579. 

  19580. .border-blue-soft {

  19581.   border-color: #4c87b9 !important; }

  19582. 

  19583. .border-top-blue-soft {

  19584.   border-top-color: #4c87b9 !important; }

  19585. 

  19586. .border-bottom-blue-soft {

  19587.   border-bottom-color: #4c87b9 !important; }

  19588. 

  19589. .border-left-blue-soft {

  19590.   border-left-color: #4c87b9 !important; }

  19591. 

  19592. .border-right-blue-soft {

  19593.   border-right-color: #4c87b9 !important; }

  19594. 

  19595. .bg-before-blue-soft:before,

  19596. .bg-after-blue-soft:after {

  19597.   background: #4c87b9 !important; }

  19598. 

  19599. .border-before-blue-soft:before,

  19600. .border-after-blue-soft:after {

  19601.   border-color: #4c87b9 !important; }

  19602. 

  19603. .border-top-before-blue-soft:before,

  19604. .border-top-after-blue-soft:after {

  19605.   border-top-color: #4c87b9 !important; }

  19606. 

  19607. .border-bottom-before-blue-soft:before,

  19608. .border-bottom-after-blue-soft:after {

  19609.   border-bottom-color: #4c87b9 !important; }

  19610. 

  19611. .border-left-before-blue-soft:before,

  19612. .border-left-after-blue-soft:after {

  19613.   border-left-color: #4c87b9 !important; }

  19614. 

  19615. .border-right-before-blue-soft:before,

  19616. .border-right-after-blue-soft:after {

  19617.   border-right-color: #4c87b9 !important; }

  19618. 

  19619. .bg-blue-dark {

  19620.   background: #5e738b !important; }

  19621. 

  19622. .bg-blue-dark-opacity {

  19623.   background: rgba(94, 115, 139, 0.8) !important; }

  19624. 

  19625. .bg-hover-blue-dark:hover {

  19626.   background: #5e738b !important; }

  19627. 

  19628. .font-blue-dark {

  19629.   color: #5e738b !important; }

  19630. 

  19631. .bg-font-blue-dark {

  19632.   color: #FFFFFF !important; }

  19633. 

  19634. .border-blue-dark {

  19635.   border-color: #5e738b !important; }

  19636. 

  19637. .border-top-blue-dark {

  19638.   border-top-color: #5e738b !important; }

  19639. 

  19640. .border-bottom-blue-dark {

  19641.   border-bottom-color: #5e738b !important; }

  19642. 

  19643. .border-left-blue-dark {

  19644.   border-left-color: #5e738b !important; }

  19645. 

  19646. .border-right-blue-dark {

  19647.   border-right-color: #5e738b !important; }

  19648. 

  19649. .bg-before-blue-dark:before,

  19650. .bg-after-blue-dark:after {

  19651.   background: #5e738b !important; }

  19652. 

  19653. .border-before-blue-dark:before,

  19654. .border-after-blue-dark:after {

  19655.   border-color: #5e738b !important; }

  19656. 

  19657. .border-top-before-blue-dark:before,

  19658. .border-top-after-blue-dark:after {

  19659.   border-top-color: #5e738b !important; }

  19660. 

  19661. .border-bottom-before-blue-dark:before,

  19662. .border-bottom-after-blue-dark:after {

  19663.   border-bottom-color: #5e738b !important; }

  19664. 

  19665. .border-left-before-blue-dark:before,

  19666. .border-left-after-blue-dark:after {

  19667.   border-left-color: #5e738b !important; }

  19668. 

  19669. .border-right-before-blue-dark:before,

  19670. .border-right-after-blue-dark:after {

  19671.   border-right-color: #5e738b !important; }

  19672. 

  19673. .bg-blue-sharp {

  19674.   background: #5C9BD1 !important; }

  19675. 

  19676. .bg-blue-sharp-opacity {

  19677.   background: rgba(92, 155, 209, 0.8) !important; }

  19678. 

  19679. .bg-hover-blue-sharp:hover {

  19680.   background: #5C9BD1 !important; }

  19681. 

  19682. .font-blue-sharp {

  19683.   color: #5C9BD1 !important; }

  19684. 

  19685. .bg-font-blue-sharp {

  19686.   color: #FFFFFF !important; }

  19687. 

  19688. .border-blue-sharp {

  19689.   border-color: #5C9BD1 !important; }

  19690. 

  19691. .border-top-blue-sharp {

  19692.   border-top-color: #5C9BD1 !important; }

  19693. 

  19694. .border-bottom-blue-sharp {

  19695.   border-bottom-color: #5C9BD1 !important; }

  19696. 

  19697. .border-left-blue-sharp {

  19698.   border-left-color: #5C9BD1 !important; }

  19699. 

  19700. .border-right-blue-sharp {

  19701.   border-right-color: #5C9BD1 !important; }

  19702. 

  19703. .bg-before-blue-sharp:before,

  19704. .bg-after-blue-sharp:after {

  19705.   background: #5C9BD1 !important; }

  19706. 

  19707. .border-before-blue-sharp:before,

  19708. .border-after-blue-sharp:after {

  19709.   border-color: #5C9BD1 !important; }

  19710. 

  19711. .border-top-before-blue-sharp:before,

  19712. .border-top-after-blue-sharp:after {

  19713.   border-top-color: #5C9BD1 !important; }

  19714. 

  19715. .border-bottom-before-blue-sharp:before,

  19716. .border-bottom-after-blue-sharp:after {

  19717.   border-bottom-color: #5C9BD1 !important; }

  19718. 

  19719. .border-left-before-blue-sharp:before,

  19720. .border-left-after-blue-sharp:after {

  19721.   border-left-color: #5C9BD1 !important; }

  19722. 

  19723. .border-right-before-blue-sharp:before,

  19724. .border-right-after-blue-sharp:after {

  19725.   border-right-color: #5C9BD1 !important; }

  19726. 

  19727. .bg-blue-oleo {

  19728.   background: #94A0B2 !important; }

  19729. 

  19730. .bg-blue-oleo-opacity {

  19731.   background: rgba(148, 160, 178, 0.8) !important; }

  19732. 

  19733. .bg-hover-blue-oleo:hover {

  19734.   background: #94A0B2 !important; }

  19735. 

  19736. .font-blue-oleo {

  19737.   color: #94A0B2 !important; }

  19738. 

  19739. .bg-font-blue-oleo {

  19740.   color: #FFFFFF !important; }

  19741. 

  19742. .border-blue-oleo {

  19743.   border-color: #94A0B2 !important; }

  19744. 

  19745. .border-top-blue-oleo {

  19746.   border-top-color: #94A0B2 !important; }

  19747. 

  19748. .border-bottom-blue-oleo {

  19749.   border-bottom-color: #94A0B2 !important; }

  19750. 

  19751. .border-left-blue-oleo {

  19752.   border-left-color: #94A0B2 !important; }

  19753. 

  19754. .border-right-blue-oleo {

  19755.   border-right-color: #94A0B2 !important; }

  19756. 

  19757. .bg-before-blue-oleo:before,

  19758. .bg-after-blue-oleo:after {

  19759.   background: #94A0B2 !important; }

  19760. 

  19761. .border-before-blue-oleo:before,

  19762. .border-after-blue-oleo:after {

  19763.   border-color: #94A0B2 !important; }

  19764. 

  19765. .border-top-before-blue-oleo:before,

  19766. .border-top-after-blue-oleo:after {

  19767.   border-top-color: #94A0B2 !important; }

  19768. 

  19769. .border-bottom-before-blue-oleo:before,

  19770. .border-bottom-after-blue-oleo:after {

  19771.   border-bottom-color: #94A0B2 !important; }

  19772. 

  19773. .border-left-before-blue-oleo:before,

  19774. .border-left-after-blue-oleo:after {

  19775.   border-left-color: #94A0B2 !important; }

  19776. 

  19777. .border-right-before-blue-oleo:before,

  19778. .border-right-after-blue-oleo:after {

  19779.   border-right-color: #94A0B2 !important; }

  19780. 

  19781. .bg-green {

  19782.   background: #32c5d2 !important; }

  19783. 

  19784. .bg-green-opacity {

  19785.   background: rgba(50, 197, 210, 0.8) !important; }

  19786. 

  19787. .bg-hover-green:hover {

  19788.   background: #32c5d2 !important; }

  19789. 

  19790. .font-green {

  19791.   color: #32c5d2 !important; }

  19792. 

  19793. .bg-font-green {

  19794.   color: #FFFFFF !important; }

  19795. 

  19796. .border-green {

  19797.   border-color: #32c5d2 !important; }

  19798. 

  19799. .border-top-green {

  19800.   border-top-color: #32c5d2 !important; }

  19801. 

  19802. .border-bottom-green {

  19803.   border-bottom-color: #32c5d2 !important; }

  19804. 

  19805. .border-left-green {

  19806.   border-left-color: #32c5d2 !important; }

  19807. 

  19808. .border-right-green {

  19809.   border-right-color: #32c5d2 !important; }

  19810. 

  19811. .bg-before-green:before,

  19812. .bg-after-green:after {

  19813.   background: #32c5d2 !important; }

  19814. 

  19815. .border-before-green:before,

  19816. .border-after-green:after {

  19817.   border-color: #32c5d2 !important; }

  19818. 

  19819. .border-top-before-green:before,

  19820. .border-top-after-green:after {

  19821.   border-top-color: #32c5d2 !important; }

  19822. 

  19823. .border-bottom-before-green:before,

  19824. .border-bottom-after-green:after {

  19825.   border-bottom-color: #32c5d2 !important; }

  19826. 

  19827. .border-left-before-green:before,

  19828. .border-left-after-green:after {

  19829.   border-left-color: #32c5d2 !important; }

  19830. 

  19831. .border-right-before-green:before,

  19832. .border-right-after-green:after {

  19833.   border-right-color: #32c5d2 !important; }

  19834. 

  19835. .bg-green-meadow {

  19836.   background: #1BBC9B !important; }

  19837. 

  19838. .bg-green-meadow-opacity {

  19839.   background: rgba(27, 188, 155, 0.8) !important; }

  19840. 

  19841. .bg-hover-green-meadow:hover {

  19842.   background: #1BBC9B !important; }

  19843. 

  19844. .font-green-meadow {

  19845.   color: #1BBC9B !important; }

  19846. 

  19847. .bg-font-green-meadow {

  19848.   color: #FFFFFF !important; }

  19849. 

  19850. .border-green-meadow {

  19851.   border-color: #1BBC9B !important; }

  19852. 

  19853. .border-top-green-meadow {

  19854.   border-top-color: #1BBC9B !important; }

  19855. 

  19856. .border-bottom-green-meadow {

  19857.   border-bottom-color: #1BBC9B !important; }

  19858. 

  19859. .border-left-green-meadow {

  19860.   border-left-color: #1BBC9B !important; }

  19861. 

  19862. .border-right-green-meadow {

  19863.   border-right-color: #1BBC9B !important; }

  19864. 

  19865. .bg-before-green-meadow:before,

  19866. .bg-after-green-meadow:after {

  19867.   background: #1BBC9B !important; }

  19868. 

  19869. .border-before-green-meadow:before,

  19870. .border-after-green-meadow:after {

  19871.   border-color: #1BBC9B !important; }

  19872. 

  19873. .border-top-before-green-meadow:before,

  19874. .border-top-after-green-meadow:after {

  19875.   border-top-color: #1BBC9B !important; }

  19876. 

  19877. .border-bottom-before-green-meadow:before,

  19878. .border-bottom-after-green-meadow:after {

  19879.   border-bottom-color: #1BBC9B !important; }

  19880. 

  19881. .border-left-before-green-meadow:before,

  19882. .border-left-after-green-meadow:after {

  19883.   border-left-color: #1BBC9B !important; }

  19884. 

  19885. .border-right-before-green-meadow:before,

  19886. .border-right-after-green-meadow:after {

  19887.   border-right-color: #1BBC9B !important; }

  19888. 

  19889. .bg-green-seagreen {

  19890.   background: #1BA39C !important; }

  19891. 

  19892. .bg-green-seagreen-opacity {

  19893.   background: rgba(27, 163, 156, 0.8) !important; }

  19894. 

  19895. .bg-hover-green-seagreen:hover {

  19896.   background: #1BA39C !important; }

  19897. 

  19898. .font-green-seagreen {

  19899.   color: #1BA39C !important; }

  19900. 

  19901. .bg-font-green-seagreen {

  19902.   color: #FFFFFF !important; }

  19903. 

  19904. .border-green-seagreen {

  19905.   border-color: #1BA39C !important; }

  19906. 

  19907. .border-top-green-seagreen {

  19908.   border-top-color: #1BA39C !important; }

  19909. 

  19910. .border-bottom-green-seagreen {

  19911.   border-bottom-color: #1BA39C !important; }

  19912. 

  19913. .border-left-green-seagreen {

  19914.   border-left-color: #1BA39C !important; }

  19915. 

  19916. .border-right-green-seagreen {

  19917.   border-right-color: #1BA39C !important; }

  19918. 

  19919. .bg-before-green-seagreen:before,

  19920. .bg-after-green-seagreen:after {

  19921.   background: #1BA39C !important; }

  19922. 

  19923. .border-before-green-seagreen:before,

  19924. .border-after-green-seagreen:after {

  19925.   border-color: #1BA39C !important; }

  19926. 

  19927. .border-top-before-green-seagreen:before,

  19928. .border-top-after-green-seagreen:after {

  19929.   border-top-color: #1BA39C !important; }

  19930. 

  19931. .border-bottom-before-green-seagreen:before,

  19932. .border-bottom-after-green-seagreen:after {

  19933.   border-bottom-color: #1BA39C !important; }

  19934. 

  19935. .border-left-before-green-seagreen:before,

  19936. .border-left-after-green-seagreen:after {

  19937.   border-left-color: #1BA39C !important; }

  19938. 

  19939. .border-right-before-green-seagreen:before,

  19940. .border-right-after-green-seagreen:after {

  19941.   border-right-color: #1BA39C !important; }

  19942. 

  19943. .bg-green-turquoise {

  19944.   background: #36D7B7 !important; }

  19945. 

  19946. .bg-green-turquoise-opacity {

  19947.   background: rgba(54, 215, 183, 0.8) !important; }

  19948. 

  19949. .bg-hover-green-turquoise:hover {

  19950.   background: #36D7B7 !important; }

  19951. 

  19952. .font-green-turquoise {

  19953.   color: #36D7B7 !important; }

  19954. 

  19955. .bg-font-green-turquoise {

  19956.   color: #FFFFFF !important; }

  19957. 

  19958. .border-green-turquoise {

  19959.   border-color: #36D7B7 !important; }

  19960. 

  19961. .border-top-green-turquoise {

  19962.   border-top-color: #36D7B7 !important; }

  19963. 

  19964. .border-bottom-green-turquoise {

  19965.   border-bottom-color: #36D7B7 !important; }

  19966. 

  19967. .border-left-green-turquoise {

  19968.   border-left-color: #36D7B7 !important; }

  19969. 

  19970. .border-right-green-turquoise {

  19971.   border-right-color: #36D7B7 !important; }

  19972. 

  19973. .bg-before-green-turquoise:before,

  19974. .bg-after-green-turquoise:after {

  19975.   background: #36D7B7 !important; }

  19976. 

  19977. .border-before-green-turquoise:before,

  19978. .border-after-green-turquoise:after {

  19979.   border-color: #36D7B7 !important; }

  19980. 

  19981. .border-top-before-green-turquoise:before,

  19982. .border-top-after-green-turquoise:after {

  19983.   border-top-color: #36D7B7 !important; }

  19984. 

  19985. .border-bottom-before-green-turquoise:before,

  19986. .border-bottom-after-green-turquoise:after {

  19987.   border-bottom-color: #36D7B7 !important; }

  19988. 

  19989. .border-left-before-green-turquoise:before,

  19990. .border-left-after-green-turquoise:after {

  19991.   border-left-color: #36D7B7 !important; }

  19992. 

  19993. .border-right-before-green-turquoise:before,

  19994. .border-right-after-green-turquoise:after {

  19995.   border-right-color: #36D7B7 !important; }

  19996. 

  19997. .bg-green-haze {

  19998.   background: #44b6ae !important; }

  19999. 

  20000. .bg-green-haze-opacity {

  20001.   background: rgba(68, 182, 174, 0.8) !important; }

  20002. 

  20003. .bg-hover-green-haze:hover {

  20004.   background: #44b6ae !important; }

  20005. 

  20006. .font-green-haze {

  20007.   color: #44b6ae !important; }

  20008. 

  20009. .bg-font-green-haze {

  20010.   color: #FFFFFF !important; }

  20011. 

  20012. .border-green-haze {

  20013.   border-color: #44b6ae !important; }

  20014. 

  20015. .border-top-green-haze {

  20016.   border-top-color: #44b6ae !important; }

  20017. 

  20018. .border-bottom-green-haze {

  20019.   border-bottom-color: #44b6ae !important; }

  20020. 

  20021. .border-left-green-haze {

  20022.   border-left-color: #44b6ae !important; }

  20023. 

  20024. .border-right-green-haze {

  20025.   border-right-color: #44b6ae !important; }

  20026. 

  20027. .bg-before-green-haze:before,

  20028. .bg-after-green-haze:after {

  20029.   background: #44b6ae !important; }

  20030. 

  20031. .border-before-green-haze:before,

  20032. .border-after-green-haze:after {

  20033.   border-color: #44b6ae !important; }

  20034. 

  20035. .border-top-before-green-haze:before,

  20036. .border-top-after-green-haze:after {

  20037.   border-top-color: #44b6ae !important; }

  20038. 

  20039. .border-bottom-before-green-haze:before,

  20040. .border-bottom-after-green-haze:after {

  20041.   border-bottom-color: #44b6ae !important; }

  20042. 

  20043. .border-left-before-green-haze:before,

  20044. .border-left-after-green-haze:after {

  20045.   border-left-color: #44b6ae !important; }

  20046. 

  20047. .border-right-before-green-haze:before,

  20048. .border-right-after-green-haze:after {

  20049.   border-right-color: #44b6ae !important; }

  20050. 

  20051. .bg-green-jungle {

  20052.   background: #26C281 !important; }

  20053. 

  20054. .bg-green-jungle-opacity {

  20055.   background: rgba(38, 194, 129, 0.8) !important; }

  20056. 

  20057. .bg-hover-green-jungle:hover {

  20058.   background: #26C281 !important; }

  20059. 

  20060. .font-green-jungle {

  20061.   color: #26C281 !important; }

  20062. 

  20063. .bg-font-green-jungle {

  20064.   color: #FFFFFF !important; }

  20065. 

  20066. .border-green-jungle {

  20067.   border-color: #26C281 !important; }

  20068. 

  20069. .border-top-green-jungle {

  20070.   border-top-color: #26C281 !important; }

  20071. 

  20072. .border-bottom-green-jungle {

  20073.   border-bottom-color: #26C281 !important; }

  20074. 

  20075. .border-left-green-jungle {

  20076.   border-left-color: #26C281 !important; }

  20077. 

  20078. .border-right-green-jungle {

  20079.   border-right-color: #26C281 !important; }

  20080. 

  20081. .bg-before-green-jungle:before,

  20082. .bg-after-green-jungle:after {

  20083.   background: #26C281 !important; }

  20084. 

  20085. .border-before-green-jungle:before,

  20086. .border-after-green-jungle:after {

  20087.   border-color: #26C281 !important; }

  20088. 

  20089. .border-top-before-green-jungle:before,

  20090. .border-top-after-green-jungle:after {

  20091.   border-top-color: #26C281 !important; }

  20092. 

  20093. .border-bottom-before-green-jungle:before,

  20094. .border-bottom-after-green-jungle:after {

  20095.   border-bottom-color: #26C281 !important; }

  20096. 

  20097. .border-left-before-green-jungle:before,

  20098. .border-left-after-green-jungle:after {

  20099.   border-left-color: #26C281 !important; }

  20100. 

  20101. .border-right-before-green-jungle:before,

  20102. .border-right-after-green-jungle:after {

  20103.   border-right-color: #26C281 !important; }

  20104. 

  20105. .bg-green-soft {

  20106.   background: #3faba4 !important; }

  20107. 

  20108. .bg-green-soft-opacity {

  20109.   background: rgba(63, 171, 164, 0.8) !important; }

  20110. 

  20111. .bg-hover-green-soft:hover {

  20112.   background: #3faba4 !important; }

  20113. 

  20114. .font-green-soft {

  20115.   color: #3faba4 !important; }

  20116. 

  20117. .bg-font-green-soft {

  20118.   color: #FFFFFF !important; }

  20119. 

  20120. .border-green-soft {

  20121.   border-color: #3faba4 !important; }

  20122. 

  20123. .border-top-green-soft {

  20124.   border-top-color: #3faba4 !important; }

  20125. 

  20126. .border-bottom-green-soft {

  20127.   border-bottom-color: #3faba4 !important; }

  20128. 

  20129. .border-left-green-soft {

  20130.   border-left-color: #3faba4 !important; }

  20131. 

  20132. .border-right-green-soft {

  20133.   border-right-color: #3faba4 !important; }

  20134. 

  20135. .bg-before-green-soft:before,

  20136. .bg-after-green-soft:after {

  20137.   background: #3faba4 !important; }

  20138. 

  20139. .border-before-green-soft:before,

  20140. .border-after-green-soft:after {

  20141.   border-color: #3faba4 !important; }

  20142. 

  20143. .border-top-before-green-soft:before,

  20144. .border-top-after-green-soft:after {

  20145.   border-top-color: #3faba4 !important; }

  20146. 

  20147. .border-bottom-before-green-soft:before,

  20148. .border-bottom-after-green-soft:after {

  20149.   border-bottom-color: #3faba4 !important; }

  20150. 

  20151. .border-left-before-green-soft:before,

  20152. .border-left-after-green-soft:after {

  20153.   border-left-color: #3faba4 !important; }

  20154. 

  20155. .border-right-before-green-soft:before,

  20156. .border-right-after-green-soft:after {

  20157.   border-right-color: #3faba4 !important; }

  20158. 

  20159. .bg-green-dark {

  20160.   background: #4DB3A2 !important; }

  20161. 

  20162. .bg-green-dark-opacity {

  20163.   background: rgba(77, 179, 162, 0.8) !important; }

  20164. 

  20165. .bg-hover-green-dark:hover {

  20166.   background: #4DB3A2 !important; }

  20167. 

  20168. .font-green-dark {

  20169.   color: #4DB3A2 !important; }

  20170. 

  20171. .bg-font-green-dark {

  20172.   color: #FFFFFF !important; }

  20173. 

  20174. .border-green-dark {

  20175.   border-color: #4DB3A2 !important; }

  20176. 

  20177. .border-top-green-dark {

  20178.   border-top-color: #4DB3A2 !important; }

  20179. 

  20180. .border-bottom-green-dark {

  20181.   border-bottom-color: #4DB3A2 !important; }

  20182. 

  20183. .border-left-green-dark {

  20184.   border-left-color: #4DB3A2 !important; }

  20185. 

  20186. .border-right-green-dark {

  20187.   border-right-color: #4DB3A2 !important; }

  20188. 

  20189. .bg-before-green-dark:before,

  20190. .bg-after-green-dark:after {

  20191.   background: #4DB3A2 !important; }

  20192. 

  20193. .border-before-green-dark:before,

  20194. .border-after-green-dark:after {

  20195.   border-color: #4DB3A2 !important; }

  20196. 

  20197. .border-top-before-green-dark:before,

  20198. .border-top-after-green-dark:after {

  20199.   border-top-color: #4DB3A2 !important; }

  20200. 

  20201. .border-bottom-before-green-dark:before,

  20202. .border-bottom-after-green-dark:after {

  20203.   border-bottom-color: #4DB3A2 !important; }

  20204. 

  20205. .border-left-before-green-dark:before,

  20206. .border-left-after-green-dark:after {

  20207.   border-left-color: #4DB3A2 !important; }

  20208. 

  20209. .border-right-before-green-dark:before,

  20210. .border-right-after-green-dark:after {

  20211.   border-right-color: #4DB3A2 !important; }

  20212. 

  20213. .bg-green-sharp {

  20214.   background: #2ab4c0 !important; }

  20215. 

  20216. .bg-green-sharp-opacity {

  20217.   background: rgba(42, 180, 192, 0.8) !important; }

  20218. 

  20219. .bg-hover-green-sharp:hover {

  20220.   background: #2ab4c0 !important; }

  20221. 

  20222. .font-green-sharp {

  20223.   color: #2ab4c0 !important; }

  20224. 

  20225. .bg-font-green-sharp {

  20226.   color: #FFFFFF !important; }

  20227. 

  20228. .border-green-sharp {

  20229.   border-color: #2ab4c0 !important; }

  20230. 

  20231. .border-top-green-sharp {

  20232.   border-top-color: #2ab4c0 !important; }

  20233. 

  20234. .border-bottom-green-sharp {

  20235.   border-bottom-color: #2ab4c0 !important; }

  20236. 

  20237. .border-left-green-sharp {

  20238.   border-left-color: #2ab4c0 !important; }

  20239. 

  20240. .border-right-green-sharp {

  20241.   border-right-color: #2ab4c0 !important; }

  20242. 

  20243. .bg-before-green-sharp:before,

  20244. .bg-after-green-sharp:after {

  20245.   background: #2ab4c0 !important; }

  20246. 

  20247. .border-before-green-sharp:before,

  20248. .border-after-green-sharp:after {

  20249.   border-color: #2ab4c0 !important; }

  20250. 

  20251. .border-top-before-green-sharp:before,

  20252. .border-top-after-green-sharp:after {

  20253.   border-top-color: #2ab4c0 !important; }

  20254. 

  20255. .border-bottom-before-green-sharp:before,

  20256. .border-bottom-after-green-sharp:after {

  20257.   border-bottom-color: #2ab4c0 !important; }

  20258. 

  20259. .border-left-before-green-sharp:before,

  20260. .border-left-after-green-sharp:after {

  20261.   border-left-color: #2ab4c0 !important; }

  20262. 

  20263. .border-right-before-green-sharp:before,

  20264. .border-right-after-green-sharp:after {

  20265.   border-right-color: #2ab4c0 !important; }

  20266. 

  20267. .bg-green-steel {

  20268.   background: #29b4b6 !important; }

  20269. 

  20270. .bg-green-steel-opacity {

  20271.   background: rgba(41, 180, 182, 0.8) !important; }

  20272. 

  20273. .bg-hover-green-steel:hover {

  20274.   background: #29b4b6 !important; }

  20275. 

  20276. .font-green-steel {

  20277.   color: #29b4b6 !important; }

  20278. 

  20279. .bg-font-green-steel {

  20280.   color: #FFFFFF !important; }

  20281. 

  20282. .border-green-steel {

  20283.   border-color: #29b4b6 !important; }

  20284. 

  20285. .border-top-green-steel {

  20286.   border-top-color: #29b4b6 !important; }

  20287. 

  20288. .border-bottom-green-steel {

  20289.   border-bottom-color: #29b4b6 !important; }

  20290. 

  20291. .border-left-green-steel {

  20292.   border-left-color: #29b4b6 !important; }

  20293. 

  20294. .border-right-green-steel {

  20295.   border-right-color: #29b4b6 !important; }

  20296. 

  20297. .bg-before-green-steel:before,

  20298. .bg-after-green-steel:after {

  20299.   background: #29b4b6 !important; }

  20300. 

  20301. .border-before-green-steel:before,

  20302. .border-after-green-steel:after {

  20303.   border-color: #29b4b6 !important; }

  20304. 

  20305. .border-top-before-green-steel:before,

  20306. .border-top-after-green-steel:after {

  20307.   border-top-color: #29b4b6 !important; }

  20308. 

  20309. .border-bottom-before-green-steel:before,

  20310. .border-bottom-after-green-steel:after {

  20311.   border-bottom-color: #29b4b6 !important; }

  20312. 

  20313. .border-left-before-green-steel:before,

  20314. .border-left-after-green-steel:after {

  20315.   border-left-color: #29b4b6 !important; }

  20316. 

  20317. .border-right-before-green-steel:before,

  20318. .border-right-after-green-steel:after {

  20319.   border-right-color: #29b4b6 !important; }

  20320. 

  20321. .bg-grey {

  20322.   background: #E5E5E5 !important; }

  20323. 

  20324. .bg-grey-opacity {

  20325.   background: rgba(229, 229, 229, 0.8) !important; }

  20326. 

  20327. .bg-hover-grey:hover {

  20328.   background: #E5E5E5 !important; }

  20329. 

  20330. .font-grey {

  20331.   color: #E5E5E5 !important; }

  20332. 

  20333. .bg-font-grey {

  20334.   color: #333333 !important; }

  20335. 

  20336. .border-grey {

  20337.   border-color: #E5E5E5 !important; }

  20338. 

  20339. .border-top-grey {

  20340.   border-top-color: #E5E5E5 !important; }

  20341. 

  20342. .border-bottom-grey {

  20343.   border-bottom-color: #E5E5E5 !important; }

  20344. 

  20345. .border-left-grey {

  20346.   border-left-color: #E5E5E5 !important; }

  20347. 

  20348. .border-right-grey {

  20349.   border-right-color: #E5E5E5 !important; }

  20350. 

  20351. .bg-before-grey:before,

  20352. .bg-after-grey:after {

  20353.   background: #E5E5E5 !important; }

  20354. 

  20355. .border-before-grey:before,

  20356. .border-after-grey:after {

  20357.   border-color: #E5E5E5 !important; }

  20358. 

  20359. .border-top-before-grey:before,

  20360. .border-top-after-grey:after {

  20361.   border-top-color: #E5E5E5 !important; }

  20362. 

  20363. .border-bottom-before-grey:before,

  20364. .border-bottom-after-grey:after {

  20365.   border-bottom-color: #E5E5E5 !important; }

  20366. 

  20367. .border-left-before-grey:before,

  20368. .border-left-after-grey:after {

  20369.   border-left-color: #E5E5E5 !important; }

  20370. 

  20371. .border-right-before-grey:before,

  20372. .border-right-after-grey:after {

  20373.   border-right-color: #E5E5E5 !important; }

  20374. 

  20375. .bg-grey-steel {

  20376.   background: #e9edef !important; }

  20377. 

  20378. .bg-grey-steel-opacity {

  20379.   background: rgba(233, 237, 239, 0.8) !important; }

  20380. 

  20381. .bg-hover-grey-steel:hover {

  20382.   background: #e9edef !important; }

  20383. 

  20384. .font-grey-steel {

  20385.   color: #e9edef !important; }

  20386. 

  20387. .bg-font-grey-steel {

  20388.   color: #80898e !important; }

  20389. 

  20390. .border-grey-steel {

  20391.   border-color: #e9edef !important; }

  20392. 

  20393. .border-top-grey-steel {

  20394.   border-top-color: #e9edef !important; }

  20395. 

  20396. .border-bottom-grey-steel {

  20397.   border-bottom-color: #e9edef !important; }

  20398. 

  20399. .border-left-grey-steel {

  20400.   border-left-color: #e9edef !important; }

  20401. 

  20402. .border-right-grey-steel {

  20403.   border-right-color: #e9edef !important; }

  20404. 

  20405. .bg-before-grey-steel:before,

  20406. .bg-after-grey-steel:after {

  20407.   background: #e9edef !important; }

  20408. 

  20409. .border-before-grey-steel:before,

  20410. .border-after-grey-steel:after {

  20411.   border-color: #e9edef !important; }

  20412. 

  20413. .border-top-before-grey-steel:before,

  20414. .border-top-after-grey-steel:after {

  20415.   border-top-color: #e9edef !important; }

  20416. 

  20417. .border-bottom-before-grey-steel:before,

  20418. .border-bottom-after-grey-steel:after {

  20419.   border-bottom-color: #e9edef !important; }

  20420. 

  20421. .border-left-before-grey-steel:before,

  20422. .border-left-after-grey-steel:after {

  20423.   border-left-color: #e9edef !important; }

  20424. 

  20425. .border-right-before-grey-steel:before,

  20426. .border-right-after-grey-steel:after {

  20427.   border-right-color: #e9edef !important; }

  20428. 

  20429. .bg-grey-cararra {

  20430.   background: #fafafa !important; }

  20431. 

  20432. .bg-grey-cararra-opacity {

  20433.   background: rgba(250, 250, 250, 0.8) !important; }

  20434. 

  20435. .bg-hover-grey-cararra:hover {

  20436.   background: #fafafa !important; }

  20437. 

  20438. .font-grey-cararra {

  20439.   color: #fafafa !important; }

  20440. 

  20441. .bg-font-grey-cararra {

  20442.   color: #333333 !important; }

  20443. 

  20444. .border-grey-cararra {

  20445.   border-color: #fafafa !important; }

  20446. 

  20447. .border-top-grey-cararra {

  20448.   border-top-color: #fafafa !important; }

  20449. 

  20450. .border-bottom-grey-cararra {

  20451.   border-bottom-color: #fafafa !important; }

  20452. 

  20453. .border-left-grey-cararra {

  20454.   border-left-color: #fafafa !important; }

  20455. 

  20456. .border-right-grey-cararra {

  20457.   border-right-color: #fafafa !important; }

  20458. 

  20459. .bg-before-grey-cararra:before,

  20460. .bg-after-grey-cararra:after {

  20461.   background: #fafafa !important; }

  20462. 

  20463. .border-before-grey-cararra:before,

  20464. .border-after-grey-cararra:after {

  20465.   border-color: #fafafa !important; }

  20466. 

  20467. .border-top-before-grey-cararra:before,

  20468. .border-top-after-grey-cararra:after {

  20469.   border-top-color: #fafafa !important; }

  20470. 

  20471. .border-bottom-before-grey-cararra:before,

  20472. .border-bottom-after-grey-cararra:after {

  20473.   border-bottom-color: #fafafa !important; }

  20474. 

  20475. .border-left-before-grey-cararra:before,

  20476. .border-left-after-grey-cararra:after {

  20477.   border-left-color: #fafafa !important; }

  20478. 

  20479. .border-right-before-grey-cararra:before,

  20480. .border-right-after-grey-cararra:after {

  20481.   border-right-color: #fafafa !important; }

  20482. 

  20483. .bg-grey-gallery {

  20484.   background: #555555 !important; }

  20485. 

  20486. .bg-grey-gallery-opacity {

  20487.   background: rgba(85, 85, 85, 0.8) !important; }

  20488. 

  20489. .bg-hover-grey-gallery:hover {

  20490.   background: #555555 !important; }

  20491. 

  20492. .font-grey-gallery {

  20493.   color: #555555 !important; }

  20494. 

  20495. .bg-font-grey-gallery {

  20496.   color: #ffffff !important; }

  20497. 

  20498. .border-grey-gallery {

  20499.   border-color: #555555 !important; }

  20500. 

  20501. .border-top-grey-gallery {

  20502.   border-top-color: #555555 !important; }

  20503. 

  20504. .border-bottom-grey-gallery {

  20505.   border-bottom-color: #555555 !important; }

  20506. 

  20507. .border-left-grey-gallery {

  20508.   border-left-color: #555555 !important; }

  20509. 

  20510. .border-right-grey-gallery {

  20511.   border-right-color: #555555 !important; }

  20512. 

  20513. .bg-before-grey-gallery:before,

  20514. .bg-after-grey-gallery:after {

  20515.   background: #555555 !important; }

  20516. 

  20517. .border-before-grey-gallery:before,

  20518. .border-after-grey-gallery:after {

  20519.   border-color: #555555 !important; }

  20520. 

  20521. .border-top-before-grey-gallery:before,

  20522. .border-top-after-grey-gallery:after {

  20523.   border-top-color: #555555 !important; }

  20524. 

  20525. .border-bottom-before-grey-gallery:before,

  20526. .border-bottom-after-grey-gallery:after {

  20527.   border-bottom-color: #555555 !important; }

  20528. 

  20529. .border-left-before-grey-gallery:before,

  20530. .border-left-after-grey-gallery:after {

  20531.   border-left-color: #555555 !important; }

  20532. 

  20533. .border-right-before-grey-gallery:before,

  20534. .border-right-after-grey-gallery:after {

  20535.   border-right-color: #555555 !important; }

  20536. 

  20537. .bg-grey-cascade {

  20538.   background: #95A5A6 !important; }

  20539. 

  20540. .bg-grey-cascade-opacity {

  20541.   background: rgba(149, 165, 166, 0.8) !important; }

  20542. 

  20543. .bg-hover-grey-cascade:hover {

  20544.   background: #95A5A6 !important; }

  20545. 

  20546. .font-grey-cascade {

  20547.   color: #95A5A6 !important; }

  20548. 

  20549. .bg-font-grey-cascade {

  20550.   color: #FFFFFF !important; }

  20551. 

  20552. .border-grey-cascade {

  20553.   border-color: #95A5A6 !important; }

  20554. 

  20555. .border-top-grey-cascade {

  20556.   border-top-color: #95A5A6 !important; }

  20557. 

  20558. .border-bottom-grey-cascade {

  20559.   border-bottom-color: #95A5A6 !important; }

  20560. 

  20561. .border-left-grey-cascade {

  20562.   border-left-color: #95A5A6 !important; }

  20563. 

  20564. .border-right-grey-cascade {

  20565.   border-right-color: #95A5A6 !important; }

  20566. 

  20567. .bg-before-grey-cascade:before,

  20568. .bg-after-grey-cascade:after {

  20569.   background: #95A5A6 !important; }

  20570. 

  20571. .border-before-grey-cascade:before,

  20572. .border-after-grey-cascade:after {

  20573.   border-color: #95A5A6 !important; }

  20574. 

  20575. .border-top-before-grey-cascade:before,

  20576. .border-top-after-grey-cascade:after {

  20577.   border-top-color: #95A5A6 !important; }

  20578. 

  20579. .border-bottom-before-grey-cascade:before,

  20580. .border-bottom-after-grey-cascade:after {

  20581.   border-bottom-color: #95A5A6 !important; }

  20582. 

  20583. .border-left-before-grey-cascade:before,

  20584. .border-left-after-grey-cascade:after {

  20585.   border-left-color: #95A5A6 !important; }

  20586. 

  20587. .border-right-before-grey-cascade:before,

  20588. .border-right-after-grey-cascade:after {

  20589.   border-right-color: #95A5A6 !important; }

  20590. 

  20591. .bg-grey-silver {

  20592.   background: #BFBFBF !important; }

  20593. 

  20594. .bg-grey-silver-opacity {

  20595.   background: rgba(191, 191, 191, 0.8) !important; }

  20596. 

  20597. .bg-hover-grey-silver:hover {

  20598.   background: #BFBFBF !important; }

  20599. 

  20600. .font-grey-silver {

  20601.   color: #BFBFBF !important; }

  20602. 

  20603. .bg-font-grey-silver {

  20604.   color: #FAFCFB !important; }

  20605. 

  20606. .border-grey-silver {

  20607.   border-color: #BFBFBF !important; }

  20608. 

  20609. .border-top-grey-silver {

  20610.   border-top-color: #BFBFBF !important; }

  20611. 

  20612. .border-bottom-grey-silver {

  20613.   border-bottom-color: #BFBFBF !important; }

  20614. 

  20615. .border-left-grey-silver {

  20616.   border-left-color: #BFBFBF !important; }

  20617. 

  20618. .border-right-grey-silver {

  20619.   border-right-color: #BFBFBF !important; }

  20620. 

  20621. .bg-before-grey-silver:before,

  20622. .bg-after-grey-silver:after {

  20623.   background: #BFBFBF !important; }

  20624. 

  20625. .border-before-grey-silver:before,

  20626. .border-after-grey-silver:after {

  20627.   border-color: #BFBFBF !important; }

  20628. 

  20629. .border-top-before-grey-silver:before,

  20630. .border-top-after-grey-silver:after {

  20631.   border-top-color: #BFBFBF !important; }

  20632. 

  20633. .border-bottom-before-grey-silver:before,

  20634. .border-bottom-after-grey-silver:after {

  20635.   border-bottom-color: #BFBFBF !important; }

  20636. 

  20637. .border-left-before-grey-silver:before,

  20638. .border-left-after-grey-silver:after {

  20639.   border-left-color: #BFBFBF !important; }

  20640. 

  20641. .border-right-before-grey-silver:before,

  20642. .border-right-after-grey-silver:after {

  20643.   border-right-color: #BFBFBF !important; }

  20644. 

  20645. .bg-grey-salsa {

  20646.   background: #ACB5C3 !important; }

  20647. 

  20648. .bg-grey-salsa-opacity {

  20649.   background: rgba(172, 181, 195, 0.8) !important; }

  20650. 

  20651. .bg-hover-grey-salsa:hover {

  20652.   background: #ACB5C3 !important; }

  20653. 

  20654. .font-grey-salsa {

  20655.   color: #ACB5C3 !important; }

  20656. 

  20657. .bg-font-grey-salsa {

  20658.   color: #FAFCFB !important; }

  20659. 

  20660. .border-grey-salsa {

  20661.   border-color: #ACB5C3 !important; }

  20662. 

  20663. .border-top-grey-salsa {

  20664.   border-top-color: #ACB5C3 !important; }

  20665. 

  20666. .border-bottom-grey-salsa {

  20667.   border-bottom-color: #ACB5C3 !important; }

  20668. 

  20669. .border-left-grey-salsa {

  20670.   border-left-color: #ACB5C3 !important; }

  20671. 

  20672. .border-right-grey-salsa {

  20673.   border-right-color: #ACB5C3 !important; }

  20674. 

  20675. .bg-before-grey-salsa:before,

  20676. .bg-after-grey-salsa:after {

  20677.   background: #ACB5C3 !important; }

  20678. 

  20679. .border-before-grey-salsa:before,

  20680. .border-after-grey-salsa:after {

  20681.   border-color: #ACB5C3 !important; }

  20682. 

  20683. .border-top-before-grey-salsa:before,

  20684. .border-top-after-grey-salsa:after {

  20685.   border-top-color: #ACB5C3 !important; }

  20686. 

  20687. .border-bottom-before-grey-salsa:before,

  20688. .border-bottom-after-grey-salsa:after {

  20689.   border-bottom-color: #ACB5C3 !important; }

  20690. 

  20691. .border-left-before-grey-salsa:before,

  20692. .border-left-after-grey-salsa:after {

  20693.   border-left-color: #ACB5C3 !important; }

  20694. 

  20695. .border-right-before-grey-salsa:before,

  20696. .border-right-after-grey-salsa:after {

  20697.   border-right-color: #ACB5C3 !important; }

  20698. 

  20699. .bg-grey-salt {

  20700.   background: #bfcad1 !important; }

  20701. 

  20702. .bg-grey-salt-opacity {

  20703.   background: rgba(191, 202, 209, 0.8) !important; }

  20704. 

  20705. .bg-hover-grey-salt:hover {

  20706.   background: #bfcad1 !important; }

  20707. 

  20708. .font-grey-salt {

  20709.   color: #bfcad1 !important; }

  20710. 

  20711. .bg-font-grey-salt {

  20712.   color: #FAFCFB !important; }

  20713. 

  20714. .border-grey-salt {

  20715.   border-color: #bfcad1 !important; }

  20716. 

  20717. .border-top-grey-salt {

  20718.   border-top-color: #bfcad1 !important; }

  20719. 

  20720. .border-bottom-grey-salt {

  20721.   border-bottom-color: #bfcad1 !important; }

  20722. 

  20723. .border-left-grey-salt {

  20724.   border-left-color: #bfcad1 !important; }

  20725. 

  20726. .border-right-grey-salt {

  20727.   border-right-color: #bfcad1 !important; }

  20728. 

  20729. .bg-before-grey-salt:before,

  20730. .bg-after-grey-salt:after {

  20731.   background: #bfcad1 !important; }

  20732. 

  20733. .border-before-grey-salt:before,

  20734. .border-after-grey-salt:after {

  20735.   border-color: #bfcad1 !important; }

  20736. 

  20737. .border-top-before-grey-salt:before,

  20738. .border-top-after-grey-salt:after {

  20739.   border-top-color: #bfcad1 !important; }

  20740. 

  20741. .border-bottom-before-grey-salt:before,

  20742. .border-bottom-after-grey-salt:after {

  20743.   border-bottom-color: #bfcad1 !important; }

  20744. 

  20745. .border-left-before-grey-salt:before,

  20746. .border-left-after-grey-salt:after {

  20747.   border-left-color: #bfcad1 !important; }

  20748. 

  20749. .border-right-before-grey-salt:before,

  20750. .border-right-after-grey-salt:after {

  20751.   border-right-color: #bfcad1 !important; }

  20752. 

  20753. .bg-grey-mint {

  20754.   background: #525e64 !important; }

  20755. 

  20756. .bg-grey-mint-opacity {

  20757.   background: rgba(82, 94, 100, 0.8) !important; }

  20758. 

  20759. .bg-hover-grey-mint:hover {

  20760.   background: #525e64 !important; }

  20761. 

  20762. .font-grey-mint {

  20763.   color: #525e64 !important; }

  20764. 

  20765. .bg-font-grey-mint {

  20766.   color: #FFFFFF !important; }

  20767. 

  20768. .border-grey-mint {

  20769.   border-color: #525e64 !important; }

  20770. 

  20771. .border-top-grey-mint {

  20772.   border-top-color: #525e64 !important; }

  20773. 

  20774. .border-bottom-grey-mint {

  20775.   border-bottom-color: #525e64 !important; }

  20776. 

  20777. .border-left-grey-mint {

  20778.   border-left-color: #525e64 !important; }

  20779. 

  20780. .border-right-grey-mint {

  20781.   border-right-color: #525e64 !important; }

  20782. 

  20783. .bg-before-grey-mint:before,

  20784. .bg-after-grey-mint:after {

  20785.   background: #525e64 !important; }

  20786. 

  20787. .border-before-grey-mint:before,

  20788. .border-after-grey-mint:after {

  20789.   border-color: #525e64 !important; }

  20790. 

  20791. .border-top-before-grey-mint:before,

  20792. .border-top-after-grey-mint:after {

  20793.   border-top-color: #525e64 !important; }

  20794. 

  20795. .border-bottom-before-grey-mint:before,

  20796. .border-bottom-after-grey-mint:after {

  20797.   border-bottom-color: #525e64 !important; }

  20798. 

  20799. .border-left-before-grey-mint:before,

  20800. .border-left-after-grey-mint:after {

  20801.   border-left-color: #525e64 !important; }

  20802. 

  20803. .border-right-before-grey-mint:before,

  20804. .border-right-after-grey-mint:after {

  20805.   border-right-color: #525e64 !important; }

  20806. 

  20807. .bg-red {

  20808.   background: #e7505a !important; }

  20809. 

  20810. .bg-red-opacity {

  20811.   background: rgba(231, 80, 90, 0.8) !important; }

  20812. 

  20813. .bg-hover-red:hover {

  20814.   background: #e7505a !important; }

  20815. 

  20816. .font-red {

  20817.   color: #e7505a !important; }

  20818. 

  20819. .bg-font-red {

  20820.   color: #ffffff !important; }

  20821. 

  20822. .border-red {

  20823.   border-color: #e7505a !important; }

  20824. 

  20825. .border-top-red {

  20826.   border-top-color: #e7505a !important; }

  20827. 

  20828. .border-bottom-red {

  20829.   border-bottom-color: #e7505a !important; }

  20830. 

  20831. .border-left-red {

  20832.   border-left-color: #e7505a !important; }

  20833. 

  20834. .border-right-red {

  20835.   border-right-color: #e7505a !important; }

  20836. 

  20837. .bg-before-red:before,

  20838. .bg-after-red:after {

  20839.   background: #e7505a !important; }

  20840. 

  20841. .border-before-red:before,

  20842. .border-after-red:after {

  20843.   border-color: #e7505a !important; }

  20844. 

  20845. .border-top-before-red:before,

  20846. .border-top-after-red:after {

  20847.   border-top-color: #e7505a !important; }

  20848. 

  20849. .border-bottom-before-red:before,

  20850. .border-bottom-after-red:after {

  20851.   border-bottom-color: #e7505a !important; }

  20852. 

  20853. .border-left-before-red:before,

  20854. .border-left-after-red:after {

  20855.   border-left-color: #e7505a !important; }

  20856. 

  20857. .border-right-before-red:before,

  20858. .border-right-after-red:after {

  20859.   border-right-color: #e7505a !important; }

  20860. 

  20861. .bg-red-pink {

  20862.   background: #E08283 !important; }

  20863. 

  20864. .bg-red-pink-opacity {

  20865.   background: rgba(224, 130, 131, 0.8) !important; }

  20866. 

  20867. .bg-hover-red-pink:hover {

  20868.   background: #E08283 !important; }

  20869. 

  20870. .font-red-pink {

  20871.   color: #E08283 !important; }

  20872. 

  20873. .bg-font-red-pink {

  20874.   color: #ffffff !important; }

  20875. 

  20876. .border-red-pink {

  20877.   border-color: #E08283 !important; }

  20878. 

  20879. .border-top-red-pink {

  20880.   border-top-color: #E08283 !important; }

  20881. 

  20882. .border-bottom-red-pink {

  20883.   border-bottom-color: #E08283 !important; }

  20884. 

  20885. .border-left-red-pink {

  20886.   border-left-color: #E08283 !important; }

  20887. 

  20888. .border-right-red-pink {

  20889.   border-right-color: #E08283 !important; }

  20890. 

  20891. .bg-before-red-pink:before,

  20892. .bg-after-red-pink:after {

  20893.   background: #E08283 !important; }

  20894. 

  20895. .border-before-red-pink:before,

  20896. .border-after-red-pink:after {

  20897.   border-color: #E08283 !important; }

  20898. 

  20899. .border-top-before-red-pink:before,

  20900. .border-top-after-red-pink:after {

  20901.   border-top-color: #E08283 !important; }

  20902. 

  20903. .border-bottom-before-red-pink:before,

  20904. .border-bottom-after-red-pink:after {

  20905.   border-bottom-color: #E08283 !important; }

  20906. 

  20907. .border-left-before-red-pink:before,

  20908. .border-left-after-red-pink:after {

  20909.   border-left-color: #E08283 !important; }

  20910. 

  20911. .border-right-before-red-pink:before,

  20912. .border-right-after-red-pink:after {

  20913.   border-right-color: #E08283 !important; }

  20914. 

  20915. .bg-red-sunglo {

  20916.   background: #E26A6A !important; }

  20917. 

  20918. .bg-red-sunglo-opacity {

  20919.   background: rgba(226, 106, 106, 0.8) !important; }

  20920. 

  20921. .bg-hover-red-sunglo:hover {

  20922.   background: #E26A6A !important; }

  20923. 

  20924. .font-red-sunglo {

  20925.   color: #E26A6A !important; }

  20926. 

  20927. .bg-font-red-sunglo {

  20928.   color: #ffffff !important; }

  20929. 

  20930. .border-red-sunglo {

  20931.   border-color: #E26A6A !important; }

  20932. 

  20933. .border-top-red-sunglo {

  20934.   border-top-color: #E26A6A !important; }

  20935. 

  20936. .border-bottom-red-sunglo {

  20937.   border-bottom-color: #E26A6A !important; }

  20938. 

  20939. .border-left-red-sunglo {

  20940.   border-left-color: #E26A6A !important; }

  20941. 

  20942. .border-right-red-sunglo {

  20943.   border-right-color: #E26A6A !important; }

  20944. 

  20945. .bg-before-red-sunglo:before,

  20946. .bg-after-red-sunglo:after {

  20947.   background: #E26A6A !important; }

  20948. 

  20949. .border-before-red-sunglo:before,

  20950. .border-after-red-sunglo:after {

  20951.   border-color: #E26A6A !important; }

  20952. 

  20953. .border-top-before-red-sunglo:before,

  20954. .border-top-after-red-sunglo:after {

  20955.   border-top-color: #E26A6A !important; }

  20956. 

  20957. .border-bottom-before-red-sunglo:before,

  20958. .border-bottom-after-red-sunglo:after {

  20959.   border-bottom-color: #E26A6A !important; }

  20960. 

  20961. .border-left-before-red-sunglo:before,

  20962. .border-left-after-red-sunglo:after {

  20963.   border-left-color: #E26A6A !important; }

  20964. 

  20965. .border-right-before-red-sunglo:before,

  20966. .border-right-after-red-sunglo:after {

  20967.   border-right-color: #E26A6A !important; }

  20968. 

  20969. .bg-red-intense {

  20970.   background: #e35b5a !important; }

  20971. 

  20972. .bg-red-intense-opacity {

  20973.   background: rgba(227, 91, 90, 0.8) !important; }

  20974. 

  20975. .bg-hover-red-intense:hover {

  20976.   background: #e35b5a !important; }

  20977. 

  20978. .font-red-intense {

  20979.   color: #e35b5a !important; }

  20980. 

  20981. .bg-font-red-intense {

  20982.   color: #ffffff !important; }

  20983. 

  20984. .border-red-intense {

  20985.   border-color: #e35b5a !important; }

  20986. 

  20987. .border-top-red-intense {

  20988.   border-top-color: #e35b5a !important; }

  20989. 

  20990. .border-bottom-red-intense {

  20991.   border-bottom-color: #e35b5a !important; }

  20992. 

  20993. .border-left-red-intense {

  20994.   border-left-color: #e35b5a !important; }

  20995. 

  20996. .border-right-red-intense {

  20997.   border-right-color: #e35b5a !important; }

  20998. 

  20999. .bg-before-red-intense:before,

  21000. .bg-after-red-intense:after {

  21001.   background: #e35b5a !important; }

  21002. 

  21003. .border-before-red-intense:before,

  21004. .border-after-red-intense:after {

  21005.   border-color: #e35b5a !important; }

  21006. 

  21007. .border-top-before-red-intense:before,

  21008. .border-top-after-red-intense:after {

  21009.   border-top-color: #e35b5a !important; }

  21010. 

  21011. .border-bottom-before-red-intense:before,

  21012. .border-bottom-after-red-intense:after {

  21013.   border-bottom-color: #e35b5a !important; }

  21014. 

  21015. .border-left-before-red-intense:before,

  21016. .border-left-after-red-intense:after {

  21017.   border-left-color: #e35b5a !important; }

  21018. 

  21019. .border-right-before-red-intense:before,

  21020. .border-right-after-red-intense:after {

  21021.   border-right-color: #e35b5a !important; }

  21022. 

  21023. .bg-red-thunderbird {

  21024.   background: #D91E18 !important; }

  21025. 

  21026. .bg-red-thunderbird-opacity {

  21027.   background: rgba(217, 30, 24, 0.8) !important; }

  21028. 

  21029. .bg-hover-red-thunderbird:hover {

  21030.   background: #D91E18 !important; }

  21031. 

  21032. .font-red-thunderbird {

  21033.   color: #D91E18 !important; }

  21034. 

  21035. .bg-font-red-thunderbird {

  21036.   color: #ffffff !important; }

  21037. 

  21038. .border-red-thunderbird {

  21039.   border-color: #D91E18 !important; }

  21040. 

  21041. .border-top-red-thunderbird {

  21042.   border-top-color: #D91E18 !important; }

  21043. 

  21044. .border-bottom-red-thunderbird {

  21045.   border-bottom-color: #D91E18 !important; }

  21046. 

  21047. .border-left-red-thunderbird {

  21048.   border-left-color: #D91E18 !important; }

  21049. 

  21050. .border-right-red-thunderbird {

  21051.   border-right-color: #D91E18 !important; }

  21052. 

  21053. .bg-before-red-thunderbird:before,

  21054. .bg-after-red-thunderbird:after {

  21055.   background: #D91E18 !important; }

  21056. 

  21057. .border-before-red-thunderbird:before,

  21058. .border-after-red-thunderbird:after {

  21059.   border-color: #D91E18 !important; }

  21060. 

  21061. .border-top-before-red-thunderbird:before,

  21062. .border-top-after-red-thunderbird:after {

  21063.   border-top-color: #D91E18 !important; }

  21064. 

  21065. .border-bottom-before-red-thunderbird:before,

  21066. .border-bottom-after-red-thunderbird:after {

  21067.   border-bottom-color: #D91E18 !important; }

  21068. 

  21069. .border-left-before-red-thunderbird:before,

  21070. .border-left-after-red-thunderbird:after {

  21071.   border-left-color: #D91E18 !important; }

  21072. 

  21073. .border-right-before-red-thunderbird:before,

  21074. .border-right-after-red-thunderbird:after {

  21075.   border-right-color: #D91E18 !important; }

  21076. 

  21077. .bg-red-flamingo {

  21078.   background: #EF4836 !important; }

  21079. 

  21080. .bg-red-flamingo-opacity {

  21081.   background: rgba(239, 72, 54, 0.8) !important; }

  21082. 

  21083. .bg-hover-red-flamingo:hover {

  21084.   background: #EF4836 !important; }

  21085. 

  21086. .font-red-flamingo {

  21087.   color: #EF4836 !important; }

  21088. 

  21089. .bg-font-red-flamingo {

  21090.   color: #ffffff !important; }

  21091. 

  21092. .border-red-flamingo {

  21093.   border-color: #EF4836 !important; }

  21094. 

  21095. .border-top-red-flamingo {

  21096.   border-top-color: #EF4836 !important; }

  21097. 

  21098. .border-bottom-red-flamingo {

  21099.   border-bottom-color: #EF4836 !important; }

  21100. 

  21101. .border-left-red-flamingo {

  21102.   border-left-color: #EF4836 !important; }

  21103. 

  21104. .border-right-red-flamingo {

  21105.   border-right-color: #EF4836 !important; }

  21106. 

  21107. .bg-before-red-flamingo:before,

  21108. .bg-after-red-flamingo:after {

  21109.   background: #EF4836 !important; }

  21110. 

  21111. .border-before-red-flamingo:before,

  21112. .border-after-red-flamingo:after {

  21113.   border-color: #EF4836 !important; }

  21114. 

  21115. .border-top-before-red-flamingo:before,

  21116. .border-top-after-red-flamingo:after {

  21117.   border-top-color: #EF4836 !important; }

  21118. 

  21119. .border-bottom-before-red-flamingo:before,

  21120. .border-bottom-after-red-flamingo:after {

  21121.   border-bottom-color: #EF4836 !important; }

  21122. 

  21123. .border-left-before-red-flamingo:before,

  21124. .border-left-after-red-flamingo:after {

  21125.   border-left-color: #EF4836 !important; }

  21126. 

  21127. .border-right-before-red-flamingo:before,

  21128. .border-right-after-red-flamingo:after {

  21129.   border-right-color: #EF4836 !important; }

  21130. 

  21131. .bg-red-soft {

  21132.   background: #d05454 !important; }

  21133. 

  21134. .bg-red-soft-opacity {

  21135.   background: rgba(208, 84, 84, 0.8) !important; }

  21136. 

  21137. .bg-hover-red-soft:hover {

  21138.   background: #d05454 !important; }

  21139. 

  21140. .font-red-soft {

  21141.   color: #d05454 !important; }

  21142. 

  21143. .bg-font-red-soft {

  21144.   color: #ffffff !important; }

  21145. 

  21146. .border-red-soft {

  21147.   border-color: #d05454 !important; }

  21148. 

  21149. .border-top-red-soft {

  21150.   border-top-color: #d05454 !important; }

  21151. 

  21152. .border-bottom-red-soft {

  21153.   border-bottom-color: #d05454 !important; }

  21154. 

  21155. .border-left-red-soft {

  21156.   border-left-color: #d05454 !important; }

  21157. 

  21158. .border-right-red-soft {

  21159.   border-right-color: #d05454 !important; }

  21160. 

  21161. .bg-before-red-soft:before,

  21162. .bg-after-red-soft:after {

  21163.   background: #d05454 !important; }

  21164. 

  21165. .border-before-red-soft:before,

  21166. .border-after-red-soft:after {

  21167.   border-color: #d05454 !important; }

  21168. 

  21169. .border-top-before-red-soft:before,

  21170. .border-top-after-red-soft:after {

  21171.   border-top-color: #d05454 !important; }

  21172. 

  21173. .border-bottom-before-red-soft:before,

  21174. .border-bottom-after-red-soft:after {

  21175.   border-bottom-color: #d05454 !important; }

  21176. 

  21177. .border-left-before-red-soft:before,

  21178. .border-left-after-red-soft:after {

  21179.   border-left-color: #d05454 !important; }

  21180. 

  21181. .border-right-before-red-soft:before,

  21182. .border-right-after-red-soft:after {

  21183.   border-right-color: #d05454 !important; }

  21184. 

  21185. .bg-red-haze {

  21186.   background: #f36a5a !important; }

  21187. 

  21188. .bg-red-haze-opacity {

  21189.   background: rgba(243, 106, 90, 0.8) !important; }

  21190. 

  21191. .bg-hover-red-haze:hover {

  21192.   background: #f36a5a !important; }

  21193. 

  21194. .font-red-haze {

  21195.   color: #f36a5a !important; }

  21196. 

  21197. .bg-font-red-haze {

  21198.   color: #ffffff !important; }

  21199. 

  21200. .border-red-haze {

  21201.   border-color: #f36a5a !important; }

  21202. 

  21203. .border-top-red-haze {

  21204.   border-top-color: #f36a5a !important; }

  21205. 

  21206. .border-bottom-red-haze {

  21207.   border-bottom-color: #f36a5a !important; }

  21208. 

  21209. .border-left-red-haze {

  21210.   border-left-color: #f36a5a !important; }

  21211. 

  21212. .border-right-red-haze {

  21213.   border-right-color: #f36a5a !important; }

  21214. 

  21215. .bg-before-red-haze:before,

  21216. .bg-after-red-haze:after {

  21217.   background: #f36a5a !important; }

  21218. 

  21219. .border-before-red-haze:before,

  21220. .border-after-red-haze:after {

  21221.   border-color: #f36a5a !important; }

  21222. 

  21223. .border-top-before-red-haze:before,

  21224. .border-top-after-red-haze:after {

  21225.   border-top-color: #f36a5a !important; }

  21226. 

  21227. .border-bottom-before-red-haze:before,

  21228. .border-bottom-after-red-haze:after {

  21229.   border-bottom-color: #f36a5a !important; }

  21230. 

  21231. .border-left-before-red-haze:before,

  21232. .border-left-after-red-haze:after {

  21233.   border-left-color: #f36a5a !important; }

  21234. 

  21235. .border-right-before-red-haze:before,

  21236. .border-right-after-red-haze:after {

  21237.   border-right-color: #f36a5a !important; }

  21238. 

  21239. .bg-red-mint {

  21240.   background: #e43a45 !important; }

  21241. 

  21242. .bg-red-mint-opacity {

  21243.   background: rgba(228, 58, 69, 0.8) !important; }

  21244. 

  21245. .bg-hover-red-mint:hover {

  21246.   background: #e43a45 !important; }

  21247. 

  21248. .font-red-mint {

  21249.   color: #e43a45 !important; }

  21250. 

  21251. .bg-font-red-mint {

  21252.   color: #ffffff !important; }

  21253. 

  21254. .border-red-mint {

  21255.   border-color: #e43a45 !important; }

  21256. 

  21257. .border-top-red-mint {

  21258.   border-top-color: #e43a45 !important; }

  21259. 

  21260. .border-bottom-red-mint {

  21261.   border-bottom-color: #e43a45 !important; }

  21262. 

  21263. .border-left-red-mint {

  21264.   border-left-color: #e43a45 !important; }

  21265. 

  21266. .border-right-red-mint {

  21267.   border-right-color: #e43a45 !important; }

  21268. 

  21269. .bg-before-red-mint:before,

  21270. .bg-after-red-mint:after {

  21271.   background: #e43a45 !important; }

  21272. 

  21273. .border-before-red-mint:before,

  21274. .border-after-red-mint:after {

  21275.   border-color: #e43a45 !important; }

  21276. 

  21277. .border-top-before-red-mint:before,

  21278. .border-top-after-red-mint:after {

  21279.   border-top-color: #e43a45 !important; }

  21280. 

  21281. .border-bottom-before-red-mint:before,

  21282. .border-bottom-after-red-mint:after {

  21283.   border-bottom-color: #e43a45 !important; }

  21284. 

  21285. .border-left-before-red-mint:before,

  21286. .border-left-after-red-mint:after {

  21287.   border-left-color: #e43a45 !important; }

  21288. 

  21289. .border-right-before-red-mint:before,

  21290. .border-right-after-red-mint:after {

  21291.   border-right-color: #e43a45 !important; }

  21292. 

  21293. .bg-yellow {

  21294.   background: #c49f47 !important; }

  21295. 

  21296. .bg-yellow-opacity {

  21297.   background: rgba(196, 159, 71, 0.8) !important; }

  21298. 

  21299. .bg-hover-yellow:hover {

  21300.   background: #c49f47 !important; }

  21301. 

  21302. .font-yellow {

  21303.   color: #c49f47 !important; }

  21304. 

  21305. .bg-font-yellow {

  21306.   color: #ffffff !important; }

  21307. 

  21308. .border-yellow {

  21309.   border-color: #c49f47 !important; }

  21310. 

  21311. .border-top-yellow {

  21312.   border-top-color: #c49f47 !important; }

  21313. 

  21314. .border-bottom-yellow {

  21315.   border-bottom-color: #c49f47 !important; }

  21316. 

  21317. .border-left-yellow {

  21318.   border-left-color: #c49f47 !important; }

  21319. 

  21320. .border-right-yellow {

  21321.   border-right-color: #c49f47 !important; }

  21322. 

  21323. .bg-before-yellow:before,

  21324. .bg-after-yellow:after {

  21325.   background: #c49f47 !important; }

  21326. 

  21327. .border-before-yellow:before,

  21328. .border-after-yellow:after {

  21329.   border-color: #c49f47 !important; }

  21330. 

  21331. .border-top-before-yellow:before,

  21332. .border-top-after-yellow:after {

  21333.   border-top-color: #c49f47 !important; }

  21334. 

  21335. .border-bottom-before-yellow:before,

  21336. .border-bottom-after-yellow:after {

  21337.   border-bottom-color: #c49f47 !important; }

  21338. 

  21339. .border-left-before-yellow:before,

  21340. .border-left-after-yellow:after {

  21341.   border-left-color: #c49f47 !important; }

  21342. 

  21343. .border-right-before-yellow:before,

  21344. .border-right-after-yellow:after {

  21345.   border-right-color: #c49f47 !important; }

  21346. 

  21347. .bg-yellow-gold {

  21348.   background: #E87E04 !important; }

  21349. 

  21350. .bg-yellow-gold-opacity {

  21351.   background: rgba(232, 126, 4, 0.8) !important; }

  21352. 

  21353. .bg-hover-yellow-gold:hover {

  21354.   background: #E87E04 !important; }

  21355. 

  21356. .font-yellow-gold {

  21357.   color: #E87E04 !important; }

  21358. 

  21359. .bg-font-yellow-gold {

  21360.   color: #ffffff !important; }

  21361. 

  21362. .border-yellow-gold {

  21363.   border-color: #E87E04 !important; }

  21364. 

  21365. .border-top-yellow-gold {

  21366.   border-top-color: #E87E04 !important; }

  21367. 

  21368. .border-bottom-yellow-gold {

  21369.   border-bottom-color: #E87E04 !important; }

  21370. 

  21371. .border-left-yellow-gold {

  21372.   border-left-color: #E87E04 !important; }

  21373. 

  21374. .border-right-yellow-gold {

  21375.   border-right-color: #E87E04 !important; }

  21376. 

  21377. .bg-before-yellow-gold:before,

  21378. .bg-after-yellow-gold:after {

  21379.   background: #E87E04 !important; }

  21380. 

  21381. .border-before-yellow-gold:before,

  21382. .border-after-yellow-gold:after {

  21383.   border-color: #E87E04 !important; }

  21384. 

  21385. .border-top-before-yellow-gold:before,

  21386. .border-top-after-yellow-gold:after {

  21387.   border-top-color: #E87E04 !important; }

  21388. 

  21389. .border-bottom-before-yellow-gold:before,

  21390. .border-bottom-after-yellow-gold:after {

  21391.   border-bottom-color: #E87E04 !important; }

  21392. 

  21393. .border-left-before-yellow-gold:before,

  21394. .border-left-after-yellow-gold:after {

  21395.   border-left-color: #E87E04 !important; }

  21396. 

  21397. .border-right-before-yellow-gold:before,

  21398. .border-right-after-yellow-gold:after {

  21399.   border-right-color: #E87E04 !important; }

  21400. 

  21401. .bg-yellow-casablanca {

  21402.   background: #f2784b !important; }

  21403. 

  21404. .bg-yellow-casablanca-opacity {

  21405.   background: rgba(242, 120, 75, 0.8) !important; }

  21406. 

  21407. .bg-hover-yellow-casablanca:hover {

  21408.   background: #f2784b !important; }

  21409. 

  21410. .font-yellow-casablanca {

  21411.   color: #f2784b !important; }

  21412. 

  21413. .bg-font-yellow-casablanca {

  21414.   color: #ffffff !important; }

  21415. 

  21416. .border-yellow-casablanca {

  21417.   border-color: #f2784b !important; }

  21418. 

  21419. .border-top-yellow-casablanca {

  21420.   border-top-color: #f2784b !important; }

  21421. 

  21422. .border-bottom-yellow-casablanca {

  21423.   border-bottom-color: #f2784b !important; }

  21424. 

  21425. .border-left-yellow-casablanca {

  21426.   border-left-color: #f2784b !important; }

  21427. 

  21428. .border-right-yellow-casablanca {

  21429.   border-right-color: #f2784b !important; }

  21430. 

  21431. .bg-before-yellow-casablanca:before,

  21432. .bg-after-yellow-casablanca:after {

  21433.   background: #f2784b !important; }

  21434. 

  21435. .border-before-yellow-casablanca:before,

  21436. .border-after-yellow-casablanca:after {

  21437.   border-color: #f2784b !important; }

  21438. 

  21439. .border-top-before-yellow-casablanca:before,

  21440. .border-top-after-yellow-casablanca:after {

  21441.   border-top-color: #f2784b !important; }

  21442. 

  21443. .border-bottom-before-yellow-casablanca:before,

  21444. .border-bottom-after-yellow-casablanca:after {

  21445.   border-bottom-color: #f2784b !important; }

  21446. 

  21447. .border-left-before-yellow-casablanca:before,

  21448. .border-left-after-yellow-casablanca:after {

  21449.   border-left-color: #f2784b !important; }

  21450. 

  21451. .border-right-before-yellow-casablanca:before,

  21452. .border-right-after-yellow-casablanca:after {

  21453.   border-right-color: #f2784b !important; }

  21454. 

  21455. .bg-yellow-crusta {

  21456.   background: #f3c200 !important; }

  21457. 

  21458. .bg-yellow-crusta-opacity {

  21459.   background: rgba(243, 194, 0, 0.8) !important; }

  21460. 

  21461. .bg-hover-yellow-crusta:hover {

  21462.   background: #f3c200 !important; }

  21463. 

  21464. .font-yellow-crusta {

  21465.   color: #f3c200 !important; }

  21466. 

  21467. .bg-font-yellow-crusta {

  21468.   color: #ffffff !important; }

  21469. 

  21470. .border-yellow-crusta {

  21471.   border-color: #f3c200 !important; }

  21472. 

  21473. .border-top-yellow-crusta {

  21474.   border-top-color: #f3c200 !important; }

  21475. 

  21476. .border-bottom-yellow-crusta {

  21477.   border-bottom-color: #f3c200 !important; }

  21478. 

  21479. .border-left-yellow-crusta {

  21480.   border-left-color: #f3c200 !important; }

  21481. 

  21482. .border-right-yellow-crusta {

  21483.   border-right-color: #f3c200 !important; }

  21484. 

  21485. .bg-before-yellow-crusta:before,

  21486. .bg-after-yellow-crusta:after {

  21487.   background: #f3c200 !important; }

  21488. 

  21489. .border-before-yellow-crusta:before,

  21490. .border-after-yellow-crusta:after {

  21491.   border-color: #f3c200 !important; }

  21492. 

  21493. .border-top-before-yellow-crusta:before,

  21494. .border-top-after-yellow-crusta:after {

  21495.   border-top-color: #f3c200 !important; }

  21496. 

  21497. .border-bottom-before-yellow-crusta:before,

  21498. .border-bottom-after-yellow-crusta:after {

  21499.   border-bottom-color: #f3c200 !important; }

  21500. 

  21501. .border-left-before-yellow-crusta:before,

  21502. .border-left-after-yellow-crusta:after {

  21503.   border-left-color: #f3c200 !important; }

  21504. 

  21505. .border-right-before-yellow-crusta:before,

  21506. .border-right-after-yellow-crusta:after {

  21507.   border-right-color: #f3c200 !important; }

  21508. 

  21509. .bg-yellow-lemon {

  21510.   background: #F7CA18 !important; }

  21511. 

  21512. .bg-yellow-lemon-opacity {

  21513.   background: rgba(247, 202, 24, 0.8) !important; }

  21514. 

  21515. .bg-hover-yellow-lemon:hover {

  21516.   background: #F7CA18 !important; }

  21517. 

  21518. .font-yellow-lemon {

  21519.   color: #F7CA18 !important; }

  21520. 

  21521. .bg-font-yellow-lemon {

  21522.   color: #ffffff !important; }

  21523. 

  21524. .border-yellow-lemon {

  21525.   border-color: #F7CA18 !important; }

  21526. 

  21527. .border-top-yellow-lemon {

  21528.   border-top-color: #F7CA18 !important; }

  21529. 

  21530. .border-bottom-yellow-lemon {

  21531.   border-bottom-color: #F7CA18 !important; }

  21532. 

  21533. .border-left-yellow-lemon {

  21534.   border-left-color: #F7CA18 !important; }

  21535. 

  21536. .border-right-yellow-lemon {

  21537.   border-right-color: #F7CA18 !important; }

  21538. 

  21539. .bg-before-yellow-lemon:before,

  21540. .bg-after-yellow-lemon:after {

  21541.   background: #F7CA18 !important; }

  21542. 

  21543. .border-before-yellow-lemon:before,

  21544. .border-after-yellow-lemon:after {

  21545.   border-color: #F7CA18 !important; }

  21546. 

  21547. .border-top-before-yellow-lemon:before,

  21548. .border-top-after-yellow-lemon:after {

  21549.   border-top-color: #F7CA18 !important; }

  21550. 

  21551. .border-bottom-before-yellow-lemon:before,

  21552. .border-bottom-after-yellow-lemon:after {

  21553.   border-bottom-color: #F7CA18 !important; }

  21554. 

  21555. .border-left-before-yellow-lemon:before,

  21556. .border-left-after-yellow-lemon:after {

  21557.   border-left-color: #F7CA18 !important; }

  21558. 

  21559. .border-right-before-yellow-lemon:before,

  21560. .border-right-after-yellow-lemon:after {

  21561.   border-right-color: #F7CA18 !important; }

  21562. 

  21563. .bg-yellow-saffron {

  21564.   background: #F4D03F !important; }

  21565. 

  21566. .bg-yellow-saffron-opacity {

  21567.   background: rgba(244, 208, 63, 0.8) !important; }

  21568. 

  21569. .bg-hover-yellow-saffron:hover {

  21570.   background: #F4D03F !important; }

  21571. 

  21572. .font-yellow-saffron {

  21573.   color: #F4D03F !important; }

  21574. 

  21575. .bg-font-yellow-saffron {

  21576.   color: #ffffff !important; }

  21577. 

  21578. .border-yellow-saffron {

  21579.   border-color: #F4D03F !important; }

  21580. 

  21581. .border-top-yellow-saffron {

  21582.   border-top-color: #F4D03F !important; }

  21583. 

  21584. .border-bottom-yellow-saffron {

  21585.   border-bottom-color: #F4D03F !important; }

  21586. 

  21587. .border-left-yellow-saffron {

  21588.   border-left-color: #F4D03F !important; }

  21589. 

  21590. .border-right-yellow-saffron {

  21591.   border-right-color: #F4D03F !important; }

  21592. 

  21593. .bg-before-yellow-saffron:before,

  21594. .bg-after-yellow-saffron:after {

  21595.   background: #F4D03F !important; }

  21596. 

  21597. .border-before-yellow-saffron:before,

  21598. .border-after-yellow-saffron:after {

  21599.   border-color: #F4D03F !important; }

  21600. 

  21601. .border-top-before-yellow-saffron:before,

  21602. .border-top-after-yellow-saffron:after {

  21603.   border-top-color: #F4D03F !important; }

  21604. 

  21605. .border-bottom-before-yellow-saffron:before,

  21606. .border-bottom-after-yellow-saffron:after {

  21607.   border-bottom-color: #F4D03F !important; }

  21608. 

  21609. .border-left-before-yellow-saffron:before,

  21610. .border-left-after-yellow-saffron:after {

  21611.   border-left-color: #F4D03F !important; }

  21612. 

  21613. .border-right-before-yellow-saffron:before,

  21614. .border-right-after-yellow-saffron:after {

  21615.   border-right-color: #F4D03F !important; }

  21616. 

  21617. .bg-yellow-soft {

  21618.   background: #c8d046 !important; }

  21619. 

  21620. .bg-yellow-soft-opacity {

  21621.   background: rgba(200, 208, 70, 0.8) !important; }

  21622. 

  21623. .bg-hover-yellow-soft:hover {

  21624.   background: #c8d046 !important; }

  21625. 

  21626. .font-yellow-soft {

  21627.   color: #c8d046 !important; }

  21628. 

  21629. .bg-font-yellow-soft {

  21630.   color: #ffffff !important; }

  21631. 

  21632. .border-yellow-soft {

  21633.   border-color: #c8d046 !important; }

  21634. 

  21635. .border-top-yellow-soft {

  21636.   border-top-color: #c8d046 !important; }

  21637. 

  21638. .border-bottom-yellow-soft {

  21639.   border-bottom-color: #c8d046 !important; }

  21640. 

  21641. .border-left-yellow-soft {

  21642.   border-left-color: #c8d046 !important; }

  21643. 

  21644. .border-right-yellow-soft {

  21645.   border-right-color: #c8d046 !important; }

  21646. 

  21647. .bg-before-yellow-soft:before,

  21648. .bg-after-yellow-soft:after {

  21649.   background: #c8d046 !important; }

  21650. 

  21651. .border-before-yellow-soft:before,

  21652. .border-after-yellow-soft:after {

  21653.   border-color: #c8d046 !important; }

  21654. 

  21655. .border-top-before-yellow-soft:before,

  21656. .border-top-after-yellow-soft:after {

  21657.   border-top-color: #c8d046 !important; }

  21658. 

  21659. .border-bottom-before-yellow-soft:before,

  21660. .border-bottom-after-yellow-soft:after {

  21661.   border-bottom-color: #c8d046 !important; }

  21662. 

  21663. .border-left-before-yellow-soft:before,

  21664. .border-left-after-yellow-soft:after {

  21665.   border-left-color: #c8d046 !important; }

  21666. 

  21667. .border-right-before-yellow-soft:before,

  21668. .border-right-after-yellow-soft:after {

  21669.   border-right-color: #c8d046 !important; }

  21670. 

  21671. .bg-yellow-haze {

  21672.   background: #c5bf66 !important; }

  21673. 

  21674. .bg-yellow-haze-opacity {

  21675.   background: rgba(197, 191, 102, 0.8) !important; }

  21676. 

  21677. .bg-hover-yellow-haze:hover {

  21678.   background: #c5bf66 !important; }

  21679. 

  21680. .font-yellow-haze {

  21681.   color: #c5bf66 !important; }

  21682. 

  21683. .bg-font-yellow-haze {

  21684.   color: #ffffff !important; }

  21685. 

  21686. .border-yellow-haze {

  21687.   border-color: #c5bf66 !important; }

  21688. 

  21689. .border-top-yellow-haze {

  21690.   border-top-color: #c5bf66 !important; }

  21691. 

  21692. .border-bottom-yellow-haze {

  21693.   border-bottom-color: #c5bf66 !important; }

  21694. 

  21695. .border-left-yellow-haze {

  21696.   border-left-color: #c5bf66 !important; }

  21697. 

  21698. .border-right-yellow-haze {

  21699.   border-right-color: #c5bf66 !important; }

  21700. 

  21701. .bg-before-yellow-haze:before,

  21702. .bg-after-yellow-haze:after {

  21703.   background: #c5bf66 !important; }

  21704. 

  21705. .border-before-yellow-haze:before,

  21706. .border-after-yellow-haze:after {

  21707.   border-color: #c5bf66 !important; }

  21708. 

  21709. .border-top-before-yellow-haze:before,

  21710. .border-top-after-yellow-haze:after {

  21711.   border-top-color: #c5bf66 !important; }

  21712. 

  21713. .border-bottom-before-yellow-haze:before,

  21714. .border-bottom-after-yellow-haze:after {

  21715.   border-bottom-color: #c5bf66 !important; }

  21716. 

  21717. .border-left-before-yellow-haze:before,

  21718. .border-left-after-yellow-haze:after {

  21719.   border-left-color: #c5bf66 !important; }

  21720. 

  21721. .border-right-before-yellow-haze:before,

  21722. .border-right-after-yellow-haze:after {

  21723.   border-right-color: #c5bf66 !important; }

  21724. 

  21725. .bg-yellow-mint {

  21726.   background: #c5b96b !important; }

  21727. 

  21728. .bg-yellow-mint-opacity {

  21729.   background: rgba(197, 185, 107, 0.8) !important; }

  21730. 

  21731. .bg-hover-yellow-mint:hover {

  21732.   background: #c5b96b !important; }

  21733. 

  21734. .font-yellow-mint {

  21735.   color: #c5b96b !important; }

  21736. 

  21737. .bg-font-yellow-mint {

  21738.   color: #ffffff !important; }

  21739. 

  21740. .border-yellow-mint {

  21741.   border-color: #c5b96b !important; }

  21742. 

  21743. .border-top-yellow-mint {

  21744.   border-top-color: #c5b96b !important; }

  21745. 

  21746. .border-bottom-yellow-mint {

  21747.   border-bottom-color: #c5b96b !important; }

  21748. 

  21749. .border-left-yellow-mint {

  21750.   border-left-color: #c5b96b !important; }

  21751. 

  21752. .border-right-yellow-mint {

  21753.   border-right-color: #c5b96b !important; }

  21754. 

  21755. .bg-before-yellow-mint:before,

  21756. .bg-after-yellow-mint:after {

  21757.   background: #c5b96b !important; }

  21758. 

  21759. .border-before-yellow-mint:before,

  21760. .border-after-yellow-mint:after {

  21761.   border-color: #c5b96b !important; }

  21762. 

  21763. .border-top-before-yellow-mint:before,

  21764. .border-top-after-yellow-mint:after {

  21765.   border-top-color: #c5b96b !important; }

  21766. 

  21767. .border-bottom-before-yellow-mint:before,

  21768. .border-bottom-after-yellow-mint:after {

  21769.   border-bottom-color: #c5b96b !important; }

  21770. 

  21771. .border-left-before-yellow-mint:before,

  21772. .border-left-after-yellow-mint:after {

  21773.   border-left-color: #c5b96b !important; }

  21774. 

  21775. .border-right-before-yellow-mint:before,

  21776. .border-right-after-yellow-mint:after {

  21777.   border-right-color: #c5b96b !important; }

  21778. 

  21779. .bg-purple {

  21780.   background: #8E44AD !important; }

  21781. 

  21782. .bg-purple-opacity {

  21783.   background: rgba(142, 68, 173, 0.8) !important; }

  21784. 

  21785. .bg-hover-purple:hover {

  21786.   background: #8E44AD !important; }

  21787. 

  21788. .font-purple {

  21789.   color: #8E44AD !important; }

  21790. 

  21791. .bg-font-purple {

  21792.   color: #ffffff !important; }

  21793. 

  21794. .border-purple {

  21795.   border-color: #8E44AD !important; }

  21796. 

  21797. .border-top-purple {

  21798.   border-top-color: #8E44AD !important; }

  21799. 

  21800. .border-bottom-purple {

  21801.   border-bottom-color: #8E44AD !important; }

  21802. 

  21803. .border-left-purple {

  21804.   border-left-color: #8E44AD !important; }

  21805. 

  21806. .border-right-purple {

  21807.   border-right-color: #8E44AD !important; }

  21808. 

  21809. .bg-before-purple:before,

  21810. .bg-after-purple:after {

  21811.   background: #8E44AD !important; }

  21812. 

  21813. .border-before-purple:before,

  21814. .border-after-purple:after {

  21815.   border-color: #8E44AD !important; }

  21816. 

  21817. .border-top-before-purple:before,

  21818. .border-top-after-purple:after {

  21819.   border-top-color: #8E44AD !important; }

  21820. 

  21821. .border-bottom-before-purple:before,

  21822. .border-bottom-after-purple:after {

  21823.   border-bottom-color: #8E44AD !important; }

  21824. 

  21825. .border-left-before-purple:before,

  21826. .border-left-after-purple:after {

  21827.   border-left-color: #8E44AD !important; }

  21828. 

  21829. .border-right-before-purple:before,

  21830. .border-right-after-purple:after {

  21831.   border-right-color: #8E44AD !important; }

  21832. 

  21833. .bg-purple-plum {

  21834.   background: #8775a7 !important; }

  21835. 

  21836. .bg-purple-plum-opacity {

  21837.   background: rgba(135, 117, 167, 0.8) !important; }

  21838. 

  21839. .bg-hover-purple-plum:hover {

  21840.   background: #8775a7 !important; }

  21841. 

  21842. .font-purple-plum {

  21843.   color: #8775a7 !important; }

  21844. 

  21845. .bg-font-purple-plum {

  21846.   color: #ffffff !important; }

  21847. 

  21848. .border-purple-plum {

  21849.   border-color: #8775a7 !important; }

  21850. 

  21851. .border-top-purple-plum {

  21852.   border-top-color: #8775a7 !important; }

  21853. 

  21854. .border-bottom-purple-plum {

  21855.   border-bottom-color: #8775a7 !important; }

  21856. 

  21857. .border-left-purple-plum {

  21858.   border-left-color: #8775a7 !important; }

  21859. 

  21860. .border-right-purple-plum {

  21861.   border-right-color: #8775a7 !important; }

  21862. 

  21863. .bg-before-purple-plum:before,

  21864. .bg-after-purple-plum:after {

  21865.   background: #8775a7 !important; }

  21866. 

  21867. .border-before-purple-plum:before,

  21868. .border-after-purple-plum:after {

  21869.   border-color: #8775a7 !important; }

  21870. 

  21871. .border-top-before-purple-plum:before,

  21872. .border-top-after-purple-plum:after {

  21873.   border-top-color: #8775a7 !important; }

  21874. 

  21875. .border-bottom-before-purple-plum:before,

  21876. .border-bottom-after-purple-plum:after {

  21877.   border-bottom-color: #8775a7 !important; }

  21878. 

  21879. .border-left-before-purple-plum:before,

  21880. .border-left-after-purple-plum:after {

  21881.   border-left-color: #8775a7 !important; }

  21882. 

  21883. .border-right-before-purple-plum:before,

  21884. .border-right-after-purple-plum:after {

  21885.   border-right-color: #8775a7 !important; }

  21886. 

  21887. .bg-purple-medium {

  21888.   background: #BF55EC !important; }

  21889. 

  21890. .bg-purple-medium-opacity {

  21891.   background: rgba(191, 85, 236, 0.8) !important; }

  21892. 

  21893. .bg-hover-purple-medium:hover {

  21894.   background: #BF55EC !important; }

  21895. 

  21896. .font-purple-medium {

  21897.   color: #BF55EC !important; }

  21898. 

  21899. .bg-font-purple-medium {

  21900.   color: #ffffff !important; }

  21901. 

  21902. .border-purple-medium {

  21903.   border-color: #BF55EC !important; }

  21904. 

  21905. .border-top-purple-medium {

  21906.   border-top-color: #BF55EC !important; }

  21907. 

  21908. .border-bottom-purple-medium {

  21909.   border-bottom-color: #BF55EC !important; }

  21910. 

  21911. .border-left-purple-medium {

  21912.   border-left-color: #BF55EC !important; }

  21913. 

  21914. .border-right-purple-medium {

  21915.   border-right-color: #BF55EC !important; }

  21916. 

  21917. .bg-before-purple-medium:before,

  21918. .bg-after-purple-medium:after {

  21919.   background: #BF55EC !important; }

  21920. 

  21921. .border-before-purple-medium:before,

  21922. .border-after-purple-medium:after {

  21923.   border-color: #BF55EC !important; }

  21924. 

  21925. .border-top-before-purple-medium:before,

  21926. .border-top-after-purple-medium:after {

  21927.   border-top-color: #BF55EC !important; }

  21928. 

  21929. .border-bottom-before-purple-medium:before,

  21930. .border-bottom-after-purple-medium:after {

  21931.   border-bottom-color: #BF55EC !important; }

  21932. 

  21933. .border-left-before-purple-medium:before,

  21934. .border-left-after-purple-medium:after {

  21935.   border-left-color: #BF55EC !important; }

  21936. 

  21937. .border-right-before-purple-medium:before,

  21938. .border-right-after-purple-medium:after {

  21939.   border-right-color: #BF55EC !important; }

  21940. 

  21941. .bg-purple-studio {

  21942.   background: #8E44AD !important; }

  21943. 

  21944. .bg-purple-studio-opacity {

  21945.   background: rgba(142, 68, 173, 0.8) !important; }

  21946. 

  21947. .bg-hover-purple-studio:hover {

  21948.   background: #8E44AD !important; }

  21949. 

  21950. .font-purple-studio {

  21951.   color: #8E44AD !important; }

  21952. 

  21953. .bg-font-purple-studio {

  21954.   color: #ffffff !important; }

  21955. 

  21956. .border-purple-studio {

  21957.   border-color: #8E44AD !important; }

  21958. 

  21959. .border-top-purple-studio {

  21960.   border-top-color: #8E44AD !important; }

  21961. 

  21962. .border-bottom-purple-studio {

  21963.   border-bottom-color: #8E44AD !important; }

  21964. 

  21965. .border-left-purple-studio {

  21966.   border-left-color: #8E44AD !important; }

  21967. 

  21968. .border-right-purple-studio {

  21969.   border-right-color: #8E44AD !important; }

  21970. 

  21971. .bg-before-purple-studio:before,

  21972. .bg-after-purple-studio:after {

  21973.   background: #8E44AD !important; }

  21974. 

  21975. .border-before-purple-studio:before,

  21976. .border-after-purple-studio:after {

  21977.   border-color: #8E44AD !important; }

  21978. 

  21979. .border-top-before-purple-studio:before,

  21980. .border-top-after-purple-studio:after {

  21981.   border-top-color: #8E44AD !important; }

  21982. 

  21983. .border-bottom-before-purple-studio:before,

  21984. .border-bottom-after-purple-studio:after {

  21985.   border-bottom-color: #8E44AD !important; }

  21986. 

  21987. .border-left-before-purple-studio:before,

  21988. .border-left-after-purple-studio:after {

  21989.   border-left-color: #8E44AD !important; }

  21990. 

  21991. .border-right-before-purple-studio:before,

  21992. .border-right-after-purple-studio:after {

  21993.   border-right-color: #8E44AD !important; }

  21994. 

  21995. .bg-purple-wisteria {

  21996.   background: #9B59B6 !important; }

  21997. 

  21998. .bg-purple-wisteria-opacity {

  21999.   background: rgba(155, 89, 182, 0.8) !important; }

  22000. 

  22001. .bg-hover-purple-wisteria:hover {

  22002.   background: #9B59B6 !important; }

  22003. 

  22004. .font-purple-wisteria {

  22005.   color: #9B59B6 !important; }

  22006. 

  22007. .bg-font-purple-wisteria {

  22008.   color: #ffffff !important; }

  22009. 

  22010. .border-purple-wisteria {

  22011.   border-color: #9B59B6 !important; }

  22012. 

  22013. .border-top-purple-wisteria {

  22014.   border-top-color: #9B59B6 !important; }

  22015. 

  22016. .border-bottom-purple-wisteria {

  22017.   border-bottom-color: #9B59B6 !important; }

  22018. 

  22019. .border-left-purple-wisteria {

  22020.   border-left-color: #9B59B6 !important; }

  22021. 

  22022. .border-right-purple-wisteria {

  22023.   border-right-color: #9B59B6 !important; }

  22024. 

  22025. .bg-before-purple-wisteria:before,

  22026. .bg-after-purple-wisteria:after {

  22027.   background: #9B59B6 !important; }

  22028. 

  22029. .border-before-purple-wisteria:before,

  22030. .border-after-purple-wisteria:after {

  22031.   border-color: #9B59B6 !important; }

  22032. 

  22033. .border-top-before-purple-wisteria:before,

  22034. .border-top-after-purple-wisteria:after {

  22035.   border-top-color: #9B59B6 !important; }

  22036. 

  22037. .border-bottom-before-purple-wisteria:before,

  22038. .border-bottom-after-purple-wisteria:after {

  22039.   border-bottom-color: #9B59B6 !important; }

  22040. 

  22041. .border-left-before-purple-wisteria:before,

  22042. .border-left-after-purple-wisteria:after {

  22043.   border-left-color: #9B59B6 !important; }

  22044. 

  22045. .border-right-before-purple-wisteria:before,

  22046. .border-right-after-purple-wisteria:after {

  22047.   border-right-color: #9B59B6 !important; }

  22048. 

  22049. .bg-purple-seance {

  22050.   background: #9A12B3 !important; }

  22051. 

  22052. .bg-purple-seance-opacity {

  22053.   background: rgba(154, 18, 179, 0.8) !important; }

  22054. 

  22055. .bg-hover-purple-seance:hover {

  22056.   background: #9A12B3 !important; }

  22057. 

  22058. .font-purple-seance {

  22059.   color: #9A12B3 !important; }

  22060. 

  22061. .bg-font-purple-seance {

  22062.   color: #ffffff !important; }

  22063. 

  22064. .border-purple-seance {

  22065.   border-color: #9A12B3 !important; }

  22066. 

  22067. .border-top-purple-seance {

  22068.   border-top-color: #9A12B3 !important; }

  22069. 

  22070. .border-bottom-purple-seance {

  22071.   border-bottom-color: #9A12B3 !important; }

  22072. 

  22073. .border-left-purple-seance {

  22074.   border-left-color: #9A12B3 !important; }

  22075. 

  22076. .border-right-purple-seance {

  22077.   border-right-color: #9A12B3 !important; }

  22078. 

  22079. .bg-before-purple-seance:before,

  22080. .bg-after-purple-seance:after {

  22081.   background: #9A12B3 !important; }

  22082. 

  22083. .border-before-purple-seance:before,

  22084. .border-after-purple-seance:after {

  22085.   border-color: #9A12B3 !important; }

  22086. 

  22087. .border-top-before-purple-seance:before,

  22088. .border-top-after-purple-seance:after {

  22089.   border-top-color: #9A12B3 !important; }

  22090. 

  22091. .border-bottom-before-purple-seance:before,

  22092. .border-bottom-after-purple-seance:after {

  22093.   border-bottom-color: #9A12B3 !important; }

  22094. 

  22095. .border-left-before-purple-seance:before,

  22096. .border-left-after-purple-seance:after {

  22097.   border-left-color: #9A12B3 !important; }

  22098. 

  22099. .border-right-before-purple-seance:before,

  22100. .border-right-after-purple-seance:after {

  22101.   border-right-color: #9A12B3 !important; }

  22102. 

  22103. .bg-purple-intense {

  22104.   background: #8775a7 !important; }

  22105. 

  22106. .bg-purple-intense-opacity {

  22107.   background: rgba(135, 117, 167, 0.8) !important; }

  22108. 

  22109. .bg-hover-purple-intense:hover {

  22110.   background: #8775a7 !important; }

  22111. 

  22112. .font-purple-intense {

  22113.   color: #8775a7 !important; }

  22114. 

  22115. .bg-font-purple-intense {

  22116.   color: #ffffff !important; }

  22117. 

  22118. .border-purple-intense {

  22119.   border-color: #8775a7 !important; }

  22120. 

  22121. .border-top-purple-intense {

  22122.   border-top-color: #8775a7 !important; }

  22123. 

  22124. .border-bottom-purple-intense {

  22125.   border-bottom-color: #8775a7 !important; }

  22126. 

  22127. .border-left-purple-intense {

  22128.   border-left-color: #8775a7 !important; }

  22129. 

  22130. .border-right-purple-intense {

  22131.   border-right-color: #8775a7 !important; }

  22132. 

  22133. .bg-before-purple-intense:before,

  22134. .bg-after-purple-intense:after {

  22135.   background: #8775a7 !important; }

  22136. 

  22137. .border-before-purple-intense:before,

  22138. .border-after-purple-intense:after {

  22139.   border-color: #8775a7 !important; }

  22140. 

  22141. .border-top-before-purple-intense:before,

  22142. .border-top-after-purple-intense:after {

  22143.   border-top-color: #8775a7 !important; }

  22144. 

  22145. .border-bottom-before-purple-intense:before,

  22146. .border-bottom-after-purple-intense:after {

  22147.   border-bottom-color: #8775a7 !important; }

  22148. 

  22149. .border-left-before-purple-intense:before,

  22150. .border-left-after-purple-intense:after {

  22151.   border-left-color: #8775a7 !important; }

  22152. 

  22153. .border-right-before-purple-intense:before,

  22154. .border-right-after-purple-intense:after {

  22155.   border-right-color: #8775a7 !important; }

  22156. 

  22157. .bg-purple-sharp {

  22158.   background: #796799 !important; }

  22159. 

  22160. .bg-purple-sharp-opacity {

  22161.   background: rgba(121, 103, 153, 0.8) !important; }

  22162. 

  22163. .bg-hover-purple-sharp:hover {

  22164.   background: #796799 !important; }

  22165. 

  22166. .font-purple-sharp {

  22167.   color: #796799 !important; }

  22168. 

  22169. .bg-font-purple-sharp {

  22170.   color: #ffffff !important; }

  22171. 

  22172. .border-purple-sharp {

  22173.   border-color: #796799 !important; }

  22174. 

  22175. .border-top-purple-sharp {

  22176.   border-top-color: #796799 !important; }

  22177. 

  22178. .border-bottom-purple-sharp {

  22179.   border-bottom-color: #796799 !important; }

  22180. 

  22181. .border-left-purple-sharp {

  22182.   border-left-color: #796799 !important; }

  22183. 

  22184. .border-right-purple-sharp {

  22185.   border-right-color: #796799 !important; }

  22186. 

  22187. .bg-before-purple-sharp:before,

  22188. .bg-after-purple-sharp:after {

  22189.   background: #796799 !important; }

  22190. 

  22191. .border-before-purple-sharp:before,

  22192. .border-after-purple-sharp:after {

  22193.   border-color: #796799 !important; }

  22194. 

  22195. .border-top-before-purple-sharp:before,

  22196. .border-top-after-purple-sharp:after {

  22197.   border-top-color: #796799 !important; }

  22198. 

  22199. .border-bottom-before-purple-sharp:before,

  22200. .border-bottom-after-purple-sharp:after {

  22201.   border-bottom-color: #796799 !important; }

  22202. 

  22203. .border-left-before-purple-sharp:before,

  22204. .border-left-after-purple-sharp:after {

  22205.   border-left-color: #796799 !important; }

  22206. 

  22207. .border-right-before-purple-sharp:before,

  22208. .border-right-after-purple-sharp:after {

  22209.   border-right-color: #796799 !important; }

  22210. 

  22211. .bg-purple-soft {

  22212.   background: #8877a9 !important; }

  22213. 

  22214. .bg-purple-soft-opacity {

  22215.   background: rgba(136, 119, 169, 0.8) !important; }

  22216. 

  22217. .bg-hover-purple-soft:hover {

  22218.   background: #8877a9 !important; }

  22219. 

  22220. .font-purple-soft {

  22221.   color: #8877a9 !important; }

  22222. 

  22223. .bg-font-purple-soft {

  22224.   color: #ffffff !important; }

  22225. 

  22226. .border-purple-soft {

  22227.   border-color: #8877a9 !important; }

  22228. 

  22229. .border-top-purple-soft {

  22230.   border-top-color: #8877a9 !important; }

  22231. 

  22232. .border-bottom-purple-soft {

  22233.   border-bottom-color: #8877a9 !important; }

  22234. 

  22235. .border-left-purple-soft {

  22236.   border-left-color: #8877a9 !important; }

  22237. 

  22238. .border-right-purple-soft {

  22239.   border-right-color: #8877a9 !important; }

  22240. 

  22241. .bg-before-purple-soft:before,

  22242. .bg-after-purple-soft:after {

  22243.   background: #8877a9 !important; }

  22244. 

  22245. .border-before-purple-soft:before,

  22246. .border-after-purple-soft:after {

  22247.   border-color: #8877a9 !important; }

  22248. 

  22249. .border-top-before-purple-soft:before,

  22250. .border-top-after-purple-soft:after {

  22251.   border-top-color: #8877a9 !important; }

  22252. 

  22253. .border-bottom-before-purple-soft:before,

  22254. .border-bottom-after-purple-soft:after {

  22255.   border-bottom-color: #8877a9 !important; }

  22256. 

  22257. .border-left-before-purple-soft:before,

  22258. .border-left-after-purple-soft:after {

  22259.   border-left-color: #8877a9 !important; }

  22260. 

  22261. .border-right-before-purple-soft:before,

  22262. .border-right-after-purple-soft:after {

  22263.   border-right-color: #8877a9 !important; }

  22264. 

  22265. /***

  22266. Color library demo

  22267. ***/

  22268. .color-demo {

  22269.   border: 1px solid #eee;

  22270.   margin: 0 0 20px 0;

  22271.   cursor: pointer; }

  22272.   .color-demo .color-view {

  22273.     padding: 35px 10px;

  22274.     text-align: center;

  22275.     font-size: 18px; }

  22276.   .color-demo .color-info {

  22277.     border-top: 1px solid #eee;

  22278.     padding: 10px 10px;

  22279.     text-align: center; }

  22280. 

  22281. .mt-cookie-consent-bar {

  22282.   position: fixed;

  22283.   bottom: 0;

  22284.   z-index: 10101;

  22285.   padding: 10px 25px;

  22286.   width: 100%;

  22287.   background: rgba(0, 0, 0, 0.9);

  22288.   color: #ffffff;

  22289.   left: 0;

  22290.   right: 0; }

  22291.   .mt-cookie-consent-bar .mt-cookie-consent-bar-holder {

  22292.     display: table;

  22293.     width: 100%; }

  22294.     .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-content {

  22295.       display: table-cell;

  22296.       text-align: left;

  22297.       vertical-align: middle; }

  22298.     .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-action {

  22299.       display: table-cell;

  22300.       text-align: right;

  22301.       vertical-align: middle; }

  22302.   .mt-cookie-consent-bar.mt-cookie-consent-bar-light {

  22303.     background: rgba(238, 238, 238, 0.9);

  22304.     color: #333; }

  22305. 

  22306. .mt-content-row {

  22307.   display: table;

  22308.   height: 100%;

  22309.   width: 100%; }

  22310.   .mt-content-row .mt-content-col-fluid {

  22311.     display: table-cell; }

  22312.     .mt-content-row .mt-content-col-fluid .mt-content-body {

  22313.       margin: 0;

  22314.       height: 100%;

  22315.       width: 100%;

  22316.       display: table; }

  22317.   .mt-content-row .mt-content-col-fixed {

  22318.     display: table-cell; }

  22319.     .mt-content-row .mt-content-col-fixed .mt-content-sidebar {

  22320.       height: 100%;

  22321.       width: 100%;

  22322.       display: table;

  22323.       margin-left: 20px;

  22324.       border: 1px solid red; }

  22325. 

  22326. @media (max-width: 767px) {

  22327.   /* 767px */

  22328.   .mt-content-row {

  22329.     display: block;

  22330.     width: 100%; }

  22331.     .mt-content-row .mt-content-col-fluid {

  22332.       display: block;

  22333.       width: 100%;

  22334.       margin-bottom: 20px; }

  22335.       .mt-content-row .mt-content-col-fluid .mt-content-body {

  22336.         margin: 0; }

  22337.     .mt-content-row .mt-content-col-fixed {

  22338.       display: block;

  22339.       width: 100%; }

  22340.       .mt-content-row .mt-content-col-fixed .mt-content-sidebar {

  22341.         margin-left: 0; } }