body {
    font-family: 'Open Sans','Arial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.sidebar-menu .treeview-menu>li>a {
    font-size: 12px;
}
.form-control, .btn {    
    font-size: 13px;
}

.clear { clear: both; }
.content { min-height: 20px; }
.micro-content { margin: 3px;}
.alert { margin-bottom: 10px; }
.no-border-left { border-left: none !important; }
.no-border-top { border-top: none !important; }
.modal-header .close { margin-top: -18px; font-size: 50px; }
.sidebar-collapse .user-panel img { display: none; }

.login-page .wrapper, .register-page .wrapper {    
    /* background: #3c8dbc !important; */
    height: 100vh;
}
.login-logo, .register-logo, .login-logo a, .register-logo a { color: #FFF;}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #f2662b !important; 
}
.margin-bottom { margin-bottom: 20px; }
.margin-top { margin-top: 20px; }
.table-buttons-cell, .no-wrap { white-space: nowrap; }
.pointer { cursor: pointer; }
.fullwidth-modal .modal-dialog { width: 98%; /* max-width: 1500px; */ }
.inside-modal-wrapper { position: relative; width: 600px; margin: auto;}
.input-block { width: 100%; }
.clear.with-border {
    border-bottom: 1px solid #f4f4f4;
    margin: 0px 0px 20px;
}
.with-border-bottom {
    border-bottom: 1px solid #f4f4f4;
}
.with-border-top {
    border-top: 1px solid #f4f4f4;
}
.padding-top { padding-top: 10px; }
.padding-bottom { padding-bottom: 10px; }
.box-filtros { font-size: 12px; }
.box-filtros .col-md-1, .box-filtros .col-md-2, .box-filtros .col-md-3, .box-filtros .col-md-4, .box-filtros .col-md-5, .box-filtros .col-md-6, .box-filtros .col-md-7, .box-filtros .col-md-8, .box-filtros .col-md-9, .box-filtros .col-md-10, .box-filtros .col-md-11, .box-filtros .col-md-12 { padding: 0px 5px;}
.box-filtros .form-control, .fill-inspection .form-control { padding: 4px; font-size: 12px; height: 30px; }
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {   
    padding: 4px;
    height: 30px;
}
.box-filtros .input-group-addon {
    padding: 4px 8px;
    font-size: 12px;
}
.fill-inspection-icon { color: #7D7D7D; font-size: 25px !important; line-height: 30px; vertical-align: middle; text-align: center }
.fill-inspection-icon .has-docs { color: #00a65a; }
.fill-inspection-icon .has-not-docs { color: #D7D7D7; }
.fill-inspection-check { font-size: 30px !important; color: #2489C5 !important; cursor: pointer }

.action-button { font-size: 20px; padding-right: 0px }
.status-0 { color: #dd4b39; }
.status-1 { color: #00a65a; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 5px; }
.table-buttons-cell { padding: 4px !important; text-align: center; }
.dataTables_scroll { margin-bottom: 15px; }
.pagination>li>a, .pagination>li>span { padding: 3px 8px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;    
    background-color: #D5D8DA;
    border-color: #D5D8DA;
}
.search-inline { padding: 5px; }


/* INSPECCIONES PLANEADAS */
.inspection-number { font-size: 16px; font-weight: bold;}
.inspection-template-holder { border: 3px dashed #f0f0f0; padding: 10px 5px 10px 10px; }
#months-container { border: 3px dashed #f0f0f0; padding: 10px; min-height: 150px; }
.inspection-template-holder .alert, #inspection-template-messages .alert { margin-bottom: 10px; }
.alert-sections {
    background-color: #1396d1 !important; color: #FFFFFF;
}
.alert-questions {
    background-color: #f0f0f0 !important;
}
.alert-months {
    background-color: #f0f0f0 !important;
    color: #FFFFFF;
    width: 23%;
    float: left;
    margin: 5px;
}
.months-selectable { cursor: pointer; }
.months-closed { background-color: #EEE !important; color: #555 !important }
.months-disabled { background-color: #CCC !important; }
.months-selected { background-color: #1396d1 !important; }
.text-default { color: #D7D7D7 !important; }
.modal-loading { min-height: 50vh;}
.modal-loading > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-loading .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.draggable { cursor: pointer; }
body > .draggable {
  width: 200px;
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);  
  border-width: 1px;
  border-style: solid;
  border-color: #ccc !important;
  background-color: #fafafa !important;
  color: #bbb !important;
  cursor: pointer;
}
.box-filtros .select2-container {    
    /* width: 100% !important; */
}
#inspection-table, #inspection-table tr > th { border: none; }
.inspection-table-values { text-align: center; vertical-align: middle; border: 1px solid #010101 !important; background-color: #f0f0f0 !important; color: #010101 !important; }
.inspection-table-header { text-align: center; vertical-align: middle; border: 1px solid #010101 !important; background-color: #1396d1 !important; color: #FFF !important; }
.inspection-table-info { font-weight: normal; }
tr.inspection-section-row > td {
    text-align: center;
    background-color: #1396d1; color: #FFF;
    font-weight: normal;
    border: 1px solid #010101 !important;
    font-size: 18px;
}
tr.inspection-question-row > td{    
    vertical-align: middle;
    background-color: #fafafa !important; color: #010101 !important;
    font-weight: normal;
    border: 1px solid #010101 !important;    
}
tr.inspection-detail-row > td {    
    background-color: #F5F5F5; color: #555;
    font-weight: normal;
    border: 1px solid #010101 !important;    
}
.inspection-detail { padding: 15px 0px; }
.tooltip-inner, .popover-content, .popover {
    max-width: 350px;    
}
.custom-tooltip-content { border-bottom: 1px solid #DFDFDF; margin-bottom: 15px; padding-bottom: 15px; }
.tooltip-inner img, .popover-content img { max-width: 300px; height: auto; margin: 10px 0px }
.icon-bigfont { font-size: 150%; vertical-align: middle; }
.icon-disabled { color: #d7d7d7; }
.single-row { padding: 10px }
.inspection-detail .overlay { text-align: center; font-size: 30px; }
.one-measure { margin-bottom: 15px; }
.one-measure input { height: 30px !important; }
.employee-disabled { text-decoration: line-through; }
/* UPLOADER */
#drop-box{	
    border: 2px dashed #d7d7d7;
    cursor: pointer;
    margin: 20px auto;
    position: relative;
    height: 100px;
    text-align: center;
    width: 100%;
}

#drop-box p{
	width: 90%;
	display: block;	
	margin: 3.3rem auto;
}

#drop-box:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 2px dashed rgb(255,255,255);
  background-color: rgb(14, 56, 119);
}

#upl{
	display: none;
}
.dataTables_processing{     
    background: #3C8DBC !important; color: #FFF !important; background-image: none !important; opacity: 0.8 !important; z-index: 999; 
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    margin-left: 0px  !important;
    margin-top: 0px  !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
.tablebox { position: relative; }

.datepicker.dropdown-menu { z-index: 999999 !important; }
.big-sign-button { font-size: 40px; }
.bootbox-confirm .btn-primary { background: #F4F4F4; border-color: #ddd; color: #444; }
.bootbox-confirm .btn-default { background: #3c8dbc; border-color: #367fa9; color: #FFF; }
.dashed-box {	
    border: 2px dashed #d7d7d7;        
    padding: 5px;
}
#homepage .widget-user .widget-user-header { height: 35vh; }
#inspection-date .right .direct-chat-text {
    margin-right: 0px;
    font-size: 15px;
}
#mmcc_linkables .info-box { background: #F5F5F5; cursor: pointer }
#mmcc_linkables .info-box-icon { font-size: 25px; }
#mmcc_linkables .info-box-text { font-size: 11px;}
#mmcc_linkables .info-box-number { font-weight: normal; font-size: 14px; }

th.rotate {
  /* Something you can count on */
  height: 240px;
  font-size: 12px;
  white-space: nowrap;
  text-align: left;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(-2px, 0px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 15px;
}
th.rotate > div > span {  
  padding: 0px 0px;
}

table.dataTable.table-condensed thead > tr > th.sorting_disabled {
    padding-right: 0px !important;
}
.text-no-aplica {
    color: #777;
}
.text-no-respondida {
    color: #BDBDBD;
}
.text-white {
    color: #FFF;
}
.text-empty {
    color: transparent;
}
.reports-maincolumn { width: 500px; }

.one-month-table.DTFC_Cloned { width: 500px; }

.select2-wraptext .select2-selection__choice { white-space: normal !important; }

.fill-table-input {
    
}

.mailbox-attachment-icon.has-img {
    padding: 0;
    min-height: 150px;
}

#addMeasurementIcon { line-height: 40px; font-size: 40px; padding: 10px; }

@media (max-width: 1400px) {
    .tablet-friendly .content-wrapper { 
        font-size: 20px;
    }
    .tablet-friendly h3 { 
        font-size: 25px;
    }    
    .tablet-friendly .select2-container--default .select2-selection--single .select2-selection__rendered {    
        line-height: 38px;
    }
    .tablet-friendly .select2-container--default .select2-selection--single, #tablet-friendly .select2-selection .select2-selection--single {
        height: 40px;
    }
    .tablet-friendly .select2-selection__placeholder {
        font-size: 20px;
    }
    .tablet-friendly .form-control {        
        height: 40px;
        font-size: 20px;
    }
    .tablet-friendly .select2-results {        
        font-size: 20px !important;
    }
    .tablet-friendly .btn {
        padding: 10px 15px;
        font-size: 20px;
    }
    .tablet-friendly .datepicker.dropdown-menu {
        font-size: 20px;
    }
    .tablet-friendly .action-button {
        font-size: 30px;        
        margin: 4px;
    }        
    #addMeasurementIcon { line-height: 50px; }
}

.boxInner { background: #eeeeee !important; }

/* jquery paDialog */
.ui-dialog { z-index: 999999999; }
.ui-widget-overlay { z-index: 99999999; opacity: 0.5 !important; background: #000 !important; 
    height: 200%; }
.paDialog {
    width: 400px !important;
    /* border: 1px solid #000 !important; */
    border: none !important;
}
.paDialog .ui-dialog-titlebar {    
    /* border-bottom: 1px solid #000; */
    border: none !important;
    padding: .6em 1em .6em 1em !important;
    font-weight: normal;
    font-size: 1.1em;
    color: #ffffff;
    background-color: #3c8dbc;
}
.paDialog .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}
.paDialog .ui-dialog-buttonpane {
    border-top: 1px solid #f4f4f4 !important;
    padding: 10px;
    background-color: #ffffff;
}
.paDialog .ui-button-text-only {    
    padding: 3px;
    font-size: 18px;
    border-radius: 4px;
    border-width: 1px !important;
    font-weight: normal !important;
}
.paDialog .ui-button-text-only.ui-state-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;    
}
.paDialog .ui-button-text-only.ui-state-hover {
    background-color: #3c8dbc;
    color: #FFF;
    border-color: #367fa9;    
}
.ui-button-icon-only .ui-icon {
    left: 0% !important;
    top: 0% !important;
}
.ui-dialog-titlebar-close.ui-state-default {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 28px;
    height: 28px;
}

 
ul.list-on-tooltip {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
ul.list-on-tooltip li {
  font: 200 18px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}
 
ul.list-on-tooltip li:last-child {
  border: none;
}
 
ul.list-on-tooltip li a {
  text-decoration: none;
  /* color: #000; */
  display: block;
  min-width: 200px;
 
/*  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;*/
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
 
ul.list-on-tooltip li a:hover {
/*  font-size: 30px;*/
  background: #f6f6f6;
}

.has-slider .tooltip.top {
    padding: 5px 0;
    margin-top: -35px;
}
.has-slider .margin-bottom { margin-bottom: 35px; }
#photoFrame img { width: 100%; height: auto; }

.bootstrap-timepicker-hour, .bootstrap-timepicker-minute, .bootstrap-timepicker-second {
    padding: 10px 0px !important;
    font-size: 15px !important;
    margin-right: 0px !important;
}
.bootstrap-timepicker-widget table td input { width: 100% !important; }

.small-box h3 {
    font-size: 20px !important;
    font-weight: normal !important; 
    margin: 0px !important;
    
}
.small-box .icon {
    font-size: 50px;
}

.numberCircle {
    border-radius: 50%;
    width: 29px;
    height: 25px;
    padding: 4px 6px;
    background: #00aeef;
    /* border: 2px solid #666; */
    color: #FFF;
    text-align: center;
    font: 11px Arial, sans-serif;
    font-weight: bold;
}

.numberCircle-green {
    background: #00a65a;
}
.numberCircle-blue {
    background: #337ab7; 
}
.numberCircle-red {
    background: #dd4b39;
}
.numberCircle-0 { opacity: 0.2; }
.numberCircle-1 { opacity: 0.4; }
.numberCircle-2 { opacity: 0.6; }
.numberCircle-3 { opacity: 0.8; }
.numberCircle-4 { opacity: 1; }

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inpufileLabel { 
    width: 100%;
    font-size: inherit;
    margin-bottom: 0px;
    font-weight: inherit;
    cursor: pointer;
}

.specialModal {
    width: 100% !important;
    margin: 0 !important;
    
}
.specialModal .modal-content { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;  }

.wysiwyg-color-black {
  color: black !important;
}

.wysiwyg-color-silver {
  color: silver !important;
}

.wysiwyg-color-gray {
  color: gray !important;
}

.wysiwyg-color-maroon {
  color: maroon !important;
}

.wysiwyg-color-red {
  color: red !important;
}

.wysiwyg-color-purple {
  color: purple !important;
}

.wysiwyg-color-green {
  color: green !important;
}

.wysiwyg-color-olive {
  color: olive !important;
}

.wysiwyg-color-navy {
  color: navy !important;
}

.wysiwyg-color-blue {
  color: blue !important;
}

.wysiwyg-color-orange {
  color: orange !important;
}

.form-group { margin-bottom: 10px; }

.content .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {   
    padding: 6px 8px;
    height: 34px;
}
.modal-content .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {   
    padding: 6px 8px;
    height: 34px;
}
.box-filtros .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {   
    padding: 4px 8px;
    height: 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 1px 10px 1px 5px !important; 
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {        
    border-radius: 1px !important;
    margin-right: 3px !important;    
}
.select2-container .select2-selection--multiple {    
    min-height: 30px !important;
}

.isMenu:hover, .isMenuActive { background-color: #bdbdbd !important; color: #FFF !important; }

.excel-like { padding: 0px !important; }

.imputation-date { 
    background: #ecf0f5;
    padding: 5px !important;
    text-align: center;
    vertical-align: middle !important;
    white-space: nowrap;
}
.imputation-date span {
    display: block;
    font-size: 26px;
    line-height: 25px;
    text-transform: uppercase;
    color: #717171;
}
.imputation-date b {
    display: block; font-size: 11px;
    color: #717171;
}
#imputation-progress .progress-text  {
    font-size: 12px;
}
#imputation-progress .progress-number  {
    font-size: 12px;
    padding-right: 5px;
}
#imputation-progress .progress {
    margin-top: 0px !important;
}
#imputation-progress .no-padding { border-right: 1px solid #FFF; }

/* FOR MOBILE */
@media (max-width: 485px) {
    
    #imputation-progress .progress-text  { display: none; } 
    
    .creationStep {
        display: block;    
        height: auto;    
        border-right: none !important;
        text-align: left;        
        width: 100%;
    }

    .fullwidth-modal .modal-dialog { width: inherit; }
    
    
}
/* FOR TABLET */
@media (max-width: 995px) {
    
    .creationStep {
        display: block;    
        height: auto;    
        border-right: none !important;
        text-align: left;        
        width: 100%;
    }
    
    
}

.progress-bar-gray, .progress-bar-default {
    background-color: #b1b1b1;
}
.progress-bar-purple {
    background-color: #605ca8 !important;
}

.sidebar-image { max-width: 215px; height: auto; }

.progress-disabled { opacity: 0.3; }
.editable-empty, .editable-empty:hover, .editable-empty:focus { color: #605ca8 !important; }

.creationStep {
    display: table;    
    height: 80px;    
    border-right: 1px dashed #d7d7d7;
    text-align: center;
    text-transform: uppercase;
}
.creationStepContent { 
    display: table-cell;
    height: 100%;
    margin-right: 2px;    
    vertical-align: middle;    
}
.creationStepContent.stepDefault {
    border-bottom: 4px solid #cecece;
}
.creationStepContent.stepCurrent {
    border-bottom: 4px solid #FFC414;
}
.creationStepContent.stepCompleted {
    border-bottom: 4px solid #00a65a;
}

.creationStep:last-child {
    border-right: none;
}

.dataTable tr.selected { background-color: #FFE495 !important; }


.checkbox.inCell { margin-top: 5px !important; margin-bottom: 5px !important; }

.summary-box h4 {
    font-weight: bold !important;
    font-size: 24px !important;
    margin-bottom: 30px !important;
}
.summary-box .small-box .icon {
    top: 0px !important;
}

#mobile-imputations-wrapper .progress { 
    margin-bottom: 0px; 
    height: 28px;
}
#mobile-imputations-wrapper .progress-bar { 
    font-size: 17px;
    line-height: 25px;
}
#mobile-imputations-wrapper .project-item {    
    padding: 11px 0px;
    margin-bottom: 1px;
    line-height: 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}
#mobile-imputations-wrapper .project-item .col-xs-8, #mobile-imputations-wrapper .project-item .col-xs-4 {
    display: table-cell;
    vertical-align: middle;
}    
.project-item-selected { background: #FFF; }
.project-item-imputated { background: #f1e292; }
.project-item-own { background: #dff0d8; }
.no-padding-right { padding-right: 0 !important}
.no-padding-left { padding-left: 0 !important}
#mobile-imputations .popover {
    left: 50% !important;
    margin-left: -140px !important;
    width: 280px !important;
}
#mobile-imputations .popover input { max-width: 165px !important; margin-bottom: 10px; }
#mobile-imputations .arrow { display: none !important; }


.progress-bar {
    text-align: right;
    padding-right: 13px;
}

.progress-bar.minutes-placeholder::before {
    content: 'm';
    position: absolute;
    right: 2px;
    opacity: 0.5;
    font-size: 0.9em;
}

.progress-bar.hours-placeholder::before {
    content: 'h';
    position: absolute;
    right: 2px;
    opacity: 0.5;
    font-size: 0.9em;
}

.table-imputations {
    min-width: 1100px;
}

.box-header .box-title {
    padding-right: 2em !important;
    line-height: 1.4em !important;
}

.mt-3 {
    margin-top: 3em;
}