body {
padding: 0;
background-color:#F6F6F6;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
color:#555;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight:300;
}
select {
padding-right: 20px;
margin: 0;
color:#888;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
combo {position:relative}
combo:after {
content:'<>';
font:11px "Consolas", monospace;
color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
/* border-bottom:1px solid #ddd;*/
position:absolute;
pointer-events:none;
}
combo:before {
content:'';
right:6px; top:0px;
width:20px; height:20px;
/*background:#f8f8f8;*/
position:absolute;
pointer-events:none;
display:block;
}
a {
color: #3380FF;
text-decoration: none;
outline: 0 none;
}
a:focus, a:hover, a:active {
outline: 0 none;
text-decoration: none;
color:#3078ef;
}
p {
font-size: 13px;
line-height: 22px;
}
b {
font-weight: 400;
}
blockquote p {
font-size:15px;
}
ul{padding-left:30px;}
.overflow-hidden{
overflow:hidden;
}
.no-margin{margin:0 !important;}
.no-margin-y{margin-top:0 !important;margin-bottom:0 !important;}
.no-margin-x{margin-left:0 !important;margin-right:0 !important;}
.no-margin-top{margin-top:0 !important;}
.no-margin-bottom{margin-bottom:0 !important;}
.no-margin-left{margin-left:0 !important;}
.no-margin-right{margin-right:0 !important;}
.big-text{
font-size:61px;line-height: 70px !important;
text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
padding-bottom:5px;
}
/*table thead th{
padding:5px;
font-size:13px;
font-weight: 200;
}
table tbody td{
padding:7px 8px;
font-size:12px;
}
table .primary-emphasis, table .primary-emphasis-dark{
background: #4D90FD;
color: #FFF;
border-color: #4D90FD;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
table .primary-emphasis-dark{background-color:#437edd;}
table .success-emphasis, table .success-emphasis-dark{
background: #60C060;
color: #FFF;
border-color: #60C060;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
table .success-emphasis-dark{background-color:#58b058;border-color:#58b058;}
table .warning-emphasis, table .warning-emphasis-dark{
background: #FC9700;
color: #FFF;
border-color: #FC9700;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
table .warning-emphasis-dark{background-color:#fc8800;border-color:#fc8800;}
table .danger-emphasis, table .danger-emphasis-dark{
background: #DA4932;
color: #FFF;
border-color: #DA4932;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
table .danger-emphasis-dark{background-color:#c8432e;border-color:#c8432e;}*/
.infobox-container {
text-align:center;
font-size:0;
color:#fff;
}
.infobox {
display:inline-block;
width:230px;
height:70px;
color:#555;
background-color:#FFF;
box-shadow:none;
border-radius:0;
margin:-1px 0 0 -1px;
padding:8px 3px 6px 9px;
border:1px dotted;
border-color:#d8d8d8!important;
vertical-align:middle;
text-align:left;
position:relative
}
.infobox>.infobox-icon {
display:inline-block;
vertical-align:top;
width:44px
}
.infobox>.infobox-icon>[class*="icon-"] {
display:inline-block;
height:42px;
margin:0;
padding:1px 1px 0 2px;
background-color:transparent;
border:0;
text-align:center;
position:relative;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
box-shadow:1px 1px 0 rgba(0,0,0,0.2)
}
.infobox>.infobox-icon>[class*="icon-"]:before {
font-size:24px;
display:block;
padding:6px 0 7px;
width:40px;
text-align:center;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
color:rgba(255,255,255,0.9);
background-color:rgba(255,255,255,0.2);
text-shadow:1px 1px 1px rgba(0,0,0,0.14)
}
.infobox .infobox-content {
color:#555
}
.infobox .infobox-content:first-child {
font-weight:bold
}
.infobox>.infobox-data {
display:inline-block;
border:0;
border-top-width:0;
font-size:13px;
text-align:left;
line-height:21px;
min-width:130px;
padding-left:8px;
position:relative;
top:0
}
.infobox>.infobox-data>.infobox-data-number {
display:block;
font-size:22px;
margin:2px 0 4px;
position:relative;
text-shadow:1px 1px 0 rgba(0,0,0,0.15)
}
.infobox>.infobox-data>.infobox-text {
display:block;
font-size:16px;
margin:2px 0 4px;
position:relative;
text-shadow:none
}
.infobox.no-border {
border:none!important
}
.infobox-purple {
color:#6f3cc4;
border-color:#6f3cc4
}
.infobox-purple>.infobox-icon>[class*="icon-"] {
background-color:#6f3cc4
}
.infobox-purple.infobox-dark {
background-color:#6f3cc4;
border-color:#6f3cc4
}
.infobox-purple2 {
color:#5f47b0;
border-color:#5f47b0
}
.infobox-purple2>.infobox-icon>[class*="icon-"] {
background-color:#5f47b0
}
.infobox-purple2.infobox-dark {
background-color:#5f47b0;
border-color:#5f47b0
}
.infobox-pink {
color:#cb6fd7;
border-color:#cb6fd7
}
.infobox-pink>.infobox-icon>[class*="icon-"] {
background-color:#cb6fd7
}
.infobox-pink.infobox-dark {
background-color:#cb6fd7;
border-color:#cb6fd7
}
.infobox-blue {
color:#6fb3e0;
border-color:#6fb3e0
}
.infobox-blue>.infobox-icon>[class*="icon-"] {
background-color:#6fb3e0
}
.infobox-blue.infobox-dark {
background-color:#6fb3e0;
border-color:#6fb3e0
}
.infobox-blue2 {
color:#3983c2;
border-color:#3983c2
}
.infobox-blue2>.infobox-icon>[class*="icon-"] {
background-color:#3983c2
}
.infobox-blue2.infobox-dark {
background-color:#3983c2;
border-color:#3983c2
}
.infobox-blue3 {
color:#1144eb;
border-color:#1144eb
}
.infobox-blue3>.infobox-icon>[class*="icon-"] {
background-color:#1144eb
}
.infobox-blue3.infobox-dark {
background-color:#1144eb;
border-color:#1144eb
}
.infobox-red {
color:#d53f40;
border-color:#d53f40
}
.infobox-red>.infobox-icon>[class*="icon-"] {
background-color:#d53f40
}
.infobox-red.infobox-dark {
background-color:#d53f40;
border-color:#d53f40
}
.infobox-brown {
color:#c67a3e;
border-color:#c67a3e
}
.infobox-brown>.infobox-icon>[class*="icon-"] {
background-color:#c67a3e
}
.infobox-brown.infobox-dark {
background-color:#c67a3e;
border-color:#c67a3e
}
.infobox-wood {
color:#7b3f25;
border-color:#7b3f25
}
.infobox-wood>.infobox-icon>[class*="icon-"] {
background-color:#7b3f25
}
.infobox-wood.infobox-dark {
background-color:#7b3f25;
border-color:#7b3f25
}
.infobox-light-brown {
color:#cebea5;
border-color:#cebea5
}
.infobox-light-brown>.infobox-icon>[class*="icon-"] {
background-color:#cebea5
}
.infobox-light-brown.infobox-dark {
background-color:#cebea5;
border-color:#cebea5
}
.infobox-orange {
color:#e8b110;
border-color:#e8b110
}
.infobox-orange>.infobox-icon>[class*="icon-"] {
background-color:#e8b110
}
.infobox-orange.infobox-dark {
background-color:#e8b110;
border-color:#e8b110
}
.infobox-orange2 {
color:#f79263;
border-color:#f79263
}
.infobox-orange2>.infobox-icon>[class*="icon-"] {
background-color:#f79263
}
.infobox-orange2.infobox-dark {
background-color:#f79263;
border-color:#f79263
}
.infobox-green {
color:#9abc32;
border-color:#9abc32
}
.infobox-green>.infobox-icon>[class*="icon-"] {
background-color:#9abc32
}
.infobox-green.infobox-dark {
background-color:#9abc32;
border-color:#9abc32
}
.infobox-green2 {
color:#0490a6;
border-color:#0490a6
}
.infobox-green2>.infobox-icon>[class*="icon-"] {
background-color:#0490a6
}
.infobox-green2.infobox-dark {
background-color:#0490a6;
border-color:#0490a6
}
.infobox-grey {
color:#999;
border-color:#999
}
.infobox-grey>.infobox-icon>[class*="icon-"] {
background-color:#999
}
.infobox-grey.infobox-dark {
background-color:#999;
border-color:#999
}
.infobox-black {
color:#393939;
border-color:#393939
}
.infobox-black>.infobox-icon>[class*="icon-"] {
background-color:#393939
}
.infobox-black.infobox-dark {
background-color:#393939;
border-color:#393939
}
.infobox-dark {
margin:1px 1px 0 0;
border-color:transparent!important;
border:0;
color:#FFF;
padding:4px
}
.infobox-dark>.infobox-icon>[class*="icon-"], .infobox-dark>.infobox-icon>[class*="icon-"]:before {
background-color:transparent;
box-shadow:none;
text-shadow:none;
border-radius:0;
font-size:30px
}
.infobox-dark>.infobox-icon>[class*="icon-"]:before {
opacity:1;
filter:alpha(opacity=100)
}
.infobox-dark .infobox-content {
color:#FFF
}
.infobox>.infobox-progress {
padding-top:0;
display:inline-block;
vertical-align:top;
width:44px
}
.infobox>.infobox-chart {
padding-top:0;
display:inline-block;
vertical-align:text-bottom;
width:44px;
text-align:center
}
.infobox>.infobox-chart>.sparkline {
font-size:24px
}
.infobox>.infobox-chart canvas {
vertical-align:middle!important
}
.infobox>.stat {
display:inline-block;
position:absolute;
right:20px;
top:11px;
text-shadow:none;
color:#abbac3;
font-size:13px;
font-weight:bold;
padding-right:18px;
padding-top:3px
}
.infobox>.stat:before {
display:inline-block;
content:"";
width:8px;
height:11px;
background-color:#abbac3;
position:absolute;
right:4px;
top:7px
}
.infobox>.stat:after {
display:inline-block;
content:"";
position:absolute;
right:1px;
top:-8px;
border:12px solid transparent;
border-width:8px 7px;
border-bottom-color:#abbac3
}
.infobox>.stat.stat-success {
color:#77c646
}
.infobox>.stat.stat-success:before {
background-color:#77c646
}
.infobox>.stat.stat-success:after {
border-bottom-color:#77c646
}
.infobox>.stat.stat-important {
color:#e4564f
}
.infobox>.stat.stat-important:before {
background-color:#e4564f;
top:3px
}
.infobox>.stat.stat-important:after {
border-top-color:#e4564f;
border-bottom-color:transparent;
bottom:-6px;
top:auto
}
.infobox.infobox-dark>.stat {
color:#FFF
}
.infobox.infobox-dark>.stat:before {
background-color:#e1e5e8
}
.infobox.infobox-dark>.stat:after {
border-bottom-color:#e1e5e8
}
.infobox.infobox-dark>.stat.stat-success {
color:#FFF
}
.infobox.infobox-dark>.stat.stat-success:before {
background-color:#d0e29e
}
.infobox.infobox-dark>.stat.stat-success:after {
border-bottom-color:#d0e29e
}
.infobox.infobox-dark>.stat.stat-important {
color:#FFF
}
.infobox.infobox-dark>.stat.stat-important:before {
background-color:#ff8482;
top:3px
}
.infobox.infobox-dark>.stat.stat-important:after {
border-top-color:#ff8482;
border-bottom-color:transparent;
bottom:-6px;
top:auto
}
.infobox>.badge {
position:absolute;
right:20px;
top:11px;
border-radius:0;
text-shadow:none;
color:#FFF;
font-size:11px;
font-weight:bold;
line-height:15px;
height:16px;
padding:0 1px
}
.infobox.infobox-dark>.badge {
color:#FFF;
background-color:rgba(255,255,255,0.2)!important;
border:1px solid #f1f1f1;
top:2px;
right:2px
}
.infobox.infobox-dark>.badge.badge-success>[class*="icon-"] {
color:#c6e9a1
}
.infobox.infobox-dark>.badge.badge-important>[class*="icon-"] {
color:#ecb792
}
.infobox.infobox-dark>.badge.badge-warning>[class*="icon-"] {
color:#ecb792
}
.infobox-small {
width:125px;
height:45px;
text-align:left;
padding-bottom:5px
}
.infobox-small>.infobox-icon, .infobox-small>.infobox-chart, .infobox-small>.infobox-progress {
display:inline-block;
width:40px;
max-width:40px;
height:42px;
line-height:38px;
vertical-align:middle
}
.infobox-small>.infobox-data {
display:inline-block;
text-align:left;
vertical-align:middle;
max-width:72px;
min-width:0
}
.infobox-small>.infobox-chart>.sparkline {
font-size:14px;
margin-left:2px
}
legend.scheduler-border {
width:inherit; /* Or auto */
padding:0 10px; /* To give a bit of padding on the left and right */
border-bottom:none;
}
input.date{width:90px; padding:0px 5px 0px 5px;;}
input.numtext,input.stext, input.text, input.provinsi, input.kota, input.mtext, input.ltext, input.sstext, input.ssstext,input.dtext{height:27px;}
.numtext:hover, .stext:hover, .sstext:hover, .ssstext:hover, input:hover, .mtext:hover,.numtext:mousedown, .stext.mousedown, .ssstext.mousedown, .text:hover, .text.mousedown, .provinsi:hover, .provinsi.mousedown, .kota:hover, .kota.mousedown{background-color:#d9e3ef;}
.numtext.wajib,.stext.wajib, .sstext.wajib, .ssstext.wajib, .ltext.wajib, .mtext.wajib, .text.wajib, .provinsi.wajib, .kota.wajib, .dtext.wajib{background-color:#edaeae;}
.stext.format, .sstext.format, .ssstext.format, .ltext.format, .mtext.format, .text.format, .dtext.format{background-color:#39C;}
.text, .provinsi, .kota{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:221px;line-height:16px; padding:0px 5px 0px 5px;}
.stext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:121px;line-height:16px; padding:0px 5px 0px 5px;}
.sstext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:95px;line-height:16px; padding:0px 5px 0px 5px;}
.numtext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:35px;line-height:16px; padding:0px 5px 0px 5px;}
.ssstext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:50px;line-height:16px; padding:0px 5px 0px 5px;}
.mtext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:280px;line-height:16px; padding:0px 5px 0px 5px;}
.ltext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:182px;line-height:16px; padding:0px 5px 0px 5px;}
.dtext{background-color:#fff;border:1px solid #bdbdbd;font-family:Lucida Grande, Verdana, Sans-serif;font-size:12px;width:191px;line-height:16px; padding:0px 5px 0px 5px;}
select.stext{width:121px; height:27px; color:#858585; padding:0px 2px 0px 2px;border-left: 1.3px solid #59ABE3;}
select.sstext{width:95px; height:27px; color:#858585; padding:0px 2px 0px 2px;border-left: 1.3px solid #59ABE3;}
select.mtext{width:280px; height:27px; color:#858585; padding:0px 2px 0px 2px;border-left: 1.3px solid #59ABE3;}
select.text{width:222px; height:27px; color:#858585;border-left: 1.3px solid #59ABE3;}
select.dtext{width:197px; height:27px; color:#858585; padding:0px 2px 0px 2px;border-left: 1.3px solid #59ABE3;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
-webkit-border-radius:0!important;
-moz-border-radius:0!important;
border-radius:0!important;
border-width:1px;
color:#858585;
background-color:#fff;
border-color:#d5d5d5;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition-duration:.1s;
-moz-transition-duration:.1s;
-o-transition-duration:.1s;
transition-duration:.1s;
border-left: 1.3px solid #59ABE3;
}
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
border-color:#b5b5b5;
border-left: 1.3px solid #446CB3;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
color:#696969;
border-color:#f59942;
background-color:#fff;
border-left: 1.3px solid #446CB3;
}
input.block {
display:block;
margin-bottom:9px
}
textarea.autosize-transition {
-webkit-transition-duration:"height 0.2s";
-moz-transition-duration:"height 0.2s";
-o-transition-duration:"height 0.2s";
transition-duration:"height 0.2s"
}
.ac_results {
padding: 0px;
border: 1px solid #3c7faf;
background-color: white;
overflow: hidden;
z-index: 9999;
position:relative;
!important;
color:#555;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
z-index: 1500;
overflow: auto;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
font-size: 10px;
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url(../../img/_indicator.gif) right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #ddd;
}
.ac_over:hover {
cursor:pointer;
}
/*Text Colors*/
.color-primary{color:#3078EF;}
.color-primary.fa{color:#4C94FF;}
.color-success{color:#5FBF5F;}
.color-warning{color:#FC9700;}
.color-danger{color:#ee5037;}
.jumbotron {
margin-top: 20px;
}
#pcont{
margin-left: 216px;
position:relative;
}
/*navigation*/
.navbar-image {
border:0;
background-color: #fff;
color:#000;
min-height: 60px;
position: fixed;
width: 100%;
top: 0;
z-index: 999;
}
.navbar {
border:0;
background-color: #da251c;
color:#FFF;
padding-left: 10px;
padding-right: 25px;
}
.navbar-default .navbar-brand {
padding-left: 90px;
text-align:left;
width: 150px;
color: #FFF;
background: url(../images/logo.png) no-repeat 0 2px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
font-weight: 900;
font-size:20px;
line-height:18px;
background-size: 100px;
}
.navbar-default .navbar-brand:hover{
color:#FFF;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
background-color: #ffffff;
color: #000000;
border-top: 1px solid #da251c;
}
.navbar-default .navbar-nav > li > a {
color:#fff;
}
.dropdown:hover .dropdown-menu{
display:block;
}
.navbar-default .navbar-nav > .active:hover .dropdown-menu{
display:block;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: #ffffff;
color: #000000;
border-top: 1px solid #da251c;
}
.navbar-default .navbar-nav > li.button {
padding: 10px 6px;
float:left;
}
.navbar-default .navbar-nav > li.button > a {
border-radius: 2px;
-webkit-border-radius: 2px;
padding:4px;
border: 1px solid rgba(0,0,0,0.15);
width:30px;
box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2) inset;
text-align:center;
}
.navbar-default .navbar-nav > li.button > a:hover {
background:rgba(255,255,255,0.07);
}
.navbar-default .navbar-nav > li.button > a:active {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
}
.navbar-default .navbar-nav > li.button > a > i {
font-size:16px;
}
.navbar-default .navbar-nav > li.button .bubble{
position: absolute;
top: -6px;
left: 20px;
background-color: #e44c34;
color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
border-color:#E23923 #D83722 #C0311E;
border-left:1px solid #D83722;
border-width: 1px;
box-shadow:-1px 1px 0 rgba(0, 0, 0, 0.25);
padding: 1px 3px 1px 2px;
font: bold 9px Tahoma;
}
.navbar-default .navbar-nav > li.button.open:after {
position: absolute;
bottom: 0;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
border-left: 6px solid transparent;
content: '';
left: 50%;
margin-left: -6px;
}
.navbar-default .navbar-nav > li > a:focus {color: #FFF;}
.navbar-nav > li.button .dropdown-menu{
padding:0;
min-width:260px;
max-width: 280px;
}
.navbar-nav > li.button .dropdown-menu .content > ul{
padding:0;
}
.navbar-default .navbar-nav > li.button .dropdown-menu li ul > li > a{
font-weight:300;
color:#444;
padding:11px 10px;
padding-left: 33px;
border-bottom:1px solid #ececec;
position:relative;
}
.navbar-default .navbar-nav > li.button .messages li ul > li > a{
padding:12px 10px;
padding-left: 48px;
white-space:normal;
line-height:16px;
}
.navbar-default .navbar-nav > li.button -menu li > a:hover{color:#444;background:#F8F8F8;}
.navbar-default .navbar-nav > li.button .dropdown-menu li:last-child > a{border-bottom:0;}
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i {
display: inline-block;
font-size: 14px;
text-align: center;
width: 20px;
vertical-align: middle;
position:absolute;
left:10px;
top:14px;
}
.navbar-default .navbar-nav > li.button .messages li > a > img{
position:absolute;
left:10px;
top:16px;
height:30px;
width:30px;
}
.navbar-default .navbar-nav > li.button .messages li > a .name{
display:block;
color: #555555;
font-size: 12px;
font-weight: 600;
line-height:19px;
}
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.success {color:#60C060;}
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.info {color:#4D90FD;}
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.warning {color:#FC9700;}
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.danger {color:#DA4932;}
.navbar-default .navbar-nav > li.button .dropdown-menu .nano{height:200px;}
.navbar-default .navbar-nav > li.button .dropdown-menu li a .date{
display:block;
font-size:11px;
color: #999999;
font-style:italic;
line-height: 18px;
}
.navbar-default .navbar-nav > li.button .dropdown-menu .title {
font-size:12px;
font-weight:300;
border-bottom:1px solid #DDDDDF;
padding:8px 17px;
color:#444;
}
.navbar-default .navbar-nav > li.button .dropdown-menu .title a:hover{background:transparent;}
.navbar-default .navbar-nav > li.button .dropdown-menu .foot {
padding:0;
}
.navbar-default .navbar-nav > li.button .dropdown-menu .foot a{
background:#F7F7F7;
padding:8px 17px;
color:#444;
text-align:center;
}
/*Dropdown menu*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0px;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus , .dropdown-submenu:hover > a , .dropdown-menu li > a:hover{ background-color: #da251c; background-image: none; color:#FFF; }
.navbar-default .navbar-nav > li > .dropdown-menu {
border-top: 0;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-bottom-color: #FFFFFF;
border-top-color: #FFFFFF;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #fff; border-top-color: #FFF;}
.dropdown-menu > li > a, .dropdown-menu li > a {
font-size: 12px;
padding: 5px 20px;
clear: both;
color: #333333;
display: block;
font-weight: normal;
line-height: 1.42857;
white-space: nowrap;
}
.dropdown-header {
color: #2083D6;
margin-top: 6px;
padding-left: 11px;
cursor:pointer;
}
.dropdown-header i{font-size: 14px;margin-right:4px;vertical-align: middle;}
.dropdown-menu{
background-clip: none;
box-shadow:1px 3px 4px rgba(0, 0, 0, 0.18);
}
.col-menu-2{
min-width:405px;
padding-bottom: 10px;
padding-top: 7px;
}
.col-menu-2 > li > ul:first-child{
border-right: 1px solid #E8E8E8;
}
.col-menu-2 > li > ul > li a{
padding-left: 32px;
}
.col-menu-2 > li > ul{
padding:0;
}
.col-menu-2 > li > ul > li{
list-style:none;
}
/*END - Dropdown menu*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
background-color: #ffffff;
color: #000000;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #ffffff;
color: #000000;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
color: #000;
}
.navbar-default .navbar-toggle {
outline:none;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
padding: 6px 10px;
}
.navbar-default .navbar-toggle:hover{
background:rgba(255,255,255,0.07);
}
.navbar-default .navbar-toggle:active{box-shadow:1px 1px 1px rgba(0, 0, 0, 0.07) inset;}
.navbar-default .navbar-toggle:focus{background:transparent;}
.navbar-default .navbar-toggle .icon-bar {
background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .fa {
color: #FFFFFF;
font-size:18px;
}
.navbar-collapse {
max-height:none;
position:relative;
}
/*Profile menu*/
.profile_menu{
margin-left:10px;
cursor:pointer;
}
.not-nav{
margin:0 !important;
}
.user-nav{
margin:0;
margin-right: -15px;
}
.profile_menu .dropdown-toggle{padding: 10px 10px;}
.profile_menu img{
margin-right:5px;
border-radius: 2px;
-webkit-border-radius: 2px;
}
/*END - Profile menu*/
.spacer {margin-top: 15px !important;}
.spacer2 {margin-top: 30px !important;}
.spacer3 {margin-top: 50px !important;}
.spacer-bottom-xs {margin-bottom: 10px !important;}
.spacer-bottom {margin-bottom: 30px !important;}
.spacer-bottom-sm {margin-bottom: 15px !important;}
.spacer-bottom-lg {margin-bottom: 40px !important;}
.hthin{
font-family: "Raleway",Helvetica,sans-serif !important;
font-weight:100 !important;
}
/*Page Title*/
.page-head {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #E9E9E9;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
padding: 20px 25px;
position: relative;
}
.page-head h2 {
margin-bottom: 5px;
margin-top: 6px;
font-family: "Raleway",Helvetica,sans-serif;
font-weight: 300;
letter-spacing:-1px;
}
.page-head .breadcrumb {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-bottom: 0;
padding: 4px;
}
.cl-mcont{
background-color: #F6F6F6;
color: inherit;
font-size: 13px;
font-weight: 200;
line-height: 21px;
padding: 15px 30px 0px 30px;
margin-top: 0;
}
.cl-mcont.white{background:#fff;}
.cl-mcont h1 {
line-height: 1.3em;
}
#cl-wrapper{
margin-top: 20px;
}
/*Login*/
#cl-wrapper.login-container, #cl-wrapper.error-container{
margin:0;
}
.login-container .middle-login{
width:430px;
left: 50%;
top: 50%;
position:absolute;
margin-top: -170px;
margin-left: -215px;
}
.login-container .block-flat{
padding:0;
border:0;
overflow:hidden;
border-radius:2px;
-webkit-border-radius:2px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
margin-bottom:20px;
}
.login-container .block-flat .header{
padding: 9px 20px;
background:#2494F2;
border-bottom: 1px solid #2082D5;
}
.login-container .block-flat .header h3{
line-height:35px;
margin:0;
color:#FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.login-container .header .logo-img{
margin-right:3px;
}
.login-container .block-flat .content{
padding:30px;
padding-bottom:5px;
}
.login-container .block-flat .content .form-control{padding:10px 8px;height:auto;}
.login-container .block-flat .content .form-group {
margin-bottom:10px;
}
.login-container .block-flat .content .title{margin-top:0;margin-bottom:20px;}
.login-container .block-flat .foot{
text-align:right;
padding:0 30px 15px;
}
.login-container .block-flat .foot .btn{min-width:70px;}
.login-container .block-flat .input-group-addon{background:#FAFAFA;}
.login-container .out-links{
padding-right: 3px;
}
.login-container .out-links a{ color: #C9D4F6; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);}
/*404 Page*/
.page-error{
margin-top:80px;
margin-bottom:40px;
}
.page-error .number{
color:#FFF;
font-size:150px;
font-family: Arial;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.page-error .description{
color:#FFF;
font-size:40px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.page-error h3{
color:#FFF;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.error-container .copy, .error-container .copy a{
color: #C9D4F6;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
body.texture{
background: url(../images/bg.jpg);
}
/*Vertical Navigation*/
.cl-sidebar{
position:absolute;
width:216px;
}
.cl-sidebar .cl-toggle{
display:none;
padding: 10px 0;
text-align:center;
cursor:pointer;
}
.cl-sidebar .cl-toggle i{
font-size:24px;
color:#C9D4F6;
}
.cl-vnavigation{
margin:0 0 0 0;
padding:0;
border-top: 1px solid #1a1c20;
border-bottom: 1px solid #2f323a;
}
.cl-vnavigation .parent a{
background: url("../images/arrow.png") no-repeat scroll 190px 18px transparent;
}
.cl-vnavigation li a{
border-top: 1px solid #32353e;
border-bottom: 1px solid #1a1c20;
display:block;
padding: 13px 18px 12px;
color:#c9d4f6;
font-size: 12px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.cl-vnavigation li a:hover{
background-color:#2a2c34;
}
.cl-vnavigation li a i{
font-size:14px;
margin-right: 10px;
}
.cl-vnavigation li ul{
display:none;
margin:0;
padding:0;
}
.cl-vnavigation .parent ul li{
background-color: #1a1c20;
list-style:none;
}
.cl-vnavigation .parent ul li a{
font-size:11px;
background-image: none;
padding: 7px 18px 7px 42px;
background-color: #1a1c20;
}
.cl-vnavigation .parent ul li a:hover{
background-color: #1e2025;
}
.cl-vnavigation .parent ul li a:first-child{
border-top: 0;
}
.cl-vnavigation .selected a{
background-color:#2494F2;
border-top: 1px solid #2494F2;
}
.cl-vnavigation .selected:hover a{background-color: #2494F2;}
.cl-vnavigation .selected:hover ul a{background-color: #1A1C20;}
/*Stats*/
.stats_bar{
text-align:center;
margin-top:15px;
}
.butpro {
vertical-align: top;
}
.butstyle {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #f8f8f8;
background-image: -moz-linear-gradient(center top , #FFFFFF 50%, #f8f8f8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8f8f8)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #FFFFFF, #f8f8f8); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #FFFFFF, #f8f8f8); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #FFFFFF 50%, #f8f8f8 100%);
border-color: #DEDFE0 #C8C8C8 #C8C8C8;
border-image: none;
border-right: 1px solid #C8C8C8;
border-style: solid;
border-width: 1px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
color: #333333;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 11px;
margin-right: 1.8%;
margin-bottom: 15px;
width: 14.2%;
padding: 6px 9px 4px;
transition: border-color 0.21s ease-out 0s;
}
.butstyle:first-child{margin-left:0;}
.butstyle:hover {
border-color: #4D90FE;
}
.butpro .sub h2 {
margin:0 0 5px 0;
font-size: 11px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
}
.butpro .sub span {
color: #434D55;
display: block;
font-size: 18px;
font-weight: 400;
text-align: center;
line-height: 26px;
}
.butpro .stat {
padding: 4px 0;
text-align: center;
}
.butpro .stat .equal {
background: url("../images/stat-same.png") no-repeat scroll left center transparent;
font-size: 12px;
padding: 0 0 0 19px;
}
.butpro .stat .up {
background: url("../images/stat-up.png") no-repeat scroll left center transparent;
font-size: 12px;
padding: 0 0 0 19px;
}
.butpro .stat .down {
background: url("../images/stat-down.png") no-repeat scroll left center transparent;
font-size: 12px;
padding: 0 0 0 19px;
}
.butpro .sub {
padding-top: 4px;
}
/*Flot Charts*/
.blue-chart .flot-text, .red-chart .flot-text{color:#FFF !important;}
.flot-text{font-size: 10px !important;}
/*.legend table td{
font-size:11px !important;
}*/
.blue-chart{
border-left:1px solid #258fec;
border-right:1px solid #258fec;
border-bottom:1px solid #1e73bd;
border-top:1px solid #499de5;
background-image:-moz-linear-gradient(center top , #52AEFF 45%, #2180D3 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#52AEFF), to(#2180D3)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #52AEFF, #2180D3); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #52AEFF, #2180D3); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #52AEFF, #2180D3);
background-color:#3290E2;
}
.block-flat .blue-chart{ padding:20px !important;}
.red-chart{
border-left:1px solid #F27B56;
border-right:1px solid #F27B56;
border-bottom:1px solid #d66543;
border-top:1px solid #ee815e;
background-image:-moz-linear-gradient(center top , #ff8a65 45%, #e26a45 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#e26a45)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #ff8a65, #e26a45); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #ff8a65, #e26a45); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #ff8a65 45%, #e26a45 102%);
background-color:#3290E2;
}
.red-box{
background-image:-moz-linear-gradient(center top , #ff8a65 45%, #F07853 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#F07853)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #ff8a65, #F07853); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #ff8a65, #F07853); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #ff8a65 45%, #F07853 102%);
background-color:#ff8a65;
color:#FFFFFF;
}
.red2-box{
background-image:-moz-linear-gradient(center top , #FF7877 45%, #ED5554 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF7877), to(#ED5554)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #FF7877, #ED5554); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #FF7877, #ED5554); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #FF7877 45%, #ED5554 102%);
background-color:#FF7877;
color:#FFFFFF;
}
.blue-box{
background-image:-moz-linear-gradient(center top , #52AEFF 45%, #3D9CEF 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#52AEFF), to(#3D9CEF)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #52AEFF, #3D9CEF); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #52AEFF, #3D9CEF); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #52AEFF 45%, #3D9CEF 102%);
background-color:#52AEFF;
color:#FFFFFF;
}
.green-box{
background-image:-moz-linear-gradient(center top , #82c261 45%, #70BE46 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#82c261), to(#70BE46)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #82c261, #70BE46); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #82c261, #70BE46); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #82c261 45%, #70BE46 102%);
background-color:#82c261;
color:#FFFFFF;
}
.violet-box{
background-image:-moz-linear-gradient(center top , #b450b2 45%, #853685 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#b450b2), to(#853685)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #b450b2, #853685); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #b450b2, #853685); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #b450b2 45%, #853685 102%);
background-color:#82c261;
color:#FFFFFF;
}
.yellow-box{
background-image:-moz-linear-gradient(center top , #FFC91C 45%, #FAB219 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC91C), to(#FAB219)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #FFC91C, #FAB219); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #FFC91C, #FAB219); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #FFC91C 45%, #FAB219 102%);
background-color:#82c261;
color:#FFFFFF;
}
.white-box{
background:#FFF;
}
.widget-block.calendar-box{
overflow:hidden;
}
.widget-block.calendar-box h2{
font-size:28px;
}
.widget-block.calendar-box .day{
text-align:center;
font-size:102px;
}
.widget-block.weather-box{
overflow:hidden;
color:#FFF;
}
.widget-block.weather-box .photo{
background: url("../images/sunset2.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:260px;
}
.widget-block.weather-box h2{
margin-top:60px;
font-size:28px;
font-weight:400;
text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);
}
.widget-block.weather-box .photo{
}
.widget-block.weather-box .day{
text-align:center;
font-size:24px;
font-weight:300;
text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);
margin-bottom:70px;
margin-top:3px;
}
/*UI Datepicker*/
/*.ui-datepicker{
position:relative;
}
.ui-datepicker .ui-datepicker-header {
border-bottom:1px solid rgba(255,255,255,0.6);
padding-bottom:5px;
margin-bottom:4px;
}
.ui-datepicker .ui-datepicker-title {
cursor:default;
line-height: 1.8em;
margin: 0 2.3em;
text-align: center;
font-weight:600;
font-size:14px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height: 1.8em;
position: absolute;
top: 2px;
width: 1.8em;
color:#FFF;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
overflow:hidden;
display:block;
text-indent: -99999px;
}
.ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:after{
cursor:pointer;
content:"ï“";
font-family: FontAwesome;
display:block;
position:absolute;
width:16px;
height:16px;
top:0;
text-indent: 0;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-next span:after{
content:"ï”";
right:0;
}*/
/*.ui-datepicker table th{
border:0;
padding:3px;
}
.ui-datepicker table th span{
font-size:14px;
color:#FFF;
}
.ui-datepicker table tr{ background:transparent !important;}
.ui-datepicker table td{
border:0;
padding:3px;
}*/
/*.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
color:#FFF;
}*/
.fb-box{
margin-top:0 !important;
background-image:-moz-linear-gradient(center top , #3E80BF 50%, #325fa0 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3E80BF), to(#325fa0)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #3E80BF, #325fa0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #3E80BF, #325fa0); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #3E80BF 50%, #325fa0 102%);
background-color:#366eab;
color:#FFFFFF;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35) !important;
}
.fb-box h2{ font-size: 19px; font-weight:400;margin:0 0 5px 0;padding-top:10px;}
.fb-box h3{ font-size: 13px; font-weight:200;margin:0 0 20px 0;}
.fb-box h4{ font-size: 13px; font-weight:400;margin:0 0 5px 0;}
.fb-box img{ border-radius:50%; -webkit-border-radius:50%; border: 3px solid #FFFFFF; margin-bottom:15px;margin-top:20px;}
.fb-box .content{padding:20px; text-align:center;}
.fb-box .info{background:#264A7E;color:#FFF;border-top:1px solid #426ca5;text-align:center;}
.fb-box .info button{ box-shadow: none;max-width:195px; width:80%;padding:13px;background:#4884c0;border:0;margin:5px 0;text-transform:uppercase;}
.fb-box .info button i{margin-right: 3px}
.fb-box .info div{padding:15px 10px;}
.fb-box .row{margin:0;}
.rad-1{border-radius:1px;-webkit-border-radius:1px;overflow:hidden;}
.rad-2{border-radius:2px;-webkit-border-radius:2px;overflow:hidden;}
.rad-3{border-radius:3px;-webkit-border-radius:3px;overflow:hidden;}
.blue-chart h2{
text-shadow: 0 -1px 0 #357FC0;
}
/*table{
border-collapse:collapse;
width:100%;
}*/
/*table .right{text-align:right;}
table .left{text-align:left;}
.red thead th{color:#d36442;}
.blue thead th{color:#3078EF;}
.violet thead th{color:#8b12ae;}
.green thead th{color:#4da60c;}
table thead th span{color:#333;}*/
/*table thead th{
vertical-align:bottom;
border-bottom:1px solid #DADADA;
border-left:1px solid #DADADA;
border-top:1px solid #DADADA;
padding: 10px 8px 5px 8px;
}*/
/*table thead th:last-child{border-right:1px solid #DADADA;}
table thead span{
font-size:16px;
display:block;
}
table td{
border-left:1px solid #DADADA;
border-bottom: 1px solid #dadada;
padding: 7px 8px;
}
table td .progress{margin:0;}
table.hover tbody tr:hover{
background: #f3f3f3;
}
table td i{
font-size:15px;
display: inline-block;
text-align: center;
width: 23px;
}
table td:last-child{border-right:1px solid #dadada;}
table tr:nth-child(2n){
background: #f8f8f8;
}
*/
/*No-Internal borders in thead*/
/*table .no-border th{border-left:0;}
table .no-border tr th:first-child{border-left:1px solid #dadada;}*/
/*No-Internal borders in tbody x and y*/
/*table .no-border-x td{border-bottom:0;}
table .no-border-x tr:last-child td{border-bottom:1px solid #dadada;}
table .no-border-y td{border-left:0;}
table .no-border-y tr td:first-child{border-left:1px solid #dadada;}*/
/*No-External borders general table*/
/*table.no-border tr th{border-top:0;}
table.no-border tr th:first-child{border-left:0;}
table.no-border tr th:last-child{border-right:0;}
table.no-border tr td:first-child{border-left:0;}
table.no-border tr td:last-child{border-right:0;}
table.no-border tr:last-child td{border-bottom:0;}*/
/*No-External borders when .no-padding in block*/
/*.no-padding table th:first-child{border-left:0;}
.no-padding table th:last-child{border-right:0;}
.no-padding table tr td:first-child{border-left:0;}
.no-padding table tr td:last-child{border-right:0;}
.no-padding table tr:last-child td{border-bottom:0;}*/
/*Dashboard Colums*/
.cl-mcont .row {
margin-top:50px;
}
.cl-mcont .col-lg-6{
padding:0 15px;
}
.cl-mcont .block{
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
border:0;
margin-bottom:30px;
background:#FFF;
border-radius:3px;
-webkit-border-radius:3px;
}
.block-flat, .block-wizard{
margin-bottom:40px;
padding:20px 20px;
background:#FFF;
border-radius:3px;
-webkit-border-radius:3px;
border-left:1px solid #efefef;
border-right:1px solid #efefef;
border-bottom:1px solid #e2e2e2;
border-top:1px solid #e2e2e2;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}
/*Wizard*/
.block-wizard{
padding:0;
}
.block-wizard .step-content{
padding:20px 20px;
}
.fuelux .wizard {
box-shadow:none;
border-radius:0;
-webkit-border-radius:0;
border:0;
border-bottom:1px solid #E2E2E2;
background:#FFF;
}
.fuelux .wizard ul li.active {
background:#FFF;
color:#3078EF;
}
.fuelux .wizard ul li.complete {
color:#fff;
background:#4D90FD;
}
.fuelux .wizard ul li.complete:hover {
background:#5c9aff;
}
.fuelux .wizard ul li.complete:hover .chevron:before{
border-left-color:#5c9aff;
}
.fuelux .wizard ul li.complete .chevron{
border-left-color:#1e7dcc;
}
.fuelux .wizard ul li.complete .chevron:before {
border-left: 14px solid #4D90FD;
}
.fuelux .wizard ul li.active .chevron:before {
border-left: 14px solid #FFF;
}
.fuelux .wizard ul li:first-child {border-radius:0;-webkit-border-radius:0;}
.fuelux .wizard ul li {font-size:15px;}
.block .cl, .widget-block .cl{margin-bottom:20px;}
.widget-block{
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.21);
border:0;
margin-bottom:30px;
margin-top:0;
}
.widget-block .row{
margin:0;
}
.widget-block .padding{padding: 20px 20px;}
.widget-block .vpadding{padding: 20px 0;}
.widget-block .hpadding{padding: 0 20px;}
.block .header, .widget-block .header, .block-flat .header{
padding:10px;
background-color:#FEFEFE;
border-bottom:1px solid #dadada;
}
.block .header{border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;padding:10px;}
.block-flat .header{background:transparent;padding:3px 0;}
.block-flat .header h3{
margin-top:3px;
font-family: "Raleway",Helvetica,sans-serif;
font-weight: 200;
}
.block-flat .content{padding:15px 3px 0 3px;}
.block-flat .content.full-width{padding:0; margin-left:-20px;margin-right:-20px;margin-bottom:-20px;}
.block-flat .content h4{margin-top:20px; font-size: 16px;}
.block-flat.no-padding .content{
padding: 0 !important;
}
/*.legend-container table{width:auto;margin:20px 0 0 20px;}
.legend-container table tr{background:transparent;}
.legend-container table td{border:0;padding:0 5px 3px 5px;}
.legend-container .legendColorBox > div{border:0 !important;}
.legend-container .legendColorBox > div > div{border-width:6px !important;}
.block-flat.no-padding .content table td, .block-flat.no-padding .content table th{padding:11px 10px 7px 10px;}*/
.block .no-border{border-bottom:0;}
.block .content h2, .widget-block .content h2{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.block .header h2, .widget-block .header h2, .block-flat .header h2{
margin:0;
font-family: "Raleway",Helvetica,sans-serif;
font-weight: 100;
font-size:29px;
line-height: 38px;
}
.block .header h3, .widget-block .header h3{
margin:0;
font-size:13px;
font-weight:200;
line-height:21px;
color: #666;
}
.block .header .actions i, .widget-block .header .actions i{
font-size:18px;
color:#6F6F6F;
display: inline-block;
padding: 0;
text-align: center;
cursor:pointer;
width:20px;
vertical-align:top;
}
.block .header .actions i:hover, .widget-block .header .actions i:hover{
color:#858585;
}
.widget-block .fb-head{
background:#1784c7;
border:0;
color:#FFF;
}
.widget-block .fb-head i{
display: inline-block;
text-align: center;
width: 28px;
}
.bg-darkgray{background-color:#888e97;color:#fff;}
.bg-blue{background-color:#43A0F2;color:#fff;}
.bg-blue .caret, .bg-darkgray .caret{border-color:#fff transparent; border-width: 5px 5px 0;}
.bg-blue a, .bg-darkgray a{color:#FFF;}
.cl-mcont .block .content{
padding:20px;
}
.cl-mcont .block .stat-data, .cl-mcont .block-flat .stat-data{
padding:10px;
float:left;
width:100%;
}
.cl-mcont .block .stat-data h2, .cl-mcont .block-flat .stat-data h2{margin:0 0 5px 0;}
.cl-mcont .block .stat-data span, .cl-mcont .block-flat .stat-data span{font-size:18px;}
.cl-mcont .block .stat-data .stat-blue, .cl-mcont .block-flat .stat-data .stat-blue{
background:#43A0F2;
border-radius:3px;
-webkit-border-radius:3px;
text-align:center;
color:#FFF;
padding:20px 10px;
}
.stat-green{
background:#65CA65;
border-radius:3px;
-webkit-border-radius:3px;
text-align:center;
color:#FFF;
padding:20px 10px;
}
.stat-orange{
background:#FFA800;
border-radius:3px;
-webkit-border-radius:3px;
text-align:center;
color:#FFF;
padding:20px 10px;
}
.stat-red{
background:#E64D35;
border-radius:3px;
-webkit-border-radius:3px;
text-align:center;
color:#FFF;
padding:20px 10px;
}
.stat-info{
background:#5FC8E7;
border-radius:3px;
-webkit-border-radius:3px;
text-align:center;
color:#FFF;
padding:20px 10px;
}
.cl-mcont .block .stat-data .stat-number, .cl-mcont .block-flat .stat-data .stat-number{border-bottom:1px solid #dadada;}
.cl-mcont .block .stat-data .stat-number:last-child, .cl-mcont .block-flat .stat-data .stat-number:last-child{border-bottom:0;}
.cl-mcont .block .stat-data .stat-number div, .cl-mcont .block-flat .stat-data .stat-number div{display:inline-block;vertical-align:middle;padding:5px 5px;font-size:16px;line-height:20px;}
.cl-mcont .block .stat-data .stat-number h2, .cl-mcont .block-flat .stat-data .stat-number h2{margin:0;font-size:35px;color:#444;font-weight:300;}
.cl-mcont .block .stat-data .stat-number span, .cl-mcont .block-flat .stat-data .stat-number span{font-size:12px;}
.block .fact-data, .widget-block .fact-data, .block-flat .fact-data {
margin:25px 0;
padding:0 20px;
display:inline-block;
width:49%;
vertical-align: top;
}
.block .total-data, .widget-block .total-data, .block-flat .total-data{
padding:15px;
display:inline-block;
width:100%;
vertical-align: top;
position:relative;
}
.block .dropdown-menu, .widget-block .dropdown-menu , .block-flat .dropdown-menu{margin:-1px 0 0 0;border-radius:1px;-webkit-border-radius:1px;}
.btn-group .dropdown-menu{margin-top:0px;}
.btn-group{margin-right:5px;margin-left:4px;}
.static-mn, .widget-block .static-mn{display:block;position:static;}
.static-mn, .widget-block .static-mn{display:block;position:static;}
.static-lg-menu .static-mn, .widget-block .static-lg-menu .static-mn{min-width:90%;}
.block .items, .widget-block .items{
margin:0;
padding:0;
}
.block .items li, .widget-block .items li{
border-top:1px solid #e8e8e8;
list-style: none;
font-size: 14px;
line-height: 17px;
padding: 13px;
background-color:#FFF;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.block .items li i, .widget-block .items li i {
color: #555555;
display: block;
float: left;
font-size: 28px;
height: 38px;
margin-left: 4px;
margin-right: 15px;
margin-top: 2px;
}
.block .items li small, .widget-block .items li small{display:block;}
.block .items li:hover, .widget-block .items li:hover{
background-color:#F4F4F4;
}
.block .items li .value, .widget-block .items li .value{
font-size: 15px;
margin-top: 7px;
}
.block .items li:first-child, .widget-block .items li:first-child{border-top:0;}
.block .total-data h2, .widget-block .total-data h2{
margin:0;
font-size:24px;
font-weight:300;
line-height:32px;
}
.block .total-data h3, .widget-block .total-data h3{font-size:18px; font-weight:300;margin:0;}
.block .total-data h4, .widget-block .total-data h4{font-size:14px; font-weight:300;margin:0;}
.block .total-data h2 span, .widget-block .total-data h2 span {
}
.widget-block .fact-data{margin: 27px 0;}
.block .fact-data:first-child{border-right:1px solid #eaeaea;}
.block .fact-data h2, .widget-block .fact-data h2{
margin:0;
font-size: 32px;
font-weight: 300;
}
.block .fact-data h3, .widget-block .fact-data h3{
text-transform:uppercase;
margin:0;
font-weight:200;
font-size:13px;
}
.widget-block .fact-data h3{margin-bottom:13px;font-size:17px;}
.widget-block .fact-data h2{margin-bottom:4px;}
.widget-block .fact-data p{font-size:12px;}
.widget-block .no-padding{padding:0;}
.widget-block .text-shadow h3, .widget-block .text-shadow h2, .widget-block .text-shadow p{}
.widget-block h3{
font-size: 17px;
margin:5px 0 0 0;
font-weight: 200;
}
.widget-block h2{
font-size:32px;
font-weight: 300;
}
.block h2 i{
font-size:24px;
color:#555;
margin-right:6px;
}
.dash-cols .block .no-padding{padding:0;}
.no-padding{padding:0 !important;}
.clear{clear:both;}
/*TABS*/
/*.nav-tabs {
border-bottom:1px solid transparent;
}
.nav-tabs > li {
font-size: 14px;
margin-right: 2px;
}
.nav-tabs > li.active{
position:relative;
}
.nav-tabs > li > a {
padding:9px 15px;
font-size:13px;
margin-right: 0;
min-width: 80px;
text-align: center;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:active{
background:transparent;
border:1px solid transparent;
color:#3398ff;
border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-top:2px solid #43A0F2;
border-radius:0;
-webkit-border-radius:0;
border-bottom:0;
padding-bottom: 10px;
padding-top: 8px;
box-shadow: 1px -3px 4px -3px rgba(0, 0, 0, 0.08);
border-left:1px solid #ECECEC;
border-right:1px solid #ECECEC;
position:static;
}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after {
content:"";
display:block;
height:2px;
background:#43A0F2;
position:absolute;
top:0;
left:0;
width:100%;
}*/
/*.tab-content{
background:#fff;
padding:20px;
border-bottom: 1px solid #E2E2E2;
border-left: 1px solid #ECECEC;
border-radius: 0 3px 3px;
-webkit-border-radius: 0 3px 3px;
border-right: 1px solid #ECECEC;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
margin-bottom: 40px;
}*/
.tab-content h3, h2, h1:first-child{margin-top:0;}
/*Tab Bottom*/
.tab-bottom .nav-tabs{margin-bottom:40px;}
.tab-bottom .tab-content{margin-bottom:0;}
.tab-bottom .nav-tabs > li.active > a:after,.tab-bottom .nav-tabs > li.active > a:hover:after,.tab-bottom .nav-tabs > li.active > a:focus:after {
bottom:0;
top:auto;
}
.tab-bottom .nav-tabs > li.active > a,.tab-bottom .nav-tabs > li.active > a:hover,.tab-bottom .nav-tabs > li.active > a:focus {
border-top:0;
border-bottom:2px solid #43A0F2;
margin-top:-1px;
box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
}
.tab-bottom .tab-content{
border-radius: 3px 3px 3px 0;
-webkit-border-radius: 3px 3px 3px 0;
}
/*Tab Left*/
.tab-left .nav-tabs{
float:left;
}
.tab-left .nav-tabs > li{
float:none;
margin-right:0;
margin-bottom:0;
}
.tab-left .nav-tabs > li > a{
text-align:left;
min-width:38px;
padding:12px 10px;
border-radius: 0;
-webkit-border-radius: 0;
}
.tab-left .nav-tabs > li .fa{font-size:14px;}
.tab-left .nav-tabs > li.active > a:after,.tab-left .nav-tabs > li.active > a:hover:after,.tab-left .nav-tabs > li.active > a:focus:after {
bottom:0;
top:auto;
width:2px;
height:100%;
}
.tab-left .nav-tabs > li.active > a,.tab-left .nav-tabs > li.active > a:hover,.tab-left .nav-tabs > li.active > a:focus {
border-top:0;
border-bottom:1px solid #ECECEC;
border-right:0;
border-left:2px solid #43A0F2;
margin-right:-1px;
box-shadow: -1px 3px 4px -3px rgba(0, 0, 0, 0.08);
padding:13px 10px 12px 9px;
}
.tab-left .tab-content{
overflow:auto;
border-radius: 0 3px 3px 3px;
-webkit-border-radius: 0 3px 3px 3px;
}
/*Tab Right*/
.tab-right .nav-tabs{
float:right;
}
.tab-right .tab-content{
overflow:auto;
border-radius: 3px 0 3px 3px;
-webkit-border-radius: 3px 0 3px 3px;
}
.tab-right .nav-tabs > li{
float:none;
margin-right:0;
margin-bottom:2px;
}
.tab-right .nav-tabs > li > a{
text-align:left;
min-width:38px;
padding:12px 10px;
}
.tab-right .nav-tabs > li .fa{font-size:14px;}
.tab-right .nav-tabs > li.active > a:after,.tab-right .nav-tabs > li.active > a:hover:after,.tab-right .nav-tabs > li.active > a:focus:after {
bottom:0;
right:0;
left:auto;
top:auto;
width:2px;
height:100%;
}
.tab-right .nav-tabs > li.active > a,.tab-right .nav-tabs > li.active > a:hover,.tab-right .nav-tabs > li.active > a:focus {
border-top:0;
border-bottom:1px solid #ECECEC;
border-left:0;
border-right:2px solid #43A0F2;
margin-left:-1px;
box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
padding:13px 10px 12px 12px;
}
.shadow.tab-content{
border-bottom:1px solid #DADADA;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
}
/*Accordion*/
.accordion{
margin-bottom:40px;
}
.accordion .panel-heading{
background: #fff;
padding:0;
}
.accordion .panel-heading a{
font-size:15px;
padding:17px 16px;
display:block;
color:#3078EF;
}
.accordion .panel-heading a .fa{
transition:transform 200ms ease-in-out;
margin-right:10px;
transform: rotate(90deg);
}
.accordion .panel-heading a.collapsed{
color:#555;
}
.accordion .panel-heading a.collapsed .fa{
transform: rotate(0deg);
}
.accordion .panel-heading + .panel-collapse .panel-body {
border-top:0;
padding:3px 20px 20px 34px;
}
.accordion .panel{
border-radius:2px;
-webkit-border-radius:2px;
border-bottom:0;
border-left:1px solid #ECECEC;
border-right:1px solid #ECECEC;
margin-bottom: 5px;
border-top:0;
box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.04);
}
.accordion .panel:first-child{
border-top:0;
}
.accordion .panel:last-child{
}
.accordion.panel-group .panel + .panel {
margin-top: 0px;
}
/*Primary color accordion*/
.accordion.accordion-color .panel-heading a{
background-color: #4D90FD;
color:#FFF;
}
.accordion.accordion-color .panel-heading a.collapsed{
background-color: #FFF;
color:#555;
}
.accordion.accordion-color .panel-collapse .panel-body{
background-color: #4D90FD;
color:#FFF;
}
/*Semi color accordion*/
.accordion.accordion-semi .panel-heading a{
background-color: #4D90FD;
color:#FFF;
transition:background-color 200ms ease-in-out;
border-bottom:1px solid #2188de;
}
.accordion.accordion-semi .panel-heading.success a{background-color: #60C060;border-bottom:1px solid #54A754;}
.accordion.accordion-semi .panel-heading.warning a{background-color: #FC9700;border-bottom:1px solid #D68000;}
.accordion.accordion-semi .panel-heading.danger a{background-color: #DA4932;border-bottom:1px solid #CA452E;}
.accordion.accordion-semi .panel-heading a.collapsed{
background-color: #FFF;
color:#555;
border-bottom:0;
}
.accordion.accordion-semi .panel-collapse .panel-body{
padding:15px 20px 20px 34px;
}
/*Nestable lists*/
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
.dd-handle { cursor:default;display: block; margin: 5px 0; padding: 7px 10px; color: #333; text-decoration: none; border: 1px solid #ddd;
background: #fff;
}
.dd-handle:hover { color: #FFF; background: #4D90FD; border-color:#428BCA; }
.dd-item > button { color:#555;font-family: FontAwesome;display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 8px 2px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 10px; line-height: 1; text-align: center; }
.dd-item > button:before { content: 'ï§'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: 'ï¨'; }
.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #FFF; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
}
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
.dd3-content {
display: block;
margin: 5px 0;
padding: 7px 10px 7px 40px; color: #333; text-decoration: none;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
}
.dd3-content:hover { background: #fff; }
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
.dd3-item > button { margin-left: 35px; }
.dd3-handle { position: absolute;
margin: 0; left: 0; top: 0;
cursor: all-scroll;
width: 34px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 1px solid #3680BF;
background: #4D90FD;
height:36px;
box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #4E9DFF; }
/*Pre & Code*/
pre {border-radius:2px;-webkit-border-radius:2px;margin-top:10px;}
/*Forms*/
label{
font-weight:600;
margin-bottom:7px;
}
.form-group{margin-top:10px;}
.form-horizontal.group-border .form-group{
margin:0;
padding:20px 0;
border-bottom: 1px solid #efefef;
}
.form-horizontal-dokumen{
margin:0;
padding:0px 0;
font-size:1px;
border-bottom: 1px solid #efefef;
}
.form-horizontal.group-border .form-group:last-child{border-bottom:0;}
.form-horizontal.group-border-dashed .form-group{
margin:0;
padding:20px 0;
border-bottom: 1px dashed #efefef;
}
.form-horizontal.group-border-dashed .form-group:last-child{border-bottom:0;}
.form-control {
padding:6px 8px;
font-size:12px;
border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.input-group .btn{
margin:0 !important;
margin-left:-1px !important;
padding-bottom:6px;
padding-top:6px;
box-shadow:none;
line-height: 20px;
}
.input-group-btn > .btn + .btn {
margin-left: -5px !important;
}
.input-group-lg > .input-group-addon{line-height:0.33; border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;}
.input-group-addon {
border-radius:2px;
-webkit-border-radius:2px;
padding: 6px 11px;
}
.form-control:focus {
border-color:#2598f9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
select.form-control, textarea.form-control{
padding:6px 8px;
}
.input-group{
margin-bottom:15px;
}
/*Switch*/
.has-switch {
border:0;
width:75px;
min-width:0;
border-radius:15px;
-webkit-border-radius:15px;
margin-right:5px;
}
.has-switch:last-child{margin-right: 0;}
.has-switch span {
height:28px;
border-radius:0;
-webkit-border-radius:0;
float:left;
width:60px;
transition: background 0.5s ease-in-out;
}
.has-switch label {
width:30px;
height:28px;
border:3px solid #4D90FD;
background:#fff;
float:left;
margin:0 !important;
border-radius:50%;
-webkit-border-radius:50%;
}
.has-switch label:hover{
background:#FFF;
}
.has-switch span.switch-left {
background:#4D90FD;
border-radius:0;
-webkit-border-radius:0;
margin-right:-15px;
text-align:left;
padding-left:10px;
}
.has-switch span.switch-left:hover {
background:#4D90FD;
}
.has-switch span.switch-right {
background:#e3e3e3;
margin-left:-15px;
}
.has-switch span.switch-right:hover{
background:#E3E3E3;
}
.has-switch span.switch-success.switch-left, .has-switch span.switch-success.switch-left:hover{background:#60C060;}
.has-switch span.switch-success.switch-left + label {border-color:#60C060;}
.has-switch span.switch-warning.switch-left, .has-switch span.switch-warning.switch-left:hover{background:#FC9700;}
.has-switch span.switch-warning.switch-left + label {border-color:#FC9700;}
.has-switch span.switch-danger.switch-left, .has-switch span.switch-danger.switch-left:hover{background:#DA4932;}
.has-switch span.switch-danger.switch-left + label {border-color:#DA4932;}
.has-switch .switch-off span.switch-left + label{
border-color:#e3e3e3;
}
.has-switch .switch-off span.switch-left {
background:#e3e3e3;
}
.has-switch > div {width:160%;}
.has-switch > div.switch-off {
left: -60%;
}
/*
.has-switch span.switch-success.switch-right, .has-switch span.switch-success.switch-right:hover{background:#60C060;}
.has-switch span.switch-success.switch-right ~ label {border-color:#60C060;}
*/
/*Large Size*/
.has-switch.switch-large {
min-width: 100px;
border-radius: 20px;
-webkit-border-radius: 20px;
}
.has-switch span.switch-large, .has-switch label.switch-large {
height:40px;
}
.has-switch span.switch-large{
width:80px;
}
.has-switch label.switch-large{
width:40px;
border-width:4px;
}
.has-switch.switch-large span.switch-left {
margin-right: -20px;
padding-left: 16px;
}
.has-switch.switch-large span.switch-right {
margin-left: -20px;
}
/*Small Size*/
.has-switch.switch-small {
width: 59px;
min-width:0;
border-radius: 12px;
-webkit-border-radius: 12px;
}
.has-switch span.switch-small, .has-switch label.switch-small {
height:23px;
}
.has-switch span.switch-small{
width:45px;
}
.has-switch label.switch-small{
width:23px;
border-width:3px;
}
.has-switch.switch-small span.switch-left {
margin-right: -10px;
padding-left: 8px;
}
.has-switch.switch-small span.switch-right {
margin-left: -10px;
}
.has-switch.switch-small > div.switch-off {
left: -57%;
}
/*Mini Size*/
.has-switch.switch-mini {
width: 44px;
min-width:0;
border-radius: 9px;
-webkit-border-radius: 9px;
}
.has-switch span.switch-mini, .has-switch label.switch-mini {
height:18px;
}
.has-switch span.switch-mini{
width:35px;
}
.has-switch label.switch-mini{
width:18px;
border-width:3px;
}
.has-switch.switch-mini span.switch-left {
margin-right: -9px;
padding-left: 8px;
}
.has-switch.switch-mini span.switch-right {
margin-left: -9px;
}
/*Select 2*/
.select2-container .select2-choice {
border: 1px solid #CCCCCC;
background:#fff;
padding: 4px 8px;
height:auto;
border-radius:1px;
-webkit-border-radius:1px;
}
/*box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);*/
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
background:#fff;
}
.select2-drop.select2-drop-above {
box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08);
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices{
box-shadow:none;
}
.select2-container .select2-choice .select2-arrow {
width:30px;
background-color: #FFFFFF;
background-image: linear-gradient(to bottom, #FFFFFF 60%, #F9F9F9 100%);
}
.select2-container .select2-choice .select2-arrow b {
background-position: 7px 4px;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -13px 3px;
}
.select2-container.select2-drop-above .select2-choice {
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
}
/*Tags*/
.select2-container-multi .select2-choices .select2-search-choice {
border:1px solid #CCCCCC;
background-color: #FFFFFF;
background-image: linear-gradient(to bottom, #FFFFFF 60%, #F9F9F9 100%);
padding: 3px 5px 5px 18px;
}
.select2-container-multi .select2-choices{
padding:5px;
background: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
/*Slider*/
.slider.slider-vertical{
margin-right:13px;
}
.slider-selection {
background: #4D90FD;
border:1px solid #437DDC;
box-shadow:none;
}
.slider-handle {
opacity: 1;
background-color: #FFFFFF;
background-image: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9F9F9)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #FFFFFF, #F9F9F9); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -moz-linear-gradient(top, #FFFFFF, #F9F9F9); /* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, #FFFFFF, #F9F9F9); /* Opera 11.10-12.00 */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.39);
height:23px;
width:23px;
transition:box-shadow 200ms ease-in-out;
}
.slider-handle:hover{
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}
.slider.slider-horizontal .slider-handle {
margin-top: -7px;
}
.slider.slider-vertical .slider-handle {
margin-left: -6px;
}
/*Validation*/
.parsley-error-list{
margin-top:4px;
padding:0;
}
.parsley-error-list li{
padding:0;
list-style:none;
color:#cc0000;
}
.parsley-error{
border-color: #c00 !important;
}
input[small=yes],select[small=yes],textarea[small=yes] {
height: 30px;
padding: 5px 10px;
}
/*SETTING INPUT TYPE*/
input.form-control {
height: 30px;
padding: 5px 10px;
}
select.form-control {
height: 30px;
padding: 5px 10px;
}
input[wajib=yes],textarea[wajib=yes],select[wajib=yes] {
background: #FFC;
}
input.date {
width:90px;
padding:0px 5px 0px 5px;
}
.form-control.wajib {
background-color:#edaeae;
}
/*CONTENT*/
.cont h2{
font-family: "Raleway",Helvetica,sans-serif;
font-size: 32px;
font-weight: 100;
line-height: 38px;
margin: 0 0 10px 0;
}
.cont h5{
font-size: 13px;
font-weight: 200;
line-height: 21px;
}
.cont p{
font-size:13px;
color: #333;
font-size: 13px;
font-weight: 200;
line-height: 23px;
}
.cont b{font-weight: 400;}
/*CHAT*/
.chat-wi .chat-space {
height: 377px;
padding: 15px;
}
.chat-wi .chat-content{
padding:15px;
background:#fff;
}
.chat-wi .chat-conv {
position:relative;
text-align:right;
padding: 10px;
margin-bottom:15px;
}
.chat-wi .chat-conv .c-avatar {
position:absolute;
border: 1px solid #D6DAE0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09);
height: 50px;
width: 50px;
vertical-align:top;
right:0;
}
.chat-wi .chat-conv .c-bubble {
position:relative;
display:inline-block;
padding:8px 9px 5px 9px;
font-size: 12px;
font-weight: 400;
color:#FFF;
margin: 0 60px 0 0;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
border-top:1px solid #4aa4ec;
border-bottom:1px solid #2f7ee5;
box-shadow: 0 1px 0 #7fc6fe inset, 1px 1px 2px rgba(0, 0, 0, 0.25);
border-radius:4px;
-webkit-border-radius:4px;
background-image:-moz-linear-gradient(center top , #50b1fe 45%, #348bfc 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#50b1fe), to(#348bfc)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #50b1fe, #348bfc); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #50b1fe, #348bfc); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #50b1fe 45%, #348bfc 102%);
background-color:#43a2ff;
}
.chat-wi .chat-conv .c-bubble span{
background: url(../images/bubble-tail.png) no-repeat;
height:21px;
width: 12px;
display: block;
position: absolute;
right: -12px;
top: 5px;
}
.chat-wi .sent{
text-align:left;
}
.chat-wi .sent .c-bubble {
margin: 0 0 0 60px;
border-bottom:1px solid #f3f3f3;
border-top:1px solid #e3e3e3;
box-shadow: 0 1px 0 #FFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
text-shadow:none;
color:#666;
background-image:-moz-linear-gradient(center top , #FFFFFF 45%, #F3F3F3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #FFFFFF 45%, #F3F3F3 100%);
}
.chat-wi .sent .c-avatar {
left:0;
}
.chat-wi .sent .c-bubble span{
background: url(../images/bubble-tail-l-white.png) no-repeat;
left: -12px;
}
.chat-wi .chat-in{
border-top:1px solid #DADADA;
background: #F6F8FB;
}
.chat-wi .chat-in input[type="text"]{
width: 100%;
border:0;
height:47px;
padding:10px;
font-size: 15px;
font-weight: 200;
color:#555;
}
.chat-wi .chat-tools{
background: #F6F8FB;
border-top:1px solid #dfdfdf;
color:#6f6f6f;
}
.chat-wi .chat-tools i{
display:inline-block;
width:38px;
padding:13px 8px;
font-size:14px;
text-align:center;
cursor:pointer;
}
.chat-wi .chat-tools i:hover{background:#e5e7ea;}
.chat-wi .chat-in button, .chat-wi .chat-in input[type="submit"]{
box-shadow:none;
background: #E5E7EA;
border:1px solid #E5E7EA;
border-left:1px solid #dadada;
border-radius:0;
-webkit-border-radius:0;
height:47px;
min-width:70px;
color:#777;
transition: border-color 0.21s ease-out 0s;
margin:0;
}
.chat-wi .chat-in button:hover{border-color: #4D90FE;color:#555;}
.chat-wi .chat-in .input{margin-right: 70px;}
/*Alerts*/
.alert {border-radius:0;-webkit-border-radius:0;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);}
.alert .sign{font-size:20px;vertical-align: middle;margin-right:5px;text-align:center;width:25px; display: inline-block;}
.alert-success {
background-color: #DBF6D3;
border-color: #AED4A5;
color: #569745;
}
.alert-info {
background-color: #D9EDF7;
border-color: #98cce6;
color: #3A87AD;
}
.alert-warning {
background-color: #FCF8E3;
border-color: #F1DAAB;
color: #C09853;
}
.alert-danger {
background-color: #F2DEDE;
border-color: #e0b1b8;
color: #B94A48;
}
.alert-white{
background-image: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
border-top-color: #d8d8d8;
border-bottom-color: #bdbdbd;
border-left-color: #cacaca;
border-right-color: #cacaca;
color:#404040;
padding-left: 61px;
position:relative;
}
.alert-white .icon{
text-align:center;
width:45px;
height: 103%;
position:absolute;
top:-1px;
left:-1px;
border:1px solid #BDBDBD;
padding-top:15px;
}
.alert-white .icon:after{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display:block;
content: '';
width:10px;
height:10px;
border:1px solid #BDBDBD;
position:absolute;
border-left:0;
border-bottom:0;
top:50%;
right:-6px;
margin-top:-3px;
background:#fff;
}
.alert-white.rounded{border-radius:3px;-webkit-border-radius:3px;}
.alert-white.rounded .icon{border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;}
.alert-white .icon i{
font-size: 20px;
color:#FFF;
left: 12px;
margin-top: -10px;
position: absolute;
top: 50%;
}
.alert-white.alert-danger .icon, .alert-white.alert-danger .icon:after{
border-color:#ca452e;
background:#da4932;
}
.alert-white.alert-info .icon, .alert-white.alert-info .icon:after{
border-color:#3A8ACE;
background:#4D90FD;
}
.alert-white.alert-warning .icon, .alert-white.alert-warning .icon:after{
border-color:#D68000;
background:#FC9700;
}
.alert-white.alert-success .icon, .alert-white.alert-success .icon:after{
border-color:#54A754;
background:#60C060;
}
/*Labels*/
.label {
border-radius:0;
-webkit-border-radius:0;
font-weight:normal;
padding:1px 5px 3px;
font-size: 11px;
}
.label-default {background-color:#a1a1a1;}
.label i{font-size:100% !important;color: inherit !important;width: auto !important;min-width: 11px;}
.label-success {background-color: #60C060;}
.label-primary {background-color: #4D90FD;}
.label-warning {background-color: #fcad37;}
.label-danger {background-color: #ED5B56;}
.label-info {background-color: #5DC4EA;}
/*Bagde*/
.badge {
font-weight: normal;
font-size: 95%;
padding:4px 6px;
background-color:#a1a1a1;
}
.badge-primary{background-color: #4D90FD !important;}
.badge-success{background-color: #60C060 !important;}
.badge-info{background-color: #5DC4EA !important;}
.badge-warning{background-color: #fcad37 !important;}
.badge-danger{background-color: #ED5B56 !important;}
/*Progress*/
.progress {
height:18px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.progress .progress-bar {
font-size:11px;
line-height: 17px;
}
.progress-bar-info {
background-color: #4D90FD;
}
.progress-bar-success {
background-color: #60C060;
}
.progress-bar-warning {
background-color: #FC9700;
}
.progress-bar-danger {
background-color: #DA4932;
}
/*Pagination*/
.pagination {
margin:18px 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
background-color: #2083D6;
}
/*Nav Pills*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #4D90FD;
}
/*List Group*/
.list-group-item:first-child {border-radius:0;-webkit-border-radius:0;}
.list-group-item:last-child {border-radius:0;-webkit-border-radius:0;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
background-color: #4D90FD;
}
.list-group-item i{min-width:15px;display:inline-block !important;text-align:center;}
.list-group-item h4{margin-bottom:8px;font-size:17px;}
.list-group-item h4{margin-bottom:8px;font-size:15px;}
.list-group-item{
font-size:12px;
padding: 13px 15px;
line-height:22px;
}
a.list-group-item:hover{
border-left:5px solid #4D90FD;
border-color:#4D90FD;
padding-left: 11px;
}
a.list-group-item:hover + a.list-group-item{
border-top-color:#4D90FD;
}
.list-group .active:hover{
padding-left: 15px;
border-left:1px solid #428BCA;
}
/*Icons*/
.fa-mobile-phone{font-size:18px;}
.icon-16{font-size:16px !important;}
.icon-19{font-size:19px !important;}
.icon-24{font-size:24px !important;}
.icon-32{font-size:32px !important;}
.icon-64{font-size:64px !important;}
.icon-show i{font-size:14px !important;margin-right:5px;width:20px;}
.icon-show > div{margin: 5px 0;}
/*Buttons*/
.btn-primary {
background-color:#2283c5!important;
border-color:#2283c5
}
.btn-primary:hover {
background-color:#045e9f!important
}
.btn-primary.no-border:hover {
border-color:#045e9f
}
.btn-primary.no-hover:hover {
background-color:#2283c5!important
}
.btn-primary.active {
background-color:#1371b2!important;
border-color:#105f96
}
.btn-primary.no-border.active {
background-color:#1268a4!important;
border-color:#1268a4
}
.btn-primary.disabled, .btn-primary[disabled] {
background-color:#2283c5!important
}
.btn-info {
background-color:#6fb3e0!important;
border-color:#6fb3e0
}
.btn-info:hover {
background-color:#4f99c6!important
}
.btn-info.no-border:hover {
border-color:#4f99c6
}
.btn-info.no-hover:hover {
background-color:#6fb3e0!important
}
.btn-info.active {
background-color:#5fa6d3!important;
border-color:#4799cc
}
.btn-info.no-border.active {
background-color:#539fd0!important;
border-color:#539fd0
}
.btn-info.disabled, .btn-info[disabled] {
background-color:#6fb3e0!important
}
.btn-success {
background-color:#87b87f!important;
border-color:#87b87f
}
.btn-success:hover {
background-color:#629b58!important
}
.btn-success.no-border:hover {
border-color:#629b58
}
.btn-success.no-hover:hover {
background-color:#87b87f!important
}
.btn-success.active {
background-color:#75aa6c!important;
border-color:#649c5a
}
.btn-success.no-border.active {
background-color:#6ba462!important;
border-color:#6ba462
}
.btn-success.disabled, .btn-success[disabled] {
background-color:#87b87f!important
}
.btn-warning {
background-color:#ffb752!important;
border-color:#ffb752
}
.btn-warning:hover {
background-color:#e59729!important
}
.btn-warning.no-border:hover {
border-color:#e59729
}
.btn-warning.no-hover:hover {
background-color:#ffb752!important
}
.btn-warning.active {
background-color:#f2a73e!important;
border-color:#f09a21
}
.btn-warning.no-border.active {
background-color:#f1a02f!important;
border-color:#f1a02f
}
.btn-warning.disabled, .btn-warning[disabled] {
background-color:#ffb752!important
}
.btn-danger {
background-color:#d15b47!important;
border-color:#d15b47
}
.btn-danger:hover {
background-color:#b74635!important
}
.btn-danger.no-border:hover {
border-color:#b74635
}
.btn-danger.no-hover:hover {
background-color:#d15b47!important
}
.btn-danger.active {
background-color:#c4513e!important;
border-color:#ae4635
}
.btn-danger.no-border.active {
background-color:#ba4b39!important;
border-color:#ba4b39
}
.btn-danger.disabled, .btn-danger[disabled] {
background-color:#d15b47!important
}
.btn-inverse {
background-color:#555!important;
border-color:#555
}
.btn-inverse:hover {
background-color:#303030!important
}
.btn-inverse.no-border:hover {
border-color:#303030
}
.btn-inverse.no-hover:hover {
background-color:#555!important
}
.btn-inverse.active {
background-color:#434343!important;
border-color:#333
}
.btn-inverse.no-border.active {
background-color:#3b3b3b!important;
border-color:#3b3b3b
}
.btn-inverse.disabled, .btn-inverse[disabled] {
background-color:#555!important
}
.btn-pink {
background-color:#d6487e!important;
border-color:#d6487e
}
.btn-pink:hover {
background-color:#b73766!important
}
.btn-pink.no-border:hover {
border-color:#b73766
}
.btn-pink.no-hover:hover {
background-color:#d6487e!important
}
.btn-pink.active {
background-color:#c74072!important;
border-color:#b33564
}
.btn-pink.no-border.active {
background-color:#be386a!important;
border-color:#be386a
}
.btn-pink.disabled, .btn-pink[disabled] {
background-color:#d6487e!important
}
.btn-purple {
background-color:#9585bf!important;
border-color:#9585bf
}
.btn-purple:hover {
background-color:#7461aa!important
}
.btn-purple.no-border:hover {
border-color:#7461aa
}
.btn-purple.no-hover:hover {
background-color:#9585bf!important
}
.btn-purple.active {
background-color:#8573b5!important;
border-color:#735faa
}
.btn-purple.no-border.active {
background-color:#7c69af!important;
border-color:#7c69af
}
.btn-purple.disabled, .btn-purple[disabled] {
background-color:#9585bf!important
}
.btn-grey {
background-color:#a0a0a0!important;
border-color:#a0a0a0
}
.btn-grey:hover {
background-color:#888!important
}
.btn-grey.no-border:hover {
border-color:#888
}
.btn-grey.no-hover:hover {
background-color:#a0a0a0!important
}
.btn-grey.active {
background-color:#949494!important;
border-color:#858585
}
.btn-grey.no-border.active {
background-color:#8c8c8c!important;
border-color:#8c8c8c
}
.btn-grey.disabled, .btn-grey[disabled] {
background-color:#a0a0a0!important
}
.btn-yellow {
background-color:#fee188!important;
border-color:#fee188;
color:#963!important;
text-shadow:0 -1px 0 rgba(255,255,255,0.4)!important
}
.btn-yellow:hover {
background-color:#f7d05b!important
}
.btn-yellow.no-border:hover {
border-color:#f7d05b
}
.btn-yellow.no-hover:hover {
background-color:#fee188!important
}
.btn-yellow.active {
background-color:#fbd972!important;
border-color:#fad054
}
.btn-yellow.no-border.active {
background-color:#fad463!important;
border-color:#fad463
}
.btn-yellow.disabled, .btn-yellow[disabled] {
background-color:#fee188!important
}
.btn-light {
background-color:#e7e7e7!important;
border-color:#e7e7e7;
color:#888!important;
text-shadow:0 -1px 0 rgba(250,250,250,0.25)!important
}
.btn-light:hover {
background-color:#d9d9d9!important
}
.btn-light.no-border:hover {
border-color:#d9d9d9
}
.btn-light.no-hover:hover {
background-color:#e7e7e7!important
}
.btn-light.active {
background-color:#e0e0e0!important;
border-color:#d1d1d1
}
.btn-light.no-border.active {
background-color:#d8d8d8!important;
border-color:#d8d8d8
}
.btn-light.disabled, .btn-light[disabled] {
background-color:#e7e7e7!important
}
.btn-light.btn-mini:after {
left:-2px;
right:-2px;
top:-2px;
bottom:-2px
}
.btn-light.btn-small:after {
left:-4px;
right:-4px;
top:-4px;
bottom:-4px
}
.btn-light.btn-large:after {
left:-6px;
right:-6px;
top:-6px;
bottom:-6px
}
.btn.disabled.active, .btn[disabled].active, .btn.disabled:focus, .btn[disabled]:focus, .btn.disabled:active, .btn[disabled]:active {
outline:0
}
.btn.disabled:active, .btn[disabled]:active {
top:0;
left:0
}
.btn.active {
color:#efe5b5
}
.btn.active:after {
display:inline-block;
content:"";
position:absolute;
border-bottom:1px solid #efe5b5;
left:-4px;
right:-4px;
bottom:-4px
}
.btn.active.btn-small:after {
left:-3px;
right:-3px;
bottom:-3px;
border-bottom-width:1px
}
.btn.active.btn-large:after {
left:-5px;
right:-5px;
bottom:-5px;
border-bottom-width:1px
}
.btn.active.btn-mini:after, .btn.active.btn-minier:after {
left:-1px;
right:-1px;
bottom:-1px;
border-bottom-width:1px
}
.btn.active.btn-yellow:after {
border-bottom-color:#c96338
}
.btn.active.btn-light {
color:#515151
}
.btn.active.btn-light:after {
border-bottom-color:#b5b5b5
}
.btn>[class*="icon-"] {
display:inline;
margin-right:4px
}
.btn>[class*="icon-"].icon-on-right {
margin-right:0;
margin-left:4px
}
.btn>.icon-only[class*="icon-"] {
margin:0;
vertical-align:middle;
text-align:center;
padding:0
}
.btn-large>[class*="icon-"] {
margin-right:6px
}
.btn-large>[class*="icon-"].icon-on-right {
margin-right:0;
margin-left:6px
}
.btn-small>[class*="icon-"] {
margin-right:3px
}
.btn-small>[class*="icon-"].icon-on-right {
margin-right:0;
margin-left:3px
}
.btn-mini>[class*="icon-"], .btn-minier>[class*="icon-"] {
margin-right:2px
}
.btn-mini>[class*="icon-"].icon-on-right, .btn-minier>[class*="icon-"].icon-on-right {
margin-right:0;
margin-left:2px
}
.btn.btn-link {
border:none!important;
background:transparent none!important;
color:#08c!important;
text-shadow:none!important;
padding:4px 12px!important;
line-height:20px!important
}
.btn.btn-link:hover {
background:none!important;
text-shadow:none!important
}
.btn.btn-link.active {
background:none!important;
text-decoration:underline;
color:#009ceb!important
}
.btn.btn-link.active:after {
display:none
}
.btn.btn-link.disabled, .btn.btn-link[disabled] {
background:0;
opacity:.65
}
.btn.btn-link.disabled:hover, .btn.btn-link[disabled]:hover {
background:none!important;
text-decoration:none!important
}
.btn-group>.btn, .btn-group>.btn+.btn {
margin:0 1px 0 0
}
.btn-group>.btn:first-child {
margin:0 1px 0 0
}
.btn-group>.btn:first-child, .btn-group>.btn:last-child {
border-radius:0
}
.btn-group>.btn>.caret {
margin-top:15px;
margin-left:1px;
border-width:5px;
border-top-color:#FFF
}
.btn-group>.btn.btn-small>.caret {
margin-top:10px;
border-width:4px
}
.btn-group>.btn.btn-large>.caret {
margin-top:18px;
border-width:6px
}
.btn-group>.btn.btn-mini>.caret {
margin-top:9px;
border-width:4px
}
.btn-group>.btn.btn-minier>.caret {
margin-top:7px;
border-width:3px
}
.btn-group>.btn+.btn.dropdown-toggle {
padding-right:3px;
padding-left:3px
}
.btn-group>.btn+.btn-large.dropdown-toggle {
padding-right:4px;
padding-left:4px
}
.btn-group .dropdown-toggle {
border-radius:0
}
.btn-group>.btn, .btn-group+.btn {
margin:0 1px 0 0;
border-width:3px!important
}
.btn-group>.btn.active:after, .btn-group+.btn.active:after {
left:-2px;
right:-2px;
bottom:-2px;
border-bottom-width:1px
}
.btn-group>.btn-large, .btn-group+.btn-large {
border-width:4px!important
}
.btn-group>.btn-large.active:after, .btn-group+.btn-large.active:after {
left:-3px;
right:-3px;
bottom:-3px;
border-bottom-width:1px
}
.btn-group>.btn-small, .btn-group+.btn-small {
border-width:2px!important
}
.btn-group>.btn-small.active:after, .btn-group+.btn-small.active:after {
left:-1px;
right:-1px;
bottom:-1px;
border-bottom-width:1px
}
.btn-group>.btn-mini, .btn-group+.btn-mini {
border-width:1px!important
}
.btn-group>.btn-mini.active:after, .btn-group+.btn-mini.active:after {
left:0;
right:0;
bottom:0;
border-bottom-width:1px
}
.btn-group>.btn-minier, .btn-group+.btn-minier {
border-width:0!important
}
.btn-group>.btn-minier.active:after, .btn-group+.btn-minier.active:after {
left:0;
right:0;
bottom:0;
border-bottom-width:1px
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn+.btn {
margin:1px 0 0
}
.btn-group-vertical>.btn:first-child {
margin-right:0
}
.btn.btn-app {
display:inline-block;
width:100px;
margin:2px;
position:relative;
font-size:18px;
font-weight:normal;
color:#FFF;
text-align:center;
text-shadow:0 -1px -1px rgba(0,0,0,0.2)!important;
border:0;
border-radius:12px;
padding:12px 0 8px
}
.btn-app, .btn-app.btn-default, .btn-app.no-hover:hover, .btn-app.btn-default.no-hover:hover, .btn-app.disabled:hover, .btn-app.btn-default.disabled:hover {
background:#b4c2cc!important;
background-color:#b5c3ce!important;
background-image:-moz-linear-gradient(top, #bcc9d5, #abbac3)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#bcc9d5), to(#abbac3))!important;
background-image:-webkit-linear-gradient(top, #bcc9d5, #abbac3)!important;
background-image:-o-linear-gradient(top, #bcc9d5, #abbac3)!important;
background-image:linear-gradient(to bottom, #bcc9d5, #abbac3)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0)!important
}
.btn-app:hover, .btn-app.btn-default:hover {
background:#9baebc!important;
background-color:#9dafbe!important;
background-image:-moz-linear-gradient(top, #a3b5c5, #93a6b2)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a3b5c5), to(#93a6b2))!important;
background-image:-webkit-linear-gradient(top, #a3b5c5, #93a6b2)!important;
background-image:-o-linear-gradient(top, #a3b5c5, #93a6b2)!important;
background-image:linear-gradient(to bottom, #a3b5c5, #93a6b2)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0)!important
}
.btn-app.btn-primary, .btn-app.btn-primary.no-hover:hover, .btn-app.btn-primary.disabled:hover {
background:#2a8bcc!important;
background-color:#2d8ece!important;
background-image:-moz-linear-gradient(top, #3b98d6, #197ec1)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3b98d6), to(#197ec1))!important;
background-image:-webkit-linear-gradient(top, #3b98d6, #197ec1)!important;
background-image:-o-linear-gradient(top, #3b98d6, #197ec1)!important;
background-image:linear-gradient(to bottom, #3b98d6, #197ec1)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0)!important
}
.btn-app.btn-primary:hover {
background:#1d6fa6!important;
background-color:#1f72a9!important;
background-image:-moz-linear-gradient(top, #267eb8, #136194)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#267eb8), to(#136194))!important;
background-image:-webkit-linear-gradient(top, #267eb8, #136194)!important;
background-image:-o-linear-gradient(top, #267eb8, #136194)!important;
background-image:linear-gradient(to bottom, #267eb8, #136194)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0)!important
}
.btn-app.btn-info, .btn-app.btn-info.no-hover:hover, .btn-app.btn-info.disabled:hover {
background:#68adde!important;
background-color:#6baedf!important;
background-image:-moz-linear-gradient(top, #75b5e6, #5ba4d5)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#75b5e6), to(#5ba4d5))!important;
background-image:-webkit-linear-gradient(top, #75b5e6, #5ba4d5)!important;
background-image:-o-linear-gradient(top, #75b5e6, #5ba4d5)!important;
background-image:linear-gradient(to bottom, #75b5e6, #5ba4d5)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0)!important
}
.btn-app.btn-info:hover {
background:#3f96d4!important;
background-color:#4197d6!important;
background-image:-moz-linear-gradient(top, #4a9ede, #348dc9)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4a9ede), to(#348dc9))!important;
background-image:-webkit-linear-gradient(top, #4a9ede, #348dc9)!important;
background-image:-o-linear-gradient(top, #4a9ede, #348dc9)!important;
background-image:linear-gradient(to bottom, #4a9ede, #348dc9)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0)!important
}
.btn-app.btn-success, .btn-app.btn-success.no-hover:hover, .btn-app.btn-success.disabled:hover {
background:#86b558!important;
background-color:#87b75a!important;
background-image:-moz-linear-gradient(top, #8ebf60, #7daa50)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#8ebf60), to(#7daa50))!important;
background-image:-webkit-linear-gradient(top, #8ebf60, #7daa50)!important;
background-image:-o-linear-gradient(top, #8ebf60, #7daa50)!important;
background-image:linear-gradient(to bottom, #8ebf60, #7daa50)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0)!important
}
.btn-app.btn-success:hover {
background:#6c9842!important;
background-color:#6e9b42!important;
background-image:-moz-linear-gradient(top, #74a844, #648740)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#74a844), to(#648740))!important;
background-image:-webkit-linear-gradient(top, #74a844, #648740)!important;
background-image:-o-linear-gradient(top, #74a844, #648740)!important;
background-image:linear-gradient(to bottom, #74a844, #648740)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0)!important
}
.btn-app.btn-danger, .btn-app.btn-danger.no-hover:hover, .btn-app.btn-danger.disabled:hover {
background:#d3413b!important;
background-color:#d3463f!important;
background-image:-moz-linear-gradient(top, #d55b52, #d12723)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d55b52), to(#d12723))!important;
background-image:-webkit-linear-gradient(top, #d55b52, #d12723)!important;
background-image:-o-linear-gradient(top, #d55b52, #d12723)!important;
background-image:linear-gradient(to bottom, #d55b52, #d12723)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0)!important
}
.btn-app.btn-danger:hover {
background:#b52c26!important;
background-color:#b82f28!important;
background-image:-moz-linear-gradient(top, #c43a30, #a51f1c)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#c43a30), to(#a51f1c))!important;
background-image:-webkit-linear-gradient(top, #c43a30, #a51f1c)!important;
background-image:-o-linear-gradient(top, #c43a30, #a51f1c)!important;
background-image:linear-gradient(to bottom, #c43a30, #a51f1c)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0)!important
}
.btn-app.btn-warning, .btn-app.btn-warning.no-hover:hover, .btn-app.btn-warning.disabled:hover {
background:#ffb44b!important;
background-color:#ffb650!important;
background-image:-moz-linear-gradient(top, #ffbf66, #ffa830)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffbf66), to(#ffa830))!important;
background-image:-webkit-linear-gradient(top, #ffbf66, #ffa830)!important;
background-image:-o-linear-gradient(top, #ffbf66, #ffa830)!important;
background-image:linear-gradient(to bottom, #ffbf66, #ffa830)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0)!important
}
.btn-app.btn-warning:hover {
background:#fe9e19!important;
background-color:#fea01f!important;
background-image:-moz-linear-gradient(top, #fa3, #fc9200)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fa3), to(#fc9200))!important;
background-image:-webkit-linear-gradient(top, #fa3, #fc9200)!important;
background-image:-o-linear-gradient(top, #fa3, #fc9200)!important;
background-image:linear-gradient(to bottom, #fa3, #fc9200)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0)!important
}
.btn-app.btn-purple, .btn-app.btn-purple.no-hover:hover, .btn-app.btn-purple.disabled:hover {
background:#9889c1!important;
background-color:#9b8cc4!important;
background-image:-moz-linear-gradient(top, #a696ce, #8a7cb4)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a696ce), to(#8a7cb4))!important;
background-image:-webkit-linear-gradient(top, #a696ce, #8a7cb4)!important;
background-image:-o-linear-gradient(top, #a696ce, #8a7cb4)!important;
background-image:linear-gradient(to bottom, #a696ce, #8a7cb4)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0)!important
}
.btn-app.btn-purple:hover {
background:#7b68af!important;
background-color:#7e6ab2!important;
background-image:-moz-linear-gradient(top, #8973be, #6d5ca1)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#8973be), to(#6d5ca1))!important;
background-image:-webkit-linear-gradient(top, #8973be, #6d5ca1)!important;
background-image:-o-linear-gradient(top, #8973be, #6d5ca1)!important;
background-image:linear-gradient(to bottom, #8973be, #6d5ca1)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0)!important
}
.btn-app.btn-pink, .btn-app.btn-pink.no-hover:hover, .btn-app.btn-pink.disabled:hover {
background:#d54c7e!important;
background-color:#d64f81!important;
background-image:-moz-linear-gradient(top, #db5e8c, #ce3970)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#db5e8c), to(#ce3970))!important;
background-image:-webkit-linear-gradient(top, #db5e8c, #ce3970)!important;
background-image:-o-linear-gradient(top, #db5e8c, #ce3970)!important;
background-image:linear-gradient(to bottom, #db5e8c, #ce3970)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0)!important
}
.btn-app.btn-pink:hover {
background:#be2f64!important;
background-color:#c23066!important;
background-image:-moz-linear-gradient(top, #d2346e, #aa2a59)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d2346e), to(#aa2a59))!important;
background-image:-webkit-linear-gradient(top, #d2346e, #aa2a59)!important;
background-image:-o-linear-gradient(top, #d2346e, #aa2a59)!important;
background-image:linear-gradient(to bottom, #d2346e, #aa2a59)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0)!important
}
.btn-app.btn-inverse, .btn-app.btn-inverse.no-hover:hover, .btn-app.btn-inverse.disabled:hover {
background:#444!important;
background-color:#474747!important;
background-image:-moz-linear-gradient(top, #555, #333)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#333))!important;
background-image:-webkit-linear-gradient(top, #555, #333)!important;
background-image:-o-linear-gradient(top, #555, #333)!important;
background-image:linear-gradient(to bottom, #555, #333)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0)!important
}
.btn-app.btn-inverse:hover {
background:#2b2b2b!important;
background-color:#2e2e2e!important;
background-image:-moz-linear-gradient(top, #3b3b3b, #1a1a1a)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#1a1a1a))!important;
background-image:-webkit-linear-gradient(top, #3b3b3b, #1a1a1a)!important;
background-image:-o-linear-gradient(top, #3b3b3b, #1a1a1a)!important;
background-image:linear-gradient(to bottom, #3b3b3b, #1a1a1a)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0)!important
}
.btn-app.btn-grey, .btn-app.btn-grey.no-hover:hover, .btn-app.btn-grey.disabled:hover {
background:#797979!important;
background-color:#7c7c7c!important;
background-image:-moz-linear-gradient(top, #898989, #696969)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#898989), to(#696969))!important;
background-image:-webkit-linear-gradient(top, #898989, #696969)!important;
background-image:-o-linear-gradient(top, #898989, #696969)!important;
background-image:linear-gradient(to bottom, #898989, #696969)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0)!important
}
.btn-app.btn-grey:hover {
background:#6c6c6c!important;
background-color:#6f6f6f!important;
background-image:-moz-linear-gradient(top, #7c7c7c, #5c5c5c)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7c7c7c), to(#5c5c5c))!important;
background-image:-webkit-linear-gradient(top, #7c7c7c, #5c5c5c)!important;
background-image:-o-linear-gradient(top, #7c7c7c, #5c5c5c)!important;
background-image:linear-gradient(to bottom, #7c7c7c, #5c5c5c)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0)!important
}
.btn-app.btn-light {
color:#5a5a5a!important;
text-shadow:0 1px 1px #EEE!important
}
.btn-app.btn-light, .btn-app.btn-light.no-hover:hover, .btn-app.btn-light.disabled:hover {
background:#ededed!important;
background-color:#eee!important;
background-image:-moz-linear-gradient(top, #f4f4f4, #e6e6e6)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e6e6e6))!important;
background-image:-webkit-linear-gradient(top, #f4f4f4, #e6e6e6)!important;
background-image:-o-linear-gradient(top, #f4f4f4, #e6e6e6)!important;
background-image:linear-gradient(to bottom, #f4f4f4, #e6e6e6)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0)!important
}
.btn-app.btn-light:hover {
background:#e0e0e0!important;
background-color:#e2e2e2!important;
background-image:-moz-linear-gradient(top, #e7e7e7, #d9d9d9)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#d9d9d9))!important;
background-image:-webkit-linear-gradient(top, #e7e7e7, #d9d9d9)!important;
background-image:-o-linear-gradient(top, #e7e7e7, #d9d9d9)!important;
background-image:linear-gradient(to bottom, #e7e7e7, #d9d9d9)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0)!important
}
.btn-app.btn-light, .btn-app.btn-light.no-hover:hover {
border:2px solid #DDD
}
.btn-app.btn-light.btn-mini {
width:64px;
padding-bottom:6px
}
.btn-app.btn-light:hover {
border-color:#d8d8d8
}
.btn-app.btn-yellow {
color:#963!important;
text-shadow:0 -1px 0 rgba(255,255,255,0.4)!important;
border:2px solid #fee188
}
.btn-app.btn-yellow, .btn-app.btn-yellow.no-hover:hover, .btn-app.btn-yellow.disabled:hover {
background:#fee088!important;
background-color:#fee18d!important;
background-image:-moz-linear-gradient(top, #ffe8a5, #fcd76a)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffe8a5), to(#fcd76a))!important;
background-image:-webkit-linear-gradient(top, #ffe8a5, #fcd76a)!important;
background-image:-o-linear-gradient(top, #ffe8a5, #fcd76a)!important;
background-image:linear-gradient(to bottom, #ffe8a5, #fcd76a)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0)!important
}
.btn-app.btn-yellow:hover {
background:#fdd96e!important;
background-color:#fedb74!important;
background-image:-moz-linear-gradient(top, #ffe18b, #fbd051)!important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffe18b), to(#fbd051))!important;
background-image:-webkit-linear-gradient(top, #ffe18b, #fbd051)!important;
background-image:-o-linear-gradient(top, #ffe18b, #fbd051)!important;
background-image:linear-gradient(to bottom, #ffe18b, #fbd051)!important;
background-repeat:repeat-x!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0)!important
}
.btn-app.btn-yellow, .btn-app.btn-yellow.no-hover:hover {
border:2px solid #fee188
}
.btn-app.btn-yellow:hover {
border-color:#fed760
}
.btn.btn-app.btn-small {
width:80px;
font-size:16px;
border-radius:10px;
padding-bottom:9px
}
.btn.btn-app.btn-mini {
width:64px;
font-size:15px;
border-radius:8px;
padding-bottom:7px;
padding-top:8px
}
.btn.btn-app>[class*=icon] {
display:block;
font-size:42px;
margin:0 0 4px;
line-height:36px;
min-width:0;
padding:0
}
.btn.btn-app.btn-small>[class*=icon] {
display:block;
font-size:32px;
line-height:30px;
margin:0 0 3px
}
.btn.btn-app.btn-mini>[class*=icon] {
display:block;
font-size:24px;
line-height:24px;
margin:0
}
.btn.btn-app.no-radius {
border-radius:0
}
.btn.btn-app.radius-4 {
border-radius:4px
}
.btn.btn-app>.badge, .btn.btn-app>.label {
position:absolute!important;
top:-2px;
right:-2px;
padding:1px 3px;
text-align:center;
font-size:12px
}
.btn.btn-app>.badge.badge-right, .btn.btn-app>.label.badge-right, .btn.btn-app>.badge.label-right, .btn.btn-app>.label.label-right {
right:auto;
left:-2px
}
.btn.btn-app>.label {
padding:1px 6px 3px;
font-size:13px
}
.btn.btn-app.radius-4>.badge, .btn.btn-app.no-radius>.badge {
border-radius:3px
}
.btn.btn-app.radius-4>.badge.no-radius, .btn.btn-app.no-radius>.badge.no-radius {
border-radius:0
}
.btn.btn-app.active {
color:#fff
}
.btn.btn-app.active:after {
display:none
}
.btn.btn-app.active.btn-yellow {
color:#963;
border-color:#fee188
}
.btn.btn-app.active.btn-light {
color:#515151
}
.btn-rad{border-radius:2px;-webkit-border-radius:2px;}
.btn i{font-size:14px;margin-right: 2px;display:inline-block; min-width: 10px;}
.btn-group-vertical{margin: 3px 3px;}
/*Specific icons size*/
.btn-lg{padding:12px 14px; font-size: 15px; font-weight: 300;}
.btn-lg i{font-size:18px;}
.btn-sm{padding:4px 7px;font-size:12px;}
.btn-sm i{font-size:14px;}
.btn-xs{padding:0px 5px;font-size: 16.3px; vertical-align:top; }
.btn-xs i{font-size:15px;}
.btn-shadow{box-shadow:1px 1px 2px rgba(0, 0, 0, 0.12);}
.btn-shadow.btn-success{box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.btn-shadow.btn-primary{box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.btn-shadow.btn-warning{box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.btn-shadow.btn-danger{box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.btn-shadow.btn-info{box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.btn-flat, .btn-flat:focus{
box-shadow:none;
}
.btn-flat.btn-default{background: #fff;}
.btn-flat:active.btn-default, .btn-flat.btn-default.active, .btn-flat.open .dropdown-toggle.btn-default{background: #f5f5f5;}
.btn-flat:active.btn-primary, .btn-flat.btn-primary.active, .btn-flat.open .dropdown-toggle.btn-primary{background: #4785ea;}
.btn-flat:active.btn-success, .btn-flat.btn-success.active, .btn-flat.open .dropdown-toggle.btn-success{background: #5db95d;}
.btn-flat:active.btn-info, .btn-flat.btn-info.active, .btn-flat.open .dropdown-toggle.btn-info{background: #56b7d3;}
.btn-flat:active.btn-warning, .btn-flat.btn-warning.active, .btn-flat.open .dropdown-toggle.btn-warning{background: #ff9600;}
.btn-flat:active.btn-danger, .btn-flat.btn-danger.active, .btn-flat.open .dropdown-toggle.btn-danger{background: #d04630;}
.btn-group-vertical > .btn{
margin-bottom:0 !important;
}
.btn-group-vertical > .btn:first-child{margin-left:0;border-radius:0 !important;-webkit-border-radius:0 !important;}
.btn-group-vertical > .btn:last-child{border-radius:0 !important;-webkit-border-radius:0 !important;}
/*Social buttons*/
.btn-facebook i{color:#3b5998;}
.btn-twitter i{color:#00aced;}
.btn-google-plus i{color:#dd4b39;}
.btn-dribbble i{color:#ea4c89;}
.btn-linkedin i{color:#0e76a8;}
.btn-youtube i{color:#c4302b;}
.btn-pinterest i{color:#c8232c;}
.btn-tumblr i{color:#34526f;}
.btn-flickr i{color:#ff0084;}
.btn-facebook.bg {background:#3b5998;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-twitter.bg {background:#00aced;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-google-plus.bg {background:#dd4b39;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-dribbble.bg {background:#ea4c89;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-linkedin.bg {background:#0e76a8;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-youtube.bg {background:#c4302b;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-pinterest.bg {background:#c8232c;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-tumblr.bg{background:#34526f;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-flickr.bg{background:#0063dc;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn-github.bg{background:#333;color:#fff;border:1px solid rgba(0, 0, 0, 0.08);}
.btn.bg i{color:#FFF;}
.btn:focus{outline:none;}
.btn-group.btn-blurbg{
background: url("../images/blur_bg.png") no-repeat;
padding:40px;
margin-bottom:20px;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15);
}
.btn.btn-transparent{
border-top: 1px solid #fff;
border-bottom: 1px solid rgba(255,255,255,0.5);
border-left: 1px solid rgba(255,255,255,0.4);
border-right: 1px solid rgba(255,255,255,0.4);
background: rgba(255,255,255,0.2);
color:#fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.btn.btn-transparent:hover{
background: rgba(255,255,255,0.32);
}
.video-player{
position:relative;
display:inline-block;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15);
}
.video-player video{display:block;max-width:320px;width:100%;}
.video-player .btn-controls{
text-align:center;
bottom:5px;
position:absolute;
width:100%;
}
.video-player .btn-controls .btn-group{
margin:0;
}
.video-player .btn-controls .btn-group{float:none;}
button::-moz-focus-inner {
border: 0;
}
/*Charts*/
.easyPieChart{display:inline-block;}
/*Modals*/
.modal-content {border-radius:5px;-webkit-border-radius:5px;}
.modal-content > .close {
margin-right:10px;
margin-top: 10px;
}
.modal-content .modal-header {
border-bottom:0;
}
.modal-content h4, .modal-content h4{
font-weight:400;
}
.modal-content .modal-footer{
background:#FBFBFB;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
/*Circle*/
.i-circle{
border:5px solid #F1F1F1;
border-radius: 50%;
-webkit-border-radius: 50%;
height:80px;
width:80px;
display:inline-block;
padding-top:15px;
margin-bottom:7px;
}
.i-circle i{
font-size:34px;
vertical-align:middle;
color:#666;
}
.i-circle.success i{color:#60C060;}
.i-circle.primary i{color:#4D90FD;}
.i-circle.warning i{color:#FC9700;}
.i-circle.danger i{color:#DA4932;}
/*Gritter Notifications*/
#gritter-notice-wrapper{width:320px; top:45px;}
.gritter-item-wrapper{
background: url(../js/jquery.gritter/images/gritter-bg.png);
box-shadow:0 0px 5px rgba(0, 0, 0, 0.32);
}
.gritter-top{background:transparent;}
.gritter-item{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
background:transparent;
color:#FFF;
padding:2px 20px 12px;
padding-right: 35px;
padding-left:10px;
}
.gritter-bottom{background:transparent;}
.gritter-item p{font-size:12px;line-height:19px;}
.gritter-title{
text-shadow: none;
font-weight:300;
font-size:17px;
}
.gritter-close{
display:block !important;
top:0;
right: 0;
left:auto;
height:30px;
width:35px;
background: transparent;
text-indent: inherit;
}
.gritter-close:after{
content: '×';
position: absolute;
color:#FFF;
left: 10px;
font-size:24px;
font-weight:bold;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.12);
}
.gritter-without-image, .gritter-with-image{padding-left:7px;width:224px;}
.gritter-item-wrapper.clean{
background:#FFF;
}
.gritter-item-wrapper.clean .gritter-item{
color:#555;
}
.gritter-item-wrapper.clean .gritter-close{
display:block !important;
top:0;
right: 0;
left:auto;
height:100%;
width:35px;
border-left:1px solid #258fec;
border-top: 1px solid #52C0FF;
background-image:-moz-linear-gradient(center top , #52AEFF 45%, #2180D3 102%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#52AEFF), to(#2180D3)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #52AEFF, #2180D3); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -o-linear-gradient(top, #52AEFF, #2180D3); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #52AEFF, #2180D3);
background-color:#3290E2;
text-indent: inherit;
}
.gritter-item-wrapper.clean .gritter-close:after{
content: '×';
position: absolute;
color:#FFF;
top:50%;
left: 10px;
font-size:24px;
font-weight:bold;
margin-top: -17px;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.12);
}
/*Well*/
.well p:last-child{margin:0;}
/*Nano Scroller*/
.nano > .pane > .slider {
width: 100%;
}
.jqstooltip{
padding: 3px 10px 5px 5px;
min-height: 25px;
min-width: 30px;
/*width:50px;
height:25px!important;*/
}
/*Responsive CSS*/
@media (min-width: 1200px) {
.cl-sidebar .cl-vnavigation{
display:block !important;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.cl-sidebar .cl-vnavigation{
display:block !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.butstyle{
width:30.9%;
}
.butstyle:first-child{margin-left:0;}
.navbar-default .navbar-brand{
background-position: 22px 11px;
height:50px;
width: 90px;
}
.navbar-default .navbar-brand span{
display:none;
}
.cl-sidebar {width:100px;}
.cl-vnavigation li {position:relative;}
.cl-vnavigation li a{text-align:center; padding:15px 10px 13px;}
.cl-vnavigation li a i{width:100%;display:block;font-size:22px;}
.cl-vnavigation li ul{
display:none;
left: 100%;
margin-left: -1px;
margin-top: 0;
top: -1px;
z-index: 1000;
position:absolute;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.49);
color:#333;
background:#1A1C20;
padding: 5px 0;
min-width:160px;
}
.cl-vnavigation .parent ul li a{
text-align:left;
padding: 7px 20px;
}
.cl-vnavigation li:hover ul{display: block !important;}
.cl-sidebar .cl-vnavigation{
display:block !important;
}
#pcont{
margin-left: 100px;
}
}
@media (max-width: 767px) {
#cl-wrapper{margin-top:0;}
#pcont{
margin-left: 0;
}
.cl-mcont{ padding: 15px;}
/*nav bar*/
.navbar {padding-right: 10px;}
.navbar-fixed-top {position:relative;margin:0;}
/*dropdown menu*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFF;}
.navbar-default .navbar-nav .dropdown-submenu > a:after { border-width:0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color:#FFF;}
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus , .navbar-nav .dropdown-submenu:hover > a { background-color: transparent; }
.navbar-nav .dropdown-submenu ul{
display:block;
padding-left:20px;
}
.navbar-nav .dropdown-header {color:#FFF;}
.navbar-nav .col-menu-2 > li > ul > li a {color:#FFF;padding-left: 45px;}
.navbar-nav .col-menu-3 > li > ul > li a {color:#FFF;padding-left: 45px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:active {background:transparent !important;color:#FFF !important;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.not-nav{
text-align:center;
background:#218ae1;
border-top:1px solid #2082d5;
margin:0;
}
.navbar-default .navbar-nav > li.button {
float:none;
display:inline-block;
padding:10px 4px;
top: 100%;
}
.not-nav > li > .dropdown-menu{ text-align:left;}
.navbar-default .navbar-nav > li.button > a {
}
.navbar-default .navbar-nav > li.button > a > i {
font-size: 17px;
vertical-align: middle;
}
.navbar-default .navbar-nav > li.button .dropdown-menu{
position: absolute;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);
border-top:0;
margin-left:-110px;
}
.navbar-default .navbar-nav > li.button .dropdown-menu > li > a{text-align:left;}
.navbar-collapse {padding:0 !important;}
.navbar-collapse .navbar-nav {margin:0;}
.profile_menu {margin:0;}
.profile_menu .dropdown-toggle {padding-left:15px;}
.navbar-default .navbar-brand {width:auto;}
.user-nav{
margin: 7.5px -15px;
}
.navbar-collapse.in {overflow:visible;}
#head-nav{
padding:0;
}
#head-nav .navbar-nav{
padding: 0 10px;
}
.navbar-header{padding: 0 10px;}
.col-menu-2 > div:first-child {border-right: 0;}
/*end - dropdown*/
.cl-sidebar {
background: none repeat scroll 0 0 #272930;
width: 100%;
position:relative;
z-index: 1020;
}
.cl-sidebar .cl-toggle{display:block;}
.cl-sidebar .cl-vnavigation{
display: none;
}
/*Stats*/
.butstyle{
width:100%;
margin-right:10px;
margin-left:0;
max-width: 45%;
}
/*Forms*/
.form-horizontal.group-border .form-group{
padding:5px 0 15px 0;
}
.form-horizontal.group-border .form-group label{margin-bottom:7px;}
.form-horizontal.group-border-dashed .form-group label{margin-bottom:7px;}
/*Buttons*/
/*Login*/
.cl-wrapper.login-container{
}
.login-container .middle-login{
width:100%;
margin-left:0px;
padding: 0 15px;
left:auto;
}
}
.nav-tabs.padding-32 {
padding-left:32px
}
.tabs-right>.nav-tabs.padding-32, .tabs-left>.nav-tabs.padding-32 {
padding-left:0;
padding-top:32px
}
.nav-tabs.padding-30 {
padding-left:30px
}
.tabs-right>.nav-tabs.padding-30, .tabs-left>.nav-tabs.padding-30 {
padding-left:0;
padding-top:30px
}
.nav-tabs.padding-28 {
padding-left:28px
}
.tabs-right>.nav-tabs.padding-28, .tabs-left>.nav-tabs.padding-28 {
padding-left:0;
padding-top:28px
}
.nav-tabs.padding-26 {
padding-left:26px
}
.tabs-right>.nav-tabs.padding-26, .tabs-left>.nav-tabs.padding-26 {
padding-left:0;
padding-top:26px
}
.nav-tabs.padding-24 {
padding-left:24px
}
.tabs-right>.nav-tabs.padding-24, .tabs-left>.nav-tabs.padding-24 {
padding-left:0;
padding-top:24px
}
.nav-tabs.padding-22 {
padding-left:22px
}
.tabs-right>.nav-tabs.padding-22, .tabs-left>.nav-tabs.padding-22 {
padding-left:0;
padding-top:22px
}
.nav-tabs.padding-20 {
padding-left:20px
}
.tabs-right>.nav-tabs.padding-20, .tabs-left>.nav-tabs.padding-20 {
padding-left:0;
padding-top:20px
}
.nav-tabs.padding-18 {
padding-left:18px
}
.tabs-right>.nav-tabs.padding-18, .tabs-left>.nav-tabs.padding-18 {
padding-left:0;
padding-top:18px
}
.nav-tabs.padding-16 {
padding-left:16px
}
.tabs-right>.nav-tabs.padding-16, .tabs-left>.nav-tabs.padding-16 {
padding-left:0;
padding-top:16px
}
.nav-tabs.padding-14 {
padding-left:14px
}
.tabs-right>.nav-tabs.padding-14, .tabs-left>.nav-tabs.padding-14 {
padding-left:0;
padding-top:14px
}
.nav-tabs.padding-12 {
padding-left:12px
}
.tabs-right>.nav-tabs.padding-12, .tabs-left>.nav-tabs.padding-12 {
padding-left:0;
padding-top:12px
}
.nav-tabs.padding-10 {
padding-left:10px
}
.tabs-right>.nav-tabs.padding-10, .tabs-left>.nav-tabs.padding-10 {
padding-left:0;
padding-top:10px
}
.nav-tabs.padding-8 {
padding-left:8px
}
.tabs-right>.nav-tabs.padding-8, .tabs-left>.nav-tabs.padding-8 {
padding-left:0;
padding-top:8px
}
.nav-tabs.padding-6 {
padding-left:6px
}
.tabs-right>.nav-tabs.padding-6, .tabs-left>.nav-tabs.padding-6 {
padding-left:0;
padding-top:6px
}
.nav-tabs.padding-4 {
padding-left:4px
}
.tabs-right>.nav-tabs.padding-4, .tabs-left>.nav-tabs.padding-4 {
padding-left:0;
padding-top:4px
}
.nav-tabs.padding-2 {
padding-left:2px
}
.tabs-right>.nav-tabs.padding-2, .tabs-left>.nav-tabs.padding-2 {
padding-left:0;
padding-top:2px
}
.nav-tabs {
border-color:#c5d0dc;
margin-bottom:0;
position:relative;
top:1px
}
.nav-tabs>li>a, .nav-tabs>li>a:focus {
border-radius:0!important;
background-color:#f9f9f9;
color:#999;
margin-right:-3px;
line-height:16px;
position:relative;
z-index:11;
border-color:#c5d0dc
}
.nav-tabs>li>a:hover {
background-color:#FFF;
color:#4c8fbd;
border-color:#c5d0dc
}
.nav-tabs>li>a:active, .nav-tabs>li>a:focus {
outline:none!important
}
.nav-tabs>li:first-child>a {
margin-left:0
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color:#576373;
border-color:#c5d0dc;
border-top:2px solid #4c8fbd;
border-bottom-color:transparent;
background-color:#FFF;
z-index:12;
line-height:16px;
margin-top:-1px;
box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15)
}
.tabs-below>.nav-tabs {
top:auto;
margin-bottom:0;
margin-top:-1px;
border-color:#c5d0dc
}
.tabs-below>.nav-tabs>li>a, .tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
border-color:#c5d0dc
}
.tabs-below>.nav-tabs>li.active>a, .tabs-below>.nav-tabs>li.active>a:hover, .tabs-below>.nav-tabs>li.active>a:focus {
border-color:#c5d0dc;
border-top-width:1px;
border-bottom:2px solid #4c8fbd;
border-top-color:transparent;
margin-top:0;
box-shadow:0 2px 3px 0 rgba(0,0,0,0.15)
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
min-width:60px
}
.tabs-left>.nav-tabs {
top:auto;
margin-bottom:0;
margin-right:-1px;
border-color:#c5d0dc
}
.tabs-left>.nav-tabs>li>a, .tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
border-color:#c5d0dc;
margin:0 -1px 0 0
}
.tabs-left>.nav-tabs>li.active>a, .tabs-left>.nav-tabs>li.active>a:focus, .tabs-left>.nav-tabs>li.active>a:hover {
border-color:#c5d0dc;
border-top-width:1px;
border-left:2px solid #4c8fbd;
border-right-color:transparent;
margin:0 -1px 0 -1px;
box-shadow:-2px 0 3px 0 rgba(0,0,0,0.15)
}
.tabs-right>.nav-tabs {
top:auto;
margin-bottom:0;
margin-left:-1px;
border-color:#c5d0dc
}
.tabs-right>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a:focus, .tabs-right>.nav-tabs>li>a:hover {
border-color:#c5d0dc;
margin:0 0 0 -1px
}
.tabs-right>.nav-tabs>li.active>a, .tabs-right>.nav-tabs>li.active>a:focus, .tabs-right>.nav-tabs>li.active>a:hover {
border-color:#c5d0dc;
border-top-width:1px;
border-right:2px solid #4c8fbd;
border-left-color:transparent;
margin:0 -1px 0 -1px;
box-shadow:2px 0 3px 0 rgba(0,0,0,0.15)
}
.nav-tabs>li>a>.badge {
padding:0 4px;
line-height:15px;
opacity:.75
}
.nav-tabs>li>a>[class*="icon-"] {
opacity:.75
}
.nav-tabs>li.active>a>.badge, .nav-tabs>li.active>a>[class*="icon-"] {
opacity:1
}
.nav-tabs li [class*=" icon-"], .nav-tabs li [class^="icon-"] {
width:1.25em;
display:inline-block;
text-align:center
}
.nav-tabs>li.open .dropdown-toggle {
background-color:#4f99c6;
border-color:#4f99c6;
color:#fff
}
.nav-tabs>li.open .dropdown-toggle .caret {
margin-top:7px
}
.nav-tabs .dropdown-toggle .caret {
margin-top:7px
}
.nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
background-color:#4f99c6;
border-color:#4f99c6;
color:#fff
}
.tab-content {
border:1px solid #c5d0dc;
padding:16px 12px;
position:relative;
z-index:11
}
.tab-content.no-padding {
padding:0
}
.tab-content.no-border {
border:0;
padding:12px
}
.tab-content.padding-32 {
padding:32px 24px
}
.tab-content.no-border.padding-32 {
padding:32px
}
.tab-content.padding-30 {
padding:30px 23px
}
.tab-content.no-border.padding-30 {
padding:30px
}
.tab-content.padding-28 {
padding:28px 21px
}
.tab-content.no-border.padding-28 {
padding:28px
}
.tab-content.padding-26 {
padding:26px 20px
}
.tab-content.no-border.padding-26 {
padding:26px
}
.tab-content.padding-24 {
padding:24px 18px
}
.tab-content.no-border.padding-24 {
padding:24px
}
.tab-content.padding-22 {
padding:22px 17px
}
.tab-content.no-border.padding-22 {
padding:22px
}
.tab-content.padding-20 {
padding:20px 15px
}
.tab-content.no-border.padding-20 {
padding:20px
}
.tab-content.padding-18 {
padding:18px 14px
}
.tab-content.no-border.padding-18 {
padding:18px
}
.tab-content.padding-16 {
padding:16px 12px
}
.tab-content.no-border.padding-16 {
padding:16px
}
.tab-content.padding-14 {
padding:14px 11px
}
.tab-content.no-border.padding-14 {
padding:14px
}
.tab-content.padding-12 {
padding:12px 9px
}
.tab-content.no-border.padding-12 {
padding:12px
}
.tab-content.padding-10 {
padding:10px 8px
}
.tab-content.no-border.padding-10 {
padding:10px
}
.tab-content.padding-8 {
padding:8px 6px
}
.tab-content.no-border.padding-8 {
padding:8px
}
.tab-content.padding-6 {
padding:6px 5px
}
.tab-content.no-border.padding-6 {
padding:6px
}
.tab-content.padding-4 {
padding:4px 3px
}
.tab-content.no-border.padding-4 {
padding:4px
}
.tab-content.padding-2 {
padding:2px 2px
}
.tab-content.no-border.padding-2 {
padding:2px
}
.tab-content.padding-0 {
padding:0
}
.tab-content.no-border.padding-0 {
padding:0
}
.form-label{
font-size:13px;
}
.red{
color: #dd5a43 !important;
}
.green {
color: #69aa46 !important;
}
.lighter {
font-weight: lighter;
}
.header.red {
border-bottom-color: #f3cdc6;
}
.header.green {
border-bottom-color: #cce2c1;
}
.blue {
color: #478fca !important;
}
.orange{
color: #FFA800;
}
.white {
color:#fff!important
}
.border-brt {border-bottom:thin solid #C0C0C0;border-right:thin solid #C0C0C0;border-top:thin solid #C0C0C0;}
.border-br {border-bottom:thin solid #C0C0C0;border-right:thin solid #C0C0C0;}
.border-brlt {border-top:thin solid #C0C0C0;border-bottom:thin solid #C0C0C0;border-left:thin solid #C0C0C0;border-right:thin solid #C0C0C0;}
.border-brl {border-bottom:thin solid #C0C0C0;border-left:thin solid #C0C0C0;border-right:thin solid #C0C0C0;}
.social-list{
padding: 5px 0;
border-bottom: 1px dashed #eee;
vertical-align:top;
}
.strong {font-weight:600;}
.label-important, .badge-important {
background-color:#b94a48
}
.label-important[href], .badge-important[href] {
background-color:#953b39
}
.label.arrowed, .label.arrowed-in {
position:relative;
margin-left:9px
}
.label.arrowed:before, .label.arrowed-in:before {
display:inline-block;
content:"";
position:absolute;
left:-14px;
top:0;
border:9px solid transparent;
border-width:9px 7px;
border-right-color:#abbac3
}
.label.arrowed-in:before {
border-color:#abbac3;
border-left-color:transparent!important;
left:-9px
}
.label.arrowed-right, .label.arrowed-in-right {
position:relative;
margin-right:9px
}
.label.arrowed-right:after, .label.arrowed-in-right:after {
display:inline-block;
content:"";
position:absolute;
right:-14px;
top:0;
border:9px solid transparent;
border-width:9px 7px;
border-left-color:#abbac3
}
.label.arrowed-in-right:after {
border-color:#abbac3;
border-right-color:transparent!important;
right:-9px
}
.label-info.arrowed:before {
border-right-color:#5DC4EA;
}
.label-info.arrowed-in:before {
border-color:#5DC4EA;
}
.label-info.arrowed-right:after {
border-left-color:#5DC4EA;
}
.label-info.arrowed-in-right:after {
border-color:#5DC4EA;
}
.label-primary.arrowed:before {
border-right-color:#4D90FD;
}
.label-primary.arrowed-in:before {
border-color:#4D90FD;
}
.label-primary.arrowed-right:after {
border-left-color:#4D90FD;
}
.label-primary.arrowed-in-right:after {
border-color:#4D90FD;
}
.label-success.arrowed:before {
border-right-color:#60C060;
}
.label-success.arrowed-in:before {
border-color:#60C060;
}
.label-success.arrowed-right:after {
border-left-color:#60C060;
}
.label-success.arrowed-in-right:after {
border-color:#60C060;
}
.label-warning.arrowed:before {
border-right-color:#fcad37;
}
.label-warning.arrowed-in:before {
border-color:#fcad37;
}
.label-warning.arrowed-right:after {
border-left-color:#fcad37;
}
.label-warning.arrowed-in-right:after {
border-color:#fcad37;
}
.label-important.arrowed:before {
border-right-color:rgb(185,74,72);
}
.label-important.arrowed-in:before {
border-color:rgb(185,74,72);
}
.label-important.arrowed-right:after {
border-left-color:rgb(185,74,72);
}
.label-important.arrowed-in-right:after {
border-color:rgb(185,74,72);
}
.label-danger.arrowed:before {
border-right-color:rgb(201,48,44);
}
.label-danger.arrowed-in:before {
border-color:rgb(201,48,44);
}
.label-danger.arrowed-right:after {
border-left-color:rgb(201,48,44);
}
.label-danger.arrowed-in-right:after {
border-color:rgb(201,48,44);
}
.label-inverse.arrowed:before {
border-right-color:#333
}
.label-inverse.arrowed-in:before {
border-color:#333
}
.label-inverse.arrowed-right:after {
border-left-color:#333
}
.label-inverse.arrowed-in-right:after {
border-color:#333
}
.label-pink.arrowed:before {
border-right-color:#d6487e
}
.label-pink.arrowed-in:before {
border-color:#d6487e
}
.label-pink.arrowed-right:after {
border-left-color:#d6487e
}
.label-pink.arrowed-in-right:after {
border-color:#d6487e
}
.label-purple.arrowed:before {
border-right-color:#9585bf
}
.label-purple.arrowed-in:before {
border-color:#9585bf
}
.label-purple.arrowed-right:after {
border-left-color:#9585bf
}
.label-purple.arrowed-in-right:after {
border-color:#9585bf
}
.label-yellow.arrowed:before {
border-right-color:#fee188
}
.label-yellow.arrowed-in:before {
border-color:#fee188
}
.label-yellow.arrowed-right:after {
border-left-color:#fee188
}
.label-yellow.arrowed-in-right:after {
border-color:#fee188
}
.label-light.arrowed:before {
border-right-color:#e7e7e7
}
.label-light.arrowed-in:before {
border-color:#e7e7e7
}
.label-light.arrowed-right:after {
border-left-color:#e7e7e7
}
.label-light.arrowed-in-right:after {
border-color:#e7e7e7
}
.label-grey.arrowed:before {
border-right-color:#a0a0a0
}
.label-grey.arrowed-in:before {
border-color:#a0a0a0
}
.label-grey.arrowed-right:after {
border-left-color:#a0a0a0
}
.label-grey.arrowed-in-right:after {
border-color:#a0a0a0
}
.label-large {
font-size:13px;
padding:3px 8px 5px
}
.label-large.arrowed, .label-large.arrowed-in {
margin-left:12px
}
.label-large.arrowed:before, .label-large.arrowed-in:before {
left:-16px;
border-width:11px 8px
}
.label-large.arrowed-in:before {
left:-12px
}
.label-large.arrowed-right, .label-large.arrowed-in-right {
margin-right:11px
}
.label-large.arrowed-right:after, .label-large.arrowed-in-right:after {
right:-16px;
border-width:11px 8px
}
.label-large.arrowed-in-right:after {
right:-12px
}