body {
    font-family:'OpenSans-Regular';
}
/*BOTONES STYLES SOLVEE*/

.btn-action {
	font-size: 14px;
	font-family: 'OpenSans-Bold';
    color: #fff;
    background-color: #3bd199;
    border-color: #3bd199;
}

.btn-action:hover, .btn-action:focus {
    background-color: #2b9c72;
    border-color: #2b9c72;
    color: #fff;
}

.editable-buttons > .btn-primary{  
    font-family: 'OpenSans-Bold';
    color: #fff;
    background-color: #3bd199;
    border-color: #3bd199;
}

.editable-buttons > .btn-primary:hover{
     background-color: #2b9c72;
    border-color: #2b9c72;
    color: #fff;
}

.btn-directional
{
	font-size: 14px;
	font-family: 'OpenSans-Bold';	
    border-color: #e75244;
}

.btn-directional.next {
    color: #fff;
    background-color: #e75244;
}

.btn-directional.next:hover {
    color: #fff;
    background-color: #9c372d;
    border-color: #9c372d;
}

.btn-directional.next:focus
{
    outline: 0;    
}

.btn-directional.back {
    color: #e75244;
    background-color: #ffffff;
}

.btn-directional.back:hover {
    color: #9c372d;
    background-color: #ffffff;
    border-color: #9c372d;
}

.btn-directional.back:focus
{
    outline: 0;    
}

.btn-dialog
{
    font-size: 23px;
    font-family: 'OpenSans-Bold';
    color: #838384;
    background-color: #FFFFFF;
    border-color: #838384;
}

.btn-dialog.active
{
    border-color: #3e5161;
    color: #3e5161;
}

.btn-dialog:hover {
    border-color: #3e5161;
    color: #3e5161;
}

.btn-action-icon{
    color: #838384;
    background-color: #FFFFFF;
    border: solid 1px #cfd3d4;
}

.btn-action-icon > i, .btn-action-icon > span{
    height: 16px;
    width: auto; 
}

.btn-action-icon:hover{
    color: #46484a; 
    border-color: #838384; 
}

.btn-action-add{
    color: #e75244;
    background-color: #e75244; 
    border-radius: 7px;
}

.btn-action-add > span.fa{
    color: #ffffff;    
    height: 7px;
}

.btn-action-add:hover{
    color: #9C372D; 
    border-color: #9C372D;
}

/*PANELES STYLES SOLVEE*/
/*
.panel-measure-body.waiting-in-queue-light-blue
{
    background-color: #5AB8FA;
    border-color: #5AB8FA;
}

.panel-measure-body.waiting-in-room-light-blue
{
    background-color: #BCDEF5;
    border-color: #BCDEF5;
}
*/

.panel-default > .panel-heading {
    color: #4c565e;
    font-size: 18px;
    font-family: 'OpenSans-Semibold'!important;
    background-color: #f8f8f9;
    border-color: #cfd3d4;
}

/* Inputs */
input[type="password"]:focus,
input[type="text"]:focus,
.form-control:focus{
  border-color: #3bd199;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(59, 209, 153, 0.6);
  outline: 0 none;
}

/*NAV PILLS*/

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
    background-color: #3bd199;
    font-family: 'OpenSans-Bold';
}

.nav-pills > li > a 
{
    color:#2b9c72;
    max-height: 40px;
}


/*CONFIGURACION ADMINISTRATIVA PANELES DE ACCION*/

.panel-action
{
    font-family: 'OpenSans-Bold';
    font-size:14px;
    background-color: #FFF;
    border:1px solid #cfd3d4;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    color: #555;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;  
}

.panel-action > .btn
{
    color: #34b886;
    background-color: #FFF;
    border-color: #FFF;
    border-radius: 10px;
}

.panel-action > .btn:hover
{
    color: #34b886;
    background-color: #FFF;
    border-color: #34b886;
    border-radius: 10px;
}

/*MODAL STYLES SOLVEE*/

.modal-footer > .btn-primary
{
    font-family: 'OpenSans-Bold';
    color: #fff;
    background-color: #3BD199;
    border-color: transparent;
}

.modal-footer > .btn-primary:hover {
    background-color: #2b9c72;
    border-color: transparent;
    color: #fff;
}

/*
Componente editable jquery custom style
*/
.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
        color: #2b9c72 !important;
    border-bottom: dashed 1px #2b9c72 !important;
}

/*TABLE STYLES SOLVEE*/
.table > tbody > tr > td{
    vertical-align: middle;
}
/* ICONOS */

.fa-times, .fa-envelope, .fa-refresh, .fa-unlock, .fa-lock
{
   color: #838384;
}

.fa-times:hover
{
   color: #5D5D5E;

}

.activate{
 	 color: #FFFFFF !important; 
  background-color: #3BD199 !important ;
}
.activate:hover
{
  color: #FFFFFF !important; 
  background-color: #3BD199 !important ;
}


/* Wizard */

span#sectionTitle{
    vertical-align: -webkit-baseline-middle;
    font-family: "OpenSans-Bold";    
    color: #838384;
}
    
.wizard-container{
    width: 100%;
    height: 100%;
}

.wizard-panel-left{
    background: #f8f8f9;    
    border-right: solid 1px #cfd3d4;
    border-left: solid 1px #cfd3d4;
    width: 20%;
    height: 100%;
    float: left;
}

.wizard-panel-left > .wizard-panel-header{
    font-family: 'OpenSans-Bold' !important;
    font-size: 22px;
    color: #4c565e;
    border-bottom: solid 1px #cfd3d4;
    height: 20%;
    padding: 8% 0% 0% 10%;
}

.wizard-panel-left > .arrow:after {
    content: " ";    
    position: absolute;
    left: 20%;    
    opacity: 1;
    margin: 0 auto;
    bottom: 90%;
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;    
    border-left-color: #f8f8f9;
}

.wizard-panel-left > .arrow:before {
    content: " ";    
    position: absolute;
    left: 20%;    
    opacity: 1;
    margin: 0 auto;
    bottom: 90%;
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;    
    border-left-color: #000;
}


.wizard-panel-left > .wizard-panel-body{
    font-family: 'OpenSans-Light' !important;        
    font-size: 13px;
    color: #838384;
    padding: 5% 10% 0% 10%;
}

.wizard-panel-right {
    width: 80%;
    height: 100%;
    float: right;
    padding: 4% 0% 0% 4%;
    background: #FFFFFF;        
    border-left: solid 1px transparent;    
    border-right: solid 1px #cfd3d4;
}

/*Wizard de la caja*/
@media (max-width: 767px){
    .wizard-panel-right-disable {
    width: auto;
    height: 100%;
    float: none;
    padding: none;
    background: #FFFFFF;        
    border-left: solid 1px transparent;    
    border-right: none;
    overflow-y:auto;
    overflow-x:hidden;
    }   
}

@media (min-width: 768px){
    .wizard-panel-right-disable {
    width: 80%;
    height: 100%;
    float: right;
    padding: 4% 4% 0% 4%;
    background: #FFFFFF;        
    border-left: solid 1px transparent;    
    border-right: none;
    overflow-y:auto;
    overflow-x:hidden;
    }   
}

.wizard-footer-left {
    background: #f8f8f9;   
    border-right: solid 1px #cfd3d4;
    border-left: solid 1px #cfd3d4;    
    border-bottom: solid 1px #cfd3d4;    
    width: 20%;
    float: left;
    height:57px;
}

.wizard-footer-right {
    width: 80%;
    float: right;
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid transparent; 
    border-bottom: 1px solid #cfd3d4; 
    border-right: 1px solid #cfd3d4; 
    
} 

.wizard .nav-tabs {
    position: relative !important;
    margin: 40px auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    background-color: #3bd199 !important;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

span.round-tab {
    background: #3bd199 !important;
    border: 2px solid #fff!important;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.wizard li.active span.round-tab{
  border: 2px solid #fff !important;
  background: #FFF!important;
}

.connecting-line
{
    background:#fff!important;
}

.wizard span.round-tab i
{
    color:#fff !important;
}

.wizard li.active span.round-tab i {
    color:#3bd199 !important;
}

.wizard li.active:after {
    border-bottom-color: transparent !important;
    position: relative!important;
    left:47%!important;
    bottom:15px!important;
    border-top-color: #fff !important;
}

@media( max-width : 585px ) {
     .wizard li.active:after {
        left: 41%!important;
    }
}

div.bhoechie-tab-menu div.list-group>a.active:after{
    border-left: 10px solid #3bd199 !important;
}

div.bhoechie-tab-menu div.list-group>a.active{
    background-color: #3bd199 !important;
    border-color: #3bd199 !important;
}

.tokenfield.focus{
    border-color: #3bd199 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(59, 209, 153, 0.6) !important;
    outline: 0 none;
}
/* TEXT */
.text-orange{
    color: #e75244;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
}

.text-orange:hover{
    color: #D04336;
}

/* DATEPICKER */

.ui-datepicker
{
    border: 1px solid #4c565e !important;
    box-shadow: 0 0 8px rgba(40,51,61,.6) !important;
}
.ui-datepicker a
{

    color:#4c565e!important;
}

.ui-datepicker .ui-datepicker-current-day a
{
    color:#fff!important;  
}
.ui-datepicker .ui-datepicker-current-day
{
    background-color:  #4c565e!important;    
}

.ui-datepicker .ui-datepicker-current-day a:hover
{
    color:#fff!important;    
    background-color:  #28333d!important;
}

.ui-datepicker a:hover {
    color:#28333d!important;
}

/* HELP */
.hopscotch-bubble-container{
    background-color: #4c565e;
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    color: #FFFFFF;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{
    border-bottom: 17px solid #4c565e !important;
}

div.hopscotch-bubble{
    border: 5px solid #4c565e !important;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{
    border-bottom: 17px solid #4c565e !important;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow, div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{
    border-top: 17px solid #4c565e !important;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow, div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{
    border-left: 17px solid #4c565e !important;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow, div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{
    border-right: 17px solid #4c565e !important;
}

.hopscotch-bubble-number{
    font-family: 'OpenSans-Bold' !important;
    font-size: 12px !important;
    height: 25px !important;
    width: 25px !important;
    background: #3bd199 !important;
    text-align: center !important;
    border-radius: 25px;
    padding: 0px !important;
    line-height: 25px !important;
}

div.hopscotch-bubble .hopscotch-content, div.hopscotch-bubble h3{
    font-family: 'OpenSans-Regular' !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
}

.hopscotch-glyph
{
    margin:0!important;
}

div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-nav-button.prev{
    border: solid 1px #FFFFFF !important;
    border-radius: 7px !important;
    color: #FFFFFF !important;
    background: transparent !important;
    font-family: 'OpenSans-Bold' !important;
    font-size: 15px !important;
}

div.hopscotch-bubble .hopscotch-nav-button.next{
    margin: 0 0 0 2px !important;
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover, div.hopscotch-bubble .hopscotch-nav-button.next:hover{
    background: #808080 !important;
}

div.hopscotch-bubble .hopscotch-bubble-close{
    width: 12px;
    height: 12px;
}

/* Checkbox solvee  */
a.solveeCheckbox{
	margin: 2%;
	padding: 0px 0px 0px 0px;
	background: transparent !important;
	position:initial;
}
div.solveeCheckbox-default{
	background-color: #838384; 
	width: 30px; 
	height: 30px; 
	display: inline-block;
	border-radius: 2px;
	padding: 1%;"
}
div.solveeCheckbox-default > span{
	color: white;
}

/* CAROUSEL */

.carousel{
    background-color: #f8f8f9;
    border: solid 1px #cfd3d4;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left{
    height: 25px !important;
    width: auto !important;
    color: #cfd3d4 !important;
}

.carousel-control .glyphicon-chevron-right:hover,
.carousel-control .glyphicon-chevron-left:hover{
    color: #888;
}

.carousel-control.right, .carousel-control.left{
    background: #f8f8f9;
}

/*TimeLine*/
.cbp_tmtimeline > li .cbp_tmicon{
    background: white !important;
    color: #838384 !important;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel{
    background: #d8d9da !important;
    font-family: 'OpenSans-Regular' !important;
    font-size: 14px !important;
    color: #565657 !important;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #d8d9da !important;
}

.cbp_tmtimeline > li .cbp_tmlabel{
    background: #ABACB1 !important;
    font-family: 'OpenSans-Regular' !important;
    font-size: 14px !important;
    color: #565657 !important;
}

.cbp_tmtimeline > li .cbp_tmlabel:after{
    border-right-color: #ABACB1 !important;
}

.cbp_tmtimeline > li .cbp_tmicon{
    box-shadow: 0 0 0 4px #d1d3d4 !important;
}

.cbp_tmtimeline:before{
    background: #d1d3d4 !important;    
    width: 4px !important;
    left: 20.4% !important;
}

.cbp_tmtimeline > li .cbp_tmtime span:nth-last-child(2){
    font-family: 'OpenSans-Semibold' !important;
    font-size: 33px !important;
    color: #3bd199 !important;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child,
.cbp_tmtimeline > li .cbp_tmtime span:last-child,
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child{
    font-family: 'OpenSans-Regular' !important;
    font-size: 11px !important;
    color: #838384 !important;
}

.cbp_tmtimeline > li .cbp_tmlabel h2{
    border-bottom: 1px solid #565657 !important;
    font-family: 'OpenSans-Regular' !important;
    font-size: 24px !important;
    color: #565657 !important;
}

.minutes-duration{
    font-family: 'OpenSans-Regular' !important;
    font-size: 21px !important;
    color: #565657 !important;
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent !important;
        border-bottom-color: #d8d9da !important;
    } 

    .cbp_tmtimeline > li .cbp_tmlabel:after{
        border-right-color: transparent !important;
        border-bottom-color: #808184 !important;
    } 
}

.heading-subtitle{
    font-family: 'OpenSans-Semibold' !important; 
    font-size:18px !important; 
    color: #4c565e !important;
}

/* Div que sigue con el scroll*/
.column-left {
    background-color: #d8d9da;
    border: 1px solid #565657;
    border-radius: 8px 8px 8px 8px;
    float: left;
    position: fixed;    
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
}

.text-icon{
    color: rgba(128, 131, 133, 1);
}

/* Paginacion */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #3bd199;
    border-color: #3bd199;
    cursor: default;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 7px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #3bd199;
    background-color: #fff;
    border: 1px solid #3bd199;
    margin-left: -1px;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #3bd199;    
}