html {
font-size: 100%;
height: 100%
}
body {
font-family: 'Open Sans', verdana, arial;
font-weight: 300;
margin-top: 40px;
background: url(../images/bg-signin.jpg) #dfe5e9;
}
body.login {
color: #FFF;
background: url(../images/bg-signin.png) no-repeat #dfe5e9;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
#wrapper {
width: 100%
}
#main-content {
width: 100%;
padding: 10px 20px;
background-color: #dfe5e9;
}
#sidebar {
background-color: #2b2e33
}
.m-auto {
margin: auto
}
.m-0 {
margin: 0 !important
}
.m-5 {
margin: 5px !important
}
.m-10 {
margin: 10px !important
}
.m-20 {
margin: 20px !important
}
.m-t-0 {
margin-top: 0 !important
}
.m-t-5 {
margin-top: 5px !important
}
.m-t-10 {
margin-top: 10px !important
}
.m-t-20 {
margin-top: 20px !important
}
.m-t-30 {
margin-top: 30px !important
}
.m-t-40 {
margin-top: 40px !important
}
.m-t-60 {
margin-top: 60px !important
}
.m-b-0 {
margin-bottom: 0 !important
}
.m-b-5 {
margin-bottom: 5px !important
}
.m-b-6 {
margin-bottom: 6px !important
}
.m-b-10 {
margin-bottom: 10px !important
}
.m-b-12 {
margin-bottom: 12px !important
}
.m-b-15 {
margin-bottom: 15px !important
}
.m-b-20 {
margin-bottom: 20px !important
}
.m-b-30 {
margin-bottom: 30px !important
}
.m-b-40 {
margin-bottom: 40px !important
}
.m-b-60 {
margin-bottom: 60px !important
}
.m-b-80 {
margin-bottom: 80px !important
}
.m-b-140 {
margin-bottom: 140px !important
}
.m-b-80 {
margin-bottom: 80px !important
}
.m-b-245 {
margin-bottom: 245px !important
}
.m-b-m30 {
margin-bottom: -30px !important
}
.m-b-m50 {
margin-bottom: -50px !important
}
.m-l-5 {
margin-left: 5px !important
}
.m-l-10 {
margin-left: 10px !important
}
.m-l-20 {
margin-left: 20px !important
}
.m-l-30 {
margin-left: 30px !important
}
.m-l-60 {
margin-left: 60px !important
}
.m-r-5 {
margin-right: 5px !important
}
.m-r-10 {
margin-right: 10px !important
}
.m-r-20 {
margin-right: 20px !important
}
.m-r-30 {
margin-right: 30px !important
}
.m-r-60 {
margin-right: 60px !important
}
.p-0 {
padding: 0 !important
}
.p-5 {
padding: 5px !important
}
.p-10 {
padding: 10px !important
}
.p-15 {
padding: 15px !important
}
.p-20 {
padding: 20px !important
}
.p-30 {
padding: 30px !important
}
.p-40 {
padding: 40px !important
}
.p-t-0 {
padding-top: 0 !important
}
.p-t-10 {
padding-top: 10px !important
}
.p-t-20 {
padding-top: 20px !important
}
.p-b-0 {
padding-bottom: 0 !important
}
.p-b-10 {
padding-bottom: 10px !important
}
.p-b-20 {
padding-bottom: 10px !important
}
.p-b-30 {
padding-bottom: 30px !important
}
.p-l-5 {
padding-left: 5px !important
}
.p-l-10 {
padding-left: 10px !important
}
.p-l-20 {
padding-left: 20px !important
}
.p-l-30 {
padding-left: 30px !important
}
.p-l-40 {
padding-left: 40px !important
}
.p-r-5 {
padding-right: 5px !important
}
.p-r-10 {
padding-right: 10px !important
}
.p-r-20 {
padding-right: 20px !important
}
.p-r-30 {
padding-right: 30px !important
}
.t-0 {
top: 0
}
.t-5 {
top: 5px
}
.t-10 {
top: 10px
}
.t-15 {
top: 15px
}
.b-0 {
bottom: 0
}
.b-5 {
bottom: 5px
}
.b-10 {
bottom: 10px
}
.b-15 {
bottom: 15px
}
.l-0 {
left: 0
}
.l-5 {
left: 5px
}
.l-10 {
left: 10px
}
.l-15 {
left: 15px
}
.r-0 {
right: 0
}
.r-5 {
right: 5px
}
.r-10 {
right: 10px
}
.r-15 {
right: 15px
}
.bd-0 {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important
}
.bd-3 {
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important
}
.bd-6 {
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important
}
.bd-9 {
-moz-border-radius: 9px !important;
-webkit-border-radius: 9px !important;
border-radius: 9px !important
}
.bd-50p {
-moz-border-radius: 50% !important;
-webkit-border-radius: 50% !important;
border-radius: 50% !important
}
.no-bd {
border: 0;
box-shadow: none
}
.border-bottom {
border-bottom: 1px solid #efefef !important
}
.border-top {
border-top: 1px solid #efefef !important
}
.bd-white {
border-color: #fff !important
}
.bd-green {
border-left: 3px solid #5cb85c;
padding-left: 20px
}
.bd-red {
border-left: 3px solid #c9625f;
padding-left: 20px
}
.bd-blue {
border-left: 3px solid #3598db;
padding-left: 20px
}
.bd-t-red {
border-top: 4px solid #c9625f
}
.bd-t-green {
border-top: 4px solid #5cb85c
}
.bd-t-blue {
border-top: 4px solid #0090d9
}
.bd-t-dark {
border-top: 4px solid #2b2e33
}
.bd-t-purple {
border-top: 4px solid #b57ee0
}
.bd-l-red {
border-left: 4px solid #c9625f
}
.bd-l-green {
border-left: 4px solid #5cb85c
}
.bd-l-blue {
border-left: 4px solid #0090d9
}
.bd-l-dark {
border-left: 4px solid #2b2e33
}
.bd-l-purple {
border-left: 4px solid #b57ee0
}
.bg-gray {
background-color: #b6b6b6 !important;
color: #000 !important
}
.bg-gray-light {
background-color: #ececec !important;
color: #000 !important
}
.bg-red {
background-color: #c75757 !important;
color: #fff !important
}
.bg-white {
background-color: #fff !important;
color: black !important
}
.bg-green {
background-color: #18a689 !important;
color: #fff !important
}
.bg-blue {
background-color: #0090d9 !important;
color: #fff !important
}
.bg-orange {
background-color: #f27835 !important;
color: #fff !important
}
.bg-purple {
background-color: #b57ee0 !important;
color: #fff !important
}
.bg-dark {
background-color: #2b2e33 !important;
color: #fff !important
}
.bg-purple-gradient {
background: #bf9bdd;
background: -moz-radial-gradient(center, ellipse cover, #bf9bdd 27%, #9e52dd 100%);
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(27%, #bf9bdd), color-stop(100%, #9e52dd));
background: -webkit-radial-gradient(center, ellipse cover, #bf9bdd 27%, #9e52dd 100%);
background: -o-radial-gradient(center, ellipse cover, #bf9bdd 27%, #9e52dd 100%);
background: -ms-radial-gradient(center, ellipse cover, #bf9bdd 27%, #9e52dd 100%);
background: radial-gradient(ellipse at center, #bf9bdd 27%, #9e52dd 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf9bdd', endColorstr='#9e52dd', GradientType=1)
}
.bg-opacity-20 {
background-color: rgba(0,0,0,0.2)
}
.opacity-0 {
opacity: 0
}
.opacity-20 {
opacity: .2
}
.opacity-50 {
opacity: .5
}
.opacity-70 {
opacity: .7
}
.opacity-90 {
opacity: .9
}
.width-0 {
width: 0 !important
}
.min-width-40 {
min-width: 40px
}
.width-100p {
width: 100% !important
}
.h-0 {
height: 0 !important;
overflow: hidden !important
}
.h-20 {
height: 20px !important;
overflow: hidden !important
}
.h-30 {
height: 30px !important;
overflow: hidden !important
}
.h-40 {
height: 40px !important;
overflow: hidden !important
}
.h-100 {
height: 100px !important;
overflow: hidden !important
}
.h-150 {
height: 150px !important;
overflow: hidden !important
}
.h-220 {
height: 220px !important;
overflow: hidden !important
}
.h-250 {
height: 250px !important;
overflow: hidden !important
}
.h-280 {
height: 280px !important;
overflow: hidden !important
}
.h-300 {
height: 300px !important;
overflow: hidden !important
}
.pos-rel {
position: relative
}
.pos-abs {
position: absolute
}
.dis-inline {
display: inline
}
.dis-block {
display: block
}
.cursor-pointer {
cursor: pointer
}
code {
padding: 2px 8px 2px 4px;
font-size: 90%;
color: #2a465c;
background-color: #d5e9ff;
white-space: nowrap;
border-radius: 4px
}
.line-separator {
border-right: 1px solid #dbe2e7
}
img.img-left {
border: 1px solid #ccc;
float: left;
margin-right: 15px;
padding: 5px
}
img.img-right {
border: 1px solid #ccc;
float: right;
margin-left: 15px;
padding: 5px
}
.hide {
opacity: 0
}
::-webkit-scrollbar {
width:10px
}
::-webkit-scrollbar-track {
background-color:#eaeaea;
border-left:1px solid #c1c1c1
}
::-webkit-scrollbar-thumb {
background-color:#c1c1c1
}
::-webkit-scrollbar-thumb:hover {
background-color:#aaa
}
::-webkit-scrollbar-track {
border-radius:0;
box-shadow:none;
border:0
}
::-webkit-scrollbar-thumb {
border-radius:0;
box-shadow:none;
border:0
}
@font-face {
font-family: 'Carrois Gothic';
font-style: normal;
font-weight: 400;
src: local('Carrois Gothic'), local('CarroisGothic-Regular'), url(../fonts/carrois.woff) format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans-light.woff) format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans.woff) format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans-semibold.woff) format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans-bold.woff) format('woff')
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Carrois Gothic', verdana, arial;
font-weight: 300 !important;
color: inherit
}
h3 {
color: #534e4e
}
a {
color: #0090d9;
transition: color .2s linear 0, background-color .2s linear 0 !important
}
a.active {
color: #00a2d9 !important;
text-decoration: underline
}
.carrois {
font-family: 'Carrois Gothic', sans-serif
}
.uppercase {
text-transform: uppercase
}
.align-center {
text-align: center
}
.align-left {
text-align: left
}
.align-right {
text-align: right
}
a, a:focus, a:hover, a:active {
outline: 0
}
.f-12 {
font-size: 12px !important
}
.f-14 {
font-size: 14px !important
}
.f-15 {
font-size: 15px !important
}
.f-16 {
font-size: 16px !important
}
.f-18 {
font-size: 18px !important
}
.f-20 {
font-size: 20px !important
}
.f-24 {
font-size: 24px !important
}
.f-32 {
font-size: 32px !important
}
.f-60 {
font-size: 60px !important
}
.f-65 {
font-size: 65px !important
}
.f-80 {
font-size: 80px !important
}
.f-150 {
font-size: 150px !important
}
.w-300 {
font-weight: 300 !important
}
.w-500 {
font-weight: 500 !important
}
.w-600 {
font-weight: 600 !important
}
.w-700 {
font-weight: 700 !important
}
.c-red {
color: #cd6a6a !important
}
.c-blue {
color: #00a2d9 !important
}
.c-purple {
color: #b57ee0 !important
}
.c-brown {
color: #9e7b2e !important
}
.c-orange {
color: #ec8521 !important
}
.c-green {
color: #5cb85c !important
}
.c-gray-light {
color: #dadada !important
}
.c-gray {
color: #8f8f8f !important
}
.c-dark {
color: #343434 !important
}
.c-white {
color: #fff !important
}
.transparent-color {
color: rgba(0,0,0,0.2)
}
.line-through {
text-decoration: line-through
}
.navbar {
min-height: 40px;
margin-bottom: 20px;
border: 0;
margin-bottom: 0;
z-index: 90
}
.navbar-center {
color: #bebebe;
display: inline-block;
font-size: 20px;
position: absolute;
text-align: center;
width: 50%;
margin-left: 25%;
left: 0;
top: 6px
}
.navbar-nav>li>a {
padding: 10px
}
.navbar a.sidebar-toggle {
padding: 10px 20px 10px 5px
}
.navbar-inverse .navbar-brand {
color: #fff;
padding: 8px 15px 12px 22px
}
.navbar-inverse .navbar-brand strong {
color: #00a2d9
}
.sidebar-toggle {
cursor: pointer;
color: #adadad;
background-position: 0 0;
float: left;
border-right: 1px solid #27292d
}
.sidebar-toggle:hover {
background-position: 0 40px;
color: white
}
.header-menu.navbar-nav>li>a {
padding: 8px 4px 8px 14px;
height: 40px
}
.header-menu .badge-header {
border-radius: 8px;
padding: 2px 5px;
right: 8px;
top: -5px;
position: relative;
font-size: 12px
}
.header-menu .header-icon {
display: inline;
max-width: 100%;
height: 22px
}
.header-menu .dropdown-menu {
top: 42px;
right: 0;
left: auto;
min-width: 170px !important;
max-width: 290px !important;
width: 280px;
margin: 0;
padding: 0
}
.header-menu .dropdown-menu {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important
}
.header-menu .dropdown-menu:after {
border-bottom: 6px solid #2b2e33;
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
content: "";
display: inline-block;
right: 17px;
position: absolute;
top: -6px
}
.header-menu .dropdown-menu .dropdown-header {
background: #2b2e33;
color: #fff;
font-family: 'Carrois Gothic';
font-size: 15px;
padding: 8px 15px
}
.header-menu .dropdown-menu .dropdown-header:hover {
background: #2b2e33;
color: #fff;
cursor: default
}
.header-menu .dropdown-menu .dropdown-header p {
margin: 0
}
.header-menu .dropdown-menu li {
background: 0;
padding: 0
}
.header-menu .dropdown-menu li:hover {
background: 0
}
.header-menu .dropdown-menu li ul li {
padding: 12px 10px 6px 10px
}
.header-menu .dropdown-menu li ul li:hover {
background: #eaeaea
}
.header-menu .dropdown-menu li ul li a:hover {
text-decoration: none
}
.header-menu .dropdown-menu li ul li .dropdown-time {
color: #c4c4c4;
font-size: 12px;
display: block;
text-align: right;
font-weight: 600
}
.header-menu .dropdown-menu .dropdown-footer {
border-top: 1px solid #e2e2e2;
color: #121212;
font-family: 'Carrois Gothic';
font-size: 12px;
padding: 5px;
background: #f8f8f8
}
.header-menu .dropdown-menu .dropdown-footer a {
padding: 3px 5px
}
.header-menu .dropdown-menu .dropdown-footer a:hover {
background: 0
}
.header-menu .dropdown-menu>li>a.pull-left, .header-menu .dropdown-menu>li>a.pull-right {
clear: none
}
.header-menu #messages-header .glyph-icon {
color: #fff;
font-size: 20px;
margin-top: 2px
}
.header-menu #messages-header ul li img {
height: 30px;
margin-top: -5px;
border-radius: 50%
}
.header-menu #messages-header .dropdown-body p {
font-size: 12px;
font-style: italic;
margin: 5px 0 5px
}
.header-menu #user-header li a:hover {
text-decoration: none;
background-color: #eaeaea
}
.header-menu #user-header .dropdown-menu {
width: 178px
}
.header-menu #user-header .dropdown-menu li a {
padding: 8px 15px;
display: block;
font-size: 13px
}
.header-menu #user-header .dropdown-menu li a i {
padding-right: 8px
}
.header-menu #user-header .dropdown-menu:after {
border-bottom: 6px solid #eaeaea;
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
content: "";
display: inline-block;
right: 17px;
position: absolute;
top: -6px
}
.header-menu #user-header .dropdown-menu .dropdown-footer {
background-color: #e9e9e9
}
.header-menu #user-header .dropdown-menu li.dropdown-footer {
padding: 0
}
.header-menu #user-header .dropdown-menu .dropdown-footer a {
color: #575757;
font-size: 16px;
display: inline-block;
width: 56px;
padding: 8px;
text-align: center
}
.header-menu #user-header .dropdown-menu .dropdown-footer a:hover {
background-color: #dcdcdc
}
.header-menu #user-header .dropdown-menu .dropdown-footer a i {
padding-right: 0
}
.header-menu #notifications-header .glyph-icon {
color: #fff;
font-size: 22px;
margin-top: 2px
}
.header-menu .notification {
position: absolute;
top: 7px;
left: 10px;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%
}
.notification-danger {
background-color: #ed5466
}
.chat-popup {
margin-top: 3px;
padding: 5px 0;
right: 0;
top: 35px;
position: absolute;
z-index: 20;
cursor: pointer
}
.chat-popup .arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #0090d9;
right: 10px;
position: absolute;
top: 0
}
.chat-popup-inner {
width: 140px;
border-radius: 4px 4px 4px 4px;
padding: 8px;
text-decoration: none;
font-size: 12px;
-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.);
box-shadow: 0 1px 1px rgba(255,255,255,0.2)
}
#sidebar {
left: 0;
position: fixed;
height: 100%;
z-index: 30
}
.arrow {
float: right
}
.fa.arrow:before {
content: "\f105";
display: inline-block;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: .15s linear;
transition: all .15s linear
}
.active>a>.fa.arrow:before {
content: "\f105";
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.sidebar-nav {
top: 0;
width: 100%;
list-style: none;
margin: 0;
padding: 0
}
.sidebar-nav>li {
position: relative;
display: block
}
.sidebar-nav li ul li {
position: relative;
display: block
}
.sidebar-nav a {
color: #adadad;
display: block;
text-decoration: none
}
.sidebar-nav a:hover {
color: #fff
}
.sidebar-nav a i {
padding-right: 10px;
-webkit-transition: color .15s linear;
-moz-transition: color .15s linear;
-o-transition: color .15s linear;
transition: color .15s linear
}
.sidebar-nav a:hover i {
color: #3187d6
}
.sidebar-nav a i.glyph-icon, .sidebar-nav a i.fa {
font-size: 18px
}
.sidebar-nav li.current a:hover i {
color: #fff
}
.sidebar-nav li.current a {
color: #fff;
background-color: #16191f;
border-left: 3px solid #00a2d9
}
.sidebar-nav li.current.hasSub a {
border-left: 0
}
.sidebar-nav li.current li.current a {
color: #fff;
background-color: #16191f;
border-left: 3px solid #00a2d9
}
.sidebar-nav>li.current>a:after {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: rgba(226,226,226,0) #dfe5e9 rgba(226,226,226,0)rgba(226,226,226,0);
content: "";
position: absolute;
top: 50%;
margin-top: -9px;
right: 0;
z-index: 5
}
#sidebar ul.submenu a {
background-color: #34383f;
padding: 11px 28px 11px 45px;
font-size: 13px;
text-align: left
}
.sidebar-large #wrapper {
padding-left: 250px
}
.sidebar-large #sidebar {
width: 250px;
overflow: hidden
}
.sidebar-large #sidebar .sidebar-img {
max-width: 26px;
max-height: 26px;
padding-right: 8px
}
.sidebar-large .sidebar-nav li a {
padding: 11px 20px 11px 28px
}
.sidebar-large .sidebar-nav li.last {
margin-bottom: 245px !important
}
.sidebar-large .sidebar-nav>li.current.hasSub>a:after {
display: none
}
.sidebar-large .sidebar-nav>li.current li.current>a:after {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: rgba(226,226,226,0) #dfe5e9 rgba(226,226,226,0)rgba(226,226,226,0);
content: "";
position: absolute;
top: 50%;
margin-top: -9px;
right: 0;
z-index: 5
}
.footer-widget {
position: fixed;
bottom: 0;
display: block;
padding: 0;
background-color: #2b2e33;
width: 250px;
clear: both;
z-index: 1000;
border-top: 2px solid #555
}
.footer-widget i {
font-size: 14px;
color: #5e646d
}
.footer-widget a:hover i {
color: #f7f7f7
}
.footer-widget .sidebar-gradient-img {
width: 100%;
height: 20px;
margin-top: -20px;
display: block
}
#sidebar-charts {
display: block;
border-bottom: 1px solid #3c3c3c;
width: 250px;
padding: 0;
z-index: 1000
}
.sidebar-charts-inner {
padding: 15px 15px 10px 20px;
height: 53px;
border-bottom: 1px solid #20262b
}
.sidebar-charts-left {
float: left;
text-align: left;
margin-top: -7px
}
.sidebar-charts-right {
float: right;
text-align: right
}
.sidebar-chart-title {
color: #fff;
font-size: 11px;
text-transform: uppercase;
opacity: .3
}
.sidebar-chart-number {
color: #fff;
font-size: 18px;
opacity: .7;
font-family: 'Carrois Gothic'
}
#sidebar-charts hr.divider, li.divider {
border: 0;
height: 1px;
margin-bottom: 0;
margin-top: 0;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(205,205,205,0)), color-stop(50%, #4d4d4d), color-stop(100%, rgba(205,205,205,0)));
background: -webkit-linear-gradient(left, rgba(205,205,205,0), #4d4d4d, rgba(205,205,205,0));
background: -moz-linear-gradient(left, rgba(205,205,205,0), #4d4d4d, rgba(205,205,205,0));
background: -o-linear-gradient(left, rgba(205,205,205,0), #4d4d4d, rgba(205,205,205,0));
background: linear-gradient(left, rgba(205,205,205,0), #4d4d4d, rgba(205,205,205,0));
position: relative
}
.sidebar-footer {
padding: 0
}
.sidebar-footer .progress {
position: relative;
top: 15px;
width: 70%;
margin-bottom: 5px
}
.sidebar-footer .pull-left {
width: 25%;
text-align: center;
padding: 10px 0
}
.sidebar-footer .pull-left:hover {
background-color: #373a41
}
.sidebar-footer i {
font-size: 16px
}
.sidebar-medium #wrapper {
padding-left: 125px
}
.sidebar-medium #sidebar {
width: 125px;
position: absolute
}
.sidebar-medium #sidebar .sidebar-img {
max-height: 40px;
max-width: 40px;
display: block;
margin: auto;
margin-bottom: 6px
}
.sidebar-medium .sidebar-nav li a {
padding: 18px 20px 12px 20px;
text-align: center
}
.sidebar-medium #sidebar li a span.arrow, .sidebar-medium .sidebar-nav li a .label, .sidebar-medium .sidebar-nav li a .badge {
display: none
}
.sidebar-medium .sidebar-nav li a i {
display: block;
font-size: 25px;
padding-right: 0
}
.sidebar-medium .sidebar-nav li.active i {
color: #3187d6
}
.sidebar-medium .sidebar-nav li.current a i {
color: #3187d6
}
.sidebar-medium .sidebar-nav li a i.glyph-icon {
font-size: 30px
}
.sidebar-medium .sidebar-nav li a:hover i {
opacity: 1
}
.sidebar-medium li.m-b-245 {
margin-bottom: 0 !important
}
.sidebar-medium #sidebar ul li ul {
position: absolute;
left: 125px;
width: 220px;
margin-top: -70px
}
.sidebar-medium #sidebar ul.submenu a {
background-color: #00a2d9;
color: #121212
}
.sidebar-medium #sidebar ul.submenu li a:hover {
color: #fff
}
.sidebar-medium #sidebar ul.submenu li.current a {
color: #fff;
border-left: 0;
font-weight: 600
}
.sidebar-medium #sidebar li.active:after {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: rgba(0,162,217,0) #00a2d9 rgba(226,226,226,0)rgba(226,226,226,0);
content: "";
position: absolute;
top: 50%;
margin-top: -9px;
right: 0;
z-index: 5
}
.sidebar-medium .footer-widget {
display: none
}
.sidebar-thin #wrapper {
padding-left: 50px
}
.sidebar-thin #sidebar {
width: 50px;
position: absolute
}
.sidebar-thin #sidebar .sidebar-img {
max-width: 20px;
max-height: 20px
}
.sidebar-thin #sidebar li a span {
display: none
}
.sidebar-thin #sidebar li ul li a span {
display: block
}
.sidebar-thin .sidebar-nav li a {
line-height: normal;
padding: 10px 10px;
text-align: center
}
.sidebar-thin .sidebar-nav li a i {
padding-right: 0
}
.sidebar-thin .sidebar-nav li.current a i {
color: #3187d6
}
.sidebar-thin li.m-b-245 {
margin-bottom: 0 !important
}
.sidebar-thin #sidebar ul li ul {
position: absolute;
left: 50px;
width: 220px;
margin-top: -35px
}
.sidebar-thin #sidebar ul.submenu a {
background-color: #00a2d9;
color: #121212
}
.sidebar-thin #sidebar ul.submenu li.current a {
color: #fff;
border-left: 0;
font-weight: 600
}
.sidebar-thin #sidebar li.active:after {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: rgba(0,162,217,0) #00a2d9 rgba(226,226,226,0)rgba(226,226,226,0);
content: "";
position: absolute;
top: 50%;
margin-top: -9px;
right: 0;
z-index: 5
}
.sidebar-thin .footer-widget {
display: none
}
.sidebar-hidden #sidebar {
width: 100%;
position: relative;
overflow-y: hidden;
height: 0
}
.sidebar-hidden .sidebar-nav {
position: relative
}
.sidebar-hidden .sidebar-nav li a {
line-height: normal;
padding: 12px 10px
}
.sidebar-hidden li.m-b-245 {
margin-bottom: 0 !important
}
.sidebar-hidden .footer-widget {
display: none
}
@media(min-width:769px) and (max-width:1200px) {
.sidebar-large #wrapper {
padding-left: 125px
}
.sidebar-large #sidebar {
width: 125px;
position: absolute
}
.sidebar-large #sidebar .sidebar-img {
max-height: 40px;
max-width: 40px;
display: block;
margin: auto;
margin-bottom: 6px
}
.sidebar-large .sidebar-nav li a {
padding: 18px 20px 12px 20px;
text-align: center
}
.sidebar-large #sidebar li a span.arrow, .sidebar-large .sidebar-nav li a .label, .sidebar-large .sidebar-nav li a .badge {
display: none
}
.sidebar-large .sidebar-nav li a i {
display: block;
font-size: 25px;
padding-right: 0
}
.sidebar-large .sidebar-nav li.active i {
color: #3187d6
}
.sidebar-large .sidebar-nav li.current a i {
color: #3187d6
}
.sidebar-large .sidebar-nav li a i.glyph-icon {
font-size: 30px
}
.sidebar-large .sidebar-nav li a:hover i {
opacity: 1
}
.sidebar-large #sidebar ul li ul {
position: absolute;
left: 125px;
width: 220px;
margin-top: -70px
}
.sidebar-large #sidebar ul.submenu a {
background-color: #00a2d9;
color: #121212
}
.sidebar-large #sidebar ul.submenu li a:hover {
color: #fff
}
.sidebar-large #sidebar ul.submenu li.current a {
color: #fff;
border-left: 0;
font-weight: 600
}
.sidebar-large #sidebar li.active:after {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: rgba(0,162,217,0) #00a2d9 rgba(226,226,226,0)rgba(226,226,226,0);
content: "";
position: absolute;
top: 50%;
margin-top: -9px;
right: 0;
z-index: 5
}
.sidebar-large .footer-widget {
display: none
}
}
@media(min-width:480px) and (max-width:768px) {
.sidebar-toggle {
display: none
}
.sidebar-large #wrapper, .sidebar-medium #wrapper {
padding-left: 50px
}
.sidebar-large #sidebar, .sidebar-medium #sidebar {
width: 50px;
position: absolute
}
.sidebar-large #sidebar .sidebar-img, .sidebar-medium #sidebar .sidebar-img {
max-width: 20px;
max-height: 20px
}
.sidebar-large #sidebar li a span, .sidebar-medium #sidebar li a span {
display: none
}
.sidebar-large #sidebar li ul li a span, .sidebar-medium #sidebar li ul li a span {
display: block
}
.sidebar-large .sidebar-nav li a, .sidebar-medium .sidebar-nav li a {
line-height: normal;
padding: 10px 10px;
text-align: center
}
.sidebar-large .sidebar-nav li a i, .sidebar-medium .sidebar-nav li a i {
padding-right: 0
}
.sidebar-large #sidebar ul li ul, .sidebar-medium #sidebar ul li ul {
position: absolute;
left: 50px;
width: 220px;
margin-top: -35px
}
.sidebar-large #sidebar ul.submenu a, .sidebar-medium #sidebar ul.submenu a {
background-color: #00a2d9;
color: white
}
.sidebar-large #sidebar li.active:after, .sidebar-medium #sidebar li.active:after {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: rgba(0,162,217,0) #00a2d9 rgba(226,226,226,0)rgba(226,226,226,0);
content: "";
position: absolute;
top: 50%;
margin-top: -9px;
right: 0
}
.sidebar-large .footer-widget, .sidebar-medium .footer-widget {
display: none
}
.footer-widget {
display: none
}
.navbar-center {
display: none
}
.navbar-header {
float: left
}
.navbar-right {
float: right
}
}
@media(max-width:479px) {
.sidebar-large #wrapper {
padding-left: 0
}
.sidebar-large #sidebar {
width: 100%;
height: 0;
position: relative;
overflow-y: hidden
}
.sidebar-large #sidebar li a span {
display: block
}
.sidebar-large .sidebar-nav li a {
line-height: normal;
padding: 12px 10px
}
.footer-widget {
display: none
}
.sidebar-toggle {
display: none
}
.navbar-header {
float: none
}
.navbar-toggle {
padding: 8px 10px;
margin-top: 3px;
margin-right: 15px;
margin-bottom: 3px;
background-color: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,0)
}
.navbar-right, .navbar-center {
display: none
}
}
.page-title .fa {
font-size: 35px;
margin-right: 5px;
padding: 5px 12px;
border: 1px solid #9399a2;
color: #6b6e74;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 48px;
height: 48px
}
.btn {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
border-radius: 4px;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
padding: 7px 24px
}
.btn:hover, .btn:focus {
outline: 0
}
.btn:active, .btn.active {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
background-color: #bdc3c7;
color: rgba(255,255,255,0.75);
opacity: .7;
filter: alpha(opacity=70)
}
.btn-sm {
padding: 2px 10px !important;
margin-left: 10px
}
.buttons-page .btn {
margin-bottom: 10px
}
.btn-info {
color: #fff;
background-color: #5dade2
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
color: #fff;
background-color: #3498db;
border-color: #3498db
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
background: #2c81ba;
border-color: #2c81ba
}
.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: #3498db;
border-color: #3498db
}
.btn-default {
color: #121212 !important;
background-color: #f5f5f5;
border-color: #d4dee0
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
color: #121212;
background-color: #ebebeb;
border-color: #d4dee0
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background: #e1e1e1;
border-color: #c9d5d8
}
.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: #d3d3d3;
border-color: #d3d3d3
}
.btn-white {
background-color: #fff;
border: 1px solid #e0e0e0
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
color: #fff;
background-color: #e0e0e0;
border-color: #e0e0e0
}
.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
background: #d3d3d3;
border-color: #d3d3d3
}
.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: #e0e0e0;
border-color: #e0e0e0
}
.btn-blue {
color: #fff;
background-color: #00a2d9
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
color: #fff;
background-color: #008fc0;
border-color: #008fc0
}
.btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
background: #007ca7;
border-color: #007ca7
}
.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: #008fc0;
border-color: #008fc0
}
.btn-danger {
color: #fff;
background-color: #c75757
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #b32e2a;
border-color: #b32e2a
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
background: #9e2925;
border-color: #9e2925
}
.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: #b32e2a;
border-color: #b32e2a
}
.btn-dark {
color: #fff;
background-color: #2b2e33
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
color: #fff;
background-color: #1f2225;
border-color: #1f2225
}
.btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
background: #131517;
border-color: #131517
}
.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: #1f2225;
border-color: #1f2225
}
.btn-success {
color: #fff;
background-color: #18a689
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
color: #fff;
background-color: #159077;
border-color: #159077
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
background: #127964;
border-color: #127964
}
.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: #159077;
border-color: #159077
}
.btn.btn-transparent {
background-color: rgba(0,0,0,0)
}
.btn-default.btn-transparent {
color: #333;
border: 1px solid #d3d7db !important
}
.btn-primary.btn-transparent {
color: #2489c5;
border: 1px solid #2489c5 !important
}
.btn-info.btn-transparent {
color: #5bc0de;
border: 1px solid #5bc0de !important
}
.btn-warning.btn-transparent {
color: #f0ad4e;
border: 1px solid #f0ad4e !important
}
.btn-danger.btn-transparent {
color: #d9534f;
border: 1px solid #d9534f !important
}
.btn-success.btn-transparent {
color: #5cb85c;
border: 1px solid #5cb85c !important
}
.btn-dark.btn-transparent {
color: #2b2e33 !important;
border: 1px solid #2b2e33 !important
}
.btn-default.btn-transparent:hover {
color: #333;
border: 1px solid #c5cad0;
background-color: rgba(197,202,208,0.2)
}
.btn-primary.btn-transparent:hover {
color: #258cd1;
border: 1px solid #258cd1;
background-color: rgba(37,140,209,0.1)
}
.btn-info.btn-transparent:hover {
color: #46b8da;
border: 1px solid #46b8da;
background-color: rgba(70,184,218,0.1)
}
.btn-warning.btn-transparent:hover {
color: #eea236;
border: 1px solid #eea236;
background-color: rgba(238,162,54,0.1)
}
.btn-danger.btn-transparent:hover {
color: #d43f3a;
border: 1px solid #d43f3a;
background-color: rgba(212,63,58,0.1)
}
.btn-success.btn-transparent:hover {
color: #4cae4c;
border: 1px solid #4cae4c;
background-color: rgba(76,174,76,0.1)
}
.btn-dark.btn-transparent:hover {
color: #1f2225;
border: 1px solid #1f2225;
background-color: rgba(31,34,37,0.1)
}
.btn.btn-rounded {
border-radius: 50px
}
.btn-group .btn {
margin-right: 0
}
.btn-group-vertical {
margin-right: 20px
}
.btn-group-vertical .btn {
margin-bottom: 0
}
.btn-block i {
margin-top: .2em
}
.btn-icon {
padding: 7px 11px;
height: 35px;
width: 35px
}
.btn-icon i {
width: 11px
}
.btn.btn-lg {
padding: 12px 48px;
font-size: 15px
}
.btn.btn-lg:hover {
color: white
}
.pagination>li>a, .pagination>li>span {
border: 0
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pagination>li>a, .pagination>li>span {
color: #636e7b
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
background-color: #e4e7ea
}
.pagination li {
margin-left: 5px;
display: inline-block;
float: left
}
.pagination li:first-child {
margin-left: 0
}
.pagination li a {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
background-color: #2b2e33;
border-color: #2b2e33
}
ul.pagination>.disabled>span, ul.pagination>.disabled>a, ul.pagination>.disabled>a i, ul.pagination>.disabled>a:hover, ul.pagination>.disabled>a:focus {
opacity: 0 !important
}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span {
padding: 6px 6px 4px 6px !important
}
.panel-default>.panel-heading {
padding: 15px 15px 8px 15px;
background-color: #fff;
border-color: #fff
}
.panel-title {
display: inline-block;
font-size: 18px;
font-weight: 400;
margin: 0;
padding: 0;
margin-bottom: 7px;
width: 50%;
font-family: 'Carrois Gothic', sans-serif
}
.bg-red .panel-title {
color: #fff
}
.panel-tools {
display: inline-block;
padding: 0;
margin: 0;
margin-top: 0
}
.panel-tools a {
margin-left: 6px
}
.panel-body {
background-color: #FFF;
padding: 26px
}
.sortable .panel, .sortable {
cursor: move
}
.form-control {
display: inline-block;
width: 100%;
height: auto;
padding: 8px 12px;
font-size: 13px;
color: #555;
background-color: #FFF !important;
border: 1px solid #d3d3d3;
border-radius: 2px;
-moz-transition: all .2s linear 0, box-shadow .2s linear 0;
-o-transition: all .2s linear 0, box-shadow .2s linear 0;
transition: all .2s linear 0, box-shadow .2s linear 0;
-webkit-box-shadow: none;
box-shadow: none
}
.form-control.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
.form-control..input-sm {
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.form-control:focus {
border-color: #a0bdda;
background-color: #e9ebef;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.div_checkbox {
position: relative;
margin-top: 0
}
.input-icon {
position: relative
}
.input-icon i {
width: 16px;
height: 16px;
font-size: 16px;
color: #e5eaec;
display: block;
text-align: center;
position: absolute;
margin: 10px
}
.input-icon input {
padding-left: 34px !important
}
.input-icon.right input {
padding-right: 34px !important;
padding-left: 10px !important
}
.input-icon.right i {
right: 17px;
margin: 10px 0 10px
}
.input-icon.right .fa-check {
display: block
}
.input-icon.right .parsley-success .fa-check {
display: block
}
.danger .slider-selection {
background-color: #c75757
}
.primary .slider-selection {
background-color: #428bca
}
.success .slider-selection {
background-color: #18a689
}
.warning .slider-selection {
background-color: #f0ad4e
}
.danger .slider-track, .primary .slider-track, .success .slider-track, .warning .slider-track {
background-color: #f0f0f0
}
.danger .slider-handle, .primary .slider-handle, .success .slider-handle, .warning .slider-handle {
background-color: #fff;
background-image: none;
-webkit-box-shadow: inset 0 2px 1px -1px #FFF, 0 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 2px 1px -1px #fff, 0 1px 3px rgba(0,0,0,0.4);
box-shadow: inset 0 2px 1px -1px #FFF, 0 1px 3px rgba(0,0,0,0.4)
}
label {
font-weight: 400
}
.form-group .tips {
font-style: italic;
color: #a8a8a8
}
.form-group strong {
font-weight: 600
}
.form-control.password {
background: #FFF url(../img/small/key_small.png) no-repeat 95% center;
-webkit-transition: all 0 ease;
-moz-transition: all 0 ease;
-ms-transition: all 0 ease;
-o-transition: all 0 ease;
transition: all 0 ease
}
.form-control.user {
background: #FFF url(../img/small/user_small.png) no-repeat 95% center;
-webkit-transition: all 0 ease;
-moz-transition: all 0 ease;
-ms-transition: all 0 ease;
-o-transition: all 0 ease;
transition: all 0 ease
}
input.parsley-success, textarea.parsley-success {
color: #468847 !important;
background-color: #dff0d8 !important;
border: 1px solid #d6e9c6 !important
}
input.parsley-error, textarea.parsley-error {
color: #b94a48 !important;
background-color: #f2dede !important;
border: 1px solid #eed3d7 !important
}
.parsley-error-list {
color: #d9534f;
font-size: 12px;
padding-top: 5px
}
#form3 .parsley-error-list li {
margin-top: -32px
}
#main-content.icons-panel li a {
color: #333;
font-size: 16px;
padding: 10px 25px
}
.icons-panel li.active {
margin-left: -1px
}
.icons-panel .tab-pane {
background-color: #FFF;
padding: 10px 25px
}
#glyphicons li {
display: inline-block;
text-align: left;
color: gray;
height: 60px;
line-height: 31px;
vertical-align: bottom
}
#glyphicons span.glyphicon {
font-size: 1.6em;
color: #366992
}
#glyphicons .glyphicon {
font-size: 1.5em;
margin-bottom: 0;
color: #AAA;
padding-right: 15px
}
a.zocial {
margin: 10px 10px
}
div.social-btn {
display: inline-block;
width: 300px;
overflow: hidden
}
div.social-btn-small {
display: inline-block;
width: 65px;
overflow: hidden
}
.icons-panel .fa-item {
color: #366992;
padding-right: 15px;
height: 60px
}
.icons-panel i.fa {
font-size: 1.6em;
color: #366992;
padding-right: 15px
}
.icons-panel .glyphicon-item {
color: #366992;
padding-right: 15px;
height: 60px
}
.icons-panel .glyphicon-item span {
padding-right: 20px
}
#entypo div.col-md-3 {
color: gray;
height: 58px
}
#entypo .icon:before {
color: #366992
}
.alert.bg-blue, .alert.bg-green, .alert.bg-purple, .alert.bg-gray-light, .alert.bg-gray, .alert.bg-white, .alert.bg-red {
border-radius: 2px
}
.badge-dark {
background-color: #2b2e33 !important
}
.badge-white {
background-color: #fff !important;
color: #2b2e33 !important
}
.badge-default {
background-color: #999 !important
}
.badge-primary {
background-color: #3598db !important
}
.badge-success {
background-color: #378037 !important
}
.badge-info {
background-color: #5bc0de !important
}
.badge-warning {
background-color: #f0ad4e !important
}
.badge-danger {
background-color: #d9534f !important
}
.popover-dark {
border: 1px solid #42474f;
background-color: #2b2e33
}
.popover-dark.top .arrow:after {
border-top-color: #2b2e33
}
.popover-dark.bottom .arrow:after {
border-bottom-color: #2b2e33
}
.popover-dark.left .arrow:after {
border-left-color: #2b2e33
}
.popover-dark.right .arrow:after {
border-right-color: #2b2e33
}
.popover-dark .popover-title {
background-color: #3a3a3a;
color: #fff;
border: 0;
border-bottom: 1px solid #42474f
}
.popover-dark .popover-content {
background-color: #2b2e33;
color: #fff;
padding: 9px 14px
}
.progress.progress-bar-thin {
height: 5px
}
.progress.progress-bar-large {
height: 20px
}
.progress.progress-bar-large .progress-bar {
line-height: 20px
}
.modal-full {
width: 98%
}
.modal-footer.text-center {
text-align: center
}
.modal-panel .btn {
margin-bottom: 10px
}
ul.list-unstyled {
margin: 0;
padding: 0;
list-style: none
}
.nv-axisMaxMin {
color: red !important
}
.panel-content {
padding: 0
}
.panel-stat {
position: relative;
overflow: hidden;
border: 0
}
.panel-stat h3 {
color: #fff
}
.panel-stat .icon {
color: rgba(0,0,0,0.1);
position: absolute;
right: 5px;
bottom: 45px;
z-index: 1
}
.panel-stat .bg-dark .icon {
color: rgba(255,255,255,0.1)
}
.panel-stat .icon i {
font-size: 100px;
line-height: 0;
margin: 0;
padding: 0;
vertical-align: bottom
}
.panel .stat-num {
font-size: 36px;
font-weight: bold
}
.panel-stat .stat-title {
opacity: .7;
text-transform: uppercase
}
@media(min-width:768px) and (max-width:1200px) {
.panel-stat h1 {
font-size: 24px
}
.panel-stat h3 {
font-size: 18px
}
}
.panel-icon {
text-align: center
}
.panel-icon .panel-body {
font-size: 80px;
padding: 15px 35px
}
.panel-icon .panel-footer {
border-top: 0;
background-color: rgba(0,0,0,0.1) !important;
padding: 1px 15px
}
.hover-effect:hover .panel-body.bg-red {
-moz-transition: all .3s linear 0;
-o-transition: all .3s linear 0;
transition: all .3s linear 0;
background-color: #c24848 !important
}
.hover-effect:hover .panel-footer {
-moz-transition: all .3s linear 0;
-o-transition: all .3s linear 0;
transition: all .3s linear 0;
background-color: rgba(0,0,0,0.2) !important
}
.bg-transparent, .bg-transparent .panel-body, .bg-transparent .panel-footer {
background: none !important
}
.bg-transparent .panel-body {
padding: 0 35px;
font-size: 95px
}
.datepicker {
padding: 0;
border-radius: 2px;
font-size: 13px
}
.datepicker th, .datepicker td {
padding: 4px 12px !important;
text-align: center
}
.datepicker table tr td.day:hover {
background: #eee;
cursor: pointer
}
.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-color: #006dcc;
color: #fff
}
.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
cursor: pointer
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
background: #eee
}
.datepicker thead tr .datepicker-switch {
color: #6f7b8a
}
.datepicker thead tr .dow {
color: #00a2d9;
text-transform: uppercase;
font-size: 11px
}
.datepicker tbody tr .odd {
color: #d0d3d8
}
.datepicker thead tr .next:before {
color: #00a2d9;
font-family: 'FontAwesome';
content: "\f054"
}
.datepicker thead tr .prev:before {
color: #00a2d9;
font-family: 'FontAwesome';
content: "\f053"
}
.datepicker table tr td.old, .datepicker table tr td.new {
color: #d0d3d8
}
.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;
text-shadow: none;
font-weight: 600
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
background-color: #e5e9ec;
background-image: none;
color: #fff
}
.datepicker table tr td.day:hover {
background: #eee;
opacity: .65
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
background-color: #00a2d9
}
.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;
border: 0;
text-shadow: none
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover {
background-color: #00a2d9
}
.datepicker table tr td span {
border-radius: 4px 4px 4px 4px
}
.datepicker-inline {
width: auto
}
.datepicker table {
border: 1px solid #eee
}
.dropdown-menu a {
color: #121212
}
.dropdown-menu a:hover {
background: 0
}
.dropdown-menu li a:hover {
background: #f5f5f5
}
.nav.nav-tabs>li>a {
background-color: #cfdae0;
color: #121212
}
.nav.nav-tabs>li.active>a {
background-color: white;
color: #121212
}
.tab-content {
background-color: #FFF;
padding: 15px
}
.nav.nav-tabs.nav-dark>li>a {
background-color: #2b2e33;
color: #dadada
}
.nav.nav-tabs>li.active>a {
background-color: white;
color: #121212
}
.tab-content {
background-color: #FFF;
padding: 15px
}
.nav-tabs.nav-dark .dropdown-menu {
background-color: #2b2e33
}
.nav.nav-tabs.nav-dark .dropdown-menu a {
color: #dadada
}
.nav.nav-tabs.nav-dark .dropdown-menu li:hover {
background: #373a41
}
.tab_left>.tab-content {
overflow: hidden
}
.tab_left>.nav-tabs {
float: left;
border-right: 1px solid #DDD;
margin-right: 0
}
.tab_left>.nav-tabs>li {
float: none
}
.tab_left>.nav-tabs>li>a {
margin-right: 0;
min-width: 80px;
border: 0
}
.tab_left>.nav-tabs>li>a {
border-radius: 0;
margin-right: -1px
}
.tab_left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
border: 0
}
.tab_right>.tab-content {
overflow: hidden
}
.tab_right>.nav-tabs {
float: right;
margin-left: 0;
border-left: 1px solid #DDD
}
.tab_right>.nav-tabs>li {
float: none
}
.tab_right>.nav-tabs>li>a {
margin-left: 0;
min-width: 80px;
border: 0
}
.tab_right>.nav-tabs>li>a {
border-radius: 0;
margin-left: -1px
}
.tab_right>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
border: 0
}
.panel-accordion .panel-title {
width: 100%;
margin-bottom: 0
}
.panel-accordion .panel-default>.panel-heading {
padding: 0;
background-color: #FFF;
border-color: #FFF
}
.panel-accordion a {
color: #121212;
display: inline-block;
width: 100%;
padding: 15px
}
.panel-accordion a {
background-color: #FFF;
color: #121212
}
.panel-accordion a.collapsed {
background-color: #cfdae0;
color: #121212
}
.panel-accordion.dark-accordion a {
background-color: #FFF;
color: #121212
}
.panel-accordion.dark-accordion a.collapsed {
background-color: #2b2e33;
color: #dadada
}
.panel-accordion.dark-accordion .panel-heading .panel-title>a.collapsed:after {
color: #767b80
}
.panel-accordion a:hover {
text-decoration: none
}
.panel-heading .panel-titl e>a:after {
font-family: 'FontAwesome';
content: "\f068";
float: right;
color: #dfe5e9
}
.panel-heading .panel-title>a.collapsed:after {
font-family: 'FontAwesome';
content: "\f067";
float: right;
color: #88a5c0
}
.notification_position {
border: 2px dashed #dfe5e9;
width: 90%;
height: 250px;
position: relative
}
.notification_position .bit {
background-color: #dfe5e9;
cursor: pointer;
position: absolute
}
.notification_position .bit:hover {
background-color: #d0d9df
}
.notification_position .bit.top, .notification_position .bit.bottom {
height: 22%;
width: 40%;
margin: 0 30%
}
.notification_position .bit.medium {
top: 40%;
height: 21%;
margin: 0 30%;
width: 40%
}
.notification_position .bit.right, .notification_position .bit.left {
height: 22%;
width: 20%;
margin-left: 0;
margin-right: 0
}
.notification_position .bit.top {
top: 0
}
.notification_position .bit.bottom {
bottom: 0
}
.notification_position .bit.right {
right: 0
}
.notification_position .bit.left {
left: 0
}
.dragged {
position: absolute;
top: 0;
left: -500px;
opacity: .5;
z-index: 2000
}
ul.vertical {
margin: 0 0 9px 0;
padding-left: 0;
max-width: 600px
}
ul.vertical li {
display: block;
margin: 5px;
padding: 5px 9px;
border-radius: 3px;
color: #222;
font-weight: 600;
background: #dfe5e9
}
ul.vertical li:hover {
cursor: pointer;
background: #d3dce1
}
ul.vertical li.placeholder {
position: relative;
margin: 0;
padding: 0;
border: 0
}
ul.vertical li.placeholder:before {
position: absolute;
content: "";
width: 0;
height: 0;
margin-top: -5px;
left: -5px;
top: -4px;
border: 5px solid transparent;
border-left-color: red;
border-right: 0
}
ul {
list-style-type: none
}
ul i.icon-move {
cursor: pointer
}
ul li.highlight {
background: #333;
color: #999
}
ul.nested_with_switch, ul.nested_with_switch ul {
border: 1px solid #eee
}
ul.nested_with_switch.active, ul.nested_with_switch ul.active {
border: 1px solid #333
}
ul.nested_with_switch li, ul.simple_with_animation li, ul.default li {
cursor: pointer
}
.switch-container {
display: block;
margin-left: auto;
margin-right: auto;
width: 80px
}
.navbar-sort-container {
height: 200px
}
ul.nav li, ul.nav li a {
cursor: pointer
}
ul.nav .divider-vertical {
cursor: default
}
ul.nav li.dragged {
background-color: #2c2c2c
}
ul.nav li.placeholder {
position: relative
}
ul.nav li.placeholder:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #00a2d9;
top: -6px;
margin-left: -5px;
border-bottom: 0
}
ul.nav ul.dropdown-menu li.placeholder:before {
border: 5px solid transparent;
border-left-color: red;
margin-top: -5px;
margin-left: none;
top: 0;
left: 10px;
border-right: 0
}
.sortable_table tr {
cursor: pointer
}
.sortable_table tr.placeholder {
height: 37px;
margin: 0;
padding: 0;
border: 0
}
.sortable_table tr.placeholder td {
background: #cbd5db !important
}
.sortable_table tr.dragged td {
background: #cbd5db !important
}
.sortable_table tr.placeholder:before {
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: red;
margin-top: -5px;
left: -5px;
border-right: 0
}
.sorted_head th {
cursor: pointer
}
.sorted_head th.placeholder {
display: block;
background: #cbd5db;
position: relative;
width: 0;
height: 0;
margin: 0;
padding: 0
}
.sorted_head th.placeholder:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: red;
top: -6px;
margin-left: -5px;
border-bottom: 0
}
.ui-sortable-placeholder {
background-color: #dfe5e9 !important;
visibility: visible !important;
border: 1px dashed #b6bcbf
}
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
max-width: 600px;
list-style: none;
font-size: 13px;
line-height: 20px
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none
}
.dd-list .dd-list {
padding-left: 30px
}
.dd-collapsed .dd-list {
display: none
}
.dd-item, .dd-empty, .dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px
}
.dd-handle {
display: block;
height: 30px;
margin: 5px 0;
padding: 5px 10px;
color: #6f7b8a;
text-decoration: none;
font-weight: 600;
border: 1px solid #e5e9ec;
background: #dfe5e9;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dd-handle:hover {
background-color: #d3dce1;
cursor: pointer
}
.dd-item>button {
display: block;
position: relative;
cursor: pointer;
float: left;
width: 25px;
height: 20px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: bold
}
.dd-item>button:before {
content: '+';
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0
}
.dd-item>button[data-action="collapse"]:before {
content: '-'
}
.dd-placeholder, .dd-empty {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: #f2fbff;
border: 1px dashed #b6bcbf;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dd-empty {
border: 1px dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-size: 60px 60px;
background-position: 0 0, 30px 30px
}
.dd-dragel {
position: absolute;
pointer-events: none;
z-index: 9999
}
.dd-dragel>.dd-item .dd-handle {
margin-top: 0
}
.dd-dragel .dd-handle {
-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1)
}
.nestable-lists {
display: block;
clear: both;
padding: 0;
width: 100%;
border: 0
}
#nestable-menu {
padding: 0;
margin: 20px 0
}
#nestable-output, #nestable2-output {
width: 100%;
height: 7em;
font-size: .75em;
line-height: 1.333333em;
font-family: Consolas, monospace;
padding: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dark .dd-handle {
color: #6f7b8a;
border: 0;
background: #d9e0e4
}
.dark .dd-handle:hover {
background: #d1dade;
color: #505458
}
.dark .dd-item>button:before {
color: #8e9aa2
}
.dd-hover>.dd-handle {
background: #2ea8e5 !important
}
.dd3-content {
display: block;
height: 30px;
margin: 5px 0;
padding: 5px 10px 5px 40px;
color: #333;
text-decoration: none;
font-weight: bold;
border: 1px solid #ccc;
background: #fafafa;
background: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
background: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
background: linear-gradent(top, #fafafa 0, #eee 100%);
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.dd3-content:hover {
color: #2ea8e5;
background: #fff
}
.dd-dragel>.dd3-item>.dd3-content {
margin: 0
}
.dd3-item>button {
margin-left: 30px
}
.dd3-handle {
position: absolute;
margin: 0;
left: 0;
top: 0;
cursor: pointer;
width: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 1px solid #aaa;
background: #ddd;
background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
background: linear-gradient(top, #ddd 0, #bbb 100%);
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.dd3-handle:before {
content: '≡';
display: block;
position: absolute;
left: 0;
top: 3px;
width: 100%;
text-align: center;
text-indent: 0;
color: #fff;
font-size: 20px;
font-weight: normal
}
.dd3-handle:hover {
background: #ddd
}
.nestable-dark .dd-handle {
background: #30353d;
color: #dadada
}
.nestable-dark .dd-item>button {
color: #dadada
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
vertical-align: middle
}
.table tbody .icheckbox_flat, .table tbody .icheckbox_flat-red, .table tbody .icheckbox_flat-green, .table tbody .icheckbox_flat-blue, .table tbody .icheckbox_flat-aero, .table tbody .icheckbox_flat-grey, .table tbody .icheckbox_flat-orange, .table tbody .icheckbox_flat-yellow, .table tbody .icheckbox_flat-pink, .icheckbox_flat-purple, .table tbody .iradio_flat, .iradio_flat-red, .table tbody .iradio_flat-green, .table tbody .iradio_flat-blue, .table tbody .iradio_flat-aero, .table tbody .iradio_flat-grey, .table tbody .iradio_flat-orange, .table tbody .iradio_flat-yellow, .table tbody .iradio_flat-pink, .table tbody .iradio_flat-purple {
top: -9px
}
.table thead .icheckbox_flat, .table thead .icheckbox_flat-red, .table thead .icheckbox_flat-green, .table thead .icheckbox_flat-blue, .table thead .icheckbox_flat-aero, .table thead .icheckbox_flat-grey, .table thead .icheckbox_flat-orange, .table thead .icheckbox_flat-yellow, .table thead .icheckbox_flat-pink, .icheckbox_flat-purple, .table thead .iradio_flat, .iradio_flat-red, .table thead .iradio_flat-green, .table thead .iradio_flat-blue, .table thead .iradio_flat-aero, .table thead .iradio_flat-grey, .table thead .iradio_flat-orange, .table thead .iradio_flat-yellow, .table thead .iradio_flat-pink, .table thead .iradio_flat-purple {
top: 10px
}
th .div_checkbox {
margin-top: -20px
}
table .progress {
margin-bottom: 0
}
table tr.selected td {
background-color: #f7fed5 !important;
font-weight: 500
}
table>tbody>tr.selected:hover>td, .table-hover>tbody>tr.selected:hover>th {
background-color: #f4fec1 !important
}
.table th {
text-transform: uppercase
}
.table-striped td:last-child {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.table-striped td:last-child {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.table-hover thead th {
border-bottom: 2px solid #f0f4f8
}
.table-hover td {
border-bottom: 2px solid #f0f4f8
}
.table-bordered thead th {
background-color: #f0f4f8
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: #f5f5f5;
color: #000
}
table.dataTable thead .sorting_desc:before {
content: "\f107";
font-family: fontAwesome;
float: right;
color: #c75757
}
table.dataTable thead .sorting_asc:before {
content: "\f106";
font-family: fontAwesome;
float: right;
color: #c75757
}
.table-red .pagination>.active>a, .table-red .pagination>.active>span, .table-red .pagination>.active>a:hover, .table-red .pagination>.active>span:hover, .table-red .pagination>.active>a:focus, .table-red .pagination>.active>span:focus {
background-color: #c75757;
border-color: #c75757
}
.table-red .pagination>.active>span:focus {
background-color: #c75757;
border-color: #c75757
}
.table-red div.dataTables_info {
color: #d64545
}
#main-content .table a {
color: #fff;
margin-bottom: 5px
}
div.dataTables_info {
padding-top: 8px;
color: #8ba0b6;
font-size: 13px
}
.dataTables_filter {
float: right
}
.dataTable .fa-plus-square-o {
cursor: pointer
}
.dataTable .sorting_asc, .dataTable .sorting_desc, .dataTable .sorting {
cursor: pointer
}
div.DTTT_container {
position: relative;
float: right;
margin-bottom: 1em
}
button.DTTT_button, div.DTTT_button, a.DTTT_button {
position: relative;
float: left;
margin-left: 6px;
padding: 6px 24px 7px
}
@media(max-width:767px) {
.table-responsive {
border: 0
}
}
.calender-options-wrapper {
padding: 13px;
padding: 20px
}
.calender-options-wrapper .events-wrapper {
margin-top: 50px
}
.calender-options-wrapper .events-heading {
font-size: 13px;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,0.25);
padding-bottom: 14px;
margin-bottom: 20px
}
.calender-options-wrapper .external-event {
font-size: 12px;
color: #fff;
background-color: #d44443;
display: block;
padding: 5px 8px;
border-radius: 3px;
width: 100%;
margin-bottom: 8px;
cursor: move
}
.fc-view {
margin-top: 15px
}
table.fc-border-separate {
margin-top: 20px
}
.fc-grid th {
text-transform: uppercase;
padding-bottom: 10px
}
.fc-border-separate th, .fc-border-separate td {
border-width: 0;
border-bottom: 1px solid #e5e9ec
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
border-right-width: 0
}
.fc-border-separate td.fc-last {
border-right-width: 0
}
.fc-border-separate tr.fc-last td {
border-bottom-width: 0
}
.fc-grid .fc-day-number {
padding: 10px
}
.fc-state-highlight {
background-color: transparent
}
.fc-state-highlight .fc-day-number {
background-color: #292929;
border-radius: 2px;
color: #fff;
margin-top: 10px
}
.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
margin-top: 10px
}
.fc table thead tr th {
font-size: .9em
}
.fc-button-prev, .fc-button-next {
background-color: #0090d9 !important;
color: #FFF !important;
font-weight: 400
}
.fc-button-prev:hover, .fc-button-next:hover {
background-color: #0688ca !important
}
..fc-border-separate tbody tr.fc-first td div {
max-height:80px !important
}
.fc-event-title {
font-size: 12px
}
#external-events h4 {
font-size: 16px;
margin-top: 0;
padding-top: 1em
}
.external-event {
margin: 10px 0;
padding: 6px;
cursor: pointer;
padding: 6px;
border-radius: 3px
}
.fc-event-time {
display: none
}
#external-events p input {
margin: 0;
vertical-align: middle
}
.map-panel .panel-body {
padding: 0
}
.map-panel #instructions li {
display: block;
height: 21px;
padding-left: 15px;
color: #6175a0
}
.map {
display: block;
width: 100%;
height: 350px;
margin: 0 auto
}
.overlay_arrow {
left: 50%;
margin-left: -16px;
width: 0;
height: 0;
position: absolute
}
.overlay_arrow.above {
bottom: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #369
}
.overlay_arrow.below {
top: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid #369
}
.map.large {
height: 500px
}
.map_geocoding {
position: absolute;
background-color: #FFF;
padding: 20px;
top: 5px;
left: 20%;
width: 50%
}
.flot-chart {
display: block;
height: 400px
}
.flot-chart-content {
width: 100%;
height: 100%
}
.jqstooltip {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
background: #000 transparent;
background-color: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
color: white;
font: 10px arial, san serif;
text-align: left;
white-space: nowrap;
padding: 5px;
border: 1px solid white;
z-index: 10000;
border: 0
}
.jqsfield {
color: white;
font: 10px arial, san serif;
text-align: left
}
#tooltip {
position: absolute;
padding: 2px;
background-color: #cbe4f6;
z-index: 999;
padding: 2px 8px;
opacity: .9;
top: 458px;
left: 565px;
display: none
}
#flot-tooltip {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
position: absolute;
display: none;
padding: 2px;
background-color: #4f4f4f;
color: #fff;
opacity: .8
}
@media(max-width:480px) {
.nvd3.nv-legend {
display: none
}
#d3_chart1 {
margin-top: -200px
}
}
#main-content.page-mailbox {
padding: 0 15px 0 0
}
.page-mailbox .col-md-4 {
padding-right: 0
}
.page-mailbox .col-lg-8 {
padding-left: 0;
padding-right: 0
}
.page-mailbox .panel {
margin-bottom: 0
}
#messages-list, #message-detail {
overflow: hidden
}
.message-action-btn i {
font-size: 20px;
line-height: 40px
}
.icon-roundeds {
text-align: center;
border-radius: 50%;
width: 40px;
height: 35px;
color: #215732;
display: inline-block
}
.icon-roundeds img{
float:right !important;
position: relative;
}
.pull-right li{
float:left;
}
.icon-rounded.heart-red {
border: 1px solid #d9534f;
color: #d9534f
}
.icon-rounded.gear:hover {
border: 1px solid #3f97c9;
color: #3f97c9
}
.panel-body.messages {
padding: 0
}
.border-bottom {
border-bottom: 1px solid #efefef !important
}
#main-content .messages a.btn {
color: #b3b3b3
}
.message-item {
border: 0;
border-bottom: 1px solid #ecebeb !important;
margin: 0;
padding: 10px 15px;
display: block
}
.message-item h5 {
margin-top: 0
}
.message-item p {
margin-bottom: 0;
height: 20px;
overflow: hidden
}
.message-item .message-checkbox {
height: 30px
}
.message-active {
color: #fff;
background-color: #00a2d9
}
a.message-item.message-active:hover {
color: #fff;
background-color: #008fc0
}
a.message-item:hover {
text-decoration: none;
background-color: #eaeaea
}
.messages .message-item img {
border-radius: 3px
}
.message-item-right {
padding-left: 33px
}
.withScroll {
height: auto;
overflow: auto;
overflow: hidden
}
.messages .mCustomScrollBox {
overflow: hidden !important
}
.message-result .message-item {
padding-left: 0
}
.message-result .message-item-right {
padding-left: 0
}
.message-title {
margin-top: 0
}
.message-body {
padding: 0 20px 20px 20px
}
.message-attache .media {
float: left;
padding-right: 30px;
margin-top: 0;
padding-bottom: 30px
}
.message-attache {
border-top: 1px solid #ecebeb !important;
padding-top: 10px
}
.message-between {
height: 8px;
background-color: #e7e7e7
}
.footer-message {
padding-top: 20px
}
.send-message .form-control {
height: 34px
}
@media(min-width:992px) {
.email-go-back {
display: none
}
}
@media(max-width:991px) {
.email-hidden-sm {
display: none
}
.email-go-back {
display: inline-block
}
}
.jcrop-holder #preview-pane {
display: block;
position: absolute;
z-index: 20;
top: 10px;
right: 10px;
padding: 6px;
border: 1px rgba(0,0,0,.4) solid;
background-color: white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2)
}
#style-button {
display: block;
width: 282px;
margin: auto;
margin-top: 10px;
padding: 6px;
border: 1px rgba(0,0,0,.4) solid;
background-color: white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2)
}
#preview-pane .preview-container {
width: 250px;
height: 170px;
overflow: hidden
}
.image-croping img {
display: block;
height: auto;
max-width: 100%
}
.media-manager .panel-body {
padding: 10px
}
.media-header {
list-style: none;
margin: 15px;
padding: 0;
margin-bottom: 20px;
background: #Fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}
.media-header li {
display: inline-block;
padding: 15px;
border-right: 1px solid #EEE;
font-size: 12px;
color: #666
}
.media-header li:hover {
background-color: #00a2d9;
color: #fff;
cursor: pointer
}
.media-header li:hover a {
text-decoration: none;
color: #fff
}
.media-header .pull-right {
background-color: #00a2d9;
color: #fff
}
.media-header .pull-right:hover {
background-color: #008fc0
}
.media-header .pull-right a {
color: #fff
}
.media-checkbox {
position: relative
}
.media-checkbox label {
padding-left: 26px;
margin-bottom: 0
}
.media-checkbox .icheckbox_flat-aero {
top: -2px
}
.media-type {
color: #121212
}
.media-type a {
color: #121212;
padding-right: 10px
}
.media-title a {
color: #00a2d9;
font-weight: 600
}
.media-manager .thmb.checked {
border-color: #ccc
}
.media-manager .media-group {
position: absolute;
top: 14px;
right: 14px;
display: none
}
.col-xs-6:hover .media-group {
display: block
}
.media-manager .dropdown-toggle {
border: 1px solid #CCC !important;
padding: 5px 4px;
line-height: normal;
background: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
.media-manager .media-menu {
min-width: 128px
}
.media-manager .media-menu a {
color: #333
}
.media-manager .media-menu i {
margin-right: 5px;
color: #999;
width: 15px;
font-size: 12px
}
.media-manager .media-menu li {
margin: 0 5px;
border-radius: 3px
}
.media-manager .media-menu li:hover {
background-color: #dfe5e9 !important
}
.media-manager .media-menu li:hover i {
color: #00a2d9
}
.media-manager .col-xs-6 {
padding-right: 0
}
.media-manager .glyphicon {
margin-right: 10px
}
.media-manager .panel-body {
padding: 10px
}
.media-manager .panel-body table tr td {
padding-left: 15px
}
.media-manager .panel-body .table {
margin-bottom: 0
}
#main-content .media-manager .table a {
color: #121212
}
.media-manager .panel-heading .panel-title>a:after {
display: none
}
.media-manager .panel-heading .panel-title>a.collapsed:after {
display: none
}
.media-menu .panel-body {
padding: 0
}
.media-menu .panel-heading:hover {
cursor: pointer
}
.media-menu .panel-heading:hover .collapsed {
background-color: #f5f6f7 !important
}
.media-menu.dropdown-menu>li>a {
padding: 3px 20px 3px 10px
}
.media-menu table td:hover {
background-color: #f1f1f1
}
.media-menu table a:hover {
text-decoration: none
}
.gallery {
padding-top: 20px
}
.gallery .mix {
position: relative;
display: none;
font-weight: 400;
color: #fff;
height: auto;
overflow: hidden
}
.gallery .mix .thumbnail {
background: url('../img/gradient-big.png') repeat-x
}
.gallery.list .mix {
width: 100%;
height: 160px
}
.thumbnail {
position: relative;
padding: 0;
border-width: 0;
border-radius: 3px;
margin-bottom: 30px
}
.thumbnail>.overlay {
position: absolute;
z-index: 4;
border-radius: 3px;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.thumbnail:hover>.overlay {
opacity: 1
}
.thumbnail>.overlay>.thumbnail-actions {
position: absolute;
top: 50%;
margin-top: -20px;
width: 100%;
text-align: center
}
.thumbnail>.overlay>.thumbnail-actions i {
margin-left: -2px;
margin-right: 2px
}
.thumbnail>.overlay>.thumbnail-actions .btn {
-webkit-transition: all .2s ease-in !important;
-moz-transition: all .2s ease-in !important;
-o-transition: all .2s ease-in !important;
transition: all .2s ease-in !important;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.thumbnail:hover>.overlay>.thumbnail-actions .btn {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.thumbnail .thumbnail-meta h5 {
margin: 0
}
.thumbnail .thumbnail-meta small {
color: #cfcfcf
}
.thumbnail .thumbnail-meta {
position: absolute;
z-index: 6;
top: auto;
bottom: 0;
left: 0;
right: 0;
color: #FFF;
padding: 10px;
background: url('../img/gradient-big.png') repeat-x bottom
}
.thumbnail {
background: #c7d6e9
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .52s ease-out;
transition: all .2s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0
}
.categories-list li {
padding: 8px 0 8px 0
}
.categories-list a {
color: #c75757
}
.categories-list li i {
padding-right: 10px;
color: #c75757
}
.blog-sidebar {
font-weight: 600 !important
}
.blog-sidebar h4 {
font-weight: 500 !important
}
.blog-results a:hover, .blog-result a:hover {
color: #c75757 !important;
text-decoration: none
}
.blog-result h1 {
color: #c75757
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative
}
.timeline-options {
font-size: 22px;
border-bottom: 2px solid #fff;
margin-bottom: 15px;
padding-top: 30px;
font-weight: 600;
margin-left: 5px;
margin-right: 5px
}
.timeline-options .col-md-3 {
padding-bottom: 10px
}
.timeline-options .btn {
font-size: 15px
}
.timeline-btn-day {
text-align: center
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 7px;
left: 50%;
margin-left: -3.5px;
background: #00a2d9;
background: -moz-linear-gradient(top, #00a2d9 0, #ddd 55%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a2d9), color-stop(55%, #ddd));
background: -webkit-linear-gradient(top, #00a2d9 0, #ddd 55%);
background: -o-linear-gradient(top, #00a2d9 0, #ddd 55%);
background: -ms-linear-gradient(top, #00a2d9 0, #ddd 55%);
background: linear-gradient(to bottom, #00a2d9 0, #ddd 55%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2d9', endColorstr='#dddddd', GradientType=0)
}
.timeline>li {
margin-bottom: 20px;
position: relative
}
.timeline-heading .pull-left {
width: 50%
}
.timeline-heading .pull-right {
font-size: 18px;
display: none
}
.timeline-panel:hover .timeline-heading .pull-right {
display: block
}
.timeline-heading {
height: 75px
}
.timeline-heading .pull-right a:hover {
color: #00a2d9
}
.timeline-heading .pull-right i {
padding-left: 12px
}
.timeline>li:before, .timeline>li:afttimeline-paneler {
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 {
background: #FFF;
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 0;
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)
}
.timeline>li>.timeline-panel .timeline-heading {
padding: 20px 20px 15px 20px
}
.timeline>li>.timeline-panel .timeline-body {
padding: 20px
}
.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: 26px;
height: 26px;
line-height: 26px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -13px;
border: 4px solid #dfe5e9;
z-index: 20;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right
}
.timeline-info {
float: left !important;
width: 48%;
padding-top: 16px
}
.timeline-info .fa {
font-size: 34px
}
.timeline-info-time {
float: right;
width: 40px
}
.timeline-info-hour {
font-size: 12px;
font-weight: 500
}
.timeline-info-type {
float: right;
padding-right: 10px;
font-size: 23px;
font-weight: 700
}
.timeline-info.inverted {
float: right !important;
width: 48%;
padding-top: 16px
}
.timeline-info.inverted .timeline-info-time {
float: left;
width: 40px
}
.timeline-info.inverted .timeline-info-type {
float: left;
font-size: 23px;
font-weight: 700
}
.timeline>li>.timeline-panel .timeline-body.media {
margin-top: 0;
padding-top: 10px
}
.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
}
.timeline-day {
font-weight: 700;
font-size: 1.1em
}
.timeline-day-number {
float: left;
height: 40px;
font-size: 44px;
font-weight: 700;
padding-right: 8px;
margin-top: -10px;
font-family: arial
}
.timeline-month {
font-weight: 600
}
@media(max-width:767px) {
ul.timeline:before {
left: 40px
}
.timeline-btn-day {
text-align: left
}
ul.timeline>li>.timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px)
}
ul.timeline>li>.timeline-badge {
left: 28px;
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
}
.timeline-info.inverted {
float: left !important;
padding-left: 92px;
width: 100%
}
.timeline-info {
float: left !important;
padding-left: 92px;
width: 100%
}
.timeline-info .float-right {
float: left !important
}
}
#main-content.page-profil {
padding: 0 15px 0;
background: #FFF
}
.page-profil .col-md-3 {
padding-left: 0;
padding-right: 0;
background-color: #fff
}
.page-profil .col-md-9 {
background-color: #fff
}
.page-profil .profil-content {
border-left: 1px solid #ebebeb
}
.profil-sidebar img {
padding-right: 0
}
.page-profil h4 {
font-weight: 600;
width: 50%
}
.profil-sidebar h5 {
font-size: 14px;
font-weight: 600
}
.profil-sidebar-element {
padding-bottom: 10px;
padding-top: 15px;
border-bottom: 1px solid #ebebeb
}
.profil-sidebar-element:last-child {
border-bottom: 0
}
.profil-sidebar-element:first-child {
padding-top: 0
}
.sidebar-number {
color: #00a2d9;
font-size: 36px;
font-weight: 500;
margin-top: -16px
}
.profil-sidebar img.img-small-friend {
width: 100%;
padding-right: 0;
margin-bottom: 10px
}
.more-friends {
width: 100%;
height: 100%
}
.profil-sidebar .col-md-2 {
padding-left: 5px;
padding-right: 5px
}
.profil-sidebar .btn {
text-align: left;
padding-left: 10px
}
.profil-sidebar .btn i {
padding-right: 8px
}
.profil-sidebar .fa-ellipsis-h {
position: absolute;
top: 8px;
left: 17px;
color: #1892bb;
font-size: 39px
}
.profil-sidebar #stars .fa {
color: #1892bb;
font-size: 18px;
padding-right: 10px
}
.page-profil .profil-review .col-md-9 {
padding-left: 0
}
.page-profil .col-md-9 {
padding-left: 40px
}
.profil-presentation {
font-size: 18px;
padding: 0 15px 0 15px
}
.section-box h2 {
margin-top: 0
}
.section-box h2 a {
font-size: 15px
}
.glyphicon-heart {
color: #e74c3c
}
.profil-content a:hover {
color: #00a2d9 !important
}
.separator {
padding-right: 5px;
padding-left: 5px
}
.section-box hr {
margin-top: 0;
margin-bottom: 5px;
border: 0;
border-top: 1px solid #ebebeb
}
.page-profil .stars {
float: left
}
.page-profil .stars .fa, .page-profil .fa-comments-o {
color: #1892bb;
font-size: 15px;
padding-right: 5px
}
.profil-groups {
padding-bottom: 10px
}
.profil-groups img {
width: 100%;
margin-bottom: 4px
}
.profil-group {
padding-left: 10px !important
}
.profil-groups .thumb {
padding-left: 2px;
padding-right: 2px
}
.profil-review {
margin-bottom: 20px
}
.panel-image img.panel-image-preview {
width: 100%;
border-radius: 4px 4px 0 0;
max-height: 335px;
overflow: hidden
}
.panel-heading ~ .panel-image img.panel-image-preview {
border-radius: 0
}
.panel-image ~ .panel-footer a {
padding: 0 10px;
font-size: 1.3em;
color: #646464
}
.col-md-3.profil-sidebar .img-responsive {
width: 100%
}
.dashboard .panel-stat .glyph-icon {
opacity: .5;
font-size: 55px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational, .dashboard .panel-stat .glyph-icon.flaticon-incomes {
font-size: 65px
}
.dashboard .panel-stat .col-xs-6:last-child {
text-align: right
}
@media(max-width:1500px) {
.dashboard .fc-header-right {
display: none
}
.dashboard .fc-header-center {
text-align: right;
padding-right: 40px
}
.dashboard .panel-stat .glyph-icon {
font-size: 42px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational, .dashboard .panel-stat .glyph-icon.flaticon-incomes {
font-size: 52px
}
}
@media(max-width:1250px) {
.dashboard .panel-stat .glyph-icon {
font-size: 30px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational, .dashboard .panel-stat .glyph-icon.flaticon-incomes {
font-size: 38px
}
}
@media(max-width:992px) {
.dashboard .panel-stat .glyph-icon {
font-size: 50px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational, .dashboard .panel-stat .glyph-icon.flaticon-incomes {
font-size: 60px
}
.dashboard .panel-stat .col-xs-9 {
text-align: right
}
}
.error-page {
background: #dfe5e9;
background: -moz-radial-gradient(center, ellipse cover, rgba(223,229,233,1) 2%, rgba(223,229,233,1) 2%, rgba(178,192,202,1) 100%);
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(2%, rgba(223,229,233,1)), color-stop(2%, rgba(223,229,233,1)), color-stop(100%, rgba(178,192,202,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(223,229,233,1) 2%, rgba(223,229,233,1) 2%, rgba(178,192,202,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(223,229,233,1) 2%, rgba(223,229,233,1) 2%, rgba(178,192,202,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(223,229,233,1) 2%, rgba(223,229,233,1) 2%, rgba(178,192,202,1) 100%);
background: radial-gradient(ellipse at center, rgba(223,229,233,1) 2%, rgba(223,229,233,1) 2%, rgba(178,192,202,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe5e9', endColorstr='#b2c0ca', GradientType=1);
padding: 0;
overflow: hidden
}
.error-main {
text-align: center;
margin-top: 20%;
color: #2b2e33
}
.error-page h1 {
font-size: 120px;
text-align: center;
font-weight: 600
}
.error-page a {
color: #2b2e33
}
.error-page a:hover {
text-decoration: none;
color: #616873
}
.error-page .footer {
position: absolute;
bottom: 30px;
width: 100%
}
.error-page .copyright {
font-size: 12px;
text-align: center
}
.error-page .btn {
padding: 8px 50px
}
.alert {
width: 70%;
margin: 20px auto
}
.login h2, .login h3 {
font-family: 'Open Sans'
}
#login-block {
padding-top: 50px;
padding-bottom: 25px
}
#login-block h3 {
color: #FFF;
text-align: center;
font-size: 1.5em;
opacity: .8;
text-shadow: 2px 2px 2px #000;
font-weight: 400
}
.login-box {
position: relative;
max-width: 480px;
background: #215732 /*#222d3a*/;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-bottom: 20px;
margin-top: 50px
}
.backweb{
padding:20px;
font-weight:500;
color:#215732;
}
.login-contato{
margin-top: 0
}
.contato{
padding-top:10px;
}
.login-logo {
text-align: center;
padding: 15px;
}
.login-logo img {
width:170px;
height:auto;
border: 0;
display: inline-block
}
.login-econsult {
text-align: left;
padding: 15px 0 0 15px;
}
.login-econsult img {
width:150px;
height:auto;
border: 0;
display: inline-block
}
.login-form form p {
width: 80%;
text-align: center;
margin: 5px auto 10px
}
.login-box hr {
width: 70%;
border-top: 1px solid rgba(0,0,0,0.13);
border-bottom: 1px solid rgba(255,255,255,0.15);
margin: 10px auto 20px
}
.page-icon {
width: 100px;
height: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background: #12181f;
text-align: center;
margin: -60px auto 0
}
.page-icon img {
vertical-align: middle;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
opacity: .6;
width: 48px;
height: 48px;
margin: 25px 0 0
}
.rotate-icon {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.login-box .page-icon {
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s
}
.login-form input {
display: block;
width: 70%;
background: #fefefe;
border: 0;
color: #6c6c6c;
border-radius: 2px;
margin: 0 auto 15px;
padding: 8px
}
.login-form .input-icon {
width: 70%;
margin-left: 15%
}
.btn.btn-login {
width: 100px;
display: block;
border: 1px solid rgba(0,0,0,0);
color: #999;
text-transform: uppercase;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
margin-top: 20px;
margin-right: 15%;
margin-bottom: 20px;
margin-left: auto;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.btn.btn-login:hover {
opacity: .8;
color:#999;
border-color:1px solid #09F;
}
.btn.btn-reset {
width: 180px
}
.login-links {
text-align: center;
padding-top:20px;
}
.login-links a {
color: #FFF;
display: inline-block;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: .7;
padding: 5px
}
.login-links a:hover {
opacity: 1;
text-decoration: none
}
label.checkbox {
width: 70%;
display: block;
margin: 0 auto
}
.textarea{
width:70%;
margin:0 auto;
display:block;
}
label.checkbox input {
width: 14px;
background: 0;
border: 0;
margin: 4px 0 0;
padding: 0
}
#footer-text, #footer-text a {
text-align: center;
color: #999;
opacity: 1
}
.social-login {
margin: 10px 0 5px
}
.social-login .btn {
text-align: center;
color: #FFF;
text-shadow: 1px 1px 1px #333;
width: 95%;
margin: 5px auto;
padding: 5px
}
.btn.btn-facebook {
background: #385496;
background-size: 100%;
font-size: 12px
}
.btn.btn-facebook:hover {
background: #4365b4
}
.btn.btn-twitter {
background: #4a9eff;
font-size: 12px
}
.btn.btn-twitter:hover {
background: #73b4ff
}
.fb-login, .twit-login {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
padding: 5px
}
@media only screen and (max-width:479px) {
#login-block {
padding-top: 10px;
padding-bottom: 25px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
#login-block {
margin: 0 auto;
width: 420px
}
}
.lockscreen {
text-align: center
}
.lockscreen .page-icon img {
width: 100px;
height: 100px;
margin: 0;
border-radius: 50%;
opacity: 1
}
.lockscreen i {
margin-top: 20px;
opacity: .5;
font-size: 35px
}
.lockscreen h3 {
margin-top: 5px
}
.login .form-input {
width: 70%;
margin-left: 15%
}
body.login.lockscreen {
background: #aab5a4;
color: #FFF
}
.widget-fullwidth {
margin-left: -20px;
margin-right: -20px;
margin-top: -10px;
height: 100%
}
.widget-body {
padding: 20px
}
.widget h2 {
display: inline-block;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
margin-bottom: 7px;
width: 60%
}
.panel-weather .panel-body {
padding: 0;
position: relative;
overflow: hidden;
color: #fff
}
.panel-weather img.weather-bg {
position: absolute
}
.panel-weather .weather-body {
padding: 0
}
@font-face {
font-family: 'weather';
src: url('icons/weather/artill_clean_icons-webfont.eot');
src: url('icons/weather/artill_clean_icons-webfontd41d.eot?#iefix') format('embedded-opentype'), url('icons/weather/artill_clean_icons-webfont.woff') format('woff'), url('icons/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('icons/weather/weatherfont/artill_clean_icons-webfont.html#artill_clean_weather_iconsRg') format('svg');
font-weight: normal;
font-style: normal
}
#weather {
width: 100%;
margin: 0 auto;
text-align: center;
text-transform: uppercase
}
#weather [class^="icon-"]:before, #weather [class*=" icon-"]:before {
color: #fff;
font-family: weather;
font-size: 80px;
font-weight: normal;
margin-left: 0;
font-style: normal;
line-height: 1.0
}
.icon-0:before {
content: ":"
}
.icon-1:before {
content: "p"
}
.icon-2:before {
content: "S"
}
.icon-3:before {
content: "Q"
}
.icon-4:before {
content: "S"
}
.icon-5:before {
content: "W"
}
.icon-6:before {
content: "W"
}
.icon-7:before {
content: "W"
}
.icon-8:before {
content: "W"
}
.icon-9:before {
content: "I"
}
.icon-10:before {
content: "W"
}
.icon-11:before {
content: "I"
}
.icon-12:before {
content: "I"
}
.icon-13:before {
content: "I"
}
.icon-14:before {
content: "I"
}
.icon-15:before {
content: "W"
}
.icon-16:before {
content: "I"
}
.icon-17:before {
content: "W"
}
.icon-18:before {
content: "U"
}
.icon-19:before {
content: "Z"
}
.icon-20:before {
content: "Z"
}
.icon-21:before {
content: "Z"
}
.icon-22:before {
content: "Z"
}
.icon-23:before {
content: "Z"
}
.icon-24:before {
content: "E"
}
.icon-25:before {
content: "E"
}
.icon-26:before {
content: "3"
}
.icon-27:before {
content: "a"
}
.icon-28:before {
content: "A"
}
.icon-29:before {
content: "a"
}
.icon-30:before {
content: "A"
}
.icon-31:before {
content: "6"
}
.icon-32:before {
content: "1"
}
.icon-33:before {
content: "6"
}
.icon-34:before {
content: "1"
}
.icon-35:before {
content: "W"
}
.icon-36:before {
content: "1"
}
.icon-37:before {
content: "S"
}
.icon-38:before {
content: "S"
}
.icon-39:before {
content: "S"
}
.icon-40:before {
content: "M"
}
.icon-41:before {
content: "W"
}
.icon-42:before {
content: "I"
}
.icon-43:before {
content: "W"
}
.icon-44:before {
content: "a"
}
.icon-45:before {
content: "S"
}
.icon-46:before {
content: "U"
}
.icon-47:before {
content: "S"
}
.weather-body h1 {
margin-top: 0
}
.weather-currently {
color: #fff;
text-align: right;
font-weight: bold
}
.big-img-weather {
padding-left: 30px !important
}
.big-img-weather:before {
font-size: 170px !important
}
.weather-left {
text-align: center
}
#weather h2 {
margin: 0 0 8px;
color: #fff;
font-weight: 300;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,0.15)
}
#weather ul {
margin: 0;
padding: 0
}
#weather li {
background: #fff;
background: rgba(255,255,255,0.90);
padding: 20px;
display: inline-block;
border-radius: 5px
}
#weather .currently {
margin: 0 20px
}
.weather-place {
font-size: 24px;
width: 50%;
text-align: right
}
.weather-place i {
font-size: 50px;
float: right
}
.weather-footer {
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
background-color: rgba(0,0,0,0.6)
}
.weather-footer-block {
padding: 5px;
border-right: 1px solid #000;
font-weight: 500
}
.weather-footer-block:last-child {
border-right: 0
}
@media(max-width:768px) {
.big-img-weather:before {
font-size: 80px !important
}
#weather [class^="icon-"]:before, #weather [class*=" icon-"]:before {
font-size: 40px
}
}
.user-comment {
display: block;
margin-bottom: 10px;
padding: 0 15px
}
.chat {
list-style: none;
margin: 0;
padding: 0
}
.chat .header {
background: 0;
border: 0;
width: auto;
position: relative;
min-height: 0;
height: auto;
z-index: 1
}
.chat li {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #d6d6d6
}
.chat li.left .chat-body {
margin-left: 60px
}
.chat li.right .chat-body {
margin-right: 60px
}
.chat li .chat-body p {
margin: 0;
color: #777
}
.chat .panel .slidedown .glyphicon, .chat .glyphicon {
margin-right: 5px
}
.chat .panel-body {
height: 340px !important;
overflow: hidden;
padding: 0
}
.chat .panel-body ul {
padding: 15px 25px
}
.profil-name-heading {
position: absolute;
top: 40px;
color: #fff;
width: 100%
}
.widget-profil-img-center {
margin-top: -40px;
border: 10px solid #fff;
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.3)
}
.font-animation {
padding: 10px 0
}
.font-animation a {
font-size: 16px;
color: #121212
}
.font-animation a i {
color: #3598db
}
.font-animation a:hover {
text-decoration: none
}
.animation_title {
font-family: 'Open Sans', verdana, arial;
font-size: 6rem;
color: #3598db
}
#animationSandbox {
display: block;
overflow: hidden
}
#tooltip, .graph-info a {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.graph-info {
width: 100%;
margin-bottom: 10px
}
#tooltip, .graph-info a {
font-size: 12px;
line-height: 20px;
color: #646464
}
.tickLabel {
font-weight: bold;
font-size: 12px;
color: #666
}
#tooltip {
position: absolute;
display: none;
padding: 5px 10px;
border: 1px solid #e1e1e1
}
#lines, #bars {
width: 34px;
height: 32px;
padding: 0;
margin-right: 0;
margin-left: 10px;
float: right;
cursor: pointer
}
#lines.active, #bars.active {
background: #00a2d9
}
#lines span, #bars span {
display: block;
width: 34px;
height: 32px;
background: url('../img/small/lines.png') no-repeat 9px 12px
}
#bars span {
background: url('../img/small/bars.png') no-repeat center 10px
}
#lines.active span {
background-image: url('../img/small/lines_active.png')
}
#bars.active span {
background-image: url('../img/small/bars_active.png')
}
.yAxis .tickLabel:first-child, .yAxis .tickLabel:last-child {
display: none
}
.graph-info:before, .graph-info:after, .graph-container:before, .graph-container:after {
content: '';
display: block;
clear: both
}