/*
 * 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
 */

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive .embed-responsive-item, 
.embed-responsive embed, 
.embed-responsive iframe, 
.embed-responsive object, 
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.iframe-responsive {
    position: relative;
    padding-bottom: 65%;
    height: 0;
    overflow: hidden;
}

.iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tabs-left > .tab-content {
    margin-left: 200px;
}

table.labellist td input {
    display: inline-block;
    margin-right: 5px;
}
table.labellist td label, table.labellist td span {
    display: inline-block;
    margin-right: 10px;
}

.txt-color-white a { color: #ffffff;}

/* Bootstrap */
@media (min-width: 1024px) {
    .modal-lg {
        width: 900px;
    }

    .modal-sm {
        width: 300px;
    }
}

.alert-danger {
    color: #FFFFFF !important;
}
.alert-danger li {
    color: #FFFFFF !important;
}

img.online {
    border-left-color: #346597 !important;
}

nav ul li.active > a:before {
    color: #2C3742;
}

.input-icon-left > i.fa {
    left: 10px;
}

.smart-toggle.collapsed > .fa:last-child, .smart-toggle > .fa:first-child {
    display: none;
}

.smart-toggle.collapsed > .fa:first-child, .smart-toggle > .fa:last-child {
    display: inline-block;
}

.modal-nopad .modal-body {
    padding: 0;
}

/* Controls on modals z-index fixes */
.ui-menu {
    z-index: 1051 !important;
}

.bootstrap-timepicker-widget {
    z-index: 1051 !important;
}

/* jQuery UI Datepicker */
.ui-datepicker.ui-widget.ui-widget-content {
    z-index: 100 !important;
}

ul#summary {
    display: block;
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
}
ul#summary li:first-child {
    border-left: 0 none;
    padding-left: 0;
}
ul#summary li {
    border-left: 1px dotted #C7C7C7;
    padding: 0 10px;
    -moz-box-sizing: content-box;
    display: inline-block;
    max-height: 47px;
    overflow: hidden;
    text-align: left;
    min-width: 70px;
}

ul#summary li h5 {
    border: 0 none;
    color: #555555;
    float: left;
    font-size: 11px;
    font-weight: 400;
    margin: -3px 0 0;
    padding: 0;
    text-transform: uppercase;
}

ul#summary li span {
    color: #636363;
    display: block;
}

.summary-info span {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    text-transform: none;
}

/* Nestable */
.dd {
    max-width: 100%;
}
.dd-form {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #CFCFCF;
    border-top: 0;
    color: #333333;
    margin: -6px 0 5px 31px; /* this margin should offset the drag handle and pull the box up over the bottom border */
    padding: 6px 10px 8px 8px;
    text-decoration: none;
}

/* Table */
.table-striped2 > tbody > tr:nth-child(4n+0) > td, .table-striped2 > tbody > tr:nth-child(4n+3) > td {
    background-color: #FFF;
}
.table-striped2 > tbody > tr:nth-child(4n+1) > td, .table-striped2 > tbody > tr:nth-child(4n+2) > td {
    background-color: #F9F9F9;
}

.table tr.insert td {
    border: 0;
    border-top-width: 2px;
}

/* Jarvis */
.jarviswidget > header > h2.pull-right {
    margin-right: 10px;
}

.jarviswidget header:first-child .nav-tabs li a {
    border-left: 0;
}

.jarviswidget header:first-child .nav-tabs.pull-right li a {
    border-left: 1px;
}

.jarviswidget-color-blueDark .widget-body .nav-tabs > li > a {
    color: #555555 !important;
}

.jarviswidget-color-blueDark .nav-tabs li:not(.active) .dropdown-menu a {
    color: #333333 !important;
}

.jarviswidget-color-blueDark .nav-tabs .dropdown-menu li a:hover {
    color: #ffffff !important;
}

.jarviswidget-color-blueDark .nav-tabs li:not(.active).dropdown.open > a {
    color: #333333 !important;
}

.widget-toolbar-left {
    float: left;
}

.tab-content .container {
    width: 90%;
}

/* Tree */
.tree li span {
    border: 0;
    border-radius: 0;
}

.tree li.active > span {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #94A0B4;
    color: #000000;
}

.tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #94A0B4;
    color: #000000;
}

.tree li.parent_li > span:hover + ul li:before {
    border-left-color: #2C3742;
}

.tree li.parent_li > span:hover + ul li:after {
    border-top-color: #2C3742;
}

/* Superbox */
@media (min-width: 991px) {
    .superbox-current-img {
        max-width: 50%;
    }
}

.superbox-list {
    text-align: center;
}

.superbox-list.active:after {
    color: #2C3742;
}

.superbox-img {
    width: auto;
    vertical-align: baseline;
}

/* Dropzone */
.dropzone {
    min-height: 225px;
}

/* Header */
#project-context .dropdown-menu {
    max-height: 320px;
    overflow: auto;
}

/* CMS Browsers */
.fa-hover a {
    color: #222222;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}
.fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.fa-hover a:hover {
    background-color: #2C3742;
    color: #FFFFFF;
    text-decoration: none;
}
.fa-hover a:hover .fa, .fa-hover a.selected .fa {
    font-size: 28px;
    vertical-align: -5px;
}
.fa-hover a.selected:before {
    right: 15px;
    top: -5px;
}
.fa-hover a.selected:after {
    right: 14px;
    top: 0;
}

/* Error Page */
.error-text-2 {
	text-align: center;
	font-size: 700%;
	font-weight: bold;
	font-weight: 100;
	color: #333;
	line-height: 1;
	letter-spacing: -.05em;
	background-image: -webkit-linear-gradient(92deg,#333,#ed1c24);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.particle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #ed1c24;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3) 75%,rgba(0,0,0,0));
	box-shadow: inset 0 0 1px 1px rgba(0,0,0,.25);
}
.particle--a {
	-webkit-animation: particle-a 1.4s infinite linear;
	-moz-animation: particle-a 1.4s infinite linear;
	-o-animation: particle-a 1.4s infinite linear;
	animation: particle-a 1.4s infinite linear;
}
.particle--b {
	-webkit-animation: particle-b 1.3s infinite linear;
	-moz-animation: particle-b 1.3s infinite linear;
	-o-animation: particle-b 1.3s infinite linear;
	animation: particle-b 1.3s infinite linear;
	background-color: #00A300;
}
.particle--c {
	-webkit-animation: particle-c 1.5s infinite linear;
	-moz-animation: particle-c 1.5s infinite linear;
	-o-animation: particle-c 1.5s infinite linear;
	animation: particle-c 1.5s infinite linear;
	background-color: #57889C;
}
@-webkit-keyframes particle-a{0%{-webkit-transform:translate3D(-3rem,-3rem,0);z-index:1;-webkit-animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{-webkit-transform:translate3D(4rem,3rem,0);opacity:1;z-index:1;-webkit-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.75rem;height:.75rem;opacity:.5}100%{-webkit-transform:translate3D(-3rem,-3rem,0);z-index:-1}}@-moz-keyframes particle-a{0%{-moz-transform:translate3D(-3rem,-3rem,0);z-index:1;-moz-animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{-moz-transform:translate3D(4rem,3rem,0);opacity:1;z-index:1;-moz-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.75rem;height:.75rem;opacity:.5}100%{-moz-transform:translate3D(-3rem,-3rem,0);z-index:-1}}@-o-keyframes particle-a{0%{-o-transform:translate3D(-3rem,-3rem,0);z-index:1;-o-animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{-o-transform:translate3D(4rem,3rem,0);opacity:1;z-index:1;-o-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.75rem;height:.75rem;opacity:.5}100%{-o-transform:translate3D(-3rem,-3rem,0);z-index:-1}}@keyframes particle-a{0%{transform:translate3D(-3rem,-3rem,0);z-index:1;animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{transform:translate3D(4rem,3rem,0);opacity:1;z-index:1;animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.75rem;height:.75rem;opacity:.5}100%{transform:translate3D(-3rem,-3rem,0);z-index:-1}}@-webkit-keyframes particle-b{0%{-webkit-transform:translate3D(3rem,-3rem,0);z-index:1;-webkit-animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{-webkit-transform:translate3D(-3rem,3.5rem,0);opacity:1;z-index:1;-webkit-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{-webkit-transform:translate3D(3rem,-3rem,0);z-index:-1}}@-moz-keyframes particle-b{0%{-moz-transform:translate3D(3rem,-3rem,0);z-index:1;-moz-animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{-moz-transform:translate3D(-3rem,3.5rem,0);opacity:1;z-index:1;-moz-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{-moz-transform:translate3D(3rem,-3rem,0);z-index:-1}}@-o-keyframes particle-b{0%{-o-transform:translate3D(3rem,-3rem,0);z-index:1;-o-animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{-o-transform:translate3D(-3rem,3.5rem,0);opacity:1;z-index:1;-o-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{-o-transform:translate3D(3rem,-3rem,0);z-index:-1}}@keyframes particle-b{0%{transform:translate3D(3rem,-3rem,0);z-index:1;animation-timing-function:ease-in-out}25%{width:1.5rem;height:1.5rem}50%{transform:translate3D(-3rem,3.5rem,0);opacity:1;z-index:1;animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{transform:translate3D(3rem,-3rem,0);z-index:-1}}@-webkit-keyframes particle-c{0%{-webkit-transform:translate3D(-1rem,-3rem,0);z-index:1;-webkit-animation-timing-function:ease-in-out}25%{width:1.3rem;height:1.3rem}50%{-webkit-transform:translate3D(2rem,2.5rem,0);opacity:1;z-index:1;-webkit-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{-webkit-transform:translate3D(-1rem,-3rem,0);z-index:-1}}@-moz-keyframes particle-c{0%{-moz-transform:translate3D(-1rem,-3rem,0);z-index:1;-moz-animation-timing-function:ease-in-out}25%{width:1.3rem;height:1.3rem}50%{-moz-transform:translate3D(2rem,2.5rem,0);opacity:1;z-index:1;-moz-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{-moz-transform:translate3D(-1rem,-3rem,0);z-index:-1}}@-o-keyframes particle-c{0%{-o-transform:translate3D(-1rem,-3rem,0);z-index:1;-o-animation-timing-function:ease-in-out}25%{width:1.3rem;height:1.3rem}50%{-o-transform:translate3D(2rem,2.5rem,0);opacity:1;z-index:1;-o-animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{-o-transform:translate3D(-1rem,-3rem,0);z-index:-1}}@keyframes particle-c{0%{transform:translate3D(-1rem,-3rem,0);z-index:1;animation-timing-function:ease-in-out}25%{width:1.3rem;height:1.3rem}50%{transform:translate3D(2rem,2.5rem,0);opacity:1;z-index:1;animation-timing-function:ease-in-out}55%{z-index:-1}75%{width:.5rem;height:.5rem;opacity:.5}100%{transform:translate3D(-1rem,-3rem,0);z-index:-1}}

.scroll-table {
    overflow-y: scroll;
}

    .scroll-table table thead {
        position: sticky;
        top: 0;
    }

        .scroll-table table thead tr th {
            background-color: #eee;
            border-top: 2px solid rgb(221, 221, 221) !important;
        }


/* Responsive Tables */
@media only screen and (max-width: 800px) 
{
    /* Force table to not be like tables anymore */
    .table-responsive,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive th,
    .table-responsive td,
    .table-responsive tr {
        display: block;
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    .table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    .table-responsive tr { border: 1px solid #ccc; }
 
    .table-responsive td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left !important;
        width: auto !important;
    }
    
    .table-responsive td.table-responsive-wrap {
        padding-left: 0;       
    }
    
    .table-responsive .btn.btn-info.add-on {
        display: none;
    }
    
    .table-responsive .input-append, .table-responsive .input-prepend {
        font-size: inherit !important;
    }
 
    .table-responsive td:before {
        /* Now like a table header */
        position: absolute;
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        content: attr(data-title);
    }
    
    .table-responsive td.table-responsive-wrap:before {
        position: relative;
        width: 100%;
        content: attr(data-title);
    }
    
    .table-responsive td.center { text-align: left !important;}
    .table-responsive td.right { text-align: left;}
 
    .table-responsive td > div 
    {
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        display: block;
    }
    
    .table-responsive td.table-responsive-wrap > div {
        padding-left: 0;
    }
    
    .table-responsive input[type='text'], 
    .table-responsive input[type='password'],
    .table-responsive input[type='datetime'],
    .table-responsive input[type='datetime-local'],
    .table-responsive input[type='date'],
    .table-responsive input[type='month'],
    .table-responsive input[type='time'],
    .table-responsive input[type='week'],
    .table-responsive input[type='number'],
    .table-responsive input[type='email'],
    .table-responsive input[type='url'],
    .table-responsive input[type='search'],
    .table-responsive input[type='tel'],
    .table-responsive input[type='color'],
    .table-responsive select 
    {
        width: 90%;
    }
}

.sortable li { cursor: move;}

tr.collapse.in {
    display: table-row;
}
dd.wrap-text {
    word-break: break-word;
}