/*Barra Scroll*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

body a {
  color:#000;
}
body .profile-info.dropdown .dropdown-menu {
  background:#2A2A2A;
  border-color:#2A2A2A;
}
body .profile-info.dropdown .dropdown-menu > li {
  border-bottom-color:transparent;
}
body .profile-info.dropdown .dropdown-menu li a {
  color:#FFF;
}
body .profile-info.dropdown .dropdown-menu li a:hover {
  background:#000;
}
body .page-container .sidebar-menu {
  background:#2A2A2A;
  color:#ccc;
}
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search .search-input {
  background-color:#ECE4EC !important;
  border-color:#ECE4EC !important;
}
body .page-container .sidebar-menu #main-menu li#search {
  background-color:#ECE4EC;
  border-color:#ECE4EC;
}
body .page-container .sidebar-menu #main-menu li ul {
  border-color:rgba(6, 61, 125, 0.7);
}
body .page-container .sidebar-menu #main-menu li ul > li {
  border-color:rgba(6, 61, 125, 0.7);
}
body .page-container .sidebar-menu #main-menu li ul > li > a {
  background-color:#2A2A2A;
}
body .page-container .sidebar-menu #main-menu li.active > a {
  background:#ECE4EC;
}

.sub_list li.active a{background-color: #333!important;}

body .page-container .sidebar-menu #main-menu li ul > li > a {
  background-color:#ECE4EC;
}
body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
  border-color:#FFF;
}
body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover {
  background:#FFF; border-color:#f1f1f1;
}
body .page-container .sidebar-menu .sidebar-user-info {
  border-color:#ECE4EC;
}
body .page-container .sidebar-menu .sidebar-user-info .sui-hover {
  background-color:#2A2A2A;
}
body .page-container .sidebar-menu #main-menu li {
  border-color:#ECE4EC;
}
body .page-container .sidebar-menu #main-menu li a {
  color:#FFF;
}
body .page-container .sidebar-menu #main-menu li a:hover {
  background-color:#333; color:#FFF!important;
}
body .page-container .sidebar-menu #main-menu li ul > li > a:hover {
  background-color:#333;
}
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
  border-color:#ECE4EC;
}
body .page-container .sidebar-menu #main-menu li ul > li ul > li > a {
  background-color:#2A2A2A;
}
body .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
  background-color:#2A2A2A;
}
body .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
  background-color:#2A2A2A;
}
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
  background:#2A2A2A;
  border-color:#ECE4EC;
}
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
  border-color:#ECE4EC;
}
body .profile-info.dropdown .dropdown-menu > .caret {
  border-bottom-color:#2A2A2A;
}
body #chat {
  background:#2A2A2A;
}
body #chat .chat-header {
  color:#FFF;
  border-bottom:1px solid #ECE4EC;
}
body #chat .chat-group > a:hover,
body #chat .chat-group > a.active {
  background:#ECE4EC;
}
body #chat .chat-group > strong {
  color:rgba(255, 255, 255, 0.4);
}
body #chat .chat-conversation {
  background:#2A2A2A;
}
body #chat .chat-conversation .conversation-body > li.odd,
body #chat .chat-conversation .conversation-body > li.even,
body #chat .chat-conversation .conversation-body > li.opponent {
  background:#ECE4EC;
}
body #chat .chat-conversation .conversation-header {
  border-color:#ECE4EC;
}
body #chat .chat-conversation .chat-textarea textarea {
  background:#ECE4EC;
  box-shadow:none;
  border-color:#ECE4EC;
}
body #chat .chat-group > a:before {
  border-color:transparent transparent transparent #2A2A2A;
}
body .tile-primary {
  background:#2A2A2A;
}
body .tile-primary .tile-entry {
  border-color:#ECE4EC;
}
body .tile-primary .title {
  background:#002858;
}
body .tile-white-primary .num,
body .tile-white-primary h3,
body .tile-white-primary p {
  color:#ECE4EC;
}
body .btn-primary {
  font-size: 0.9em;
  font-weight: bold;
  background:#00b8ff;
  border-color:transparent;
  border-radius: 2px!important;
}
body .panel-invert {
  background:#2A2A2A;
}
body .navbar-inverse {
  border-color:#2A2A2A;
  background:#2A2A2A;
}
body .navbar-inverse .navbar-nav > li > a {
  color:#FFF;
}
body .navbar-inverse .navbar-nav > .open > a,
body .navbar-inverse .navbar-nav > .open > a:hover,
body .navbar-inverse .navbar-nav > .open > a:focus {
  background:#ECE4EC;
}
body .navbar-inverse .navbar-nav > .active > a,
body .navbar-inverse .navbar-nav > .active > a:hover,
body .navbar-inverse .navbar-nav > .active > a:focus {
  background:#ECE4EC;
}
body .badge.badge-primary,
body .label-primary {
  background-color:#2A2A2A;
}
body .badge.badge-secondary,
body .label-secondary {
  background-color:#ffb400;
}
body .pagination > .active > a,
body .pagination > .active > span,
body .pagination > .active > a:hover,
body .pagination > .active > span:hover,
body .pagination > .active > a:focus,
body .pagination > .active > span:focus {
  border-color:#2A2A2A;
  background:#2A2A2A;
}
body div.datepicker table tr td.active,
body div.datepicker table tr td.active:hover,
body div.datepicker table tr td.active.disabled,
body div.datepicker table tr td.active.disabled:hover {
  background-color:#2A2A2A;
}
body.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img {
  border-color:#ECE4EC;
}
body.login-page .login-content a {
  color:#FFF;
}

.login-content{padding-bottom:5px!important;}
.footer-container{background:#fff;margin:0!important;height: 44px;vertical-align: center; width: 380px;
  margin-left: -30px!important;
  position: absolute!important;
}

body .input-group-addon {
  color:#FFF;
}
body.page-left-in,
body.page-right-in,
body.page-fade-only,
body.page-fade {
  background:#2A2A2A !important;
}
body .page-container .sidebar-menu #main-menu li#search button i {
  color:#000;
}
body .btn-primary.btn-icon i {
  background-color:rgba(0, 0, 0, 0.2);
}
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active,
body .btn-primary.active,
body .open .dropdown-toggle.btn-primary {
  opacity: 0.90;
  background:#00b8ff;
  border-color:transparent;
}
body .tile-block .tile-content .todo-list .bws-cb-replacement .cb-wrapper .checked {
  background:#2A2A2A;
}
body .page-container.horizontal-menu header.navbar {
  background:#2A2A2A;
}
body .page-container.horizontal-menu.with-sidebar header.navbar {
  border-color:#ECE4EC;
}
body .page-container.horizontal-menu.with-sidebar .sidebar-user-info {
  border-color:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
  border-right-color:rgba(6, 61, 125, 0.7);
  color:#FFF;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
  background:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav {
  border-left-color:rgba(6, 61, 125, 0.7);
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li#search {
  border-right-color:rgba(6, 61, 125, 0.7);
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
  background:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul {
  background:#2A2A2A;
}
body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open {
  background:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
  border-color:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
  background:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a {
  background:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input,
body .page-container.horizontal-menu header.navbar > ul > li#search .search-input {
  background:#ECE4EC;
  border-color:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li#search.search-input-collapsed:hover {
  border-color:#ECE4EC;
  background:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
  border-color:#ECE4EC;
}
body .page-container.horizontal-menu header.navbar ul.nav > li > a,
body .page-container.horizontal-menu header.navbar ul.nav > li > span {
  color:#FFF;
}
body .entypo-menu {
  color:#000;
}
body .page-container .sidebar-menu #main-menu li#search .search-input {
  color:#000;
}
body .page-container .sidebar-menu #main-menu li#search .search-input::-webkit-input-placeholder {
  color:#000;
}
body .page-container .sidebar-menu #main-menu li#search .search-input:-moz-placeholder {
  color:#000;
}
body .page-container .sidebar-menu #main-menu li#search .search-input::-moz-placeholder {
  color:#000;
}
body .page-container .sidebar-menu #main-menu li#search .search-input:-ms-input-placeholder {
  color:#000;
}
body #chat .chat-group > a {
  color:#FFF;
}
body .conversation-body,
body #chat .entypo-cancel,
body #chat .chat-conversation .chat-textarea:after {
  color:#FFF;
}
body #chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
  color:#FFF;
}
body #chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
  color:#FFF;
}
body #chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
  color:#FFF;
}
body #chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
  color:#FFF;
}
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
  color:#FFF;
}
body .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button i,
body .page-container.horizontal-menu header.navbar > ul > li#search button i {
  color:#FFF;
}
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a:hover,
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a:hover {
  color:#fff;
}
body .panel-invert > .panel-heading,
body .modal.invert .modal-dialog .modal-content .modal-header,
body .modal.invert .modal-dialog .modal-content .modal-footer {
  background:#2A2A2A;
  border-color:#ECE4EC;
}
body .panel-invert > .panel-body,
body .modal.invert .modal-dialog .modal-content {
  background:#2A2A2A;
  color:#FFF;
}
body .modal.invert .modal-dialog .modal-content {
  border-color:#2A2A2A;
}
body .panel-invert {
  border-color:#2A2A2A;
}
body .panel-invert > .panel-heading > .panel-options > a.bg,
body .modal.invert .modal-dialog .modal-content .modal-header .close {
  background-color:#ECE4EC;
}
body .panel-invert > .panel-heading > .panel-options > a.bg:hover {
  background-color:#2A2A2A;
}
body a.list-group-item.active,
body a.list-group-item.active:hover,
body a.list-group-item.active:focus {
  background-color:#2A2A2A;
  border-color:#2A2A2A;
}
body a.list-group-item.active .list-group-item-text,
body a.list-group-item.active:hover .list-group-item-text,
body a.list-group-item.active:focus .list-group-item-text {
  color:#FFF;
}
body .popover.popover-primary {
  background-color:#2A2A2A;
  border-color:#2A2A2A;
}
body .popover.popover-primary .popover-title {
  background-color:#2A2A2A;
  border-color:#2A2A2A;
}
body .popover.popover-primary.top .arrow {
  border-top-color:#2A2A2A;
}
body .popover.popover-primary.top .arrow:after {
  border-top-color:#2A2A2A;
}
body .popover.popover-primary.right .arrow {
  border-right-color:#2A2A2A;
}
body .popover.popover-primary.right .arrow:after {
  border-right-color:#2A2A2A;
}
body .popover.popover-primary.bottom .arrow {
  border-bottom-color:#2A2A2A;
}
body .popover.popover-primary.bottom .arrow:after {
  border-bottom-color:#2A2A2A;
}
body .popover.popover-primary.left .arrow {
  border-left-color:#2A2A2A;
}
body .popover.popover-primary.left .arrow:after {
  border-left-color:#2A2A2A;
}
body .popover.popover-secondary {
  background-color:#ffb400;
  border-color:#ffb400;
}
body .popover.popover-secondary .popover-title {
  background-color:#ffb400;
  border-color:#ffb400;
}
body .popover.popover-secondary.top .arrow {
  border-top-color:#ffb400;
}
body .popover.popover-secondary.top .arrow:after {
  border-top-color:#ffb400;
}
body .popover.popover-secondary.right .arrow {
  border-right-color:#ffb400;
}
body .popover.popover-secondary.right .arrow:after {
  border-right-color:#ffb400;
}
body .popover.popover-secondary.bottom .arrow {
  border-bottom-color:#ffb400;
}
body .popover.popover-secondary.bottom .arrow:after {
  border-bottom-color:#ffb400;
}
body .popover.popover-secondary.left .arrow {
  border-left-color:#ffb400;
}
body .popover.popover-secondary.left .arrow:after {
  border-left-color:#ffb400;
}
body .tooltip.tooltip-primary .tooltip-inner {
  background-color:#2A2A2A;
  color:#000;
}
body .tooltip.tooltip-primary.top .tooltip-arrow {
  border-top-color:#2A2A2A;
}
body .tooltip.tooltip-primary.top-left .tooltip-arrow {
  border-top-color:#2A2A2A;
}
body .tooltip.tooltip-primary.top-right .tooltip-arrow {
  border-top-color:#2A2A2A;
}
body .tooltip.tooltip-primary.right .tooltip-arrow {
  border-right-color:#2A2A2A;
}
body .tooltip.tooltip-primary.left .tooltip-arrow {
  border-left-color:#2A2A2A;
}
body .tooltip.tooltip-primary.bottom .tooltip-arrow {
  border-bottom-color:#2A2A2A;
}
body .tooltip.tooltip-primary.bottom-left .tooltip-arrow {
  border-bottom-color:#2A2A2A;
}
body .tooltip.tooltip-primary.bottom-right .tooltip-arrow {
  border-bottom-color:#2A2A2A;
}
body .tooltip.tooltip-secondary .tooltip-inner {
  background-color:#ffb400;
  color:#FFF;
}
body .tooltip.tooltip-secondary.top .tooltip-arrow {
  border-top-color:#ffb400;
}
body .tooltip.tooltip-secondary.top-left .tooltip-arrow {
  border-top-color:#ffb400;
}
body .tooltip.tooltip-secondary.top-right .tooltip-arrow {
  border-top-color:#ffb400;
}
body .tooltip.tooltip-secondary.right .tooltip-arrow {
  border-right-color:#ffb400;
}
body .tooltip.tooltip-secondary.left .tooltip-arrow {
  border-left-color:#ffb400;
}
body .tooltip.tooltip-secondary.bottom .tooltip-arrow {
  border-bottom-color:#ffb400;
}
body .tooltip.tooltip-secondary.bottom-left .tooltip-arrow {
  border-bottom-color:#ffb400;
}
body .tooltip.tooltip-secondary.bottom-right .tooltip-arrow {
  border-bottom-color:#ffb400;
}
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input::-webkit-input-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input::-webkit-input-placeholder {
  color:#FFF;
}
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input:-moz-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input:-moz-placeholder {
  color:#FFF;
}
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input::-moz-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input::-moz-placeholder {
  color:#FFF;
}
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input:-ms-input-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input:-ms-input-placeholder {
  color:#FFF;
}




/*NPROGRESS BAR*/
      /* Make clicks pass-through */
#nprogress {
  pointer-events:none;
}

#nprogress .bar {
  background:#2A2A2A;

  position:fixed;
  z-index:1031;
  top:0;
  left:0;

  width:100%;
  height:2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display:block;
  position:absolute;
  right:0px;
  width:100px;
  height:100%;
  box-shadow:0 0 10px #2A2A2A, 0 0 5px #2A2A2A;
  opacity:1.0;

  -webkit-transform:rotate(3deg) translate(0px, -4px);
      -ms-transform:rotate(3deg) translate(0px, -4px);
          transform:rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display:block;
  position:fixed;
  z-index:1031;
  top:15px;
  right:15px;
}

#nprogress .spinner-icon {
  width:18px;
  height:18px;
  box-sizing:border-box;

  border:solid 2px transparent;
  border-top-color:#2A2A2A;
  border-left-color:#2A2A2A;
  border-radius:50%;

  -webkit-animation:nprogress-spinner 400ms linear infinite;
          animation:nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow:hidden;
  position:relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position:absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}




/*STANDAR BWS CSS*/

#breadcrumps, .breadcrumps{color: #396190;
font-size: 10px !important ;
font-weight:bold;
padding:30px; font-size:14px; margin-top:-80px;
}

#breadcrumps a, .breadcrumps a{text-decoration:none;}


.tabs td {  
border:1px solid #C8C8C8;
height:28px;
color:#8C8C8C;
font-size:12px;}


.tabs th {  
border:1px solid #C8C8C8;
height:28px;
color:#8C8C8C;
font-size:12px;}

.display td { 
font-weight:normal;
border:1px solid #C8C8C8;
height:auto;
width:auto;
color:#8C8C8C;
font-size:13px;}


.display th { 
border:1px solid #C8C8C8;
height:auto;
width:auto;
color:#fff;
font-size:13px;}

.display{margin:0 auto; border-collapse:separate; border-spacing:2px 2px; max-width:98% !important;}
.paging_full_numbers span.paginate_button {font-size:11px !important; font-weight:normal;}
.paging_full_numbers span.paginate_active {font-size:11px !important; font-weight:normal;}
.dataTables_length label, .dataTables_info, .dataTables_filter label{ margin-left:10px !important; font-weight:normal !important; color:#888; font-size:12px;}
.dataTables_length select { margin-top:7%;display:inline;height:auto; width:auto; background-color:#fff; border-radius:0px; font-size:14px; padding:0; color:#777;}
.dataTables_empty{background-color: #fff;}
/* -------------------- Select Box Styles:bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source:http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background:#f9f9f9;
   height:39px; /*overflow:hidden;*/
   width:100%;
}

.styled-select select {
   background:#fff;
   border:none;
   font-size:12px;
   height:39px;
   padding:5px; /* If you add too much padding here, the options won't show in IE */
   width:100%;
}

.styled-select.slate {
   background:#f9f9f9 no-repeat 326px 42px;
   height:34px;
   width:100%;
}

.styled-select.slate select {
   border:1px solid #ccc;
   font-size:16px;
   height:40px;
   width:100%;
}


/* -------------------- Colors:Background */
.slate   { background-color:#ddd; }

/* -------------------- Colors:Text */
.slate select   { color:#555; }


/*SWITCH BUTTON */
    .onoffswitch {
        position:relative; width:80px; float:left; margin:auto; 
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
    }
    .onoffswitch-checkbox {
        display:none;
    }
    .onoffswitch-label {
        display:block; overflow:hidden; cursor:pointer;
        border:2px solid #FFFFFF; border-radius:50px;
    }
    .onoffswitch-inner {
        display:block; width:200%; margin-left:-100%;
        transition:margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display:block; float:left; width:50%; height:35px; padding:0; line-height:36px;
        font-size:18px; color:white; font-weight:bold;
        vertical-align:center;
        box-sizing:border-box;
    }
    .onoffswitch-inner:before {
        content:"ON";
        padding-left:15px;
        background-color:#F0F0F0; color:#5AC117;
    }
    .onoffswitch-inner:after {
        content:"OFF";
        padding-right:9px;
        background-color:#F0F0F0; color:#999999;
        text-align:right;
    }
    .onoffswitch-switch {
        display:block; width:26px; margin:1.5px;
        background:#A1A1A1;
        position:absolute; top:0; bottom:0;
        right:50px;
        border:2px solid #FFFFFF; border-radius:50px;
        transition:all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left:0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right:0px; 
        background-color:#00CC00;
    }
/*END SWITCH BUTTON */




/*SWITCH BUTTON 2*/
    .onoffswitch2 {
        position:relative; width:80px; float:left; margin:auto; 
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
    }
    .onoffswitch-checkbox2 {
        display:none;
    }
    .onoffswitch-label2 {
        display:block; overflow:hidden; cursor:pointer;
        border:2px solid #FFFFFF; border-radius:50px;
    }
    .onoffswitch-inner2 {
        display:block; width:200%; margin-left:-100%;
        transition:margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner2:before, .onoffswitch-inner2:after {
        display:block; float:left; width:50%; height:35px; padding:0; line-height:36px;
        font-size:18px; color:white; font-weight:bold;
        vertical-align:center;
        box-sizing:border-box;
    }
    .onoffswitch-inner2:before {
        content:"ON";
        padding-right:18px;
        background-color:#F0F0F0; color:#5AC117;
    }
    .onoffswitch-inner2:after {
        content:"OFF";
        padding-right:9px;
        background-color:#F0F0F0; color:#999999;
        text-align:right;
    }
    .onoffswitch-switch2 {
        display:block; width:26px; margin:1.5px;
        background:#A1A1A1;
        position:absolute; top:0; bottom:0;
        right:50px;
        border:2px solid #FFFFFF; border-radius:50px;
        transition:all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox2:checked + .onoffswitch-label2 .onoffswitch-inner2 {
        margin-left:0;
    }
    .onoffswitch-checkbox2:checked + .onoffswitch-label2 .onoffswitch-switch2 {
        right:0px; 
        background-color:#00CC00;
    }
/*END SWITCH BUTTON */


/*TABLE LOG */

.table_log table {
  padding:0px; 
  width:100%; 
  font-size:100%;  
  background-color:#f9f9f9; 
    background:#f5f5f5;
    border-collapse:separate;
    box-shadow:inset 0 1px 0 #fff;
    font-size:12px;
    line-height:24px;
    margin:0 auto;
    text-align:left;
    width:20px;
}   

.table_log thead{color:#555;}

.table_log th {
    background:url(), linear-gradient(#777, #444);
    border-left:1px solid #555;
    border-right:1px solid #777;
    border-top:1px solid #555;
    border-bottom:1px solid #333;
    box-shadow:inset 0 1px 0 #999;
    color:#fff;
    font-weight:bold;
    padding:10px 15px;
    position:relative;
    text-shadow:0 1px 0 #000;  
}

.table_log th:after {
    background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
    content:'';
    display:block;
    left:0;
    margin:1px 0 0 0;
    position:absolute;
    top:25%;
    width:100%;
}

.table_log th:first-child {
    border-left:1px solid #777;    
    box-shadow:inset 1px 1px 0 #999;
}

.table_log th:last-child {
    box-shadow:inset -1px 1px 0 #999;
}

.table_log td {
    border-right:1px solid #fff;
    border-left:1px solid #e8e8e8;
    border-top:1px solid #fff;
    border-bottom:1px solid #e8e8e8;
    padding:5px 15px;
    position:relative;
    transition:all 300ms;
}

.table_log td:first-child {
    box-shadow:inset 1px 0 0 #fff;
}   

.table_log td:last-child {
    border-right:1px solid #e8e8e8;
    box-shadow:inset -1px 0 0 #fff;
}   

.table_log tr {
    background:url();  
}

.table_log tr:nth-child(odd) td {
    background:#f1f1f1 url();  
}

.table_log tr:last-of-type td {
    box-shadow:inset 0 -1px 0 #fff; 
}

.table_log tr:last-of-type td:first-child {
    box-shadow:inset 1px -1px 0 #fff;
}   

.table_log tr:last-of-type td:last-child {
    box-shadow:inset -1px -1px 0 #fff;
}   

.table_log tbody:hover td {
    color:transparent;
    text-shadow:0 0 0px #aaa;
}

.table_log tbody:hover tr:hover td {
    color:#444;
    text-shadow:0 1px 0 #fff;
}






.btn_l1 {
    display:inline-block;
    border-top:1px solid #24bddb;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    text-shadow:rgba(0,0,0,.1) 0 0px 0;
    text-decoration:none;
    background:#69D2E7;
    background-repeat:no-repeat;
    background-image:-webkit-linear-gradient(
        top left,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -webkit-linear-gradient(
        #24bddb, #69D2E7
    );
    background-image:-moz-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -moz-linear-gradient(
        #24bddb, #69D2E7
    );    
    background-image:-o-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -o-linear-gradient(
        #24bddb, #69D2E7
    );
    background-image:linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    linear-gradient(
        #24bddb, #69D2E7
    );
    background-position:-150px -150px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;
}

.btn_l1:hover,
.btn_l1:focus {
    color:#fff;
    background-position:0 0, 0 0;
    -webkit-transition-duration:1.0s;
       -moz-transition-duration:1.0s;
            transition-duration:1.0s;
}

.btn_l1:active { top:1px; }



.btn_l2 {
    display:inline-block;
    border-top:1px solid #20aac5;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    text-shadow:rgba(0,0,0,.1) 0 0px 0;
    text-decoration:none;
    background:#69D2E7;
    background-repeat:no-repeat;
    background-image:-webkit-linear-gradient(
        top left,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -webkit-linear-gradient(
        #20aac5, #69D2E7
    );
    background-image:-moz-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -moz-linear-gradient(
        #20aac5, #69D2E7
    );    
    background-image:-o-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -o-linear-gradient(
        #20aac5, #69D2E7
    );
    background-image:linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    linear-gradient(
        #20aac5, #69D2E7
    );
    background-position:-100px -100px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;
}

.btn_l2:hover,
.btn_l2:focus {
    color:#fff;
    background-position:0 0, 0 0;
    -webkit-transition-duration:0.5s;
       -moz-transition-duration:0.5s;
            transition-duration:0.5s;
}

.btn_l2:active {  top:1px;  }





.btn_l3 {
    display:inline-block;
    border-top:1px solid #20aac5;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    text-shadow:rgba(0,0,0,.1) 0 0px 0;
    text-decoration:none;
    background:#7bd7ea;
    background-repeat:no-repeat;
    background-image:-webkit-linear-gradient(
        top left,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -webkit-linear-gradient(
        #20aac5, #7bd7ea
    );
    background-image:-moz-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -moz-linear-gradient(
        #20aac5, #7bd7ea
    );    
    background-image:-o-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -o-linear-gradient(
        #20aac5, #7bd7ea
    );
    background-image:linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    linear-gradient(
        #20aac5, #7bd7ea
    );
    background-position:-150px -150px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;
}

.btn_l3:hover,
.btn_l3:focus {
    color:#fff;
    background-position:0 0, 0 0;
    -webkit-transition-duration:1.0s;
       -moz-transition-duration:1.0s;
            transition-duration:1.0s;
}

.btn_l3:active { top:1px; }


.content_row{ height:auto; min-height:500px; width: 100%; background-color:#fff; margin-left: 100px;
  box-shadow: 3px 5px 8px -1px rgba( 150, 150, 150, .4 ), -3px 5px 8px -1px rgba( 150, 150, 150, .4 );
  padding:15px;  /*margin-top:0px!important; margin-bottom:0px!important;*/
  margin-right:0px!important;
  margin-left:0px!important;
  height: 100%;
  clear:both;
}

.content_row_alistamiento{min-height:700px!important;}

.top_buttons_container button{
  margin-top:20px;
  margin-left:5px;
  font-size:14px;
  background :#f1f1f1 !Important;
  color: #8C8C8C;
  font-size: 13px
  font-family: ‘ssp’ sans-serif;
  border:1px;
  border-style:solid;
  border-color:#8C8C8C;
  border-radius:10px;
  width:130px;
  height:35px;
  transition: border-color 0,3s, color 0,3s;
}

.top_buttons_container button:hover{
  color: #000000;
  border-color:#FFF;
  cursor:pointer;
}


#back_his {background:url(img/icono_volver_normal.png) no-repeat 50% 50%; }
#back_his:hover {background:url(img/icono_volver_hover.png) no-repeat 50% 50%; cursor:pointer;}

body, footer, span, button, header, div, table, td, tr, th, label{font-family: 'Source Sans Pro', sans-serif;}

#main-menu a:hover span,#main-menu a:active span{color:#fff;}

.sub_item:hover:not(.active){background-color:#333 !important;}
.active a{color:#fff!important;background-color:#333 !important;}

.sub_list{border:0px solid #000 !important;}

  table.info {color:#888; font-size:0.9em; width: 80%;}
  table.info td:hover, table.info th:hover {color:#555; cursor: pointer;}
  table.info th{color: #888;text-align: center; font-weight: bold;}
  table.info td, table.info th {padding: 0;}


#main-menu a::before {color:#fff !important;}/*Menu collapse arrow*/
th::before {color:#fff !important; display:none!important;}/*Menu collapse arrow*/

#tags, .tags{
background-color:#fff !important;
background:#fff !important;
border-radius:5px;
padding:3px;
color:#8c8c8c;
border:1px;
border-style:solid;
border-color:#DDDDDD;
font-size:12px;
font-weight:normal;
/*font-family: ‘ssp’ sans-serif;*/
/*font-style:italic;*/
}

@media (max-width:767px) {
  button.calendar_btn{margin-left:-145px !important;margin-top:-68px !important; font-size:10px !important; width:150px !important;position:absolute;background-color: #fff!important;}
  button.apolo_logo_top{}
}

a:hover{text-decoration: none;}

/*Font-Awesome Icons*/
/*i.fa{display: inline-block;border-radius: 60px;box-shadow: 0px 0px 2px #aaa;padding:5px;}*/

.logo_a_container{margin-left: 25px;margin-top:25px;margin-bottom:15px;}

.logo-env{background-color: #fff; max-height:150px!important;}

.sidebar-menu{border-right: 2px solid #fff;}

button.calendar_btn{color: #8C8C8C; width: 220px; margin-left: 0px; cursor: initial; border: 0;}

hr.hr_content{color: #ddd; background-color: #ddd; height: 0.5px; margin:10px auto;}

.hr_content_header{color: #ddd; background-color: #ddd; height: 0.5px; margin:15px auto; width: 95%;}

.content_header_row{margin-left:20px;}

.span_header_title{font-weight: bold;line-height: 10px;}

.span_header_sub{font-size: 10px; margin-left:10px; color:#aaa;}

button.dropdown-toggle{display:inline-block; color: #8C8C8C; text-align:center; width: auto; border:0px; font-weight: bold; white-space: nowrap;}

button.apolo_logo_top{color: #8C8C8C; width: 220px; margin-left: 0px; margin-top:15px; cursor: initial; border: 0;}

tr.tr_top{display: table; margin-right:0px; margin-left:auto; width: 100%;}

table.table_buttons_container{width: 100%;}

ul.ul_top{margin:0;padding:0;}

div.top_buttons_container{margin-top: -20px; width: 100%;}

li.li_top{color:black; font-size: 20px; width: 100%}

ul.ul_container{width: 100%}

footer.content_footer{font-size: 10px; text-align: center; color: #aaa;}

a:hover {text-decoration: none!important;}
    a,a:visited {text-decoration: none!important;}
    a:focus {text-decoration: none!important;} 

body {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.main_menu_ul li{font-size:1.0em!important;border: 0px solid #000 !important;}

a.sub_item:not(.active){background-color: #222!important; border-top: 1px solid #222;}

label, a, p, button, input *{font-family: 'Source Sans Pro', sans-serif!important;}

/*Pagina de Login*/
body.login-page{
  /*background-image: url("../img/fondo.jpg")!important;*/  
  background-size:cover!important;
  /*background: #484848;*/ /* For browsers that do not support gradients */
  /*background: -webkit-linear-gradient(#484848, #000);*/ /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(#484848, #000);*/ /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(#484848, #000);*/ /* For Firefox*/
  /*background: linear-gradient(#525C5C, #121C1C);*//*moded f1f1f1, #202223*/
  background-image: url("../img/fondo.jpg")!important;
  max-height: 600px;
}

.login-content,.login-content a img{border:none; padding:25px;}

body.login-page .login-form .form-group .input-group {
  border-color:#ECE4EC;
}
body.login-page {
  /*background:#ECE4EC;*/
  color:rgba(255, 255, 255, 0.5);
}
body.login-page .login-form .form-group .input-group .form-control::-webkit-input-placeholder {
  color:#FFF;
}
body.login-page .login-form .form-group .input-group .form-control:-moz-placeholder {
  color:#FFF;
}
body.login-page .login-form .form-group .input-group .form-control::-moz-placeholder {
  color:#FFF;
}
body.login-page .login-form .form-group .input-group .form-control:-ms-input-placeholder {
  color:#FFF;
}
body.login-page .login-form .form-group .input-group {
  background:#fff;
  border-color:#CCC;
}
body.login-page .login-form .form-group .input-group.focused {
  border-color:#FFF;
}
body.login-page .login-form .form-group .input-group .input-group-addon:after {
  background:#ECE4EC;
}
body.login-page .login-form .form-group .btn-login {
  background:#0375b0;
  border-color:#0375b0;
  height: 46px;
  font-size: 17px;
}
body.login-page .login-form .form-group .btn-login:hover {
  background:#10637d;
}
body .login-container{ background-color:#dfe0e1; opacity: 0.9; width: 380px;margin:80px auto;height: 400px; box-shadow: 3px 5px 8px -1px rgba( 100, 100, 100, .4 ), -3px 5px 8px -1px rgba( 100, 100, 100, .4 );}
body .login-container .login-header { background-color:#0275b0; padding: 0px; }

body .login-container .login-header .login-content{padding: 0px;}


body .login-container .login-header.login-caret:after {
  border-top-color:transparent;
}
body.login-page.logging-in .login-progressbar {
  background:#FFF;
  height:2px;
}
body.login-page.logging-in .login-progressbar div {
  background:#2A2A2A;
}

p.description{color:#7e7e7e; font-size: 15px;}
p.description_footer{color:#0375b0; font-size: 15px; font-weight: bold; width: 100%;line-height: 46px;}

.icono_ingresar{padding-right:25%;}

.login-progressbar{color:#fff; background-color: #fff;}

.username_login{display:inline;float: left; padding-left:10px;height: 46px;width: 85.5%!important; font-size: 17px;}

.password_login{display:inline;float: left; padding-left:10px;height: 46px;width: 85.5%!important; font-size: 17px;}

.username_login::-webkit-input-placeholder { color: pink; }

.password_login::-webkit-input-placeholder { color: pink; }

.input-group{width:100%;height: 46px!important;padding:0px!important;}

.icono_usuario{float: left;display:inline;vertical-align: middle; padding: 12px;}

.icono_password{float: left;display:inline;vertical-align: middle; padding: 12px;}

.user_form_group{margin-bottom: 2px!important;}
.password_form_group{margin-bottom: 15px!important;}

.login-progressbar-indicator span, .login-progressbar-indicator h3{color:#aaa!important;padding-top: 15px;}


/*Parser Pestañas*/
.tv-content { display: none; }
.tv-radio { display: none; }
.tv-radio:checked + .tv-content { display: block; }
.tv-content input[type=text]{width:80%; text-align: center; height: 34px;}
table td .td_datetime{text-align: center; margin:0 auto;}
.tv-content label{vertical-align: middle;}
.tv-tab {
  display: inline-block;
  cursor: pointer; font-weight: normal; line-height: 15px; font-size: 12px;
  padding: 5px; margin-right:3px; box-shadow: 3px 3px 3px #ccc;
}

.tv-tab:hover { opacity: 0.9; }
.tv-tabs { color: #fff; margin-bottom: 5px; text-align: center;}
.tv-tabs :nth-child(odd) { background-color: #00b8ff; }
.tv-tabs :nth-child(even) { background-color: #00b8ff; }
.tv-content { padding: 20px; max-width: 99%; }
.tv-content label{font-size: 12px;}
.tv-content p{color:#7e7e7e;}

#tab_c td, #tab_f td{padding:10px; text-align: center;}

#tab_c td *, #tab_f td *{display:inline!important;}

#tv-tab-1 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-2 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-3 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-4 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-5 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-6 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-7 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-8 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-9 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-10 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }
#tv-tab-11 + .tv-content {background-color: #fff; /*color: #ecf0f1;*/ }

.tv-link {
  display: inline-block;
  padding: 2px;
  color: #f1c40f;
  background-color: rgba(255,255,255,0.2);
  box-shadow: 1px 1px 5px rgba(255,255,255,0.2);
  transition: all 0.4s ease-in-out;
}
.tv-link:hover { background-color: transparent; box-shadow: none; }

/*VALVE TEST SELECT*/
.v_select{ width: 80%; height: 34px; color:#7e7e7e; background: rgba(255,255,255,0.4); border: 1px solid #ccc; }

.v_select_valve_command{ width: 100%; height: 34px; color:#7e7e7e; background: rgba(255,255,255,0.4); border: 1px solid #ccc; }

.v_select_alarm_rep{ width: 100%; height: 34px; color:#7e7e7e; background: rgba(255,255,255,0.4); border: 1px solid #ccc; }

.login-box-msg{text-align: center;}

.tv_footer_label{font-weight: normal; font-size: 11px!important; color:#7e7e7e;text-align: center;}

.datetime_label{margin-bottom: 0; font-weight: normal; color:#7e7e7e;}

.datetime_div_group{margin-bottom: 0px!important;}

.datetime_input{margin-left: 6%;width:90%!important;height: 34px;}

.alarm_rep_input{margin-left: 0%;width:100%;height: 34px; text-align: center;border: 1px solid #ccc; color:#7e7e7e;}

.changekeys_input{margin-left: 6%;width:90%!important;height:34px;}

.uid_input{margin-left: 0%;width:92%!important;height:34px;}

.uid_input_btn{width:80%!important; background-color: #00719c!important; border-color: transparent;}

#tab_e td{padding:5px;}

#tab_e, #tab_f, #tab_c, .tab_ingreso{width:100%;margin:0 auto;}

#tab_e label, #tab_f label, #tab_c label, .tab_ingreso label{color:#7e7e7e; font-weight: normal;}

.alarm_rep_table{width:70%;margin:0 auto;}

/*INGRESO ARCHIVOS PLANOS*/
.dataTables_paginate{background: #fff !important; border: 2px !important;}
.rep_ord{margin:10px auto; background:#00b8ff; box-shadow: 3px 3px 3px #ccc; color:#fff; font-weight: bold; border:1px solid #00b8ff; border-radius:2px; font-size:14px; padding:3px;}
.rep_ord:hover{opacity: 0.9; box-shadow: 3px 3px 2px #ddd;}


/*Input FIle Ingreso*/
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1; margin:0 auto; border:1px solid #ddd;}
.inputfile + label {font-size: 1.0em;font-weight: 700;color: white;background-color: #00719c;
  box-shadow: 3px 3px 3px #999; display: inline-block;margin:0 auto; padding: 10px;}
.inputfile:focus + label, .inputfile + label:hover {opacity: 0.9;}
.inputfile + label { cursor: pointer; /* "hand" cursor */ }
.inputfile:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}


/*TABLA DE ORDENES ACTIVAS*/
.dataTables_paginate{background: #fff !important; border: 2px !important;}
#consulta td, #consulta th {border:1px solid #eee; text-align: center; font-size: 0.9em;}
#consulta a{color:#3c8dbc;}
#consulta a:hover{opacity: 0.9;color:#6ccdec;}
.content_row{overflow:auto;}
/*ALARM REP*/
.alarm_rep_table td {text-align: center; padding: 5px;}
.alarm_rep_table input[type="submit"]{margin:0 auto; width: 100%!important; font-weight: bold;}
.btn_alarm_rep{color: #FFF; background-color:#00b8ff; border:1px solid transparent; width: 95px; font-weight: bold;border-radius: 2px;}
.btn_alarm_rep:hover{opacity: 0.9;}

/*DATEPICKER*/
.ui-datepicker-next, .ui-datepicker-prev{cursor:pointer;}

.app_users_table{height:98%; width: 100%; font-size: 100%;  background-color: #FFFFFF; margin:0 auto;border:1px solid #ddd!important;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #ccc!important;}

input[type="text"]{border:1px solid #ccc; color:#7e7e7e!important;}



/*ALISTAMIENTO*/
/*body { font-family: montserrat, arial, verdana; }*/
/*form styles*/
#msform {width: 400px;margin: 50px auto;text-align: center;position: relative;}
#msform fieldset {
  background: #f9f9f9;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 10%;
  /*stacking fieldsets above each other*/
  position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/
#msform input, #msform textarea {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 12px;
}
/*buttons*/
#msform .action-button {
  width: 100px;
  background: #00b8ff;
  font-weight: normal;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #0098dd;
}
/*headings*/
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li { 
  list-style-type: none;
  color: #eee;
  text-transform: uppercase;
  font-size: 9px;
  width: 16.66%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 35px;
  line-height: 35px;
  display: block;
  font-size: 12px;
  color: #333;
  background: #eee;
  border-radius: 50px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #ccc;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {content: none; }
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{background: #00b8ff; color: #eee;}

.progress_bar{width:75px; height:5px; border-radius:20px; background-color:#eee; display:inline-block;
  position: absolute;
  margin-top:-25px;
  /*margin-left:-140px;*/
}

.progress_bar.active,.progress_bar.active{background: #00b8ff;color: #eee;}

.rec_tec td {padding:5px;}
.rec_tec input[type='text']{height:30px;text-align:center; font-size: 10px;}
.rec_tec input[type="text"]:disabled{background-color:#fff;}

#v_select{border-radius: 3px;width: 160px;height:30px;color:#999;font-size: 12px;
  background: rgba(255,255,255,0.4);border: 1px solid #ccc; font-family: montserrat;}

/*alistamiento checkbox*/
.alistamiento_checkbox{zoom:1.5;width:auto!important;display:inline-block; vertical-align:middle;margin:0!important;cursor:pointer;}

fieldset input[type="submit"], fieldset input[type="button"]{font-weight: bold!important;}

/*APP ACCOUNT*/
.app_account_form{width:40%;margin:0 auto; text-align: center; padding: 10px;}

.app_account_table{width:75%;margin:0 auto; text-align: center; padding: 10px;}

.app_account_table td{padding: 8px;}

.app_account_btn, .app_account_table input{height: 30px; width:100%; text-align: center;}

.app_account_btn{margin-top: 10px;}

.app_account_form{box-shadow: 3px 5px 8px -1px rgba( 150, 150, 150, .4 ), -3px 5px 8px -1px rgba( 150, 150, 150, .4 ); background-color: #fff;}

.app_account_table label{font-weight: bold;}

/*.app_account_table input:visited, .app_account_table input:hover, .app_account_table input:focus, .app_account_table input:active{border:none!important;}*/

/*INV CONSULTA*/
.inv_consulta_form{width:40%; text-align: center; margin: 0 auto;}

.inv_consulta_form input{width: 100%; height: 30px;text-align: center; margin:6px auto;}

.inv_consulta_form label{color:#7e7e7e;}

.app_users_table{height:98%; width: 100%; font-size: 100%;  background-color: #FFFFFF; margin:0 auto;border:1px solid #ddd!important;}

#dig_table_hex_select{margin:0 auto; width:50px;}

.inv_report_label_select{color:#7e7e7e;}

/*TRANS REPORT*/
.datepicker_input{height: 30px;width: 20%; text-align: center;}

/*TRANS CONSULTA*/