/*
 * 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.
 */
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
/*.smart-form {
    .input {
        input {
            padding: 4px 10px !important;
        }
    }
}*/
/* SmartForm Bootstrap Validation */
#extr-page h4.paragraph-header {
  width: auto;
}
#extr-page .smart-form .alert {
  margin: 4px;
}
#extr-page .smart-form .alert li {
  margin-left: 14px;
  list-style: none;
}
#extr-page .smart-form .alert li:before {
  content: "\f071";
  font-family: FontAwesome;
  position: absolute;
  left: 14px;
}
#extr-page .smart-form div + fieldset {
  padding-top: 15px;
}


.smart-style-5.menu-on-top nav ul .active>a,
.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover>a,
.smart-style-5 #ribbon .breadcrumb li:last-child, .smart-style-5 #ribbon .breadcrumb>.active, .smart-style-5 .open .project-selector,
.smart-style-5 .menu-on-top nav ul ul ul li a:hover, .smart-style-5.menu-on-top nav ul ul li a:hover, .smart-style-5.menu-on-top nav ul ul ul li a:hover,
.smart-style-5 a:focus, .smart-style-5 a:hover{
    color: #009999 !important;
}

.menu-on-top #logout {
    display: block !important;
}

.smart-style-5 input[placeholder],
.smart-style-5 ::-webkit-input-placeholder,
.smart-style-5 ::-moz-input-placeholder {
    color: #ccc;
}

.tt-suggestion {
    color: #000;
}
.tt-hint {
    border-color: transparent !important;
    background-color: transparent !important;
}
.tt-query {
    background-color: rgba(255, 255, 255, 0.2) !important;
}
.twitter-typeahead * {
    font-size: 9pt !important;
}
.desvinculated {
    color: red !important;
    font-weight: bold  !important;
}    
.dataTables_wrapper {
    /*overflow: auto !important;*/
}
table td .subtitle,
table td .subtitle-divider {
    font-size: 8pt;
    color: #999;
    padding-right: 5px;
}
table td .subtitle-divider {
    /*border-bottom: 1px solid #aaa;*/
    display: block;
    width: 100%;
}
.smart-style-5 table tr td a.edichot.editable.editable-click.editable-empty
{
    border: none;
    color: #009999;
}
.smart-style-5 table tr td .editable-click, .smart-style-5 a.editable-click, .smart-style-5 a.editable-click:hover {
    border-bottom: 1px dashed #009999;
}

.smart-style-5 article.widget-scrolling-dark,
.smart-style-5 article.widget-scrolling-dark > .jarviswidget,
.smart-style-5 article.widget-scrolling-dark > .jarviswidget > div
{
    background-color: transparent !important;
    border-color: transparent !important; 
}
.smart-style-5 article.widget-scrolling-dark > .jarviswidget table.dataTable {
     background-color: rgba(0,0,0,0.5);
}
#sparks {
 margin-bottom:10px;   
}
#example_length {
    display: none;
}

.smart-style-5 .PreFiltersWidget .jarviswidget > div[role="content"]{
  background-color: rgba(0, 0, 0, 0.952941) !important;
}

@media (max-width: 880px){
    /*.dataTables_wrapper { overflow: auto !important;}*/
    #sparks{ text-align: center;}
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.page-title {
        display: block;
    }
}
@media (max-width: 319px) {
    #sparks .sparkline { display: none;}
}

.box-container{
    display: block;
    width: 80px;
    text-align: center;
}
.box-container i{
    font-size: 20pt;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}
.box-container span{
    font-size: 10pt;
    margin-top: 5px;
    display: block;
}
.form-inline.editableform2 {
    min-width: 450px;
}

.extra-large .popover.editable-popup {
    width: 480px !important;
}
table.table-details td .subtitle {
    width: 170px;
    display: inline-block;
    color:#cccccc
}

.dataTable tbody .shown .details-control:before
{ color: #999;}

.box-container.xs i {
    font-size: 16pt;
}
.box-container.progress-container {
    text-align: left;
    width: 100%;
    padding-top: 7px;
}
.box-container.progress-container .progress {
    margin: 0 auto 0 auto;
    min-width: 150px;
}
.box-container.progress-container .progress[data-progressbar-value="100"]:after  {
    content: "%";
    left: 20px;
    color: #fff;

}

.box-container.progress-container span{
    text-align: left;
    margin-top: 2px;
}

.smart-style-5 .dataTables_scrollHead
{ top: -7px;}
.smart-style-5 .dataTables_scrollBody
{ margin-top: -10px;
    overflow-y: hidden !important; 
}
.smart-style-5 .dataTables_scrollBody .table thead tr.filter-extended {
  background-color: rgba(0,0,0,.13);
}


.w50{ width: 50px;}
.w80{ width: 80px;}
.w100{ width: 100px;}
.w120{ width: 120px;}
.w150{ width: 150px;}
.w180{ width: 180px;}
.w200{ width: 200px;}
.w220{ width: 220px;}
.w250{ width: 250px;}
.w280{ width: 280px;}
.w360{ width: 360px;}

.wm50{ min-width: 50px;}
.wm80{ min-width: 80px;}
.wm100{ min-width: 100px;}
.wm120{ min-width: 120px;}
.wm150{ min-width: 150px;}
.wm180{ min-width: 180px;}
.wm200{ min-width: 200px;}
.wm220{ min-width: 220px;}
.wm250{ min-width: 250px;}
.wm280{ min-width: 280px;}
.wm360{ min-width: 360px;}

.tright{ text-align: right;}
.tcenter{ text-align: center;}
.tleft{ text-align: left;}

.dataTable .filter-extended input {
    padding: 5px;
    font-size: 10pt;
    height: 22px;
    font-family: Arial, FontAwesome;
}
.dataTable .filter-extended .th-filter-icon {
    position: relative;
    left: 5px;
}
.dataTable input[type=search] { margin-left: 5px; }
.dataTable, .dataTable td {font-size: 8pt;}
.dataTable th { vertical-align: middle; }
.dataTable td {vertical-align: middle;}
.box-container span { font-size: 8pt; }

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     z-index: 1;
}


.PreFiltersWidgetWithButton {
    margin: 0;
    padding: 6px 5px;
    position: absolute;
    width: auto;
    z-index: 2;
    right: 15px;
    height: 45px;
    text-align:center;
}
.PreFiltersWidgetWithButton .PreFilterBtn,
.PreFiltersWidgetWithButton .jarviswidget {
    display: block;
    float: right;
}

.PreFiltersWidgetWithButton .PreFilterBtn {
    width: 120px;
    padding: 8px;
    height: 34px;
    font-size: 9pt;
    margin-right: 5px;
    color: #ddd;
}
.PreFiltersWidgetWithButton .jarviswidget {
    width: 380px;
}
.PreFiltersWidgetWithButton .PreFilterBtn i {
    margin-right: 7px;
}
.smart-style-5 .PreFiltersWidgetWithButton .jarviswidget {
    background-color: rgba(0, 0, 0, 0.398039);  
}
.smart-style-5 .PreFiltersWidgetWithButton .jarviswidget > div[role="content"] {
    background-color: #111 !important;
}
.PreFiltersWidgetWithButton .jarviswidget header .title-widget {
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
    height: 20px;
    display: block;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 13pt;
    top: 8px;
    font-size: 8pt !important;
    width: auto;
}
.smart-style-5 .PreFiltersWidgetWithButton .jarviswidget .widget-icon
{ color: #ddd;}
.smart-style-5 .PreFiltersWidgetWithButton .jarviswidget .title-widget
{ color: #ddd;}

@media (max-width: 780px)
{
    .PreFiltersWidgetWithButton 
    {
        position: static;
        width: 100%;
        height: auto;
        border: 1px solid rgba(255,255,225,.35);
        background-color: rgba(0,0,0,.43);
        padding: 4px 5px;
       
    }
    .PreFiltersWidgetWithButton .jarviswidget {
        width: 100%;
        background-color: rgba(50,50,50,1);
        float: none;
        margin: 0;
        
    }
    .PreFiltersWidgetWithButton .PreFilterBtn {
        width: 100%;
        float: none;
        position: relative;
        margin: 3px 0 0 0;
        
    }
    .PreFiltersWidgetWithButton .jarviswidget .jarviswidget-ctrls {
        position: absolute;
        right: 0;
        z-index: 10;
    }
    .PreFiltersWidgetWithButton .jarviswidget header .title-widget {
        position: absolute;
        right: 0;
        z-index: 10;
        width: 100%;
        text-align: center;
        position: absolute;
        z-index:2;
        float: none;
    }
}





.PreFiltersWidget 
{
    position: absolute;width: 99.95%;
}
.PreFiltersWidget .jarviswidget {
    position: absolute;top: 6px;z-index: 2;right: 21px; 
}
.smart-style-5 .PreFiltersWidget .jarviswidget {
    background-color: rgba(0, 0, 0, 0.398039);  
}
.PreFiltersWidget .jarviswidget header .title-widget {
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
    height: 20px;
    display: block;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 13pt;
    top: 8px;
    font-size: 8pt !important;
}
.smart-style-5 .PreFiltersWidget .jarviswidget .widget-icon
{ color: #ddd;}
.smart-style-5 .PreFiltersWidget .jarviswidget .title-widget
{ color: #ddd;}

.topLeftActionButton .doSubmit.btn-labeled {
    margin-bottom: 10px;
}

#prefilter-button{
    padding: 6px 20px;
    background: #005567;
    border-color: #007a94;

}
#prefilter-modal .modal-content {
    background: #33717d;
}
.modal.in .modal-dialog,
#prefilter-modal .modal.in .modal-dialog {
    z-index:1050 !important;
}
#ui-datepicker-div {
    z-index:1051 !important;
    background: rgb(4, 39, 39)!important;
}


.wellcito {
        margin: 2px 0 8px 2px;
background: #004c5d;
border: 1px solid #004554;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12) !important;
padding: 15px 5px 0px;
}

.modal-content.style-2 {
background:#004352;
}
.smart-style-5 .bootstrap-tagsinput > span, .smart-style-5 .btn-primary, .smart-style-5 .btn-primary.active, .smart-style-5 .btn-primary:active, .smart-style-5 .btn-primary:focus, .smart-style-5 .btn-primary:hover, .smart-style-5 .open > .dropdown-toggle.btn-primary, .smart-style-5 .select2-container-multi .select2-choices .select2-search-choice {
    border-color: #003642;
    background: #005e73;
}
@media( min-width: 1200px ) {
    .pl-0-lg {
        padding-left:0;
    }
}

@media (max-width: 979px) and (min-width: 768px)
{
    .PreFiltersWidget .jarviswidget header .title-widget {
        width: auto;
    }
}
@media (max-width: 780px) {
    .topLeftActionButton .doSubmit.btn-labeled {
        margin-bottom: 10px;
        width: 100%;
        padding: 10px;
    }
    .topLeftActionButton .doSubmit.btn-labeled .btn-label{
        position: absolute;
        left: 14px;
        margin-top: -11px;
        padding-top: 10px;
        height: 39px;
    }
    #sparks {
        margin-bottom: 30px;
    }
    #prefilter-button{
        max-width: 100%;
        height: auto;
        width: 100%;
    }
     #prefilter-button span{
        display:block;
    }
     #prefilter-button i{
        display:none;
    }

}
@media (max-width: 767px)
{
    .PreFiltersWidget 
    {
        position: static;width: inherit;
    }
    .PreFiltersWidget .jarviswidget {
        position: static;
        margin-bottom: 5px;
    }

}




.smart-style-5 ::-webkit-scrollbar {
    width: 12px;
}
.smart-style-5 ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.3);
    border-left: 1px solid rgba(0,0,0,0.3);
}
.smart-style-5 ::-webkit-scrollbar-thumb 
{
    background-color:  rgba(0,99,99,0.5);
    border: 1px solid rgba(0,99,99,0.9);
}
.smart-style-5 ::-webkit-scrollbar-thumb:hover 
{
    background-color:  rgba(0,50,50,0.5);
    border: 1px solid rgba(0,50,50,0.9);
}

 table.dataTableWithCommand tbody tr td form {
     /*display: inline-block;*/
     display: block;
 }
 /*table.dataTableWithCommand tbody tr td form a {
      width: 80px;
      margin-bottom: 5px;
     vertical-align: top;
 }*/
  table.dataTableWithCommand tbody tr td .btn {
    /*width: 80px;*/
    /*margin-bottom: 5px;*/
    vertical-align: top;
    width: auto;
    min-width: 120px;
      
    padding: 5px 10px;
      display: block;
      margin: 0 auto 5px auto;
 }
.select2-hidden-accessible
{ display: none;}

.dataTable .table-condensed.table>tbody>tr>td.obs,
.dataTable .table-condensed.table>tbody>tr>td.obs-2,
.dataTable .table-condensed.table>tbody>tr>td.track,
.dataTable .table-condensed.table>tbody>tr>td.transit,
.dataTable .table-condensed.table>tbody>tr>td.plus{
    padding-left: 20px !important;
}

.dataTable .table-condensed.table > tbody > tr > td.obs
{
    background-color: rgba(0, 100, 150, 0.3);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.dataTable .table-condensed.table > tbody > tr > td.obs-2
{
    background-color: rgba(0, 200, 150, 0.3);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.dataTable .table-condensed.table>tbody>tr>td.obs:hover{
    
    background-color: rgba(0, 100, 150, 0.5);
}
.dataTable .table-condensed.table > tbody > tr > td.obs-2:hover
{
    background-color: rgba(0, 200, 150, 0.3);
}
.dataTable .table-condensed.table>tbody>tr>td.track{
    
    background-color: rgba(50,150,100,0.3);
}
.dataTable .table-condensed.table>tbody>tr>td.track:hover{
    
    background-color: rgba(50,150,100,0.5);
}

.dataTable .table-condensed.table>tbody>tr>td.transit{
    background-color: rgba(0,50,25,0.3);
}
.dataTable .table-condensed.table>tbody>tr>td.transit:hover{
    background-color: rgba(0,50,25,0.5);
}

.dataTable .table-condensed.table>tbody>tr>td.plus{
    background-color: rgba(0,50,50,0.3);
}
.dataTable .table-condensed.table>tbody>tr>td.plus:hover{
    background-color: rgba(0,50,50,0.5);
}

.menu-on-top .menu-item-parent {
     max-width: 95px;
}
.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background-color: rgb(0, 153, 153);
}

.bootstrapWizard li .title {
     z-index: 2;
}
.MessageBoxMiddle .MsgTitle .fa {
    margin-right: 5px;
}
.box-1 h3 {
    /*height: 35px;*/
    text-align: center;
    font-size: 40px;
    margin: 0px 0 0px 0;
}
    .box-1 h3 > i {
        display:none;
    }
    .box-1 h3 .variation {
        display: inline-block;
        text-align: center;
        width: auto;
        vertical-align: top;
        margin-top: 8px;
        font-size: 20px;
    }

.box-1 h3.xs span {
    font-size: 26px;
}
    .box-1 h3.xs .variation {
        font-size: 15px;
        margin-top: 19px;
        display:block;
    }

.box-1 .label1 {
    font-size: 15px;
    color: #eee;
    display: block;
}

.box-1 .label2 {
    font-size: 13px;
    color: #ddd;
    display: block;
}
.title1 {
    float: left;
    margin: 0 0 0 10px;
    font-weight: bold;
}

.dataTables_filter .input-group-addon + .form-control {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.dataTable .input-group-addon:first-child,
.dataTables_filter .input-group-addon
{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;  
}

.dataTable .filter-extended input
{
    border-radius: 4px !important;
}

.msg-cloud-left, .msg-cloud-right {
    display: block;
}
.msg-cloud-left {
    padding-left: 100px;
}
.msg-cloud-right {
    padding-right: 100px;
}
.msg-cloud-left p,
.msg-cloud-right p {
    padding: 15px 25px;
    border: 1px solid rgba(0, 0, 0, 0.01);
    display: inline-block;
}
.msg-cloud-left p,
.msg-cloud-left i{
    float: left;
}
.msg-cloud-right p,
.msg-cloud-right i{
    float: right;
}
.msg-cloud-left p{
    -webkit-border-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 4px;
    border-bottom-left-radius: 0;
}
.msg-cloud-right p{
    -webkit-border-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-bottomright: 0;
    border-radius: 4px;
    border-bottom-right-radius: 0;
}
.msg-cloud-left i{
    margin-left: -75px;
}
.msg-cloud-right i{
    margin-right: -75px;
}

@media only screen and (min-width: 770px){
.header-search.pull-right {
    width: 220px;
}
.header-search.pull-right #search-fld {
    font-size: 7pt;
}
}
@media only screen and (max-width: 880px) and (min-width: 770px){
.header-search.pull-right #search-fld {
    padding: 19px;
    margin-top: 5px;
    }
}

#search-project-selector button.dropdown-toggle span.caret {
    margin-left: 5px !important;
}
#search-project-selector li a i.fa-check {
    margin-right: 5px !important;
}
.table-striped>tbody>tr > td, 
.table-striped>tbody>tr > th {
    vertical-align: middle
}
.dataTables_wrapper.hiddenFooter .dt-toolbar-footer {
    display: none;
}
.dashboards .box-1 h3 {
    font-size: 25px;
}

.dashboards .box-1 span,
.dashboards .box-2 span {
    font-size: 12px;
}

.dashboards .box-2 span {
    padding-bottom: 10px;
    display: block;
}

.dashboards h2.well {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}
h2.subtitle-dash {
        background-color: rgba(0,0,0,0.1);
    padding: 10px 20px;
    margin: 5px 0 20px;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    border-left: 2px solid rgba(0,0,0,0.1);
}
h2.subtitle-dash i {
    color: rgba(0,0,0,0.05);
    margin-right: 5px;
}


.smart-style-5  .table-hover tbody tr {
    background-color: rgba(0,0,0,0.35);
}
.smart-style-5  .table-hover tbody tr.odd {
    background-color: rgba(0,0,0,0.2);
}
.smart-style-5 #inbox-table tbody tr:hover, 
.smart-style-5 .table-hover>tbody>tr:hover>td {
   background: rgba(0,0,0,.5);
}
.smart-style-5 {
        background-image: none;
    background-color: #005567;
}


@media (max-width: 769px) {
    .box-1 h3 {
        line-height:1;
        margin-top:10px;
        margin-bottom:10px;
    }
    .box-1 h3 span.xs {
        display: block;
    }
    .box-1 h3 .variation {
        margin:10px 0 0 0;
    }
}
.comment-cell {
    font-size: 14px;
    line-height: 23px;
    font-weight: 100;
    letter-spacing: 0.7px;
}