3 * Copyright (C) 2016-2017 Jerry Padgett <sjpadgett@gmail.com>
5 * LICENSE: This program is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU Affero General Public License as
7 * published by the Free Software Foundation, either version 3 of the
8 * License, or (at your option) any later version.
10 * This program is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU Affero General Public License for more details.
15 * You should have received a copy of the GNU Affero General Public License
16 * along with this program. If not, see <http://www.gnu.org/licenses/>.
19 * @author Jerry Padgett <sjpadgett@gmail.com>
20 * @link http://www.open-emr.org
23 /*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
24 @import url(//fonts.googleapis.com/css?family=Kaushan+Script);*/
30 ----------------------------
39 margin: -75px 0 0 -75px;
40 border: 16px solid
#f3f3f3;
42 border-top: 16px solid
#3498db;
43 border-bottom: 16px solid
#3498db;
46 -webkit-animation: spin
2s linear infinite
;
47 animation: spin
2s linear infinite
;
49 @-webkit-keyframes spin
{
50 0% { -webkit-transform: rotate
(0deg); }
51 100% { -webkit-transform: rotate
(360deg); }
54 0% { transform: rotate
(0deg); }
55 100% { transform: rotate
(360deg); }
60 overflow-x: hidden
!important
;
61 //font-family: 'Source Sans Pro', sans-serif
;
62 font-family: 'Lato', sans-serif
;
63 -webkit-font-smoothing: antialiased
;
68 input
[type
="checkbox"], input
[type
="radio"] {
79 text-decoration: none
;
102 /* Define 2 column template */
108 /*right side - contins main content*/
110 background-color: #f1f2f7;
113 /*left side - contains sidebar*/
119 @media screen and
(min-width: 992px) {
123 /*Right side strech mode*/
127 .right-side.strech > .content-header {
130 /* Left side collapse */
131 .left-side.collapse-left {
135 /*Give content full width on xs screens*/
136 @media screen and
(max-width: 992px) {
142 By default the layout is not fixed but if you add the class .fixed to the body element
143 the sidebar and the navbar will automatically become poisitioned fixed
145 body
.fixed
> .header
,
146 body
.fixed
.left-side
,
150 body
.fixed
> .header
{
159 body
.fixed
.wrapper
{
182 /*font-family: 'Source Sans Pro', sans-serif;*/
183 font-family: 'Lato', sans-serif
;
187 margin: 10px 0 20px 0;
190 .page-header > small {
195 /* All images should be responsive */
197 max-width: 100% !important
;
201 border: 1px dashed
#ddd;
204 /* 10px padding and margins */
206 padding: 20px 10px 10px;
221 background-color: #fad5d5;
224 background-color: #cffabd;
227 background-color: #fcf4c9;
232 background-color: #27C24C;
236 background-color: #FAD733;
240 background-color: #23B7E5;
244 background-color: #F05050;
248 background-color: #4697ce;
251 background-color: #4f5259;
256 text-shadow: 0 1px 0 rgba
(0,0,0,0.2);
261 background-color: #4697ce;
264 background-color: #a1a1a1;
268 background-color: #27C24C;
272 background-color: #23B7E5;
276 background-color: #4f5259;
280 background-color: #FAD733;
284 background-color: #F05050;
287 /* Background colors */
304 color: #f9f9f9 !important
;
308 border-bottom: 1px dotted
#eee;
316 /*margin-top: 10px;*/
343 border: 1px solid
#edf1f2;
346 background-color: #fff !important
;
349 background-color: #eaeaec !important
;
352 background-color: #222222 !important
;
355 background-color: #F05050 !important
;
358 background-color: #FAD733 !important
;
361 background-color: #4FC1E9 !important
364 background-color: #0073b7 !important
;
367 background-color: #3c8dbc !important
;
370 background-color: #27C24C !important
;
373 background-color: #001f3f !important
;
376 background-color: #39cccc !important
;
379 background-color: #3d9970 !important
;
382 background-color: #01ff70 !important
;
385 background-color: #ff851b !important
;
388 background-color: #f012be !important
;
391 background-color: #932ab6 !important
;
394 background-color: #85144b !important
;
397 background-color: #7266ba !important
;
400 background-color: #00c7f7;
404 background-color: #335397;
408 background-color: #df4a32;
425 color: #f56954 !important
;
428 color: #f39c12 !important
;
431 color: #00c0ef !important
;
434 color: #0073b7 !important
;
437 color: #222222 !important
;
440 color: #3c8dbc !important
;
443 color: #00a65a !important
;
446 color: #001f3f !important
;
449 color: #39cccc !important
;
452 color: #3d9970 !important
;
455 color: #01ff70 !important
;
458 color: #ff851b !important
;
461 color: #f012be !important
;
464 color: #932ab6 !important
;
467 color: #85144b !important
;
470 #red .slider-selection
{
474 #blue .slider-selection
{
478 #green .slider-selection
{
482 #yellow .slider-selection
{
486 #aqua .slider-selection
{
491 background-color: #fff;
492 border: 2px solid
#86D4FC;
496 #purple .slider-selection
{
499 /*Hide elements by display none only*/
501 display: none
!important
;
505 border: 0px !important
;
509 padding: 0px !important
;
513 margin: 0px !important
;
515 /* Remove box shadow */
517 box-shadow: none
!important
;
519 /* Don't display when printing */
533 /* Remove border radius */
535 -webkit-border-radius: 0 !important
;
536 -moz-border-radius: 0 !important
;
537 border-radius: 0 !important
;
539 /* Change the color of the striped tables */
540 .table-striped
> tbody
> tr:nth-child
(odd
) > td
,
541 .table-striped > tbody > tr:nth-child(odd) > th {
542 background-color: #f3f4f5;
546 .table.no-border th {
549 /* .text-center in tables */
551 table
.text-center td
,
552 table
.text-center th
{
563 .text-bold.table th {
566 .border-radius-none {
567 -webkit-border-radius: 0 !important
;
568 -moz-border-radius: 0 !important
;
569 border-radius: 0 !important
;
571 /* _fix for sparkline tooltip */
573 padding: 5px!important
;
574 width: auto
!important
;
575 height: auto
!important
;
578 Gradient Background colors
581 background: #39cccc !important
;
582 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #39cccc), color-stop
(1, #7adddd)) !important
;
583 background: -ms-linear-gradient
(bottom
, #39cccc, #7adddd) !important
;
584 background: -moz-linear-gradient
(center bottom
, #39cccc 0%, #7adddd 100%) !important
;
585 background: -o-linear-gradient
(#7adddd, #39cccc) !important
;
586 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#7adddd', endColorstr
='#39cccc', GradientType
=0) !important
;
589 .bg-light-blue-gradient {
590 background: #3c8dbc !important
;
591 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #3c8dbc), color-stop
(1, #67a8ce)) !important
;
592 background: -ms-linear-gradient
(bottom
, #3c8dbc, #67a8ce) !important
;
593 background: -moz-linear-gradient
(center bottom
, #3c8dbc 0%, #67a8ce 100%) !important
;
594 background: -o-linear-gradient
(#67a8ce, #3c8dbc) !important
;
595 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#67a8ce', endColorstr
='#3c8dbc', GradientType
=0) !important
;
599 background: #0073b7 !important
;
600 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #0073b7), color-stop
(1, #0089db)) !important
;
601 background: -ms-linear-gradient
(bottom
, #0073b7, #0089db) !important
;
602 background: -moz-linear-gradient
(center bottom
, #0073b7 0%, #0089db 100%) !important
;
603 background: -o-linear-gradient
(#0089db, #0073b7) !important
;
604 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#0089db', endColorstr
='#0073b7', GradientType
=0) !important
;
608 background: #00c0ef !important
;
609 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #00c0ef), color-stop
(1, #14d1ff)) !important
;
610 background: -ms-linear-gradient
(bottom
, #00c0ef, #14d1ff) !important
;
611 background: -moz-linear-gradient
(center bottom
, #00c0ef 0%, #14d1ff 100%) !important
;
612 background: -o-linear-gradient
(#14d1ff, #00c0ef) !important
;
613 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#14d1ff', endColorstr
='#00c0ef', GradientType
=0) !important
;
616 .bg-yellow-gradient {
617 background: #f39c12 !important
;
618 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #f39c12), color-stop
(1, #f7bc60)) !important
;
619 background: -ms-linear-gradient
(bottom
, #f39c12, #f7bc60) !important
;
620 background: -moz-linear-gradient
(center bottom
, #f39c12 0%, #f7bc60 100%) !important
;
621 background: -o-linear-gradient
(#f7bc60, #f39c12) !important
;
622 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#f7bc60', endColorstr
='#f39c12', GradientType
=0) !important
;
625 .bg-purple-gradient {
626 background: #932ab6 !important
;
627 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #932ab6), color-stop
(1, #b959d9)) !important
;
628 background: -ms-linear-gradient
(bottom
, #932ab6, #b959d9) !important
;
629 background: -moz-linear-gradient
(center bottom
, #932ab6 0%, #b959d9 100%) !important
;
630 background: -o-linear-gradient
(#b959d9, #932ab6) !important
;
631 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#b959d9', endColorstr
='#932ab6', GradientType
=0) !important
;
635 background: #00a65a !important
;
636 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #00a65a), color-stop
(1, #00ca6d)) !important
;
637 background: -ms-linear-gradient
(bottom
, #00a65a, #00ca6d) !important
;
638 background: -moz-linear-gradient
(center bottom
, #00a65a 0%, #00ca6d 100%) !important
;
639 background: -o-linear-gradient
(#00ca6d, #00a65a) !important
;
640 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#00ca6d', endColorstr
='#00a65a', GradientType
=0) !important
;
644 background: #f56954 !important
;
645 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #f56954), color-stop
(1, #f89384)) !important
;
646 background: -ms-linear-gradient
(bottom
, #f56954, #f89384) !important
;
647 background: -moz-linear-gradient
(center bottom
, #f56954 0%, #f89384 100%) !important
;
648 background: -o-linear-gradient
(#f89384, #f56954) !important
;
649 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#f89384', endColorstr
='#f56954', GradientType
=0) !important
;
653 background: #222222 !important
;
654 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #222222), color-stop
(1, #3c3c3c)) !important
;
655 background: -ms-linear-gradient
(bottom
, #222222, #3c3c3c) !important
;
656 background: -moz-linear-gradient
(center bottom
, #222222 0%, #3c3c3c 100%) !important
;
657 background: -o-linear-gradient
(#3c3c3c, #222222) !important
;
658 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#3c3c3c', endColorstr
='#222222', GradientType
=0) !important
;
661 .bg-maroon-gradient {
662 background: #85144b !important
;
663 background: -webkit-gradient
(linear
, left bottom
, left top
, color-stop
(0, #85144b), color-stop
(1, #b11b64)) !important
;
664 background: -ms-linear-gradient
(bottom
, #85144b, #b11b64) !important
;
665 background: -moz-linear-gradient
(center bottom
, #85144b 0%, #b11b64 100%) !important
;
666 background: -o-linear-gradient
(#b11b64, #85144b) !important
;
667 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#b11b64', endColorstr
='#85144b', GradientType
=0) !important
;
673 /*---------------------------------------------------
675 ---------------------------------------------------
676 A set of useful LESS mixins
677 More info at: http://lesselements.com
678 ---------------------------------------------------*/
680 Components: navbar, logo and content header
681 -------------------------------------------------
688 body
> .header
.navbar
{
693 body
> .header
.navbar
.sidebar-toggle
{
700 background-color: transparent
;
701 background-image: none
;
702 border: 1px solid transparent
;
703 -webkit-border-radius: 0 !important
;
704 -moz-border-radius: 0 !important
;
705 border-radius: 0 !important
;
707 body
> .header
.navbar
.sidebar-toggle:hover
.icon-bar
{
710 body
> .header
.navbar
.sidebar-toggle
.icon-bar
{
714 -webkit-border-radius: 4px;
715 -moz-border-radius: 4px;
718 body
> .header
.navbar
.sidebar-toggle
.icon-bar
+ .icon-bar
{
721 body
> .header
.navbar
.nav
> li
.user
> a
{
724 body
> .header
.navbar
.nav
> li
.user
> a
> .fa
,
725 body
> .header
.navbar
.nav
> li
.user
> a
> .glyphicon
,
726 body
> .header
.navbar
.nav
> li
.user
> a
> .ion
{
729 body
> .header
.navbar
.nav
> li
> a
> .label
{
730 -webkit-border-radius: 50%;
731 -moz-border-radius: 50%;
744 body
> .header
.navbar
.nav
> li
> a:hover
> .label
{
747 body
> .header
.logo
{
754 font-family: 'Kaushan Script', cursive
;
758 background-color:#d3e7f0;
760 body
> .header
.logo
.icon
{
763 .right-side > .content-header {
767 .right-side > .content-header > h1 {
771 .right-side > .content-header > h1 > small {
773 display: inline-block
;
778 background-color: #fff;
783 .right-side > .content-header > .breadcrumb {
785 background: transparent
;
793 -webkit-border-radius: 2px;
794 -moz-border-radius: 2px;
800 margin: 0px 0px 20px;
804 .breadcrumb-alt > li {
806 margin: 0px 25px 0px 0px;
808 .breadcrumb-alt > li > a {
811 background-color: rgb
(238, 238, 238);
812 color: rgb
(118, 118, 118);
816 .breadcrumb-alt > li > a::before {
821 border-color: rgb
(238, 238, 238) rgb
(238, 238, 238) rgb
(238, 238, 238) rgba
(0, 0, 0, 0);
823 border-width: 1.5em 0px 1.7em 1em;
826 .breadcrumb-alt > li > a::after {
831 border-bottom: 1.5em solid rgba
(0, 0, 0, 0);
832 border-left: 1em solid rgb
(238, 238, 238);
833 border-top: 1.5em solid rgba
(0, 0, 0, 0);
836 .right-side > .content-header > .breadcrumb > li > a {
838 text-decoration: none
;
840 .right-side
> .content-header
> .breadcrumb
> li
> a
> .fa
,
841 .right-side
> .content-header
> .breadcrumb
> li
> a
> .glyphicon
,
842 .right-side > .content-header > .breadcrumb > li > a > .ion {
845 .right-side > .content-header > .breadcrumb > li + li:before {
848 @media screen and
(max-width: 767px) {
849 .right-side > .content-header > .breadcrumb {
858 @media (max-width: 767px) {
859 .navbar .navbar-nav > li {
866 .navbar-nav > li > a {
868 padding-bottom: 15px;
871 .navbar .navbar-right {
875 @media screen and
(max-width: 560px) {
879 body
> .header
.logo
,
880 body
> .header
.navbar
{
883 position: relative
!important
;
885 body
> .header
.navbar
{
888 body
.fixed
> .header
{
891 body
.fixed
> .wrapper
,
892 body
.fixed
.sidebar-offcanvas
{
893 margin-top: 100px!important
;
898 --------------------------
903 .sidebar .sidebar-form input:focus {
904 -webkit-box-shadow: none
;
905 -moz-box-shadow: none
;
907 border-color: transparent
!important
;
909 .sidebar .sidebar-menu {
914 .sidebar .sidebar-menu > li {
918 .sidebar .sidebar-menu > li > a {
919 padding: 12px 5px 12px 15px;
922 .sidebar
.sidebar-menu
> li
> a
> .fa
,
923 .sidebar
.sidebar-menu
> li
> a
> .glyphicon
,
924 .sidebar .sidebar-menu > li > a > .ion {
927 .sidebar .sidebar-menu .treeview-menu {
933 .sidebar .sidebar-menu .treeview-menu > li {
936 .sidebar .sidebar-menu .treeview-menu > li > a {
937 padding: 8px 5px 8px 15px;
942 .sidebar
.sidebar-menu
.treeview-menu
> li
> a
> .fa
,
943 .sidebar
.sidebar-menu
.treeview-menu
> li
> a
> .glyphicon
,
944 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
958 .user-panel > .image > img {
962 .user-panel > .info {
964 padding: 5px 5px 5px 15px;
968 .user-panel > .info > p {
971 .user-panel > .info > a {
972 text-decoration: none
;
978 .user-panel
> .info
> a
> .fa
,
979 .user-panel
> .info
> a
> .ion
,
980 .user-panel > .info > a > .glyphicon {
985 * --------------------------------------------------
986 * Gives us the push menu effect
988 @media screen and
(max-width: 992px) {
992 .row-offcanvas-right .sidebar-offcanvas {
995 .row-offcanvas-left .sidebar-offcanvas {
998 .row-offcanvas-right.active {
1001 .row-offcanvas-left.active {
1004 .sidebar-offcanvas {
1007 body
.fixed
.sidebar-offcanvas
{
1011 body
.fixed
.row-offcanvas-left
.active
.navbar
{
1012 left: 220px !important
;
1015 body
.fixed
.row-offcanvas-left
.active
.sidebar-offcanvas
{
1021 ----------------------------
1023 /*Dropdowns in general*/
1025 -webkit-box-shadow: 0px 3px 6px rgba
(0, 0, 0, 0.1);
1026 -moz-box-shadow: 0px 3px 6px rgba
(0, 0, 0, 0.1);
1027 box-shadow: 0px 3px 6px rgba
(0, 0, 0, 0.1);
1030 .dropdown-menu
> li
> a
> .glyphicon
,
1031 .dropdown-menu
> li
> a
> .fa
,
1032 .dropdown-menu > li > a > .ion {
1035 .dropdown-menu > li > a:hover {
1036 background-color: #3c8dbc;
1039 .dropdown-menu-right > li > a:hover {
1040 background-color: #39435c;
1043 /*Drodown in navbars*/
1044 .skin-blue .navbar .dropdown-menu > li > a {
1048 Navbar custom dropdown menu
1049 ------------------------------------
1051 .navbar-nav
> .notifications-menu
> .dropdown-menu
,
1052 .navbar-nav
> .messages-menu
> .dropdown-menu
,
1053 .navbar-nav > .tasks-menu > .dropdown-menu {
1055 padding: 0 0 0 0!important
;
1056 margin: 0!important
;
1058 border: 1px solid
#dfdfdf;
1059 -webkit-border-radius: 4px !important
;
1060 -moz-border-radius: 4px !important
;
1061 border-radius: 4px !important
;
1063 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.header
,
1064 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.header
,
1065 .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
1066 -webkit-border-top-left-radius: 4px;
1067 -webkit-border-top-right-radius: 4px;
1068 -webkit-border-bottom-right-radius: 0;
1069 -webkit-border-bottom-left-radius: 0;
1070 -moz-border-radius-topleft: 4px;
1071 -moz-border-radius-topright: 4px;
1072 -moz-border-radius-bottomright: 0;
1073 -moz-border-radius-bottomleft: 0;
1074 border-top-left-radius: 4px;
1075 border-top-right-radius: 4px;
1076 border-bottom-right-radius: 0;
1077 border-bottom-left-radius: 0;
1078 background-color: #ffffff;
1080 border-bottom: 1px solid
#f4f4f4;
1084 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.header:after
,
1085 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.header:after
,
1086 .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
1089 border: solid transparent
;
1094 pointer-events: none
;
1095 border-color: rgba
(255, 255, 255, 0);
1096 border-bottom-color: #ffffff;
1100 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.footer
> a
,
1101 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.footer
> a
,
1102 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
1103 -webkit-border-top-left-radius: 0px;
1104 -webkit-border-top-right-radius: 0px;
1105 -webkit-border-bottom-right-radius: 4px;
1106 -webkit-border-bottom-left-radius: 4px;
1107 -moz-border-radius-topleft: 0px;
1108 -moz-border-radius-topright: 0px;
1109 -moz-border-radius-bottomright: 4px;
1110 -moz-border-radius-bottomleft: 4px;
1111 border-top-left-radius: 0px;
1112 border-top-right-radius: 0px;
1113 border-bottom-right-radius: 4px;
1114 border-bottom-left-radius: 4px;
1116 background-color: #f4f4f4;
1118 border-bottom: 1px solid
#eeeeee;
1122 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.footer
> a:hover
,
1123 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.footer
> a:hover
,
1124 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
1125 background: #f4f4f4;
1126 text-decoration: none
;
1127 font-weight: normal
;
1129 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
,
1130 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.menu
,
1131 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
1137 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
,
1138 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.menu
> li
> a
,
1139 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
1141 white-space: nowrap
;
1142 /* Prevent text from breaking */
1143 border-bottom: 1px solid
#f4f4f4;
1145 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a:hover
,
1146 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.menu
> li
> a:hover
,
1147 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
1148 background: #fafafa;
1149 text-decoration: none
;
1151 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
1155 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > i {
1156 border-radius: 30px;
1158 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon
,
1159 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa
,
1160 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
1166 /* Default background and font colors */
1167 background: #00c0ef;
1169 /* Fallback for browsers that doesn't support rgba */
1170 color: rgba
(255, 255, 255, 0.7);
1172 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon
.danger
,
1173 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa
.danger
,
1174 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
1175 background: #f56954;
1177 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon
.warning
,
1178 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa
.warning
,
1179 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
1180 background: #f39c12;
1182 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon
.success
,
1183 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa
.success
,
1184 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
1185 background: #00a65a;
1187 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .glyphicon
.info
,
1188 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.menu
> li
> a
> .fa
.info
,
1189 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
1190 background: #00c0ef;
1192 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
1195 padding: 10px 5px 10px 5px;
1196 -webkit-border-radius: 4px;
1197 -moz-border-radius: 4px;
1200 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
1201 margin: auto
10px auto auto
;
1204 border: 1px solid
#dddddd;
1206 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
1212 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
1217 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
1222 .navbar-nav
> .messages-menu
> .dropdown-menu
> li
.menu
> li
> a:before
,
1223 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
1227 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
1230 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
1233 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
1239 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
1243 .navbar-nav > .user-menu > .dropdown-menu {
1244 -webkit-border-radius: 0;
1245 -moz-border-radius: 0;
1248 border-top-width: 0;
1251 .navbar-nav > .user-menu > .dropdown-menu:after {
1254 border: solid transparent
;
1259 pointer-events: none
;
1260 border-color: rgba
(255, 255, 255, 0);
1261 border-bottom-color: #f9fafc;
1265 .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
1268 background: #3c8dbc;
1271 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
1276 border-color: transparent
;
1277 border-color: rgba
(255, 255, 255, 0.2);
1279 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
1282 color: rgba
(255, 255, 255, 0.8);
1284 text-shadow: 2px 2px 3px #333333;
1287 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
1291 .navbar-nav > .user-menu > .dropdown-menu > li.user-body {
1293 border-bottom: 1px solid
#f4f4f4;
1294 border-top: 1px solid
#dddddd;
1296 .navbar-nav
> .user-menu
> .dropdown-menu
> li
.user-body:before
,
1297 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
1301 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
1304 .navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
1307 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
1308 background-color: #f9f9f9;
1311 .navbar-nav
> .user-menu
> .dropdown-menu
> li
.user-footer:before
,
1312 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
1316 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
1319 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
1322 /* Add fade animation to dropdown menus */
1323 .open > .dropdown-menu {
1324 animation-name: fadeAnimation
;
1325 animation-duration: .7s;
1326 animation-iteration-count: 1;
1327 animation-timing-function: ease
;
1328 animation-fill-mode: forwards
;
1329 -webkit-animation-name: fadeAnimation
;
1330 -webkit-animation-duration: .7s;
1331 -webkit-animation-iteration-count: 1;
1332 -webkit-animation-timing-function: ease
;
1333 -webkit-animation-fill-mode: forwards
;
1334 -moz-animation-name: fadeAnimation
;
1335 -moz-animation-duration: .7s;
1336 -moz-animation-iteration-count: 1;
1337 -moz-animation-timing-function: ease
;
1338 -moz-animation-fill-mode: forwards
;
1340 @keyframes fadeAnimation
{
1350 @-webkit-keyframes fadeAnimation
{
1360 /* Fix dropdown menu for small screens to display correctly on small screens */
1361 @media screen and
(max-width: 767px) {
1362 .navbar-nav
> .notifications-menu
> .dropdown-menu
,
1363 .navbar-nav
> .user-menu
> .dropdown-menu
,
1364 .navbar-nav
> .tasks-menu
> .dropdown-menu
,
1365 .navbar-nav > .messages-menu > .dropdown-menu {
1370 border-right: 1px solid
#dddddd;
1371 border-bottom: 1px solid
#dddddd;
1372 border-left: 1px solid
#dddddd;
1373 background: #ffffff;
1376 /* Fix menu positions on xs screens to appear correctly and fully */
1377 @media screen and
(max-width: 480px) {
1378 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.header
,
1379 .navbar-nav
> .tasks-menu
> .dropdown-menu
> li
.header
,
1380 .navbar-nav > .messages-menu > .dropdown-menu > li.header {
1381 /* Remove arrow from the top */
1383 .navbar-nav
> .notifications-menu
> .dropdown-menu
> li
.header:after
,
1384 .navbar-nav
> .tasks-menu
> .dropdown-menu
> li
.header:after
,
1385 .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
1386 border-width: 0px!important
;
1388 .navbar-nav > .tasks-menu > .dropdown-menu {
1393 .navbar-nav > .notifications-menu > .dropdown-menu {
1398 .navbar-nav > .messages-menu > .dropdown-menu {
1405 All form elements including input, select, textarea etc.
1406 -----------------------------------------------------------------
1409 /*-webkit-border-radius: 3px !important;
1410 -moz-border-radius: 3px !important;
1411 border-radius: 3px !important;*/
1414 .form-control:focus {
1415 border-color: #3c8dbc !important
;
1418 .form-group.has-success label {
1421 .form-group.has-success .form-control {
1422 border-color: #00a65a !important
;
1425 .form-group.has-warning label {
1428 .form-group.has-warning .form-control {
1429 border-color: #f39c12 !important
;
1432 .form-group.has-error label {
1435 .form-group.has-error .form-control {
1436 border-color: #f56954 !important
;
1440 .input-group .input-group-addon {
1442 background-color: #f4f4f4;
1445 .btn-group-vertical
.btn
.btn-flat:first-of-type
,
1446 .btn-group-vertical .btn.btn-flat:last-of-type {
1449 /* Checkbox and radio inputs */
1452 /*padding-left: 0;*/
1455 Compenent: Progress bars
1456 --------------------------------
1458 /* size variation */
1466 .progress.vertical {
1470 display: inline-block
;
1473 .progress.vertical > .progress-bar {
1474 width: 100%!important
;
1478 .progress.vertical.sm {
1481 .progress.vertical.xs {
1484 /* Remove margins from progress bars when put in a table */
1485 .table tr > td .progress {
1488 .progress-bar-light-blue
,
1489 .progress-bar-primary {
1490 background-color: #3c8dbc;
1492 .progress-striped
.progress-bar-light-blue
,
1493 .progress-striped .progress-bar-primary {
1494 background-image: -webkit-gradient
(linear
, 0 100%, 100% 0, color-stop
(0.25, rgba
(255, 255, 255, 0.15)), color-stop
(0.25, transparent
), color-stop
(0.5, transparent
), color-stop
(0.5, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, transparent
), to
(transparent
));
1495 background-image: -webkit-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1496 background-image: -moz-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1497 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1499 .progress-bar-green
,
1500 .progress-bar-success {
1501 background-color: #00a65a;
1503 .progress-striped
.progress-bar-green
,
1504 .progress-striped .progress-bar-success {
1505 background-image: -webkit-gradient
(linear
, 0 100%, 100% 0, color-stop
(0.25, rgba
(255, 255, 255, 0.15)), color-stop
(0.25, transparent
), color-stop
(0.5, transparent
), color-stop
(0.5, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, transparent
), to
(transparent
));
1506 background-image: -webkit-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1507 background-image: -moz-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1508 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1511 .progress-bar-info {
1512 background-color: #00c0ef;
1514 .progress-striped
.progress-bar-aqua
,
1515 .progress-striped .progress-bar-info {
1516 background-image: -webkit-gradient
(linear
, 0 100%, 100% 0, color-stop
(0.25, rgba
(255, 255, 255, 0.15)), color-stop
(0.25, transparent
), color-stop
(0.5, transparent
), color-stop
(0.5, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, transparent
), to
(transparent
));
1517 background-image: -webkit-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1518 background-image: -moz-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1519 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1521 .progress-bar-yellow
,
1522 .progress-bar-warning {
1523 background-color: #f39c12;
1525 .progress-striped
.progress-bar-yellow
,
1526 .progress-striped .progress-bar-warning {
1527 background-image: -webkit-gradient
(linear
, 0 100%, 100% 0, color-stop
(0.25, rgba
(255, 255, 255, 0.15)), color-stop
(0.25, transparent
), color-stop
(0.5, transparent
), color-stop
(0.5, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, transparent
), to
(transparent
));
1528 background-image: -webkit-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1529 background-image: -moz-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1530 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1533 .progress-bar-danger {
1534 background-color: #f56954;
1536 .progress-striped
.progress-bar-red
,
1537 .progress-striped .progress-bar-danger {
1538 background-image: -webkit-gradient
(linear
, 0 100%, 100% 0, color-stop
(0.25, rgba
(255, 255, 255, 0.15)), color-stop
(0.25, transparent
), color-stop
(0.5, transparent
), color-stop
(0.5, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, rgba
(255, 255, 255, 0.15)), color-stop
(0.75, transparent
), to
(transparent
));
1539 background-image: -webkit-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1540 background-image: -moz-linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1541 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.15) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.15) 50%, rgba
(255, 255, 255, 0.15) 75%, transparent
75%, transparent
);
1544 Component: Small boxes
1549 -webkit-border-radius: 2px;
1550 -moz-border-radius: 2px;
1552 margin-bottom: 15px;
1554 .small-box > .inner {
1557 .small-box > .small-box-footer {
1562 color: rgba
(255, 255, 255, 0.8);
1565 background: rgba
(0, 0, 0, 0.1);
1566 text-decoration: none
;
1568 .small-box > .small-box-footer:hover {
1570 background: rgba
(0, 0, 0, 0.15);
1576 white-space: nowrap
;
1582 .small-box p > small {
1599 color: rgba
(0, 0, 0, 0.15);
1602 text-decoration: none
;
1605 .small-box:hover .icon {
1606 /*animation-name: tansformAnimation;
1607 animation-duration: .5s;
1608 animation-iteration-count: 1;
1609 animation-timing-function: ease;
1610 animation-fill-mode: forwards;
1611 -webkit-animation-name: tansformAnimation;
1612 -webkit-animation-duration: .5s;
1613 -webkit-animation-iteration-count: 1;
1614 -webkit-animation-timing-function: ease;
1615 -webkit-animation-fill-mode: forwards;
1616 -moz-animation-name: tansformAnimation;
1617 -moz-animation-duration: .5s;
1618 -moz-animation-iteration-count: 1;
1619 -moz-animation-timing-function: ease;
1620 -moz-animation-fill-mode: forwards;*/
1622 @keyframes tansformAnimation
{
1630 @-webkit-keyframes tansformAnimation
{
1638 @media screen and
(max-width: 480px) {
1651 -------------------------
1655 background: #ffffff;
1656 /*border-top: 2px solid #c1c1c1;*/
1657 margin-bottom: 20px;
1658 -webkit-border-radius: 3px;
1659 -moz-border-radius: 3px;
1662 /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
1665 border-top-color: #3c8dbc;
1668 border-top-color: #00c0ef;
1671 border-top-color: #f56954;
1674 border-top-color: #f39c12;
1677 border-top-color: #00a65a;
1679 .box.height-control .box-body {
1685 -webkit-border-top-left-radius: 3px;
1686 -webkit-border-top-right-radius: 3px;
1687 -webkit-border-bottom-right-radius: 0;
1688 -webkit-border-bottom-left-radius: 0;
1689 -moz-border-radius-topleft: 3px;
1690 -moz-border-radius-topright: 3px;
1691 -moz-border-radius-bottomright: 0;
1692 -moz-border-radius-bottomleft: 0;
1693 border-top-left-radius: 3px;
1694 border-top-right-radius: 3px;
1695 border-bottom-right-radius: 0;
1696 border-bottom-left-radius: 0;
1697 border-bottom: 0px solid
#f4f4f4;
1700 .box
.box-header:before
,
1701 .box .box-header:after {
1705 .box .box-header:after {
1708 .box
.box-header
> .fa
,
1709 .box
.box-header
> .glyphicon
,
1710 .box
.box-header
> .ion
,
1711 .box .box-header .box-title {
1712 display: inline-block
;
1713 padding: 10px 10px 10px 10px;
1720 .box .box-header a {
1723 .box .box-header > .box-tools {
1724 padding: 5px 10px 5px 5px;
1728 -webkit-border-top-left-radius: 0;
1729 -webkit-border-top-right-radius: 0;
1730 -webkit-border-bottom-right-radius: 3px;
1731 -webkit-border-bottom-left-radius: 3px;
1732 -moz-border-radius-topleft: 0;
1733 -moz-border-radius-topright: 0;
1734 -moz-border-radius-bottomright: 3px;
1735 -moz-border-radius-bottomleft: 3px;
1736 border-top-left-radius: 0;
1737 border-top-right-radius: 0;
1738 border-bottom-right-radius: 3px;
1739 border-bottom-left-radius: 3px;
1741 .box
.box-body
> table
,
1742 .box .box-body > .table {
1745 .box .box-body.chart-responsive {
1749 .box .box-body > .chart {
1754 .box
.box-body
> .chart svg
,
1755 .box .box-body > .chart canvas {
1756 width: 100%!important
;
1758 .box .box-body .fc {
1761 .box .box-body .fc-header-title h2 {
1767 .box .box-body .fc-header-right {
1768 padding-right: 10px;
1770 .box .box-body .fc-header-left {
1773 .box .box-body .fc-widget-header {
1774 background: #fafafa;
1775 box-shadow: inset
0px -3px 1px rgba
(0, 0, 0, 0.02);
1777 .box .box-body .fc-grid {
1781 .box
.box-body
.fc-widget-header:first-of-type
,
1782 .box .box-body .fc-widget-content:first-of-type {
1786 .box
.box-body
.fc-widget-header:last-of-type
,
1787 .box .box-body .fc-widget-content:last-of-type {
1790 .box .box-body .table {
1793 .box .box-body .full-width-chart {
1796 .box .box-body.no-padding .full-width-chart {
1800 border-top: 1px solid
#f4f4f4;
1801 -webkit-border-top-left-radius: 0;
1802 -webkit-border-top-right-radius: 0;
1803 -webkit-border-bottom-right-radius: 3px;
1804 -webkit-border-bottom-left-radius: 3px;
1805 -moz-border-radius-topleft: 0;
1806 -moz-border-radius-topright: 0;
1807 -moz-border-radius-bottomright: 3px;
1808 -moz-border-radius-bottomleft: 3px;
1809 border-top-left-radius: 0;
1810 border-top-right-radius: 0;
1811 border-bottom-right-radius: 3px;
1812 border-bottom-left-radius: 3px;
1814 background-color: #ffffff;
1819 .box.box-solid > .box-header {
1820 padding-bottom: 0px!important
;
1822 .box.box-solid > .box-header .btn.btn-default {
1823 background: transparent
;
1825 .box.box-solid.box-primary > .box-header {
1827 background: #3c8dbc;
1828 background-color: #3c8dbc;
1830 .box.box-solid.box-primary > .box-header a {
1833 .box.box-solid.box-info > .box-header {
1835 background: #00c0ef;
1836 background-color: #00c0ef;
1838 .box.box-solid.box-info > .box-header a {
1841 .box.box-solid.box-danger > .box-header {
1843 background: #f56954;
1844 background-color: #f56954;
1846 .box.box-solid.box-danger > .box-header a {
1849 .box.box-solid.box-warning > .box-header {
1851 background: #f39c12;
1852 background-color: #f39c12;
1854 .box.box-solid.box-warning > .box-header a {
1857 .box.box-solid.box-success > .box-header {
1859 background: #00a65a;
1860 background-color: #00a65a;
1862 .box.box-solid.box-success > .box-header a {
1865 .box.box-solid > .box-header > .box-tools .btn {
1869 .box.box-solid.collapsed-box .box-header {
1870 -webkit-border-radius: 3px;
1871 -moz-border-radius: 3px;
1874 .box.box-solid[class*='bg'] > .box-header {
1877 .box .box-group > .box {
1885 margin-bottom: 0.3em;
1892 .box .todo-list > li {
1893 -webkit-border-radius: 2px;
1894 -moz-border-radius: 2px;
1897 background: #f3f4f5;
1899 border-left: 2px solid
#e6e7e8;
1902 .box .todo-list > li:last-of-type {
1905 .box .todo-list > li.danger {
1906 border-left-color: #f56954;
1908 .box .todo-list > li.warning {
1909 border-left-color: #f39c12;
1911 .box .todo-list > li.info {
1912 border-left-color: #00c0ef;
1914 .box .todo-list > li.success {
1915 border-left-color: #00a65a;
1917 .box .todo-list > li.primary {
1918 border-left-color: #3c8dbc;
1920 .box .todo-list > li > input[type='checkbox'] {
1921 margin: 0 10px 0 5px;
1923 .box .todo-list > li .text {
1924 display: inline-block
;
1928 .box .todo-list > li .label {
1932 .box .todo-list > li .tools {
1937 .box
.todo-list
> li
.tools
> .fa
,
1938 .box
.todo-list
> li
.tools
> .glyphicon
,
1939 .box .todo-list > li .tools > .ion {
1943 .box .todo-list > li:hover .tools {
1944 display: inline-block
;
1946 .box .todo-list > li.done {
1949 .box .todo-list > li.done .text {
1950 text-decoration: line-through
;
1953 .box .todo-list > li.done .label {
1954 background: #eaeaec !important
;
1956 .box .todo-list .handle {
1957 display: inline-block
;
1968 .chat-form .input-cont {
1969 margin-bottom: 10px;
1972 .chat-form .input-cont input {
1976 .chat-form .input-cont input{
1977 border: 1px solid
#d3d3d3 !important
;
1982 .chat-form .input-cont input {
1983 background-color: #fff !important
;
1985 /* border-radius: 4px; */
1997 .timeline-messages, .msg-time-chat , .timeline-messages .msg-in, .timeline-messages .msg-out {
2005 .timeline-messages .msg-in .arrow {
2006 /*border-right: 8px solid #F4F4F4 !important;*/
2008 .timeline-messages .msg-in .arrow {
2009 border-bottom: 8px solid transparent
;
2010 border-top: 8px solid transparent
;
2019 .timeline-messages .msg-out .arrow {
2020 /*border-right: 8px solid #41cac0 !important;*/
2022 .timeline-messages .msg-out .arrow {
2023 border-bottom: 8px solid transparent
;
2024 border-top: 8px solid transparent
;
2033 .msg-time-chat:first-child:before {
2036 .msg-time-chat:before {
2038 border: 2px solid
#FAFAFA;
2039 border-radius: 100px;
2040 -moz-border-radius: 100px;
2041 -webkit-border-radius: 100px;
2043 margin: 23px 0 0 -6px;
2046 .msg-time-chat:hover:before {
2047 background: #41cac0;
2049 .msg-time-chat:first-child {
2057 .message-img-in img {
2061 border: 1px solid
#eee;
2069 .message-img-out img {
2073 border: 1px solid
#eee;
2076 /*margin-left: 80px;*/
2078 .msg-time-chat .msg-in .text {
2079 /* border: 1px solid #e3e6ed; */
2082 -webkit-border-radius: 4px;
2083 background-color: #F4f4f4;
2084 display: inline-block
;
2088 /*margin-right: 80px;*/
2091 .msg-time-chat .msg-out .text {
2092 /* border: 1px solid #e3e6ed; */
2096 background-color: #F1F5FD;
2101 .msg-time-chat .attribution {
2110 .msg-in a, .msg-in a:hover{
2112 text-decoration: none
;
2114 -webkit-border-radius: 4px;
2119 .msg-out a, .msg-out a:hover{
2121 text-decoration: none
;
2123 -webkit-border-radius: 4px;
2133 padding: 5px 20px 5px 10px;
2136 margin-bottom: 10px;
2138 .box .chat .item:before,
2139 .box .chat .item:after {
2143 .box .chat .item:after {
2146 .box .chat .item > img {
2149 border: 2px solid transparent;
2150 -webkit-border-radius: 50% !important;
2151 -moz-border-radius: 50% !important;
2152 border-radius: 50% !important;
2154 .box .chat .item > img.online {
2155 border: 2px solid #00a65a;
2157 .box .chat .item > img.offline {
2158 border: 2px solid #f56954;
2160 .box .chat .item > .message {
2164 .box .chat .item > .message > .name {
2168 .box .chat .item > .attachment {
2169 -webkit-border-radius: 3px;
2170 -moz-border-radius: 3px;
2172 background: #f0f0f0;
2177 .box .chat .item > .attachment > h4 {
2182 .box .chat .item > .attachment > p,
2183 .box .chat .item > .attachment > .filename {
2189 .box .chat .item > .attachment:before,
2190 .box .chat .item > .attachment:after {
2194 .box .chat .item > .attachment:after {
2198 .box > .loading-img {
2207 background: rgba
(255, 255, 255, 0.7);
2209 .box > .overlay.dark {
2210 background: rgba
(0, 0, 0, 0.5);
2212 .box > .loading-img {
2214 background: transparent url
('../img/ajax-loader1.gif') 50% 50% no-repeat
;
2219 -------------------------
2225 -webkit-border-radius: 3px;
2226 -moz-border-radius: 3px;
2228 border: 1px solid transparent
;
2231 background-color: #fafafa;
2234 border-bottom-color: #ddd;
2235 -webkit-transition: all
.3s ease
;
2236 -moz-transition: all
.3s ease
;
2237 -ms-transition: all
.3s ease
;
2238 -o-transition: all
.3s ease
;
2239 transition: all
.3s ease
;
2241 .btn
.btn-default:hover
,
2242 .btn
.btn-default:active
,
2243 .btn.btn-default.hover {
2244 background-color: #f4f4f4!important
;
2245 -webkit-transition: all
.3s ease
;
2246 -moz-transition: all
.3s ease
;
2247 -ms-transition: all
.3s ease
;
2248 -o-transition: all
.3s ease
;
2249 transition: all
.3s ease
;
2251 .btn.btn-default.btn-flat {
2252 border-bottom-color: #d9dadc;
2253 -webkit-transition: all
.3s ease
;
2254 -moz-transition: all
.3s ease
;
2255 -ms-transition: all
.3s ease
;
2256 -o-transition: all
.3s ease
;
2257 transition: all
.3s ease
;
2260 background-color: #4697ce;
2262 -webkit-transition: all
.3s ease
;
2263 -moz-transition: all
.3s ease
;
2264 -ms-transition: all
.3s ease
;
2265 -o-transition: all
.3s ease
;
2266 transition: all
.3s ease
;
2268 .btn
.btn-primary:hover
,
2269 .btn
.btn-primary:active
,
2270 .btn.btn-primary.hover {
2271 background-color: #2f7db2;
2273 -webkit-transition: all
.3s ease
;
2274 -moz-transition: all
.3s ease
;
2275 -ms-transition: all
.3s ease
;
2276 -o-transition: all
.3s ease
;
2277 transition: all
.3s ease
;
2280 background-color: #27c24c;
2282 -webkit-transition: all
.3s ease
;
2283 -moz-transition: all
.3s ease
;
2284 -ms-transition: all
.3s ease
;
2285 -o-transition: all
.3s ease
;
2286 transition: all
.3s ease
;
2288 .btn
.btn-success:hover
,
2289 .btn
.btn-success:active
,
2290 .btn.btn-success.hover {
2291 background-color: #23ad44;
2293 -webkit-transition: all
.3s ease
;
2294 -moz-transition: all
.3s ease
;
2295 -ms-transition: all
.3s ease
;
2296 -o-transition: all
.3s ease
;
2297 transition: all
.3s ease
;
2300 background-color: #23b7e5;
2302 -webkit-transition: all
.3s ease
;
2303 -moz-transition: all
.3s ease
;
2304 -ms-transition: all
.3s ease
;
2305 -o-transition: all
.3s ease
;
2306 transition: all
.3s ease
;
2308 .btn
.btn-info:hover
,
2309 .btn
.btn-info:active
,
2310 .btn.btn-info.hover {
2311 background-color: #19a9d5;
2313 -webkit-transition: all
.3s ease
;
2314 -moz-transition: all
.3s ease
;
2315 -ms-transition: all
.3s ease
;
2316 -o-transition: all
.3s ease
;
2317 transition: all
.3s ease
;
2320 background-color: #f05050;
2322 -webkit-transition: all
.3s ease
;
2323 -moz-transition: all
.3s ease
;
2324 -ms-transition: all
.3s ease
;
2325 -o-transition: all
.3s ease
;
2326 transition: all
.3s ease
;
2328 .btn
.btn-danger:hover
,
2329 .btn
.btn-danger:active
,
2330 .btn.btn-danger.hover {
2331 background-color: #ee3939;
2333 -webkit-transition: all
.3s ease
;
2334 -moz-transition: all
.3s ease
;
2335 -ms-transition: all
.3s ease
;
2336 -o-transition: all
.3s ease
;
2337 transition: all
.3s ease
;
2340 background-color: #fad733;
2342 -webkit-transition: all
.3s ease
;
2343 -moz-transition: all
.3s ease
;
2344 -ms-transition: all
.3s ease
;
2345 -o-transition: all
.3s ease
;
2346 transition: all
.3s ease
;
2348 .btn
.btn-warning:hover
,
2349 .btn
.btn-warning:active
,
2350 .btn.btn-warning.hover {
2351 background-color: #f9d21a;
2353 -webkit-transition: all
.3s ease
;
2354 -moz-transition: all
.3s ease
;
2355 -ms-transition: all
.3s ease
;
2356 -o-transition: all
.3s ease
;
2357 transition: all
.3s ease
;
2360 border-radius: 30px;
2361 -webkit-border-radius: 30px;
2362 -moz-border-radius: 30px;
2364 /*.btn-group .btn.btn-success { border: 1px solid #7ab03f }
2365 .btn-group .btn.btn-info { border: 1px solid #2fa084 }
2366 .btn-group .btn.btn-danger { border: 1px solid #d13a24 }
2367 .btn-group .btn.btn-warning { border: 1px solid #efa50b }
2368 .btn-group-vertical .btn.btn-success { border: 1px solid #7ab03f }
2369 .btn-group-vertical .btn.btn-info { border: 1px solid #2fa084 }
2370 .btn-group-vertical .btn.btn-danger { border: 1px solid #d13a24 }
2371 .btn-group-vertical .btn.btn-warning { border: 1px solid #efa50b }*/
2372 .open .dropdown-toggle.btn-warning {
2373 background-color: #f9d21a;
2374 border-color: #f9d21a;
2376 .open .dropdown-toggle.btn-info {
2377 background-color: #37a3df;
2378 border-color: #37a3df;
2381 -webkit-border-radius: 0;
2382 -moz-border-radius: 0;
2384 -webkit-box-shadow: none
;
2385 -moz-box-shadow: none
;
2390 -webkit-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
2391 -moz-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
2392 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
2394 .btn:focus { outline: none
}
2401 .btn.btn-file > input[type='file'] {
2402 display: block
!important
;
2403 width: 100% !important
;
2404 height: 35px !important
;
2405 opacity: 0 !important
;
2413 margin: 0 0 10px 10px;
2416 -webkit-box-shadow: none
;
2417 -moz-box-shadow: none
;
2419 -webkit-border-radius: 0;
2420 -moz-border-radius: 0;
2424 border: 1px solid
#ddd;
2425 background-color: #fafafa;
2429 .btn
.btn-app
> .glyphicon
,
2430 .btn.btn-app > .ion {
2434 .btn.btn-app:hover {
2435 background: #f4f4f4;
2439 .btn
.btn-app:active
,
2440 .btn.btn-app:focus {
2441 -webkit-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
2442 -moz-box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
2443 box-shadow: inset
0 3px 5px rgba
(0, 0, 0, 0.125);
2445 .btn.btn-app > .badge {
2452 .btn.btn-social-old {
2453 -webkit-box-shadow: none
;
2454 -moz-box-shadow: none
;
2459 .btn.btn-social-old > .fa {
2463 .btn.btn-social-old > .fa + span { border-left: 1px solid rgba
(255, 255, 255, 0.3) }
2464 .btn.btn-social-old span { padding: 10px }
2465 .btn.btn-social-old:hover { opacity: 1 }
2471 -webkit-border-radius: 50%;
2472 -moz-border-radius: 50%;
2475 /* Background colors */
2490 .bg-black { color: #f9f9f9 !important }
2491 .bg-gray { background-color: #eaeaec !important }
2492 .bg-black { background-color: #222222 !important }
2493 .bg-red { background-color: #f56954 !important }
2494 .bg-yellow { background-color: #f39c12 !important }
2495 .bg-aqua { background-color: #00c0ef !important }
2496 .bg-blue { background-color: #0073b7 !important }
2497 .bg-light-blue { background-color: #3c8dbc !important }
2498 .bg-green { background-color: #00a65a !important }
2499 .bg-navy { background-color: #001f3f !important }
2500 .bg-teal { background-color: #39cccc !important }
2501 .bg-olive { background-color: #16a085 !important }
2502 .bg-lime { background-color: #01ff70 !important }
2503 .bg-orange { background-color: #f0934e !important }
2504 .bg-fuchsia { background-color: #f012be !important }
2505 .bg-purple { background-color: #932ab6 !important }
2506 .bg-maroon { background-color: #85144b !important }*/
2509 ------------------------
2513 padding: 15px 30px 15px 15px;
2514 border-left: 5px solid
#eee;
2519 .callout p:last-child {
2523 .callout .highlight {
2524 background-color: #fff;
2526 .callout.callout-danger {
2527 background-color: #fcf2f2;
2528 border-color: #dFb5b4;
2530 .callout.callout-warning {
2531 background-color: #fefbed;
2532 border-color: #f1e7bc;
2534 .callout.callout-info {
2535 background-color: #f0f7fd;
2536 border-color: #d0e3f0;
2538 .callout.callout-danger h4 {
2541 .callout.callout-warning h4 {
2544 .callout.callout-info h4 {
2549 ------------------------
2552 /*padding-left: 30px;
2553 margin-left: 15px;*/
2559 .alert > .glyphicon {
2565 -webkit-border-radius: 50%;
2566 -moz-border-radius: 50%;
2570 background: inherit
;
2577 .nav.nav-pills > li > a {
2578 border-top: 3px solid transparent
;
2579 -webkit-border-radius: 0;
2580 -moz-border-radius: 0;
2584 .nav
.nav-pills
> li
> a
> .fa
,
2585 .nav
.nav-pills
> li
> a
> .glyphicon
,
2586 .nav.nav-pills > li > a > .ion {
2589 .nav
.nav-pills
> li
.active
> a
,
2590 .nav.nav-pills > li.active > a:hover {
2591 background-color: #f6f6f6;
2592 border-top-color: #3c8dbc;
2595 .nav.nav-pills > li.active > a {
2598 .nav.nav-pills > li > a:hover {
2599 background-color: #f6f6f6;
2601 .nav.nav-pills.nav-stacked > li > a {
2603 border-left: 3px solid transparent
;
2604 -webkit-border-radius: 0;
2605 -moz-border-radius: 0;
2609 .nav.nav-pills.nav-stacked > li > a:hover{
2610 background-color: #f6f6f6;
2611 border-left-color: #3c8dbc;
2613 .nav
.nav-pills
.nav-stacked
> li
.active
> a
,
2614 .nav.nav-pills.nav-stacked > li.active > a:hover {
2615 background-color: #f6f6f6;
2616 border-left-color: #3c8dbc;
2619 .nav.nav-pills.nav-stacked > li.header {
2620 border-bottom: 1px solid
#ddd;
2622 margin-bottom: 10px;
2624 text-transform: uppercase
;
2628 margin-bottom: 20px;
2630 /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
2632 .nav-tabs-custom > .nav-tabs {
2634 border-bottom-color: #f4f4f4;
2636 .nav-tabs-custom > .nav-tabs > li {
2637 border-top: 3px solid transparent
;
2638 margin-bottom: -2px;
2641 .nav-tabs-custom > .nav-tabs > li > a {
2642 -webkit-border-radius: 0 !important
;
2643 -moz-border-radius: 0 !important
;
2644 border-radius: 0 !important
;
2646 .nav-tabs-custom
> .nav-tabs
> li
> a
,
2647 .nav-tabs-custom > .nav-tabs > li > a:hover {
2648 background: transparent
;
2651 .nav-tabs-custom
> .nav-tabs
> li:not
(.active
) > a:hover
,
2652 .nav-tabs-custom
> .nav-tabs
> li:not
(.active
) > a:focus
,
2653 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2654 border-color: transparent
;
2656 .nav-tabs-custom > .nav-tabs > li.active {
2657 border-top-color: #3c8dbc;
2659 .nav-tabs-custom
> .nav-tabs
> li
.active
> a
,
2660 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2661 background-color: #fff;
2663 .nav-tabs-custom > .nav-tabs > li.active > a {
2665 border-left-color: #f4f4f4;
2666 border-right-color: #f4f4f4;
2668 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2671 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2672 border-left-width: 0;
2674 .nav-tabs-custom > .nav-tabs.pull-right {
2675 float: none
!important
;
2677 .nav-tabs-custom > .nav-tabs.pull-right > li {
2680 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2683 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2684 border-left-width: 1px;
2685 border-right-width: 0px;
2687 .nav-tabs-custom > .nav-tabs > li.header {
2695 .nav-tabs-custom
> .nav-tabs
> li
.header
> .fa
,
2696 .nav-tabs-custom
> .nav-tabs
> li
.header
> .glyphicon
,
2697 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2700 .nav-tabs-custom > .tab-content {
2704 /* Nav tabs bottom */
2705 .tabs-bottom.nav-3 li a {
2706 width: 3333.33333333% !important
;
2712 .pagination > li > a {
2713 background: #fafafa;
2715 /*-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
2716 -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
2717 box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);*/
2719 .pagination
> li:first-of-type a
,
2720 .pagination > li:last-of-type a {
2721 -webkit-border-radius: 2px;
2722 -moz-border-radius: 2px;
2729 display: table-cell
;
2733 vertical-align: top
;
2735 .mailbox .table-mailbox {
2736 border-left: 1px solid
#ddd;
2737 border-right: 1px solid
#ddd;
2738 border-bottom: 1px solid
#ddd;
2740 .mailbox .table-mailbox tr.unread > td {
2741 background-color: rgba
(0, 0, 0, 0.05);
2745 .mailbox
.table-mailbox tr
> td
> .fa
.fa-star
,
2746 .mailbox
.table-mailbox tr
> td
> .fa
.fa-star-o
,
2747 .mailbox
.table-mailbox tr
> td
> .glyphicon
.glyphicon-star
,
2748 .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
2752 .mailbox .table-mailbox tr > td.small-col {
2755 .mailbox .table-mailbox tr > td.name {
2759 .mailbox .table-mailbox tr > td.time {
2763 .mailbox .table-mailbox tr > td {
2764 white-space: nowrap
;
2766 .mailbox .table-mailbox tr > td > a {
2769 @media screen and
(max-width: 767px) {
2770 .mailbox .nav-stacked > li:not(.header) {
2774 .mailbox .nav-stacked > li:not(.header).header {
2775 border: 0!important
;
2777 .mailbox .search-form {
2792 /* skin-blue navbar */
2793 .skin-blue .navbar {
2794 background-color: #d3e7f0; /* #3c8dbc; */
2796 .skin-blue .navbar .nav a {
2797 color: rgba
(0, 0, 0, 0.8); /* rgba(255, 255, 255, 0.8); */
2799 .skin-blue
.navbar
.nav
> li
> a:hover
,
2800 .skin-blue
.navbar
.nav
> li
> a:active
,
2801 .skin-blue
.navbar
.nav
> li
> a:focus
,
2802 .skin-blue
.navbar
.nav
.open
> a
,
2803 .skin-blue
.navbar
.nav
.open
> a:hover
,
2804 .skin-blue .navbar .nav .open > a:focus {
2805 background: rgba
(0, 0, 0, 0.1);
2808 .skin-blue .navbar .navbar-right > .nav {
2811 .skin-blue .navbar .sidebar-toggle .icon-bar {
2812 background: rgba
(255, 255, 255, 0.8);
2814 .skin-blue .navbar .sidebar-toggle:hover .icon-bar {
2815 background: #f6f6f6 !important
;
2817 /* skin-blue logo */
2819 background-color: #367fa9;
2822 .skin-blue .logo > a {
2825 .skin-blue .logo:hover {
2829 /* skin-blue content header */
2830 .skin-blue .right-side > .content-header {
2831 background: #fbfbfb;
2832 box-shadow: 1px 1px 2px rgba
(0, 0, 0, 0.1);
2834 /* Skin-blue user panel */
2835 .skin-blue .user-panel > .image > img {
2836 border: 1px solid
#dfdfdf;
2838 .skin-blue
.user-panel
> .info
,
2839 .skin-blue .user-panel > .info > a {
2842 /* skin-blue sidebar */
2843 .skin-blue .sidebar {
2844 background: #d3e7f0;
2845 border-bottom: 1px solid
#fff;
2847 .skin-blue .sidebar > .sidebar-menu > li {
2848 border-top: 1px solid
#fff;
2849 border-bottom: 1px solid
#dbdbdb;
2851 .skin-blue .sidebar > .sidebar-menu > li:first-of-type {
2852 border-top: 1px solid
#dbdbdb;
2854 .skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
2855 border-top: 1px solid
#fff;
2857 .skin-blue .sidebar > .sidebar-menu > li > a {
2860 .skin-blue
.sidebar
> .sidebar-menu
> li
> a:hover
,
2861 .skin-blue .sidebar > .sidebar-menu > li.active > a {
2863 background: #f9f9f9;
2865 .skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
2867 background: #f9f9f9;
2869 .skin-blue .left-side {
2870 background: #d3e7f0; /* #f4f4f4; */
2872 -webkit-box-shadow: inset
-3px 0px 8px -4px rgba
(0, 0, 0, 0.1);
2873 -moz-box-shadow: inset
-3px 0px 8px -4px rgba
(0, 0, 0, 0.1);
2874 box-shadow: inset
-3px 0px 8px -4px rgba
(0, 0, 0, 0.07);
2876 .skin-blue .sidebar a {
2879 .skin-blue .sidebar a:hover {
2880 text-decoration: none
;
2882 .skin-blue .treeview-menu > li > a {
2885 .skin-blue
.treeview-menu
> li
.active
> a
,
2886 .skin-blue .treeview-menu > li > a:hover {
2889 .skin-blue .sidebar-form {
2890 -webkit-border-radius: 2px;
2891 -moz-border-radius: 2px;
2893 border: 1px solid
#dbdbdb;
2896 .skin-blue
.sidebar-form input
[type
="text"],
2897 .skin-blue .sidebar-form .btn {
2899 background-color: #fafafa;
2900 border: 1px solid
#fafafa;
2903 .skin-blue .sidebar-form input[type="text"] {
2905 -webkit-border-top-left-radius: 2px !important
;
2906 -webkit-border-top-right-radius: 0 !important
;
2907 -webkit-border-bottom-right-radius: 0 !important
;
2908 -webkit-border-bottom-left-radius: 2px !important
;
2909 -moz-border-radius-topleft: 2px !important
;
2910 -moz-border-radius-topright: 0 !important
;
2911 -moz-border-radius-bottomright: 0 !important
;
2912 -moz-border-radius-bottomleft: 2px !important
;
2913 border-top-left-radius: 2px !important
;
2914 border-top-right-radius: 0 !important
;
2915 border-bottom-right-radius: 0 !important
;
2916 border-bottom-left-radius: 2px !important
;
2918 .skin-blue
.sidebar-form input
[type
="text"]:focus
,
2919 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2920 background-color: #fff;
2923 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2924 border-left-color: #fff;
2926 .skin-blue .sidebar-form .btn {
2928 -webkit-border-top-left-radius: 0 !important
;
2929 -webkit-border-top-right-radius: 2px !important
;
2930 -webkit-border-bottom-right-radius: 2px !important
;
2931 -webkit-border-bottom-left-radius: 0 !important
;
2932 -moz-border-radius-topleft: 0 !important
;
2933 -moz-border-radius-topright: 2px !important
;
2934 -moz-border-radius-bottomright: 2px !important
;
2935 -moz-border-radius-bottomleft: 0 !important
;
2936 border-top-left-radius: 0 !important
;
2937 border-top-right-radius: 2px !important
;
2938 border-bottom-right-radius: 2px !important
;
2939 border-bottom-left-radius: 0 !important
;
2945 /* skin-black navbar */
2946 .skin-black .navbar {
2947 background-color: #ffffff;
2948 border-bottom: 1px solid
#eee;
2950 .skin-black .navbar .nav a {
2953 .skin-black
.navbar
.nav
> li
> a:hover
,
2954 .skin-black
.navbar
.nav
> li
> a:active
,
2955 .skin-black
.navbar
.nav
> li
> a:focus
,
2956 .skin-black
.navbar
.nav
.open
> a
,
2957 .skin-black
.navbar
.nav
.open
> a:hover
,
2958 .skin-black .navbar .nav .open > a:focus {
2959 background: #39435C;
2961 padding-bottom: 14px;
2963 .skin-black .navbar .navbar-right > .nav {
2966 .skin-black .navbar .sidebar-toggle .icon-bar {
2967 background: #333333;
2969 .skin-black .navbar .sidebar-toggle:hover .icon-bar {
2970 background: #999999 !important
;
2972 /* skin-black logo */
2974 background-color: #283744;
2977 .skin-black .logo > a {
2980 .skin-black .logo:hover {
2981 /*background: #303030;*/
2984 /* skin-black content header */
2985 .skin-black .right-side > .content-header {
2989 /* Skin-red user panel */
2990 .skin-black .user-panel > .image > img {
2991 border: 1px solid
#444;
2993 .skin-black
.user-panel
> .info
,
2994 .skin-black .user-panel > .info > a {
2997 /* skin-black sidebar */
2998 .skin-black .sidebar {
2999 border-bottom: 1px solid
#39435C;
3001 .skin-black .sidebar > .sidebar-menu > li {
3002 /*border-top: 1px solid #333;
3003 border-bottom: 0px solid #444;*/
3005 .skin-black .sidebar > .sidebar-menu > li:first-of-type {
3006 border-top: 1px solid
#444;
3008 .skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
3009 border-top: 0px solid
#333;
3011 .skin-black .sidebar > .sidebar-menu > li > a {
3014 .skin-black
.sidebar
> .sidebar-menu
> li
> a:hover
,
3015 .skin-black .sidebar > .sidebar-menu > li.active > a {
3017 background: #425164;
3019 .skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
3021 background: #35404d;
3023 .skin-black .left-side {
3024 background: #39435C;
3026 .skin-black .sidebar a {
3029 .skin-black .sidebar a:hover {
3030 text-decoration: none
;
3032 .skin-black .treeview-menu > li > a {
3035 .skin-black
.treeview-menu
> li
.active
,
3036 .skin-black .treeview-menu > li:hover {
3038 background-color: #404B5F;
3040 .skin-black .sidebar-form {
3041 -webkit-border-radius: 2px;
3042 -moz-border-radius: 2px;
3044 border: 0px solid
#555;
3047 .skin-black
.sidebar-form input
[type
="text"],
3048 .skin-black .sidebar-form .btn {
3050 background-color: rgba
(255, 255, 255, 0.1);
3051 border: 0 solid rgba
(255, 255, 255, 0.1);
3055 .skin-black .sidebar-form input[type="text"] {
3057 -webkit-border-top-left-radius: 2px !important
;
3058 -webkit-border-top-right-radius: 0 !important
;
3059 -webkit-border-bottom-right-radius: 0 !important
;
3060 -webkit-border-bottom-left-radius: 2px !important
;
3061 -moz-border-radius-topleft: 2px !important
;
3062 -moz-border-radius-topright: 0 !important
;
3063 -moz-border-radius-bottomright: 0 !important
;
3064 -moz-border-radius-bottomleft: 2px !important
;
3065 border-top-left-radius: 2px !important
;
3066 border-top-right-radius: 0 !important
;
3067 border-bottom-right-radius: 0 !important
;
3068 border-bottom-left-radius: 2px !important
;
3070 .skin-black
.sidebar-form input
[type
="text"]:focus
,
3071 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
3072 background-color: #444;
3075 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
3078 .skin-black .sidebar-form .btn {
3080 -webkit-border-top-left-radius: 0 !important
;
3081 -webkit-border-top-right-radius: 2px !important
;
3082 -webkit-border-bottom-right-radius: 2px !important
;
3083 -webkit-border-bottom-left-radius: 0 !important
;
3084 -moz-border-radius-topleft: 0 !important
;
3085 -moz-border-radius-topright: 2px !important
;
3086 -moz-border-radius-bottomright: 2px !important
;
3087 -moz-border-radius-bottomleft: 0 !important
;
3088 border-top-left-radius: 0 !important
;
3089 border-top-right-radius: 2px !important
;
3090 border-bottom-right-radius: 2px !important
;
3091 border-bottom-left-radius: 0 !important
;
3094 .skin-black .sidebar .sidebar-menu .treeview-menu > li:hover {
3095 background-color: #404B5F;
3098 * iCheck v1.0.1, http://git.io/arlzeA
3099 * =================================
3100 * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
3102 * (c) 2013 Damir Sultanov, http://fronteed.com
3105 /* iCheck plugin Minimal skin, black
3106 ----------------------------------- */
3109 display: inline-block
;
3111 vertical-align: middle
;
3116 background: rgba
(255, 255, 255, 0.7) url
(iCheck/minimal/minimal.png) no-repeat
;
3120 .icheckbox_minimal {
3121 background-position: 0 0;
3123 .icheckbox_minimal.hover {
3124 background-position: -20px 0;
3126 .icheckbox_minimal.checked {
3127 background-position: -40px 0;
3129 .icheckbox_minimal.disabled {
3130 background-position: -60px 0;
3133 .icheckbox_minimal.checked.disabled {
3134 background-position: -80px 0;
3137 background-position: -100px 0;
3139 .iradio_minimal.hover {
3140 background-position: -120px 0;
3142 .iradio_minimal.checked {
3143 background-position: -140px 0;
3145 .iradio_minimal.disabled {
3146 background-position: -160px 0;
3149 .iradio_minimal.checked.disabled {
3150 background-position: -180px 0;
3152 /* Retina support */
3153 @media only screen and
(-webkit-min-device-pixel-ratio: 1.5), only screen and
(-moz-min-device-pixel-ratio: 1.5), only screen and
(-o-min-device-pixel-ratio: 3/2), only screen and
(min-device-pixel-ratio: 1.5) {
3156 background-image: url
('iCheck/minimal/minimal@2x.png');
3157 -webkit-background-size: 200px 20px;
3158 background-size: 200px 20px;
3161 /*.pace .pace-progress {
3162 background: #00c0ef;
3168 -webkit-transition: width 1s;
3169 -moz-transition: width 1s;
3170 -o-transition: width 1s;
3171 transition: width 1s;
3178 -webkit-pointer-events: none
;
3179 pointer-events: none
;
3180 -webkit-user-select: none
;
3181 -moz-user-select: none
;
3189 .pace .pace-progress {
3190 background-color: #29d;
3198 -webkit-transition: width
1s;
3199 -moz-transition: width
1s;
3200 -o-transition: width
1s;
3201 transition: width
1s;
3204 .pace .pace-progress-inner {
3211 background-image: -webkit-gradient
(linear
, 0 100%, 100% 0, color-stop
(0.25, rgba
(255, 255, 255, 0.2)), color-stop
(0.25, transparent
), color-stop
(0.5, transparent
), color-stop
(0.5, rgba
(255, 255, 255, 0.2)), color-stop
(0.75, rgba
(255, 255, 255, 0.2)), color-stop
(0.75, transparent
), to
(transparent
));
3212 background-image: -webkit-linear-gradient
(45deg, rgba
(255, 255, 255, 0.2) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.2) 50%, rgba
(255, 255, 255, 0.2) 75%, transparent
75%, transparent
);
3213 background-image: -moz-linear-gradient
(45deg, rgba
(255, 255, 255, 0.2) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.2) 50%, rgba
(255, 255, 255, 0.2) 75%, transparent
75%, transparent
);
3214 background-image: -o-linear-gradient
(45deg, rgba
(255, 255, 255, 0.2) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.2) 50%, rgba
(255, 255, 255, 0.2) 75%, transparent
75%, transparent
);
3215 background-image: linear-gradient
(45deg, rgba
(255, 255, 255, 0.2) 25%, transparent
25%, transparent
50%, rgba
(255, 255, 255, 0.2) 50%, rgba
(255, 255, 255, 0.2) 75%, transparent
75%, transparent
);
3216 -webkit-background-size: 32px 32px;
3217 -moz-background-size: 32px 32px;
3218 -o-background-size: 32px 32px;
3219 background-size: 32px 32px;
3221 -webkit-animation: pace-stripe-animation
500ms linear infinite
;
3222 -moz-animation: pace-stripe-animation
500ms linear infinite
;
3223 -ms-animation: pace-stripe-animation
500ms linear infinite
;
3224 -o-animation: pace-stripe-animation
500ms linear infinite
;
3225 animation: pace-stripe-animation
500ms linear infinite
;
3228 @-webkit-keyframes pace-stripe-animation
{
3229 0% { -webkit-transform: none
; transform: none
; }
3230 100% { -webkit-transform: translate
(-32px, 0); transform: translate
(-32px, 0); }
3232 @-moz-keyframes pace-stripe-animation
{
3233 0% { -moz-transform: none
; transform: none
; }
3234 100% { -moz-transform: translate
(-32px, 0); transform: translate
(-32px, 0); }
3236 @-o-keyframes pace-stripe-animation
{
3237 0% { -o-transform: none
; transform: none
; }
3238 100% { -o-transform: translate
(-32px, 0); transform: translate
(-32px, 0); }
3240 @-ms-keyframes pace-stripe-animation
{
3241 0% { -ms-transform: none
; transform: none
; }
3242 100% { -ms-transform: translate
(-32px, 0); transform: translate
(-32px, 0); }
3244 @keyframes pace-stripe-animation
{
3245 0% { transform: none
; transform: none
; }
3246 100% { transform: translate
(-32px, 0); transform: translate
(-32px, 0); }
3251 background-color: #ffffff;
3261 /*box-shadow: none;*/
3262 -webkit-box-shadow: 0 1px 0px rgba
(0,0,0,0.05);
3263 box-shadow: 0 1px 0px rgba
(0,0,0,0.05);
3267 border-bottom: 1px solid
#eee;
3268 background-color: #FAFAFA;
3273 background: #f4f4f4;
3278 border: solid transparent
;
3283 pointer-events: none
;
3284 border-color: rgba
(136, 183, 213, 0);
3285 border-right-color: #f4f4f4;
3292 background: #F1F5FD;
3297 border: solid transparent;
3302 pointer-events: none;
3303 border-color: rgba(136, 183, 213, 0);
3304 border-right-color: #F1F5FD;
3311 background: #F1F5FD;
3316 border: solid transparent
;
3321 pointer-events: none
;
3322 border-color: rgba
(136, 183, 213, 0);
3323 border-left-color: #F1F5FD;
3337 .chat-list .chat-avatar {
3339 display:inline-block
;
3343 .chat-list .chat-avatar i {
3347 .chat-list .ctext-wrap i {
3355 .chat-list .conversation-text {
3356 display:inline-block
;
3362 .chat-list .ctext-wrap {
3364 /*background:#d5f2ef;*/
3365 -webkit-border-radius:3px;
3366 -moz-border-radius:3px;
3369 display:inline-block
;
3371 .chat-list .ctext-wrap p {
3375 .chat-list .ctext-wrap:after {
3378 border:solid transparent
;
3383 pointer-events:none
;
3384 border-color:rgba
(213,242,239,0);
3385 border-right-color:#d5f2ef;
3389 .chat-list .odd .chat-avatar {
3390 float:right
!important
;
3392 .chat-list .odd .conversation-text {
3393 width:70% !important
;
3396 float:right
!important
;
3398 .chat-list .odd .ctext-wrap {
3399 background:#eeeef2 !important
;
3401 .chat-list .odd .ctext-wrap i {
3404 .chat-list .odd .ctext-wrap:after {
3405 left:100% !important
;
3407 border-color:rgba
(238,238,242,0)!important
;
3408 border-left-color:#eeeef2!important
;
3420 display:inline-block
;
3421 -webkit-border-radius:100%;
3422 -moz-border-radius:100%;
3434 .notification-info {
3438 ul
.notification-meta
{
3442 .notification-meta {
3445 .notification-info p {
3450 .alert-info .alert-icon {
3451 background-color:#99cce3;
3453 .alert-danger .alert-icon {
3454 background-color:#fcb1ae;
3456 .alert-success .alert-icon {
3457 background-color:#98d7ad;
3459 .alert-warning .alert-icon {
3460 background-color:#ffe699;
3462 .notification-sender {
3465 .notification-time {
3469 .alert-info .notification-info a {
3472 .alert-danger .notification-info a {
3475 .alert-success .notification-info a {
3478 .alert-warning .notification-info a {
3481 .alert-info.bucket-notification {
3482 background-color:#eef7fd;
3484 .alert-danger.bucket-notification {
3485 background-color:#fef3f2;
3487 .alert-success.bucket-notification {
3488 background-color:#eef8f8;
3490 .alert-warning.bucket-notification {
3491 background-color: #fff7e1;
3494 /*--------------Tasks Widget--------------*/
3497 margin-bottom: 30px;
3500 .tasks-widget .task-content:after {
3504 .tasks-widget .task-footer {
3508 .tasks-widget
.task-footer:after
,
3509 .tasks-widget .task-footer:before {
3515 .tasks-widget .task-footer:after {
3519 .tasks-widget .task-list {
3527 .tasks-widget .task-list > li {
3530 border-bottom:1px dashed
#eaeaea;
3533 .tasks-widget .task-list li.last-line {
3537 .tasks-widget .task-list li > .task-bell {
3541 .tasks-widget .task-list li > .task-checkbox {
3546 .tasks-widget .task-list li > .task-title {
3551 .tasks-widget .task-list li > .task-config {
3557 .tasks-widget .task-list li .task-title .task-title-sp {
3561 .tasks-widget .task-list li.task-done .task-title-sp {
3562 text-decoration:line-through
;
3566 .tasks-widget .task-list li.task-done {
3570 .tasks-widget .task-list li.task-done:hover {
3574 .tasks-widget .task-list li:hover {
3578 .tasks-widget .task-list li .task-config {
3582 .tasks-widget .task-list li:hover > .task-config {
3584 margin-bottom:0 !important
;
3588 @media only screen and
(max-width: 320px) {
3590 .tasks-widget .task-config-btn {
3595 .tasks-widget .task-list-projects li > .label {
3603 background-color: #f0f3f4;
3606 font-weight: normal
;
3608 .fc-button.fc-state-default {
3609 border: 1px solid
#d9dadc;
3611 margin-left: 0px!important
;
3612 background: #fafafa;
3621 background: #59ace2;
3623 -webkit-border-radius: 4px;
3633 .weather-bg .degree {
3636 .panel-item .degree {
3644 text-transform:uppercase
;
3646 font-family:'Open Sans',sans-serif
;
3649 .reg-earn-stat span {
3656 font-family:'Open Sans',sans-serif
;
3664 display:inline-block
;
3665 text-transform:uppercase
;
3668 .loc-earn-stat li span {
3673 border-right:#dadada 1px dashed
;
3686 background-color: #eee;
3688 .online-users i.online {
3690 /*margin: 5px 10px 5px 0px;
3691 padding: 5px 10px 5px 0px;*/
3695 .online-users i.offline {
3697 /*margin: 5px 10px 5px 0px;
3698 padding: 5px 10px 5px 0px;*/
3702 .panel>.online-users .list-group-item {
3703 border-width: 0px 0;
3706 .online-users .list-group-item {
3707 /*margin-bottom: 2px;*/
3710 .online-users .list-group-item:hover {
3711 /*margin-bottom: 2px;*/
3712 background-color: #fafafa;
3714 .online-users .list-group-item:first-child {
3715 /*margin-bottom: 0;*/
3716 border-top-right-radius: 0px;
3717 border-top-left-radius: 0px;
3719 .online-users .list-group-item:last-child {
3720 /*margin-bottom: 0;*/
3721 border-bottom-right-radius: 3px;
3722 border-bottom-left-radius: 3px;
3726 background-color: #fff;
3729 background: #4697ce;
3732 .chat-list .chat-primary:after {
3735 border:solid transparent
;
3740 pointer-events:none
;
3741 border-color:rgba
(213,242,239,0);
3742 border-right-color:#4697ce;
3748 background: #9358ac;
3751 .chat-list .chat-indigo:after {
3754 border:solid transparent
;
3759 pointer-events:none
;
3760 border-color:rgba
(213,242,239,0);
3761 border-right-color:#9358ac;
3765 .chat-midnightblue {
3767 background-color: #2b3d51;
3769 .chat-list .chat-midnightblue:after {
3772 border:solid transparent
;
3777 pointer-events:none
;
3778 border-color:rgba
(213,242,239,0);
3779 border-right-color:#2b3d51;
3787 -webkit-border-radius:3px;
3788 -moz-border-radius:3px;
3791 -webkit-box-shadow: 0 1px 0px rgba
(0,0,0,0.05);
3792 box-shadow: 0 1px 0px rgba
(0,0,0,0.05);
3797 display:inline-block
;
3802 -webkit-border-radius:5px;
3803 -moz-border-radius:5px;
3819 background:#fa8564 !important
;
3822 background:#45cf95 !important
;
3825 background:#86ba41 !important
;
3828 background:#AC75F0 !important
;
3831 background: #fdd752 !important
;
3841 .panel-heading .nav {
3844 margin:-10px -15px -15px;
3846 .tab-bg-dark-navy-blue ul>li>a {
3848 padding:15px 15px !important
;
3850 .tab-bg-dark-navy-blue {
3852 border-radius:5px 5px 0 0;
3853 -webkit-border-radius:5px 5px 0 0;
3856 .panel-heading .nav>li>a,.panel-heading .nav>li.active>a,.panel-heading .nav>li.active>a:hover,.panel-heading .nav>li.active>a:focus {
3860 .panel-heading .nav>li>a {
3863 .panel-heading .nav>li.active>a,.panel-heading .nav>li>a:hover {
3867 .panel-heading .nav>li:first-child.active>a,.panel-heading .nav>li:first-child>a:hover {
3868 border-radius:0px 0 0 0;
3869 -webkit-border-radius: 0px 0 0 0;
3870 /*border: 1px solid #eee;*/
3875 .panel-heading.tab-right .nav>li:first-child.active>a,.tab-right.panel-heading .nav>li:first-child>a:hover {
3877 -webkit-border-radius:0;
3879 .panel-heading.tab-right .nav>li:last-child.active>a,.tab-right.panel-heading .nav>li:last-child>a:hover {
3880 border-radius:0 4px 0 0;
3881 -webkit-border-radius:0 4px 0 0;
3883 .panel-heading.tab-right .nav-tabs>li>a {
3899 .general .panel-body {
3900 /*border: 1px solid #eee;*/
3907 background-color: #428BCA;
3909 .progress-bar-success {
3910 background-color: #27c24c;
3912 .progress-bar-info {
3913 background-color: #23b7e5;
3915 .progress-bar-warning {
3916 background-color: #fad733;
3918 .progress-bar-danger {
3919 background-color: #f05050;
3922 /*border: 1px solid #E4E4E4;*/
3924 -webkit-border-radius: 0px;
3925 -moz-border-radius: 0px;
3926 margin-bottom: -4px;
3929 .table > thead > tr > th {
3930 vertical-align: bottom
;
3931 border-bottom: 1px solid
#dddddd;
3934 #summary a
.list-group-item
{
3936 border:1px solid
#f4f4f4;
3938 #summary a
.list-group-item:hover
{
3939 background-color: #eee;
3944 .panel-profile .profile {
3945 margin: 5px 15px 5px 5px;
3947 -webkit-box-shadow: 0 0 0 5px #f7f7f7, 0 0 10px 0 rgba
(0, 0, 0, 0.2);
3948 -moz-box-shadow: 0 0 0 5px #f7f7f7, 0 0 10px 0 rgba
(0, 0, 0, 0.2);
3949 box-shadow: 0 0 0 5px #f7f7f7, 0 0 10px 0 rgba
(0, 0, 0, 0.2);
3951 .panel-profile li.list-group-item {
3952 border: 1px solid
#efefef;
3955 .panel-profile li.list-group-item:hover{
3956 background-color: #fafafa;
3959 .panel-profile li i {
3984 display: inline-block
;
3987 border: 1px solid
#efefef;
3992 border-radius: 500px;
3993 white-space: nowrap
;
3995 .panel .panel-heading {
3997 text-transform: uppercase
;
4000 background-color: #7acbee;
4008 .weather-category ul {
4011 display:inline-block
;
4014 .weather-category ul li {
4015 display:inline-block
;
4018 border-right:1px solid
#e6e6e6;
4019 display:inline-block
;
4021 .weather-category ul li h5 {
4023 text-transform:uppercase
;
4026 .weather-category ul li a {
4028 .weather-category ul li:last-child {
4033 display:inline-block;
4038 .twt-category ul li {
4044 font-weight:400 !important
;
4059 margin-bottom: 10px;
4063 table-layout: fixed
;
4069 .panel-box .panel-item {
4070 display: table-cell
;
4073 vertical-align: middle
;
4076 .panel-box .panel-left {
4077 -moz-border-radius-topleft: 4px;
4078 -webkit-border-top-left-radius: 4px;
4079 border-top-left-radius: 4px;
4080 -moz-border-radius-bottomleft: 4px;
4081 -webkit-border-bottom-left-radius: 4px;
4082 border-bottom-left-radius: 4px;
4084 .panel-box .panel-right {
4085 -moz-border-radius-topright: 4px;
4086 -webkit-border-top-right-radius: 4px;
4087 border-top-right-radius: 4px;
4088 -moz-border-radius-bottomright: 4px;
4089 -webkit-border-bottom-right-radius: 4px;
4090 border-bottom-right-radius: 4px;
4093 background: #335397;
4096 border-radius: 4px 4px 0 0;
4097 -webkit-border-radius: 4px 4px 0 0;
4100 background: #00c7f7;
4103 border-radius: 4px 4px 0 0;
4104 -webkit-border-radius: 4px 4px 0 0;
4107 padding: 8px 5px 5px 5px;
4109 border-radius: 0 0 4px 4px;
4110 -webkit-border-radius: 0 0 4px 4px;
4117 .follower-foot ul li {
4118 display: inline-block
;
4122 line-height: normal
;
4130 /*padding-top: 7px;*/
4139 /*padding-left: 20px;*/
4144 padding-right: 20px;
4148 .top-stats-panel .sm-pie {
4149 /*margin-top: 30px;*/
4164 .input-group.color .add-on i, .input-prepend.color .add-on i {
4175 .dropdown-menu.dropdown-custom>li {
4179 .dropdown-menu li:first-child.dropdown-header {
4181 border-top-left-radius: 3px;
4182 border-top-right-radius: 3px;
4185 li
.dropdown-header
{
4188 background-color: #f9fafc;
4189 border-top: 1px solid
#eaedf1;
4190 border-bottom: 1px solid
#eaedf1;
4192 .dropdown-menu .divider {
4194 padding: 0!important
;
4195 background-color: #f0f0f0;
4197 .dropdown-menu.dropdown-custom>li>a {
4200 .dropdown-menu>li>a {
4203 .dropdown-menu.dropdown-custom>li>a:hover {
4206 .dropdown-menu.dropdown-custom {
4210 .horizontal .dropdown-menu>li>a {
4214 .horizontal .dropdown-menu>li>a:hover{
4215 background-color: #eee;
4220 background-color: #FFF;
4222 border-top: 1px solid
#eee;
4228 background-color: #fff;
4230 border-radius: 40px;
4236 background-color:#fff;
4240 -webkit-box-shadow: 0 1px 0px rgba
(0,0,0,0.05);
4241 box-shadow: 0 1px 0px rgba
(0,0,0,0.05);
4251 background-color: #F05050;
4254 background-color: #27C24C;
4257 background-color: #7266ba;
4260 background-color: #23b7e5;
4263 .modal.left .modal-dialog, .modal.right .modal-dialog {
4268 -webkit-transform: translate3d(0%, 0, 0);
4269 -ms-transform: translate3d(0%, 0, 0);
4270 -o-transform: translate3d(0%, 0, 0);
4271 transform: translate3d(0%, 0, 0);
4274 .modal.left .modal-content, .modal.right .modal-content { //
4279 .modal.left .modal-body, .modal.right .modal-body { //
4280 padding: 15px 15px 80px;
4284 .modal.left.fade .modal-dialog {
4286 -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
4287 -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
4288 -o-transition: opacity 0.3s linear, left 0.3s ease-out;
4289 transition: opacity 0.3s linear, left 0.3s ease-out;
4292 .modal.left.fade.in .modal-dialog {
4296 .modal.right.fade .modal-dialog {
4298 -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
4299 -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
4300 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
4301 transition: opacity 0.3s linear, right 0.3s ease-out;
4304 .modal.right.fade.in .modal-dialog {
4308 ----- MODAL STYLE -----
4315 border-bottom-color: #EEEEEE;
4316 background-color: #FAFAFA;
4320 background-color: #999999;
4328 text-decoration: none;
4330 -webkit-border-radius: 12px;
4331 -moz-border-radius: 12px;
4332 border-radius: 12px;
4333 -moz-box-shadow: 1px 1px 3px #000;
4334 -webkit-box-shadow: 1px 1px 3px #000;
4335 box-shadow: 1px 1px 3px #000;