%PDF-
%PDF-
Mini Shell
Mini Shell
/*
=========================================================================
Lanceng - Responsive Admin Template
Exclusive on Wrapbootstrap (http://wrapbootstrap.com)
Author Isoh Design Studio
URL http://isohdesign.com
Designer Ari Rusmanto (http://twitter.com/arirusmanto)
Version 1.1
Update Released February 13, 2014
=========================================================================
*/
/* Import font from Google Font (Open sans) */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
.compojoom-bootstrap {position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; clear: both; margin-bottom: 35px;}
/** Heading style reset **/
.compojoom-bootstrap h1, .compojoom-bootstrap h2, .compojoom-bootstrap h3,
.compojoom-bootstrap h4, .compojoom-bootstrap h5,
.compojoom-bootstrap h6{font-family: 'Open Sans', Arial;}
/** Make container auto **/
.compojoom-bootstrap .container{width: auto;}
/** Navbar style reset **/
.compojoom-bootstrap blockquote.reply-message{
font-size: 14px;
}
.compojoom-bootstrap .modal{z-index: 9999996;}
.compojoom-bootstrap .modal-backdrop {
z-index: 9999995;
}
.compojoom-bootstrap .navbar{
margin: 0 0 0 -15px;
z-index: 999993;
border-radius: 0;
}
.compojoom-bootstrap .navbar-collapse{
padding:0;
margin: 0;
}
.compojoom-bootstrap .navbar-default {
background-color: #fff;
border: none;
}
.compojoom-bootstrap .nav.navbar-nav.top-navbar li {position:relative;}
.compojoom-bootstrap .nav.navbar-nav.top-navbar li a {
cursor: pointer;
color: #4C5264;
}
.compojoom-bootstrap .nav.navbar-nav.top-navbar li span.absolute {
position:absolute;
top: 5px;
left: 25px;
border-radius: 10px;
padding: 5px;
z-index: 999;
}
.compojoom-bootstrap .dropdown-menu{
top: 97%;
z-index: 999992;
}
.compojoom-bootstrap .dropdown-menu.dropdown-message ul{white-space: inherit;}
.compojoom-bootstrap .dropdown-menu.dropdown-message li a{
word-wrap:normal|break-word;
white-space: inherit;
width: 300px;
border-bottom: 1px solid #ddd;
}
.compojoom-bootstrap .dropdown-menu.dropdown-message li.dropdown-footer a{
display: block;
padding: 10px 20px 6px;
font-size: 12px;
line-height: 1.428571429;
color: #999999;
border-top: 1px solid #ddd;
border-bottom: none;
}
.compojoom-bootstrap .dropdown-menu.dropdown-message li:hover.dropdown-footer a{background: #fff;}
.compojoom-bootstrap .dropdown-menu.dropdown-message li p{font-size: 11px;}
.compojoom-bootstrap .dropdown-menu.dropdown-message li p i{color: #65BD77}
.compojoom-bootstrap .dropdown-menu.dropdown-message .dropdown-message-scroll{padding: 0px;}
.compojoom-bootstrap .dropdown-menu.dropdown-message .dropdown-message-scroll li{padding: 5px 20px;}
.compojoom-bootstrap .dropdown-menu.dropdown-message .dropdown-message-scroll a,
.compojoom-bootstrap .dropdown-menu.dropdown-message .dropdown-message-scroll strong{
text-decoration: none;
border-bottom: none;
}
.compojoom-bootstrap .dropdown-menu.dropdown-message .dropdown-message-scroll .unread{background: #FFFCE0;}
.compojoom-bootstrap .dropdown-menu.dropdown-message .dropdown-message-scroll a:hover{color: #000}
.compojoom-bootstrap .dropdown-header.notif-header{
font-size: 14px;
padding: 5px 20px 3px;
}
.compojoom-bootstrap .navbar-default .navbar-nav > .active > a,
.compojoom-bootstrap .navbar-default .navbar-nav > .active > a:hover,
.compojoom-bootstrap .navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #fafafa;
border-bottom: none;
}
.compojoom-bootstrap .navbar-default .navbar-nav > .open > a,
.compojoom-bootstrap .navbar-default .navbar-nav > .open > a:hover,
.compojoom-bootstrap .navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #fafafa;
}
/** Breadcrumb **/
.compojoom-bootstrap .breadcrumb{
padding: 0;
background: transparent;
font-size: 12px;
margin: 0;
}
/** Progress bar **/
.compojoom-bootstrap .progress-bar {
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.compojoom-bootstrap .progress.progress-xs {
height: 5px;
margin-top: 30px;
margin-bottom: 20px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
.compojoom-bootstrap .progress.progress-xs.for-modal {
margin-top: 10px;
margin-bottom: 20px;
}
.compojoom-bootstrap .progress.progress-xs .progress-bar {
font-size: 11px;
line-height: 16px;
color: #ffffff;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.compojoom-bootstrap .progress.progress-xs.progress-striped .progress-bar {background-size: 10px 10px;}
.compojoom-bootstrap .progress.progress-sm {
height: 10px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
.compojoom-bootstrap .progress.progress-sm.progress-striped .progress-bar {background-size: 15px 15px;}
/** Tables **/
.compojoom-bootstrap .table > thead > tr > th {
vertical-align: middle;
border-bottom: 1px solid #dddddd;
}
/** Form **/
.compojoom-bootstrap .form-control{
font-size: 13px;
border-radius: 0;
border-color: #ddd;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.compojoom-bootstrap .form-control:focus {
border-color: #dadada;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}
.compojoom-bootstrap .form-group .checkbox{margin-left: 0; padding-left: 0;}
/** Button **/
/*.compojoom-bootstrap .btn{border-radius: 3px;}*/
/** List group **/
.compojoom-bootstrap .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.compojoom-bootstrap .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
/** Alert **/
.compojoom-bootstrap .alert {border-radius: 0px;}
/*
=========================================================================
BASIC SELECTOR
=========================================================================
*/
/* === MISC === */
.compojoom-bootstrap span.new-circle {
border-radius: 10px;
padding: 2px 5px;
font-weight: 400;
}
.compojoom-bootstrap img.xs-avatar{
width: 40px;
padding: 3px;
background: #fff;
border: 1px solid #ddd;
margin: 0px 4px 0 0;
}
.compojoom-bootstrap img.ava-dropdown{
float: left;
margin: 7px 10px 0 0;
}
.compojoom-bootstrap i.i-xs{font-size: 10px;}
.compojoom-bootstrap .clear{clear: both}
/** LOADING ANIMATION **/
#loading{
margin: auto;
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 999999999;
background:#fff;
}
.compojoom-bootstrap .spinner {
margin: 0 auto;
width: 36px;
height: 36px;
position: relative;
}
.compojoom-bootstrap .cube1, .compojoom-bootstrap .cube2 {
background-color: #1B1E24;
width: 7.5px;
height: 7.5px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 2s infinite ease-in-out;
animation: cubemove 2s infinite ease-in-out;
}
.compojoom-bootstrap .cube2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes cubemove {
25% { -webkit-transform: translateX(24px) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
25% {
transform: translateX(24px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(24px) rotate(-90deg) scale(0.5);
} 50% {
transform: translateX(24px) translateY(24px) rotate(-179deg);
-webkit-transform: translateX(24px) translateY(24px) rotate(-179deg);
} 50.1% {
transform: translateX(24px) translateY(24px) rotate(-180deg);
-webkit-transform: translateX(24px) translateY(24px) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.compojoom-bootstrap .loading-inner{
position: absolute;
top: 50%;
margin: 0 auto;
left: 0;
right: 0;
}
/* === BUTTONS AND ICONS COLOR === */
.compojoom-bootstrap .btn-facebook{background: #45619D;border-color: #4D6CAD;}
.compojoom-bootstrap .btn-facebook:hover{background: #395289;border-color: #4D6CAD;}
.compojoom-bootstrap .btn-twitter{background: #00ACEE;border-color: #00B7FC;}
.compojoom-bootstrap .btn-twitter:hover{background: #03A0DE;border-color: #00B7FC;}
.compojoom-bootstrap .btn-gplus{background: #D54636;border-color: #B22E21;}
.compojoom-bootstrap .btn-gplus:hover{background: #BF392E;border-color: #B22E21;}
.compojoom-bootstrap .btn-vimeo{background: #1BB6EC;border-color: #0AA0D3;}
.compojoom-bootstrap .btn-vimeo:hover{background: #12ADE3;border-color: #0AA0D3;}
.compojoom-bootstrap .btn-pinterest{background: #CD1F28;border-color: #B70F17;}
.compojoom-bootstrap .btn-pinterest:hover{background: #C9121A;border-color: #B70F17;}
.compojoom-bootstrap.btn-instagram{background: #4E3D35;border-color: #392C24;}
.compojoom-bootstrap .btn-instagram:hover{background: #483931;border-color: #392C24;}
.compojoom-bootstrap i.success{color: #65BD77;}
.compojoom-bootstrap i.warning{color: #F39C12}
.compojoom-bootstrap i.info{color: #3498DB}
.compojoom-bootstrap i.danger{color: #E85344}
/* === MASTER PAGE SELECTORS === */
.compojoom-bootstrap .page {
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.compojoom-bootstrap .rows, .compojoom-bootstrap .col,
.compojoom-bootstrap .page {
overflow: hidden;
position: absolute;
}
.compojoom-bootstrap .rows {
left: 0;
right: 0;
}
.compojoom-bootstrap .rows-content-header {
left: 0;
right: 0;
}
.compojoom-bootstrap .col {top: 0; bottom: 0;}
.compojoom-bootstrap .scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.compojoom-bootstrap .scroll-y { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.compojoom-bootstrap .fill, .compojoom-bootstrap .pane {
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.compojoom-bootstrap .pane { display: none; }
/* === LEFT COLUMN (SIDEBAR) === */
.compojoom-bootstrap .left {
width: 225px;
background: #1B1E24;
margin-left: -15px;
overflow: visible;
position: absolute;
/*bottom: 0;*/
min-height: 100%;
left: 15px;
clear: left;
}
.compojoom-bootstrap .header.sidebar{
background: #000;
position: absolute;
right: 0;
z-index: 5;
top: 30px;
}
.compojoom-bootstrap .header.sidebar .logo{
padding: 8px 20px 0 0px;
color: #fff;
}
.compojoom-bootstrap .header.sidebar .logo img{
width: 30px;
margin-right: 2px;
border-radius: 4px;
margin-top: -4px;
}
.compojoom-bootstrap .header.sidebar .logo h1{
font-size: 16px;
margin: 0;
padding: 0;
color: #fff;
font-family: 'Open Sans', Arial;
font-weight: 600;
letter-spacing: -1px;
}
.compojoom-bootstrap .header.sidebar .logo h1 a{color: #8B91A0;}
.compojoom-bootstrap .header.sidebar .logo h1 a:hover{
text-decoration: none;
color: #fff;
}
/* === LEFT COLUMN (SIDEBAR USER PROFILE) === */
.compojoom-bootstrap .sidebar-inner{}
.compojoom-bootstrap .sidebar-inner .media{
padding: 0px 30px 15px;
margin: 20px -15px 0 -15px;
border-bottom: 1px solid #1F2429;
color: #fff;
}
.compojoom-bootstrap .sidebar-inner .media a{
cursor: pointer;
font-size: 11px;
margin: 0 5px 0 0;
color: #8B91A0;
}
.compojoom-bootstrap .sidebar-inner .media a:hover{
color: #fff;
text-decoration: none;
}
.compojoom-bootstrap .sidebar-inner .media .pull-left{margin: 3px 10px 0 3px;}
.compojoom-bootstrap .sidebar-inner .media .media-object{width: 57px;}
/* === LEFT COLUMN (SEARCH FORM) === */
.compojoom-bootstrap .sidebar-inner #search{padding: 15px;}
.compojoom-bootstrap .sidebar-inner #search form{position: relative;}
.compojoom-bootstrap .sidebar-inner #search form i{
color: #909090;
position: absolute;
top: 10px;
right: 10px;
}
.compojoom-bootstrap .sidebar-inner #search .search{
border-radius: 0;
border-color: #121515;
background: #313940;
padding-right: 25px;
font-size: 12px;
color: #909090;
-webkit-transition:All 0.25s ease;
-moz-transition:All 0.25s ease;
-o-transition:All 0.25s ease;
}
.compojoom-bootstrap .sidebar-inner #search .search:focus{
border-color: #121515;
background: #fdfdfd;
-webkit-box-shadow: inset 0 1px 1px rgba(2, 0, 0, 0.075), 0 0 8px rgba(1, 1, 1, 0.3);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 1, 1, 0.3);
}
/* === LEFT COLUMN (SIDEBAR VERTICAL MENU) === */
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
font-weight: normal;
text-decoration: none;
line-height: 1;
font-size: 14px;
position: relative;
}
#sidebar-menu a {line-height: 1.3;}
#sidebar-menu {
width: 100%;
border-top: 1px solid #1F2429;
min-height: 100%;
}
#sidebar-menu > ul > li > a {
font-size: 14px;
display: block;
color: #8B91A0;
border-left: 4px solid transparent;
padding: 10px 15px;
-webkit-transition:All 0.25s ease;
-moz-transition:All 0.25s ease;
-o-transition:All 0.25s ease;
}
#sidebar-menu > ul > li > a:hover {
color: #fff;
background: #121515;
padding-left: 20px;
border-left-color: #3B9BED;
}
#sidebar-menu > ul > li > a > i {
margin-right: 5px;
color: #D3D6DB;
}
#sidebar-menu > ul > li > a > i.fa.fa-angle-double-down.i-right {opacity: 0.45}
#sidebar-menu > ul > li > a > i.i-right {
margin: 3px 0 0 0;
float: right;
}
#sidebar-menu > ul > li > a > i.yellow.i-right {color: #EBC85E;}
#sidebar-menu > ul > li > a:hover {text-decoration: none;}
#sidebar-menu > ul > li.active > a {
color: #fff;
background: #121515;
}
#sidebar-menu > ul > li.active > a:hover {
color: #fff;
background: #121515;
padding: 10px 15px;
}
#sidebar-menu > ul > li.selected > a {
color: #fff;
background: #121515;
padding-left: 20px;
}
#sidebar-menu > ul > li > a span.label{float: right;}
#sidebar-menu > ul > li > a span.label.span-left{
float: none;
margin-left: 5px;
display: inline-block;
}
#sidebar-menu span.cnt {
position: absolute;
top: 8px;
right: 15px;
padding: 0;
margin: 0;
background: none;
}
/* === LEFT COLUMN (SIDEBAR VERTICAL SUBMENU) === */
#sidebar-menu ul ul {
display: none;
border-bottom: 1px solid #121515;
background: #22262E;
}
#sidebar-menu ul ul.visible {display: block;}
#sidebar-menu ul ul li {border-top: 0;}
#sidebar-menu ul ul a {
padding: 10px 25px;
display: block;
color: #D3D6DB;
font-size: 13px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
#sidebar-menu ul ul a:hover {
color: #fff;
background: #121515;
}
#sidebar-menu ul ul li.active a {
color: #fff;
background: #121515;
}
#sidebar-menu ul ul a i {margin-right: 5px;}
/* === LEFT COLUMN (SIDEBAR FOOTER) === */
.compojoom-bootstrap .footer.rows {
height: 50px;
bottom: 0;
background: #0F1215;
color: #E8EAED;
padding: 15px;
}
.compojoom-bootstrap .footer.rows .progress.progress-xs{
margin: 9px 70px 9px 0;
overflow: visible;
position: relative;
}
.compojoom-bootstrap .footer.rows .progress.progress-xs .progress-precentage{
display: block;
position: absolute;
right: -20px;
top: -12px;
padding: 7px 5px;
border-radius: 50%;
background: #212121;
color: #8B91A0;
}
.compojoom-bootstrap .footer.rows .progress.progress-xs .btn{
display: block;
position: absolute;
right: -70px;
top: -14px;
background: #212121;
color: #8B91A0;
border: none;
}
/* === RIGHT COLUMN (CONTENT) === */
.compojoom-bootstrap .right{
left: 225px;
right: 0;
/*overflow: hidden;*/
position: absolute;
top: 0;
bottom: 0;
}
/* === RIGHT COLUMN (CONTENT HEADER / NAV) === */
.compojoom-bootstrap .header.rows { height: 45px;}
.compojoom-bootstrap .header.rows-content-header { height: 45px;}
.compojoom-bootstrap .header.content{background: #FFFFFF; border-bottom: 1px solid #E5E9EC}
/* === RIGHT COLUMN (CONTENT BODY) === */
.compojoom-bootstrap .body.rows {
top: 75px;
}
.compojoom-bootstrap .body.content.rows {
top: 75px;
background: #E5E9EC;
padding: 20px;
font-size: 13px;
}
.compojoom-bootstrap .button-menu-mobile{
display: none;
position: absolute;
left: 0;
top: 0px;
z-index: 99999;
padding: 10px 15px;
height: 50px;
font-size: 14px;
background: #1B1E24;
color: #A5B2BC;
border: none;
}
footer{
padding: 20px 0;
font-size: 12px;
border-top: 1px solid #B9C1CB;
margin-top: 40px;
}
/* === RIGHT COLUMN (PAGE HADING / PAGE TITLE) === */
.compojoom-bootstrap .page-heading{
margin: 0px 0 25px;
padding: 5px 0;
}
.compojoom-bootstrap .page-heading h1{
margin: 0;
padding: 0;
font-weight: 400;
font-size: 24px;
}
/* === BOXES === */
.compojoom-bootstrap .box-info{
position:relative;
padding: 15px;
background: #fff;
color: #5b5b5b;
margin-bottom: 20px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.compojoom-bootstrap .box-info:hover{color: #393E48;}
.compojoom-bootstrap .box-info:before,
.compojoom-bootstrap .box-info:after {
display: table;
content: " ";
}
.compojoom-bootstrap .box-info:after {clear: both;}
.compojoom-bootstrap .box-info .des-thumbnail{padding: 20px;}
.compojoom-bootstrap .box-info .img-wrap{
width: 100%;
height: auto;
overflow: hidden;
}
.box-info .img-wrap img{width: 100%;}
.box-info .icon-box{
width: 65px;
font-size: 30px;
display: block;
float: left;
}
.box-info h2{
padding: 0 15px 15px 15px;
margin: 5px -15px 20px -15px;
font-weight: 400;
font-size: 16px;
display: block;
color: #5b5b5b;
border-bottom: 1px solid #ddd;
}
.box-info h2.no-style{
padding:0px;
margin: 20px 0px 10px 0px;
margin-top: 20px;
margin-bottom: 10px;
font-size: 30px;
border-bottom: none;
}
.box-info.box-messages h2{border-bottom: none;}
.box-info .statistic-chart{padding: 0 0 30px 0;}
.box-info.full{padding: 0px;}
.box-info.full .box-footer{padding: 20px 20px 15px 20px;}
.box-info.full .box-footer a,
.box-info.full .box-footer a:hover{
color: #1B1E24;
text-decoration: none;
}
.box-info .nav-tabs {background: #1B1E24;}
.box-info .nav-tabs > li > a {
margin-right: 0px;
line-height: 1.428571429;
font-size: 14px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
border-radius: 0px 0px 0 0;
margin: 0;
color: #8B91A0;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.box-info .nav-tabs > li > a i {color: #fff;}
.box-info .media-list{margin-top: 30px;}
.box-info .media-list a{color: #1B1E24;}
.box-info .media-list a:hover{
color: #212121;
text-decoration: none;
}
.box-info .media-list .media{
padding: 5px 20px;
border-bottom: 1px solid #eaeaea;
}
.box-info .media-list li:last-child.media{border-bottom: none;}
.box-info .media-list .media .media-heading a{
font-size: 14px;
font-weight: 600;
color: #1B1E24;
margin-right: 5px;
}
.box-info .media-list .media .media-heading small{
color: #65BD77;
font-size: 11px;
}
.box-info .media-list .media p{color: #909090;}
.box-info .media-list .media .media-object{width: 50px;}
.box-info .media-list{}
.box-info .nav-tabs > li.active > a,
.box-info .nav-tabs > li.active > a:hover,
.box-info .nav-tabs > li.active > a:focus {
cursor: default;
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
background-color: #ffffff;
color: #1B1E24;
}
.box-info .nav-tabs > li.active > a i,
.box-info .nav-tabs > li.active > a:hover i,
.box-info .nav-tabs > li.active > a:focus i {color: #212121;}
.box-info .additional-box{
position: absolute;
top: 10px;
right: 15px;
}
.box-info .additional-btn{
position: absolute;
top: 17px;
right: 15px;
}
.compojoom-bootstrap .box-info .btn-group{/*z-index: 9999;*/}
.compojoom-bootstrap .box-info table .btn-group{z-index: 1;}
.compojoom-bootstrap .box-info .additional-btn .dropdown-menu{z-index: 999999;}
.compojoom-bootstrap .box-info .additional-btn a.additional-icon{
color: #909090;
margin-left: 10px;
cursor: pointer;
}
.compojoom-bootstrap .box-info .additional-btn a:hover.additional-icon{text-decoration: none;}
.compojoom-bootstrap .box-info.alert {
background: #FCF8E3;
color: #8A6D3B;
}
.compojoom-bootstrap .box-info.success{
background: #65BD77;
color: #fff;
}
.compojoom-bootstrap .box-info.success h2{
color: #2C7439;
border-bottom-color: #3B934B;
}
.compojoom-bootstrap .box-info.success:hover{color: #DEFFE5;}
.compojoom-bootstrap .box-info.success .additional-btn a.additional-icon{color: #3B934B;}
.compojoom-bootstrap .box-info.success .additional-btn a:hover.additional-icon{color: #2C7439;}
.compojoom-bootstrap .box-info.success .text-box h3{color: #215F2E}
.compojoom-bootstrap .box-info.success .progress-bar-success {background-color: #215F2E;}
.compojoom-bootstrap .box-info.success i.success {color: #215F2E;}
.box-info.danger{
background: #D9534F;
color: #fff;
}
.box-info.danger h2{
color: #791C1A;
border-bottom-color: #791C1A;
}
.box-info.danger:hover{color: #fff;}
.box-info.danger .additional-btn a.additional-icon{color: #791C1A;}
.box-info.danger .additional-btn a:hover.additional-icon{color: #791C1A;}
.box-info.danger .text-box h3{color: #791C1A}
.box-info.danger .progress-bar-danger {background-color: #791C1A;}
.box-info.danger i.danger {color: #791C1A;}
.box-info.info{
background: #4393D8;
color: #fff;
}
.box-info.info h2{
color: #15558B;
border-bottom-color: #15558B;
}
.box-info.info:hover{color: #DEFFE5;}
.box-info.info .additional-btn a.additional-icon{color: #15558B;}
.box-info.info .additional-btn a:hover.additional-icon{color: #15558B;}
.box-info.info .text-box h3{color: #15558B}
.box-info.info .progress-bar-info {background-color: #15558B;}
.box-info.info i.info {color: #15558B;}
.box-info.warning{
background: #F7CB17;
color: #fff;
}
.box-info.warning h2{
color: #9D5D03;
border-bottom-color: #9D5D03;
}
.box-info.warning:hover{color: #DEFFE5;}
.box-info.warning .additional-btn a.additional-icon{color: #9D5D03;}
.box-info.warning .additional-btn a:hover.additional-icon{color: #9D5D03;}
.box-info.warning .text-box h3{color: #9D5D03}
.box-info.warning .progress-bar-warning {background-color: #9D5D03;}
.box-info.warning i.warning {color: #9D5D03;}
.box-info .additional{
padding: 0 15px;
background: #fff;
color: #909090;
margin: 15px -15px -15px -15px;
}
.box-info .additional .list-box-info{margin: 0 -15px;}
.box-info .additional .list-box-info ul{
list-style: none;
margin: 0;
padding: 0;
}
.box-info .additional .list-box-info ul li{
background: #fff;
padding: 15px 20px;
color: #909090;
border-bottom: 1px solid #ddd;
}
.box-info .additional .list-box-info ul li span.label{
float: right;
font-size: 13px;
}
.box-info .additional .list-box-info ul li:last-child{border-bottom: 1px solid #fff;}
.box-info.full h2{
padding: 15px;
margin: 5px 0px 20px 0px;
}
.box-info table{margin: 0;}
.box-info table tr th,
.box-info table tr td{
padding-left: 15px;
padding-right: 15px;
}
.box-info .text-box h3{
padding: 0;
margin: 5px 0;
font-weight: 600;
font-size: 20px;
display: block;
color: #4C5264
}
.box-info .text-box p{font-size: 14px;}
/*
=========================================================================
WIDGET SELECTOR
=========================================================================
*/
/* === QUICK POST === */
p.quick-post {margin: 10px 5px;}
p.quick-post i {
color: #909090;
margin: 5px;
cursor: pointer;
}
p.quick-post.message i {margin: 0 2px;}
p.quick-post.message {
margin: 3px 0px;
padding: 0;
text-align: right;
}
/* === CHAT === */
.chat-widget{
height: 300px;
margin-bottom: 20px;
}
form.input-chat{margin-top: 20px;}
.chat-widget .media-list{margin: 0;}
.chat-widget .media-list .media{border-bottom: none;}
.chat-widget .media-list .media .media-object{
width: 50px;
padding: 4px;
border: 1px solid #eaeaea
}
.chat-widget .media-list .media .media-body{
background: #f7f7f7;
border-radius: 3px;
padding: 10px;
color: #677179;
}
.chat-widget .media-list .media .media-body p.time{
text-align: right;
color: #909090;
font-size: 11px;
font-style: italic;
}
.chat-widget .media-list .media .media-body.success{background: #EDFFED;}
.chat-widget .media-list .media .media-body.warning{background: #FFFCE0;}
.chat-widget .media-list .media .media-body.danger{background: #FFE8E8;}
.chat-widget .media-list .media .media-body.info{background: #E5F5FF;}
/*
=========================================================================
ELEMENT SELECTOR
=========================================================================
*/
/** Typography **/
.the-notes{
padding: 15px 15px 15px 30px;
border-left: 4px solid #909090;
margin-bottom: 20px;
}
.the-notes.default{background: #fff;}
.the-notes.success{
background: #fff;
border-left-color: #65BD77;
}
.the-notes.warning{
background: #fff;
border-left-color: #F7CB17;
}
.the-notes.danger{
background: #fff;
border-left-color: #D9534F;
}
.the-notes.info{
background: #fff;
border-left-color: #4393D8;
}
.the-notes.success h4{color: #65BD77;}
.the-notes.warning h4{color: #F7CB17;}
.the-notes.danger h4{color: #D9534F;}
.the-notes.inf h4{color: #4393D8;}
/*
=========================================================================
FORM SELECTOR
=========================================================================
*/
/** Form Element **/
.selectpicker{
border-radius: 0;
font-size: 13px;
}
/** Form Wizard **/
#myWizard {}
.easyWizardSteps {
list-style:none;
width:100%;
overflow:hidden;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
margin-bottom:20px;
background: #fafafa;
}
.easyWizardSteps li {
font-size:18px;
display:inline-block;
padding:10px 20px;
color:#B0B1B3;
margin-right:0px;
}
.easyWizardSteps li span {
font-size:20px;
padding: 2px 10px;
border-radius: 50%;
margin-top: -5px;
}
.easyWizardSteps li.current span {
background: #65BD77;
color: #fff;
}
.easyWizardSteps li.current {
color:#2C7439;
background: #fff;
}
.easyWizardButtons {overflow:hidden;padding:10px;}
.easyWizardButtons button, .easyWizardButtons .submit {cursor:pointer}
.easyWizardButtons .prev {float:left}
.easyWizardButtons .next, .easyWizardButtons .submit {float:right}
.notes{
padding: 15px;
border: 1px dashed #ddd;
}
section.step{padding: 0 30px;}
/*
=========================================================================
TABLE SELECTOR
=========================================================================
*/
/*
=========================================================================
GALLERY SELECTOR
=========================================================================
*/
.gallery-wrap{margin: 10px -10px;}
.gallery-wrap:before,
.gallery-wrap:after {
display: table;
content: " ";
}
.gallery-wrap:after {clear: both;}
.gallery-wrap .column{
float: left;
width: 20%;
margin: 0;
padding: 0;
}
.gallery-wrap .column-4{
float: left;
width: 25%;
margin: 0;
padding: 0;
}
.gallery-wrap .column-3{
float: left;
width: 33.33333333333333%;
margin: 0;
padding: 0;
}
.gallery-wrap .column .inner,
.gallery-wrap .column-4 .inner,
.gallery-wrap .column-3 .inner{
margin: 10px;
position: relative;
overflow: hidden;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner:hover,
.gallery-wrap .column-4 .inner:hover,
.gallery-wrap .column-3 .inner:hover{
-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
}
.gallery-wrap .column .inner a .img-wrap,
.gallery-wrap .column-3 .inner a .img-wrap,
.gallery-wrap .column-4 .inner a .img-wrap{
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.gallery-wrap .column .inner .img-wrap{
height: 100px;
overflow: hidden;
background: #ddd;
}
.gallery-wrap .column-3 .inner .img-wrap{
height: 200px;
overflow: hidden;
background: #ddd;
}
.gallery-wrap .column-4 .inner .img-wrap{
height: 150px;
overflow: hidden;
background: #ddd;
}
.gallery-wrap .column .inner .img-frame,
.gallery-wrap .column-3 .inner .img-frame,
.gallery-wrap .column-4 .inner .img-frame{
padding: 5px;
background: #fff;
display: block;
position: relative;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner:hover .img-frame,
.gallery-wrap .column-3 .inner:hover .img-frame,
.gallery-wrap .column-4 .inner:hover .img-frame{background: #fff;}
.gallery-wrap .column .inner:hover .img-frame.success,
.gallery-wrap .column-3 .inner:hover .img-frame.success,
.gallery-wrap .column-4 .inner:hover .img-frame.success{background: #65BD77;}
.gallery-wrap .column .inner:hover .img-frame.warning,
.gallery-wrap .column-3 .inner:hover .img-frame.warning,
.gallery-wrap .column-4 .inner:hover .img-frame.warning{background: #EBC85E;}
.gallery-wrap .column .inner:hover .img-frame.danger,
.gallery-wrap .column-3 .inner:hover .img-frame.danger,
.gallery-wrap .column-4 .inner:hover .img-frame.danger{background: #D73D3D;}
.gallery-wrap .column .inner:hover .img-frame.info,
.gallery-wrap .column-3 .inner:hover .img-frame.info,
.gallery-wrap .column-4 .inner:hover .img-frame.info{background: #67B0D1;}
.gallery-wrap .column .inner .img-wrap img,
.gallery-wrap .column-4 .inner .img-wrap img,
.gallery-wrap .column-3 .inner .img-wrap img{width: 100%;}
.gallery-wrap .column .inner .caption-hover,
.gallery-wrap .column-4 .inner .caption-hover,
.gallery-wrap .column-3 .inner .caption-hover{
position: absolute;
bottom: -100px;
left: 0;
right: 0;
text-align: center;
color: #909090;
padding: 10px;
background: #fff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner .caption-hover.success,
.gallery-wrap .column-4 .inner .caption-hover.success,
.gallery-wrap .column-3 .inner .caption-hover.success{
color: #2C7439;
background: #65BD77;
}
.gallery-wrap .column .inner .caption-hover.danger,
.gallery-wrap .column-4 .inner .caption-hover.danger,
.gallery-wrap .column-3 .inner .caption-hover.danger{
color: #790D0D;
background: #D73D3D;
}
.gallery-wrap .column .inner .caption-hover.warning,
.gallery-wrap .column-4 .inner .caption-hover.warning,
.gallery-wrap .column-3 .inner .caption-hover.warning{
color: #B27C05;
background: #EBC85E;
}
.gallery-wrap .column .inner .caption-hover.info,
.gallery-wrap .column-4 .inner .caption-hover.info,
.gallery-wrap .column-3 .inner .caption-hover.info{
color: #0A487C;
background: #67B0D1;
}
.gallery-wrap .column .inner:hover .caption-hover,
.gallery-wrap .column-4 .inner:hover .caption-hover,
.gallery-wrap .column-3 .inner:hover .caption-hover{bottom: 0px;}
.gallery-wrap .column .inner .caption-static,
.gallery-wrap .column-4 .inner .caption-static,
.gallery-wrap .column-3 .inner .caption-static{
position: relative;
text-align: center;
color: #909090;
padding: 10px;
background: #fff;
margin: 0;
}
.gallery-wrap .column .inner a:hover,
.gallery-wrap .column-4 .inner a:hover,
.gallery-wrap .column-3 .inner a:hover{text-decoration: none;}
.gallery-wrap .column .inner .caption-static.success,
.gallery-wrap .column-4 .inner .caption-static.success,
.gallery-wrap .column-3 .inner .caption-static.success{
color: #2C7439;
background: #65BD77;
}
.gallery-wrap .column .inner .caption-static.danger,
.gallery-wrap .column-4 .inner .caption-static.danger,
.gallery-wrap .column-3 .inner .caption-static.danger{
color: #790D0D;
background: #D73D3D;
}
.gallery-wrap .column .inner .caption-static.warning,
.gallery-wrap .column-4 .inner .caption-static.warning,
.gallery-wrap .column-3 .inner .caption-static.warning{
color: #B27C05;
background: #EBC85E;
}
.gallery-wrap .column .inner .caption-static.info,
.gallery-wrap .column-4 .inner .caption-static.info,
.gallery-wrap .column-3 .inner .caption-static.info{
color: #0A487C;
background: #67B0D1;
}
/* === GALLERY (ZOOM) === */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
/*
=========================================================================
GRAPH / CHART SELECTOR
=========================================================================
*/
/*
=========================================================================
READY PAGES
=========================================================================
*/
/** Login, Register, Forgot Password, Lock Screen and Error Page **/
.full-content-center{
width: 100%;
max-width: 500px;
margin: 5% auto;
text-align: center;
}
.full-content-center img.logo-login{
width: 70px;
margin-right: 10px;
background: #272C31;
}
body.full-content{
background : #E5E9EC;
padding-top: 0px;
}
.full-content-center h1{
font-size: 150px;
font-weight: 600;
}
.login-wrap{
margin: 20px 10%;
text-align: left;
}
.login-wrap i{margin-right: 5px;}
.login-wrap .checkbox{
margin-left: 0;
padding-left: 0;
}
.login-wrap .btn-block{margin: 5px 0;}
.login-wrap .login-input{position: relative;}
.login-wrap .login-input .text-input{padding-left: 30px;}
.login-wrap .login-input i.overlay{
position: absolute;
left: 10px;
top: 10px;
color: #aaa;
}
.ava-lock-screen img{
width: 100px;
margin: 10px 0 0 10px;
}
/** Search Results **/
.box-info .media-list.search-result .media a{color: #46C45F;}
.box-info .media-list.search-result .media .media-heading a{color: #1279D1;}
.box-info .media-list.search-result .media .media-heading span{
font-size: 12px;
font-weight: 400;
padding: 3px 5px;
}
.box-info .media-list.search-result .media .media-object{width: 100px;}
/** FAQ **/
ul.faq {
list-style: none;
padding-left: 10px;
margin: 20px 0 50px;
}
ul.faq li i{margin-right: 5px;}
ul.faq li{margin: 10px 0;}
ul.faq li a.faq-question{
cursor: pointer;
display: block;
font-size: 14px;
}
ul.faq li .faq-answer{margin: 10px 15px;}
/** Pricing table **/
table.pricing-table-style-1{
text-align: center;
background: #fff;
}
table.pricing-table-style-1 thead tr th {
padding: 15px;
font-size: 18px;
font-weight: 600;
text-align: center;
}
table.pricing-table-style-1 thead tr th.best-choice {
color: #A2A7B7;
background: #0F1215;
border-bottom-color: #000;
}
table.pricing-table-style-1 tbody tr td.best-choice {
background: #1B1E24;
font-weight: 600;
font-size: 15px;
color: #fafafa;
border-top-color: #000;
}
table.pricing-table-style-1 tbody tr td.td-success {
background: #65BD77;
font-weight: 600;
color: #2C7439;
text-align: right;
border-top-color: #55AD67;
}
table.pricing-table-style-1 thead tr th.th-success {
color: #65BD77;
background: #55AD67;
border-bottom-color: #55AD67;
}
.la-pricing-table{
margin: 30px 0;
text-align: center;
}
.la-pricing-table:before,
.la-pricing-table:after {
display: table;
content: " ";
}
.la-pricing-table:after {clear: both;}
.la-pricing-table .la-col-4{
float: left;
margin: 20px 0 20px 0;
padding: 0;
width: 25%;
border: 3px solid transparent;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
position: relative;
overflow: hidden;
}
.la-pricing-table .la-col-4:hover{border-color: #434D58;}
.la-pricing-table .la-col-4 i.bg-big{
position: absolute;
font-size: 210px;
opacity: .05;
top: 20%;
left: 0;
right: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.la-pricing-table .la-col-4:hover i.bg-big{
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.la-pricing-table .la-col-4 ul{
list-style: none;
padding:0;
margin: 0;
background: #fff;
}
.la-pricing-table .la-col-4 ul li{
padding: 10px 20px;
display: block;
font-size: 13px;
}
.la-pricing-table .la-col-4 ul li.la-package{
font-size: 24px;
font-weight: 600;
background: #121515;
color: #fff;
}
.la-pricing-table .la-col-4 ul li.la-price{
font-size: 18px;
font-weight: 600;
color: #8E98AD;
background: #434D58;
margin: 0 20px;
}
.la-pricing-table .la-col-4 ul li.la-price i{font-size: 13px;}
/* === PRICING TABLES SUCCESS === */
.la-pricing-table .la-col-4.success{}
.la-pricing-table .la-col-4:hover.success{border-color: #2C7439;}
.la-pricing-table .la-col-4.success ul {background: #65BD77;}
.la-pricing-table .la-col-4.success ul li{color: #fff;}
.la-pricing-table .la-col-4.success ul li.la-package{
color: #BCF5C6;
background: #2C7439;
}
.la-pricing-table .la-col-4.success ul li.la-price{
color: #fff;
background: #3E984D;
}
/* === PRICING TABLES DANGER === */
.la-pricing-table .la-col-4.danger{}
.la-pricing-table .la-col-4:hover.danger{border-color: #B42424;}
.la-pricing-table .la-col-4.danger ul {background: #D73D3D;}
.la-pricing-table .la-col-4.danger ul li{color: #fff;}
.la-pricing-table .la-col-4.danger ul li.la-package{
color: #FFB4B4;
background: #B42424;
}
.la-pricing-table .la-col-4.danger ul li.la-price{
color: #fff;
background: #C42E2E;
}
/* === PRICING TABLES INFO === */
.la-pricing-table .la-col-4.info{}
.la-pricing-table .la-col-4:hover.info{border-color: #1F6AAA;}
.la-pricing-table .la-col-4.info ul {background: #529DDE;}
.la-pricing-table .la-col-4.info ul li{color: #fff;}
.la-pricing-table .la-col-4.info ul li.la-package{
color: #C6E5FF;
background: #1F6AAA;
}
.la-pricing-table .la-col-4.info ul li.la-price{
color: #fff;
background: #2E71AD;
}
/* === PRICING TABLES WARNING === */
.la-pricing-table .la-col-4.warning{}
.la-pricing-table .la-col-4:hover.warning{border-color: #F08600;}
.la-pricing-table .la-col-4.warning ul {background: #EBC85E;}
.la-pricing-table .la-col-4.warning ul li{color: #fff;}
.la-pricing-table .la-col-4.warning ul li.la-package{
color: #FFF5C9;
background: #F08600;
}
.la-pricing-table .la-col-4.warning ul li.la-price{
color: #fff;
background: #FFAA00;
}
/** Invoice **/
.icon-print{
position: absolute;
top: 10px;
right: 20px;
font-size: 22px;
}
.icon-print a{color: #909090;}
.icon-print a:hover{
color: #212121;
text-decoration: none;
}
.company-column{
padding: 15px;
border: 1px dashed #ddd;
margin-bottom: 20px;
}
.bill-to{
padding: 15px;
margin-bottom: 20px;
background: #E5E9EC;
}
/** User profile **/
.user-profile-sidebar{margin: 0 0 20px 0;}
.user-profile-sidebar .user-identity{margin: 20px 0 0 0;}
.user-profile-sidebar img{width: 90px;}
.account-status-data{
text-align: center;
padding: 10px 0;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
margin: 10px 0 20px 0;
}
.account-status-data h5{
font-size: 11px;
line-height: 150%;
color: #909090
}
.user-button{ margin: 15px 0;}
.user-button .btn{ margin: 5px 0;}
#social{
padding: 10px;
background: #E5E9EC;
text-align: center;
}
#social a:hover{text-decoration: none;}
.fa-circle.facebook{color: #5471AE;}
.fa-circle.twitter{color: #4EC6F6;}
.fa-circle.gplus{color: #E24E3E;}
.fa-circle.tumblr{color: #4D77A3;}
.fa-circle.linkedin{color: #3097CE;}
.user-profile-content{margin: 30px 15px;}
/*
=========================================================================
ICONS SHOWCASE
=========================================================================
*/
.icon-showcase i {margin-right: 5px;}
.bs-glyphicons {
padding-left: 0;
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none;
overflow: hidden;
}
.bs-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 10px;
margin: 0 -1px -1px 0;
font-size: 12px;
line-height: 1.4;
text-align: center;
border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word; /* Help out IE10+ with class names */
}
.bs-glyphicons li:hover {background-color: rgba(86,61,124,.1);}
@media (min-width: 768px) {
.bs-glyphicons li {width: 12.5%;}
}
/*
=========================================================================
MESSAGES
=========================================================================
*/
.menu-message{margin: 20px 0;}
.table-message tr.unread{
font-weight: 600;
background: #FFFCE0;
}
.table-hover > tbody > tr:hover.unread > td{background: #FCF5BF;}
.table-message > tbody > tr > td > a{
display: block;
color: #5b5b5b;
}
.table-message > tbody > tr > td > a:hover{text-decoration: none;}
.data-table-toolbar{margin: 15px 0;}
.data-table-toolbar span.paging-status{
font-weight: bold;
margin: 10px 10px 0 0;
}
.input-message{margin-top: -1px;}
hr.dashed {
height: 1px;
background: transparent;
border-top: none;
border-bottom: 1px dashed #ddd;
}
.data-table-toolbar{
margin: 15px 0;
padding: 0 15px;
}
.toolbar-btn-action{text-align: right;}
/*
=========================================================================
UPDATE FOR VERSION 1.1
=========================================================================
*/
/** PRICING TABLES **/
.pricing-tables{
text-align: center;
position: relative;
margin: 30px 0;
color: #353535;
-webkit-transition:All 0.25s ease;
-moz-transition:All 0.25s ease;
-o-transition:All 0.25s ease;
}
.pricing-tables:hover{
box-shadow: 0 0 0 5px rgba(255,255,255,1);
}
.pricing-tables .the-box{
margin: 0;
background: #fff;
}
.pricing-tables .header{
padding: 5px 0 70px;
background: #D6D6D6;
}
.pricing-tables .circle-price-wrap{
width: 150px;
height: 150px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 60px;
left: 50%;
margin-left: -75px;
border: 3px solid #D6D6D6;
}
.pricing-tables .circle-price-wrap h2{
font-size: 40px;
padding: 15px 0 ;
}
.pricing-tables .circle-price-wrap h2 small{
font-size: 14px;
color: #909090;
display: block;
}
.pricing-tables table.table-inner{
margin: 100px 0 0 0;
padding: 0;
}
.pricing-tables table.table-inner > tbody:first-child > tr:first-child > td {border-top: 0;}
.pricing-tables table.table-inner > thead > tr > th,
.pricing-tables table.table-inner > tbody > tr > th,
.pricing-tables table.table-inner > tfoot > tr > th,
.pricing-tables table.table-inner > thead > tr > td,
.pricing-tables table.table-inner > tbody > tr > td,
.pricing-tables table.table-inner > tfoot > tr > td {
padding: 15px;
font-size: 16px;
vertical-align: middle;
border-top: 1px dotted #dddddd;
}
.pricing-tables:hover.best-choice{box-shadow: 0 0 0 5px rgba(62,152,77,1);}
.pricing-tables.best-choice .header{
background: #3E984D;
color: #fff;
}
.pricing-tables.best-choice .circle-price-wrap{border: 3px solid #3E984D;}
.pricing-tables.best-choice .circle-price-wrap h2{color: #3E984D;}
.pricing-tables.best-choice .circle-price-wrap h2 small{color: #3E984D;}
.pricing-tables.best-choice table.table-inner{
margin: 100px 0 0 0;
padding: 0;
}
.pricing-tables.best-choice table.table-inner > tbody:first-child > tr:first-child > td {border-top: 0;}
/** Jumbotron **/
.container .jumbotron,
.jumbotron{
border-radius: 0;
}
.jumbotron.bg-white{
background: #fff;
}
.jumbotron.sm {
padding: 20px;
margin-bottom: 20px;
color: inherit;
}
.jumbotron.sm p {
margin-bottom: 20px;
font-size: 16px;
}
.jumbotron.xs {
padding: 15px;
margin-bottom: 15px;
color: inherit;
}
.jumbotron.xs p {
margin-bottom: 15px;
font-size: 14px;
}
.jumbotron.dashed {
background: #fff;
border: 1px dashed #ddd;
}
.jumbotron.rounded {
border-radius: 15px;
}
@media screen and (min-width: 768px) {
.jumbotron.sm {
padding-top: 36px;
padding-bottom: 36px;
}
.jumbotron.sm h1,
.jumbotron.sm .h1 {
font-size: 40px;
margin-top: 0px;
}
.jumbotron.xs {
padding-top: 24px;
padding-bottom: 24px;
}
.jumbotron.xs h1,
.jumbotron.xs .h1 {
font-size: 30px;
margin-top: 0px;
}
}
/** User profile style 2 **/
.user-profile-2{
text-align: center;
position:relative;
}
.user-profile-2 .header-cover{
position: absolute;
left: 0;
top: 0;
right: 0;
height: 130px;
overflow: hidden;
z-index: 1;
}
.user-profile-2 .header-cover.primary{
background-color: #428BCA;
}
.user-profile-2 .header-cover img{
width: 100%;
}
.user-profile-2 .user-profile-inner{
z-index: 2;
position: relative;
}
.user-profile-2 .user-profile-inner h4.white{
color: #fff;
}
.user-profile-2 .user-profile-inner .profile-avatar{
border: 5px solid #fff;
box-shadow: 0 0 0 2px rgba(50,50,58,0);
-moz-box-shadow: 0 0 0 2px rgba(50,50,58,0);
-webkit-box-shadow: 0 0 0 2px rgba(50,50,58,0);
}
.user-profile-2 .profile-avatar{
margin: 15px 0;
border: 3px solid #fff;
box-shadow: 0 0 0 2px rgba(50,50,58,.4);
-moz-box-shadow: 0 0 0 2px rgba(50,50,58,.4);
-webkit-box-shadow: 0 0 0 2px rgba(50,50,58,.4);
}
.user-profile-2 .list-group{
text-align: left;
margin-top: 20px;
}
/** Timeline **/
.the-timeline{margin-bottom: 40px;}
.the-timeline .post-to-timeline{
margin: 15px 0;
}
.the-timeline .post-to-timeline textarea{
height: 50px;
resize: none;
margin-bottom: 10px;
}
.the-timeline ul{
padding: 0;
list-style: none;
margin: 0 15px 0 30px;
border-left: 2px solid #ddd;
}
.the-timeline ul li{
padding: 5px 15px;
display: block;
margin: 20px 0 20px 35px;
background: #E5E9EC;
position: relative;
border-left: 4px solid transparent;
}
.the-timeline ul li:hover{
border-left-color: #1B1E24;
}
.the-timeline ul li p{
margin: 0;
padding: 0;
}
.the-timeline ul li .the-date{
position: absolute;
left: -64px;
top:0;
width: 50px;
height: 50px;
background: #1B1E24;
border-radius: 50%;
text-align: center;
line-height: 130%;
}
.the-timeline ul li .the-date span{
color: #fff;
font-size: 18px;
display: block;
margin-top: 8px;
}
.the-timeline ul li .the-date small{
color: #fff;
font-size: 12px;
display: block;
}
/** Video iframe responsive **/
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin-bottom: 15px;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
iframe {
width: 100%;
border: none;
}
/** Weather widget **/
.weather-widget{position: relative;}
.weather-widget i{margin-right: 5px;}
.weather-widget .overlay-weather-info{
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
right: 15px;
}
.weather-widget .overlay-weather-info .weather-info-city{
color: #fff;
margin: 20px 0;
}
.weather-widget .overlay-weather-info .weather-info-city h4{
font-size: 16px;
font-weight: 600;
}
.weather-widget .overlay-weather-info h4{
color: #fff;
font-weight: 400;
}
.weather-widget .overlay-weather-info .weather-info-city h1{
font-weight: 600;
padding: 0;
margin: 0;
}
.weather-widget .overlay-weather-info i.weather-icon{font-size: 70px;}
/** Social button and icon **/
/** SOCIAL BUTTON ICONS **/
/** Button Facebook **/
.compojoom-bootstrap .btn-facebook {
background-color: #4B66A0;
border-color: #4B66A0;
color: #fff;
}
.compojoom-bootstrap .btn-facebook:hover,
.compojoom-bootstrap .btn-facebook:focus,
.compojoom-bootstrap .btn-facebook:active,
.compojoom-bootstrap .btn-facebook.active,
.compojoom-bootstrap .open .dropdown-toggle.btn-facebook {
background-color: #3B5A98;
border-color: #3B5A98;
color: #fff;
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
background-image: none;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
background-color: #6C89C1;
border-color: #6C89C1;
color: #fff;
}
.btn-facebook .badge {color: #3B5A98;}
/** Button Twitter **/
.btn-twitter {
background-color: #55ACEE;
border-color: #55ACEE;
color: #fff;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
background-color: #3490D3;
border-color: #3490D3;
color: #fff;
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
background-image: none;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
background-color: #7CC1F5;
border-color: #7CC1F5;
color: #fff;
}
.btn-twitter .badge {color: #3490D3;}
/** Button Googleplus **/
.btn-google-plus {
background-color: #D24333;
border-color: #D24333;
color: #fff;
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
background-color: #BC2C1F;
border-color: #BC2C1F;
color: #fff;
}
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
background-image: none;
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
background-color: #F0675A;
border-color: #F0675A;
color: #fff;
}
.btn-google-plus .badge {color: #BC2C1F;}
/** Button Dribbble **/
.btn-dribbble {
background-color: #E04C86;
border-color: #E04C86;
color: #fff;
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
background-color: #D33471;
border-color: #D33471;
color: #fff;
}
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
background-image: none;
}
.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
background-color: #F571A5;
border-color: #F571A5;
color: #fff;
}
.btn-dribbble .badge {color: #D33471;}
/** Button Flickr **/
.btn-flickr {
background-color: #0162DB;
border-color: #0162DB;
color: #fff;
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
background-color: #0555BF;
border-color: #0555BF;
color: #fff;
}
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
background-image: none;
}
.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
background-color: #2983F7;
border-color: #2983F7;
color: #fff;
}
.btn-flickr .badge {color: #0555BF;}
/** Button Pinterest **/
.btn-pinterest {
background-color: #CC2127;
border-color: #CC2127;
color: #fff;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
background-color: #B70F12;
border-color: #B70F12;
color: #fff;
}
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
background-image: none;
}
.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
background-color: #E53B3E;
border-color: #E53B3E;
color: #fff;
}
.btn-pinterest .badge {color: #B70F12;}
/** Button Youtube **/
.btn-youtube {
background-color: #D92623;
border-color: #D92623;
color: #fff;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
background-color: #C91212;
border-color: #C91212;
color: #fff;
}
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
background-image: none;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
background-color: #F04343;
border-color: #F04343;
color: #fff;
}
.btn-youtube .badge {color: #C91212;}
/** Button Dropbox **/
.btn-dropbox {
background-color: #1473C3;
border-color: #1473C3;
color: #fff;
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
background-color: #0864B2;
border-color: #0864B2;
color: #fff;
}
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
background-image: none;
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
background-color: #2E90E3;
border-color: #2E90E3;
color: #fff;
}
.btn-dropbox .badge {color: #0864B2;}
/** Button Foursquare **/
.btn-foursquare {
background-color: #0086BE;
border-color: #0086BE;
color: #fff;
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
background-color: #0571A0;
border-color: #0571A0;
color: #fff;
}
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
background-image: none;
}
.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
background-color: #2CA0CE;
border-color: #2CA0CE;
color: #fff;
}
.btn-foursquare .badge {color: #0571A0;}
/** Button Github **/
.btn-github {
background-color: #3B3B3B;
border-color: #3B3B3B;
color: #fff;
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
background-color: #212121;
border-color: #212121;
color: #fff;
}
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
background-image: none;
}
.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
background-color: #5F5F5F;
border-color: #5F5F5F;
color: #fff;
}
.btn-github .badge {color: #212121;}
/** Button Linkedin **/
.btn-linkedin {
background-color: #0085AE;
border-color: #0085AE;
color: #fff;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
background-color: #036C8E;
border-color: #036C8E;
color: #fff;
}
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
background-color: #24A7D3;
border-color: #24A7D3;
color: #fff;
}
.btn-linkedin .badge {color: #036C8E;}
/** Button Tumblr **/
.btn-tumblr {
background-color: #3E5A70;
border-color: #3E5A70;
color: #fff;
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
background-color: #2E485D;
border-color: #2E485D;
color: #fff;
}
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
background-image: none;
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
background-color: #586F81;
border-color: #586F81;
color: #fff;
}
.btn-tumblr .badge {color: #2E485D;}
/** Button Vimeo **/
.btn-vimeo {
background-color: #1BB6EC;
border-color: #1BB6EC;
color: #fff;
}
.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
background-color: #0D9DD1;
border-color: #0D9DD1;
color: #fff;
}
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
background-image: none;
}
.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
background-color: #4BCBFA;
border-color: #4BCBFA;
color: #fff;
}
.btn-vimeo .badge {color: #0D9DD1;}
/** SOCIAL ICONS COLORS **/
.icon-facebook{color: #4B66A0}
a .icon-facebook{color: #4B66A0}
a:hover .icon-facebook ,
a:focus .icon-facebook {
text-decoration: none;
color: #3B5A98;
}
.icon-twitter{color: #55ACEE}
a .icon-twitter {color: #55ACEE}
a:hover .icon-twitter,
a:focus .icon-twitter{
text-decoration: none;
color: #3490D3;
}
.icon-google-plus{color: #D24333}
a .icon-google-plus{color: #D24333}
a:hover .icon-google-plus,
a:focus .icon-google-plus{
text-decoration: none;
color: #BC2C1F;
}
.icon-dribbble{color: #E04C86}
a .icon-dribbble{color: #E04C86}
a:hover .icon-dribbble,
a:focus .icon-dribbble{
text-decoration: none;
color: #D33471;
}
.icon-flickr{color: #0162DB}
a .icon-flickr {color: #0162DB}
a:hover .icon-flickr,
a:focus .icon-flickr{
text-decoration: none;
color: #0555BF;
}
.icon-pinterest{color: #CC2127}
a .icon-pinterest{color: #CC2127}
a:hover .icon-pinterest,
a:focus .icon-pinterest{
text-decoration: none;
color: #B70F12;
}
.icon-youtube{color: #D92623}
a .icon-youtube{color: #D92623}
a:hover .icon-youtube,
a:focus .icon-youtube{
text-decoration: none;
color: #C91212;
}
.icon-dropbox{color: #1473C3}
a .icon-dropbox {color: #1473C3}
a:hover .icon-dropbox,
a:focus .icon-dropbox{
text-decoration: none;
color: #0864B2;
}
.icon-foursquare{color: #0086BE}
a .icon-foursquare{color: #0086BE}
a:hover .icon-foursquare,
a:focus .icon-foursquare{
text-decoration: none;
color: #0571A0;
}
.icon-github{color: #3B3B3B}
a .icon-github{color: #3B3B3B}
a:hover .icon-github,
a:focus .icon-github{
text-decoration: none;
color: #212121;
}
.icon-linkedin{color: #0085AE}
a .icon-linkedin{color: #0085AE}
a:hover .icon-linkedin,
a:focus .icon-linkedin{
text-decoration: none;
color: #036C8E;
}
.icon-tumblr{color: #3E5A70}
a .icon-tumblr{color: #3E5A70}
a:hover .icon-tumblr,
a:focus .icon-tumblr{
text-decoration: none;
color: #2E485D;
}
.icon-vimeo{color: #1BB6EC}
a .icon-vimeo{color: #1BB6EC}
a:hover .icon-vimeo,
a:focus .icon-vimeo {
text-decoration: none;
color: #0D9DD1;
}
/** Weather icons **/
.iconExamples:before,
.iconExamples:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.iconExamples:after {
clear: both;
}
.iconExamples:before,
.iconExamples:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.iconExamples:after {
clear: both;
}
.iconExamples h2 {
font-family: "aktiv-grotesk-std";
font-weight: 200;
color: #3b6ab5;
}
.iconExamples .example {
text-align: center;
margin: 10px 3px;
}
.iconExamples .example:before,
.iconExamples .example:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.iconExamples .example:after {
clear: both;
}
.iconExamples .example:before,
.iconExamples .example:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.iconExamples .example:after {
clear: both;
}
.iconExamples .example .icon {
font-size: 20px;
float: left;
width: 35px;
}
.iconExamples .example .class {
text-align: center;
font-size: 17px;
float: left;
margin-top: 0px;
font-weight: 400;
margin-left: 10px;
color: #333333;
}
.c-media-introtext {
margin-top: 14px;
}
.c-media-sidebar {
margin-top: 15px !important;
}
.c-logo-icon {
margin-top: 8px;
position: absolute;
top: 0px;
right: 15px;
}
.c-sp-inline {
float: none !important; margin-left: 5px; display: inline-block !important;
}
.c-toolbar {
padding: 0; margin: 0;
}
.c-extension-title {
max-width: 225px !important;
}
.c-toolbar-holder {
background: #fff;
clear: both;
position: absolute;
top: 0;
left: 225px;
width: 100%;
padding: 0 20px;
}
.c-toolbar-holder .btn {
padding: 3px 8px;
border: 1px solid #cccccc;
}
i.i-right {
float: right;
}
.compojoom-bootstrap .table {
margin-bottom: 0;
width: 100%;
}
.compojoom-bootstrap select,
.compojoom-bootstrap textarea,
.compojoom-bootstrap input[type="text"],
.compojoom-bootstrap input[type="password"],
.compojoom-bootstrap input[type="datetime"],
.compojoom-bootstrap input[type="datetime-local"],
.compojoom-bootstrap input[type="date"],
.compojoom-bootstrap input[type="month"],
.compojoom-bootstrap input[type="time"],
.compojoom-bootstrap input[type="week"],
.compojoom-bootstrap input[type="number"],
.compojoom-bootstrap input[type="email"],
.compojoom-bootstrap input[type="url"],
.compojoom-bootstrap input[type="search"],
.compojoom-bootstrap input[type="tel"],
.compojoom-bootstrap input[type="color"],
.compojoom-bootstrap .uneditable-input {
min-height: 34px;
}
#copyright_box {
margin-bottom: 20px;
}
.tab-pane {
padding: 20px;
}
.compojoom-bootstrap .table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.compojoom-bootstrap #filter-bar .btn-group .btn {
padding: 4px 8px;
}
#filter_search {margin-left: 5px;}
.filter-select {margin-right: 5px;}
.compojoom-bootstrap .chzn-single{
min-height: 29px;
}
.compojoom-bootstrap .chzn-single span {
line-height: 29px;
}
.compojoom-bootstrap .accordion-inner {
padding: 9px 0;
}
.compojoom-bootstrap .table td {
vertical-align: middle;
}
.compojoom-bootstrap .input-append {
margin: 5px 0;
}
.compojoom-bootstrap .input-append button {
padding: 5px 10px;
background-color: #fff;
border-color: #ccc;
color: #333;
}
.compojoom-bootstrap .form-horizontal .control-label {
text-align: left;
}
.compojoom-bootstrap .form-horizontal .input-append .form-control {
display: table-cell;
}
.compojoom-bootstrap .form-horizontal .input-append {
border-collapse: separate;
display: table;
position: relative;
}
body {
background: #E5E9EC !important;
}
.dashboard-icons {
list-style: none outside none;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 1px;
padding-left: 0;
text-align: center;
}
.dashboard-icons li {
width: 25%;
border: 1px solid #ddd;
font-size: 12px;
height: 115px;
line-height: 1.4;
margin: 0 -5px -1px 0;
padding: 10px;
text-align: center;
display: inline-block;
}
.dashboard-icons li a {
color: #1b1e24;
}
.dashboard-icons .text-icon {
display: block;
text-align: center;
word-wrap: break-word;
}
.compojoom-bootstrap .controls .modal {
position: relative;
display: inline-block;
overflow-y: auto;
}
.compojoom-bootstrap .controls .btn {
padding: 3px 12px;
}
.compojoom-bootstrap-modal div.changelog h3 {
font-size: 17px;
margin: 0 13px 0.5em 0;
}
.compojoom-bootstrap-modal div.changelog h3 span {
color: #999;
font-size: 0.8em;
font-style: italic;
}
.compojoom-bootstrap-modal div.changelog ul {
background-color: #fefefe;
border-color: #ccc;
border-radius: 5px;
border-style: solid;
border-width: thin;
font-size: 13px;
list-style-type: none;
margin: 3px 13px 20px 3px;
padding: 7px;
}
.compojoom-bootstrap-modal div.changelog li {
line-height: 18px;
margin: 0 3px 3px;
padding: 0;
}
.compojoom-bootstrap-modal div.changelog li span {
display: inline-block;
margin-right: 7px;
text-align: center;
width: 32px;
}
.compojoom-bootstrap-modal div.changelog li.securityfixed {
color: red;
}
.compojoom-bootstrap-modal div.changelog li.fixed {
color: #265871;
}
.compojoom-bootstrap-modal div.changelog li.language {
color: purple;
}
.compojoom-bootstrap-modal div.changelog li.added {
color: green;
}
.compojoom-bootstrap-modal div.changelog li.changed {
color: #333;
}
.compojoom-bootstrap-modal div.changelog li.changedmisc {
color: #999;
}
.compojoom-bootstrap-modal div.changelog li.removed {
color: #be2d26;
}
.compojoom-bootstrap-modal div.changelog li.note {
color: #d37e05;
}
/* Carousel */
.compojoom-bootstrap .carousel, #myCarousel {
height: 340px;
}
.compojoom-bootstrap .carousel-caption {
z-index: 10;
}
.compojoom-bootstrap .carousel .item {
height: 340px;
margin: 0 auto;
padding-top: 40px;
line-height: 1.8;
font-size: 100%;
}
.compojoom-bootstrap .carousel .item img {
}
.compojoom-bootstrap .carousel-caption {
color: rgb(0, 0, 0) !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, .1) !important;
padding-bottom: 40px !important;
background: none;
}
.carousel-text {
margin: 0 auto;
z-index: 999;
max-width: 600px
}
.compojoom-bootstrap .carousel-control {
color: #dadada !important;
}
.compojoom-bootstrap .carousel-control.right, .compojoom-bootstrap .carousel-control.left {
}
.compojoom-bootstrap .carousel .img-absolute {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
}
.compojoom-bootstrap .carousel-text {
position: relative;
color: #000;
margin-top: 40px;
padding-bottom: 40px;
}
.carousel-text h3 {
text-shadow: 0px 1px 1px #ccc;
display: inline;
background: rgba(255, 255, 255, .95);
padding: 5px 15px;
line-height: 45px;
}
.compojoom-bootstrap .carousel-indicators {
position: absolute;
top: auto !important;
bottom: 15px !important;
right: auto !important;
z-index: 5;
list-style: none;
color: #000;
}
.compojoom-bootstrap .carousel-indicators .active {
background-color: #000;
}
.compojoom-bootstrap .carousel-indicators li {
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #000;
}
.compojoom-bootstrap .carousel-indicators li {
float: center;
}
.compojoom-bootstrap .carousel-control {
z-index: 15;
border: 0;
position: absolute;
border-radius: 0;
top: 0;
padding-top: 170px;
}
.compojoom-bootstrap .carousel-control-left {
left: 0;
right: auto;
height: 370px;
width: 20%;
opacity: 1;
text-align: left;
padding-left: 20px;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.compojoom-bootstrap .carousel-control-right {
background: #fff;
left: auto;
right: 0;
height: 370px;
width: 20%;
opacity: 1;
text-align: right;
padding-right: 20px;
background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.compojoom-bootstrap .tooltip, .tip-wrap {
z-index: 999 !important;
}
.layoutcountries-tip { z-index: 1000; }
.compojoom-bootstrap .ui-slider-handle.ui-state-active {
z-index: 999;
}
.compojoom-bootstrap .icon-calendar {
font-size: 15px;
}
.compojoom-bootstrap .btn-group > .btn:last-child:not(:first-child),
.compojoom-bootstrap .btn-group > .dropdown-toggle:not(:first-child) {
border-radius: 0 2px 2px 0;
}
.compojoom-bootstrap .btn-group .btn {
border-color: #cccccc;
border-radius: 2px 0 0 2px;
}
.compojoom-bootstrap .btn-group > .btn.active {
border-color: transparent;
}
.compojoom-bootstrap .newsfeed {
list-style-type: none;
margin: 0;
}
.compojoom-bootstrap .feed-item-description p {
display: inline;
}
.compojoom-bootstrap .btn {
border: 1px solid #CCC;
}
.compojoom-bootstrap fieldset.radio label {
display: block;
}
.compojoom-bootstrap fieldset.checkboxes ul {
margin: 0;
}
Zerion Mini Shell 1.0