/* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* --------------------------------------- */ /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v15/WDQRONh0ieLkzMd4njMkJBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v15/qlwg-kjAsZDGqOniRm96VBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v15/l1cOQ90roY9yC7voEhngDBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v15/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v15/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v15/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v15/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v15/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v15/smkSb2csQFrK-wxLDSe5RxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v15/69aXBpgQONjr_rHWADjBuRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v15/dI-qzxlKVQA6TUC5RKSb3xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v15/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* --------------------------------------- */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .no-border-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .text-uppercase { text-transform: uppercase; } .text-justify { text-align: justify; } .text-line-through { text-decoration: line-through; } .box-heading { font-weight: bold; font-family: 'Oswald'; margin-bottom: 15px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.42857143; color: #999999; background-color: #f0f2f5; height: 100%; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #999999; text-decoration: none; } a:hover, a:focus { color: #dc6767; text-decoration: none; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #f0f2f5; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .require { color: #ff0000; } #wrapper { width: 100%; min-height: 100%; background-color: #3C3C3C; } #page-wrapper { min-height: 100%; padding: 0 !important; background-color: #f0f2f5; transition: 0.3s all linear; } @media (min-width: 768px) { #page-wrapper { position: relative; margin: 0 0 0 250px; padding: 0; } } #topbar { background: #ffffff; width: 100%; height: 50px; } #topbar.navbar-default { border: 0; } #topbar .navbar-header { width: 250px; height: 100%; background: #1E1E1E; text-align: center; } #topbar .navbar-header #logo { font-size: 20px; line-height: 20px; color: #ffffff; height: 100%; width: 100%; } #topbar .navbar-header #logo span.fa { display: none; } #topbar .navbar-header #logo span.logo-text { display: block; font-weight: lighter; font-family: 'Lato', sans-serif; font-size: 30px; } #topbar .topbar-main { display: block; height: 100%; background: #1E1E1E; } #topbar .topbar-main #menu-toggle { float: left; padding: 15px 20px; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; color: #ffffff; } #topbar .topbar-main #menu-toggle:hover, #topbar .topbar-main #menu-toggle:focus { color: #FFF; } #topbar .topbar-main #menu-toggle i { font-size: 25px; } #topbar .topbar-main ul.nav.navbar-nav { display: none; } #topbar .topbar-main ul.nav.navbar-nav.horizontal-menu { display: block; } #topbar .topbar-main ul.nav.navbar-nav li.active a, #topbar .topbar-main ul.nav.navbar-nav li:hover a, #topbar .topbar-main ul.nav.navbar-nav li.open a { background: #ffffff; color: #999999; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown { position: static; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 20px; right: 20px; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu { left: auto; width: auto; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content { padding: 10px; margin: 0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { *width: auto !important; padding: 0px 15px !important; margin: 0 !important; border-right: 1px solid #eeeeee; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 2px !important; margin: 0 !important; list-style: none; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 { color: #555555; margin-top: 10px; padding-left: 5px; font-size: 15px; font-weight: normal; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a { padding: 5px !important; margin: 0 !important; font-weight: normal; display: block; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a:hover { background: #f0f0f0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu { border-right: none; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a { text-align: center; padding: 30px 5px !important; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a:hover { background: transparent; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a i { font-size: 50px; display: block; width: 100%; margin-bottom: 20px; } #topbar .topbar-main ul.nav.navbar-nav li a { color: #ffffff; } #topbar #topbar-search { width: 250px; float: left; } #topbar #topbar-search i { font-size: 20px; margin: 0; top: 17px; right: 12px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topbar #topbar-search input { padding: 15px 30px !important; height: 100%; border: 0 !important; border-radius: 0; background: #3C3C3C; } #topbar .navbar-top-links li { display: inline-block; } #topbar .navbar-top-links li:last-child { margin-right: 15px; } #topbar .navbar-top-links li.open > a { background: #3C3C3C !important; color: #ffffff !important; } #topbar .navbar-top-links li.open > a:hover, #topbar .navbar-top-links li.open > a:focus { background: #3C3C3C !important; } #topbar .navbar-top-links li.open > a i { color: #ffffff; } #topbar .navbar-top-links li > a { padding: 15px 20px; height: 100%; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topbar .navbar-top-links li > a:hover, #topbar .navbar-top-links li > a:focus { background: #3C3C3C !important; } #topbar .navbar-top-links li > a i { font-size: 16px; color: #ffffff; } #topbar .navbar-top-links li > a span.badge { position: absolute; top: 5px; right: 30px; padding: 3px 6px; color: #ffffff; } #topbar .navbar-top-links li > a img { position: relative; width: 25px; height: 25px; display: inline-block; } #topbar .navbar-top-links li .dropdown-menu li { display: block; } #topbar .navbar-top-links li .dropdown-menu li:last-child { margin-right: 0; } #topbar .navbar-top-links li .dropdown-menu li a { padding: 3px 20px; min-height: 0; color: #999999; } #topbar .navbar-top-links li .dropdown-menu li a div { white-space: normal; } #topbar .navbar-top-links li .dropdown-menu li a.btn { color: #FFFFFF; } #topbar .navbar-top-links li.topbar-user a { padding: 12px 15px 11px; } #topbar .navbar-top-links li.topbar-user a img { margin-right: 5px; } #topbar .navbar-top-links ul.dropdown-alerts { width: 250px; min-width: 0; } #topbar .navbar-top-links ul.dropdown-alerts li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-alerts li a:hover, #topbar .navbar-top-links ul.dropdown-alerts li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-alerts li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a span { margin-right: 10px; padding: 3px; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a span i { font-size: 14px; color: #FFFFFF; } #topbar .navbar-top-links ul.dropdown-alerts li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-alerts li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-alerts li p { padding: 10px 15px; margin-bottom: 0; background: #40516f; color: #ffffff; } #topbar .navbar-top-links ul.dropdown-messages { width: 250px; min-width: 0; } #topbar .navbar-top-links ul.dropdown-messages li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-messages li a:hover, #topbar .navbar-top-links ul.dropdown-messages li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-messages li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-messages li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .avatar img { width: 40px; height: 40px; margin-top: 0; float: left; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info { margin-left: 50px; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name { font-size: 12px; font-weight: bold; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name .label { font-size: 10px; padding: 3px; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .desc { font-size: 12px; } #topbar .navbar-top-links ul.dropdown-messages li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-messages li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-messages li p { padding: 10px 15px; margin-bottom: 0; background: #40516f; color: #ffffff; } #topbar .navbar-top-links ul.dropdown-tasks { width: 250px; min-width: 0; margin-left: -59px; } #topbar .navbar-top-links ul.dropdown-tasks li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-tasks li a:hover, #topbar .navbar-top-links ul.dropdown-tasks li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-tasks li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a span { margin-right: 10px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a span i { font-size: 13px; color: #FFFFFF; padding: 3px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a .progress { margin-bottom: 5px; } #topbar .navbar-top-links ul.dropdown-tasks li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-tasks li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; } #topbar .navbar-top-links ul.dropdown-tasks li p { padding: 10px 15px; margin-bottom: 0; background: #40516f; color: #ffffff; } #topbar .navbar-top-links .dropdown-user li a { padding: 10px !important; height: auto; } #topbar .navbar-top-links .dropdown-user li a:hover, #topbar .navbar-top-links .dropdown-user li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links .dropdown-user li a i { margin-right: 5px; color: #999999; } #topbar .navbar-top-links .dropdown-user li a .badge { position: absolute; margin-top: 5px; right: 10px; display: inline; font-size: 11px; padding: 3px 6px 3px 6px; text-align: center; vertical-align: middle; } @media (min-width: 768px) { .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .page-title-breadcrumb { padding: 10px 20px; background: #ffffff; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); clear: both; border-bottom: 5px solid #e5e5e5 !important; box-shadow: none !important; } .page-title-breadcrumb .page-header { margin: 0; padding: 0; border-bottom: 0; } .page-title-breadcrumb .page-header .page-title { font-size: 25px; font-weight: 300; display: inline-block; } .page-title-breadcrumb .page-header .page-subtitle { font-size: 14px; font-weight: 300; color: #bcbcbc; display: inline-block; } .page-title-breadcrumb .breadcrumb { margin-bottom: 0; padding-left: 0; padding-right: 0; border-radius: 0; background: transparent; } .page-title-breadcrumb .breadcrumb li + li:before { content: ""; padding: 0; } .horizontal-menu-page #sidebar { display: none; } .horizontal-menu-page #page-wrapper { margin-left: 0; } .horizontal-menu-page #menu-toggle { display: none; } #chat-form { position: absolute; right: 0; top: 0; bottom: 0; width: 280px; background: #40516f; z-index: 9999; display: none; } #chat-form.fixed { position: fixed; min-height: 0 !important; } #chat-form .user-status { display: inline-block; background: #575d67; margin-right: 5px; width: 8px; height: 8px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 8 !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } #chat-form .user-status.is-online { background-color: #06b53c; } #chat-form .user-status.is-busy { background-color: #ee4749; } #chat-form .user-status.is-idle { background-color: #f7d227; } #chat-form .user-status.is-offline { background-color: #666666; } #chat-form .chat-inner { overflow: auto; height: 100%; } #chat-form .chat-header { font-size: 16px; color: #ffffff; padding: 30px 35px; line-height: 1; margin: 0; border-bottom: 1px solid #53698f; position: relative; } #chat-form .chat-header .chat-form-close { color: #ededed; font-size: 13px; } #chat-form .chat-group { margin-top: 30px; } #chat-form .chat-group > strong { text-transform: uppercase; color: #ededed; display: block; padding: 6px 35px; font-size: 14px; } #chat-form .chat-group > a { display: block; padding: 6px 35px; position: relative; color: #eaeaea; text-decoration: none; } #chat-form .chat-group > a .badge { font-size: 9px; margin-left: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #chat-form .chat-group > a .badge.is-hidden { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #chat-form .chat-group > a.active { background: #495d7f; } #chat-form .chat-group > a.active:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #37455f; left: 0; top: 50%; margin-top: -8px; } #chat-form .chat-group > a:hover { background: #495d7f; } #chat-form #chat-box { position: absolute; right: 280px; width: 340px; background: #37455f; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; display: none; } #chat-form #chat-box .chat-box-header { padding: 20px 24px; font-size: 14px; color: #fff; border-bottom: 1px solid #53698f; } #chat-form #chat-box .chat-box-header .chat-box-close { color: #ededed; font-size: 13px; } #chat-form #chat-box .chat-box-header small { color: #BBBBBB; font-size: 12px; padding-left: 8px; } #chat-form #chat-box ul.chat-box-body { list-style: none; margin: 0; padding: 0; overflow: auto; height: 250px; } #chat-form #chat-box ul.chat-box-body > li { padding: 20px 24px; padding-bottom: 5px; padding-top: 0px; } #chat-form #chat-box ul.chat-box-body > li:before { content: " "; display: table; } #chat-form #chat-box ul.chat-box-body > li:after { clear: both; content: " "; display: table; } #chat-form #chat-box ul.chat-box-body > li.odd { background: #3a4a65; } #chat-form #chat-box ul.chat-box-body > li .avt { width: 30px; height: 30px; border-radius: 50%; margin: 5px 5px 0px 0px; vertical-align: -9px; } #chat-form #chat-box ul.chat-box-body > li .user { font-weight: bold; color: #fff; } #chat-form #chat-box ul.chat-box-body > li .user:after { content: ':'; } #chat-form #chat-box ul.chat-box-body > li .time { float: right; font-style: italic; color: #ededed; font-size: 11px; margin-top: 12px; } #chat-form #chat-box ul.chat-box-body > li p { margin: 10px 0 8.5px; color: #eaeaea; } #chat-form #chat-box .chat-textarea { padding: 20px 24px; position: relative; } #chat-form #chat-box .chat-textarea textarea { background: #465879; border: 1px solid #465879; color: #fff; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #chat-form #chat-box .chat-textarea textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ededed; } .fixed-topbar #topbar { position: fixed; } .fixed-topbar #sidebar { padding-top: 50px !important; } .fixed-topbar #page-wrapper { padding-top: 50px !important; } #sidebar { background: #3C3C3C; } .navbar-static-side { transition: 0.3s all linear; } .navbar-static-side ul li { border-bottom: 1px solid #484848; } .navbar-static-side ul li:first-child a { padding: 0; } .navbar-static-side ul li { background: #3C3C3C; /* Old browsers */ outline: none; color:#d9d9d9; } .navbar-static-side ul li.active a { background: #3e77ab; /* Old browsers */ transition: 0.2s all ease-in-out; outline: none; color:#FFF; } .navbar-static-side ul li a { color: #d9d9d9; padding: 15px; } .navbar-static-side ul li a span.menu-title { margin-left: 10px; } .navbar-static-side ul li a i { font-size: 16px; } .navbar-static-side ul li a i .icon-bg { display: none; } .navbar-static-side ul li a:hover, .navbar-static-side ul li a:focus { background: #303030; /* Old browsers */ transition: 0.2s all ease-in-out; outline: none; color:#FFF; } .navbar-static-side ul li a .badge, .navbar-static-side ul li a .label { float: right; margin-right: 10px; } .navbar-static-side ul li a.menu-title { margin-left: 10px; } .navbar-static-side ul li .nav-second-level li { border-bottom: 1px solid #484848; } .navbar-static-side ul li .nav-second-level li.active a, .navbar-static-side ul li .nav-second-level li:hover a, .navbar-static-side ul li .nav-second-level li:focus a { color: #dc6767; } .navbar-static-side ul li .nav-second-level li a { padding: 15px 15px 15px 40px; background: #37455f; color: #efefef; } .navbar-static-side ul li .nav-second-level li a span.submenu-title { margin-left: 10px; } .navbar-static-side ul li .nav-second-level li .nav-third-level li { border-bottom: 1px solid #484848; } .navbar-static-side ul li .nav-second-level li .nav-third-level li.active a, .navbar-static-side ul li .nav-second-level li .nav-third-level li:hover a, .navbar-static-side ul li .nav-second-level li .nav-third-level li:focus a { color: #dc6767; } .navbar-static-side ul li .nav-second-level li .nav-third-level li a { padding: 15px 15px 15px 40px; background: #313e55; color: #efefef; } .navbar-static-side ul li .nav-second-level li .nav-third-level li a span.submenu-title { margin-left: 10px; } .navbar-static-side ul li.sidebar-heading { padding: 5px 15px; } .navbar-static-side ul li.sidebar-heading h4 { font-family: 'Oswald'; font-size: 18px; font-weight: bold; color: #dc6767; } .navbar-static-side ul li.user-panel { padding: 15px; } .navbar-static-side ul li.user-panel .thumb { float: left; border: 5px solid rgba(255, 255, 255, 0.1); border-radius: 50%; } .navbar-static-side ul li.user-panel .thumb img { width: 45px; height: 45px; } .navbar-static-side ul li.user-panel .info { float: left; padding: 5px 5px 5px 15px; color: #ffffff; } .navbar-static-side ul li.user-panel .info p { margin-bottom: 3px; font-size: 16px; } .navbar-static-side ul li.user-panel .info a { font-size: 10px; } .navbar-static-side ul li.user-panel .info a i { font-size: 14px; color: #999; } .navbar-static-side ul li.user-panel .info a:hover, .navbar-static-side ul li.user-panel .info a:focus { background-color: transparent; } .navbar-static-side ul li.user-panel .info a:hover i, .navbar-static-side ul li.user-panel .info a:focus i { color: #777; } .navbar-static-side ul li.user-panel ul li { border-bottom: 0; } .sidebar-user-info { padding: 15px; } .sidebar-user-info img { border: 5px solid #d95b5b; width: 75px; height: 75px; display: inline-block; } .sidebar-user-info h4 { color: #FFFFFF; margin-bottom: 5px; } .sidebar-user-info ul { margin-bottom: 3px; } .sidebar-user-info ul li { border-bottom: 0 !important; } .sidebar-user-info ul li a { color: #cdcdcd; } .sidebar-user-info .user-status { width: 10px; height: 10px; border-radius: 50% !important; display: inline-block; background: transparent; margin-right: 5px; } .sidebar-user-info .user-status.is-online { background: #06B53C; } .sidebar-user-info .user-status.is-idle { background: #F7D227; } .sidebar-user-info .user-status.is-busy { background: #ee4749; } .sidebar-user-info .user-status.is-offline { background: #666666; } .sidebar-user-info span { color: #FFFFFF; } .sidebar-user-activity { padding: 15px; border-bottom: 0 !important; } .sidebar-user-activity h4 { color: #FFFFFF; } .sidebar-user-activity .note { padding: 3px 15px; margin-bottom: 5px; } .sidebar-user-activity .note small { color: #cdcdcd; } .sidebar-user-activity .note a:hover, .sidebar-user-activity .note a:focus { background: transparent; } .arrow { float: right; margin-top: 3px; } .fa.arrow:before { content: "\f104"; } .active > a > .fa.arrow:before { content: "\f107"; } @media (min-width: 768px) { .navbar-static-side { z-index: 1; position: absolute; width: 250px; } } .right-sidebar #topbar .navbar-header { float: right; border-right: 0; } .right-sidebar #sidebar { left: auto; right: 0; } .right-sidebar #page-wrapper { margin: 0 250px 0 0; } /* Begin Horizontal menu */ /* Begin Left Sidebar Collapsed */ .left-side-collapsed .navbar-static-side { width: 55px; } .left-side-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a { height: 50px; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title { display: block !important; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title { display: block !important; margin-left: 0; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; left: 55px; width: 195px; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a { padding: 15px; } .left-side-collapsed .navbar-static-side ul#side-menu li a span { display: none; } .left-side-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } .left-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; left: 55px; padding: 15px; margin-left: 0; width: 195px; height: 50px; background: #303030; /* Old browsers */ outline: none; } .left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; left: 55px; width: 195px; } .left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } .left-side-collapsed #page-wrapper { margin: 0 0 0 55px; } /* End Left Sidebar Collapsed */ /* Begin Right Sidebar Collapsed */ .right-side-collapsed .navbar-static-side { width: 55px; } .right-side-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a { height: 50px; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title { display: block !important; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title { display: block !important; margin-right: 0; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; right: 55px; width: 195px; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a { padding: 15px 5px; } .right-side-collapsed .navbar-static-side ul#side-menu li a span { display: none; } .right-side-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } .right-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; right: 55px; padding: 15px; margin-right: 0; background: #dc6767; color: #ffffff; width: 195px; height: 50px; } .right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; right: 55px; width: 195px; } .right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } .right-side-collapsed #page-wrapper { margin: 0 55px 0 0; } /* End Left Sidebar Collapsed */ .page-content { padding: 20px 20px 50px 20px; min-height: 700px; } #footer { position: fixed; width: 100%; bottom: 0px; padding: 15px 20px; background: #FFFFFF; } #theme-setting { position: fixed; right: -250px; top: 120px; padding: 10px 13px; background: #ffffff; border: 1px solid #e5e5e5; border-right: 0; width: 250px; z-index: 9999; -webkit-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } #theme-setting .btn-theme-setting { padding: 15px; background: #ffffff; position: absolute; z-index: 9999; left: -57px; border: 1px solid; border-color: #e5e5e5 transparent #e5e5e5 #e5e5e5; top: -1px; } #theme-setting .btn-theme-setting i { font-size: 30px; color: #94cc55; line-height: 25px; } #theme-setting .btn-theme-setting:hover, #theme-setting .btn-theme-setting:focus { color: #999999; outline: none; } #theme-setting .content-theme-setting ul#list-color li { cursor: pointer; width: 35px; height: 35px; border: 5px solid transparent; margin: 0 5px; } #theme-setting .content-theme-setting ul#list-color li.green-dark { background: #594857; border-color: #488c6c; } #theme-setting .content-theme-setting ul#list-color li.red-dark { background: #594857; border-color: #bf4346; } #theme-setting .content-theme-setting ul#list-color li.pink-dark { background: #594857; border-color: #bf3773; } #theme-setting .content-theme-setting ul#list-color li.blue-dark { background: #594857; border-color: #0a819c; } #theme-setting .content-theme-setting ul#list-color li.yellow-dark { background: #594857; border-color: #f2994b; } #theme-setting .content-theme-setting ul#list-color li.green-grey { background: #4b5d67; border-color: #488c6c; } #theme-setting .content-theme-setting ul#list-color li.red-grey { background: #4b5d67; border-color: #bf4346; } #theme-setting .content-theme-setting ul#list-color li.pink-grey { background: #4b5d67; border-color: #bf3773; } #theme-setting .content-theme-setting ul#list-color li.blue-grey { background: #4b5d67; border-color: #0a819c; } #theme-setting .content-theme-setting ul#list-color li.yellow-grey { background: #4b5d67; border-color: #f2994b; } #theme-setting .content-theme-setting ul#list-color li.yellow-green { background: #007451; border-color: #CCA32F; } #theme-setting .content-theme-setting ul#list-color li.orange-grey { background: #322F2B; border-color: #D94E37; } #theme-setting .content-theme-setting ul#list-color li.pink-blue { background: #40516F; border-color: #DC6767; } #theme-setting .content-theme-setting ul#list-color li.pink-violet { background: #554161; border-color: #E82A62; } #theme-setting .content-theme-setting ul#list-color li.orange-violet { background: #554161; border-color: #FF422B; } #theme-setting .content-theme-setting ul#list-color li.pink-green { background: #456445; border-color: #FF5E70; } #theme-setting .content-theme-setting ul#list-color li.pink-brown { background: #573F2F; border-color: #A21E46; } #theme-setting .content-theme-setting ul#list-color li.orange-blue { background: #33485C; border-color: #E74C3C; } #theme-setting .content-theme-setting ul#list-color li.yellow-blue { background: #417CB2; border-color: #FFC34C; } #theme-setting .content-theme-setting ul#list-color li.green-blue { background: #417CB2; border-color: #66B354; } /*panel stat*/ #sum_box .db { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #sum_box .icon { color: #999999; font-size: 55px; margin-top: 7px; margin-bottom: 0px; float: right; } #sum_box h4 { text-align: left; margin-top: 0px; font-size: 30px; margin-bottom: 0px; padding-bottom: 0px; } #sum_box h4 span:last-child { font-size: 25px; } #sum_box p.description { margin-top: 0px; opacity: .6; } #sum_box .db:hover { background: #40516f; color: #fff; } #sum_box .db:hover .icon { opacity: 1; color: #fff; } #sum_box .db:hover p.description { opacity: 1; } /*panel stat*/ /*user profile*/ .profile { display: inline-block; } .profile h2 { margin-top: 0; } .profile .divider { border-top: 1px solid rgba(0, 0, 0, 0.1); } figcaption.ratings { margin-top: 20px; } figcaption.ratings a { color: #f1c40f; font-size: 11px; } .emphasis { border-top: 4px solid transparent; padding-top: 15px; } .emphasis:hover { border-top: 4px solid #1abc9c; } .emphasis h2 { margin-bottom: 0; } /*user profile*/ /*to-do list*/ ul.todo-list { overflow: hidden; width: auto; height: 250px; padding: 0; } ul.todo-list li { background: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; padding: 13px; margin-bottom: 5px; cursor: move; list-style: none; } ul.todo-list li span.drag-drop { height: 17px; display: block; float: left; width: 7px; position: relative; top: 2px; } ul.todo-list li span.drag-drop i { height: 2px; width: 2px; display: block; background: #ccc; box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; -webkit-box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; -moz-box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; } ul.todo-list li .todo-check { margin-left: 10px; margin-right: 10px; } ul.todo-list li .todo-title { margin-right: 70px; } ul.todo-list li .todo-actions { position: absolute; right: 15px; top: 13px; } ul.todo-list li .todo-actions a i { color: #999999; margin: 0 5px; } ul.todo-list li .todo-actions a:hover i, ul.todo-list li .todo-actions a:focus i { color: #555555; } /*to-do list*/ /*chat form*/ ul.chats { margin: 0; padding: 0; } ul.chats li { list-style: none; margin: 30px auto; font-size: 12px; } ul.chats li:first-child { margin-top: 0; } ul.chats li img.avatar { width: 50px; height: 50px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.chats li .message { display: block; padding: 7px; position: relative; } ul.chats li .message .chat-datetime { font-style: italic; color: #888; font-size: 11px; } ul.chats li .message .chat-body { display: block; margin-top: 5px; } ul.chats li.in img.avatar { float: left; } ul.chats li.in .message { background: #fafbfc; margin-left: 65px; border-left: 3px solid #e5e5e5; border-radius: 4px; } .chats li.in .message .chat-arrow { display: block; position: absolute; top: 15px; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #e5e5e5; } ul.chats li.in .message a.chat-name { color: #dc6767; } ul.chats li.out img.avatar { float: right; } ul.chats li.out .message { background: #f3f3f3; margin-right: 65px; border-right: 3px solid #e5e5e5; text-align: right; border-radius: 4px; } ul.chats li.out .message .chat-arrow { display: block; position: absolute; top: 15px; right: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #e5e5e5; } ul.chats li.out .message a.chat-name { color: #dc6767; } ul.chats li.out .message a.chat-name, ul.chats li.out .message a.chat-datetime { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #f0f0f0; overflow: hidden; clear: both; } .chat-form #input-chat, .chat-form .input-group-btn .btn { border: 0; } .chat-form .input-group-btn:last-child > .btn, .chat-form .input-group-btn:last-child > .btn-group { margin-left: 0; } /*chat form*/ .row-icons { padding: 15px 0; margin: 0; } .row-icons [class*="col"] { margin-bottom: 20px; padding: 0; } .row-icons [class*="col"] a { line-height: 30px; display: inline-block; color: #999999; text-decoration: none; } .row-icons [class*="col"] a:hover i.fa:before { color: #e69090; } .row-icons [class*="col"] a:hover i.glyphicon:before { color: #e69090; } .row-icons [class*="col"] i.fa { vertical-align: middle; margin: 0 10px; width: 40px; } .row-icons [class*="col"] i:before { color: #dc6767; font-size: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .row-icons [class*="col"] span { padding-left: 20px; vertical-align: top; } .modal-full-width { width: 100%; } .modal-wide-width { width: 70%; } #error-page { background: #F0F2F5; text-align: center; position: relative; } #error-page #error-page-content { width: 480px; margin: 10% auto 0 auto; text-align: center; } #error-page #error-page-content h1 { font-family: 'oswald'; font-size: 150px; font-weight: bold; color: #dc6767; } #error-page #error-page-content p a { color: #dc6767; } #error-page #error-page-content p a:hover, #error-page #error-page-content p a:focus { text-decoration: underline; } #signin-page { background: url('https://swlabs.co/madmin/code/style2/images/bg/1.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } #signup-page { background: url('https://swlabs.co/madmin/code/style2/images/bg/2.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } #lock-screen-page { background: url('https://swlabs.co/madmin/code/style2/images/bg/3.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } #lock-screen-page .page-form { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; } #lock-screen-page .page-form input { background-color: rgba(0, 0, 0, 0.3); border: 0; } .page-form { width: 650px; margin: 20% auto 0 auto; border-radius: 4px; } .page-form .input-icon i { margin-top: 12px; } .page-form input[type='text'], .page-form input[type='password'], .page-form input[type='email'], .page-form select { height: 40px; border-color: #e5e5e5; -webkit-box-shadow: none !important; box-shadow: none !important; color: #999999; } .page-form .header-content { padding: 15px 20px; background: #e9e9e9; border-top-left-radius: 4px; border-top-right-radius: 4px; } .page-form .header-content h1 { font-family: 'oswald'; font-size: 30px; font-weight: bold; text-align: center; margin: 0; text-transform: uppercase; } .page-form .body-content { padding: 15px 20px; position: relative; } .page-form .body-content .btn-twitter { background: #5bc0de; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-twitter i { margin-right: 5px; } .page-form .body-content .btn-twitter:hover, .page-form .body-content .btn-twitter:focus { color: #ffffff; } .page-form .body-content .btn-facebook { background: #418bca; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-facebook i { margin-right: 5px; } .page-form .body-content .btn-facebook:hover, .page-form .body-content .btn-facebook:focus { color: #ffffff; } .page-form .body-content .btn-google-plus { background: #dd4c39; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-google-plus i { margin-right: 5px; } .page-form .body-content .btn-google-plus:hover, .page-form .body-content .btn-google-plus:focus { color: #ffffff; } .page-form .body-content p a { color: #dc6767; } .page-form .body-content p a:hover, .page-form .body-content p a:focus { color: #777777; text-decoration: none; } .page-form .body-content .forget-password h4 { text-transform: uppercase; font-size: 16px; } .page-form .body-content hr { border-color: #e0e0e0; } .page-form .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .page-form .rating.state-error + em { margin-top: -4px; margin-bottom: 4px; } .page-form .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .page-form .state-error input, .page-form .state-error select { background: #f2dede; } .page-form .state-success input, .page-form .state-success select { background: #dff0d8; } .page-form .note-success { color: #5cb85c; } .page-form label { font-weight: normal; margin-bottom: 0; } #lock-screen-page .page-form { margin-top: 15%; text-align: center; } #lock-screen-page .page-form h1 { margin: 0; font-family: 'Oswald'; } #lock-screen-avatar { top: -78px; left: 50%; margin-left: -74px; position: absolute; display: inline-block; } #lock-screen-avatar img { border: 10px solid #eeeeee; } #lock-screen-info { margin-top: 60px; } @media only screen and (max-width: 480px) { .page-form { width: 280px; } #lock-screen-page .page-form { margin-top: 35%; } } canvas { width: 100% !important; max-width: 800px; height: auto !important; } .timeline-centered { position: relative; margin-bottom: 30px; } .timeline-centered.timeline-sm .timeline-entry { margin-bottom: 20px !important; } .timeline-centered.timeline-sm .timeline-entry .timeline-entry-inner .timeline-label { padding: 1em; } .timeline-centered:before, .timeline-centered:after { content: " "; display: table; } .timeline-centered:after { clear: both; } .timeline-centered:before { content: ''; position: absolute; display: block; width: 7px; background: #ffffff; left: 50%; top: 20px; bottom: 20px; margin-left: -4px; } .timeline-centered .timeline-entry { position: relative; width: 50%; float: right; margin-bottom: 70px; clear: both; } .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after { content: " "; display: table; } .timeline-centered .timeline-entry:after { clear: both; } .timeline-centered .timeline-entry.begin { margin-bottom: 0; } .timeline-centered .timeline-entry.left-aligned { float: left; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left: 0; margin-right: -28px; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left: auto; right: -115px; text-align: left; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float: right; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left: 0; margin-right: 85px; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left: auto; right: 0; margin-left: 0; margin-right: -9px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .timeline-centered .timeline-entry .timeline-entry-inner { position: relative; margin-left: -31px; } .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position: absolute; left: -115px; text-align: right; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span { display: block; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child { font-size: 18px; font-weight: bold; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child { font-size: 12px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #fff; color: #999999; display: block; width: 60px; height: 60px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; border-radius: 50%; text-align: center; border: 7px solid #ffffff; line-height: 45px; font-size: 15px; float: left; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary { background-color: #dc6767; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success { background-color: #5cb85c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info { background-color: #5bc0de; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning { background-color: #f0ad4e; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger { background-color: #d9534f; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-red { background-color: #bf4346; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-green { background-color: #488c6c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-blue { background-color: #0a819c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-yellow { background-color: #f2994b; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-orange { background-color: #e9662c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-pink { background-color: #bf3773; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-violet { background-color: #9351ad; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-grey { background-color: #4b5d67; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-dark { background-color: #594857; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background: #ffffff; padding: 1.7em; margin-left: 85px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red { background: #bf4346; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red:after { border-color: transparent #bf4346 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green { background: #488c6c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green:after { border-color: transparent #488c6c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange { background: #e9662c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange:after { border-color: transparent #e9662c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow { background: #f2994b; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow:after { border-color: transparent #f2994b transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue { background: #0a819c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue:after { border-color: transparent #0a819c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink { background: #bf3773; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink:after { border-color: transparent #bf3773 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet { background: #9351ad; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet:after { border-color: transparent #9351ad transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey { background: #4b5d67; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey:after { border-color: transparent #4b5d67 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark { background: #594857; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark:after { border-color: transparent #594857 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #ffffff transparent transparent; left: 0; top: 20px; margin-left: -9px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color: #999999; margin: 0; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p { margin-top: 15px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title { margin-bottom: 10px; font-family: 'Oswald'; font-weight: bold; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title span { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img { margin: 5px 10px 0 0; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img.pull-right { margin: 5px 0 0 10px; } .panel-group .panel .panel { margin-bottom: 15px; } .panel-group .panel .panel-title { font-size: 17px; font-weight: 400; } .panel-group .panel .panel-title .accordion-toggle { padding: 7px 0px; } .tab-content.tab-edit { background: transparent; border: 0px; } ul.nav.nav-tabs { border-bottom: 5px solid #fff !important; } ul.nav.nav-tabs li { margin-bottom: 10px; } ul.nav.nav-tabs li a { border: 0px; background: none; padding: 10px 20px; } ul.nav.nav-tabs li.active a { background: #dc6767; color: #fff; border: 0px; } .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #fff; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 44%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); background: #fff; } .timeline > li > .timeline-panel.primary { background: #2e6da4; color: #fff; } .timeline > li > .timeline-panel.primary:after { border-left: 14px solid #2e6da4 ; border-right: 0 solid #2e6da4 ; } .timeline > li > .timeline-panel.success { background: #3f903f; color: #fff; } .timeline > li > .timeline-panel.success:after { border-left: 14px solid #3f903f ; border-right: 0 solid #3f903f ; } .timeline > li > .timeline-panel.warning { background: #f0ad4e; color: #fff; } .timeline > li > .timeline-panel.warning:after { border-left: 14px solid #f0ad4e ; border-right: 0 solid #f0ad4e ; } .timeline > li > .timeline-panel.danger { background: #d9534f; color: #fff; } .timeline > li > .timeline-panel.danger:after { border-left: 14px solid #d9534f ; border-right: 0 solid #d9534f ; } .timeline > li > .timeline-panel.info { background: #5bc0de; color: #fff; } .timeline > li > .timeline-panel.info:after { border-left: 14px solid #5bc0de ; border-right: 0 solid #5bc0de ; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 35px; font-size: 2.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border: 2px solid #fff; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul li:not(.timeline-inverted) .timeline-panel:after { border-left: 0px !important; } ul li:not(.timeline-inverted) .timeline-panel.primary:before { border-right: 15px solid #2e6da4; } ul li:not(.timeline-inverted) .timeline-panel.danger:before { border-right: 15px solid #d9534f; } ul.timeline > li > .timeline-panel { width: calc(80%); width: -moz-calc(80%); width: -webkit-calc(80%); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } #one-column .message-item { margin-bottom: 25px; margin-left: 40px; position: relative; } #one-column .message-item .message-inner { background: #fff; border: 1px solid #ddd; border-radius: 0px; padding: 10px; position: relative; } #one-column .message-item .message-inner:before { border-right: 10px solid #ddd; border-style: solid; border-width: 10px; color: rgba(0, 0, 0, 0); content: ""; display: block; height: 0; position: absolute; left: -20px; top: 6px; width: 0; } #one-column .message-item .message-inner:after { border-right: 10px solid #fff; border-style: solid; border-width: 10px; color: rgba(0, 0, 0, 0); content: ""; display: block; height: 0; position: absolute; left: -18px; top: 6px; width: 0; } #one-column .message-item:before { background: #fff; border-radius: 2px; bottom: -30px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: -30px; position: absolute; width: 3px; } #one-column .message-item:after { background: #fff; border: 2px solid #ccc; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); content: ""; height: 15px; left: -36px; position: absolute; top: 10px; width: 15px; } #one-column .clearfix:before, #one-column .clearfix:after { content: " "; display: table; } #one-column .message-item .message-head { border-bottom: 1px solid #eee; margin-bottom: 8px; padding-bottom: 8px; } #one-column .message-item .message-head .avatar { margin-right: 20px; } #one-column .message-item .message-head .user-detail { overflow: hidden; } #one-column .message-item .message-head .user-detail h5 { font-size: 16px; font-weight: bold; margin: 0; } #one-column .message-item .message-head .post-meta { float: left; padding: 0 15px 0 0; } #one-column .message-item .message-head .post-meta > div { color: #333; font-weight: bold; text-align: right; } #one-column .post-meta > div { color: #777; font-size: 12px; line-height: 22px; } #one-column .message-item .message-head .post-meta > div { color: #333; font-weight: bold; text-align: right; } #one-column .post-meta > div { color: #777; font-size: 12px; line-height: 22px; } #one-column .avatar img { min-height: 40px; max-height: 40px; } #one-column .post-meta .qa-message-who-pad { margin-left: 10px; } #one-column .message-item.blue:after { background: #0a819c; } #one-column .message-item.blue .message-inner { border-color: #0a819c; } #one-column .message-item.blue .message-inner:before { border-right-color: #0a819c; } #one-column .message-item.red:after { background: #bf4346; } #one-column .message-item.red .message-inner { border-color: #bf4346; } #one-column .message-item.red .message-inner:before { border-right-color: #bf4346; } #one-column .message-item.green:after { background: #488c6c; } #one-column .message-item.green .message-inner { border-color: #488c6c; } #one-column .message-item.green .message-inner:before { border-right-color: #488c6c; } #one-column .message-item.orange:after { background: #e9662c; } #one-column .message-item.orange .message-inner { border-color: #e9662c; } #one-column .message-item.orange .message-inner:before { border-right-color: #e9662c; } #one-column .message-item.pink:after { background: #bf3773; } #one-column .message-item.pink .message-inner { border-color: #bf3773; } #one-column .message-item.pink .message-inner:before { border-right-color: #bf3773; } #one-column .message-item.violet:after { background: #9351ad; } #one-column .message-item.violet .message-inner { border-color: #9351ad; } #one-column .message-item.violet .message-inner:before { border-right-color: #9351ad; } .blog-page h1 { margin-bottom: 20px; } .blog-page .blog-articles { padding-bottom: 20px; } .blog-page .blog-articles .blog-img { margin-bottom: 10px; } .blog-page .blog-articles .blog-img img { margin-bottom: 12px; } .blog-page .blog-articles .blog-img ul { margin-bottom: 5px; margin-left: 0; } .blog-page .blog-articles .blog-img ul li { padding: 0; } .blog-page .blog-articles .blog-img ul li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles .blog-img ul li a { margin-right: 8px; text-decoration: none; } .blog-page .blog-articles .blog-img ul.blog-date li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles .blog-img ul.blog-date li a { color: #999999; } .blog-page .blog-articles .blog-article { padding-bottom: 20px; } .blog-page .blog-articles .blog-article h3 { margin-top: 0; } .blog-page .blog-articles ul.blog-tags { margin-bottom: 5px; margin-left: 0; } .blog-page .blog-articles ul.blog-tags li { padding: 0; } .blog-page .blog-articles ul.blog-tags li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles ul.blog-tags li a { margin-right: 8px; text-decoration: none; } .blog-page .blog-articles ul.blog-date li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles ul.blog-date li a { color: #999999; } .blog-page .blog-sidebar ul li a { color: #999999; } .blog-page .blog-sidebar .blog-images li a img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-page .blog-sidebar .blog-images li a img:hover { opacity: 1; } .blog-page .blog-sidebar .sidebar-tags li { padding: 0; } .blog-page .blog-sidebar .sidebar-tags li a { color: #ffffff; margin: 0 2px 5px 0; display: inline-block; } .blog-page hr { margin-bottom: 40px; } .blog-page h4.media-heading span { font-size: 12px; } .blog-page .media .media-body hr { margin-bottom: 20px; } #external-events .external-event { display: inline-block; cursor: move; margin-bottom: 5px; margin-right: 5px; } .gallery-pages .list-filter { margin-top: 10px; margin-bottom: 20px; } .gallery-pages .list-filter li { cursor: pointer; padding: 6px 15px; margin-right: 5px; margin-bottom: 5px; background: #eee; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .gallery-pages .list-filter li.active, .gallery-pages .list-filter li:hover, .gallery-pages .list-filter li:focus { background: #dc6767; color: #ffffff; } .gallery-pages .mix-grid .mix { display: none; position: relative; overflow: hidden; margin-bottom: 15px; } .gallery-pages .mix-grid .mix .hover-effect { position: relative; border: 0; width: 100%; height: 100%; box-shadow: none; overflow: hidden; } .gallery-pages .mix-grid .mix .hover-effect .img { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gallery-pages .mix-grid .mix .hover-effect .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(26, 74, 114, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .gallery-pages .mix-grid .mix .hover-effect .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 16px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .gallery-pages .mix-grid .mix .hover-effect .info p { font-style: italic; font-size: 12px; position: relative; color: #e0e0e0; padding: 20px 20px 20px; text-align: center; } .gallery-pages .mix-grid .mix .hover-effect .info a.mix-link { color: #fff; text-align: center; padding: 10px 15px; background: #dc6767; margin: 20px 10px 20px 0; display: inline-block; } .gallery-pages .mix-grid .mix .hover-effect .info a.mix-zoom { color: #fff; text-align: center; padding: 10px 15px; background: #dc6767; margin: 20px 10px 20px 0; display: inline-block; } .gallery-pages .mix-grid .mix .hover-effect:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .gallery-pages .mix-grid .mix .hover-effect:hover .info { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mail-content { overflow-x: hidden; overflow-y: auto; height: 657px; } .mail-content .mail-sender { width: 100%; display: inline-block; margin: 0 0 20px 0; border-bottom: 1px solid #EFF2F7; padding: 10px 0; } .mail-content .mail-sender .date { line-height: 30px; margin-bottom: 0; text-align: right; } .mail-content .mail-view { margin-bottom: 25px; } .mail-content .mail-attachment ul { padding: 0; } .mail-content .mail-attachment ul li { float: left; width: 100px; margin-right: 15px; margin-top: 15px; list-style: none; } .mail-content .mail-attachment ul li:hover { background: #f7f8f9; } .mail-content .mail-attachment ul li a { color: #999999; } .mail-content .mail-attachment ul li .thumb-attach img { width: 100px; height: auto; margin-bottom: 10px; } .mail-content .mail-attachment ul li .link { color: #dc6767; } #invoice-page .panel { border-radius: 0; } #invoice-page .panel .panel-body { padding: 30px; } #invoice-page .panel .panel-body .invoice-title { float: right; text-align: right; } #invoice-page .panel .panel-body .invoice-title h2 { margin-top: 0; } #invoice-page .panel .panel-body .logo { font-family: 'Oswald'; font-weight: bold; margin-top: 0; } #invoice-page .panel .panel-body hr { margin: 30px 0; } .box-placeholder { margin-bottom: 15px; padding: 20px; border: 1px solid #e5e5e5; background: #ffffff; color: #444; } .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #5cb85c; } .state-error input, .state-error select { background: #f2dede; } .state-success input, .state-success select { background: #dff0d8; } .note-success { color: #5cb85c; } .radio-inline, .checkbox-inline, .checkbox, .radio { padding-left: 0; margin: 0; } .checkbox label, .radio label { cursor: pointer; margin-right: 10px; margin-bottom: 0; } .form-horizontal.form-bordered .radio, .form-horizontal.form-bordered .checkbox, .form-horizontal.form-bordered .radio-inline, .form-horizontal.form-bordered .checkbox-inline { padding-top: 0; } .social-icons li a { border: 1px solid #999999; border-radius: 50%; color: #999999; padding: 10px; } .social-icons li a:hover, .social-icons li a:focus { border-color: #dc6767; background: #dc6767; color: #ffffff; } .member-team { background-color: #f9f9f9; float: left; padding: 5px; margin-bottom: 10px; max-width: 100%; } .member-team h3 { margin-top: 10px; } .member-team h3 small { color: #ababab; display: block; margin-top: 5px; font-size: 13px; } #faq .panel-group .panel { margin-bottom: 10px; } #faq .panel-group .panel .panel-heading { font-size: 14px; padding-top: 0; padding-bottom: 0; } #faq .panel-group .panel .panel-heading a { color: #999999; } #faq .panel-group .panel .panel-heading a strong { margin-right: 10px; } #faq .panel-group .panel .panel-heading:hover, #faq .panel-group .panel .panel-heading:focus { background: #e5e5e5; } #faq .panel-group .panel .panel-body strong:first-child { margin-right: 10px; } .accordion-toggle { display: block; line-height: 22px; padding: 10px 0; position: relative; } .row .row-merge { margin: 0; } .row .row-merge [class*=col-] { padding: 0; } .row .row-merge [class*=col-] .pricing-widget { position: relative; border: 0; cursor: pointer; margin: 20px 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; } .row .row-merge [class*=col-] .pricing-widget .pricing-head { background: #5cb85c; padding: 6px 20px; font-size: 18px; text-align: center; color: #ffffff; } .row .row-merge [class*=col-] .pricing-widget .pricing-body { background: #fff; } .row .row-merge [class*=col-] .pricing-widget .pricing-cost { background: #4cae4c; text-align: center; padding: 20px; border-bottom: 1px solid #efefef; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; font-size: 18px; color: #ffffff; min-height: 125px; } .row .row-merge [class*=col-] .pricing-widget .pricing-cost strong { font-size: 30px; } .row .row-merge [class*=col-] .pricing-widget .pricing-list { list-style: none; padding: 0; margin: 0; } .row .row-merge [class*=col-] .pricing-widget .pricing-list li { padding: 10px; border-bottom: 1px solid #efefef; } .row .row-merge [class*=col-] .pricing-widget .pricing-list li:last-child { min-height: 84px; padding-top: 30px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: none; } .row .row-merge [class*=col-] .pricing-widget:not(.pricing-title).active, .row .row-merge [class*=col-] .pricing-widget:not(.pricing-title):hover { -webkit-box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; } .row .row-merge [class*=col-] .pricing-widget.active { z-index: 2; } .ribbon-wrapper { position: absolute; width: 75px; height: 75px; overflow: hidden; top: -1px; right: 14px; } .ribbon-wrapper .ribbon-inner { display: block; position: relative; padding: 5px 0; color: #fff; background-color: #bf4346; font-size: 13px; line-height: 17px; text-align: center; width: 107px; top: 11px; left: -5px; text-shadow: 0 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .the-price { padding: 20px; margin: 0; } .the-price h1 { margin-bottom: 0; } .the-price .subscript { font-size: 14px; } #faq .panel { border: 0; } #totop { position: fixed; bottom: 6%; right: 1.5%; display: none; z-index: 9999; background: transparent; border: 3px solid #3C3C3C; border-radius: 50%; height: 50px; width: 50px; text-align: center; } #totop i { color: #3C3C3C; line-height: 43px; font-size: 33px; } #totop:hover { background: #3C3C3C; } #totop:hover i { color: #ffffff; } .option-demo { position: relative; } .demo-layout { background-color: #ffffff; padding: 5px 15px; position: absolute; top: -30px; left: 0; z-index: 9999; border: 1px solid #e5e5e5; cursor: pointer; } #sidebar-hover #topbar .navbar-header { width: 160px; } #sidebar-hover #wrapper #page-wrapper { margin-left: 160px; } #sidebar-hover #wrapper #sidebar { width: 160px; } #sidebar-hover #wrapper #sidebar ul.menu-hover { width: 160px; position: absolute; top: 50px; display: block; -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li.active a { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a { background-color: #40516f; color: #FFFFFF; padding: 15px; position: relative; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a span.menu-title { margin-left: 10px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a:after { content: ''; border: 0; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a:hover { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu { -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li:first-child > a:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #d44646 transparent transparent; left: -8px; top: 50%; margin-top: -8px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li a { background-color: #d44646; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li a:hover { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu { -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li:first-child > a:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #de6f6f transparent transparent; left: -8px; top: 50%; margin-top: -8px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a { background-color: #de6f6f; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a:hover { opacity: 0.95; } #sidebar-hover .dropdown-submenu > .dropdown-menu { margin-left: 0; } .mail-box { margin-bottom: 0; } .mail-box .list-group-item:nth-child(odd) { background-color: #f8f8f8; } .mail-box .list-group-item { border: 0; } .mail-box .list-group-item:hover { color: #999999; } .mail-box .list-group-item .time-badge { float: right; font-style: italic; color: #999999; } .mail-box .list-group-item.active, .mail-box .list-group-item:hover, .mail-box .list-group-item:focus { background-color: #ffc !important; color: #999999 !important; } .bg-primary { background-color: #dc6767; color: #fff; } .bg-success { background-color: #5cb85c; color: #fff; } .bg-info { background-color: #5bc0de; color: #fff; } .bg-warning { background-color: #f0ad4e; color: #fff; } .bg-danger { background-color: #d9534f; color: #fff; } .bg-red { background-color: #bf4346; color: #fff; } .bg-green { background-color: #488c6c; color: #fff; } .bg-blue { background-color: #0a819c; color: #fff; } .bg-yellow { background-color: #f2994b; color: #fff; } .bg-orange { background-color: #e9662c; color: #fff; } .bg-pink { background-color: #bf3773; color: #fff; } .bg-violet { background-color: #9351ad; color: #fff; } .bg-grey { background-color: #4b5d67; color: #fff; } .bg-dark { background-color: #594857; color: #fff; } body.sidebar-colors #wrapper { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li { border-bottom: 1px solid #e5e5e5; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a { background-color: #f8f8f8; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i:before, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i:before { color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i .icon-bg, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i .icon-bg { left: 0; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.user-panel { display: none; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a { color: #999999; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a:hover, body.sidebar-colors #wrapper #sidebar ul#side-menu li a:focus { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i { position: relative; display: block; float: left; width: 50px; height: 50px; line-height: 50px; border-right: 1px solid #e5e5e5; text-align: center; margin: -16px 10px -16px -15px; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i:before { position: relative; z-index: 1; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i .icon-bg { display: block; position: absolute; z-index: 12; z-index: 0; left: -47px; width: 100%; top: 0; bottom: 0; -webkit-transition: left 0.15s ease-in-out; transition: left 0.15s ease-in-out; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a .arrow { display: none; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:first-child, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:first-child { border-top: 1px solid #e5e5e5; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:last-child, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:last-child { border-bottom: 0; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li.active > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li.active > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:hover > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:hover > a { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a { padding: 15px; background-color: #f1f1f1; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a i:before, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a i:before { color: #999999; } body.sidebar-colors #wrapper #page-wrapper { border-left: 2px solid #e5e5e5; } body.sidebar-icons #topbar .navbar-header { width: 105px; } body.sidebar-icons #topbar .navbar-header .logo-text { display: none !important; } body.sidebar-icons #topbar .navbar-header .logo-text-icon { display: block !important; font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 30px; } body.sidebar-icons #wrapper #sidebar { width: 105px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li.user-panel { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li:hover ul.nav-second-level { display: block; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a { padding: 15px 10px; text-align: center; display: block; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:hover, body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:focus { background-color: transparent; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a span.menu-title { display: block; margin-top: 8px; margin-left: 0; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a i.fa { font-size: 25px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .arrow, body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .label { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level { display: none; position: absolute; top: 0px; left: 105px; width: 195px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a { text-align: left; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:hover, body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:focus { background-color: #dc6767; color: #FFFFFF; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a i { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li:first-child:before { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #37455f; content: ""; position: absolute; top: 50%; margin-top: -9px; left: -9px; z-index: 5; } body.sidebar-icons #wrapper #page-wrapper { margin-left: 105px; } .last-col { overflow: hidden !important; } .pdn { padding: 0 !important; } .pdx { padding: 3px; } .pdm { padding: 10px; } .pdl { padding: 20px; } .pdxl { padding: 30px; } .pdxxl { padding: 40px; } .ptn, .pvn, .pan { padding-top: 0 !important; } .ptx, .pvx, .pax { padding-top: 3px !important; } .pts, .pvs, .pas { padding-top: 5px !important; } .ptm, .pvm, .pam { padding-top: 10px !important; } .ptl, .pvl, .pal { padding-top: 20px !important; } .ptxl, .pvxl, .paxl { padding-top: 30px !important; } .ptxxl, .pvxxl, .paxxl { padding-top: 40px !important; } .prn, .phn, .pan { padding-right: 0 !important; } .prx, .phx, .pax { padding-right: 3px !important; } .prs, .phs, .pas { padding-right: 5px !important; } .prm, .phm, .pam { padding-right: 10px !important; } .prl, .phl, .pal { padding-right: 20px !important; } .prxl, .phxl, .paxl { padding-right: 30px !important; } .prxxl, .phxxl, .paxxl { padding-right: 40px !important; } .pbn, .pvn, .pan { padding-bottom: 0 !important; } .pbx, .pvx, .pax { padding-bottom: 3px !important; } .pbs, .pvs, .pas { padding-bottom: 5px !important; } .pbm, .pvm, .pam { padding-bottom: 10px !important; } .pbl, .pvl, .pal { padding-bottom: 20px !important; } .pbxl, .pvxl, .paxl { padding-bottom: 30px !important; } .pbxxl, .pvxxl, .paxxl { padding-bottom: 40px !important; } .pln, .phn, .pan { padding-left: 0 !important; } .plx, .phx, .pax { padding-left: 3px !important; } .pls, .phs, .pas { padding-left: 5px !important; } .plm, .phm, .pam { padding-left: 10px !important; } .pll, .phl, .pal { padding-left: 20px !important; } .plxl, .phxl, .paxl { padding-left: 30px !important; } .plxxl, .phxxl, .paxxl { padding-left: 40px !important; } .mtn, .mvn, .man { margin-top: 0px !important; } .mtx, .mvx, .max { margin-top: 3px !important; } .mts, .mvs, .mas { margin-top: 5px !important; } .mtm, .mvm, .mam { margin-top: 10px !important; } .mtl, .mvl, .mal { margin-top: 20px !important; } .mtxl, .mvxl, .maxl { margin-top: 30px !important; } .mtxxl, .mvxxl, .maxxl { margin-top: 40px !important; } .mrn, .mhn, .man { margin-right: 0px !important; } .mrx, .mhx, .max { margin-right: 3px !important; } .mrs, .mhs, .mas { margin-right: 5px !important; } .mrm, .mhm, .mam { margin-right: 10px !important; } .mrl, .mhl, .mal { margin-right: 20px !important; } .mrxl, .mhxl, .maxl { margin-right: 30px !important; } .mrxxl, .mhxxl, .maxxl { margin-right: 40px !important; } .mbn, .mvn, .man { margin-bottom: 0px !important; } .mbx, .mvx, .max { margin-bottom: 3px !important; } .mbs, .mvs, .mas { margin-bottom: 5px !important; } .mbm, .mvm, .mam { margin-bottom: 10px !important; } .mbl, .mvl, .mal { margin-bottom: 20px !important; } .mbxl, .mvxl, .maxl { margin-bottom: 30px !important; } .mbxxl, .mvxxl, .maxxl { margin-bottom: 40px !important; } .mln, .mhn, .man { margin-left: 0px !important; } .mlx, .mhx, .max { margin-left: 3px !important; } .mls, .mhs, .mas { margin-left: 5px !important; } .mlm, .mhm, .mam { margin-left: 10px !important; } .mll, .mhl, .mal { margin-left: 20px !important; } .mlxl, .mhxl, .maxl { margin-left: 30px !important; } .mlxxl, .mhxxl, .maxxl { margin-left: 40px !important; } .pace .pace-progress { background-color: #dc6767; } .legendColorBox { padding: 3px 0; } .legendColorBox div { border-radius: 50%; margin-right: 5px; } .legendColorBox div div { margin-right: 0; } .ui-state-default { border: 0; background: #dc6767; color: #ffffff; } .ui-widget-content { background: #ffffff; border: 1px solid #e5e5e5; } .ui-widget-content .ui-state-default { border: 0; background: #dc6767; color: #ffffff; cursor: pointer; } .ui-widget-content .ui-state-default:hover, .ui-widget-content .ui-state-default:focus { background: #d75252; } .ui-widget-header { background: #dc6767; } .ui-widget-header .ui-state-default { border: 0; background: #dc6767; color: #ffffff; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 2em; height: 2em; border-radius: 50%; border: 3px solid #fefefe; } .ui-slider.ui-slider-horizontal .ui-slider-handle { top: -0.9em; } .ui-slider.ui-slider-vertical .ui-slider-handle { left: -0.85em; } #slider-multi span { height: 120px; float: left; margin: 20px; } .ui-slider-horizontal { height: 0.45em; } .ui-slider-vertical { width: 0.45em; } .example-val:before { content: "Value: "; font-weight: bold; } .irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider { background: #E5E5E5; } .irs-slider { width: 1.5em; height: 1.5em; top: 19px; border: 1px solid #fefefe; background: #777; border-radius: 50%; } .irs-diapason { background: #dc6767; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 8px; top: 25px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-diapason { height: 8px; top: 25px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0, 0, 0, 0.1); } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 3px; background: rgba(0, 0, 0, 0.3); } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid-pol { background: #999999; } .irs-grid-text { color: #999999; } .jquery-notific8-message { font-size: 13px; } [class*="jquery-notific8"], [class*="jquery-notific8"]:after, [class*="jquery-notific8"]:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .right .jquery-notific8-close-sticky span, .left .jquery-notific8-close-sticky span { font-size: 10px; } .jquery-notific8-heading { font-weight: 300; font-size: 16px; } .colors { clear: both; padding: 24px 0 9px; } .skin-line .colors { padding-top: 28px; } .colors strong { float: left; line-height: 20px; margin-right: 20px; } .colors li { position: relative; float: left; width: 16px; height: 16px; margin: 2px 1px 0 0; background: #000; cursor: pointer; filter: alpha(opacity=50); opacity: .5; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .colors li:hover { filter: alpha(opacity=100); opacity: 1; } .colors li.active { height: 20px; margin-top: 0; filter: alpha(opacity=75); opacity: 0.75; } .colors li.red { background: #d54e21; } .colors li.green { background: #78a300; } .colors li.blue { background: #0e76a8; } .colors li.aero { background: #9cc2cb; } .colors li.grey { background: #73716e; } .colors li.orange { background: #ff7700; } .colors li.yellow { background: #ffcc00; } .colors li.pink { background: #ff66b5; } .colors li.purple { background: #6a5a8c; } .sticky-header { z-index: 999; } .slimScrollDiv { float: left; } .slimScrollRail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .table tbody tr.calendar-month-header:first-child th { border-top: 0; background: #dc6767; color: #ffffff; padding: 12px 0; } .table tbody tr.calendar-month-header:first-child th .calendar-month-navigation { padding-top: 0; } .table tbody tr.calendar-month-header:first-child th span { padding-bottom: 0; } .table tbody tr td { border-top: 1px solid #efefef; } .ticker-wrapper.has-js { margin: 0; padding: 0; float: left; background: transparent; font-size: 13px; } .ticker { display: block; position: relative; overflow: hidden; background: transparent; margin: 0; padding: 0; } .ticker-title { background-color: transparent; } .ticker-content { color: #ffffff; background: transparent; font-weight: normal; padding-top: 8px; } .ticker-content a { color: #999999; } .ticker-content a:hover, .ticker-content a:focus { color: #999999; text-decoration: none; } .ticker-swipe { width: 100%; height: 42px; background: #1E1E1E; } .ticker-swipe span { margin-left: 1px; background-color: transparent; border-bottom: 3px solid #999999; height: 21px; width: 7px; display: block; } .news-update-box { float: left; padding: 9px 20px; line-height: 30px; } .introjs-helperLayer { background-color: rgba(255, 255, 255, 0.5); } .introjs-fixParent { z-index: auto !important; opacity: 1.0 !important; position: absolute !important; } .introjs-helperNumberLayer { line-height: 13px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #999999; box-shadow: none; outline: 0 none; } a:focus, .btn:focus { outline: 0 !important; } .img-circle { border-radius: 50% !important; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; } .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 3px solid #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .note h1, .note h2, .note h3, .note h4 { margin-top: 0; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } .note-success { border-color: #5cb85c; background: #dff0d8; } .note-success .box-heading { color: #5cb85c; } .note-warning { border-color: #f0ad4e; background: #fcf8e3; } .note-warning .box-heading { color: #f0ad4e; } .note-info { border-color: #5bc0de; background: #d9edf7; } .note-info .box-heading { color: #5bc0de; } .note-danger { border-color: #d9534f; background: #f2dede; } .note-danger .box-heading { color: #d9534f; } .pagination { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination li a { border-color: #e5e5e5; } .pagination li span { border-right: #e5e5e5; } .pagination li.active a { border-color: #dc6767; } .pagination li.active span { border-color: #dc6767; } .pagination li:first-child a { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pagination li:first-child span { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pagination li:last-child a { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .pagination li:last-child span { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .badge { font-size: 11px !important; font-weight: 300; height: 18px; padding: 3px 6px 3px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; background-color: #bcbcbc; } .label { font-size: 11px; font-weight: 300; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .badge-default, .label-default { background-color: #999 !important; } .badge-primary, .label-primary { background-color: #dc6767 !important; } .badge-red, .label-red { background-color: #bf4346 !important; } .badge-orange, .label-orange { background-color: #e9662c !important; } .badge-green, .label-green { background-color: #488c6c !important; } .badge-yellow, .label-yellow { background-color: #f2994b !important; } .badge-blue, .label-blue { background-color: #0a819c !important; } .badge-violet, .label-violet { background-color: #9351ad !important; } .badge-pink, .label-pink { background-color: #bf3773 !important; } .badge-grey, .label-grey { background-color: #4b5d67 !important; } .badge-dark, .label-dark { background-color: #594857 !important; } .label-success, .badge-success { background-color: #5cb85c; background-image: none !important; } .label-warning, .badge-warning { background-color: #f0ad4e; background-image: none !important; } .label-danger, .badge-danger { background-color: #d9534f; background-image: none !important; } .label-info, .badge-info { background-color: #5bc0de; background-image: none !important; } .nav.nav-pills > li > a > .badge { margin-top: -2px; } .nav.nav-stacked > li > a > .badge { margin-top: 1px; margin-bottom: 0px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #dc6767; } .pagination li.active a { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li.active a:hover, .pagination li.active a:focus { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li.active span { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li.active span:hover, .pagination li.active span:focus { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li a { color: #dc6767; } .panel { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 5px solid #e5e5e5; border-radius: 0 !important; box-shadow: none !important; } .panel > .panel-heading { font-size: 18px; padding: 7px 15px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-color: #e5e5e5 !important; } .panel > .panel-footer { font-size: 18px; padding: 7px 15px; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .panel.panel-primary { border-color: #dc6767; } .panel.panel-primary > .panel-heading { color: #FFFFFF; background: #dc6767; border-color: #dc6767 !important; } .panel.panel-primary > .panel-footer { color: #FFFFFF; background: #dc6767; border-color: #dc6767 !important; } .panel.panel-red { border-color: #bf4346; } .panel.panel-red > .panel-heading { color: #FFFFFF; background: #bf4346; border-color: #bf4346 !important; } .panel.panel-red > .panel-footer { color: #FFFFFF; background: #bf4346; border-color: #bf4346 !important; } .panel.panel-orange { border-color: #e9662c; } .panel.panel-orange > .panel-heading { color: #FFFFFF; background: #e9662c; border-color: #e9662c !important; } .panel.panel-orange > .panel-footer { color: #FFFFFF; background: #e9662c; border-color: #e9662c !important; } .panel.panel-green { border-color: #488c6c; } .panel.panel-green > .panel-heading { color: #FFFFFF; background: #488c6c; border-color: #488c6c !important; } .panel.panel-green > .panel-footer { color: #FFFFFF; background: #488c6c; border-color: #488c6c !important; } .panel.panel-yellow { border-color: #f2994b; } .panel.panel-yellow > .panel-heading { color: #FFFFFF; background: #f2994b; border-color: #f2994b !important; } .panel.panel-yellow > .panel-footer { color: #FFFFFF; background: #f2994b; border-color: #f2994b !important; } .panel.panel-blue { background: #f2f5f6; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f6 0%,#c8d7dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ border-color: #d8d8d8; } .panel.panel-blue > .panel-heading { color: #FFFFFF; background: #0a819c; border-color: #0a819c !important; } .panel.panel-blue > .panel-footer { color: #FFFFFF; background: #0a819c; border-color: #0a819c !important; } .panel.panel-pink { border-color: #bf3773; } .panel.panel-pink > .panel-heading { color: #FFFFFF; background: #bf3773; border-color: #bf3773 !important; } .panel.panel-pink > .panel-footer { color: #FFFFFF; background: #bf3773; border-color: #bf3773 !important; } .panel.panel-violet { border-color: #9351ad; } .panel.panel-violet > .panel-heading { color: #FFFFFF; background: #9351ad; border-color: #9351ad !important; } .panel.panel-violet > .panel-footer { color: #FFFFFF; background: #9351ad; border-color: #9351ad !important; } .panel.panel-grey { border-color: #4b5d67; } .panel.panel-grey > .panel-heading { color: #FFFFFF; background: #4b5d67; border-color: #4b5d67 !important; } .panel.panel-grey > .panel-footer { color: #FFFFFF; background: #4b5d67; border-color: #4b5d67 !important; } .panel.panel-dark { border-color: #594857; } .panel.panel-dark > .panel-heading { color: #FFFFFF; background: #594857; border-color: #594857 !important; } .panel.panel-dark > .panel-footer { color: #FFFFFF; background: #594857; border-color: #594857 !important; } .panel.panel-white { border-color: #efefef; } .panel.panel-white > .panel-heading { border-bottom: 1px solid #faf9fb; color: #999999; background: #FFFFFF; } .panel.panel-white > .panel-footer { border-top: 1px solid #faf9fb; color: #999999; background: #FFFFFF; } .btn { outline: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn.btn-square { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-outlined { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-outlined.btn-default { background: none; border: 1px solid #999999; color: #999999; } .btn-outlined.btn-primary { background: none; border: 1px solid #dc6767; color: #dc6767; } .btn-outlined.btn-success { background: none; border: 1px solid #5cb85c; color: #5cb85c; } .btn-outlined.btn-warning { background: none; border: 1px solid #f0ad4e; color: #f0ad4e; } .btn-outlined.btn-info { background: none; border: 1px solid #5bc0de; color: #5bc0de; } .btn-outlined.btn-danger { background: none; border: 1px solid #d9534f; color: #d9534f; } .btn-outlined.btn-red { background: none; border: 1px solid #bf4346; color: #bf4346; } .btn-outlined.btn-orange { background: none; border: 1px solid #e9662c; color: #e9662c; } .btn-outlined.btn-green { background: none; border: 1px solid #488c6c; color: #488c6c; } .btn-outlined.btn-yellow { background: none; border: 1px solid #f2994b; color: #f2994b; } .btn-outlined.btn-blue { background: none; border: 1px solid #0a819c; color: #0a819c; } .btn-outlined.btn-pink { background: none; border: 1px solid #bf3773; color: #bf3773; } .btn-outlined.btn-violet { background: none; border: 1px solid #9351ad; color: #9351ad; } .btn-outlined.btn-grey { background: none; border: 1px solid #4b5d67; color: #4b5d67; } .btn-outlined.btn-dark { background: none; border: 1px solid #594857; color: #594857; } .btn-default { background: #f2f5f7; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f7 0%, #f6f8f9 50%, #d7dee3 50%, #d7dee3 50%, #d7dee3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f7), color-stop(50%,#f6f8f9), color-stop(50%,#d7dee3), color-stop(50%,#d7dee3), color-stop(100%,#d7dee3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f7', endColorstr='#d7dee3',GradientType=0 ); /* IE6-9 */ color:#58636b; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #999999; background-color: #dbdbdb; border-color: #c6c6c6; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #efefef; border-color: #e5e5e5; } .btn-primary { color: #ffffff; border: 1px solid #1f68b1; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #1f68b1; border-color: #1a548d; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #dc6767; border-color: #da5f5f; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #55b555; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #47a447; border-color: #3e8f3e; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #55b555; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #53bddc; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #28a4c9; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #53bddc; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #efa945; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #e38d13; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #efa945; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d74b47; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #b92c28; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d74b47; } .btn-red { color: #ffffff; background-color: #bf4346; border-color: #b93f42; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { color: #ffffff; background-color: #a2373a; border-color: #8b2f32; } .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { background-image: none; } .btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active { background-color: #bf4346; border-color: #b93f42; } .btn-orange { color: #ffffff; background-color: #e9662c; border-color: #e85f23; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { color: #ffffff; background-color: #d65116; border-color: #ba4713; } .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { background-image: none; } .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active { background-color: #e9662c; border-color: #e85f23; } .btn-green { color: #ffffff; background-color: #488c6c; border-color: #458567; } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { color: #ffffff; background-color: #3a7157; border-color: #305d48; } .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { background-image: none; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active { background-color: #488c6c; border-color: #458567; } .btn-yellow { color: #ffffff; background-color: #f2994b; border-color: #f19441; } .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow { color: #ffffff; background-color: #ef8325; border-color: #e57411; } .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow { background-image: none; } .btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow, .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, fieldset[disabled] .btn-yellow:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, fieldset[disabled] .btn-yellow:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, fieldset[disabled] .btn-yellow:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow.active { background-color: #f2994b; border-color: #f19441; } .btn-blue { color: #ffffff; background-color: #0a819c; border-color: #097992; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #ffffff; background-color: #086176; border-color: #064a59; } .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #0a819c; border-color: #097992; } .btn-violet { color: #ffffff; background-color: #9351ad; border-color: #8d4ea6; } .btn-violet:hover, .btn-violet:focus, .btn-violet:active, .btn-violet.active, .open .dropdown-toggle.btn-violet { color: #ffffff; background-color: #7b4491; border-color: #6a3a7c; } .btn-violet:active, .btn-violet.active, .open .dropdown-toggle.btn-violet { background-image: none; } .btn-violet.disabled, .btn-violet[disabled], fieldset[disabled] .btn-violet, .btn-violet.disabled:hover, .btn-violet[disabled]:hover, fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus, .btn-violet[disabled]:focus, fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active, .btn-violet[disabled]:active, fieldset[disabled] .btn-violet:active, .btn-violet.disabled.active, .btn-violet[disabled].active, fieldset[disabled] .btn-violet.active { background-color: #9351ad; border-color: #8d4ea6; } .btn-pink { color: #ffffff; background-color: #bf3773; border-color: #b7356e; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { color: #ffffff; background-color: #9f2e60; border-color: #882752; } .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { background-image: none; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active { background-color: #bf3773; border-color: #b7356e; } .btn-grey { color: #ffffff; background-color: #4b5d67; border-color: #475861; } .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { color: #ffffff; background-color: #3a484f; border-color: #2d383e; } .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { background-image: none; } .btn-grey.disabled, .btn-grey[disabled], fieldset[disabled] .btn-grey, .btn-grey.disabled:hover, .btn-grey[disabled]:hover, fieldset[disabled] .btn-grey:hover, .btn-grey.disabled:focus, .btn-grey[disabled]:focus, fieldset[disabled] .btn-grey:focus, .btn-grey.disabled:active, .btn-grey[disabled]:active, fieldset[disabled] .btn-grey:active, .btn-grey.disabled.active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey.active { background-color: #4b5d67; border-color: #475861; } .btn-dark { color: #ffffff; background-color: #594857; border-color: #534351; } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #ffffff; background-color: #423641; border-color: #322830; } .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { background-image: none; } .btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active { background-color: #594857; border-color: #534351; } .btn-white { color: #999999; background-color: #ffffff; border-color: #e5e5e5; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { color: #999999; background-color: #ebebeb; border-color: #c6c6c6; } .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active { background-color: #ffffff; border-color: #e5e5e5; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0px !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0px !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .input-group-addon { color: #999999; border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .input-group .input-group-btn .btn { border: 1px solid #e5e5e5 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .input-group .input-group-btn .btn.btn-primary { border-color: #d75252 !important; } .input-group .input-group-btn .btn.btn-success { border-color: #4cae4c !important; } .input-group .input-group-btn .btn.btn-warning { border-color: #eea236 !important; } .input-group .input-group-btn .btn.btn-info { border-color: #46b8da !important; } .input-group .input-group-btn .btn.btn-danger { border-color: #d43f3a !important; } .input-group .input-group-btn .btn.btn-red { border-color: #ad3b3e !important; } .input-group .input-group-btn .btn.btn-orange { border-color: #e45618 !important; } .input-group .input-group-btn .btn.btn-green { border-color: #3f7b5f !important; } .input-group .input-group-btn .btn.btn-yellow { border-color: #f08c33 !important; } .input-group .input-group-btn .btn.btn-blue { border-color: #086d84 !important; } .input-group .input-group-btn .btn.btn-pink { border-color: #ab3167 !important; } .input-group .input-group-btn .btn.btn-violet { border-color: #84499c !important; } .input-group .input-group-btn .btn.btn-grey { border-color: #405058 !important; } .input-group .input-group-btn .btn.btn-dark { border-color: #4b3d49 !important; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dropdown-menu { margin: 0; padding: 0; border: 0; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; } .dropdown-menu li a { color: #999999; padding: 9px 10px; font-size: 13px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } [class^="fa-"], [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] { display: inline-block; margin-top: 1px; font-size: 14px; *margin-right: .3em; line-height: 14px; -webkit-font-smoothing: antialiased; } li [class^="fa-"], li [class^="glyphicon-"], li [class^="icon-"], li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="glyphicon-"], li [class*=" glyphicon-"] { top: 2px; } li [class^="icon-"], li [class*=" icon-"] { top: 1px; position: relative; } li [class^="fa-"].icon-large, li [class^="glyphicon-"].icon-large, li [class^="icon-"].icon-large, li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large { width: 1.5625em; } .nav-pills li.active a { background: #dc6767; } .nav-pills li.active a:hover, .nav-pills li.active a:focus { background: #dc6767; } .nav-pills li a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .list-group .list-group-item { border-color: #e5e5e5; color: #999999; } .list-group .list-group-item.active { background: #dc6767; border-color: #dc6767; } .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus { background: #dc6767; border-color: #dc6767; } .list-group .list-group-item:first-child { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .list-group .list-group-item:last-child { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .nav-tabs { border-color: #e5e5e5 !important; } .nav-tabs li a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tab-content { background: #fff; padding: 20px 15px; margin-bottom: 20px; border: 1px solid; border-color: #e5e5e5 !important; border-top: 0; } .tabbable:before { display: table; line-height: 0; content: ""; } .tabbable:after { display: table; line-height: 0; content: ""; clear: both; } .tabbable.tabs-left .nav-tabs { float: left; display: inline-block; border-bottom: 0; } .tabbable.tabs-left .nav-tabs > li { float: none; } .tabbable.tabs-left .nav-tabs > li.active > a, .tabbable.tabs-left .nav-tabs > li:hover > a, .tabbable.tabs-left .nav-tabs > li:focus > a { border: 1px solid; border-color: #e5e5e5 !important; border-right: 0; } .tabbable.tabs-left .nav-tabs > li > a { border-right: 0; min-width: 74px; margin-bottom: 3px; margin-right: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-left .tab-content { overflow: auto; border: 1px solid; border-color: #e5e5e5 !important; } .tabbable.tabs-right .nav-tabs { float: right; display: inline-block; border-bottom: 0; } .tabbable.tabs-right .nav-tabs > li { float: none; } .tabbable.tabs-right .nav-tabs > li.active > a, .tabbable.tabs-right .nav-tabs > li:hover > a, .tabbable.tabs-right .nav-tabs > li:focus > a { border: 1px solid; border-color: #e5e5e5 !important; border-left: 0; } .tabbable.tabs-right .nav-tabs > li > a { border-left: 0; min-width: 74px; margin-bottom: 3px; margin-left: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-right .tab-content { overflow: auto; border: 1px solid; border-color: #e5e5e5 !important; } .tabbable.tabs-below .nav-tabs { margin-bottom: 20px !important; border: 0; } .tabbable.tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabbable.tabs-below .nav-tabs > li.active > a { border: 1px solid; border-color: #e5e5e5 !important; border-top: 0; } .tabbable.tabs-below .nav-tabs > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-below .tab-content { overflow: auto; margin-bottom: 0 !important; border: 1px solid; border-color: #e5e5e5 !important; } .progress { position: relative; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .progress.progress-xs { height: 5px; margin-top: 5px; } .progress.progress-sm { height: 11px; margin-top: 5px; } .progress.progress-lg { height: 25px; } .progress .progress-bar { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #dc6767; } .progress .progress-bar.progress-bar-success { background-color: #5cb85c !important; } .progress .progress-bar.progress-bar-warning { background-color: #f0ad4e !important; } .progress .progress-bar.progress-bar-info { background-color: #5bc0de !important; } .progress .progress-bar.progress-bar-danger { background-color: #d9534f !important; } .progress .progress-bar.progress-bar-red { background-color: #bf4346 !important; } .progress .progress-bar.progress-bar-orange { background-color: #e9662c !important; } .progress .progress-bar.progress-bar-green { background-color: #488c6c !important; } .progress .progress-bar.progress-bar-yellow { background-color: #f2994b !important; } .progress .progress-bar.progress-bar-blue { background-color: #0a819c !important; } .progress .progress-bar.progress-bar-violet { background-color: #9351ad !important; } .progress .progress-bar.progress-bar-pink { background-color: #bf3773 !important; } .progress .progress-bar.progress-bar-grey { background-color: #4b5d67 !important; } .progress .progress-bar.progress-bar-dark { background-color: #594857 !important; } .progress .progress-bar.progress-bar-white { background-color: #ffffff !important; } .progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out; } .progress.wide { width: 60px; height: 150px; } .progress.vertical.progress-xs { width: 10px; margin-top: 0; } .progress.vertical.progress-sm { width: 20px; margin-top: 0; } .progress.vertical.progress-lg { width: 70px; } .form-actions { padding: 20px 0; background: #fafafa; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .form-actions.top { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .form-actions.none-bg { background: transparent; border-top: 1px dashed #f3f3f3; } .form-actions.none-bg.top { border-bottom: 1px dashed #f3f3f3; border-top: 0; } .state-success .form-control { border-color: #7edc7f !important; } .state-warning .form-control { border-color: #dcb359 !important; } .state-error .form-control { border-color: #db4c4a !important; } .state-success em { color: #7edc7f !important; margin-top: 5px; display: block; } .state-warning em { color: #dcb359 !important; margin-top: 5px; display: block; } .state-error em { color: #db4c4a !important; margin-top: 5px; display: block; } .state-success input, .state-success select, .state-success textarea { background: #dff0d8 !important; } .state-warning input, .state-warning select, .state-warning textarea { background: #fcf8e3 !important; } .state-error input, .state-error select, .state-error textarea { background: #f2dede !important; } .form-bordered .control-label { padding-top: 16px; } .form-bordered .form-group { margin: 0; border-bottom: 1px solid #f7f7f7; } .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #f7f7f7; } .form-bordered .form-group:last-child { border-bottom: 0; } .form-bordered .help-block { margin-bottom: 0px; } .form-bordered.dashed .form-group { border-bottom: 1px dashed #f3f3f3; } .form-bordered.dashed .form-group > div { border-left: 1px dashed #f3f3f3; } .form-bordered.dashed .form-group:last-child { border-bottom: 0; } .form-seperated .control-label { padding-top: 16px; } .form-seperated .form-group { margin: 0; border-bottom: 1px solid #f7f7f7; } .form-seperated .form-group > div { padding: 15px; } .form-seperated .form-group:last-child { border-bottom: 0; } .form-seperated .help-block { margin-bottom: 0px; } .form-seperated.dashed .form-group { border-bottom: 1px dashed #f3f3f3; } .form-seperated.dashed .form-group:last-child { border-bottom: 0; } .form-horizontal.form-row-stripped .form-group:nth-child(odd) { background: #fcfcfc; } .form-horizontal.form-seperated .radio, .form-horizontal.form-seperated .checkbox, .form-horizontal.form-seperated .radio-inline, .form-horizontal.form-seperated .checkbox-inline { padding-top: 0; } .text-primary { color: #dc6767 !important; } .text-red { color: #bf4346 !important; } .text-orange { color: #e9662c !important; } .text-green { color: #488c6c !important; } .text-yellow { color: #f2994b !important; } .text-blue { color: #0a819c !important; } .text-pink { color: #bf3773 !important; } .text-violet { color: #9351ad !important; } .text-grey { color: #4b5d67 !important; } .text-dark { color: #594857 !important; } .text-white { color: #ffffff !important; } .text-facebook { color: #418bca; } .text-twitter { color: #5bc0de; } .text-google-plus { color: #dd4c39; } .text-dribbble { color: #ec5d92; } .input-mini { width: 45px !important; } .input-xsmall { width: 80px !important; } .input-small { width: 120px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 480px !important; } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .form-group .input-inline { margin-right: 5px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans', sans-serif; font-size: 13px; } .ui-spinner-input { height: 24px; } .modal .modal-dialog .modal-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .modal .modal-dialog .modal-content .modal-header.modal-header-primary { background: #dc6767; } .modal .modal-dialog .modal-content .modal-header.modal-header-primary .modal-title { color: #FFFFFF; } .modal .modal-dialog .modal-content .modal-footer.modal-footer-left { text-align: left !important; } .portlet { clear: both; margin-top: 0px; margin-bottom: 25px; padding: 0px; } .portlet { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 5px solid #e5e5e5; clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; } .portlet.box > .portlet-header { margin-bottom: 0; padding: 8px 15px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .portlet > .portlet-header { margin-bottom: 15px; background: #ffffff; border-bottom: 1px solid #e5e5e5; } .portlet > .portlet-header:before { content: ""; display: table; line-height: 0; } .portlet > .portlet-header:after { content: ""; display: table; line-height: 0; clear: both; } .portlet > .portlet-header .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; padding: 0; } .portlet > .portlet-header .caption i { float: left; margin-top: 4px; display: inline-block !important; font-size: 13px; margin-right: 5px; color: #999999; } .portlet > .portlet-header .actions { display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right; } .portlet > .portlet-header .actions > .btn { padding: 4px 10px; margin-top: -18px; } .portlet > .portlet-header .actions > .btn.btn-sm { padding: 3px 8px; margin-top: -13px; } .portlet > .portlet-header .actions > .btn.btn-xs { padding: 1px 5px; margin-top: -13px; } .portlet > .portlet-header .actions > .btn-group { margin-top: -12px; } .portlet > .portlet-header .actions > .btn-group > .btn { padding: 4px 10px; margin-top: -1px; } .portlet > .portlet-header .actions > .btn-group > .btn.btn-sm { padding: 3px 8px; margin-top: -1px; } .portlet > .portlet-header .actions > .btn-group > .btn.btn-xs { padding: 1px 5px; margin-top: -1px; } .portlet > .portlet-header .pagination.pagination-sm { float: right; display: inline-block; margin: 0px; } .portlet > .portlet-header .pagination.pagination-sm li a { padding: 3px 10px; } .portlet > .portlet-header .tools { display: inline-block; padding: 0; margin: 0; float: right; } .portlet > .portlet-header .tools i { margin-left: 5px; cursor: pointer; } .portlet .portlet-body { background: #FFFFFF; padding: 15px; clear: both; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .portlet .portlet-body.form { padding: 0 !important; } .portlet.portlet-default > .portlet-header { background: #FFFFFF; color: #999999; border-bottom: 1px solid #f0f2f6; } .portlet.portlet-default > .portlet-header i { color: #999999; } .portlet.portlet-default > .portlet-header .btn i { color: #999999; } .portlet.portlet-primary { border-color: #dc6767; } .portlet.portlet-primary > .portlet-header { background: #dc6767; color: #ffffff; } .portlet.portlet-red { border-color: #bf4346; } .portlet.portlet-red > .portlet-header { background: #bf4346; color: #ffffff; } .portlet.portlet-orange { border-color: #e9662c; } .portlet.portlet-orange > .portlet-header { background: #e9662c; color: #ffffff; } .portlet.portlet-green { border-color: #488c6c; } .portlet.portlet-green > .portlet-header { background: #488c6c; color: #ffffff; } .portlet.portlet-yellow { border-color: #f2994b; } .portlet.portlet-yellow > .portlet-header { background: #f2994b; color: #ffffff; } .portlet.portlet-blue { border-color: #0a819c; } .portlet.portlet-blue > .portlet-header { background: #0a819c; color: #ffffff; } .portlet.portlet-violet { border-color: #9351ad; } .portlet.portlet-violet > .portlet-header { background: #9351ad; color: #ffffff; } .portlet.portlet-pink { border-color: #bf3773; } .portlet.portlet-pink > .portlet-header { background: #bf3773; color: #ffffff; } .portlet.portlet-grey { border-color: #4b5d67; } .portlet.portlet-grey > .portlet-header { background: #4b5d67; color: #ffffff; } .portlet.portlet-dark { border-color: #594857; } .portlet.portlet-dark > .portlet-header { background: #594857; color: #ffffff; } .portlet { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .portlet.color { padding: 0; } .portlet.color .portlet-header { margin-bottom: 0; border: 0px; } .portlet.color .portlet-header .btn.btn-white i { color: #999999; } .portlet.color .portlet-body { background: transparent; } .portlet.color.portlet-default { background: #FFFFFF !important; } .portlet.color.portlet-default > .portlet-header { color: #999999; border: 0; } .portlet.color.portlet-default > .portlet-header > .caption i { color: #999999; border: 0; } .portlet.color.portlet-default > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-default > .portlet-body { color: #999999; border: 0; padding: 0; background: transparent; } .portlet.color.portlet-primary { background: #dc6767 !important; } .portlet.color.portlet-primary > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-primary > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-primary > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-primary > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.brand-primary { background: #dc6767 !important; } .portlet.color.portlet-red { background: #bf4346 !important; } .portlet.color.portlet-red > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-red > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-red > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-red > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-red { background: #bf4346 !important; } .portlet.color.portlet-orange { background: #e9662c !important; } .portlet.color.portlet-orange > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-orange > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-orange > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-orange > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-orange { background: #e9662c !important; } .portlet.color.portlet-green { background: #488c6c !important; } .portlet.color.portlet-green > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-green > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-green > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-green > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-green { background: #488c6c !important; } .portlet.color.portlet-yellow { background: #f2994b !important; } .portlet.color.portlet-yellow > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-yellow > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-yellow > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-yellow > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-yellow { background: #f2994b !important; } .portlet.color.portlet-blue { background: #0a819c !important; } .portlet.color.portlet-blue > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-blue > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-blue > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-blue > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-blue { background: #0a819c !important; } .portlet.color.portlet-violet { background: #9351ad !important; } .portlet.color.portlet-violet > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-violet > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-violet > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-violet > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-violet { background: #9351ad !important; } .portlet.color.portlet-pink { background: #bf3773 !important; } .portlet.color.portlet-pink > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-pink > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-pink > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-pink > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-pink { background: #bf3773 !important; } .portlet.color.portlet-grey { background: #4b5d67 !important; } .portlet.color.portlet-grey > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-grey > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-grey > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-grey > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-grey { background: #4b5d67 !important; } .portlet.color.portlet-dark { background: #594857 !important; } .portlet.color.portlet-dark > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-dark > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-dark > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-dark > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-dark { background: #594857 !important; } .portlet-tabs > .nav-tabs { position: relative; top: -44px; margin-right: 15px; border-bottom: none; padding: 4px 0px; overflow: hidden; } .portlet-tabs > .nav-tabs > li { float: right; margin-left: 1px; } .portlet-tabs > .nav-tabs > li:last-child a { border-right: 0; } .portlet-tabs > .nav-tabs > li.active { color: #dc6767; border-top-color: transparent; } .portlet-tabs > .nav-tabs > li.active a { margin-bottom: 0px; border-bottom: 0; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; background-color: none !important; border-top-color: transparent !important; color: #999999; cursor: default; } .portlet-tabs > .nav-tabs > li.active a:hover { background-color: #fff !important; } .portlet-tabs > .nav-tabs > li a { color: #fff; padding-top: 8px; padding-bottom: 10px; line-height: 16px; margin-top: 6px; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; } .portlet-tabs > .nav-tabs > li a:hover { color: #999999; margin-bottom: 0; border-bottom-color: transparent; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; background-color: none !important; border-top-color: transparent; } .portlet-tabs > .tab-content { padding: 15px !important; margin: 0px; margin-top: -50px !important; border: 0; } .portlet.tabbable .portlet-body { padding: 0px !important; } .sortable .portlet .portlet-header { cursor: move; } .sortable-placeholder { display: block; margin-top: 0px !important; margin-bottom: 25px !important; background-color: #f5f5f5; border: 1px dashed #dc6767; } .sortable-placeholder * { visibility: hidden; } .wait { position: relative; background: url("../../images/icons/loading.gif") center no-repeat !important; } .family-tree-vertical li { margin: 0px 0; list-style-type: none; position: relative; padding: 20px 5px 0px 5px; } .family-tree-vertical li:before { content: ''; position: absolute; top: 0; width: 1px; height: 100%; right: auto; left: -20px; border-left: 1px solid #ccc; bottom: 50px; } .family-tree-vertical li:after { content: ''; position: absolute; top: 30px; width: 25px; height: 20px; right: auto; left: -20px; border-top: 1px solid #ccc; } .family-tree-vertical li a { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .family-tree-vertical li a:hover, .family-tree-vertical li a:hover + ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } .family-tree-vertical li:last-child:before { height: 30px; } .family-tree-vertical > ul > li::before, .family-tree-vertical > ul > li::after { border: 0; } .family-tree-vertical li a:hover + ul li::after, .family-tree-vertical li a:hover + ul li::before, .family-tree-vertical li a:hover + ul::before, .family-tree-vertical li a:hover + ul ul::before { border-color: #94a0b4; } .family-tree-horizontal ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li::before, .family-tree-horizontal li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .family-tree-horizontal li::after { right: auto; left: 50%; border-left: 1px solid #ccc; } .family-tree-horizontal li:only-child::after, .family-tree-horizontal li:only-child::before { display: none; } .family-tree-horizontal li:only-child { padding-top: 0; } .family-tree-horizontal li:first-child::before, .family-tree-horizontal li:last-child::after { border: 0 none; } .family-tree-horizontal li:last-child::before { border-right: 1px solid #ccc; } .family-tree-horizontal ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 20px; } .family-tree-horizontal li a { border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li a:hover, .family-tree-horizontal li a:hover + ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } .family-tree-horizontal li a:hover + ul li::after, .family-tree-horizontal li a:hover + ul li::before, .family-tree-horizontal li a:hover + ul::before, .family-tree-horizontal li a:hover + ul ul::before { border-color: #94a0b4; } .input-icon { position: relative; } .input-icon input { padding-left: 33px !important; color: #999999; } .input-icon i { color: #999999; display: block; position: absolute; margin: 10px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .input-icon.right input { padding-left: 12px !important; padding-right: 33px !important; } .input-icon.right i { right: 8px; float: right; } .has-success .input-icon i { color: #5cb85c; } .has-warning .input-icon i { color: #f0ad4e; } .has-error .input-icon i { color: #d9534f; } .rating { margin-bottom: 4px; font-size: 15px; line-height: 27px; color: #999999; } .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer; color: #ccc; -ms-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } .rating label .fa-star:before { content: "\f005"; } .table thead tr th, .table thead tr td { border-bottom: 0; } .table.table-sm { font-size: .875em; } .table.table-lg { font-size: 1.2em; } .table > input[type='text'] { font-weight: normal; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .table select { font-weight: normal; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .table.table-advanced thead tr th { border-bottom-width: 1px !important; background-color: #efefef; } .table.table-advanced thead.primary tr th { background: #dc6767; color: #FFFFFF; } .table.table-advanced thead.success tr th { background: #5cb85c; color: #FFFFFF; } .table.table-advanced thead.warning tr th { background: #f0ad4e; color: #FFFFFF; } .table.table-advanced thead.info tr th { background: #5bc0de; color: #FFFFFF; } .table.table-advanced thead.danger tr th { background: #d9534f; color: #FFFFFF; } .table.table-advanced thead.red tr th { background: #bf4346; color: #FFFFFF; } .table.table-advanced thead.orange tr th { background: #e9662c; color: #FFFFFF; } .table.table-advanced thead.green tr th { background: #488c6c; color: #FFFFFF; } .table.table-advanced thead.yellow tr th { background: #f2994b; color: #FFFFFF; } .table.table-advanced thead.blue tr th { background: #0a819c; color: #FFFFFF; } .table.table-advanced thead.pink tr th { background: #bf3773; color: #FFFFFF; } .table.table-advanced thead.violet tr th { background: #9351ad; color: #FFFFFF; } .table.table-advanced thead.grey tr th { background: #4b5d67; color: #FFFFFF; } .table.table-advanced thead.dark tr th { background: #594857; color: #FFFFFF; } .table.table-advanced thead.white tr th { background: #ffffff; color: #999999; } .table.table-advanced tfoot tr th { border-bottom: 0 !important; background: #efefef; } .table.table-advanced tfoot.primary tr th { background: #dc6767; color: #FFFFFF; } .table.table-advanced tfoot.success tr th { background: #5cb85c; color: #FFFFFF; } .table.table-advanced tfoot.warning tr th { background: #f0ad4e; color: #FFFFFF; } .table.table-advanced tfoot.info tr th { background: #5bc0de; color: #FFFFFF; } .table.table-advanced tfoot.danger tr th { background: #d9534f; color: #FFFFFF; } .table.table-advanced tfoot.red tr th { background: #bf4346; color: #FFFFFF; } .table.table-advanced tfoot.orange tr th { background: #e9662c; color: #FFFFFF; } .table.table-advanced tfoot.green tr th { background: #488c6c; color: #FFFFFF; } .table.table-advanced tfoot.yellow tr th { background: #f2994b; color: #FFFFFF; } .table.table-advanced tfoot.blue tr th { background: #0a819c; color: #FFFFFF; } .table.table-advanced tfoot.pink tr th { background: #bf3773; color: #FFFFFF; } .table.table-advanced tfoot.violet tr th { background: #9351ad; color: #FFFFFF; } .table.table-advanced tfoot.grey tr th { background: #4b5d67; color: #FFFFFF; } .table.table-advanced tfoot.dark tr th { background: #594857; color: #FFFFFF; } .table.table-advanced tfoot.white tr th { background: #ffffff; color: #999999; } .table.table-hover-color tbody tr:hover td:first-child { border-left: 4px solid #dc6767; } .table-actions { margin-bottom: 20px; } .table-actions.bottom { margin-bottom: 0; margin-top: 20px; } .table-actions .pagination { margin: 0; } .fixed-header { top: 0; position: fixed; width: auto; display: none; border: none; z-index: 999; } .page-header-breadcrumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .timeline-label { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .form-control { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } label { font-weight: normal; } .alert { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .breadcrumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .navbar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .thumbnail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e5e5e5 !important; } .tooltip .tooltip-inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .popover { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5 !important; } .popover.left .arrow { border-left-color: #e5e5e5; } .popover.right .arrow { border-right-color: #e5e5e5; } .popover.top .arrow { border-top-color: #e5e5e5; } .popover.bottom .arrow { border-bottom-color: #e5e5e5; top: -14px; } .well { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5 !important; } ul.todo-list li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul.chats li.in .message { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul.chats li.out .message { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .cke_chrome { -webkit-box-shadow: none !important; box-shadow: none !important; } .cke_chrome .cke_top { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_bottom { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_combo_button, .cke_chrome .cke_toolgroup { border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_combo_button:hover, .cke_chrome .cke_toolgroup:hover, .cke_chrome .cke_combo_button:focus, .cke_chrome .cke_toolgroup:focus { background-image: none; } .cke_chrome a.cke_button_off:hover, .cke_chrome a.cke_button_off:focus, .cke_chrome a.cke_button_off:active, .cke_chrome a.cke_button_disabled:hover, .cke_chrome a.cke_button_disabled:focus, .cke_chrome a.cke_button_disabled:active, .cke_chrome .cke_combo_off a.cke_combo_button:hover, .cke_chrome .cke_combo_off a.cke_combo_button:focus { background-image: none; } .md-editor > textarea { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #toast-container > :hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #toast-container div { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .has-switch { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0; } .has-switch span.switch-left, .has-switch span.switch-right, .has-switch label { text-shadow: none; box-shadow: none; background-image: none; border: 0; } .has-switch span.switch-left.switch-primary, .has-switch span.switch-right.switch-primary, .has-switch label.switch-primary { text-shadow: none; box-shadow: none; background-image: none; background: #dc6767 !important; } .has-switch .switch-left { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .has-switch .switch-right { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .has-switch .switch-on label { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; background-color: #e5e5e5; } .has-switch .switch-off label { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; background-color: #e5e5e5; } .slimScrollBar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .outer, .clockface .inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .inner.active, .clockface .inner.active:hover, .clockface .outer.active, .clockface .outer.active:hover { text-shadow: none; background-image: none; } .clockface .inner.active:hover, .clockface .inner.active:hover:hover, .clockface .inner.active:active, .clockface .inner.active:hover:active, .clockface .inner.active.active, .clockface .inner.active:hover.active, .clockface .inner.active.disabled, .clockface .inner.active:hover.disabled, .clockface .inner.active[disabled], .clockface .inner.active:hover[disabled] { background: #dc6767; } .clockface .outer.active:hover, .clockface .outer.active:hover:hover, .clockface .outer.active:active, .clockface .outer.active:hover:active, .clockface .outer.active.active, .clockface .outer.active:hover.active, .clockface .outer.active.disabled, .clockface .outer.active:hover.disabled, .clockface .outer.active[disabled], .clockface .outer.active:hover[disabled] { background: #5cb85c; } .bootstrap-datetimepicker-widget td span { height: auto; line-height: normal; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker td, .datepicker th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .daterangepicker .ranges li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #999999; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #dc6767; border: 1px solid #dc6767; } .daterangepicker .ranges .input-mini, .daterangepicker td, .daterangepicker th, .daterangepicker .calendar-date { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .fc-state-default { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid #e5e5e5; text-shadow: none; color: #999999; } .page-form { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .page-form .header-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .media img.media-object { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dd .dd-list .dd-item .dd-handle, .dd .dd-list .dd-item .dd3-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e5e5e5 !important; } .dd .dd-list .dd-item .dd-handle.dd3-handle, .dd .dd-list .dd-item .dd3-content.dd3-handle { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .jquery-notific8-notification { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { padding: 0.5em 1em; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #theme-setting .btn-theme-setting { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } #theme-setting .content-theme-setting ul#list-color li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .jplist-panel .jplist-pagination button { border: 1px solid #e5e5e5; } .jplist-panel .jplist-pagination button:hover { background: #e5e5e5; } .jplist-thumbs-view .list-item .block { bottom: 10px; } .jplist-panel .jplist-group { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: 1px solid #e5e5e5; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .no-border-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .text-uppercase { text-transform: uppercase; } .text-justify { text-align: justify; } .text-line-through { text-decoration: line-through; } .box-heading { font-weight: bold; font-family: 'Oswald'; margin-bottom: 15px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.42857143; color: #999999; background-color: #f0f2f5; height: 100%; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #999999; text-decoration: none; } a:hover, a:focus { color: #dc6767; text-decoration: none; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #f0f2f5; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .require { color: #ff0000; } #wrapper { width: 100%; min-height: 100%; background-color: #3C3C3C; } #page-wrapper { min-height: 100%; padding: 0 !important; background-color: #f0f2f5; transition: 0.3s all linear; } @media (min-width: 768px) { #page-wrapper { position: relative; margin: 0 0 0 250px; padding: 0; } } #topbar { background: #ffffff; width: 100%; height: 50px; } #topbar.navbar-default { border: 0; } #topbar .navbar-header { width: 250px; height: 100%; background: #1E1E1E; text-align: center; } #topbar .navbar-header #logo { font-size: 20px; line-height: 20px; color: #ffffff; height: 100%; width: 100%; } #topbar .navbar-header #logo span.fa { display: none; } #topbar .navbar-header #logo span.logo-text { display: block; font-weight: lighter; font-family: 'Lato', sans-serif; font-size: 30px; } #topbar .topbar-main { display: block; height: 100%; background: #1E1E1E; } #topbar .topbar-main #menu-toggle { float: left; padding: 15px 20px; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; color: #ffffff; } #topbar .topbar-main #menu-toggle:hover, #topbar .topbar-main #menu-toggle:focus { color: #FFF; } #topbar .topbar-main #menu-toggle i { font-size: 25px; } #topbar .topbar-main ul.nav.navbar-nav { display: none; } #topbar .topbar-main ul.nav.navbar-nav.horizontal-menu { display: block; } #topbar .topbar-main ul.nav.navbar-nav li.active a, #topbar .topbar-main ul.nav.navbar-nav li:hover a, #topbar .topbar-main ul.nav.navbar-nav li.open a { background: #ffffff; color: #999999; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown { position: static; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown.mega-menu-full .dropdown-menu { left: 20px; right: 20px; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu { left: auto; width: auto; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content { padding: 10px; margin: 0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { *width: auto !important; padding: 0px 15px !important; margin: 0 !important; border-right: 1px solid #eeeeee; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-right: 0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 2px !important; margin: 0 !important; list-style: none; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 { color: #555555; margin-top: 10px; padding-left: 5px; font-size: 15px; font-weight: normal; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a { padding: 5px !important; margin: 0 !important; font-weight: normal; display: block; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a:hover { background: #f0f0f0; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu { border-right: none; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a { text-align: center; padding: 30px 5px !important; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a:hover { background: transparent; } #topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a i { font-size: 50px; display: block; width: 100%; margin-bottom: 20px; } #topbar .topbar-main ul.nav.navbar-nav li a { color: #ffffff; } #topbar #topbar-search { width: 250px; float: left; } #topbar #topbar-search i { font-size: 20px; margin: 0; top: 17px; right: 12px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topbar #topbar-search input { padding: 15px 30px !important; height: 100%; border: 0 !important; border-radius: 0; background: #3C3C3C; } #topbar .navbar-top-links li { display: inline-block; } #topbar .navbar-top-links li:last-child { margin-right: 15px; } #topbar .navbar-top-links li.open > a { background: #3C3C3C !important; color: #ffffff !important; } #topbar .navbar-top-links li.open > a:hover, #topbar .navbar-top-links li.open > a:focus { background: #3C3C3C !important; } #topbar .navbar-top-links li.open > a i { color: #ffffff; } #topbar .navbar-top-links li > a { padding: 15px 20px; height: 100%; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topbar .navbar-top-links li > a:hover, #topbar .navbar-top-links li > a:focus { background: #3C3C3C !important; } #topbar .navbar-top-links li > a i { font-size: 16px; color: #ffffff; } #topbar .navbar-top-links li > a span.badge { position: absolute; top: 5px; right: 30px; padding: 3px 6px; color: #ffffff; } #topbar .navbar-top-links li > a img { position: relative; width: 25px; height: 25px; display: inline-block; } #topbar .navbar-top-links li .dropdown-menu li { display: block; } #topbar .navbar-top-links li .dropdown-menu li:last-child { margin-right: 0; } #topbar .navbar-top-links li .dropdown-menu li a { padding: 3px 20px; min-height: 0; color: #999999; } #topbar .navbar-top-links li .dropdown-menu li a div { white-space: normal; } #topbar .navbar-top-links li .dropdown-menu li a.btn { color: #FFFFFF; } #topbar .navbar-top-links li.topbar-user a { padding: 12px 15px 11px; } #topbar .navbar-top-links li.topbar-user a img { margin-right: 5px; } #topbar .navbar-top-links ul.dropdown-alerts { width: 250px; min-width: 0; } #topbar .navbar-top-links ul.dropdown-alerts li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-alerts li a:hover, #topbar .navbar-top-links ul.dropdown-alerts li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-alerts li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a span { margin-right: 10px; padding: 3px; } #topbar .navbar-top-links ul.dropdown-alerts li ul li a span i { font-size: 14px; color: #FFFFFF; } #topbar .navbar-top-links ul.dropdown-alerts li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-alerts li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-alerts li p { padding: 10px 15px; margin-bottom: 0; background: #40516f; color: #ffffff; } #topbar .navbar-top-links ul.dropdown-messages { width: 250px; min-width: 0; } #topbar .navbar-top-links ul.dropdown-messages li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-messages li a:hover, #topbar .navbar-top-links ul.dropdown-messages li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-messages li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-messages li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .avatar img { width: 40px; height: 40px; margin-top: 0; float: left; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info { margin-left: 50px; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name { font-size: 12px; font-weight: bold; display: block; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name .label { font-size: 10px; padding: 3px; } #topbar .navbar-top-links ul.dropdown-messages li ul li a .info .desc { font-size: 12px; } #topbar .navbar-top-links ul.dropdown-messages li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-messages li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-messages li p { padding: 10px 15px; margin-bottom: 0; background: #40516f; color: #ffffff; } #topbar .navbar-top-links ul.dropdown-tasks { width: 250px; min-width: 0; margin-left: -59px; } #topbar .navbar-top-links ul.dropdown-tasks li { float: left; width: 100%; } #topbar .navbar-top-links ul.dropdown-tasks li a:hover, #topbar .navbar-top-links ul.dropdown-tasks li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links ul.dropdown-tasks li ul { padding: 0; margin: 0; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a { padding: 15px; display: block; border-top: 1px solid #efefef; font-size: 12px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a span { margin-right: 10px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a span i { font-size: 13px; color: #FFFFFF; padding: 3px; } #topbar .navbar-top-links ul.dropdown-tasks li ul li a .progress { margin-bottom: 5px; } #topbar .navbar-top-links ul.dropdown-tasks li:first-child a { border-top: 0; } #topbar .navbar-top-links ul.dropdown-tasks li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: right; } #topbar .navbar-top-links ul.dropdown-tasks li p { padding: 10px 15px; margin-bottom: 0; background: #40516f; color: #ffffff; } #topbar .navbar-top-links .dropdown-user li a { padding: 10px !important; height: auto; } #topbar .navbar-top-links .dropdown-user li a:hover, #topbar .navbar-top-links .dropdown-user li a:focus { background: #f7f7f8 !important; } #topbar .navbar-top-links .dropdown-user li a i { margin-right: 5px; color: #999999; } #topbar .navbar-top-links .dropdown-user li a .badge { position: absolute; margin-top: 5px; right: 10px; display: inline; font-size: 11px; padding: 3px 6px 3px 6px; text-align: center; vertical-align: middle; } @media (min-width: 768px) { .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .page-title-breadcrumb { padding: 10px 20px; background: #ffffff; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); clear: both; border-bottom: 5px solid #e5e5e5 !important; box-shadow: none !important; } .page-title-breadcrumb .page-header { margin: 0; padding: 0; border-bottom: 0; } .page-title-breadcrumb .page-header .page-title { font-size: 25px; font-weight: 300; display: inline-block; } .page-title-breadcrumb .page-header .page-subtitle { font-size: 14px; font-weight: 300; color: #bcbcbc; display: inline-block; } .page-title-breadcrumb .breadcrumb { margin-bottom: 0; padding-left: 0; padding-right: 0; border-radius: 0; background: transparent; } .page-title-breadcrumb .breadcrumb li + li:before { content: ""; padding: 0; } .horizontal-menu-page #sidebar { display: none; } .horizontal-menu-page #page-wrapper { margin-left: 0; } .horizontal-menu-page #menu-toggle { display: none; } #chat-form { position: absolute; right: 0; top: 0; bottom: 0; width: 280px; background: #40516f; z-index: 9999; display: none; } #chat-form.fixed { position: fixed; min-height: 0 !important; } #chat-form .user-status { display: inline-block; background: #575d67; margin-right: 5px; width: 8px; height: 8px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 8 !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } #chat-form .user-status.is-online { background-color: #06b53c; } #chat-form .user-status.is-busy { background-color: #ee4749; } #chat-form .user-status.is-idle { background-color: #f7d227; } #chat-form .user-status.is-offline { background-color: #666666; } #chat-form .chat-inner { overflow: auto; height: 100%; } #chat-form .chat-header { font-size: 16px; color: #ffffff; padding: 30px 35px; line-height: 1; margin: 0; border-bottom: 1px solid #53698f; position: relative; } #chat-form .chat-header .chat-form-close { color: #ededed; font-size: 13px; } #chat-form .chat-group { margin-top: 30px; } #chat-form .chat-group > strong { text-transform: uppercase; color: #ededed; display: block; padding: 6px 35px; font-size: 14px; } #chat-form .chat-group > a { display: block; padding: 6px 35px; position: relative; color: #eaeaea; text-decoration: none; } #chat-form .chat-group > a .badge { font-size: 9px; margin-left: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #chat-form .chat-group > a .badge.is-hidden { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #chat-form .chat-group > a.active { background: #495d7f; } #chat-form .chat-group > a.active:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #37455f; left: 0; top: 50%; margin-top: -8px; } #chat-form .chat-group > a:hover { background: #495d7f; } #chat-form #chat-box { position: absolute; right: 280px; width: 340px; background: #37455f; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; display: none; } #chat-form #chat-box .chat-box-header { padding: 20px 24px; font-size: 14px; color: #fff; border-bottom: 1px solid #53698f; } #chat-form #chat-box .chat-box-header .chat-box-close { color: #ededed; font-size: 13px; } #chat-form #chat-box .chat-box-header small { color: #BBBBBB; font-size: 12px; padding-left: 8px; } #chat-form #chat-box ul.chat-box-body { list-style: none; margin: 0; padding: 0; overflow: auto; height: 250px; } #chat-form #chat-box ul.chat-box-body > li { padding: 20px 24px; padding-bottom: 5px; padding-top: 0px; } #chat-form #chat-box ul.chat-box-body > li:before { content: " "; display: table; } #chat-form #chat-box ul.chat-box-body > li:after { clear: both; content: " "; display: table; } #chat-form #chat-box ul.chat-box-body > li.odd { background: #3a4a65; } #chat-form #chat-box ul.chat-box-body > li .avt { width: 30px; height: 30px; border-radius: 50%; margin: 5px 5px 0px 0px; vertical-align: -9px; } #chat-form #chat-box ul.chat-box-body > li .user { font-weight: bold; color: #fff; } #chat-form #chat-box ul.chat-box-body > li .user:after { content: ':'; } #chat-form #chat-box ul.chat-box-body > li .time { float: right; font-style: italic; color: #ededed; font-size: 11px; margin-top: 12px; } #chat-form #chat-box ul.chat-box-body > li p { margin: 10px 0 8.5px; color: #eaeaea; } #chat-form #chat-box .chat-textarea { padding: 20px 24px; position: relative; } #chat-form #chat-box .chat-textarea textarea { background: #465879; border: 1px solid #465879; color: #fff; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #chat-form #chat-box .chat-textarea textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ededed; } #chat-form #chat-box .chat-textarea textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ededed; } .fixed-topbar #topbar { position: fixed; } .fixed-topbar #sidebar { padding-top: 50px !important; } .fixed-topbar #page-wrapper { padding-top: 50px !important; } #sidebar { background: #3C3C3C; } .navbar-static-side { transition: 0.3s all linear; } .navbar-static-side ul li { border-bottom: 1px solid #484848; } .navbar-static-side ul li:first-child a { padding: 0; } .navbar-static-side ul li { background: #3C3C3C; /* Old browsers */ outline: none; color:#d9d9d9; } .navbar-static-side ul li.active a { background: #3e77ab; /* Old browsers */ transition: 0.2s all ease-in-out; outline: none; color:#FFF; } .navbar-static-side ul li a { color: #d9d9d9; padding: 15px; } .navbar-static-side ul li a span.menu-title { margin-left: 10px; } .navbar-static-side ul li a i { font-size: 16px; } .navbar-static-side ul li a i .icon-bg { display: none; } .navbar-static-side ul li a:hover, .navbar-static-side ul li a:focus { background: #303030; /* Old browsers */ transition: 0.2s all ease-in-out; outline: none; color:#FFF; } .navbar-static-side ul li a .badge, .navbar-static-side ul li a .label { float: right; margin-right: 10px; } .navbar-static-side ul li a.menu-title { margin-left: 10px; } .navbar-static-side ul li .nav-second-level li { border-bottom: 1px solid #484848; } .navbar-static-side ul li .nav-second-level li.active a, .navbar-static-side ul li .nav-second-level li:hover a, .navbar-static-side ul li .nav-second-level li:focus a { color: #dc6767; } .navbar-static-side ul li .nav-second-level li a { padding: 15px 15px 15px 40px; background: #37455f; color: #efefef; } .navbar-static-side ul li .nav-second-level li a span.submenu-title { margin-left: 10px; } .navbar-static-side ul li .nav-second-level li .nav-third-level li { border-bottom: 1px solid #484848; } .navbar-static-side ul li .nav-second-level li .nav-third-level li.active a, .navbar-static-side ul li .nav-second-level li .nav-third-level li:hover a, .navbar-static-side ul li .nav-second-level li .nav-third-level li:focus a { color: #dc6767; } .navbar-static-side ul li .nav-second-level li .nav-third-level li a { padding: 15px 15px 15px 40px; background: #313e55; color: #efefef; } .navbar-static-side ul li .nav-second-level li .nav-third-level li a span.submenu-title { margin-left: 10px; } .navbar-static-side ul li.sidebar-heading { padding: 5px 15px; } .navbar-static-side ul li.sidebar-heading h4 { font-family: 'Oswald'; font-size: 18px; font-weight: bold; color: #dc6767; } .navbar-static-side ul li.user-panel { padding: 15px; } .navbar-static-side ul li.user-panel .thumb { float: left; border: 5px solid rgba(255, 255, 255, 0.1); border-radius: 50%; } .navbar-static-side ul li.user-panel .thumb img { width: 45px; height: 45px; } .navbar-static-side ul li.user-panel .info { float: left; padding: 5px 5px 5px 15px; color: #ffffff; } .navbar-static-side ul li.user-panel .info p { margin-bottom: 3px; font-size: 16px; } .navbar-static-side ul li.user-panel .info a { font-size: 10px; } .navbar-static-side ul li.user-panel .info a i { font-size: 14px; color: #999; } .navbar-static-side ul li.user-panel .info a:hover, .navbar-static-side ul li.user-panel .info a:focus { background-color: transparent; } .navbar-static-side ul li.user-panel .info a:hover i, .navbar-static-side ul li.user-panel .info a:focus i { color: #777; } .navbar-static-side ul li.user-panel ul li { border-bottom: 0; } .sidebar-user-info { padding: 15px; } .sidebar-user-info img { border: 5px solid #d95b5b; width: 75px; height: 75px; display: inline-block; } .sidebar-user-info h4 { color: #FFFFFF; margin-bottom: 5px; } .sidebar-user-info ul { margin-bottom: 3px; } .sidebar-user-info ul li { border-bottom: 0 !important; } .sidebar-user-info ul li a { color: #cdcdcd; } .sidebar-user-info .user-status { width: 10px; height: 10px; border-radius: 50% !important; display: inline-block; background: transparent; margin-right: 5px; } .sidebar-user-info .user-status.is-online { background: #06B53C; } .sidebar-user-info .user-status.is-idle { background: #F7D227; } .sidebar-user-info .user-status.is-busy { background: #ee4749; } .sidebar-user-info .user-status.is-offline { background: #666666; } .sidebar-user-info span { color: #FFFFFF; } .sidebar-user-activity { padding: 15px; border-bottom: 0 !important; } .sidebar-user-activity h4 { color: #FFFFFF; } .sidebar-user-activity .note { padding: 3px 15px; margin-bottom: 5px; } .sidebar-user-activity .note small { color: #cdcdcd; } .sidebar-user-activity .note a:hover, .sidebar-user-activity .note a:focus { background: transparent; } .arrow { float: right; margin-top: 3px; } .fa.arrow:before { content: "\f104"; } .active > a > .fa.arrow:before { content: "\f107"; } @media (min-width: 768px) { .navbar-static-side { z-index: 1; position: absolute; width: 250px; } } .right-sidebar #topbar .navbar-header { float: right; border-right: 0; } .right-sidebar #sidebar { left: auto; right: 0; } .right-sidebar #page-wrapper { margin: 0 250px 0 0; } /* Begin Horizontal menu */ /* Begin Left Sidebar Collapsed */ .left-side-collapsed .navbar-static-side { width: 55px; } .left-side-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a { height: 50px; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title { display: block !important; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title { display: block !important; margin-left: 0; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; left: 55px; width: 195px; } .left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a { padding: 15px; } .left-side-collapsed .navbar-static-side ul#side-menu li a span { display: none; } .left-side-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } .left-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; left: 55px; padding: 15px; margin-left: 0; width: 195px; height: 50px; background: #303030; /* Old browsers */ outline: none; } .left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; left: 55px; width: 195px; } .left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } .left-side-collapsed #page-wrapper { margin: 0 0 0 55px; } /* End Left Sidebar Collapsed */ /* Begin Right Sidebar Collapsed */ .right-side-collapsed .navbar-static-side { width: 55px; } .right-side-collapsed .navbar-static-side ul#side-menu li.user-panel { display: none; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a { height: 50px; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title { display: block !important; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title { display: block !important; margin-right: 0; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; right: 55px; width: 195px; } .right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a { padding: 15px 5px; } .right-side-collapsed .navbar-static-side ul#side-menu li a span { display: none; } .right-side-collapsed .navbar-static-side ul#side-menu li a i.fa { font-size: 18px; } .right-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title { position: absolute; top: 0; right: 55px; padding: 15px; margin-right: 0; background: #dc6767; color: #ffffff; width: 195px; height: 50px; } .right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level { display: none; position: absolute; top: 50px; right: 55px; width: 195px; } .right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i { display: none; } .right-side-collapsed #page-wrapper { margin: 0 55px 0 0; } /* End Left Sidebar Collapsed */ .page-content { padding: 20px 20px 50px 20px; min-height: 700px; } #footer { position: fixed; width: 100%; bottom: 0px; padding: 15px 20px; background: #FFFFFF; } #theme-setting { position: fixed; right: -250px; top: 120px; padding: 10px 13px; background: #ffffff; border: 1px solid #e5e5e5; border-right: 0; width: 250px; z-index: 9999; -webkit-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } #theme-setting .btn-theme-setting { padding: 15px; background: #ffffff; position: absolute; z-index: 9999; left: -57px; border: 1px solid; border-color: #e5e5e5 transparent #e5e5e5 #e5e5e5; top: -1px; } #theme-setting .btn-theme-setting i { font-size: 30px; color: #94cc55; line-height: 25px; } #theme-setting .btn-theme-setting:hover, #theme-setting .btn-theme-setting:focus { color: #999999; outline: none; } #theme-setting .content-theme-setting ul#list-color li { cursor: pointer; width: 35px; height: 35px; border: 5px solid transparent; margin: 0 5px; } #theme-setting .content-theme-setting ul#list-color li.green-dark { background: #594857; border-color: #488c6c; } #theme-setting .content-theme-setting ul#list-color li.red-dark { background: #594857; border-color: #bf4346; } #theme-setting .content-theme-setting ul#list-color li.pink-dark { background: #594857; border-color: #bf3773; } #theme-setting .content-theme-setting ul#list-color li.blue-dark { background: #594857; border-color: #0a819c; } #theme-setting .content-theme-setting ul#list-color li.yellow-dark { background: #594857; border-color: #f2994b; } #theme-setting .content-theme-setting ul#list-color li.green-grey { background: #4b5d67; border-color: #488c6c; } #theme-setting .content-theme-setting ul#list-color li.red-grey { background: #4b5d67; border-color: #bf4346; } #theme-setting .content-theme-setting ul#list-color li.pink-grey { background: #4b5d67; border-color: #bf3773; } #theme-setting .content-theme-setting ul#list-color li.blue-grey { background: #4b5d67; border-color: #0a819c; } #theme-setting .content-theme-setting ul#list-color li.yellow-grey { background: #4b5d67; border-color: #f2994b; } #theme-setting .content-theme-setting ul#list-color li.yellow-green { background: #007451; border-color: #CCA32F; } #theme-setting .content-theme-setting ul#list-color li.orange-grey { background: #322F2B; border-color: #D94E37; } #theme-setting .content-theme-setting ul#list-color li.pink-blue { background: #40516F; border-color: #DC6767; } #theme-setting .content-theme-setting ul#list-color li.pink-violet { background: #554161; border-color: #E82A62; } #theme-setting .content-theme-setting ul#list-color li.orange-violet { background: #554161; border-color: #FF422B; } #theme-setting .content-theme-setting ul#list-color li.pink-green { background: #456445; border-color: #FF5E70; } #theme-setting .content-theme-setting ul#list-color li.pink-brown { background: #573F2F; border-color: #A21E46; } #theme-setting .content-theme-setting ul#list-color li.orange-blue { background: #33485C; border-color: #E74C3C; } #theme-setting .content-theme-setting ul#list-color li.yellow-blue { background: #417CB2; border-color: #FFC34C; } #theme-setting .content-theme-setting ul#list-color li.green-blue { background: #417CB2; border-color: #66B354; } /*panel stat*/ #sum_box .db { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #sum_box .icon { color: #999999; font-size: 55px; margin-top: 7px; margin-bottom: 0px; float: right; } #sum_box h4 { text-align: left; margin-top: 0px; font-size: 30px; margin-bottom: 0px; padding-bottom: 0px; } #sum_box h4 span:last-child { font-size: 25px; } #sum_box p.description { margin-top: 0px; opacity: .6; } #sum_box .db:hover { background: #40516f; color: #fff; } #sum_box .db:hover .icon { opacity: 1; color: #fff; } #sum_box .db:hover p.description { opacity: 1; } /*panel stat*/ /*user profile*/ .profile { display: inline-block; } .profile h2 { margin-top: 0; } .profile .divider { border-top: 1px solid rgba(0, 0, 0, 0.1); } figcaption.ratings { margin-top: 20px; } figcaption.ratings a { color: #f1c40f; font-size: 11px; } .emphasis { border-top: 4px solid transparent; padding-top: 15px; } .emphasis:hover { border-top: 4px solid #1abc9c; } .emphasis h2 { margin-bottom: 0; } /*user profile*/ /*to-do list*/ ul.todo-list { overflow: hidden; width: auto; height: 250px; padding: 0; } ul.todo-list li { background: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; padding: 13px; margin-bottom: 5px; cursor: move; list-style: none; } ul.todo-list li span.drag-drop { height: 17px; display: block; float: left; width: 7px; position: relative; top: 2px; } ul.todo-list li span.drag-drop i { height: 2px; width: 2px; display: block; background: #ccc; box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; -webkit-box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; -moz-box-shadow: 5px 0 0 0px #ccc,0px 5px 0 0px #ccc,5px 5px 0 0px #ccc,0px 10px 0 0px #ccc,5px 10px 0 0px #ccc,0px 15px 0 0px #ccc,5px 15px 0 0px #ccc; } ul.todo-list li .todo-check { margin-left: 10px; margin-right: 10px; } ul.todo-list li .todo-title { margin-right: 70px; } ul.todo-list li .todo-actions { position: absolute; right: 15px; top: 13px; } ul.todo-list li .todo-actions a i { color: #999999; margin: 0 5px; } ul.todo-list li .todo-actions a:hover i, ul.todo-list li .todo-actions a:focus i { color: #555555; } /*to-do list*/ /*chat form*/ ul.chats { margin: 0; padding: 0; } ul.chats li { list-style: none; margin: 30px auto; font-size: 12px; } ul.chats li:first-child { margin-top: 0; } ul.chats li img.avatar { width: 50px; height: 50px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.chats li .message { display: block; padding: 7px; position: relative; } ul.chats li .message .chat-datetime { font-style: italic; color: #888; font-size: 11px; } ul.chats li .message .chat-body { display: block; margin-top: 5px; } ul.chats li.in img.avatar { float: left; } ul.chats li.in .message { background: #fafbfc; margin-left: 65px; border-left: 3px solid #e5e5e5; border-radius: 4px; } .chats li.in .message .chat-arrow { display: block; position: absolute; top: 15px; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #e5e5e5; } ul.chats li.in .message a.chat-name { color: #dc6767; } ul.chats li.out img.avatar { float: right; } ul.chats li.out .message { background: #f3f3f3; margin-right: 65px; border-right: 3px solid #e5e5e5; text-align: right; border-radius: 4px; } ul.chats li.out .message .chat-arrow { display: block; position: absolute; top: 15px; right: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #e5e5e5; } ul.chats li.out .message a.chat-name { color: #dc6767; } ul.chats li.out .message a.chat-name, ul.chats li.out .message a.chat-datetime { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #f0f0f0; overflow: hidden; clear: both; } .chat-form #input-chat, .chat-form .input-group-btn .btn { border: 0; } .chat-form .input-group-btn:last-child > .btn, .chat-form .input-group-btn:last-child > .btn-group { margin-left: 0; } /*chat form*/ .row-icons { padding: 15px 0; margin: 0; } .row-icons [class*="col"] { margin-bottom: 20px; padding: 0; } .row-icons [class*="col"] a { line-height: 30px; display: inline-block; color: #999999; text-decoration: none; } .row-icons [class*="col"] a:hover i.fa:before { color: #e69090; } .row-icons [class*="col"] a:hover i.glyphicon:before { color: #e69090; } .row-icons [class*="col"] i.fa { vertical-align: middle; margin: 0 10px; width: 40px; } .row-icons [class*="col"] i:before { color: #dc6767; font-size: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .row-icons [class*="col"] span { padding-left: 20px; vertical-align: top; } .modal-full-width { width: 100%; } .modal-wide-width { width: 70%; } #error-page { background: #F0F2F5; text-align: center; position: relative; } #error-page #error-page-content { width: 480px; margin: 10% auto 0 auto; text-align: center; } #error-page #error-page-content h1 { font-family: 'oswald'; font-size: 150px; font-weight: bold; color: #dc6767; } #error-page #error-page-content p a { color: #dc6767; } #error-page #error-page-content p a:hover, #error-page #error-page-content p a:focus { text-decoration: underline; } #signin-page { background: url('https://swlabs.co/madmin/code/style2/images/bg/1.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } #signup-page { background: url('https://swlabs.co/madmin/code/style2/images/bg/2.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } #lock-screen-page { background: url('https://swlabs.co/madmin/code/style2/images/bg/3.jpg') center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } #lock-screen-page .page-form { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; } #lock-screen-page .page-form input { background-color: rgba(0, 0, 0, 0.3); border: 0; } .page-form { width: 650px; margin: 20% auto 0 auto; border-radius: 4px; } .page-form .input-icon i { margin-top: 12px; } .page-form input[type='text'], .page-form input[type='password'], .page-form input[type='email'], .page-form select { height: 40px; border-color: #e5e5e5; -webkit-box-shadow: none !important; box-shadow: none !important; color: #999999; } .page-form .header-content { padding: 15px 20px; background: #e9e9e9; border-top-left-radius: 4px; border-top-right-radius: 4px; } .page-form .header-content h1 { font-family: 'oswald'; font-size: 30px; font-weight: bold; text-align: center; margin: 0; text-transform: uppercase; } .page-form .body-content { padding: 15px 20px; position: relative; } .page-form .body-content .btn-twitter { background: #5bc0de; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-twitter i { margin-right: 5px; } .page-form .body-content .btn-twitter:hover, .page-form .body-content .btn-twitter:focus { color: #ffffff; } .page-form .body-content .btn-facebook { background: #418bca; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-facebook i { margin-right: 5px; } .page-form .body-content .btn-facebook:hover, .page-form .body-content .btn-facebook:focus { color: #ffffff; } .page-form .body-content .btn-google-plus { background: #dd4c39; margin-bottom: 10px; color: #ffffff; } .page-form .body-content .btn-google-plus i { margin-right: 5px; } .page-form .body-content .btn-google-plus:hover, .page-form .body-content .btn-google-plus:focus { color: #ffffff; } .page-form .body-content p a { color: #dc6767; } .page-form .body-content p a:hover, .page-form .body-content p a:focus { color: #777777; text-decoration: none; } .page-form .body-content .forget-password h4 { text-transform: uppercase; font-size: 16px; } .page-form .body-content hr { border-color: #e0e0e0; } .page-form .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .page-form .rating.state-error + em { margin-top: -4px; margin-bottom: 4px; } .page-form .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .page-form .state-error input, .page-form .state-error select { background: #f2dede; } .page-form .state-success input, .page-form .state-success select { background: #dff0d8; } .page-form .note-success { color: #5cb85c; } .page-form label { font-weight: normal; margin-bottom: 0; } #lock-screen-page .page-form { margin-top: 15%; text-align: center; } #lock-screen-page .page-form h1 { margin: 0; font-family: 'Oswald'; } #lock-screen-avatar { top: -78px; left: 50%; margin-left: -74px; position: absolute; display: inline-block; } #lock-screen-avatar img { border: 10px solid #eeeeee; } #lock-screen-info { margin-top: 60px; } @media only screen and (max-width: 480px) { .page-form { width: 280px; } #lock-screen-page .page-form { margin-top: 35%; } } canvas { width: 100% !important; max-width: 800px; height: auto !important; } .timeline-centered { position: relative; margin-bottom: 30px; } .timeline-centered.timeline-sm .timeline-entry { margin-bottom: 20px !important; } .timeline-centered.timeline-sm .timeline-entry .timeline-entry-inner .timeline-label { padding: 1em; } .timeline-centered:before, .timeline-centered:after { content: " "; display: table; } .timeline-centered:after { clear: both; } .timeline-centered:before { content: ''; position: absolute; display: block; width: 7px; background: #ffffff; left: 50%; top: 20px; bottom: 20px; margin-left: -4px; } .timeline-centered .timeline-entry { position: relative; width: 50%; float: right; margin-bottom: 70px; clear: both; } .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after { content: " "; display: table; } .timeline-centered .timeline-entry:after { clear: both; } .timeline-centered .timeline-entry.begin { margin-bottom: 0; } .timeline-centered .timeline-entry.left-aligned { float: left; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left: 0; margin-right: -28px; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left: auto; right: -115px; text-align: left; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float: right; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left: 0; margin-right: 85px; } .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left: auto; right: 0; margin-left: 0; margin-right: -9px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .timeline-centered .timeline-entry .timeline-entry-inner { position: relative; margin-left: -31px; } .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position: absolute; left: -115px; text-align: right; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span { display: block; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child { font-size: 18px; font-weight: bold; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child { font-size: 12px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: #fff; color: #999999; display: block; width: 60px; height: 60px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; border-radius: 50%; text-align: center; border: 7px solid #ffffff; line-height: 45px; font-size: 15px; float: left; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary { background-color: #dc6767; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success { background-color: #5cb85c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info { background-color: #5bc0de; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning { background-color: #f0ad4e; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger { background-color: #d9534f; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-red { background-color: #bf4346; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-green { background-color: #488c6c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-blue { background-color: #0a819c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-yellow { background-color: #f2994b; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-orange { background-color: #e9662c; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-pink { background-color: #bf3773; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-violet { background-color: #9351ad; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-grey { background-color: #4b5d67; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-dark { background-color: #594857; color: #fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background: #ffffff; padding: 1.7em; margin-left: 85px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red { background: #bf4346; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red:after { border-color: transparent #bf4346 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green { background: #488c6c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green:after { border-color: transparent #488c6c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange { background: #e9662c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange:after { border-color: transparent #e9662c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow { background: #f2994b; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow:after { border-color: transparent #f2994b transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue { background: #0a819c; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue:after { border-color: transparent #0a819c transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink { background: #bf3773; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink:after { border-color: transparent #bf3773 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet { background: #9351ad; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet:after { border-color: transparent #9351ad transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey { background: #4b5d67; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey:after { border-color: transparent #4b5d67 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark { background: #594857; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark:after { border-color: transparent #594857 transparent transparent; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark p { color: #ffffff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #ffffff transparent transparent; left: 0; top: 20px; margin-left: -9px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color: #999999; margin: 0; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p { margin-top: 15px; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title { margin-bottom: 10px; font-family: 'Oswald'; font-weight: bold; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title span { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img { margin: 5px 10px 0 0; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img.pull-right { margin: 5px 0 0 10px; } .panel-group .panel .panel { margin-bottom: 15px; } .panel-group .panel .panel-title { font-size: 17px; font-weight: 400; } .panel-group .panel .panel-title .accordion-toggle { padding: 7px 0px; } .tab-content.tab-edit { background: transparent; border: 0px; } ul.nav.nav-tabs { border-bottom: 5px solid #fff !important; } ul.nav.nav-tabs li { margin-bottom: 10px; } ul.nav.nav-tabs li a { border: 0px; background: none; padding: 10px 20px; } ul.nav.nav-tabs li.active a { background: #dc6767; color: #fff; border: 0px; } .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #fff; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 44%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); background: #fff; } .timeline > li > .timeline-panel.primary { background: #2e6da4; color: #fff; } .timeline > li > .timeline-panel.primary:after { border-left: 14px solid #2e6da4 ; border-right: 0 solid #2e6da4 ; } .timeline > li > .timeline-panel.success { background: #3f903f; color: #fff; } .timeline > li > .timeline-panel.success:after { border-left: 14px solid #3f903f ; border-right: 0 solid #3f903f ; } .timeline > li > .timeline-panel.warning { background: #f0ad4e; color: #fff; } .timeline > li > .timeline-panel.warning:after { border-left: 14px solid #f0ad4e ; border-right: 0 solid #f0ad4e ; } .timeline > li > .timeline-panel.danger { background: #d9534f; color: #fff; } .timeline > li > .timeline-panel.danger:after { border-left: 14px solid #d9534f ; border-right: 0 solid #d9534f ; } .timeline > li > .timeline-panel.info { background: #5bc0de; color: #fff; } .timeline > li > .timeline-panel.info:after { border-left: 14px solid #5bc0de ; border-right: 0 solid #5bc0de ; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 35px; font-size: 2.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border: 2px solid #fff; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul li:not(.timeline-inverted) .timeline-panel:after { border-left: 0px !important; } ul li:not(.timeline-inverted) .timeline-panel.primary:before { border-right: 15px solid #2e6da4; } ul li:not(.timeline-inverted) .timeline-panel.danger:before { border-right: 15px solid #d9534f; } ul.timeline > li > .timeline-panel { width: calc(80%); width: -moz-calc(80%); width: -webkit-calc(80%); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } #one-column .message-item { margin-bottom: 25px; margin-left: 40px; position: relative; } #one-column .message-item .message-inner { background: #fff; border: 1px solid #ddd; border-radius: 0px; padding: 10px; position: relative; } #one-column .message-item .message-inner:before { border-right: 10px solid #ddd; border-style: solid; border-width: 10px; color: rgba(0, 0, 0, 0); content: ""; display: block; height: 0; position: absolute; left: -20px; top: 6px; width: 0; } #one-column .message-item .message-inner:after { border-right: 10px solid #fff; border-style: solid; border-width: 10px; color: rgba(0, 0, 0, 0); content: ""; display: block; height: 0; position: absolute; left: -18px; top: 6px; width: 0; } #one-column .message-item:before { background: #fff; border-radius: 2px; bottom: -30px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: -30px; position: absolute; width: 3px; } #one-column .message-item:after { background: #fff; border: 2px solid #ccc; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); content: ""; height: 15px; left: -36px; position: absolute; top: 10px; width: 15px; } #one-column .clearfix:before, #one-column .clearfix:after { content: " "; display: table; } #one-column .message-item .message-head { border-bottom: 1px solid #eee; margin-bottom: 8px; padding-bottom: 8px; } #one-column .message-item .message-head .avatar { margin-right: 20px; } #one-column .message-item .message-head .user-detail { overflow: hidden; } #one-column .message-item .message-head .user-detail h5 { font-size: 16px; font-weight: bold; margin: 0; } #one-column .message-item .message-head .post-meta { float: left; padding: 0 15px 0 0; } #one-column .message-item .message-head .post-meta > div { color: #333; font-weight: bold; text-align: right; } #one-column .post-meta > div { color: #777; font-size: 12px; line-height: 22px; } #one-column .message-item .message-head .post-meta > div { color: #333; font-weight: bold; text-align: right; } #one-column .post-meta > div { color: #777; font-size: 12px; line-height: 22px; } #one-column .avatar img { min-height: 40px; max-height: 40px; } #one-column .post-meta .qa-message-who-pad { margin-left: 10px; } #one-column .message-item.blue:after { background: #0a819c; } #one-column .message-item.blue .message-inner { border-color: #0a819c; } #one-column .message-item.blue .message-inner:before { border-right-color: #0a819c; } #one-column .message-item.red:after { background: #bf4346; } #one-column .message-item.red .message-inner { border-color: #bf4346; } #one-column .message-item.red .message-inner:before { border-right-color: #bf4346; } #one-column .message-item.green:after { background: #488c6c; } #one-column .message-item.green .message-inner { border-color: #488c6c; } #one-column .message-item.green .message-inner:before { border-right-color: #488c6c; } #one-column .message-item.orange:after { background: #e9662c; } #one-column .message-item.orange .message-inner { border-color: #e9662c; } #one-column .message-item.orange .message-inner:before { border-right-color: #e9662c; } #one-column .message-item.pink:after { background: #bf3773; } #one-column .message-item.pink .message-inner { border-color: #bf3773; } #one-column .message-item.pink .message-inner:before { border-right-color: #bf3773; } #one-column .message-item.violet:after { background: #9351ad; } #one-column .message-item.violet .message-inner { border-color: #9351ad; } #one-column .message-item.violet .message-inner:before { border-right-color: #9351ad; } .blog-page h1 { margin-bottom: 20px; } .blog-page .blog-articles { padding-bottom: 20px; } .blog-page .blog-articles .blog-img { margin-bottom: 10px; } .blog-page .blog-articles .blog-img img { margin-bottom: 12px; } .blog-page .blog-articles .blog-img ul { margin-bottom: 5px; margin-left: 0; } .blog-page .blog-articles .blog-img ul li { padding: 0; } .blog-page .blog-articles .blog-img ul li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles .blog-img ul li a { margin-right: 8px; text-decoration: none; } .blog-page .blog-articles .blog-img ul.blog-date li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles .blog-img ul.blog-date li a { color: #999999; } .blog-page .blog-articles .blog-article { padding-bottom: 20px; } .blog-page .blog-articles .blog-article h3 { margin-top: 0; } .blog-page .blog-articles ul.blog-tags { margin-bottom: 5px; margin-left: 0; } .blog-page .blog-articles ul.blog-tags li { padding: 0; } .blog-page .blog-articles ul.blog-tags li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles ul.blog-tags li a { margin-right: 8px; text-decoration: none; } .blog-page .blog-articles ul.blog-date li i { color: #dc6767; margin-right: 3px; } .blog-page .blog-articles ul.blog-date li a { color: #999999; } .blog-page .blog-sidebar ul li a { color: #999999; } .blog-page .blog-sidebar .blog-images li a img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-page .blog-sidebar .blog-images li a img:hover { opacity: 1; } .blog-page .blog-sidebar .sidebar-tags li { padding: 0; } .blog-page .blog-sidebar .sidebar-tags li a { color: #ffffff; margin: 0 2px 5px 0; display: inline-block; } .blog-page hr { margin-bottom: 40px; } .blog-page h4.media-heading span { font-size: 12px; } .blog-page .media .media-body hr { margin-bottom: 20px; } #external-events .external-event { display: inline-block; cursor: move; margin-bottom: 5px; margin-right: 5px; } .gallery-pages .list-filter { margin-top: 10px; margin-bottom: 20px; } .gallery-pages .list-filter li { cursor: pointer; padding: 6px 15px; margin-right: 5px; margin-bottom: 5px; background: #eee; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .gallery-pages .list-filter li.active, .gallery-pages .list-filter li:hover, .gallery-pages .list-filter li:focus { background: #dc6767; color: #ffffff; } .gallery-pages .mix-grid .mix { display: none; position: relative; overflow: hidden; margin-bottom: 15px; } .gallery-pages .mix-grid .mix .hover-effect { position: relative; border: 0; width: 100%; height: 100%; box-shadow: none; overflow: hidden; } .gallery-pages .mix-grid .mix .hover-effect .img { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gallery-pages .mix-grid .mix .hover-effect .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(26, 74, 114, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .gallery-pages .mix-grid .mix .hover-effect .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 16px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .gallery-pages .mix-grid .mix .hover-effect .info p { font-style: italic; font-size: 12px; position: relative; color: #e0e0e0; padding: 20px 20px 20px; text-align: center; } .gallery-pages .mix-grid .mix .hover-effect .info a.mix-link { color: #fff; text-align: center; padding: 10px 15px; background: #dc6767; margin: 20px 10px 20px 0; display: inline-block; } .gallery-pages .mix-grid .mix .hover-effect .info a.mix-zoom { color: #fff; text-align: center; padding: 10px 15px; background: #dc6767; margin: 20px 10px 20px 0; display: inline-block; } .gallery-pages .mix-grid .mix .hover-effect:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .gallery-pages .mix-grid .mix .hover-effect:hover .info { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mail-content { overflow-x: hidden; overflow-y: auto; height: 657px; } .mail-content .mail-sender { width: 100%; display: inline-block; margin: 0 0 20px 0; border-bottom: 1px solid #EFF2F7; padding: 10px 0; } .mail-content .mail-sender .date { line-height: 30px; margin-bottom: 0; text-align: right; } .mail-content .mail-view { margin-bottom: 25px; } .mail-content .mail-attachment ul { padding: 0; } .mail-content .mail-attachment ul li { float: left; width: 100px; margin-right: 15px; margin-top: 15px; list-style: none; } .mail-content .mail-attachment ul li:hover { background: #f7f8f9; } .mail-content .mail-attachment ul li a { color: #999999; } .mail-content .mail-attachment ul li .thumb-attach img { width: 100px; height: auto; margin-bottom: 10px; } .mail-content .mail-attachment ul li .link { color: #dc6767; } #invoice-page .panel { border-radius: 0; } #invoice-page .panel .panel-body { padding: 30px; } #invoice-page .panel .panel-body .invoice-title { float: right; text-align: right; } #invoice-page .panel .panel-body .invoice-title h2 { margin-top: 0; } #invoice-page .panel .panel-body .logo { font-family: 'Oswald'; font-weight: bold; margin-top: 0; } #invoice-page .panel .panel-body hr { margin: 30px 0; } .box-placeholder { margin-bottom: 15px; padding: 20px; border: 1px solid #e5e5e5; background: #ffffff; color: #444; } .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d9534f; } .state-success + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #5cb85c; } .state-error input, .state-error select { background: #f2dede; } .state-success input, .state-success select { background: #dff0d8; } .note-success { color: #5cb85c; } .radio-inline, .checkbox-inline, .checkbox, .radio { padding-left: 0; margin: 0; } .checkbox label, .radio label { cursor: pointer; margin-right: 10px; margin-bottom: 0; } .form-horizontal.form-bordered .radio, .form-horizontal.form-bordered .checkbox, .form-horizontal.form-bordered .radio-inline, .form-horizontal.form-bordered .checkbox-inline { padding-top: 0; } .social-icons li a { border: 1px solid #999999; border-radius: 50%; color: #999999; padding: 10px; } .social-icons li a:hover, .social-icons li a:focus { border-color: #dc6767; background: #dc6767; color: #ffffff; } .member-team { background-color: #f9f9f9; float: left; padding: 5px; margin-bottom: 10px; max-width: 100%; } .member-team h3 { margin-top: 10px; } .member-team h3 small { color: #ababab; display: block; margin-top: 5px; font-size: 13px; } #faq .panel-group .panel { margin-bottom: 10px; } #faq .panel-group .panel .panel-heading { font-size: 14px; padding-top: 0; padding-bottom: 0; } #faq .panel-group .panel .panel-heading a { color: #999999; } #faq .panel-group .panel .panel-heading a strong { margin-right: 10px; } #faq .panel-group .panel .panel-heading:hover, #faq .panel-group .panel .panel-heading:focus { background: #e5e5e5; } #faq .panel-group .panel .panel-body strong:first-child { margin-right: 10px; } .accordion-toggle { display: block; line-height: 22px; padding: 10px 0; position: relative; } .row .row-merge { margin: 0; } .row .row-merge [class*=col-] { padding: 0; } .row .row-merge [class*=col-] .pricing-widget { position: relative; border: 0; cursor: pointer; margin: 20px 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; } .row .row-merge [class*=col-] .pricing-widget .pricing-head { background: #5cb85c; padding: 6px 20px; font-size: 18px; text-align: center; color: #ffffff; } .row .row-merge [class*=col-] .pricing-widget .pricing-body { background: #fff; } .row .row-merge [class*=col-] .pricing-widget .pricing-cost { background: #4cae4c; text-align: center; padding: 20px; border-bottom: 1px solid #efefef; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; font-size: 18px; color: #ffffff; min-height: 125px; } .row .row-merge [class*=col-] .pricing-widget .pricing-cost strong { font-size: 30px; } .row .row-merge [class*=col-] .pricing-widget .pricing-list { list-style: none; padding: 0; margin: 0; } .row .row-merge [class*=col-] .pricing-widget .pricing-list li { padding: 10px; border-bottom: 1px solid #efefef; } .row .row-merge [class*=col-] .pricing-widget .pricing-list li:last-child { min-height: 84px; padding-top: 30px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: none; } .row .row-merge [class*=col-] .pricing-widget:not(.pricing-title).active, .row .row-merge [class*=col-] .pricing-widget:not(.pricing-title):hover { -webkit-box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; } .row .row-merge [class*=col-] .pricing-widget.active { z-index: 2; } .ribbon-wrapper { position: absolute; width: 75px; height: 75px; overflow: hidden; top: -1px; right: 14px; } .ribbon-wrapper .ribbon-inner { display: block; position: relative; padding: 5px 0; color: #fff; background-color: #bf4346; font-size: 13px; line-height: 17px; text-align: center; width: 107px; top: 11px; left: -5px; text-shadow: 0 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .the-price { padding: 20px; margin: 0; } .the-price h1 { margin-bottom: 0; } .the-price .subscript { font-size: 14px; } #faq .panel { border: 0; } #totop { position: fixed; bottom: 6%; right: 1.5%; display: none; z-index: 9999; background: transparent; border: 3px solid #3C3C3C; border-radius: 50%; height: 50px; width: 50px; text-align: center; } #totop i { color: #3C3C3C; line-height: 43px; font-size: 33px; } #totop:hover { background: #3C3C3C; } #totop:hover i { color: #ffffff; } .option-demo { position: relative; } .demo-layout { background-color: #ffffff; padding: 5px 15px; position: absolute; top: -30px; left: 0; z-index: 9999; border: 1px solid #e5e5e5; cursor: pointer; } #sidebar-hover #topbar .navbar-header { width: 160px; } #sidebar-hover #wrapper #page-wrapper { margin-left: 160px; } #sidebar-hover #wrapper #sidebar { width: 160px; } #sidebar-hover #wrapper #sidebar ul.menu-hover { width: 160px; position: absolute; top: 50px; display: block; -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li.active a { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a { background-color: #40516f; color: #FFFFFF; padding: 15px; position: relative; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a span.menu-title { margin-left: 10px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a:after { content: ''; border: 0; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li a:hover { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu { -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li:first-child > a:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #d44646 transparent transparent; left: -8px; top: 50%; margin-top: -8px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li a { background-color: #d44646; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li a:hover { opacity: 0.95; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu { -webkit-box-shadow: none !important; box-shadow: none !important; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li:first-child > a:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #de6f6f transparent transparent; left: -8px; top: 50%; margin-top: -8px; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a { background-color: #de6f6f; } #sidebar-hover #wrapper #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a:hover { opacity: 0.95; } #sidebar-hover .dropdown-submenu > .dropdown-menu { margin-left: 0; } .mail-box { margin-bottom: 0; } .mail-box .list-group-item:nth-child(odd) { background-color: #f8f8f8; } .mail-box .list-group-item { border: 0; } .mail-box .list-group-item:hover { color: #999999; } .mail-box .list-group-item .time-badge { float: right; font-style: italic; color: #999999; } .mail-box .list-group-item.active, .mail-box .list-group-item:hover, .mail-box .list-group-item:focus { background-color: #ffc !important; color: #999999 !important; } .bg-primary { background-color: #dc6767; color: #fff; } .bg-success { background-color: #5cb85c; color: #fff; } .bg-info { background-color: #5bc0de; color: #fff; } .bg-warning { background-color: #f0ad4e; color: #fff; } .bg-danger { background-color: #d9534f; color: #fff; } .bg-red { background-color: #bf4346; color: #fff; } .bg-green { background-color: #488c6c; color: #fff; } .bg-blue { background-color: #0a819c; color: #fff; } .bg-yellow { background-color: #f2994b; color: #fff; } .bg-orange { background-color: #e9662c; color: #fff; } .bg-pink { background-color: #bf3773; color: #fff; } .bg-violet { background-color: #9351ad; color: #fff; } .bg-grey { background-color: #4b5d67; color: #fff; } .bg-dark { background-color: #594857; color: #fff; } body.sidebar-colors #wrapper { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li { border-bottom: 1px solid #e5e5e5; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a { background-color: #f8f8f8; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i:before, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i:before { color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.active a i .icon-bg, body.sidebar-colors #wrapper #sidebar ul#side-menu li:hover a i .icon-bg { left: 0; } body.sidebar-colors #wrapper #sidebar ul#side-menu li.user-panel { display: none; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a { color: #999999; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a:hover, body.sidebar-colors #wrapper #sidebar ul#side-menu li a:focus { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i { position: relative; display: block; float: left; width: 50px; height: 50px; line-height: 50px; border-right: 1px solid #e5e5e5; text-align: center; margin: -16px 10px -16px -15px; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i:before { position: relative; z-index: 1; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a i .icon-bg { display: block; position: absolute; z-index: 12; z-index: 0; left: -47px; width: 100%; top: 0; bottom: 0; -webkit-transition: left 0.15s ease-in-out; transition: left 0.15s ease-in-out; } body.sidebar-colors #wrapper #sidebar ul#side-menu li a .arrow { display: none; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:first-child, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:first-child { border-top: 1px solid #e5e5e5; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:last-child, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:last-child { border-bottom: 0; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li.active > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li.active > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li:hover > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li:hover > a { background-color: #FFFFFF; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a { padding: 15px; background-color: #f1f1f1; } body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-second-level li > a i:before, body.sidebar-colors #wrapper #sidebar ul#side-menu li ul.nav-third-level li > a i:before { color: #999999; } body.sidebar-colors #wrapper #page-wrapper { border-left: 2px solid #e5e5e5; } body.sidebar-icons #topbar .navbar-header { width: 105px; } body.sidebar-icons #topbar .navbar-header .logo-text { display: none !important; } body.sidebar-icons #topbar .navbar-header .logo-text-icon { display: block !important; font-weight: bold; font-family: 'Oswald', sans-serif; font-size: 30px; } body.sidebar-icons #wrapper #sidebar { width: 105px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li.user-panel { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li:hover ul.nav-second-level { display: block; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a { padding: 15px 10px; text-align: center; display: block; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:hover, body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:focus { background-color: transparent; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a span.menu-title { display: block; margin-top: 8px; margin-left: 0; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a i.fa { font-size: 25px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .arrow, body.sidebar-icons #wrapper #sidebar ul#side-menu > li a .label { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level { display: none; position: absolute; top: 0px; left: 105px; width: 195px; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a { text-align: left; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:hover, body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:focus { background-color: #dc6767; color: #FFFFFF; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a i { display: none; } body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li:first-child:before { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #37455f; content: ""; position: absolute; top: 50%; margin-top: -9px; left: -9px; z-index: 5; } body.sidebar-icons #wrapper #page-wrapper { margin-left: 105px; } .last-col { overflow: hidden !important; } .pdn { padding: 0 !important; } .pdx { padding: 3px; } .pdm { padding: 10px; } .pdl { padding: 20px; } .pdxl { padding: 30px; } .pdxxl { padding: 40px; } .ptn, .pvn, .pan { padding-top: 0 !important; } .ptx, .pvx, .pax { padding-top: 3px !important; } .pts, .pvs, .pas { padding-top: 5px !important; } .ptm, .pvm, .pam { padding-top: 10px !important; } .ptl, .pvl, .pal { padding-top: 20px !important; } .ptxl, .pvxl, .paxl { padding-top: 30px !important; } .ptxxl, .pvxxl, .paxxl { padding-top: 40px !important; } .prn, .phn, .pan { padding-right: 0 !important; } .prx, .phx, .pax { padding-right: 3px !important; } .prs, .phs, .pas { padding-right: 5px !important; } .prm, .phm, .pam { padding-right: 10px !important; } .prl, .phl, .pal { padding-right: 20px !important; } .prxl, .phxl, .paxl { padding-right: 30px !important; } .prxxl, .phxxl, .paxxl { padding-right: 40px !important; } .pbn, .pvn, .pan { padding-bottom: 0 !important; } .pbx, .pvx, .pax { padding-bottom: 3px !important; } .pbs, .pvs, .pas { padding-bottom: 5px !important; } .pbm, .pvm, .pam { padding-bottom: 10px !important; } .pbl, .pvl, .pal { padding-bottom: 20px !important; } .pbxl, .pvxl, .paxl { padding-bottom: 30px !important; } .pbxxl, .pvxxl, .paxxl { padding-bottom: 40px !important; } .pln, .phn, .pan { padding-left: 0 !important; } .plx, .phx, .pax { padding-left: 3px !important; } .pls, .phs, .pas { padding-left: 5px !important; } .plm, .phm, .pam { padding-left: 10px !important; } .pll, .phl, .pal { padding-left: 20px !important; } .plxl, .phxl, .paxl { padding-left: 30px !important; } .plxxl, .phxxl, .paxxl { padding-left: 40px !important; } .mtn, .mvn, .man { margin-top: 0px !important; } .mtx, .mvx, .max { margin-top: 3px !important; } .mts, .mvs, .mas { margin-top: 5px !important; } .mtm, .mvm, .mam { margin-top: 10px !important; } .mtl, .mvl, .mal { margin-top: 20px !important; } .mtxl, .mvxl, .maxl { margin-top: 30px !important; } .mtxxl, .mvxxl, .maxxl { margin-top: 40px !important; } .mrn, .mhn, .man { margin-right: 0px !important; } .mrx, .mhx, .max { margin-right: 3px !important; } .mrs, .mhs, .mas { margin-right: 5px !important; } .mrm, .mhm, .mam { margin-right: 10px !important; } .mrl, .mhl, .mal { margin-right: 20px !important; } .mrxl, .mhxl, .maxl { margin-right: 30px !important; } .mrxxl, .mhxxl, .maxxl { margin-right: 40px !important; } .mbn, .mvn, .man { margin-bottom: 0px !important; } .mbx, .mvx, .max { margin-bottom: 3px !important; } .mbs, .mvs, .mas { margin-bottom: 5px !important; } .mbm, .mvm, .mam { margin-bottom: 10px !important; } .mbl, .mvl, .mal { margin-bottom: 20px !important; } .mbxl, .mvxl, .maxl { margin-bottom: 30px !important; } .mbxxl, .mvxxl, .maxxl { margin-bottom: 40px !important; } .mln, .mhn, .man { margin-left: 0px !important; } .mlx, .mhx, .max { margin-left: 3px !important; } .mls, .mhs, .mas { margin-left: 5px !important; } .mlm, .mhm, .mam { margin-left: 10px !important; } .mll, .mhl, .mal { margin-left: 20px !important; } .mlxl, .mhxl, .maxl { margin-left: 30px !important; } .mlxxl, .mhxxl, .maxxl { margin-left: 40px !important; } .pace .pace-progress { background-color: #dc6767; } .legendColorBox { padding: 3px 0; } .legendColorBox div { border-radius: 50%; margin-right: 5px; } .legendColorBox div div { margin-right: 0; } .ui-state-default { border: 0; background: #dc6767; color: #ffffff; } .ui-widget-content { background: #ffffff; border: 1px solid #e5e5e5; } .ui-widget-content .ui-state-default { border: 0; background: #dc6767; color: #ffffff; cursor: pointer; } .ui-widget-content .ui-state-default:hover, .ui-widget-content .ui-state-default:focus { background: #d75252; } .ui-widget-header { background: #dc6767; } .ui-widget-header .ui-state-default { border: 0; background: #dc6767; color: #ffffff; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 2em; height: 2em; border-radius: 50%; border: 3px solid #fefefe; } .ui-slider.ui-slider-horizontal .ui-slider-handle { top: -0.9em; } .ui-slider.ui-slider-vertical .ui-slider-handle { left: -0.85em; } #slider-multi span { height: 120px; float: left; margin: 20px; } .ui-slider-horizontal { height: 0.45em; } .ui-slider-vertical { width: 0.45em; } .example-val:before { content: "Value: "; font-weight: bold; } .irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider { background: #E5E5E5; } .irs-slider { width: 1.5em; height: 1.5em; top: 19px; border: 1px solid #fefefe; background: #777; border-radius: 50%; } .irs-diapason { background: #dc6767; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 8px; top: 25px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-diapason { height: 8px; top: 25px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0, 0, 0, 0.1); } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 3px; background: rgba(0, 0, 0, 0.3); } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid-pol { background: #999999; } .irs-grid-text { color: #999999; } .jquery-notific8-message { font-size: 13px; } [class*="jquery-notific8"], [class*="jquery-notific8"]:after, [class*="jquery-notific8"]:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .right .jquery-notific8-close-sticky span, .left .jquery-notific8-close-sticky span { font-size: 10px; } .jquery-notific8-heading { font-weight: 300; font-size: 16px; } .colors { clear: both; padding: 24px 0 9px; } .skin-line .colors { padding-top: 28px; } .colors strong { float: left; line-height: 20px; margin-right: 20px; } .colors li { position: relative; float: left; width: 16px; height: 16px; margin: 2px 1px 0 0; background: #000; cursor: pointer; filter: alpha(opacity=50); opacity: .5; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .colors li:hover { filter: alpha(opacity=100); opacity: 1; } .colors li.active { height: 20px; margin-top: 0; filter: alpha(opacity=75); opacity: 0.75; } .colors li.red { background: #d54e21; } .colors li.green { background: #78a300; } .colors li.blue { background: #0e76a8; } .colors li.aero { background: #9cc2cb; } .colors li.grey { background: #73716e; } .colors li.orange { background: #ff7700; } .colors li.yellow { background: #ffcc00; } .colors li.pink { background: #ff66b5; } .colors li.purple { background: #6a5a8c; } .sticky-header { z-index: 999; } .slimScrollDiv { float: left; } .slimScrollRail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .table tbody tr.calendar-month-header:first-child th { border-top: 0; background: #dc6767; color: #ffffff; padding: 12px 0; } .table tbody tr.calendar-month-header:first-child th .calendar-month-navigation { padding-top: 0; } .table tbody tr.calendar-month-header:first-child th span { padding-bottom: 0; } .table tbody tr td { border-top: 1px solid #efefef; } .ticker-wrapper.has-js { margin: 0; padding: 0; float: left; background: transparent; font-size: 13px; } .ticker { display: block; position: relative; overflow: hidden; background: transparent; margin: 0; padding: 0; } .ticker-title { background-color: transparent; } .ticker-content { color: #ffffff; background: transparent; font-weight: normal; padding-top: 8px; } .ticker-content a { color: #999999; } .ticker-content a:hover, .ticker-content a:focus { color: #999999; text-decoration: none; } .ticker-swipe { width: 100%; height: 42px; background: #1E1E1E; } .ticker-swipe span { margin-left: 1px; background-color: transparent; border-bottom: 3px solid #999999; height: 21px; width: 7px; display: block; } .news-update-box { float: left; padding: 9px 20px; line-height: 30px; } .introjs-helperLayer { background-color: rgba(255, 255, 255, 0.5); } .introjs-fixParent { z-index: auto !important; opacity: 1.0 !important; position: absolute !important; } .introjs-helperNumberLayer { line-height: 13px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #999999; box-shadow: none; outline: 0 none; } a:focus, .btn:focus { outline: 0 !important; } .img-circle { border-radius: 50% !important; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; } .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 3px solid #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .note h1, .note h2, .note h3, .note h4 { margin-top: 0; } .note p:last-child { margin-bottom: 0; } .note code, .note .highlight { background-color: #fff; } .note-success { border-color: #5cb85c; background: #dff0d8; } .note-success .box-heading { color: #5cb85c; } .note-warning { border-color: #f0ad4e; background: #fcf8e3; } .note-warning .box-heading { color: #f0ad4e; } .note-info { border-color: #5bc0de; background: #d9edf7; } .note-info .box-heading { color: #5bc0de; } .note-danger { border-color: #d9534f; background: #f2dede; } .note-danger .box-heading { color: #d9534f; } .pagination { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination li a { border-color: #e5e5e5; } .pagination li span { border-right: #e5e5e5; } .pagination li.active a { border-color: #dc6767; } .pagination li.active span { border-color: #dc6767; } .pagination li:first-child a { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pagination li:first-child span { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pagination li:last-child a { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .pagination li:last-child span { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .badge { font-size: 11px !important; font-weight: 300; height: 18px; padding: 3px 6px 3px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; background-color: #bcbcbc; } .label { font-size: 11px; font-weight: 300; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .badge-default, .label-default { background-color: #999 !important; } .badge-primary, .label-primary { background-color: #dc6767 !important; } .badge-red, .label-red { background-color: #bf4346 !important; } .badge-orange, .label-orange { background-color: #e9662c !important; } .badge-green, .label-green { background-color: #488c6c !important; } .badge-yellow, .label-yellow { background-color: #f2994b !important; } .badge-blue, .label-blue { background-color: #0a819c !important; } .badge-violet, .label-violet { background-color: #9351ad !important; } .badge-pink, .label-pink { background-color: #bf3773 !important; } .badge-grey, .label-grey { background-color: #4b5d67 !important; } .badge-dark, .label-dark { background-color: #594857 !important; } .label-success, .badge-success { background-color: #5cb85c; background-image: none !important; } .label-warning, .badge-warning { background-color: #f0ad4e; background-image: none !important; } .label-danger, .badge-danger { background-color: #d9534f; background-image: none !important; } .label-info, .badge-info { background-color: #5bc0de; background-image: none !important; } .nav.nav-pills > li > a > .badge { margin-top: -2px; } .nav.nav-stacked > li > a > .badge { margin-top: 1px; margin-bottom: 0px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #dc6767; } .pagination li.active a { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li.active a:hover, .pagination li.active a:focus { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li.active span { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li.active span:hover, .pagination li.active span:focus { color: #FFFFFF; background: #dc6767; z-index: 2; cursor: default; } .pagination li a { color: #dc6767; } .panel { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 5px solid #e5e5e5; border-radius: 0 !important; box-shadow: none !important; } .panel > .panel-heading { font-size: 18px; padding: 7px 15px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-color: #e5e5e5 !important; } .panel > .panel-footer { font-size: 18px; padding: 7px 15px; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .panel.panel-primary { border-color: #dc6767; } .panel.panel-primary > .panel-heading { color: #FFFFFF; background: #dc6767; border-color: #dc6767 !important; } .panel.panel-primary > .panel-footer { color: #FFFFFF; background: #dc6767; border-color: #dc6767 !important; } .panel.panel-red { border-color: #bf4346; } .panel.panel-red > .panel-heading { color: #FFFFFF; background: #bf4346; border-color: #bf4346 !important; } .panel.panel-red > .panel-footer { color: #FFFFFF; background: #bf4346; border-color: #bf4346 !important; } .panel.panel-orange { border-color: #e9662c; } .panel.panel-orange > .panel-heading { color: #FFFFFF; background: #e9662c; border-color: #e9662c !important; } .panel.panel-orange > .panel-footer { color: #FFFFFF; background: #e9662c; border-color: #e9662c !important; } .panel.panel-green { border-color: #488c6c; } .panel.panel-green > .panel-heading { color: #FFFFFF; background: #488c6c; border-color: #488c6c !important; } .panel.panel-green > .panel-footer { color: #FFFFFF; background: #488c6c; border-color: #488c6c !important; } .panel.panel-yellow { border-color: #f2994b; } .panel.panel-yellow > .panel-heading { color: #FFFFFF; background: #f2994b; border-color: #f2994b !important; } .panel.panel-yellow > .panel-footer { color: #FFFFFF; background: #f2994b; border-color: #f2994b !important; } .panel.panel-blue { background: #f2f5f6; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f6 0%,#c8d7dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ border-color: #d8d8d8; } .panel.panel-blue > .panel-heading { color: #FFFFFF; background: #0a819c; border-color: #0a819c !important; } .panel.panel-blue > .panel-footer { color: #FFFFFF; background: #0a819c; border-color: #0a819c !important; } .panel.panel-pink { border-color: #bf3773; } .panel.panel-pink > .panel-heading { color: #FFFFFF; background: #bf3773; border-color: #bf3773 !important; } .panel.panel-pink > .panel-footer { color: #FFFFFF; background: #bf3773; border-color: #bf3773 !important; } .panel.panel-violet { border-color: #9351ad; } .panel.panel-violet > .panel-heading { color: #FFFFFF; background: #9351ad; border-color: #9351ad !important; } .panel.panel-violet > .panel-footer { color: #FFFFFF; background: #9351ad; border-color: #9351ad !important; } .panel.panel-grey { border-color: #4b5d67; } .panel.panel-grey > .panel-heading { color: #FFFFFF; background: #4b5d67; border-color: #4b5d67 !important; } .panel.panel-grey > .panel-footer { color: #FFFFFF; background: #4b5d67; border-color: #4b5d67 !important; } .panel.panel-dark { border-color: #594857; } .panel.panel-dark > .panel-heading { color: #FFFFFF; background: #594857; border-color: #594857 !important; } .panel.panel-dark > .panel-footer { color: #FFFFFF; background: #594857; border-color: #594857 !important; } .panel.panel-white { border-color: #efefef; } .panel.panel-white > .panel-heading { border-bottom: 1px solid #faf9fb; color: #999999; background: #FFFFFF; } .panel.panel-white > .panel-footer { border-top: 1px solid #faf9fb; color: #999999; background: #FFFFFF; } .btn { outline: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn.btn-square { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-outlined { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-outlined.btn-default { background: none; border: 1px solid #999999; color: #999999; } .btn-outlined.btn-primary { background: none; border: 1px solid #dc6767; color: #dc6767; } .btn-outlined.btn-success { background: none; border: 1px solid #5cb85c; color: #5cb85c; } .btn-outlined.btn-warning { background: none; border: 1px solid #f0ad4e; color: #f0ad4e; } .btn-outlined.btn-info { background: none; border: 1px solid #5bc0de; color: #5bc0de; } .btn-outlined.btn-danger { background: none; border: 1px solid #d9534f; color: #d9534f; } .btn-outlined.btn-red { background: none; border: 1px solid #bf4346; color: #bf4346; } .btn-outlined.btn-orange { background: none; border: 1px solid #e9662c; color: #e9662c; } .btn-outlined.btn-green { background: none; border: 1px solid #488c6c; color: #488c6c; } .btn-outlined.btn-yellow { background: none; border: 1px solid #f2994b; color: #f2994b; } .btn-outlined.btn-blue { background: none; border: 1px solid #0a819c; color: #0a819c; } .btn-outlined.btn-pink { background: none; border: 1px solid #bf3773; color: #bf3773; } .btn-outlined.btn-violet { background: none; border: 1px solid #9351ad; color: #9351ad; } .btn-outlined.btn-grey { background: none; border: 1px solid #4b5d67; color: #4b5d67; } .btn-outlined.btn-dark { background: none; border: 1px solid #594857; color: #594857; } .btn-default { background: #f2f5f7; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f7 0%, #f6f8f9 50%, #d7dee3 50%, #d7dee3 50%, #d7dee3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f7), color-stop(50%,#f6f8f9), color-stop(50%,#d7dee3), color-stop(50%,#d7dee3), color-stop(100%,#d7dee3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f7 0%,#f6f8f9 50%,#d7dee3 50%,#d7dee3 50%,#d7dee3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f7', endColorstr='#d7dee3',GradientType=0 ); /* IE6-9 */ color:#58636b; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #999999; background-color: #dbdbdb; border-color: #c6c6c6; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #efefef; border-color: #e5e5e5; } .btn-primary { color: #ffffff; border: 1px solid #1f68b1; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #1f68b1; border-color: #1a548d; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #dc6767; border-color: #da5f5f; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #55b555; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #47a447; border-color: #3e8f3e; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #55b555; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #53bddc; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #28a4c9; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #53bddc; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #efa945; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #e38d13; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #efa945; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d74b47; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #b92c28; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d74b47; } .btn-red { color: #ffffff; background-color: #bf4346; border-color: #b93f42; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { color: #ffffff; background-color: #a2373a; border-color: #8b2f32; } .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { background-image: none; } .btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active { background-color: #bf4346; border-color: #b93f42; } .btn-orange { color: #ffffff; background-color: #e9662c; border-color: #e85f23; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { color: #ffffff; background-color: #d65116; border-color: #ba4713; } .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { background-image: none; } .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active { background-color: #e9662c; border-color: #e85f23; } .btn-green { color: #ffffff; background-color: #488c6c; border-color: #458567; } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { color: #ffffff; background-color: #3a7157; border-color: #305d48; } .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { background-image: none; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active { background-color: #488c6c; border-color: #458567; } .btn-yellow { color: #ffffff; background-color: #f2994b; border-color: #f19441; } .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow { color: #ffffff; background-color: #ef8325; border-color: #e57411; } .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow { background-image: none; } .btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow, .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, fieldset[disabled] .btn-yellow:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, fieldset[disabled] .btn-yellow:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, fieldset[disabled] .btn-yellow:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow.active { background-color: #f2994b; border-color: #f19441; } .btn-blue { color: #ffffff; background-color: #0a819c; border-color: #097992; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { color: #ffffff; background-color: #086176; border-color: #064a59; } .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { background-image: none; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active { background-color: #0a819c; border-color: #097992; } .btn-violet { color: #ffffff; background-color: #9351ad; border-color: #8d4ea6; } .btn-violet:hover, .btn-violet:focus, .btn-violet:active, .btn-violet.active, .open .dropdown-toggle.btn-violet { color: #ffffff; background-color: #7b4491; border-color: #6a3a7c; } .btn-violet:active, .btn-violet.active, .open .dropdown-toggle.btn-violet { background-image: none; } .btn-violet.disabled, .btn-violet[disabled], fieldset[disabled] .btn-violet, .btn-violet.disabled:hover, .btn-violet[disabled]:hover, fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus, .btn-violet[disabled]:focus, fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active, .btn-violet[disabled]:active, fieldset[disabled] .btn-violet:active, .btn-violet.disabled.active, .btn-violet[disabled].active, fieldset[disabled] .btn-violet.active { background-color: #9351ad; border-color: #8d4ea6; } .btn-pink { color: #ffffff; background-color: #bf3773; border-color: #b7356e; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { color: #ffffff; background-color: #9f2e60; border-color: #882752; } .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { background-image: none; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active { background-color: #bf3773; border-color: #b7356e; } .btn-grey { color: #ffffff; background-color: #4b5d67; border-color: #475861; } .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { color: #ffffff; background-color: #3a484f; border-color: #2d383e; } .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { background-image: none; } .btn-grey.disabled, .btn-grey[disabled], fieldset[disabled] .btn-grey, .btn-grey.disabled:hover, .btn-grey[disabled]:hover, fieldset[disabled] .btn-grey:hover, .btn-grey.disabled:focus, .btn-grey[disabled]:focus, fieldset[disabled] .btn-grey:focus, .btn-grey.disabled:active, .btn-grey[disabled]:active, fieldset[disabled] .btn-grey:active, .btn-grey.disabled.active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey.active { background-color: #4b5d67; border-color: #475861; } .btn-dark { color: #ffffff; background-color: #594857; border-color: #534351; } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #ffffff; background-color: #423641; border-color: #322830; } .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { background-image: none; } .btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active { background-color: #594857; border-color: #534351; } .btn-white { color: #999999; background-color: #ffffff; border-color: #e5e5e5; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { color: #999999; background-color: #ebebeb; border-color: #c6c6c6; } .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active { background-color: #ffffff; border-color: #e5e5e5; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0px !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0px !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .input-group-addon { color: #999999; border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .input-group .input-group-btn .btn { border: 1px solid #e5e5e5 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .input-group .input-group-btn .btn.btn-primary { border-color: #d75252 !important; } .input-group .input-group-btn .btn.btn-success { border-color: #4cae4c !important; } .input-group .input-group-btn .btn.btn-warning { border-color: #eea236 !important; } .input-group .input-group-btn .btn.btn-info { border-color: #46b8da !important; } .input-group .input-group-btn .btn.btn-danger { border-color: #d43f3a !important; } .input-group .input-group-btn .btn.btn-red { border-color: #ad3b3e !important; } .input-group .input-group-btn .btn.btn-orange { border-color: #e45618 !important; } .input-group .input-group-btn .btn.btn-green { border-color: #3f7b5f !important; } .input-group .input-group-btn .btn.btn-yellow { border-color: #f08c33 !important; } .input-group .input-group-btn .btn.btn-blue { border-color: #086d84 !important; } .input-group .input-group-btn .btn.btn-pink { border-color: #ab3167 !important; } .input-group .input-group-btn .btn.btn-violet { border-color: #84499c !important; } .input-group .input-group-btn .btn.btn-grey { border-color: #405058 !important; } .input-group .input-group-btn .btn.btn-dark { border-color: #4b3d49 !important; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dropdown-menu { margin: 0; padding: 0; border: 0; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; } .dropdown-menu li a { color: #999999; padding: 9px 10px; font-size: 13px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } [class^="fa-"], [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] { display: inline-block; margin-top: 1px; font-size: 14px; *margin-right: .3em; line-height: 14px; -webkit-font-smoothing: antialiased; } li [class^="fa-"], li [class^="glyphicon-"], li [class^="icon-"], li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="glyphicon-"], li [class*=" glyphicon-"] { top: 2px; } li [class^="icon-"], li [class*=" icon-"] { top: 1px; position: relative; } li [class^="fa-"].icon-large, li [class^="glyphicon-"].icon-large, li [class^="icon-"].icon-large, li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large { width: 1.5625em; } .nav-pills li.active a { background: #dc6767; } .nav-pills li.active a:hover, .nav-pills li.active a:focus { background: #dc6767; } .nav-pills li a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .list-group .list-group-item { border-color: #e5e5e5; color: #999999; } .list-group .list-group-item.active { background: #dc6767; border-color: #dc6767; } .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus { background: #dc6767; border-color: #dc6767; } .list-group .list-group-item:first-child { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .list-group .list-group-item:last-child { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .nav-tabs { border-color: #e5e5e5 !important; } .nav-tabs li a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tab-content { background: #fff; padding: 20px 15px; margin-bottom: 20px; border: 1px solid; border-color: #e5e5e5 !important; border-top: 0; } .tabbable:before { display: table; line-height: 0; content: ""; } .tabbable:after { display: table; line-height: 0; content: ""; clear: both; } .tabbable.tabs-left .nav-tabs { float: left; display: inline-block; border-bottom: 0; } .tabbable.tabs-left .nav-tabs > li { float: none; } .tabbable.tabs-left .nav-tabs > li.active > a, .tabbable.tabs-left .nav-tabs > li:hover > a, .tabbable.tabs-left .nav-tabs > li:focus > a { border: 1px solid; border-color: #e5e5e5 !important; border-right: 0; } .tabbable.tabs-left .nav-tabs > li > a { border-right: 0; min-width: 74px; margin-bottom: 3px; margin-right: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-left .tab-content { overflow: auto; border: 1px solid; border-color: #e5e5e5 !important; } .tabbable.tabs-right .nav-tabs { float: right; display: inline-block; border-bottom: 0; } .tabbable.tabs-right .nav-tabs > li { float: none; } .tabbable.tabs-right .nav-tabs > li.active > a, .tabbable.tabs-right .nav-tabs > li:hover > a, .tabbable.tabs-right .nav-tabs > li:focus > a { border: 1px solid; border-color: #e5e5e5 !important; border-left: 0; } .tabbable.tabs-right .nav-tabs > li > a { border-left: 0; min-width: 74px; margin-bottom: 3px; margin-left: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-right .tab-content { overflow: auto; border: 1px solid; border-color: #e5e5e5 !important; } .tabbable.tabs-below .nav-tabs { margin-bottom: 20px !important; border: 0; } .tabbable.tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabbable.tabs-below .nav-tabs > li.active > a { border: 1px solid; border-color: #e5e5e5 !important; border-top: 0; } .tabbable.tabs-below .nav-tabs > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tabbable.tabs-below .tab-content { overflow: auto; margin-bottom: 0 !important; border: 1px solid; border-color: #e5e5e5 !important; } .progress { position: relative; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .progress.progress-xs { height: 5px; margin-top: 5px; } .progress.progress-sm { height: 11px; margin-top: 5px; } .progress.progress-lg { height: 25px; } .progress .progress-bar { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #dc6767; } .progress .progress-bar.progress-bar-success { background-color: #5cb85c !important; } .progress .progress-bar.progress-bar-warning { background-color: #f0ad4e !important; } .progress .progress-bar.progress-bar-info { background-color: #5bc0de !important; } .progress .progress-bar.progress-bar-danger { background-color: #d9534f !important; } .progress .progress-bar.progress-bar-red { background-color: #bf4346 !important; } .progress .progress-bar.progress-bar-orange { background-color: #e9662c !important; } .progress .progress-bar.progress-bar-green { background-color: #488c6c !important; } .progress .progress-bar.progress-bar-yellow { background-color: #f2994b !important; } .progress .progress-bar.progress-bar-blue { background-color: #0a819c !important; } .progress .progress-bar.progress-bar-violet { background-color: #9351ad !important; } .progress .progress-bar.progress-bar-pink { background-color: #bf3773 !important; } .progress .progress-bar.progress-bar-grey { background-color: #4b5d67 !important; } .progress .progress-bar.progress-bar-dark { background-color: #594857 !important; } .progress .progress-bar.progress-bar-white { background-color: #ffffff !important; } .progress .progress-bar.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out; } .progress.wide { width: 60px; height: 150px; } .progress.vertical.progress-xs { width: 10px; margin-top: 0; } .progress.vertical.progress-sm { width: 20px; margin-top: 0; } .progress.vertical.progress-lg { width: 70px; } .form-actions { padding: 20px 0; background: #fafafa; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .form-actions.top { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .form-actions.none-bg { background: transparent; border-top: 1px dashed #f3f3f3; } .form-actions.none-bg.top { border-bottom: 1px dashed #f3f3f3; border-top: 0; } .state-success .form-control { border-color: #7edc7f !important; } .state-warning .form-control { border-color: #dcb359 !important; } .state-error .form-control { border-color: #db4c4a !important; } .state-success em { color: #7edc7f !important; margin-top: 5px; display: block; } .state-warning em { color: #dcb359 !important; margin-top: 5px; display: block; } .state-error em { color: #db4c4a !important; margin-top: 5px; display: block; } .state-success input, .state-success select, .state-success textarea { background: #dff0d8 !important; } .state-warning input, .state-warning select, .state-warning textarea { background: #fcf8e3 !important; } .state-error input, .state-error select, .state-error textarea { background: #f2dede !important; } .form-bordered .control-label { padding-top: 16px; } .form-bordered .form-group { margin: 0; border-bottom: 1px solid #f7f7f7; } .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #f7f7f7; } .form-bordered .form-group:last-child { border-bottom: 0; } .form-bordered .help-block { margin-bottom: 0px; } .form-bordered.dashed .form-group { border-bottom: 1px dashed #f3f3f3; } .form-bordered.dashed .form-group > div { border-left: 1px dashed #f3f3f3; } .form-bordered.dashed .form-group:last-child { border-bottom: 0; } .form-seperated .control-label { padding-top: 16px; } .form-seperated .form-group { margin: 0; border-bottom: 1px solid #f7f7f7; } .form-seperated .form-group > div { padding: 15px; } .form-seperated .form-group:last-child { border-bottom: 0; } .form-seperated .help-block { margin-bottom: 0px; } .form-seperated.dashed .form-group { border-bottom: 1px dashed #f3f3f3; } .form-seperated.dashed .form-group:last-child { border-bottom: 0; } .form-horizontal.form-row-stripped .form-group:nth-child(odd) { background: #fcfcfc; } .form-horizontal.form-seperated .radio, .form-horizontal.form-seperated .checkbox, .form-horizontal.form-seperated .radio-inline, .form-horizontal.form-seperated .checkbox-inline { padding-top: 0; } .text-primary { color: #dc6767 !important; } .text-red { color: #bf4346 !important; } .text-orange { color: #e9662c !important; } .text-green { color: #488c6c !important; } .text-yellow { color: #f2994b !important; } .text-blue { color: #0a819c !important; } .text-pink { color: #bf3773 !important; } .text-violet { color: #9351ad !important; } .text-grey { color: #4b5d67 !important; } .text-dark { color: #594857 !important; } .text-white { color: #ffffff !important; } .text-facebook { color: #418bca; } .text-twitter { color: #5bc0de; } .text-google-plus { color: #dd4c39; } .text-dribbble { color: #ec5d92; } .input-mini { width: 45px !important; } .input-xsmall { width: 80px !important; } .input-small { width: 120px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 480px !important; } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .form-group .input-inline { margin-right: 5px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans', sans-serif; font-size: 13px; } .ui-spinner-input { height: 24px; } .modal .modal-dialog .modal-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .modal .modal-dialog .modal-content .modal-header.modal-header-primary { background: #dc6767; } .modal .modal-dialog .modal-content .modal-header.modal-header-primary .modal-title { color: #FFFFFF; } .modal .modal-dialog .modal-content .modal-footer.modal-footer-left { text-align: left !important; } .portlet { clear: both; margin-top: 0px; margin-bottom: 25px; padding: 0px; } .portlet { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 5px solid #e5e5e5; clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; } .portlet.box > .portlet-header { margin-bottom: 0; padding: 8px 15px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .portlet > .portlet-header { margin-bottom: 15px; background: #ffffff; border-bottom: 1px solid #e5e5e5; } .portlet > .portlet-header:before { content: ""; display: table; line-height: 0; } .portlet > .portlet-header:after { content: ""; display: table; line-height: 0; clear: both; } .portlet > .portlet-header .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; padding: 0; } .portlet > .portlet-header .caption i { float: left; margin-top: 4px; display: inline-block !important; font-size: 13px; margin-right: 5px; color: #999999; } .portlet > .portlet-header .actions { display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right; } .portlet > .portlet-header .actions > .btn { padding: 4px 10px; margin-top: -18px; } .portlet > .portlet-header .actions > .btn.btn-sm { padding: 3px 8px; margin-top: -13px; } .portlet > .portlet-header .actions > .btn.btn-xs { padding: 1px 5px; margin-top: -13px; } .portlet > .portlet-header .actions > .btn-group { margin-top: -12px; } .portlet > .portlet-header .actions > .btn-group > .btn { padding: 4px 10px; margin-top: -1px; } .portlet > .portlet-header .actions > .btn-group > .btn.btn-sm { padding: 3px 8px; margin-top: -1px; } .portlet > .portlet-header .actions > .btn-group > .btn.btn-xs { padding: 1px 5px; margin-top: -1px; } .portlet > .portlet-header .pagination.pagination-sm { float: right; display: inline-block; margin: 0px; } .portlet > .portlet-header .pagination.pagination-sm li a { padding: 3px 10px; } .portlet > .portlet-header .tools { display: inline-block; padding: 0; margin: 0; float: right; } .portlet > .portlet-header .tools i { margin-left: 5px; cursor: pointer; } .portlet .portlet-body { background: #FFFFFF; padding: 15px; clear: both; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .portlet .portlet-body.form { padding: 0 !important; } .portlet.portlet-default > .portlet-header { background: #FFFFFF; color: #999999; border-bottom: 1px solid #f0f2f6; } .portlet.portlet-default > .portlet-header i { color: #999999; } .portlet.portlet-default > .portlet-header .btn i { color: #999999; } .portlet.portlet-primary { border-color: #dc6767; } .portlet.portlet-primary > .portlet-header { background: #dc6767; color: #ffffff; } .portlet.portlet-red { border-color: #bf4346; } .portlet.portlet-red > .portlet-header { background: #bf4346; color: #ffffff; } .portlet.portlet-orange { border-color: #e9662c; } .portlet.portlet-orange > .portlet-header { background: #e9662c; color: #ffffff; } .portlet.portlet-green { border-color: #488c6c; } .portlet.portlet-green > .portlet-header { background: #488c6c; color: #ffffff; } .portlet.portlet-yellow { border-color: #f2994b; } .portlet.portlet-yellow > .portlet-header { background: #f2994b; color: #ffffff; } .portlet.portlet-blue { border-color: #0a819c; } .portlet.portlet-blue > .portlet-header { background: #0a819c; color: #ffffff; } .portlet.portlet-violet { border-color: #9351ad; } .portlet.portlet-violet > .portlet-header { background: #9351ad; color: #ffffff; } .portlet.portlet-pink { border-color: #bf3773; } .portlet.portlet-pink > .portlet-header { background: #bf3773; color: #ffffff; } .portlet.portlet-grey { border-color: #4b5d67; } .portlet.portlet-grey > .portlet-header { background: #4b5d67; color: #ffffff; } .portlet.portlet-dark { border-color: #594857; } .portlet.portlet-dark > .portlet-header { background: #594857; color: #ffffff; } .portlet { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .portlet.color { padding: 0; } .portlet.color .portlet-header { margin-bottom: 0; border: 0px; } .portlet.color .portlet-header .btn.btn-white i { color: #999999; } .portlet.color .portlet-body { background: transparent; } .portlet.color.portlet-default { background: #FFFFFF !important; } .portlet.color.portlet-default > .portlet-header { color: #999999; border: 0; } .portlet.color.portlet-default > .portlet-header > .caption i { color: #999999; border: 0; } .portlet.color.portlet-default > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-default > .portlet-body { color: #999999; border: 0; padding: 0; background: transparent; } .portlet.color.portlet-primary { background: #dc6767 !important; } .portlet.color.portlet-primary > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-primary > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-primary > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-primary > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.brand-primary { background: #dc6767 !important; } .portlet.color.portlet-red { background: #bf4346 !important; } .portlet.color.portlet-red > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-red > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-red > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-red > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-red { background: #bf4346 !important; } .portlet.color.portlet-orange { background: #e9662c !important; } .portlet.color.portlet-orange > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-orange > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-orange > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-orange > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-orange { background: #e9662c !important; } .portlet.color.portlet-green { background: #488c6c !important; } .portlet.color.portlet-green > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-green > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-green > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-green > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-green { background: #488c6c !important; } .portlet.color.portlet-yellow { background: #f2994b !important; } .portlet.color.portlet-yellow > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-yellow > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-yellow > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-yellow > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-yellow { background: #f2994b !important; } .portlet.color.portlet-blue { background: #0a819c !important; } .portlet.color.portlet-blue > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-blue > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-blue > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-blue > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-blue { background: #0a819c !important; } .portlet.color.portlet-violet { background: #9351ad !important; } .portlet.color.portlet-violet > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-violet > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-violet > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-violet > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-violet { background: #9351ad !important; } .portlet.color.portlet-pink { background: #bf3773 !important; } .portlet.color.portlet-pink > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-pink > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-pink > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-pink > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-pink { background: #bf3773 !important; } .portlet.color.portlet-grey { background: #4b5d67 !important; } .portlet.color.portlet-grey > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-grey > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-grey > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-grey > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-grey { background: #4b5d67 !important; } .portlet.color.portlet-dark { background: #594857 !important; } .portlet.color.portlet-dark > .portlet-header { color: #ffffff; border: 0; } .portlet.color.portlet-dark > .portlet-header > .caption i { color: #ffffff; border: 0; } .portlet.color.portlet-dark > .portlet-header > .tools { border: 0px; } .portlet.color.portlet-dark > .portlet-body { color: #ffffff; border: 0; } .portlet.color > .portlet-body.color-dark { background: #594857 !important; } .portlet-tabs > .nav-tabs { position: relative; top: -44px; margin-right: 15px; border-bottom: none; padding: 4px 0px; overflow: hidden; } .portlet-tabs > .nav-tabs > li { float: right; margin-left: 1px; } .portlet-tabs > .nav-tabs > li:last-child a { border-right: 0; } .portlet-tabs > .nav-tabs > li.active { color: #dc6767; border-top-color: transparent; } .portlet-tabs > .nav-tabs > li.active a { margin-bottom: 0px; border-bottom: 0; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; background-color: none !important; border-top-color: transparent !important; color: #999999; cursor: default; } .portlet-tabs > .nav-tabs > li.active a:hover { background-color: #fff !important; } .portlet-tabs > .nav-tabs > li a { color: #fff; padding-top: 8px; padding-bottom: 10px; line-height: 16px; margin-top: 6px; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; } .portlet-tabs > .nav-tabs > li a:hover { color: #999999; margin-bottom: 0; border-bottom-color: transparent; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; background-color: none !important; border-top-color: transparent; } .portlet-tabs > .tab-content { padding: 15px !important; margin: 0px; margin-top: -50px !important; border: 0; } .portlet.tabbable .portlet-body { padding: 0px !important; } .sortable .portlet .portlet-header { cursor: move; } .sortable-placeholder { display: block; margin-top: 0px !important; margin-bottom: 25px !important; background-color: #f5f5f5; border: 1px dashed #dc6767; } .sortable-placeholder * { visibility: hidden; } .wait { position: relative; background: url("../../images/icons/loading.gif") center no-repeat !important; } .family-tree-vertical li { margin: 0px 0; list-style-type: none; position: relative; padding: 20px 5px 0px 5px; } .family-tree-vertical li:before { content: ''; position: absolute; top: 0; width: 1px; height: 100%; right: auto; left: -20px; border-left: 1px solid #ccc; bottom: 50px; } .family-tree-vertical li:after { content: ''; position: absolute; top: 30px; width: 25px; height: 20px; right: auto; left: -20px; border-top: 1px solid #ccc; } .family-tree-vertical li a { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .family-tree-vertical li a:hover, .family-tree-vertical li a:hover + ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } .family-tree-vertical li:last-child:before { height: 30px; } .family-tree-vertical > ul > li::before, .family-tree-vertical > ul > li::after { border: 0; } .family-tree-vertical li a:hover + ul li::after, .family-tree-vertical li a:hover + ul li::before, .family-tree-vertical li a:hover + ul::before, .family-tree-vertical li a:hover + ul ul::before { border-color: #94a0b4; } .family-tree-horizontal ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li::before, .family-tree-horizontal li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .family-tree-horizontal li::after { right: auto; left: 50%; border-left: 1px solid #ccc; } .family-tree-horizontal li:only-child::after, .family-tree-horizontal li:only-child::before { display: none; } .family-tree-horizontal li:only-child { padding-top: 0; } .family-tree-horizontal li:first-child::before, .family-tree-horizontal li:last-child::after { border: 0 none; } .family-tree-horizontal li:last-child::before { border-right: 1px solid #ccc; } .family-tree-horizontal ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 20px; } .family-tree-horizontal li a { border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .family-tree-horizontal li a:hover, .family-tree-horizontal li a:hover + ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } .family-tree-horizontal li a:hover + ul li::after, .family-tree-horizontal li a:hover + ul li::before, .family-tree-horizontal li a:hover + ul::before, .family-tree-horizontal li a:hover + ul ul::before { border-color: #94a0b4; } .input-icon { position: relative; } .input-icon input { padding-left: 33px !important; color: #999999; } .input-icon i { color: #999999; display: block; position: absolute; margin: 10px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .input-icon.right input { padding-left: 12px !important; padding-right: 33px !important; } .input-icon.right i { right: 8px; float: right; } .has-success .input-icon i { color: #5cb85c; } .has-warning .input-icon i { color: #f0ad4e; } .has-error .input-icon i { color: #d9534f; } .rating { margin-bottom: 4px; font-size: 15px; line-height: 27px; color: #999999; } .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer; color: #ccc; -ms-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } .rating label .fa-star:before { content: "\f005"; } .table thead tr th, .table thead tr td { border-bottom: 0; } .table.table-sm { font-size: .875em; } .table.table-lg { font-size: 1.2em; } .table > input[type='text'] { font-weight: normal; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .table select { font-weight: normal; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .table.table-advanced thead tr th { border-bottom-width: 1px !important; background-color: #efefef; } .table.table-advanced thead.primary tr th { background: #dc6767; color: #FFFFFF; } .table.table-advanced thead.success tr th { background: #5cb85c; color: #FFFFFF; } .table.table-advanced thead.warning tr th { background: #f0ad4e; color: #FFFFFF; } .table.table-advanced thead.info tr th { background: #5bc0de; color: #FFFFFF; } .table.table-advanced thead.danger tr th { background: #d9534f; color: #FFFFFF; } .table.table-advanced thead.red tr th { background: #bf4346; color: #FFFFFF; } .table.table-advanced thead.orange tr th { background: #e9662c; color: #FFFFFF; } .table.table-advanced thead.green tr th { background: #488c6c; color: #FFFFFF; } .table.table-advanced thead.yellow tr th { background: #f2994b; color: #FFFFFF; } .table.table-advanced thead.blue tr th { background: #0a819c; color: #FFFFFF; } .table.table-advanced thead.pink tr th { background: #bf3773; color: #FFFFFF; } .table.table-advanced thead.violet tr th { background: #9351ad; color: #FFFFFF; } .table.table-advanced thead.grey tr th { background: #4b5d67; color: #FFFFFF; } .table.table-advanced thead.dark tr th { background: #594857; color: #FFFFFF; } .table.table-advanced thead.white tr th { background: #ffffff; color: #999999; } .table.table-advanced tfoot tr th { border-bottom: 0 !important; background: #efefef; } .table.table-advanced tfoot.primary tr th { background: #dc6767; color: #FFFFFF; } .table.table-advanced tfoot.success tr th { background: #5cb85c; color: #FFFFFF; } .table.table-advanced tfoot.warning tr th { background: #f0ad4e; color: #FFFFFF; } .table.table-advanced tfoot.info tr th { background: #5bc0de; color: #FFFFFF; } .table.table-advanced tfoot.danger tr th { background: #d9534f; color: #FFFFFF; } .table.table-advanced tfoot.red tr th { background: #bf4346; color: #FFFFFF; } .table.table-advanced tfoot.orange tr th { background: #e9662c; color: #FFFFFF; } .table.table-advanced tfoot.green tr th { background: #488c6c; color: #FFFFFF; } .table.table-advanced tfoot.yellow tr th { background: #f2994b; color: #FFFFFF; } .table.table-advanced tfoot.blue tr th { background: #0a819c; color: #FFFFFF; } .table.table-advanced tfoot.pink tr th { background: #bf3773; color: #FFFFFF; } .table.table-advanced tfoot.violet tr th { background: #9351ad; color: #FFFFFF; } .table.table-advanced tfoot.grey tr th { background: #4b5d67; color: #FFFFFF; } .table.table-advanced tfoot.dark tr th { background: #594857; color: #FFFFFF; } .table.table-advanced tfoot.white tr th { background: #ffffff; color: #999999; } .table.table-hover-color tbody tr:hover td:first-child { border-left: 4px solid #dc6767; } .table-actions { margin-bottom: 20px; } .table-actions.bottom { margin-bottom: 0; margin-top: 20px; } .table-actions .pagination { margin: 0; } .fixed-header { top: 0; position: fixed; width: auto; display: none; border: none; z-index: 999; } .page-header-breadcrumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .timeline-label { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .form-control { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } label { font-weight: normal; } .alert { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .breadcrumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .navbar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .thumbnail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e5e5e5 !important; } .tooltip .tooltip-inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .popover { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5 !important; } .popover.left .arrow { border-left-color: #e5e5e5; } .popover.right .arrow { border-right-color: #e5e5e5; } .popover.top .arrow { border-top-color: #e5e5e5; } .popover.bottom .arrow { border-bottom-color: #e5e5e5; top: -14px; } .well { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #e5e5e5 !important; } ul.todo-list li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul.chats li.in .message { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul.chats li.out .message { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .cke_chrome { -webkit-box-shadow: none !important; box-shadow: none !important; } .cke_chrome .cke_top { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_bottom { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_combo_button, .cke_chrome .cke_toolgroup { border-color: #e5e5e5; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; } .cke_chrome .cke_combo_button:hover, .cke_chrome .cke_toolgroup:hover, .cke_chrome .cke_combo_button:focus, .cke_chrome .cke_toolgroup:focus { background-image: none; } .cke_chrome a.cke_button_off:hover, .cke_chrome a.cke_button_off:focus, .cke_chrome a.cke_button_off:active, .cke_chrome a.cke_button_disabled:hover, .cke_chrome a.cke_button_disabled:focus, .cke_chrome a.cke_button_disabled:active, .cke_chrome .cke_combo_off a.cke_combo_button:hover, .cke_chrome .cke_combo_off a.cke_combo_button:focus { background-image: none; } .md-editor > textarea { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #toast-container > :hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #toast-container div { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .has-switch { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0; } .has-switch span.switch-left, .has-switch span.switch-right, .has-switch label { text-shadow: none; box-shadow: none; background-image: none; border: 0; } .has-switch span.switch-left.switch-primary, .has-switch span.switch-right.switch-primary, .has-switch label.switch-primary { text-shadow: none; box-shadow: none; background-image: none; background: #dc6767 !important; } .has-switch .switch-left { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .has-switch .switch-right { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .has-switch .switch-on label { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; background-color: #e5e5e5; } .has-switch .switch-off label { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; background-color: #e5e5e5; } .slimScrollBar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .outer, .clockface .inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .inner.active, .clockface .inner.active:hover, .clockface .outer.active, .clockface .outer.active:hover { text-shadow: none; background-image: none; } .clockface .inner.active:hover, .clockface .inner.active:hover:hover, .clockface .inner.active:active, .clockface .inner.active:hover:active, .clockface .inner.active.active, .clockface .inner.active:hover.active, .clockface .inner.active.disabled, .clockface .inner.active:hover.disabled, .clockface .inner.active[disabled], .clockface .inner.active:hover[disabled] { background: #dc6767; } .clockface .outer.active:hover, .clockface .outer.active:hover:hover, .clockface .outer.active:active, .clockface .outer.active:hover:active, .clockface .outer.active.active, .clockface .outer.active:hover.active, .clockface .outer.active.disabled, .clockface .outer.active:hover.disabled, .clockface .outer.active[disabled], .clockface .outer.active:hover[disabled] { background: #5cb85c; } .bootstrap-datetimepicker-widget td span { height: auto; line-height: normal; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker td, .datepicker th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .daterangepicker .ranges li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #999999; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #dc6767; border: 1px solid #dc6767; } .daterangepicker .ranges .input-mini, .daterangepicker td, .daterangepicker th, .daterangepicker .calendar-date { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .fc-state-default { -webkit-box-shadow: none !important; box-shadow: none !important; background-image: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid #e5e5e5; text-shadow: none; color: #999999; } .page-form { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .page-form .header-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .media img.media-object { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dd .dd-list .dd-item .dd-handle, .dd .dd-list .dd-item .dd3-content { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e5e5e5 !important; } .dd .dd-list .dd-item .dd-handle.dd3-handle, .dd .dd-list .dd-item .dd3-content.dd3-handle { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .jquery-notific8-notification { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { padding: 0.5em 1em; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #theme-setting .btn-theme-setting { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } #theme-setting .content-theme-setting ul#list-color li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .jplist-panel .jplist-pagination button { border: 1px solid #e5e5e5; } .jplist-panel .jplist-pagination button:hover { background: #e5e5e5; } .jplist-thumbs-view .list-item .block { bottom: 10px; } .jplist-panel .jplist-group { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: 1px solid #e5e5e5; } /**************** Custom *************************/ html { height: auto !important; } body { margin-top: 51px; padding: 0 !important; } .navbar-fixed-top { background-color: #1e1e1e; color: #ffffff; border:0; margin:0!important } .navbar-fixed-top a { color: #ffffff } .navbar-fixed-top li > a span.badge { position: absolute; top: 5px; right: 30px; padding: 3px 6px; color: #ffffff; } footer { position:absolute; left:30%; right:30%; bottom:-500px;} a.dropdown-toggle i { opacity: 0.9 } .navbar-default .navbar-nav > li > a { color: #fff; } .admin-left-panel { background-color: #303030; /*margin-top: -37px;*/ padding-right: 0; padding-left: 0; } .admin-left-panel .panel { background: none; border:0 } .admin-menu.panel { background: none; border:0} .admin-left-panel .panel-heading { padding-top:40px; } .admin-left-panel .panel-heading { background: none; border:0; color: white} .admin-left-panel .panel-default .panel-heading { color:white; background:none; border-bottom: 1px solid #484848; padding-top: 28px; } #admin-ui-nav-menu li { border-bottom: 1px solid #484848; } .admin-right-panel { padding: 0; } .admin-main-content { display:block; min-height:1000px; } .admin-main-content .block-text { padding: 0 15px } .admin-main-content div.block > .caption { background: white; padding: 15px; margin-top: 0; font-size: 25px; font-weight: 300; border-bottom: 5px solid #e5e5e5 !important; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; } .admin-copyright { margin-top:100px; padding-left:15px; display:block; padding-bottom:30px; position: relative; bottom: 0; } .admin-left-panel li.list-group-item { background:none; border:0;} i.searchquery { margin-top: 10px; } .btn-primary { color: #fff; background-color: #dc6767; border-color: #2e6da4; border:0; } .admin-menu.panel .panel-title { padding-top: 0; padding-bottom: 10px; margin-top: -10px; } .admin-left-panel li.nav-header { color: white} .admin-right-panel .row { padding-left:15px } .admin-left-panel .s-message-body { padding-left:0 } .s-message-title { font-weight: bold; font-family: 'Oswald'; margin-bottom: 15px; } .popover { } .popover .popover-title { background-color: #d9534f; color:white; font-weight:bold } .dropdown-menu.oversized { width: 380px; } .dropdown-menu.oversized li { width: 190px; height:38px; float:left; display:inline-block; overflow:hidden; } @media only screen and (min-width : 768px) { .is-table-row { display: table; width: 100%; margin:0; } .is-table-row > .admin-right-panel, .is-table-row > .admin-left-panel{ float: none; display: table-cell; vertical-align: top; } } .admin-container { padding:0 } /* .nav-pills li.active a { background-color: #337ab7; } */ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #dc6767 ; background:none; } @media all and (max-width: 767px) { .featurebox .carousel-indicators { top:10px; } .featurebox-item-image.pull-left, .featurebox-item-image.pull-right { margin-top: 30px; } .news-images-main { padding-left: 0; padding-bottom:15px; padding-right:0} } /* Small devices Tablets .col-sm */ @media all and (min-width: 768px) and (max-width: 991px) { .news-images-main { padding-left: 0; padding-bottom:5px } } /* Medium devices Desktops (≥992px) .col-md */ @media all and (min-width: 992px) and (max-width: 1199px) { .news-images-main { padding-left: 0; padding-bottom:5px} } /* Large devices (large desktops, 1200px and up).col-lg */ @media all and (min-width: 1800px) { .col-lg-2 { width: 12% } .col-lg-10 { width: 88% } }