/* Main Stylesheet by Ustads*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}
body {
line-height:1;
font-style:normal;
color:#666666;
font-family: Arial, Tahoma, sans-serif;
font-weight: regular;
font-size: 13px;
}
::-moz-selection {
background:#E8645A;
color:#fff;
}
::selection {
background:#E8645A;
color:#fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
color:darkcyan;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
div.container {
width:1170px;
margin:0 auto;
}
header {
background: #eb4034 url(../images/header_repeat.png) repeat-x left bottom;
/*background:#eb4034 url(../images/header_repeat.png) repeat-x left bottom;*/
border-bottom: 2px solid #6ab3ac;
width: 100%;
display: inline-block;
padding: 1% 0;
}
header a.logo {
float:left;
width:auto;
color:#fff;
display:inline-block;
}
header a.logo h1 {
font-size:25px;
font-weight:800;
display:inline;
text-transform:uppercase;
}
header a.logo h3 {
font-size:25px;
font-weight:normal;
display:inline;
text-transform:lowercase;
}
header nav {
float:right;
width:70%;
font-family:Arial, Helvetica, sans-serif;
}
header nav ul {
display:inline-block;
width:100%;
text-align:right;
}
header nav ul li {
display:inline-block;
vertical-align:middle;
margin:0 0.5%;
position:relative;
}
header nav ul li a {
color:#fff;
/*text-transform:uppercase;*/
font-size:15px;
font-weight:600;
float:left;
padding:8px 15px;
}
article.search {
position:relative;
}
.search_icon {
color:#fff;
text-transform:uppercase;
font-size:14px;
font-weight:600;
float:right;
}
article.search a.search_icon i {
padding:8px 10px;
}
.search_icon:hover, .search_icon.active {
background:#e8645a;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0 4px 0px #e2534b;
-webkit-box-shadow:0 4px 0px #e2534b;
-moz-box-shadow:0 4px 0px #e2534b;
-o-box-shadow:0 4px 0px #e2534b;
}
header nav ul li.dd > ul {
display:none;
left:2px;
z-index:1;
background:darkcyan;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
padding: 5% 7%;
position: absolute;
top:31px;
width: 160%;
}
header nav ul li.dd > ul:before {
content:url(../images/nav_top.png);
display:block;
position:absolute;
top:-11px;
left:10px;
}
header nav ul li.dd > ul li {
float:left;
width:85%;
margin:3px 0;
background:darkcyan;
}
header nav ul li.dd > ul li a {
color:#306161;
font-size:13px;
text-transform:none;
width:100%;
text-align:left;
}
div.search_box {
display:none;
right:0;
z-index:1;
background:#e2534b;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
padding:5px;
position: absolute;
top:40px;
}
div.search_box input[type="search"] {
margin:0 auto;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
border:0;
padding:3px;
background:#f0f0f0;
}
div.search_box:before {
content:url(../images/nav_top.png);
display:block;
position:absolute;
top:-11px;
right:10px;
}
header nav ul li.dd .fa {
vertical-align:text-top;
}
header nav ul li a:hover, header nav ul li a.active {
background:#8ed2cd;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
box-shadow:0 2px 0px #000;
-webkit-box-shadow:0 2px 0px #000;
-moz-box-shadow:0 2px 0px #000;
-o-box-shadow:0 2px 0px #000;
}
section.banner_rotator {
float:left;
width:100%;
}
section.page {
background:#f3f3f3;
display:block;
width:100%;
clear:both;
padding:3% 0;
}
section.page blockquote {
background:#ececec;
margin:0 auto;
display:table;
padding:1.5%;
width:97%;
}
section.page blockquote h1 {
color:#7f8c8c;
font-weight:600;
font-size:30px;
display:block;
width:80%;
}
section.page blockquote p {
font-size:13px;
margin:1% 0 0 0;
color:#777777;
display:block;
width:80%;
}
.button, input[type="submit"], input[type="reset"], input[type="button"] {
border: none;
border-bottom: 2px solid rgba(0,0,0,.15);
border-top: 1px solid rgba(255,255,255,.15);
border-radius: 3px;
color: #fff;
display: inline-block;
font: -webkit-small-control;
font-size:12px;
letter-spacing: 1px;
line-height: 140%;
padding: 10px 20px;
font-weight:bold;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
/*text-transform: uppercase;*/
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.btn-minimal {
background-color: #8ed2cd;
border-radius: 0;
border: 1px solid rgb( 186, 186, 186 );
color: darkcyan;/*rgb(255,255,255);*/
}
.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background:#eb4034;
box-shadow:0 5px 0 #62b9b0;
-webkit-box-shadow:0 5px 0 #62b9b0;
-moz-box-shadow:0 5px 0 #62b9b0;
-o-box-shadow:0 5px 0 #62b9b0;
}
.view_more {
float:right;
margin:-4.5% 0 0 0;
}
section.set_of_4 {
display:block;
width:100%;
padding:1% 0;
margin:0 auto;
}
section.set_of_4 article.block {
display:inline-block;
background:#f8f8f8;
box-shadow:0px 5px 0px #E5E6E6;
-webkit-box-shadow:0px 5px 0px #E5E6E6;
-moz-box-shadow:0px 5px 0px #E5E6E6;
-o-box-shadow:0px 5px 0px #E5E6E6;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
width:20%;
text-align:center;
padding:5% 1.5%;
position:relative;
margin:4% 0.8%;
}
section.set_of_4 article.block i {
border:none;
font-size:48px;
color:#62bdbd;
}
section.set_of_4 article.block h3 {
display:block;
color:#7f8c8c;
font-weight:800;
margin:5% 0 7%;
font-size:16px;
text-transform:uppercase;
}
section.set_of_4 article.block p {
display:block;
color:#777777;
line-height:1.5;
margin:0 0 15% 0;
}
section.set_of_4 article.block .abs {
bottom: -6%;
left: 18%;
position: absolute;
font-size:14px;
font-weight:400;
text-transform:lowercase;
padding:13px 50px;
background:#76caca;
box-shadow:0 5px 0 #62b9b0;
-webkit-box-shadow:0 5px 0 #62b9b0;
-moz-box-shadow:0 5px 0 #62b9b0;
-o-box-shadow:0 5px 0 #62b9b0;
}
section.set_of_4 article.block .abs:hover {
background:#E8645A;
box-shadow:0 5px 0 #E2534B;
-webkit-box-shadow:0 5px 0 #E2534B;
-moz-box-shadow:0 5px 0 #E2534B;
-o-box-shadow:0 5px 0 #E2534B;
}
.hover_state {
color:#E8645A !important;
}
.bg_white {
background:#fff !important;
}
section.page_alternate {
background:#ececec;
display:inline-block;
width:100%;
clear:both;
padding:3% 0;
text-align:center;
}
section.page_alternate h1 {
color:#e1524b;
font-weight:400;
font-size:40px;
margin:1% 0;
}
section.page_alternate p {
color:#777777;
font-size:13px;
margin-bottom:5%;
}
article.portfolio_set {
width:100%;
margin:0 auto;
display:block;
}
article.portfolio_set div.optionz {
display:inline-block;
width:100%;
}
article.portfolio_set div.optionz ul {
float:left;
width:100%;
}
article.portfolio_set div.optionz ul li {
background:#e8645a;
box-shadow:0 5px 0px #e2534b;
-webkit-box-shadow:0 5px 0 #E2534B;
-moz-box-shadow:0 5px 0 #E2534B;
-o-box-shadow:0 5px 0 #E2534B;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
padding:5px 10px;
text-transform:capitalize;
font-size:14px;
font-weight:600;
color:#fff;
display:inline-block;
cursor:pointer;
margin:0 3px;
}
article.portfolio_set div.optionz ul li:hover {
background:#eb4034;
box-shadow:0 5px 0 #62b9b0;
-webkit-box-shadow:0 5px 0 #62b9b0;
-moz-box-shadow:0 5px 0 #62b9b0;
-o-box-shadow:0 5px 0 #62b9b0;
}
article.portfolio_set div.mix_container {
display:inline-block;
width:100%;
}
article.portfolio_set div.mix_container ul#Grid {
display:block;
width:100%;
margin:5% 0;
}
article.portfolio_set div.mix_container ul#Grid li {
margin:0 2% 2%;
width: 15%;
float:left;
}
article.portfolio_set div.mix_container ul#Grid li img {
border:3px solid #b0b8b9;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
width:100%;
}
#Grid .mix {
opacity: 0;
display: none;
}
.col-4 {
display:inline-block;
width:22%;
margin:0 1%;
vertical-align:top;
}
.col-mid {
display:inline-block;
width:48%;
margin:0 1%;
}
.col-4 h3 {
font-weight:800;
color:#7f8c8c;
margin-bottom:3%;
font-size:16px;
}
.col-4 h3 a {
color:#e2534b;
float:right;
font-size:12px;
margin-top:5px;
}
.col-4 h3 a:hover {
color:#eb4034;
}
.col-4 ul {
display:block;
width:100%;
}
.col-4 ul li {
display:block;
width:100%;
margin:1% 0;
color:#777777;
margin:5% 0;
}
.col-4 ul li i {
color:#e2534b;
margin-right:5px;
}
.col-mid p {
color:#777777;
line-height:2em;
margin-bottom:5%;
}
ul.knob_holder {
display:block;
width:100%;
list-style-type:none;
}
ul.knob_holder li {
float:left;
width:21.2%;
margin:0 2.5%;
}
ul.knob_holder li:first-child {
margin-left:0;
}
ul.knob_holder li:last-child {
margin-right:0;
}
ul.knob_holder li div {
width:100% !important;
height:auto !important;
float:left;
position:relative;
}
ul.knob_holder li div canvas {
width:100% !important;
height:auto !important;
float:left;
}
.knob {
bottom:47px !important;
font-size:23px !important;
height: auto !important;
left: 0 !important;
margin: 0 !important;
position: absolute !important;
width: 100% !important;
color:#7f8c8c !important;
}
ul.knob_holder li strong {
text-align:center;
display:block;
color:#7f8c8c;
text-transform:uppercase;
font-weight:800;
}
ul.client_testmnl_fader li {
margin:1% 0;
}
ul.client_testmnl_fader li blockquote {
background: none repeat scroll 0 0 #F8F8F8;
color: #777777;
font-size: 13px;
font-style: italic;
line-height: 1.6;
padding: 5%;
width: 90%;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
margin:2% 0;
}
ul.client_testmnl_fader li h3 {
text-align:right;
margin:6% 0;
font-weight:400;
font-size:16px;
}
footer article.footer_col_1 {
display: inline-block;
margin: 0 2%;
vertical-align: top;
width: 31%;
}
footer article.footer_col_1:first-child {
margin-left:0;
}
footer article.footer_col_1:last-child {
margin-right:0;
}
footer article.footer_col_1 a.logo {
color:#fff;
display:inline-block;
width:100%;
}
footer article.footer_col_1 h1 {
font-size:30px;
font-weight:800;
display:inline;
text-transform:uppercase;
}
footer article.footer_col_1 h1 i {
text-transform:lowercase;
font-weight:400;
}
footer article.footer_col_1 h3 {
font-size:25px;
font-weight:normal;
display:inline;
text-transform:lowercase;
}
footer article.footer_col_1 p {
color:#fff;
line-height:2;
display:block;
margin:2% 0;
width:100%;
}
footer article.footer_col_1 p span, footer article.footer_col_1 p a {
font-size:16px;
display:block;
font-style:italic;
color:#fff;
display:inline;
}
footer article.footer_listing {
display: inline-block;
margin: 0 2%;
vertical-align: top;
width: 10%;
}
footer article.footer_listing h1 {
color:#424242;
font-weight:bold;
margin-bottom:5%;
font-size:20px;
}
footer article.footer_listing ul {
float:left;
width:90%;
padding:5%;
}
footer article.footer_listing li {
display:block;
width:100%;
}
footer article.footer_listing li a {
display:block;
width:100%;
color:#fff;
margin:7% 0;
}
footer article.footer_listing li a:hover {
color:#e8645a;
}
footer article.footer_listing li i {
margin-right:5px;
}
footer article.footer_col_1 ul {
float:left;
width:100%;
list-style-type:none;
margin:5% 0;
}
footer article.footer_col_1 ul li {
margin:2% 0;
width:100%;
display:inline-block;
}
footer article.footer_col_1 ul li figure {
width:auto;
float:left;
width:19%;
}
footer article.footer_col_1 ul li aside {
float:right;
width:76%;
}
footer article.footer_col_1 ul li aside a {
color:#fff;
line-height:1.5;
}
footer article.footer_col_1 ul li aside a:hover {
color:#e8645a;
}
footer article.footer_col_1 ul li aside span {
color:#424242;
width:100%;
margin:1% 0;
float:left;
}
.selected {
background:#eb4034 !important;
box-shadow:0 5px 0 #62b9b0 !important;
-webkit-box-shadow:0 5px 0 #62b9b0 !important;
-moz-box-shadow:0 5px 0 #62b9b0 !important;
-o-box-shadow:0 5px 0 #62b9b0 !important;
}
.mob_nav {
float:right;
width:auto;
font-size:17px;
color:#fff;
margin:2%;
display:none;
}
.form-control {
display: block;
width: 100%;
height: 18px;
padding: 4px 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
/*border-color: #d9534f;*/
/*background-color:burlywood;*/
font-weight:bold;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:active {
border-color: #d9534f;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: none;
opacity: 1;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="date"] {
line-height: 34px;
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
display: block;
min-height: 20px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
display: inline;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
background-color:burlywood;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.form-control-static {
margin-bottom: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 15px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #1B242F;
border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #3276b1;
border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #1B242F;
border-color: #357ebd;
}
.btn-primary .badge {
color: #1B242F;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #fff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #fff;
background-color: #39b3d7;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ed9c28;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #1B242F;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #E74C3C;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}