/*IE10 viewport hack for Surface/desktop Windows 8 bug*/
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/*lightbox*/
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/*Bootstrap Tables*/
.fixed-table-container .bs-checkbox,.fixed-table-container .no-records-found{text-align:center}.fixed-table-body thead th .th-inner,.table td,.table th{box-sizing:border-box}.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #ddd;border-collapse:collapse!important;border-radius:1px}.bootstrap-table .table:not(.table-condensed),.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,.bootstrap-table .table:not(.table-condensed)>thead>tr>td{padding:8px}.bootstrap-table .table.table-no-bordered>tbody>tr>td,.bootstrap-table .table.table-no-bordered>thead>tr>th{border-right:2px solid transparent}.bootstrap-table .table.table-no-bordered>tbody>tr>td:last-child{border-right:none}.fixed-table-container{position:relative;clear:both;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{overflow:hidden}.fixed-table-footer{border-top:1px solid #ddd}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #ddd}.fixed-table-container thead th:focus{outline:transparent solid 0}.fixed-table-container thead th:first-child{border-left:none;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px}.fixed-table-container tbody td .th-inner,.fixed-table-container thead th .th-inner{padding:8px;line-height:24px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}.fixed-table-container thead th .both{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC')}.fixed-table-container thead th .asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.fixed-table-container thead th .desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #ddd}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container tbody .selected td{background-color:#f5f5f5}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type=radio],.fixed-table-container input[type=checkbox]{margin:0 auto!important}.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429}.fixed-table-toolbar .bs-bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:99;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:700;display:inline-block;min-width:30%;text-align:left!important}.table td,.table th{vertical-align:middle}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group>.btn-group>.btn{border-radius:0}.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.bootstrap-table .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}.bootstrap-table .table thead>tr>th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0;padding:0!important}.pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}
.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:20px}.fixed-table-container{border:1px solid #ebeff2!important}.bootstrap-table .table>thead>tr>th{border-bottom:2px solid #ebeff2;background:#ebeff2}.fixed-table-container thead th .th-inner{padding:9px 12px}.bootstrap-table .table,.bootstrap-table .table>tbody>tr>td,.bootstrap-table .table>tbody>tr>th,.bootstrap-table .table>tfoot>tr>td,.bootstrap-table .table>tfoot>tr>th,.bootstrap-table .table>thead>tr>td{padding:8px 12px!important}
/*Bootstrap Tables Reorder Plugin */
.reorder_rows_onDragClass td {background-color: #eee; -webkit-box-shadow: 11px 5px 12px 2px #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset; -webkit-box-shadow: 6px 3px 5px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset; -moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset; -box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset; }
.reorder_rows_onDragClass td:last-child {-webkit-box-shadow: 8px 7px 12px 0 #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset; -webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset; -moz-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset; -box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset; }

body{
  height:100%;
  width:100%;
  font-size: 14px;
  text-align: justify;
  background: #ebeff2;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {margin:10px 0;}

.m-0 {margin: 0;}
.m-t-10 {margin-top: 10px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-b-0 {margin-bottom: 0 !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-r-10 {margin-right: 10px !important;}
.p-r-0{padding-right: 0;}
.p-l-0{padding-right: 0; padding-left: 0;}
.inline-block{display: inline-block;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
strong{font-weight: 500;}
.text-custom{color: #EEC318;}
.form-check-label{font-weight: 300 !important;}
.label{font-size: 90%; font-weight: 500; display: inline-block;}
label span{font-weight: 300; font-style: italic;}
.label-pink{background-color: #fb6d9d;}
.label-purple {background-color: #7266ba; }
.label-noicon {padding-bottom: 0.2em;}
.label-mb {margin-bottom: 3px;}
.form-check-group {margin-top: 6px !important;}
.margin-search{margin-top: -20px;}
.search.custom {margin-right: 10px;}
.fixed-table-toolbar .search {position: absolute; right: 16px; top: -53px; }
.text-left {text-align: left !important;}
.pointer {cursor: pointer;}
.clear {clear: both;}
.checkbox.sub {padding-left: 15px;}

.greyscale{-webkit-filter: grayscale(100%);  filter: grayscale(100%);}
.modal-big .modal-dialog {width: 1200px; max-width: 100%;}
/* =============
   Buttons
============= */
.btn {border-radius: 3px; outline: none !important; font-weight: 300; }
.btn-md {padding: 8px 16px; }
.btn-primary, .btn-success, .btn-default, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink {color: #ffffff !important; }
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover {background-color: #5fbeaa !important; border: 1px solid #5fbeaa !important; }
.btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover {border: 1px solid #eaeaea !important; background-color: #ffffff; color: #4c5667; }
.btn-white:hover, .btn-white:hover:hover, .btn-white:focus:hover, .btn-white:active:hover, .btn-white.active:hover, .btn-white.focus:hover, .btn-white:active:hover, .btn-white:focus:hover, .btn-white:hover:hover {background-color: #f9f9f9; }
.btn-white:focus, .btn-white:hover:focus, .btn-white:focus:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.focus:focus, .btn-white:active:focus, .btn-white:focus:focus, .btn-white:hover:focus{background-color: #f9f9f9; }
.btn-white:active, .btn-white:hover:active, .btn-white:focus:active, .btn-white:active:active, .btn-white.active:active, .btn-white.focus:active, .btn-white:active:active, .btn-white:focus:active, .btn-white:hover:active {background-color: #f9f9f9; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover{background-color: #5d9cec !important; border: 1px solid #5d9cec !important; }
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover {background-color: #81c868 !important; border: 1px solid #81c868 !important; }
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover {background-color: #34d3eb !important; border: 1px solid #34d3eb !important; }
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover {background-color: #ffbd4a !important; border: 1px solid #ffbd4a !important; }
.btn-danger, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {background-color: #f05050 !important; border: 1px solid #f05050 !important; }
.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover {background-color: #4c5667 !important; border: 1px solid #4c5667 !important; color: #ffffff; }
.btn-purple, .btn-purple:hover, .btn-purple:focus, .btn-purple:active {background-color: #7266ba !important; border: 1px solid #7266ba !important; color: #ffffff; } .btn-pink, .btn-pink:hover,
.btn-pink:focus, .btn-pink:active {background-color: #fb6d9d !important; border: 1px solid #fb6d9d !important; color: #ffffff; }

.label-inverse{
  background-color: #4c5667 !important;
  border: 1px solid #4c5667 !important;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

#btn-fullscreen {line-height: 50px; font-size: 18px;}

form.pull-right .bootstrap-filestyle .btn {
  padding: 5px 10px;
  font-size: 12px;
}

/* Form validation */
.parsley-error {
  border-color: #f05050 !important;
}
.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #f6504d;
}

.img-circle{border-radius: 50%;}

.pagination>li {display: inline-block;}
.pagination>li.psep {margin: 0 5px;}

#tablas_cvn > thead > tr > th {background: #484848; color: #fff;}
table.table > tbody > tr > td {vertical-align: middle;}
.fixed-table-container thead th .th-inner {font-weight: 500;}
table .detail-view {background-color: #eaeaea;}
table .detail-view .bootstrap-table {margin-left: 30px;}
table .detail-view .fixed-table-container thead th .th-inner {padding: 2px 12px; font-weight: 300;}
.bootstrap-table .table:not(.table-condensed) > tbody > tr.detail-view > td {padding-right: 0 !important; }
.bootstrap-table .table:not(.table-condensed) > tbody > tr.detail-view > td table, .bootstrap-table .table:not(.table-condensed) > tbody > tr.detail-view > td table td, .bootstrap-table .table:not(.table-condensed) > tbody > tr.detail-view > td .fixed-table-container {border-right: none !important;}
tfoot .th {background-color: #ebeff2;}
tfoot .empty {border: none !important;}

/*.checkbox-inline {padding-top: 0 !important;}*/
/*.checkbox-inline input {margin-top: 0;}*/

/* =============
   Login
============= */
#login {    
	margin: 5% auto;
    position: relative;
    width: 420px;
    padding: 40px;
    border: 1px solid rgba(54, 64, 74, 0.05);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid rgba(54, 64, 74, 0.1);
}

	#login .heading {text-align: center; margin-bottom: 40px;}
	#login a {color: #797979 !important;}
  #error .bg-danger, #success .bg-success {padding: 5px;} 

/* =============
   Forms
============= */
.form-group.pane{border: 1px silver solid; padding:20px; margin:0;}
.form-group.pane label{padding-left: 0;}
.form-control {
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	color: #565656;
	padding: 7px 12px;
	height: 38px;
	max-width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.form-control:focus {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
	color: #333333;
}

.control-label{font-weight: 500;}

.select-table{float: right; width: auto; margin-top: -5px;}
/* =============
   Navbar
============= */
.navbar-default {
  background-color: #ffffff;
  border-radius: 0px;
  border: none;
  margin-bottom: 0px;
  box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

.topbar {
  left: 0px;
  position: fixed;
  right: 0;
  top: 0px;
  z-index: 999;
}
.topbar .topbar-left {
  float: left;
  position: relative;
  width: 250px;
  z-index: 1;
  padding: 8px;
}

.navbar-toggle {display: block; border:none !important;}

.topbar .logo {display:block; margin-top:5px; font-size: 20px; color: #333}

.navbar-nav{margin:0;}

.navbar-nav>li>a.profile{
	padding: 7px 15px;
	min-width: 160px;
	text-align: right;
}
  .navbar-nav>li>a.profile img{border:2px solid #edf0f0;}

.side-menu{
    height: 100%;
    margin-top: 0px;
    position: fixed;
    background: #36404a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    top: 50px;
    width: 250px;
    z-index: 2;
}
	.side-menu.closed {width: 55px; }
	.side-menu.closed li span {display: none; padding-left: 25px;}
	.side-menu.closed #sidebar-menu li i {margin-right: 0; font-size: 20px !important;}
  .side-menu.closed #sidebar-menu > ul > li > a {padding: 15px 12px;}
  .side-menu.closed #sidebar-menu .menu-arrow {display: none !important; }
  .side-menu.closed li.sub ul {display: none !important;}
  .side-menu.closed li.sub.open ul {display: block !important;}

#sidebar-menu{
	padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

	#sidebar-menu a {line-height: 1.3;}
	
	.side-menu ul{margin:0; padding:0;}

	#sidebar-menu > ul > li > a{
		color: #98a6ad;
    padding: 12px 20px;
    margin: 4px 0px;
    display: block;
    font-size: 16px;
	}
		#sidebar-menu > ul > li > a:hover{color: #d7dcde;}

	#sidebar-menu ul li a i {
		display: inline-block;
	    font-size: 16px;
	    line-height: 17px;
	    margin-left: 3px;
	    margin-right: 15px;
	    text-align: center;
	    vertical-align: middle;
	    width: 20px;
	}

  #sidebar-menu ul li .menu-arrow {
    -webkit-transition: -webkit-transform 0.15s;
    -o-transition: -o-transform 0.15s;
    transition: transform .15s;
    position: absolute;
    right: 20px;
    display: inline-block;
    font-family: 'Material Design Iconic Font';
    text-rendering: auto;
    line-height: 18px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    color: #98a6ad;
  }
  #sidebar-menu ul li .menu-arrow:before {
    content: "\f1b6";
  }
  #sidebar-menu ul li a.subdrop .menu-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #sidebar-menu ul li.open a .menu-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .side-menu ul ul {display: none;}
  .side-menu ul ul li {border-top: 0; list-style: none;}
  .side-menu ul ul li:first-child{margin-top:-5px;}

  #sidebar-menu ul ul a {
    color: #98a6ad;
    display: block;
    padding: 10px 20px 10px 65px;
    font-size: 16px;
  }
  #sidebar-menu ul ul a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
  #sidebar-menu ul ul a i {
    margin-right: 5px;
  }
  #sidebar-menu ul ul ul a {
    padding-left: 80px;
  }

  #sidebar-menu > ul > li.open > a {color: #d7dcde}
  #sidebar-menu > ul > li > a.active {color: #00c0ff}

  .side-menu.closed #sidebar-menu > ul > li:hover > a, .side-menu.closed #sidebar-menu > ul > li.open > a {
    position: relative;
    width: 250px;
    background: #313a43 !important;
    color: #ff6e3d;
    border-color: #ff6e3d;
  }
  .side-menu.closed ul > li:hover a span, .side-menu.closed ul > li.open a span {display: inline; }

  .side-menu.closed ul > li:hover > ul, .side-menu.closed ul > li.open > ul {
    display: block !important;
    left: 55px;
    position: absolute;
    width: 195px;
    border: 2px solid #36404a;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    margin-top: -5px;
    padding-top: 5px;
    z-index: 9999;
    background: #36404a !important;
}

  .side-menu.closed ul > li:hover > ul li, .side-menu.closed ul > li.open > ul li {white-space: nowrap; }
  .side-menu.closed ul > li:hover > ul li a, .side-menu.closed ul > li.open > ul li a{padding-left: 10px !important; }

.dropdown-menu>li>a{font-weight: 500;}

/* =============
   PAGE
============= */
.page {
	margin-left: 250px;
	margin-top: 60px;
}
	.page.closed{margin-left: 55px;}

.box {
	padding: 20px;
    border: 1px solid rgba(54, 64, 74, 0.05);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
}
  .box img.profile-image {width: 100%;}
	.box h4 {font-size: 16px; margin-top: 0; text-decoration: underline;}
  
  .box.box-height {height: 400px; overflow-y: auto; text-align: left;}
  .box.box-height label {font-weight: 300; font-size: 0.9em; line-height: 1.4em;}

.container{width: auto;}

.page h4 {font-weight: 500;}

.table-button .bootstrap-table {margin-top: -50px;}

#resultado h4{
  width: 100%;
  padding:10px;
  text-align: center;
  background-color: #36404a;
  color: #fff;
  text-decoration: none;
}

.cvn_res {background: #eaeaea; padding:10px; padding-bottom: 0; margin-bottom: 10px; cursor: pointer;}
.cvn_res.active {background: #ddeccd;}
.cvn_res p{margin: 0; padding: 0 0 10px;}
.cvn_res input[type="checkbox"] {float: right;}
.cvn_res ul{background-color: #fff; padding:5px; margin:0 10px; margin-bottom:5px; list-style: none;}
.cvn_res.active ul{background: #effedf;}
/* =============
   PLUGINS
============= */
.icon-span-filestyle {padding-right: 5px;}
.bootstrap-filestyle .btn {padding: 8px;}

.sep {height: 1px; width: 100%; background-color: #c3c3c3; clear: both;}

.flags{float: right;}
.flags img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.flags a.active img{-webkit-filter: grayscale(0); filter: grayscale(0);}

.galeria .item{position: relative; width: 320px; height: 248px; margin-right: 10px; margin-bottom: 10px; float: left; overflow: hidden; text-align: center;}
.galeria .foto {display: table; width: 100%; height: 200px; padding: 0;}
.fotos .foto{position: relative; max-width: 400px;}
.foto img{width: 100%;}
.foto .delete{position: absolute; right: 0; top:0;}
.fotos .foto .delete{right: 20px; top:20px;}
.foto .move{position: absolute; left: 20px; top:20px;}
.fotos .foto .move{left: 20px; top:20px;}
.foto .eye{position: absolute; left: 0; top:0;}
.foto .info{position: absolute; left: 45px; top:0;}
.foto .inputs{background-color: #b7b7b7; padding:5px; position: absolute; left: 0; bottom: 0; width: 100%;}
.fotos .foto .inputs{position: relative;}
.foto .principal{position: absolute; left: 65px; top:20px; padding:10px;}
.foto .fotovideo{position: absolute; left: 105px; top:20px; padding:10px;}
.modal .foto {width: 180px; height: 120px; overflow: hidden; position: relative; float: left; margin:5px;  border: 5px solid silver;}
.modal .foto img {height: 100%; max-width: none; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
.modal .foto img.show {opacity: 1;}
.modal .foto.sel {border:5px solid #fdd000;}

.nav.nav-tabs + .tab-content {
  background: #ffffff;
  margin-bottom: 30px;
  padding: 30px;
}

.nav.nav-tabs > li.active > a {
  background-color: #ffffff;
  border: none;
}
.nav.nav-tabs > li > a{
  background-color: transparent;
  border: none !important;
  color: #505461 !important;
  cursor: pointer;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 20px;
  letter-spacing: 0.03em;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav.nav-tabs > li > a:hover {
  color: #e31a80 !important;
}
.tab-content {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #777777;
}
.nav.nav-tabs > li:last-of-type a {
  margin-right: 0px;
}
.nav.nav-tabs {
  border-bottom: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.navtab-bg {
  background-color: #f4f8fb;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #e31a80 !important;
}

.checkbox-inline, .radio-inline {font-weight: 300;}

.pagination {margin:0;}

#loading{display: none;}
#loading, #loading .filter{position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
#loading .filter{background-color: rgba(0,0,0,0.5);}
#loading svg{position: fixed; left: 45%; top: 45%;}

.categorias .checkbox {margin-top: 0; margin-bottom: 5px;}

#panel {position: absolute; left: 0; top: 0; width: 350px; height: 100%; background-color: #fff; z-index: 2; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); overflow-x: hidden}
  #panel .controls {padding:20px; border-bottom: 1px solid #eaeaea;}
  #panel .selector {padding:0; transition: .18s -webkit-transform cubic-bezier(.645,.045,.355,1); transition: .18s transform cubic-bezier(.645,.045,.355,1); transition: .18s transform cubic-bezier(.645,.045,.355,1),.18s -webkit-transform cubic-bezier(.645,.045,.355,1); border-right: 1px solid #eaeaea;}
  #panel.open .selector {-webkit-transform: translate(-100%, 0px); transform: translate(-100%, 0px); }
  #panel .selector li {list-style: none; width: 100%; border-bottom: 1px solid #eaeaea; padding:10px 15px; cursor: pointer; font-weight: 400;}
  #panel .selector li:hover {background-color: #ebeff2;}
  #panel .selector li i {float: right; margin:3px 0;}
  #panel .config {position: absolute; left: 360px; top: 75px; width: 350px; text-align: left; transition: left .18s cubic-bezier(.645,.045,.355,1); transition: left .18s cubic-bezier(.645,.045,.355,1); transition: left .18s cubic-bezier(.645,.045,.355,1),.18s cubic-bezier(.645,.045,.355,1); border-left: #eaeaea;}
  #panel .config .form-group{margin-left:0; margin-right: 0;}
  #panel .config h3 {width: 100%; border-bottom: 1px solid #eaeaea; padding:10px 15px; cursor: pointer; font-weight: 400; font-size: 14px; text-align: right; margin:0; line-height: 20px;}
  #panel .config h3 i {float: left; margin:3px 0;}
  #panel .config .form {padding:15px; background-color: #ebeff2;}
  #panel .config label {margin-bottom: 5px;}
  #panel .config > div {display: none}
  #panel .config hr {border-top: 1px solid #d5d5d5;}
  #panel .config img {max-width: 100%}
  #panel.open .config {left: 0;}
  #frame {position: relative; margin-left: 350px; height: 100vh; overflow: hidden; z-index: 1; background-color: #ebeff2;}
#frame iframe{width: 100%; height: 100%;}

#rn_foto {width: 350px;}
#rn_foto img {width: 100%;}

.gastos-envio div {background-color: #EFEFEF; padding: 10px; float: left; margin:0 5px 5px 0;}
.gastos-envio div input {width: 70px; margin-left: 10px; display: inline-block;}
.gastos-envio div span {display:none; padding:2px 5px; margin-left: 5px; color: #fff; background-color: #d84a38; cursor: pointer;}
.gastos-envio div:hover span {display: inline-block; }

.datetimepicker {margin-top: 70px !important;}

  .controls select {width: auto; display: inline-block;}
  .hide-pc {display:none;}

hr.sep {margin:10px 0 !important;}
@media (max-width: 780px){
  .controls select {width: 100%; margin-bottom: 5px;}
  .hide-mobile {display:none;}
  .hide-pc {display:block;}
}

@media (max-width: 568px){
#login {margin:5%; width: auto;}
  .topbar .topbar-left {display: none;}
}

@media (max-width: 1320px){
  .fixed-table-toolbar .search {position: relative; right: 0; top: -20px; margin-bottom: -10px; }
}