/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.axis path { 
    fill: none; 
    stroke:#000; 
    stroke-width: 1.5px; 
    shape-rendering: crispEdges;
}

/* axis tick marks */
.axis line {
    fill: none;
    stroke: #000;
    stroke-width: 1.1px;
    shape-rendering: crispEdges;
}

/* controls the axis text */
.axis text {
    fill: #333;
    stroke: none;
    shape-rendering: crispEdges;
    font-size: 16px;
}

/* controls the area */
.area.fill { 
    fill: #e5f3f9;
    fill-opacity: 0.2;
}

/* controls the top line in area */
.area.line {
    fill: none;
    stroke: #058dc7;
    stroke-width: 6.0px;
}

.area.line.points {
    fill: #058dc7;
    stroke: #fff;
    stroke-width: 3.0px;
}

/* histogram styles */
.histo.rect { fill: #058dc7; }

.bar.rect {
    fill: #058dc7;
    stroke: none;
}

.bar.text {
    fill: #000;
    stroke: none;
    font-size: 12px;
}

.phoneButtonHighlight {
    -webkit-box-shadow:0px 0px 5px 2px green;
    -moz-box-shadow:0px 0px 5px 2px green;
    box-shadow:0px 0px 5px 2px green;
}

.scrollable {
    overflow-y: auto;
    height: 80%;
}

a {
    cursor:pointer;
}

a .disabled {
    cursor:not-allowed;
}

#header {
    background: linear-gradient(to right,#3a3633 93%,#2a2725 100%);
}

#project-context>:first-child, .project-context>:first-child {
    text-shadow:none;
}

#project-context, .project-context {
    padding:0;
}

#header>:first-child, aside {
    border-bottom: 1px solid #1A1817;
}

.login-info>span {
    border-top: 1px solid #525151;
}

.checkbox-inline.no_indent,
        .checkbox-inline.no_indent + .checkbox-inline.no_indent {
            margin-left: 0;
            margin-right: 10px;
        }

.checkbox-inline.no_indent:last-child {
    margin-right: 0px;
}

.font-bold {
    font-weight:500;
    font-size:medium;
}

.dialPad .number {
position: relative;
z-index: 2;
padding: 15px 20px;
color: #4d4d4d;
font-weight: 300;
font-size: 40px;
background: #fff;
height: 78px
}
.dialPad .dials {
margin: -1px 0 0 -1px;
background: #1d1918;
cursor: pointer
}
.dialPad .dials:before, .dialPad .dials:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden
}
.dialPad .dials:after {
clear: both
}
.dialPad .dials .digits {
float: left;
width: 33.33%
}
.dialPad .dials .digits p {
font-weight: 600;
padding: 15px 25px;
border-top: 1px solid #4d4d4d;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #4d4d4d
}
.dialPad .dials .digits p strong {
font-size: 50px;
margin-right: 8px;
color: #fff
}
.dialPad .dials .digits:active {
background: #00caf2;
border-top-color: #b2f2ff
}
.compact .dials .digits p {
padding: 25px 15px
}
.compact .dials .digits p strong {
font-size: 30px
}
.compact .dials .digits p sup {
text-transform: uppercase;
color: #c1c1c1
}
.compact .dials .pad-action {
background: #093
}
.compact .dials .pad-action:active {
background: #0c3
}

ol, ul {
list-style: none
}


div.dialPad * {
margin: 0;
padding: 0;
border: 0;

vertical-align: baseline;
}

.sortable-container {
    height: 390px;
    width: 100%;
    overflow: auto;
}

body {
    overflow-x: hidden;
}

.nav-tabs.nav-justified > li {
    border: 1px solid #4d4d4d;
    border-radius: 15px 15px 0 0;
}