/**
 *
 * ASG Knowledge Base System
 * Developed by: EKOPR
 *
*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/Open_Sans/OpenSans-Regular.woff) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/Open_Sans/OpenSans-Light.woff) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/Open_Sans/OpenSans-Semibold.woff) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/Open_Sans/OpenSans-Bold.woff) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/Open_Sans/OpenSans-ExtraBold.woff) format('woff2');
}

body {  
  /*font-family:Arimo,"Helvetica Neue",Helvetica,Arial,sans-serif;*/

  color: #777;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 22px;
  margin: 0;
  font-size: 13px;

}


.showmovil{
  display:none;
}

.go-up{ 
  display: none; position: fixed; bottom: 50px; right: 20px;  z-index: 100;cursor: pointer;
  
  height: 26px; width:18px;
}
.xe-widget.xe-vertical-counter {
  background-color: #232323;
  color: #EAAE1E;    
  padding-bottom: 8px;
}

.xe-icon img{
  padding: 5px;
}



.bigtext{
    font-size: 30px;
    font-weight: 400;
}
.label.label-totalgps {
    background-color: #EAAE1E;
    color: #fff;
}

.tabs-vertical-env .nav.tabs-vertical li.active>a {
    background-color: #EAAE1E;
}
.tabs-vertical-env .nav.tabs-vertical li>a {
    background-color: #fff;
    color: #000;
}

.navbar{
  background: #EEEEEE;
}


.user-info-navbar .user-info-menu>li>form {
    position: relative;
    display: block;
    padding: 10px 10px;
    padding-bottom: 10px;
    margin: 0;
    border-bottom: 1px solid #fff;
}


body, .page-container .main-content, .content-body {
    background: #FFF;
}
.user-info-navbar .user-info-menu>li>a, .user-info-navbar .user-info-menu>li>form, .user-info-navbar .user-info-menu>li {
  border: none;
}

.alert-danger {
    background-color: #EAAE1E;
    border-color: #EAAE1E;
    color: #fff;
}
.alert-success{
    background-color: #EAAE1E;
    border-color: #EAAE1E;
    color: #fff;
}
.login-page .errors-container {
    margin-bottom: 20px;
    padding: 0 0px;
}

.login-footer{
  padding-left: 15px;
}

.login-container a {
  color: #EAAE1E !important;
}
.login-container a:hover{
  color: #8E6403 !important;
}

.table-responsive {
border: none !important;
}

.table-responsive {
    overflow-y: hidden;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: none !important;
    -webkit-overflow-scrolling: touch;
}

.login-header{
  text-align: center;
}
div.dataTables_paginate {
margin: 10px;
}
div.dataTables_filter label {
margin: 10px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
margin: 10px;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
margin: 10px;
}

.user-info-navbar {
min-height: 64px;

}

.sidebar-menu .main-menu {
font-size: 16px;
}


.form-group{
  padding-left: 15px;
}
.login-container {
  max-width: 450px;
  margin: 0 auto;
}

.xe-widget.xe-vertical-counter .xe-icon {
font-size: 150px;
padding-bottom: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 5px;
padding-right: 5px;
}


.popover {
    max-width: 250px;
    padding: 0px;
    font-family: Arimo,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    background-color: #2C2E2F;
    border: 1px solid #2C2E2F;
    color: #FFF;
}
.popover.popover-totalgps .popover-title {
    background-color: #EAAE1E;
    color: #FFF;
    position: relative;
}
.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 13px;
    background-color: #EAAE1E;
    border-bottom: 1px solid #EAAE1E;
    border-radius: -1px -1px 0 0;
}

.popover.popover-totalgps .popover-title{background-color:#EAAE1E;color:#FFF;position:relative}.popover.popover-totalgps.top .popover-title,.popover.popover-totalgps.bottom .popover-title{margin:-1px}.popover.popover-totalgps.bottom .arrow:after{border-bottom-color:#EAAE1E}




#mytasks{
  font-size: 24px;
  font-weight: 300;
}
.editable-pre-wrapped {
  white-space: normal !important;
}

.table>thead>tr>th {
  background-color: #eee !important;
}

.membername {
display: block;
font-size: 14px;
color: #2c2e2f;
font-weight: 700;
}

.tocify-content h2{
font-size: 16px;
color: #EAAE1E;
font-weight: 700;
}
.h3{
font-size: 26px;
color: #EAAE1E;
font-weight: 700;
}
.tocify-content-ans{
  font-size: 18px;
  font-weight: 300;
  text-align: justify;
}
#toc .active{
  background: #EAAE1E !important;
}


.tocify .tocify-item {
  font-size: 16px;
  color: #EAAE1E;
}
.tocify .tocify-item.active>a {
  position: relative;
  background: #EAAE1E !important;
  color: #FFF !important;;
}
.user-info-list a{
  color: #8DC63F !important;
}
.user-info-list a:hover{
  color: #52810D !important;
}
.mail-env .table>thead>tr>th {
  background-color: #fff !important;
}
.mail-env .table>thead>tr>td, .mail-env .table>thead>tr>th {
  position: relative;
  border-bottom: 1px solid #fff;
  color: #2c2e2f;
}
.mail-env .table>tbody>tr>td, .mail-env .table>tfoot>tr>td, .mail-env .table>tbody>tr>th, .mail-env .table>tfoot>tr>th {
  border-top: 0;
  border-bottom: 1px solid #eee;
}
.mail-env{
  padding:0px !important;
  margin:0px !important;
  /*margin-bottom:30px;*/
}

.time{
  width: 220px;
}

.superlittle{
  font-size: 8px;
}
/*
#chat .chat-conversation .chat-textarea:after{
  content:'\f075';font-family:fontawesome;color:#979898;right:15px;top:10px;font-size:15px;position:absolute;
}
*/
.chat-textarea{ padding: 10px;margin:0;}
#chat .chat-conversation {
  top: 0px;
}








/* Fullcalendar - header */
.fc .fc-header-center {
  display: none;
}

.fc .fc-widget-header {
  background: #7C38BC;
  border-color: #7C38BC;
  color: white;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 10px 0;
  text-transform: uppercase;
}

.fc .fc-header-title h2 {
  color: #171717;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
}

.fc .fc-header-title h2:before {
  color: #7C38BC;
  content: "\f073";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 30px;
  font-size: 3rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
}

/* Fullcalendar - Borders */
.fc-widget-content {
  border-color: #DDD;
}

/* Fullcalendar - Border Radius */
.fc-content thead .fc-last .fc-first {
  border-top-left-radius: 4px;
}

.fc-content thead .fc-last .fc-last {
  border-top-right-radius: 4px;
}

.fc-content tbody .fc-last .fc-first {
  border-bottom-left-radius: 4px;
}

.fc-content tbody .fc-last .fc-last {
  border-bottom-right-radius: 4px;
}

/* Fullcalendar - Today */
.fc-content .fc-widget-content.fc-today {
  background: #F7F7F7;
}

/* Fullcalendar - Event Basics */
.fc-event {
  background: #777777;
  border-color: #777777;
}

.fc-event .fc-event-inner {
  padding: 2px 5px;
}

/* Fullcalendar - Link Event */
a.fc-event:hover .fc-event-inner {
  color: #FFF;
  text-decoration: underline;
}

/* Fullcalendar - Event Time Format */
.fc-grid .fc-event-time {
  font-weight: 500;
}

.fc-grid .fc-event-time:after {
  content: ' /';
}

.fc-grid .fc-event-title {
  font-weight: 300;
}

/* Fullcalendar - Event States */
/* Buttons - States */
.fc-event.fc-event-default {
  background: #ebebeb;
  border-color: #ebebeb;
}

.fc-event.fc-event-default .fc-event-inner {
  color: #777777;
}

a.fc-event.fc-event-default:hover {
  color: #777777;
}

.fc-event.fc-event-primary {
  background: #7C38BC;
  border-color: #7C38BC;
}

.fc-event.fc-event-primary .fc-event-inner {
  color: white;
}

a.fc-event.fc-event-primary:hover {
  color: white;
}

.fc-event.fc-event-success {
  background: #47a447;
  border-color: #47a447;
}

.fc-event.fc-event-success .fc-event-inner {
  color: white;
}

a.fc-event.fc-event-success:hover {
  color: white;
}

.fc-event.fc-event-warning {
  background: #ed9c28;
  border-color: #ed9c28;
}

.fc-event.fc-event-warning .fc-event-inner {
  color: white;
}

a.fc-event.fc-event-warning:hover {
  color: white;
}

.fc-event.fc-event-danger {
  background: #d2322d;
  border-color: #d2322d;
}

.fc-event.fc-event-danger .fc-event-inner {
  color: white;
}

a.fc-event.fc-event-danger:hover {
  color: white;
}

.fc-event.fc-event-info {
  background: #5bc0de;
  border-color: #5bc0de;
}

.fc-event.fc-event-info .fc-event-inner {
  color: white;
}

a.fc-event.fc-event-info:hover {
  color: white;
}

.fc-event.fc-event-dark {
  background: #171717;
  border-color: #171717;
}

.fc-event.fc-event-dark .fc-event-inner {
  color: white;
}

a.fc-event.fc-event-dark:hover {
  color: white;
}

/* Fullcalendar - External Events */
.external-event {
  cursor: move;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 5px;
  padding: 10px;
  text-align: left;
}


.btn.btn-totalgps {
    background-color: #EAAE1E;
    color: #FFF;
}

.btn.btn-default {
    background-color: #777777;
    color: #FFF;
}

.myframe {
    max-width: 150px !important;
    height: 780px;
    margin: auto;
    max-height: 780px;
    padding: 20px !important;
}
.myframe3 {
    max-width: 150px !important;
    height: 950px;
    margin: auto;
    max-height: 950px;
    padding: 10px !important;
}
.myframe_big{
    max-width: 750px !important;
    height: 550px;
    margin: auto;
    max-height: 550px;
    padding: 10px !important;
}


@media only screen and (max-width: 400px) {
  .fc .fc-header-right .btn-group {
    margin: 10px 0;
  }

  .fc .fc-header-right br.hidden {
    display: block !important;
  }
}

@media only screen and (max-width: 480px) {
  .fc .fc-header-left,
  .fc .fc-header-right {
    display: block;
    width: 100%;
  }
.showmovil{
  display:block;
}


  .fc .fc-header-right {
    padding: 0 0 15px;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .fc {
    margin-bottom: 30px;
  }
}



@media only screen and (max-width: 600px) {
  
.showmovil{
  display:block;
}

}


.xe-widget.xe-counter, .xe-widget.xe-counter-block .xe-upper, .xe-widget.xe-progress-counter .xe-upper {
    
    margin-bottom: 5px;
}




.modal-block {
  background: transparent;
  padding: 0;
  text-align: left;
  max-width: 600px;
  margin: 40px auto;
  position: relative;
}

.modal-block.modal-block-xs {
  max-width: 200px;
}

.modal-block.modal-block-sm {
  max-width: 400px;
}

.modal-block.modal-block-md {
  max-width: 600px;
}

.modal-block.modal-block-lg {
  max-width: 900px;
}

.modal-block.modal-block-full {
  max-width: 98%;
}

.modal-block.modal-header-color .panel-heading h2 {
  color: #FFF;
}

.modal-block.modal-full-color {
  color: #FFF;
}

.modal-block.modal-full-color .panel-heading {
  border: 0;
}

.modal-block.modal-full-color .panel-heading h2 {
  color: #FFF;
}

.modal-block.modal-full-color .panel-footer {
  border: 0;
}

.modal-block.modal-full-color .panel-body {
  background-color: transparent;
}

.modal-block.modal-full-color .fa {
  color: #FFF !important;
}

/* Modal Wrapper */
.modal-wrapper {
  position: relative;
  padding: 25px 0;
}

/* Modal Icon */
.modal-icon {
  float: left;
  width: 20%;
  text-align: center;
}

.modal-icon .fa {
  font-size: 52px;
  position: relative;
  top: -10px;
  color: #EA6264;
}

.modal-icon.center {
  float: none;
  width: auto;
  padding-top: 20px;
}

.modal-icon.center + .modal-text {
  float: none;
  width: auto;
}

.modal-icon + .modal-text {
  float: left;
  width: 80%;
}

/* Modal Text */
.modal-text {
  padding: 0 5px;
}

.modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 {
  padding: 0;
  margin: -7px 0 4px 0;
}

.modal-block-primary .fa {
  color: #EA6264;
}

.modal-block-primary.modal-header-color .panel-heading {
  background-color: #EA6264;
}

.modal-block-primary.modal-full-color .panel {
  background-color: #e0e0e0;
}

.modal-block-primary.modal-full-color .panel-heading {
  background-color: #EA6264;
}

.modal-block-primary.modal-full-color .panel-footer {
  background-color: #e0e0e0;
}

.modal-block-success .fa {
  color: #47a447;
}

.modal-block-success.modal-header-color .panel-heading {
  background-color: #47a447;
}

.modal-block-success.modal-full-color .panel {
  background-color: #5cb85c;
}

.modal-block-success.modal-full-color .panel-heading {
  background-color: #47a447;
}

.modal-block-success.modal-full-color .panel-footer {
  background-color: #5cb85c;
}

.modal-block-warning .fa {
  color: #ed9c28;
}

.modal-block-warning.modal-header-color .panel-heading {
  background-color: #ed9c28;
}

.modal-block-warning.modal-full-color .panel {
  background-color: #f0ad4e;
}

.modal-block-warning.modal-full-color .panel-heading {
  background-color: #ed9c28;
}

.modal-block-warning.modal-full-color .panel-footer {
  background-color: #f0ad4e;
}

.modal-block-danger .fa {
  color: #d2322d;
}

.modal-block-danger.modal-header-color .panel-heading {
  background-color: #d2322d;
}

.modal-block-danger.modal-full-color .panel {
  background-color: #d9534f;
}

.modal-block-danger.modal-full-color .panel-heading {
  background-color: #d2322d;
}

.modal-block-danger.modal-full-color .panel-footer {
  background-color: #d9534f;
}

.modal-block-info .fa {
  color: #5bc0de;
}

.modal-block-info.modal-header-color .panel-heading {
  background-color: #5bc0de;
}

.modal-block-info.modal-full-color .panel {
  background-color: #7dcde5;
}

.modal-block-info.modal-full-color .panel-heading {
  background-color: #5bc0de;
}

.modal-block-info.modal-full-color .panel-footer {
  background-color: #7dcde5;
}

.modal-block-dark .fa {
  color: #171717;
}

.modal-block-dark.modal-header-color .panel-heading {
  background-color: #171717;
}

.modal-block-dark.modal-full-color .panel {
  background-color: #2b2b2b;
}

.modal-block-dark.modal-full-color .panel-heading {
  background-color: #171717;
}

.modal-block-dark.modal-full-color .panel-footer {
  background-color: #2b2b2b;
}


ul.user-profile-menu li a, li.user-profile{

  color: #000 !important;
}
.panel .panel-heading>.panel-options .nav-tabs>li.active>a {
  color: #000;
  font-weight: bold;
}
.panel {
    background: #EEEEEE;
}

table{
  font-size: 14px;
}
#mysidebar { 
  position: fixed; 
}


.table>thead>tr>td, .table>thead>tr>th {
    position: relative;
    border-bottom: 1px solid #373E4A;
    color: #000;
}

table tbody tr th{
  background: #373E4A;
  color: #FFF;
}
.table>thead>tr>th {
    background-color: #373E4A !important;
    color: #FFF;
}

.well_docs {
  background-color: #00B19D;
  border: 1px solid #00B19D;
  color: #FFF;
}

.well_docs a{
  font-weight: bold;
  color: #FFF;
}
.mail-single-body, .cbp_tmlabel p{
 font-size: 24px !important;
 font-family: "Open Sans", Arial, sans-serif;
 font-weight: 300 !important;
   color: #737881;
}
.user-info-navbar .user-info-menu>li>a i {
  font-size: 22px;
}
#chat .chat-header .chat-close {
  color: #2C2E2F;
  filter: alpha(opacity=1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#chat .chat-header {
  color: #2C2E2F;
}


form .form-group.has-purple .help-block,form .form-group.has-purple .control-label,form .form-group.has-purple .radio,form .form-group.has-purple .checkbox,form .form-group.has-purple .radio-inline,form .form-group.has-purple .checkbox-inline{
  color:#7C38BC
  }

form .form-group.has-purple .form-control{
  border-color:rgba(124,56,188,.4);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none
}

form .form-group.has-purple .form-control:focus{border-color:#7C38BC}

form .form-group.has-purple .input-group-addon{color:#7C38BC;border-color:rgba(124,56,188,.4)}

form .form-group.has-purple .form-control-feedback{color:#7C38BC}


/*

::-webkit-input-placeholder {
    color: #FFF;
}

:-moz-placeholder { 
    color: #FFF;  
}

::-moz-placeholder {  
   color: #FFF; 
}

:-ms-input-placeholder {  
   color: #FFF;
}


.table.table-bordered {
    border-color: #777777;
}
.table-bordered {
    border: 1px solid #777777;
}
table {
    border-color: #777777;
}
.form-control {
    color: #FFF;
    background-color: #777777;
    border: 1px solid #777777;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #FFF;
    background-color: #777777;
    border-color: #777777;
    cursor: not-allowed;
}
.table.table-bordered>thead>tr>td, .table.table-bordered>tbody>tr>td, .table.table-bordered>tfood>tr>td, .table.table-bordered>thead>tr>th, .table.table-bordered>tbody>tr>th, .table.table-bordered>tfood>tr>th {
    border-color: #777777;color: #FFF;
}

.table.table-bordered>thead>tr>td a, .table.table-bordered>tbody>tr>td a, .table.table-bordered>tbody>tr>th a {
    color: #EAAE1E;
}


.table>thead>tr>th {
    background-color: #777777 !important;
}
.table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid #777777;
   
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #777777;
}
.table>thead>tr>td:after, .table>thead>tr>th:after {
    background-color: #777777;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #F5F5F5;
    border-top: 1px solid #F5F5F5;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px;
}

input[type=checkbox].iswitch-lg.iswitch-totalgps:checked {
    box-shadow: inset 0 0 0 16px #EAAE1E!important;
}
input[type=checkbox].iswitch-lg {
    box-shadow: inset 0 0 0 2px #EAAE1E;
}



.table-hover>tbody>tr:hover{background-color:#4D5050}
table col[class*=col-]{position:static;float:none;display:table-column}
table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#4D5050}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#4D5050}

form .form-group-separator {
    background: #777777;
}
*/
.table>thead>tr>td, .table>tbody>tr>td, .table>tfood>tr>td, .table>thead>tr>th, .table>tbody>tr>th, .table>tfood>tr>th {
    padding: 8px 10px;
}

.mybtnicon2{
  width: 195px;
  top: -30px;
  position: relative;
}
.mybtnicon{
  width: 150px;
}
.mybtniconsm{
  width: 100px;
}
.xe-widget {
   height: 250px;
}
.mywelcome{
  
  position: absolute;
  top: 20px;
  left: 20px;
}

span.myinfo{
font-size: 22px;
  color: #2C2E2F;
  font-weight: 300;
}

a.mysignout{
  color: #FFF !important;
}

.myinfo a {
  color: #000 !important;
  font-weight: bold;
}
.myinfo a:hover{
  color: #8E6403 !important;
}
.logo-collapsed{
  text-align: center;
}





@media screen and (min-width:220px){
.mybtnicon{width: 80px; }
.mybtnicon2{width: 120px;}



.xe-widget {
   height: 160px;
}
}
@media screen and (min-width:960px){
.mybtnicon{width: 150px;}
.mybtnicon2{width: 195px;}
.xe-widget {
   height: 250px;
}

}


.btn-left {    
    text-align: left;
}


@media print {
  a[href]:after {
    content: none !important;
  }
  .noprint{
    display: none;
  }
}