body{
font-size: 150%;
}

p, a, strong, button, input, select, div
{
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff !important;
    text-decoration: none;
}

.form-control:focus 
{
    border-color: #ff7a04;
}

label p {
    float: left;
    margin-right: 5px !important;
    color: #ff7a04;
    margin: 0px;
}

td label {
    color: #717171;
    opacity: 0.6;
    font-size: 11px;
    margin: 0px;
    font-weight: 600;
}

td p {
    margin: 0px;
    margin-top: 10px;
    font-size: 15px;
}

.datepicker {
    border-radius: 0px;
    direction: ltr;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #ff7a04;
    border: 1px solid #ff7a04;
    color: #fff !important;
}

.daterangepicker .ranges li {
    color: #ff7a04 !important;
}

.iconPunto {
    height: 20px;
    float: left;
    margin-right: 5px;
    opacity: 0.7;
}

::selection {
    background: #ff7a04;
    color: white;
}
::-moz-selection {
    background: #ff7a04; 
    color: white;    
}

.margintop{
	margin-top: 10px;
}
.hiddenRow {
    padding: 0 !important;
}
.no-padding-left{
	padding-left: 0;
}

.tooltip.left .tooltip-inner{
    background-color:red;
}
.tooltip.left .tooltip-arrow{
    border-left-color: red;
}
.active-row{
	background: #528D16;
    color: #fff;
}

.selected-row > tr:hover{
	background: #528D16;
	color: black;
}

.border-rounded{
	border-radius: 5px;
}
.btn-margin{

	margin-top: 25px;
}
.btn-margin-top{
	margin-top: 10px;
}
.btn-margin-bottom{
	margin-bottom: 10px;
}
.text-white{
	color: white;
}
.btn-box{
	width: 95%;
	height: 100%;
}


.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #D2D6DE;
  border-radius: 0;
  height: 34px;
  margin-top: 1px;
}

.menu-down-up
{
    cursor:pointer;
    padding-top: 30px; 
    padding-left: 15px;
}

@media (max-width: 768px) 
{
    .menu-down-up
    {
        text-align: center;
    } 
}

.bg-brown{
	background-color: #352B1C !important;
	color: white;
}

.bg-gold{
	background-color: #B49207 !important;
	color: white;

}
.bg-dark-green{
	background-color: #033013 !important;
	color: white;

}

.bg-black{
	background-color: black;
	color: white;
}

.bg-fv-yellow{
	background-color: #e6124c;
	color: white;
}

.bg-fv-blue{
	background-color: #000760;
	color: white;
}

.bg-fv-darkblue{
	background-color: #000543;
	color: white;
}

.table-scroll-4x{
   height: 400px;
   overflow: auto;
   margin-bottom: 20px;
}

.required:after
{
    content: " *";
}
    
.required
{
    color: #a94442;
}

.alert-danger, .alert-success, .alert-warning, .alert-info
{
    background-color: #f0f0f0 !important;
    color: #666 !important;
}

.alert button.close {
    color: black !important;
}

/* .table-scroll > tbody {
	
    height: 250px;
    overflow-y: scroll;
    position: absolute;
 }
*/


/* MODIFICACIONES DEL ADMINLTE */
        
.skin-green .sidebar-menu>li:hover>a, .skin-green .sidebar-menu>li.active>a {
    color: white;
    background: rgba(0, 0, 0, 0.39);
    border: none;
}

.skin-green .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #3366cc;
}

.skin-green .sidebar-menu > li > a {
    border-left: none;
    color: #777;
}

.skin-green .main-header .logo {
    background-color: #ff7a04;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.skin-green .main-header .logo:hover {
    background-color: #ff7a04;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.active > .item-table-responsive {
    background-color: #f0f0f0 !important;
    border: solid 2px #ff7a04 !important;
}

.main-header .logo{

	font-size: 16px;
}

/* BARRA SUPERIOR */

.skin-green .main-header .navbar {
    background-color: #000760;
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color:  #3366cc;
}

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: #000543;
    /*background-image: url("../dist/img/sidebar_bg.jpg");
    background-repeat: no-repeat;*/
}
/*.sidebar-menu>li>a {
    padding: 10px 5px 10px 10px;
    display: block;
}*/


.skin-green .treeview-menu>li>a {
    color: #fff;
}

.skin-green .treeview-menu>li>a:hover {
    font-size: 1.2em;
}

.skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active, .skin-green .main-header .navbar .nav>li>a:focus, .skin-green .main-header .navbar .nav .open>a, .skin-green .main-header .navbar .nav .open>a:hover, .skin-green .main-header .navbar .nav .open>a:focus, .skin-green .main-header .navbar .nav>.active>a {
    background-color: #3366cc;
    color: #f6f6f6;
}

.skin-green .main-header li.user-header {
    background-color: #000543;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #fff;
    padding: 10px;
}

.fv-text{
	color: #000543;
}

.fv-text:hover{
	color: #3366cc;
}

.progress-bar-green, .progress-bar-success {
    background-color: #ffffff;
}

.progress {
    background-color: rgba(255, 255, 255, 0.35);
}





/*

azul #000760

azul oscuro 000543

azul claro 0088e8

amarillo #ff7a04

 */








/**************************** Rect BOX Styles ******************************/

.box {
    position: relative;
    background: #ffffff;
    border: 0;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: none;
}

.box.box-solid>.box-header>.box-tools .btn {
    border: 0;
    box-shadow: none;
    color: white;
}

.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    color: black;
}
.box.box-info {
    background: #ff7a04;
    color: white;
}

.box-body .box-title
{
    margin-left: 15px;
}

.box-body .btnColor
{
    margin-top: 0px;
}

fieldset[disabled].btnColor, fieldset[disabled].btn-primary , fieldset[disabled].btn-default, fieldset[disabled].btn-success
{
    background-color: #d3d3d3;
    border-color: #666;
    color: #666;
}

/*.box.box-red {
    background-color: #d33724;
    color: white;
}*/

/*.box.box-green {
    background-color: #005A03;
    color: white;
}*/

.box-red{
	border-top: 3px solid #ff7a04;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.box-orange{
	border-top: 3px solid #ff7a04;
    box-shadow: none;box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

 .box-green{
        border-top: 3px solid #005A03;
        box-shadow: none;
}

 .box-yellow{
        border-top: 3px solid #ff7a04;
        box-shadow: none;
}


.box.box-olive {
    background-color: #ff7a04;
    color: white;
}


.box.box-warning {
    background-color: #ff7a04;
    color: white;
}

.box.box-orange {
 background-color: white;
 color: black;
}

.box.box-primary {
    background-color: #ff7a04;
    color: white;
}

.box.box-navy {
    background: #ff7a04;
    color: white;
}

.modal-xs {
 width: 100px;
}


 .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.focus, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:focus {
 /*outline: thin dotted;
 outline-offset: -2px;*/
 background-color: #ff7a04;
 }

 .btn-success.active.focus, .btn-success.active:focus, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:focus {
 /*outline: thin dotted;
 outline-offset: -2px;*/
 background-color: #ff7a04;
 }

 .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.focus, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:focus {
 /*outline: thin dotted;
 outline-offset: -2px;*/
 background-color: #A22212;
 }



.btn-navy {
    background-color: #102D70;
    border-color: #ccc;
    color: white;
}
.btn-navy:hover {
background-color: #165BAF;
border-color: #ccc;
color: white;
}

.btn-navy.active {
background-color: #165BAF;
border-color: #ccc;
color: white;
}



.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2px;
}


.margin-bottom-none {
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-bottom: 0px;
    opacity: 0.6;
}

.margin-bottom-none h3{
color: #333;
    font-weight: 600;
}

label{
    margin-top: 10px;
    padding-left: 0px !important;
    display: block;
    text-transform: uppercase;
    opacity: 0.7;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px !important;
}

.box-header {
    color: #444;
    display: block;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ff7a04;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 15px;
}

.box-header .box-title {
    display: inline-block;
    font-size: 22px;
    margin: 0px;
    line-height: 1;
    color: #666;
}

tbody
{
    margin-top: 5px;
}

#cinc{
    margin-top: 50px;
}

.box-blue, .box-red, .box-teal, .box-yellow, .box-green {
   border-top: 0px;
}

.bg-blue-active, .bg-blue-red, .bg-red-active, .bg-teal-active, .bg-blue-teal, .bg-blue-yellow,  .bg-green-active {
    background-color:transparent!important;
}

.bg-orange-active{
    border: 0px;
}

.bg-green-active, .bg-green-red, .bg-green-teal, .box-orange, .bg-green-yellow, .bg-blue-active {
    background-color:transparent!important;
}

.box-header .box-title {
    text-transform:none;
}

.bg-info {
    
background-color: #E3E3E3;
}

.titJV
{
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: white;
    text-align: left;
    margin-top: 8px !important;
    text-transform: uppercase;
    font-weight: 300;
}

.scroll-top-wrapper {

    border-radius: 50%;
}

.content-wrapper, .right-side {
    background-color: #ffffff;
}

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: #000;
}

.skin-green .sidebar a {
    color: #dfdfdf;
    text-transform: uppercase;
}

.btn.btn-box-tool {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #666 !important;
    border: 1px solid #666 !important;
}

.btn-danger.active, .btn-navy:hover, .btn-navy.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-color: rgba(0, 0, 0, 0.18);
    border-color: #CCC;
    color: #000;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0px none;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
    background-color: #ff7a04 !important;
    border-color: #ff7a04 !important;
    color: white !important;
}
.btn {
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid transparent;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    background-color: transparent;
    color: white;
    padding: 10px;
}

.btn:hover {
    
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.11) inset;
}

.scroll-top-wrapper:hover {
    background-color: #ff7a04;
    opacity: 1 !important;
}

.btn-danger, .btn-navy {
    background-color: #EAEAEA !important;
    border-color: #DEDEDE !important;
    color: #000 !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: inherit !important;
    padding: 5px;
    text-align: center;
    background-color: #ff7a04;
}


.btnEllipse {
    box-shadow: none;
    border: 1px solid transparent;
    height: 34px !important;
    border-radius: 0px;
    margin-left: 0px;
    background-color: #ff7a04;
    color: white;
}

.btnEllipseMini {
    box-shadow: none;
    border: 1px solid transparent;
    height: 26px !important;
    border-radius: 50%;
    padding: 3px;
    width: 26px !important;
}

/*#header-fixed { 
    position: fixed!important; 
    top: 0px; display:none;
    background-color:white;
}*/


.btnEllipse .fa {
    float: left;
    padding: 3px;
}

.btnEllipse p {
    float: right;
}

.orange{
    
    background-color: #ff7a04 ;
    color: white;
}

.white{
    color: white;
}

.main-sidebar, .left-side {
    padding-top: 0px;
}

.navbar-static-top {
    position: fixed;
    top: 0px;
    right: 0px;
}

.cuenta
{
    background-color: rgb(248, 248, 248);
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: solid 5px rgb(251, 119, 8);
}

.titulo-menu
{
    margin: 12px;
    color: rgba(0, 0, 0, 0.89);
    line-height: 30px;
    margin-bottom: 5px;
    border-bottom: #ff5100 solid 2px;
}

.Indicadores
{
    color: #ff7a04;
    font-weight: 600;
    font-size: 170%;
}

.cuenta h3
{
    margin: 0px;
    margin-bottom: 10px;
}

.skin-green .main-header .navbar .nav > li > a {
    color: #FFF;
}

.skin-green .main-header .navbar {
    
    background-color: transparent;
    width: 100%;
}

#li_tutorial {
    font-size: 18px;
}

.navbar-custom-menu > .navbar-nav  {
    position: relative;
    background-color: rgba(0, 0, 0, 0.23);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: 5px
}

.skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav .open > a, .skin-green .main-header .navbar .nav .open > a:hover, .skin-green .main-header .navbar .nav .open > a:focus, .skin-green .main-header .navbar .nav > .active > a {
    background-color: transparent;
    color: #F6F6F6;
}

.enjoyhint_close_btn {

 
}



.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    border-color: #CCC;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
}

.fc-event {

    border-radius: 0px !important;

}

.bg-navy {
    background-color: #ff7a04 !important;
}

.callout.callout-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #ff7a04 !important;
}

.orange {
    background-color: #4e4e4e !important;
    color: #FFF;
    padding: 12px 5px 12px 18px;
    height: 50px;
}

.orange:hover{
     background-color: #000760;
}

.main-sidebar{
    position: fixed;
}

.bar {
    fill: #ff7a04;
}

.table-scroll {
    height: 210px;
    overflow: auto;
    border-radius: 3px;
}

.sidebar-menu li.active>a>.fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sidebar-menu p {
    margin: 2px 2px 2px 0px;
}

.baremo {
    display: block;
    float: unset !important;
    padding: 0px;
    background-color: white;
    overflow: auto;
    max-height: 100px;
}

.circle-orange {
    fill: #ff7a04;
}

.skin-green .sidebar-menu > li > .treeview-menu {
    margin: 0px 1px;
    background: #555 none repeat scroll 0% 0%;
}

.box-title strong {
    text-transform: uppercase !important;
}

.modl {
    
background: rgb(227, 227, 227) none repeat scroll 0% 0%;
border-radius: 5px;
padding: 25px;
text-align: center;
color: white;
    
}

.hgl{
    
color: white;
font-weight: 100;
font-size: 40px;
text-align: center;
}

------



	<style type="text/css">

      .text-white{
        color: white;
      }


	.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #005A03;
    border: 1px solid #18831B;
    
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #FFF;
    margin-right: 8px;
	}

	.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0px;
    position: relative;
    vertical-align: middle;
    color: black;
    }
	
.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 6px;
  background: #357CA5;
  color: white;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: #357CA5;
  content: "\25BC";
  position: absolute;
  text-align: center;
}
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

.axis {
 fill: #00468C;
}

.axis path,
.axis line {
	 fill: none;
	 stroke: lightsteelblue;
	 opacity: 0.5;
	 shape-rendering: crispEdges;
}

.axis text {
 font-size: 11px;
 font-family: helvetica;
 font-weight: bold;
}

.tick{
    font-family: helvetica;
    font-size: 13px;
    font-weight: bold;
    fill: #00468C;
}

button.close {
    color: black;
}

.circle-blue{
    fill: #1F77B4;
}


.arrow::after {
   font-family: FontAwesome;
   content: "\f0dc";
   display: inline-block;
   padding-left: 5px;
   vertical-align: middle;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f5f5f5;
    padding: 10px;
}

.fc-content{
   text-align:right;
}
.fc-content>.fc-time{
    display: none;
}

.tbl thead, .tbl .tbody
{
    display: block;
    width: 100%;
}

.tbl thead
{
    display: inherit !important;
}

.tbodysc
{
    overflow-x: hidden;
    width: 100% !important;
    overflow-y: auto;
    display: block;
    max-height: 230px;
}

a {
    color: #ff7a04;
}

a:hover, a:active, a:focus {
    outline: medium none;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.51);
    font-size: 105%;
}

.btnGhost {
    border-radius: 0px !important;
    color: white;
    background-color: transparent;
    border: 1px solid white;
    margin: 0px;
    text-transform: uppercase;
    width: auto;
    margin-top: 10px;  
    padding: 10px;
}

.btnColor, .btn-primary, .btn-default, .btn-success {
    border-radius: 0px !important;
    color: white;
    background-color: transparent;
    border: 1px solid #ff7a04;
    margin: 0px;
    color: #ff7a04;
    text-transform: uppercase;
    width: auto;
    margin-top: 10px;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.toggle-group .btn {
    margin: 0px !important;
}

.daterangepicker .ranges .input-mini {

    border-radius: 0px !important;
}

.daterangepicker {
    border-radius: 0px !important;
}

.daterangepicker .calendar-date 
{
    border-radius: 0px !important;
}

.btnGhost:hover, .btnGhost:active, .btnGhost:focus, .btnColor:hover, .btnColor:active, .btnColor:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-default:hover, .btn-default:active, .btn-default:focus , .btn-success:hover, .btn-success:active, .btn-success:focus
{
    background-color: #ff7a04;
    border: 1px solid #ff7a04;
    color: white;
}

.btnGhost:hover {
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0) inset !important;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0px none;
    background-color: white;
    transition: all 0.3s ease 0s;
    text-align: center;
    margin-bottom: 0px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
 border: 1px solid #D2D6DE;
 border-radius: 0px;
 padding: 4px 0px;
 height: 34px;
}


#modal-correo .modal-header {
	padding: 9px 15px;
	background-color: #ff7701;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-content{
	border-radius: 5px;

}

h2 {
    color: #ff7a04;
    margin: 0px;
    font-size: 20px;
}

h6 {
    font-size: 14px;
    opacity: 0.7;
    color: #666;
}

.btn.active:hover {
    background-color: #ff7a04 !important;
    border-color: #ff7a04 !important;
    color: #FFF;
}

.box
{
    border-radius: 0px !important;
}

.btn-group-vertical > .btn, .btn-group > .btn 
{
    border-radius: 0px !important;
}

.enjoyhint_next_btn, .enjoyhint_skip_btn {
    font: 17px/40px "Advent Pro",Helvetica,sans-serif;
    border-radius: 3px !important;
}



.logo-tit {
    font-weight: 500;
    padding-bottom: 8px;
    padding-top: 10px;
    border-bottom: 2px solid #ff7a04;
    margin: 0px;
    opacity: 0.6;
    margin-top: 8px;
}

.login
{
    background: none;
    background-color: rgb(223, 223, 223);
}

/*Login */

.div-login {
    background-color: #191919 !important;
    padding: 30px !important;
}

.input-group .input-group-addon {
    color: #ff7a04;
    min-width: 67.3px;
}

.table-responsive .input-group .input-group-addon {
    color: #ff7a04;
    font-size: 80%;
    padding: 5px;
    min-width: 40px;
    max-width: 40px;
}

.div-login a 
{
    color: #dfdfdf !important;
}

.div-login a:hover 
{
    color: #fff !important;
}

.close {
    color: #FFF;
    opacity: 0.6;
}

.active-row {
    color: #FFF;
    background: rgba(34, 34, 34, 0.85) none repeat scroll 0% 0%;
}

.btnLink {
    background-color: transparent;
    border: 0px;
    color: #333 !important;
    margin-bottom: 5px;
        
}

.btnLink:hover {
    color: #666 !important;
}

.filtrosh
{
    border-left: 2px solid #ff7a04;
    padding-left: 10px;
}

.bootbox-alert .modal-footer 
{
    margin: 0px !important;
}

.bootbox-alert .modal-footer 
{
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.item-table-responsive
{
    width: 100%;
    background-color: rgb(224, 224, 224);
    padding-bottom: 10px !important;
    margin-bottom: 5px;
    border: solid 2px transparent !important;
}

.table-responsive thead {
    background-color: #ff7a04 !important;
}

.cropit-preview 
{
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 300px;
    height: 200px;
    margin-bottom: 10px;
}

.cropit-preview-image-container 
{
    cursor: move;
}
.image-size-label 
{
    margin-top: 10px;
}

input, .export 
{
    display: block;
}

.rowfill

{
    padding: 20px;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-radius: 0;
}

.skin-green .content-header {
    background-color: transparent!important;
}

.table {
    margin-bottom: 0px;
    width: 100%;
}

.content-header {
    position: relative;
    padding: 0px !important ;
}

----

.tbf table {
    width: 100%;
}

.tbf  thead, .tbf tbody,.tbf  tr,.tbf  td,.tbf  th { display: block; }

.tbf tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.tbf thead th {
    height: auto;

    /*text-align: left;*/
}

.tbf tbody {
    height: 365px;
    overflow-y: auto;
}

.tbf thead {
    /* fallback */
}


.tbf tbody td, .tbf thead th {
    /*width: 25%;*/
    float: left;
}
.tbf tbody tr
{
    display: table;
    width: 100%!important;
}
.tbf
{
    margin-bottom: 20px;
}


.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
}


.table-responsive > .table > tbody > tr > td
{
    /*line-height: 35px; COMENTADO PORQUE EN RECEPCION LOS TD CON SELECT SE MUESTRAN MAS ALTOS*/
}

----

@media only screen and (max-width: 768px) {
    
.btnEllipse {
    border-radius: 50%;
    height: 38px !important;
    width: 38px !important;

}
    
#cinc{
    margin-top: 0px;
}
    
.filtrosh
{
    border-left: 0px ;
    padding-left: 0px;
}

.btnEllipse .fa {
    float: none;
    padding: 0px;
}

.btnEllipse p {
    float: none;
    display: none;

}
    
    .orange {
    background-color: #ff7a04 !important;
    color: #FFF;
    padding: 12px 5px 12px 18px;
    height: 50px;
}

}

/* Juan Donis 28/04/2016 -  Estilos para corregir BUGS en Intl-Tel-Input */

.intl-tel-input {display: table-cell;}

.intl-tel-input .country-list .country.highlight {background-color: #ccc;}

.intl-tel-input .iti-flag .arrow {border: none;}  

.intl-tel-input .country-list {z-index: 10;}

.intl-tel-input {width: 800px!important;}

.error{
    border: 1px solid red;
}

.VerMas
{
    text-align: center;
    background-color: rgba(255, 255, 255, 0.33);
    margin-top: 20px;
    border-radius: 10px;
    padding: 4px;
    color: white;
    cursor: pointer;
}

.widget-user-2 .widget-user-header {
    padding-bottom: 8px;
}

.select2-container--default .select2-selection--single {
		  background-color: #fff;
		  border: 1px solid #D2D6DE;
		  border-radius: 0;
		  height: 34px;
		  margin-top: 1px;
		}

		.select2-search__field {
		 width: 100% !important;
		}

		.select2-container--default .select2-selection--single .select2-selection__rendered {
		  color: #56565B;
		  line-height: 32px;
		}
            
		.select2-container--default .select2-selection--single .select2-selection__arrow b {
   
		 margin-top: 3px;
	
		}

		#logo-md{
		  padding: 10px;
		  width: 250px;
          max-width: 100%;    
									
		}
		
		#logo-md2{
		  padding: 0;
		  width: 120px;
									
		}

		

		#li_tutorial{
		 font-size: 20px;
		 padding: 0 auto;
		 }
          

  
    #modal-reporte .modal-header {
     padding: 9px 15px;
     background-color: #ff7701;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     }
     .modal-content{
     border-radius: 5px;
     
     }

     .popover{
        left: -60px !important;
        color: green;
        font-size: 16px;

     }

     .arrow{
        left: 80% !important;
     }

    
	hr {
		 border-top: 1px solid gray !important;
		 margin-bottom:5px !important; 
		 margin-top:1px !important;
         opacity: 0.4
	}

	.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
	 height: 80px;
	 padding: 5px;
	 text-align: center;
	}
	
	
	.scroll-top-wrapper {
		position: fixed;
		opacity: 0.5;
		visibility: hidden;
		overflow: hidden;
		text-align: center;
		z-index: 99999999;
		background-color: #888888;
		color: #eeeeee;
		width: 50px;
		height: 48px;
		line-height: 48px;
		right: -100px;
		bottom: 30px;
		padding-top: 2px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.scroll-top-wrapper:hover {
		background-color: #ff7a04;
	}
	.scroll-top-wrapper.show {
		visibility:visible;
		cursor:pointer;
		opacity: 0.5;
		right: 30px;
        border-radius: 3px;
	}
	.scroll-top-wrapper i.fa {
		line-height: inherit;
	}


    /* CIERRE DE CAJA */

    .tdDescrip{
        width: 70%;
    }

    .tdMonto{
        width: 30%;
    }

    .tdMontoEfec{
        width: 30%;
    }
    
.navbar-custom-menu > .navbar-nav {
    position: relative;
    background-color: rgba(0, 0, 0, 0.23);
    padding-left: 0; 
    padding-right: 0;
    border-radius: 2px;
    margin-top: 18px;
    margin-right: 18px;
}

@media (min-width: 768px)
.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
}

.table-internal td
{
    background-color: #ccc;
}

.modal-header
{
    background-color: #ff7a04 !important;
}
.modal-content {
    border-radius: 0!important;
}
.close{
    color: #fff!important;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}

.navbar-custom-menu, .main-header .navbar-right {
    float: right;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

/* menu sidebar oculto*/

.content-wrapper, .right-side, .main-footer {
    margin-left: 0px !important;
}

/* Bootstrap Toggle Styles */

.toggle-handle {    
    border: solid 1px #d2d6de!important;
    border-radius: 0px!important;
}

.toggle-on.btn {
    padding-right: 24px;
    background-color: #ff7a04!important;
    border-color: #d2d6de!important;
    color: #ffffff !important;
}

.toggle-off.btn {
    padding-left: 18px!important;
    background-color: #fff !important;
    border-color: #d2d6de!important;
    color: #777!important;
}

.toggle-off.btn:hover {
    background-color: #818181 !important;
    border-color: #d2d6de!important;
    color: #fff !important;
}

.btnToggle.btn{
    border: 1px solid red;
}

.toggle-on.btn {
    padding-left: 10px!important;
}

.btnToggle label{  
   padding: auto!important;  
}

.toggle.btn {   
    border: 0px solid #d2d6de!important;
    border-radius: 0px!important;
}

.modal-title {
    color: white;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.datepicker table tr td.today, .daterangepicker td.active, .daterangepicker td.active:hover
{
    color: white;
    background-color: #ff7a04;
    border-color: #ff7a04;
}
.daterangepicker td.in-range {
    background: rgba(203, 200, 200, 0.5);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover 
{
    color: #ffffff;
    background-color: #ff7a04;
    border-color: #ff7a04;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover 
{
    color: #ffffff;
    background-color: #580d1b;
    border-color: #580d1b;
}


/*table.scroll {
            width: 100%!important;
            border-collapse: collapse; 
            border-spacing: 0;
            margin-bottom: 20px;
            
        }

        table.scroll tbody,
        table.scroll thead { 
            display: block;
            width: 100%;
        }
        table.scroll thead tr{ 
            display: table;
            width: 100%;
        }

        thead tr th { 
            height: 35px;
            line-height: 35px;
            text-align: left;
        }

        table.scroll tbody {
            height: 350px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        table.scroll tbody tr{

            display: table;
            width: 100%!important;

        }*/


/******************************* CODIGOS TABLA CON HEADER FIJO *******************************************/

/*
Force table width to 100%
*/
 table.table-fixed {
    width: 100%;   
}
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
 table.table-fixed, table.table-fixed>thead, table.table-fixed>tbody, table.table-fixed>thead>tr, table.table-fixed>tbody>tr, table.table-fixed>thead>tr>th, table.table-fixed>tbody>td {
    display: block;
    border: 0;
}
table.table-fixed>thead>tr:after, table.table-fixed>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}
/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
 table.table-fixed>tbody {
    overflow-y: auto;    
    max-height: 306px;
    
}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
 table.table-fixed>thead {
    overflow-y: hide;
    padding-right: 15px;
     background-color: #444;
}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
 table.table-fixed>thead::-webkit-scrollbar {
    background-color: inherit;
}


table.table-fixed>thead>tr>th:after, table.table-fixed>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

table.table-fixed>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}

 table.table-fixed>thead tr th{
    float: left;
 }

/*table.table-fixed td{
    margin-left: 5px;
    margin-right: 5px;
}*/

table.table-fixed>tbody td {
   /* overflow-x: auto;*/
   /* display: block; */   
    
}

/*@media (max-width: 768px)
.table {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}*/

@media screen and (max-width: 400px) {
    .table-responsive{
        overflow-x: auto;
        display: block;
    }
}

.table-responsive{
    border: 0;
}


/******************************* FIN DE CODIGOS TABLA CON HEADER FIJO *******************************************/

/***************************** QUITAR BORDES EXTERNOS A TABLAS *******************************************/


.div-btn-bar {
    text-align: right;
}

.img-user 
{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 5px;
    border: 2px solid #ff7a04;
}

.user-div {
    margin-top: 15px;
    color: #333333;
}

#menu-drop {
    position: absolute;
    top: 125px;
    right: 0px;
    text-align: left;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    
}

#menu-side {
    position: absolute;
    top: 78px;
    left: 0px;
    text-align: left;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 999;
}

#menu-user {
    position: absolute;
    top: 55px;
    right: 0px;
    text-align: left;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 999;
}

.p-table
{
    margin: 0px;
    margin-bottom: 6px;
    margin-top: 6px;
    text-align: center;
}

.LinkList {
    display: block; 
    padding: 20px 20px 0px 0px;
}

.FullPanel 
{
    height: 100%;
    position: absolute;
}

.btnRPos
{	
	border-radius: 0px !important;  
    margin: 0px;   
    text-transform: uppercase;
    width: auto;    
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
	background-color: #2aabe4!important;
    border: 1px solid #2aabe4!important;
	color: white!important;
}
.btnRPos:hover
{
	background-color: transparent!important;
    border: 1px solid #2aabe4!important;
	color: #2aabe4!important;
}