/***********************************
Metronic Fix para ocultar el SideBar
************************************/
@media (min-width: 992px)
{
   .page-sidebar-closed .page-content-wrapper .page-content {
       
   }
}


/***********************************
Metronic Fix para transiciones
************************************/
.ng-enter {
	opacity: 0 !important;
}

.ng-enter-active {
	opacity: 1 !important;
}

.ng-leave {
	opacity: 1 !important;
}

.ng-leave-active {
	opacity: 0 !important;
}

.no-fade-out {
	transition: ease-out 0s !important;
}

/**************************
Themes Styles custom Cylarcom
**************************/
.login {
	background-color: #ffffff !important;
}

.login-light {
	background-color: #a0b4c9 !important;
}

.login-dark {
	background-color: #3d3d3d !important;
}

.login-light .content {
	background-color: #fff;
}

.login-dark .content {
	background-color: #a0b4c9;
}

.login-light .content .form-actions {
	background-color: #fff;
}

.login-dark .content .form-actions {
	background-color: #a0b4c9;
}

.logo-container.login-light {
	background-color: #fff !important;
}

.logo-container.login-dark {
	background-color: #a0b4c9 !important;
}

/**************************
Header Styles para Selects
**************************/

@media (max-width: 768px) {
	#header_sucursal-bar .input-inline {
		max-width: 200px;
	}
}

#header_sucursal-bar .input-inline, #header_zoom-bar .input-inline
{
   margin:5px;
}

#header_sucursal-bar .input-icon .fa, #header_zoom-bar .input-icon .fa
{
   color:#999999;
}

#header_sucursal-bar .input-inline select, #header_zoom-bar .input-inline select
{
   background-color:#393939;
   color:#999;
   border:0;
}

/**************************
Toaster Style
**************************/
.toast-top-right {
    top: 50px;
    right: 12px;
}
#toast-container > div {
   width:auto;
   max-width:600px;
}

/**************************
Overlay Spinner Style
**************************/
.overlay {
    background: rgba(0,0,0,.2);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/**************************
Print Style
**************************/
.print, .print *
{
   display: none !important;
}

.print-td, print-td * 
{
   display: none !important;
}

@media print
{

	.container {
		max-width: none !important;
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}

	.row {
		margin-left: -1%;
		margin-left: -1%;
	}

	[class*="col-"] {
		float: left;
		padding-left: 1%;
		padding-right: 1%;
	}

	.col-sm-12,
	.col-md-12,
	.col-lg-12 {
		width: 100%
	}

	.col-sm-11,
	.col-md-11,
	.col-lg-11 {
		width: 91.66666667%
	}

	.col-sm-10,
	.col-md-10,
	.col-lg-10 {
		width: 83.33333333%
	}

	.col-sm-9,
	.col-md-9,
	.col-lg-9 {
		width: 75%
	}

	.col-sm-8,
	.col-md-8,
	.col-lg-8 {
		width: 66.66666667%
	}

	.col-sm-7,
	.col-md-7,
	.col-lg-7 {
		width: 58.33333333%
	}

	.col-sm-6,
	.col-md-6,
	.col-lg-6 {
		width: 50%
	}

	.col-sm-5,
	.col-md-5,
	.col-lg-5 {
		width: 41.66666667%
	}

	.col-sm-4,
	.col-md-4,
	.col-lg-4 {
		width: 33.33333333%
	}

	.col-sm-3,
	.col-md-3,
	.col-lg-3 {
		width: 25%
	}

	.col-sm-2,
	.col-md-2,
	.col-lg-2 {
		width: 16.66666667%
	}

	.col-sm-1,
	.col-md-1,
	.col-lg-1 {
		width: 8.33333333%
	}

    .no-print, .no-print *
    {
        display: none !important;
    }

    .print, .print *
    {
        display: initial !important;
    }

   .print-td, print-td * 
   {
      display: table-cell !important;
   }

   /** Grilla **/
   div.grilla-scrollable {
      position:initial !important;
      overflow-y:initial !important; 
      max-height:initial !important;
   }
}


/**************************
Table Styles default
**************************/
.table-head-absolute {
   position: absolute;
}

.table-default td {
   padding: 4px 7px 4px 7px !important;
   vertical-align: middle !important;
}

.table-default .thead-default {
   background-color: #525E64;
   color: #FFFFFF;
}

.table-default .iconTable {
   font-size: 18px;
   cursor: pointer;
   margin: 3px;
}

.table-default .subtotales {
   padding: 5px;
   background-color: #eef1f5;
}

.table-default .totales {
   padding: 5px;
   background-color: #eef1f5;
   font-weight: bold;
}

.table-reporte thead th {
   background-color: #578ebe!important;
   color: #FFFFFF!important;
}

.table-reporte tfoot td {
   background-color: #eef1f5;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 10px 10px !important;
}

table.dataTable.table-reporte thead .sorting_desc {
    background: url(../Assets/global/plugins/datatables/images/sort_desc_green.png) center right no-repeat;
}

table.dataTable.table-reporte thead .sorting_asc {
    background: url(../Assets/global/plugins/datatables/images/sort_asc_green.png) center right no-repeat;
}

.table-reporte td {
   font-size: 12px;
   height: 25px;
}

div.grilla-scrollable {
   position:relative;
   overflow-y:auto; 
   min-height: 100px; 
   max-height:500px
}

table.dataTable tfoot td.dt-foot-center {
   text-align: center !important;
}

table.dataTable tfoot td.dt-foot-left {
   text-align: left !important;
}

table.dataTable tfoot td.dt-foot-right {
   text-align: right !important;
}

/**************************
Table Buttons Styles default
**************************/
.dt-buttons {
   margin-left: 10px;
}

.dt-buttons .buttons-excel {
   background-color: #35aa47;
   border-color: #1d943b;
   color: #ffffff;
}

.dt-buttons .buttons-excel:hover {
   background-color:  #1d943b !important;
}

.dt-buttons .buttons-pdf {
   background-color: #d84a38;
   border-color: #bb2413;
   color: #ffffff;
}

.dt-buttons .buttons-pdf:hover {
   background-color: #bb2413 !important;
}

.dt-buttons .buttons-print {
   background-color:#3d80fe;
   border-color: #0362fd;
   color: #ffffff;
}

.dt-buttons .buttons-print:hover {
   background-color: #0362fd !important;
}

/**************************
CYLARCOM Export Table Buttons Styles default
**************************/
.btn-excel {
   background-color: #35aa47;
   color: #fff;
}

.btn-excel:hover, .btn-excel:active, .btn-excel:focus {
   background-color: #1d943b !important;
   color: #fff !important;
}

/*******************
typeahead Styles
********************/
.loadingKeywords{
   top: -24px; 
   left: 93%;
}


/*******************
@Override Radio button groups Styles
********************/

.btn-group.btn-group-justified .btn-info,
.btn-group.btn-group-justified .btn-success {
	background-color: #CCC;
	border-color: #AAA;
}

.btn-group.btn-group-justified .btn-info.focus, 
.btn-group.btn-group-justified .btn-info.success {
	background-color: #AAA;
	border-color: #888;
}

.btn-group.btn-group-justified .btn-info:hover, 
.btn-group.btn-group-justified .btn-success:hover {
	background-color: #AAA;
	border-color: #888;
}

.btn-group.btn-group-justified .btn-info.active,
.btn-group.btn-group-justified .btn-info:active {
	background-color: #3a80d7 !important;
	border-color: #286ec5 !important;
}

.btn-group.btn-group-justified .btn-success.active,
.btn-group.btn-group-justified .btn-success:active {
	background-color: #27a4b0 !important;
	border-color: #208992 !important;
}

/*******************
UI-Select Styles
********************/
.ui-select-bootstrap .ui-select-toggle {
	overflow: hidden;
}
.ui-select-bootstrap > .ui-select-choices {
   width: auto;
   min-width:100%;
}

.ui-select-bootstrap .ui-select-match-text {
	padding-right: 30px;
}

/*
.ui-select-bootstrap .ui-select-match-text > span {
   width:auto;
}
*/

.btn-link.btn-link-delete {
	position: absolute;
	right: 20px;
}


/*******************
Form Inline Styles
********************/
@media (min-width: 768px) {
   .form-inline .form-control-ui-select {
      display: inline-block;
      width: auto;
      vertical-align: middle;
   }

   .form-inline .form-group {
      margin-bottom: 15px;
   }
}

/*******************
Page noScroll
********************/
.modal-open.noScroll, .noScroll {
    overflow-y: hidden;
}

@media (min-width: 992px) {
   .modal-xl {
      width: 900px;
   }
}

@media (min-width: 1200px) {
   .modal-xl {
      width: 1120px;
   }
}


/*******************
Page Logo
********************/
.page-logo .logo-default
{
   max-height: 43px;
   margin-top: 1px!important;
   max-width: 160px;
}

/*******************
Obligatory Input
********************/
.obligatory-input-filled, .obligatory-input-filled:focus
{
   border: 1px solid #E0B0B0;
   background-color: #FFD0D0;
}

.obligatory-input, .obligatory-input:focus
{
   border: 1px solid #F78181;
}


/*******************
Portlets Custom
********************/

.portlet.light.portlet-fit > .portlet-body {
	padding: 10px 10px 0px !important;
}

/***********************
Json Editor Checkbox Fix
************************/

json-editor .property-selector .checkbox {
	padding-left: 20px !important;
}


/***********************
Menu Style Override
************************/
.page-sidebar .page-sidebar-menu .sub-menu li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
   border-top: 1px solid #484848;
   padding-left: 9px !important;
   margin-left: 25px !important;
}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a {
   padding-left: 6px !important;
   margin-left: 40px !important;
}