body{
    background-color: #00263e;
}
a{
    color:#1b96b1;
}


/********** MENU *********************/
.nav-header{
    background:#daebef;
    margin-bottom:20px;
}
.nav-header .logo{
    width:70%;
    height:auto;
    margin-left:15%;
}
/*** COLLAPSE MENU */
body.mini-navbar .nav-header{
    padding-top:10px;
    padding-bottom:10px;
    background:#daebef;    
}
.metismenu,
.dashbard-1{
    border-top: 4px solid #1b96b1;
}
.dashbard-1{
    border-left: 4px solid white;
}
.nav > li.active
{
    border-left:0px;
}
.navbar-default .metismenu .menu
{
    border-top:1px solid #79c2d2;    
}
.navbar-default .metismenu .menu a
{
    outline: 0;
}
.navbar-default .metismenu .menu > a
{
    color:#fff;
    font-weight: 300;    
    background-color: #1b96b1;
}
.navbar-default .metismenu .menu.active > a
{
   background-color: #fff;
   color:#00263e;
   font-weight: 600;
}

.mini-navbar li.active .nav-second-level
{
    left:70px;
}

.navbar-default .metismenu .menu > a > i
{
    font-size:16px;
}
.navbar-default .metismenu .menu.active a > i
{
    color:#1b96b1;
}
.pace .pace-progress
{
    display:none;
}
/********** FIN MENU *********************/
    
/**** TOP HEADER *********/
.navbar-fixed-top, .navbar-static-top{
    background-color:#daebef;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover
{
    color: #fff;
    font-size:14px;
    text-transform: uppercase;
    background-color: #122b40;
    border-color: #122b40;
}
.save-filter input{
    height:auto;
}
.btn-save-filter{
    padding-top:6px;
    padding-bottom:5px;
    text-transform:uppercase;
}
.navbar-top-links .profile-element-image{
    width: auto;
    max-height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 4px solid white;
}
.navbar-top-links span{
    font-size:14px;
    font-weight: 600;
    color:#00263e;
}
.navbar-top-links .mrl{
    margin-right:10px;
}
.navbar-top-links .mrh{
    margin-right:30px;
}

.navbar-top-links .dropdown-profile, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
    height: 45px;
    width: 110px;
    min-width: 0;
    background-color: #daebef;
}

.dropdown-profile-box {
    position: relative;
    left: 25px;
    top: 13px;
    height: 30px;
    width: 60px;
    margin: 0px;
    background-color: #daebef;
}

.btn-new{
    padding-top: 0;
    padding-bottom: 0;
    border-color:transparent;
}

.btn-new,
.btn-new:hover,
.btn-new:focus,
.btn-new:active{
    background-color:#00263e;
    color:#fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active{
    background-color:#00263e !important;
    border-color:#00263e !important;
    color:#fff;
}
.btn-new,
.btn-save-filter{
    font-size:13px;
}
.btn-modal-option{
    padding: 0px 8px;
}
.btn-modal-option span,
.btn-new-left span,
.btn-new span{
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
}
.btn-modal-option .btn-label,
.btn-new .btn-label{
    position: relative;
    right: -21px;
    top:-1px;
    bottom:-15px;
    height:120%;
    margin-bottom:-2px;
    display: inline-block;
    padding: 6px 8px;    
    background: #1b96b1;
    color:#fff;
    border-radius: 0px 3px 3px 0px;
}
.btn-modal-option .btn-label{
    right: -10px;
}
.btn-new-left{
    padding-top: 0;
    padding-bottom: 0;
    border-color:transparent;
    margin-bottom:20px;
}
.btn-new-left .btn-label-left{
    position: relative;
    left: -13px;
    top:-1px;
    bottom:-15px;
    height:120%;
    margin-bottom:-2px;
    display: inline-block;
    padding: 6px 12px;
    background: #1b96b1;
    color:#fff;
    border-radius: 3px 0 0 3px;            
}

@media (min-width: 480px) and (max-width: 768px) 
{
    .btn-new-right{
        position: relative;
        left: 80%;
        margin-top: -15%;
        margin-bottom: -2%;
    }

    .btn-new-right{
        position: relative;
        left: 80%;
        margin-top: -15%;
        margin-bottom: -2%;
    }

    .modal-dialog {    
        margin: 0px !important;
    }
    
    .modal-open .modal {    
        background: #fff !important;
    }
    
    .modal-dialog.modal-fullscreen, .modal-dialog.modal-lg80 {
        width: 100% !important;
    }    
}
@media( min-width: 768px ) and ( max-width: 992px )
{
   .btn-new-right{
        position: relative;
        left: 80%;
        margin-top: -15%;
        margin-bottom: -2%;
    }

    .modal-dialog {    
        margin: 0px !important;
    }
    
    .modal-open .modal {    
        background: #fff !important;
    }
    
    .modal-dialog.modal-fullscreen, .modal-dialog.modal-lg80 {
        width: 100% !important;
    }    
}

@media( min-width: 992px )
{
    .btn-new-right{
        position: relative;
        left: 80%;
        margin-bottom: -15%;
        margin-top: -15%;
    }
}

 @media (min-width : 1200px) {

    .btn-new-right{
        position: relative;
        left: 82%;
        margin-bottom: -15%;
        margin-top: -15%;
    }
}

@media (min-width: 1280px) {
    .btn-new-right{
        position: relative;
        left: 84%;
        margin-bottom: -15%;
        margin-top: -15%;
    }
}


@media (min-width: 1440px) {
    .btn-new-right{
        position: relative;
        left: 91%;
        margin-bottom: -15%;
    }
}

@media (min-width: 1920px) {
    .btn-new-right{
        position: relative;
        left: 90%;
        margin-bottom: -15%;
        margin-top: -15%;
    }
}



/********************* HEADER PAGE ***************/
.page-heading{
    padding-bottom:0px;   
    padding-right: 0px;
    padding-left:0px;
}
.page-header{
    border-bottom: 0px;
}
.page-heading .bg-header {
    background-image: url('../img/banner.png');
    background-size: auto 100%;
    background-repeat: no-repeat;    
}
.page-heading .bg-header h1,
.modal-header h4{
    color: #204d74;
    font-weight: 600;
}


/************** LISTADO DE CONTACTPS ***************/
select.form-control{
    background: #fff url('../img/arrow_down.png') 95% no-repeat;
}

option:checked { color:#000000 }


.form-control , .single-line{
    border-radius:0px;
    border: 0px;
    border: 1px solid #d5dbde;
    background-color: #fff;
    color: #204d74;  
    font-weight: 600;
    font-size:13px;
    width: 100%;
    padding: 5px 8px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.form-control:focus, .single-line:focus{
    border-color: #204d74 !important;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
    .pagination > .active > span, 
    .pagination > .active > span:focus, 
    .pagination > .active > span:hover{
    background-color:#1b96b1;
    border-color:#1b96b1;
}

.btn-success,
btn-primary{
    background-color:#00263e;
    border-color:#00263e;
}

#allFilters{    
    border-top:4px solid #daebef;
    background-color: #fff;
    padding: 30px 15px 15px 15px;
    margin:20px 0px;
    margin-bottom: 40px;
}
#allFilters .form-control{
    font-weight: 300;
}

#allFilters .text-right{
    padding-left:0px;
}

.chosen-container{
    color: #204d74 !important;  
}
.chosen-container-active.chosen-with-drop .chosen-single span,
.chosen-container-single .chosen-single span{
    font-weight:300;
    color: #204d74 !important;  
}
.fields{
    padding-bottom:10px;
}
.controls-search{
    border-top: 1px solid #d5dbde;
    padding-top:20px;
}

.table-responsive{    
    border-top:4px solid #daebef;
    padding-left:10px;
    padding-right: 10px;
}

.table-responsive table{
     margin-top:10px;
     margin-bottom:10px;
}
.table-responsive table thead th i{
	color: #676a6c;
}    
.table-responsive table thead th a i{
	    color:#1b96b1;
}    
.table-responsive table thead th{    
    color:#1b96b1;
    text-transform: uppercase;
    text-align:center;
    white-space:nowrap;
}
.table-responsive table tbody tr td{
	vertical-align:middle;
}

.table-responsive table.table-analysis thead th
{
    white-space: normal;
}

.table-responsive table.table-analysis td
{
    min-width: 150px;
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}

.table-responsive table.table-metrics thead th
{
    /*white-space: normal;*/
    white-space: nowrap;
}

.table-responsive table.table-metrics td
{
    min-width: auto;
    text-align: right;
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
    white-space: nowrap;
}

#visit-view .table-responsive table tbody tr td{
	text-align:center;
}
.table>tbody>tr:nth-child(even) {background: #f9f9f9}
.table>tbody>tr:nth-child(odd) {background: #fff}

.table-hover>tbody>tr.active:hover>td, 
.table-hover>tbody>tr.active:hover>th, 
.table-hover>tbody>tr:hover{
    background-color:#daebef;
}
.table>tbody>tr.active>td, 
.table>tbody>tr.active>th, 
.table>tbody>tr>td.active, 
.table>tbody>tr>th.active, 
.table>tfoot>tr.active>td, 
.table>tfoot>tr.active>th, 
.table>tfoot>tr>td.active, 
.table>tfoot>tr>th.active, 
.table>thead>tr.active>td, 
.table>thead>tr.active>th, 
.table>thead>tr>td.active, 
.table>thead>tr>th.active{
    background-color:#daebef;
}
.table-hover>tbody>tr.active:hover>td, 
.table-hover>tbody>tr.active:hover>th, 
.table-hover>tbody>tr.active>td, 
.table-hover>tbody>tr.active>th, 
.table-hover>tbody>tr:hover>.active, 
.table-hover>tbody>tr>td.active:hover, 
.table-hover>tbody>tr>th.active:hover{
    background-color:#00263e;
    color:#fff;
}

.target{
    text-align: center;
    padding:5px;
}
.table>tbody>tr>td.target{
    padding:3px;
}
.target div{
    padding: 5px;
    padding-top: 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    margin:0 auto;
    border:1px solid #f9f9f9;
    color:#1b96b1;
    font-weight:500;
}
.target div span{
    font-weight: 500;
}
.target div i {
    color:#1b96b1;
}

/******************** FICHA **********************/

.tabs-container .nav-tabs li>a,
.tabs-container .nav-tabs li>a:hover{
    background-color:#daebef;
    color:#00263e;
}
.tabs-container .nav-tabs li.active>a{
    color:#1b96b1;
    background-color:#fff;
}

.tab-pane h3{
    color:#00263e;
     margin-bottom:0px;
}
.tab-pane .color{
    color:#1b96b1;
    font-weight: bold;
    text-transform: capitalize;
    font-size:14px;
}
.tab-pane .no-margin-bottom{
    margin-bottom:0px;
}
.tab-pane dd{
    font-size:14px;
}
.tab-pane dd.address{
    line-height:1.2;
}
.tab-pane i{
    margin-right:6px;
}
.separator-right{
    border-right:1px solid #eee;
}
.separator-left{
    border-left:1px solid #eee;
}
.separator-bottom{
    border-bottom:1px solid #eee;
}
.float-right{
    float:right;
}
.products .select-doc{
    width:auto;
    background-color:#f9f9f9;
    border:2px solid #dddddd;
    border-left:4px solid #1b96b1;
    padding: 20px 10px;
    margin-right:15px;
    margin-left:15px;
}
.products .select-doc .color{
    padding:10px;
    
}
.products .select-doc .square{
    background-color:#fff;
    font-weight: bold;
    padding: 10px;
    border:2px solid #dddddd;
    font-size:18px;
}
.products .product-element{
    margin-left:0px;
}
.margin-bottom{
    margin-bottom:10px;
}
margin-left{
    margin-left:15px;
}
.products .product-item{    
    background-color:#f9f9f9;
    border:1px solid #dddddd;
    border-left:4px solid #1b96b1;
    border-right:0px;
    padding: 12px 10px;
    width:auto; 
    max-width:60%;
    min-width:30%;
}
.products .product-item-r{
    background-color:#1b96b1;
    border:1px solid #dddddd;
    border-left:0px;    
    padding: 10px 10px;
    width:auto;    
    float:left;
}
.products .color{
    color: #00263e;
    
}
.products .color-w{
    color: #fff;
    font-size:14px;
    line-height: 1.6em;
}
.products .categ{
    background-color:#fff;
      border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 14px;
  font-size:16px;
  text-align: center;
  width: 1.6em; 
  color: #00263e;
  margin-left:10px;
}

.events-heading{
    font-size:14px;
    color:#00263e;
    line-height: 1.5em;
    margin-bottom:5px;
}
.historical-visits, .next-visit{
    padding:10px 0px;
}
.media-heading-div{
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    width:100%;
}
.media-heading{
    padding:5px 10px;
    margin-bottom: 0px;
    color:#1b96b1;    
}
.historical-visits .media h4.media-heading, 
.next-visit .media h4.media-heading, 
.next-visit .media h5.media-heading{
    color:#1b96b1;
    font-size:14px;
}
.media p,
.media-body p{
    padding: 4px 10px;
    font-size:13px;
}
#form-questionnaires label{
    margin-bottom:10px;
}
#form-questionnaires .form-group{
    margin-bottom: 10px;
padding-bottom: 10px;
    
}
#form-profiling,
#form-products{
    margin-top:20px;
}
.historical-visits .media .media-object, 
.next-visit .media .media-object{
    font-size:14px;
    color: #1b96b1;
}
.profiling{
    background-color:#f9f9f9;
    border:2px solid #dddddd;    
    padding-top: 20px;
    padding-bottom: 20px; 
    margin-top:5px;
    
}
.no-padding{
    padding-left:0px;
    padding-right:0px;
}

#calendar{
    border-top: 4px solid #daebef;
    border-radius: 0px;
}
.fc button .fc-icon{
    color:#1b96b1
}
#calendar .fc-header-toolbar .fc-center h2{
    font-weight:500;
    color:#00263e;
}
.fc-state-active{
    background-color:#1b96b1;
    border-color:#1b96b1;
    color:#fff;
}
.fc-unthemed .fc-day-header{
    color: #1b96b1;
    padding:5px 0;
    text-transform: uppercase;
    background-color:#f9f9f9;
}
.fc-unthemed td.fc-today{
    background-color:#daebef;
}
.fc-day-top{
    color: #00263e;
    font-weight:600;
    font-size:14px;
}
.fc-day-top.fc-other-month{
    color: #c3c3c3;  
    opacity: 1;
}
.fc-day-grid-event .fc-time{
    font-weight: 400;
    padding-right:2px;
}
.ibox-title{
    border-color: #daebef;
}
.ibox-title h5{
    font-size:14px;
    color:#00263e;
}
.text-navy,
.timeline-item i{
    color: #1b96b1;
}
.blueicon-bg{
    background-color:#e5f1f4;
}
.blueicon-bg i,
.blueicon-bg span,
.blueicon-bg h2{
    color:#1b96b1;
}
.blueicon-bg span{
    font-weight: 500;
}
.order-fields{
	text-align:center;
	font-size:30px;
}
.sk-spinner-double-bounce .sk-double-bounce1, 
.sk-spinner-double-bounce .sk-double-bounce2{
background-color: #1b96b1;
}

#add-report{
    text-transform:initial;
}

@media (min-width: 768px){
	#plan-meeting-navbar .form-group{
		width:auto;
	}
}
.tr-first,
.tr-global
{
    background-color: #1b96b1 !important;
    color: #FFF;
    font-weight: 600;
}
.tr-global
{
    background-color: #00263e !important;
}

.btn-edit-contact{
    position: relative;
    text-align: center;
    left: 268px;
    bottom:23px;
    height: 30px !important;
    width:33.16px !important;
    display: inline-block;
    background: #1b96b1;
    color:#fff;
    padding: 6px 8px;
    border-radius: 3px 3px 3px 3px;
}

.chosen-container-multi{
	width:100% !important;
}
.chosen-container-multi .chosen-choices{
	border: 1px solid #d5dbde;

	background-image:none;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{
	height:auto;
	padding: 6px 8px;
	color: #204d74;
	font-weight:200;
	font-family:inherit;
}

.modal-dialog.modal-fullscreen,
.modal-dialog.modal-lg80
{
    width: 98%;
/*
    height: 90%;
    margin-top: 5%;
    margin-left: 5%;
    margin: 0;
    top: 5%;
    left: 5%;
*/
}
@media screen and( min-width: 768px )
{
    .modal.inmodal.in
    .modal-dialog.modal-fullscreen,
    .modal-dialog.modal-lg80
    {
        width: 98%;
        padding: 0px;
    }
    #modal-contact
    {
        padding: 0px !important
    }
}

@media screen and( min-width: 992px )
{
    .modal.inmodal.in
    .modal-dialog.modal-lg80
    {
        width: 98%;
        padding: 0px;
    }
    .modal.inmodal.in #customer-order .modal-dialog.modal-lg80{
        width:100%;
        margin:0;
	}
    #modal-contact
    {
        padding: 0px !important
    }
}


.input-group-addon{
    font-size:13px;
}
.panel.panel-icongroup
{
    border-color: #00263e;
}
.panel.panel-icongroup > .panel-heading
{
    background-color: #00263e;
    color: #FFF;
    font-weight: bold;
}

.panel.panel-icongroup > .panel-heading a
{
    float: right;
    color: #FFF;
}
.panel.panel-icongroup > .panel-body
{
    z-index: 1;
    position: relative;
    min-height: 150px;
}
.panel.panel-icongroup > .panel-body.metrics-active
{
    z-index: 3;
}
.panel.panel-icongroup > .panel-body .layer-disabled
{
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
}

ul.ui-autocomplete.ui-menu {
  z-index: 10000;
  	height:25vh;
	overflow:auto;
}

.spiner-fullscreen
{
    z-index: 99999999999;
    background: rgba(0,0,0,0.5); 
    left: 0; 
    top: 0;
    width: 100%;
    height: 100%;
    position:absolute;
}

.spiner-fullscreen .sk-spinner
{
    margin-top: 25%;
    width: 200px;
}

.spiner-fullscreen .sk-spinner .sk-bounce1,
.spiner-fullscreen .sk-spinner .sk-bounce2,
.spiner-fullscreen .sk-spinner .sk-bounce3
{
    background-color: #1b96b1;
    width: 30px;
    height: 30px;
}
.carousel .item {
  height: 75px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 75px;
}

.carousel-inner > .item > a > img {
    margin:auto;
    width:100%;
    height:100%;
}
/* Drag and drop */
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { margin-bottom: 5px; padding: 10px; font-size: 1.2em; height: auto; cursor: pointer; background: #f9f9f9; border: 1px solid #d5dbde }

.modal.big .modal-dialog{
    width:65%;
}
@media screen and( max-width: 1500px ){
	.modal.big .modal-dialog{
    width:75%;
}
}

@media screen and( max-width: 992px ){
    .modal.big .modal-dialog{
    width:98%;
}
}

.hr-custom {
    margin-top: 21px;
    margin-bottom: 38px;
    border: 0;
    border-top: 1px solid #676a6c;
}

.gasto-pendiente {
    background: #ffa500 !important;
    color: #fff !important;
}
.gasto-rechazado {
    background: #ff0400 !important;
    color: #fff !important;
}
.gasto-aprobado {
    background: #008000 !important;
    color: #fff !important;
}

/* HACKS FOR IPOAD MINI */
@media (max-width: 1199px) and (min-width: 992px){
    
    #form-custom-filters .col-md-7{
        width:60%;
    }
    #form-custom-filters .col-md-2{
        width:20%;
    }
    #form-custom-filters .col-md-3{
        width:20%;
    }
    .modal.inmodal.in #customer-order-clm .modal-dialog.modal-lg80{
        width:100%;
        margin-top:0px;
    }
    .modal.inmodal.in #customer-order-clm .modal-dialog.modal-lg80 .modal-header{
        
        padding-bottom:5px !important;
        padding-top:5px;
    }
    #customer-order-clm-body{
        padding-left:8%;
        padding-right:8%;
    }
    #customer-order-clm-body .clm-product h4{
        font-size:16px;
    }
    #customer-order-clm-body .col-sm-4 .clm-product img{
        max-height:18vh;
        width:auto !important;
    }
    #customer-order-clm-body .clm-product-price{
        font-size:14px;
    }
    #customer-order-clm-body .frm-clm-product .table-responsive{
        width:540px;        
    }
    #tbl-customer-order .tbl-customer-order .row-percent .input-group-addon,
    #tbl-customer-order .tbl-customer-order .row-quantity .btn-default{
        padding-left:3px;
        padding-right:3px;
    }
    #customer-order-clm-body .frm-clm-product .table-responsive .tbl-customer-order .row-quantity .btn-default{
        padding-left:6px;
        padding-right:6px;
    }
    #customer-order-clm-body .frm-clm-product .table-responsive .tbl-customer-order .row-percent .input-group-addon{
        padding-left:3px;
        padding-right:3px;
    }
    
}

.clm-product .frm-clm-product .table-responsive {
    min-width:550px;
}

.clm-product-img .elem-image{
    padding-bottom:90%;
}
.clm-product-img  img{
    object-fit:contain;
}
.clm-product-img .elem-image img{
    position:absolute;
    object-fit:contain;
    width:100%;
    height:100%;
}
.slick-prev:before, .slick-next:before{
    font-size:40px;
}
.slick-prev, .slick-next{
    height:40px;
    width:40px;
}


#customer-order button.close{
    font-size:41px;
    margin-left:10px;
}

.table-responsive table.table-metrics thead th{
    white-space:normal;
}
.table-responsive table.table-metrics td{
    text-align: center;
}
.table-responsive table.table-metrics td:first-child{
    text-align: right;
}

.col-sm-4 .clm-product .clm-product-img .elem-image{
	padding-bottom:60%;
}
.col-sm-4 .clm-product .clm-product-img .elem-image img{
	height:50%;
}

@media (max-width: 1024px){

.col-md-9 .tabs-container{
	margin-top:34px;	
}
}