/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*BODY*/
/*html body{
	background-color:transparent!important;
}*/

/*RELOJ*/
#divclock{
	background: rgba(46,100,153,0.2);
    color: rgb(46,100,153);
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 20px;
}

/*SHORTCUTS*/
#Favoritos #ctl00_content_holder_PanelFavoritos{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.shortcut{
	display: block;
	float: left;
	background: rgba(46,100,153,0.8);
	width: 100px;
	height: 100px;
	border: solid 1px rgba(46,100,153,1);
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: #fff;
	overflow: hidden;
	margin: 20px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.6);
	-webkit-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
.shortcut:hover{
	color: #fff;
	background: rgba(251,157,0,0.8);
	border: solid 1px rgba(251,157,0,0.8);

}

.shortcut > i{
	display: block;
	text-align: center;
	width: 100%;
	font-size: 40px;
	padding: 10px 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.shortcut-title{
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 8px 5px;
	background: rgba(0,0,0,0.3);
}
.shortcut-title > span{
	text-transform: uppercase;
  	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	height: 24px;
	line-height: 12px;     /* fallback */
 	max-height: 24px;      /* fallback */
 	-webkit-line-clamp: 2; /* number of lines to show */
 	-webkit-box-orient: vertical;
}


/*BOTON FAVORITO*/
#ctl00_PanelFavorito{
	float: right;
	margin-bottom: 5px;
}
#ctl00_PanelFavorito #imgBotonFavoritoAdd,
#ctl00_PanelFavorito #imgBotonFavoritoDel{
	background-color: rgba(255,255,255,0.25);
	border: solid 1px rgba(255,255,255,0.7);
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	height: 34px;
	width: 34px;
	text-align: center;
	font-size: 22px;
	padding: 0!important;
}

#ctl00_PanelFavorito #imgBotonFavoritoAdd:hover,
#ctl00_PanelFavorito #imgBotonFavoritoDel:hover{
	background-color: rgba(25,45,72,1);
}

#ctl00_PanelFavorito #imgBotonFavoritoAdd > span,
#ctl00_PanelFavorito #imgBotonFavoritoDel > span{
	line-height: 28px;
	display: block;
}

#ctl00_PanelFavorito #imgBotonFavoritoDel > span{
	color: #FFC529;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/*CONSULTA*/
#framesetConsulta{
/*        width: 1px!important;
        min-width: 100%!important;
        *width: 100%!important;*/
}


form[name="form1"] { 
  background-color: #fff!important;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: solid 1px #fff!important;
}


/*MODAL*/
.modal-content{
	position: fixed!important;
	top: 0%!important;
	bottom: 0!important;
	/*background-color: rgba(255,255,255,0.8)!important;*/
	/*background-image: linear-gradient(to bottom,#2C649C 50%,#fff 100%), url(../../App_Themes/azul/images/factus-app-bg-01.jpg)!important;*/
	-webkit-border-radius: 10px!important;
	        border-radius: 10px!important;
}


/*BOTONES*/
.btn{
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	/*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,7);
	-moz-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,7);
	box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,7);*/
}


/*AVATAR*/
#ctl00_ImagenEmpresa,
#ctl00_imagenusuario,
.logosempresamenu {
	width: 42px!important;
	height: 42px!important;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	background-color: #2C649C;
	/*border: solid 2px #fff!important;*/
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	overflow: hidden;
	display: inline-block;
}


body#ctl00_MasterBody,
body#ctl00_MasterBodyCDI{
	/*background-color: #2C649C;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
            background-size: cover;
    background-blend-mode:multiply;
}


body#ctl00_MasterBody{
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(50%, #2C649C),to(#fff)), url(images/factus-app-bg-01.jpg)!important;
    background-image: -webkit-linear-gradient(top,#2C649C 50%,#fff 100%), url(images/factus-app-bg-01.jpg)!important;
    background-image: -o-linear-gradient(top,#2C649C 50%,#fff 100%), url(images/factus-app-bg-01.jpg)!important;
    background-image: linear-gradient(to bottom,#2C649C 50%,#fff 100%), url(images/factus-app-bg-01.jpg)!important;
}
/*body#ctl00_MasterBodyCDI{
    background-image: linear-gradient(to bottom,#2C649C 50%,#fff 100%);
}*/

/*NAVBAR*/
.header-navbar.navbar-light{
	background-color: rgba(255,255,255,0.9)!important;
    z-index:5
}


/*LOGIN*/
#ctl00_panel_menu .card{
	background-color: rgba(255,255,255,0.25);
	border: solid 1px #fff!important;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	border: none!important;
	color: #fff;
}

#ctl00_panel_menu .card .card-block{
	padding: 2rem;
}

#ctl00_Ingresar{
	display: block;
	background-color: #FB9D00;
	border-color:#FB9D00;
	text-transform: uppercase;
}



/*INTERNAS*/

#ctl00_content_holder_WebAsyncRefreshPanel1:focus{
	outline: none!important;
}

#CardMaster.card{
	background-color: rgba(255,255,255,0.9)!important;
	border: solid 1px #fff!important;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
}

#CardMaster.card.off{
	background-color: transparent!important;
	border: none!important;
	-webkit-box-shadow: none!important;
	        box-shadow: none!important;
}

#lblNombreOpcion.titulo{
	color: #dcdcdc!important;
	font-size: x-large!important;
	line-height: 40px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}


/*NAVBAR - TOP*/
.header-navbar .navbar-container ul.nav li > a.nav-link{
	padding: 0.6rem 0.6rem;
}

.header-navbar .navbar-header .navbar-brand{
/*	padding: 10px 0!important;
	margin: 0;*/
}
.header-navbar .navbar-header .navbar-brand img{
/*	max-width:280px;
	width: 100%;
	height: auto;*/
}


/*MENU DROPDOWN*/
.dropdown.dropdown-item {
    width: 100% !important;
    padding: 3px 20px !important;
}

.dropdown-menu-right {
    background-color: rgba(255,255,255,0.85) !important;
    border: solid 1px #fff !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.dropdown-menu-right.panelEmpresas,
.dropdown-menu-right.MenuUsuario {
    padding: 10px !important;
}

.dropdown-menu-right.panelEmpresas .dropdown-item,
.dropdown-menu-right.MenuUsuario .dropdown-item {
    background: rgba(255,255,255,0.7);
    -webkit-border-radius: 100px;
    border-radius: 100px;
    padding: 5px 10px 5px 5px !important;
    margin: 5px !important;
}

.dropdown-menu-right.panelEmpresas .dropdown-item:hover,
.dropdown-menu-right.MenuUsuario .dropdown-item:hover {
    background: rgba(255,255,255,1);
}

.dropdown-menu-right.panelEmpresas .dropdown-item span,
.dropdown-menu-right.MenuUsuario .dropdown-item span {
    padding-left: 20px;
}

.dropdown-item > a > i {
    margin-right: 0.5rem;
}

/*MENU*/
.main-menu.menu-dark{
	background: rgba(255,255,255,0);
	margin: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}

.main-menu.menu-dark .main-menu-header .menu-search{
	background-color: #fff;
}
.main-menu.menu-dark .main-menu-header .menu-search:focus{
	border-color: #00BFF6!important;
}



/*/////////OPCIONES DE MENU/////////*/

/*opciones de primer nivel*/
.main-menu.menu-dark .navigation li a,
.main-menu.menu-dark .navigation > li:hover > a{
	/*color: #fff!important;*/
	color: #dcdcdc!important;
	font-weight: 100!important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.main-menu.menu-dark .navigation > li:hover > a{
	background-color: rgba(22,32,42,0.5);
}

/*CON SUBS*/
.main-menu.menu-dark .navigation li.has-sub > a{
	font-weight: 600!important;
}


/*primer nivel abierto, normal y hover*/
.main-menu.menu-dark .navigation > li.open > a,
.main-menu.menu-dark .navigation > li.open > a:hover{
	background-color: #FB9D00!important;
	color: #fff!important;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}

/*siguientes niveles, abierto, normal y hover*/
.main-menu.menu-dark .navigation > li ul .open > a,
.main-menu.menu-dark .navigation > li ul .open > a:hover{
	background-color: rgba(22,32,42,0.5)!important;
	color:#FB9D00!important;
}


.main-menu.menu-dark .navigation > li.open li.hover > a,
.main-menu.menu-dark .navigation > li.open li:hover > a{
	/*background-color: red;*/
	background-color: rgba(0,0,0,0);
}

.main-menu.menu-dark .navigation > li ul li.open li.hover > a,
.main-menu.menu-dark .navigation > li ul li.open li:hover > a{
	/*background-color: yellow;*/
	background-color: rgba(0,0,0,0);
}



.main-menu.menu-dark .navigation,
.main-menu.menu-dark .navigation > li ul .open,
.main-menu.menu-dark .navigation > li ul .open > ul{
	background: none!important;
}


/*contenedor de submenu abierto*/
.main-menu.menu-dark .navigation > li.open > ul{
	/*background-color: rgba(22,32,42,0.2);*/
	background-color: rgba(22,32,42,0.25)!important;
}




.input-rojo{
	border-color:#0A880A!important;
	border-style: solid!important;
	background-color: #69F0AE!important;
}

.btn-seleccion{
	border-color:rgb(76, 47, 148)
}

.modal-solicitud{
	max-height:-webkit-calc(100vh - 150px);
	max-height:calc(100vh - 150px);
    overflow-y:auto;
    overflow-x:auto;
}

.ventana-modal-fondo{
	background: #000000; 
	opacity: 0.5; 
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	display:none; 
}

.nav-pills > li{
	margin-bottom:0.2em;
	}

.nav-pills > li > .nav-link{
	background:#fff;
	font-size:small;
	}

.nav-pills > li > .nav-link:hover{
	background:#967ADC;
	color:#fff;
	}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}	


/*
modificacion para grids responsive
que usan el grid de ASP.NET
*/

.boton-menu{
	color: #FFECB3;
    background-color: #FB9D00;
    border-color: #FB9D00;
    -webkit-border-radius:8px;
            border-radius:8px;
}

/* the style for the table headers */



/*//////// MEDIA QUERIES /////////*/
@media only screen and (max-width: 600px) {
	/*MENU*/
	.main-menu.menu-dark{
		background: rgba(255,255,255,0.9);
	}
	/*/////////OPCIONES DE MENU/////////*/
	/*opciones de primer nivel*/
	.main-menu.menu-dark .navigation li a,
	.main-menu.menu-dark .navigation > li:hover > a{
		color: #192D48!important;
		text-shadow: none;
	}
	.main-menu.menu-dark .navigation > li:hover > a{
		background-color: rgba(25,45,72,0.5);
	}
	/*primer nivel abierto, normal y hover*/
	.main-menu.menu-dark .navigation > li.open > a,
	.main-menu.menu-dark .navigation > li.open > a:hover{
		color: #fff!important;
	}

	/*siguientes niveles, abierto, normal y hover*/
	.main-menu.menu-dark .navigation > li ul .open > a,
	.main-menu.menu-dark .navigation > li ul .open > a:hover{
		background-color: rgba(25,45,72,0.5)!important;
		color:#fff!important;
	}
	/*contenedor de submenu abierto*/
	.main-menu.menu-dark .navigation > li.open > ul{
		background-color: rgba(25,45,72,0.15)!important;
		-webkit-border-radius: 10px;
		        border-radius: 10px;
	}

	/*BOTONES*/
	.btn{
		padding: 0.5rem 0.7rem;
	}
	.shortcut{
		margin: 0.3rem;
		width: 90px;
		height: 90px;
	}
	.shortcut > i{
		font-size: 30px;
	}
	/*TOPBAR*/
	.header-navbar .navbar-container ul.nav li > a.nav-link span{
		display: inline-block;
	  	width: 250px;
	  	white-space: nowrap;
	  	overflow: hidden;
	  	-o-text-overflow: ellipsis;
	  	   text-overflow: ellipsis;
	}
	.header-navbar.navbar-with-menu .navbar-container{
		/*background: rgba(255,255,255,0.5);*/
	}

	.dropdown-menu-right.panelEmpresas,
	.dropdown-menu-right.MenuUsuario{
		width: 100%!important;
		-webkit-border-radius: 0 0 10px 10px;
		        border-radius: 0 0 10px 10px;
	}
	.dropdown-menu-right.panelEmpresas .dropdown-item span,
	.dropdown-menu-right.MenuUsuario .dropdown-item span{
		display: inline-block;
		max-width: 250px;
		overflow: hidden;
	}


	/*CARD*/
	.card-block {
    	padding: 0.5rem;
	}
	.card-block .container-fluid{
		/*padding:0!important;*/
	}

	/*TABS*/
	.nav-tabs .nav-item{
		display: block;
		width: 100%;
	}

	/*CONSULTA*/
	#framesetConsulta{
        width: 1px!important;
        min-width: 100%!important;
        *width: 100%!important;
	}

	/*TABLA RESPONSIV*/
	.table-responsive{
		overflow-y: scroll!important;
		max-height: 80vh!important;
	}
	#divclock{
		display: none;
	}
}


/*UI DATEPICKER*/

label {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #fff;
}

    label input {
        margin-left: 0.625rem;
        padding: 0.4375rem 0.3125rem;
    }

p {
    margin-bottom: 0.9375rem;
}

.wrapper {
    display: block;
    margin: 0.625rem 0.3125rem;
}

    .wrapper.text {
        max-width: 25rem;
        border: solid 1px #e3e3e3;
        padding: 0.9375rem;
        margin-bottom: 0.9375rem;
    }

p.hasDatepicker {
    cursor: pointer;
}

.ui-datepicker {
    border-width: 0;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    width: 18.5rem;
}

@media (max-width: 480px) {
    .ui-datepicker {
        width: 17rem;
    }
}

.ui-datepicker.ui-corner-all {
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
    background: #3BAFDA;
    padding: 15px 0;
    border-width: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    top: 15px;
}

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        background: transparent;
        width: 0px;
        height: 0px;
        border-width: 5px 9px;
        border-style: solid;
        border-color: transparent;
        margin-top: 0;
        top: 32%;
    }

    .ui-datepicker .ui-datepicker-prev span {
        left: 59%;
        border-right-color: #fff;
        border-left-width: 0;
    }

    .ui-datepicker .ui-datepicker-next span {
        left: 67%;
        border-left-color: #fff;
        border-right-width: 0;
    }

.ui-datepicker .ui-datepicker-title {
    text-shadow: none;
}

    .ui-datepicker .ui-datepicker-title select {
        border: 0;
        height: 27px;
        width: 45%;
        width: calc(40% - 5px);
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #414141;
        padding-left: 5px;
    }

        .ui-datepicker .ui-datepicker-title select:focus {
            outline: none;
        }

.ui-datepicker .ui-datepicker-buttonpane button {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    background: #fff;
    border: 0px;
    font-weight: 600;
    margin: 10px 5px;
    padding: 5px 12px;
    font-size: 16px;
    text-transform: uppercase;
}

    .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"]:hover, .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"]:active {
        opacity: 1;
        color: #4f4f4f;
    }

    .ui-datepicker .ui-datepicker-buttonpane button[data-handler="hide"]:hover, .ui-datepicker .ui-datepicker-buttonpane button[data-handler="hide"]:active {
        color: #F6BB42;
    }

.ui-datepicker table {
    margin-top: 0.625rem;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.ui-datepicker th {
    font-weight: 600;
    text-transform: uppercase;
}

    .ui-datepicker th.ui-datepicker-week-end * {
        color: #F6BB42;
    }

.ui-datepicker td span,
.ui-datepicker td a {
    padding: .4em .2em;
    font-size: 14px;
    text-align: center;
}

.ui-datepicker td .ui-state-default.ui-state-hover {
    border-color: transparent;
    text-shadow: none;
    background: #ededed;
    font-weight: normal;
    color: inherit;
}

.ui-datepicker td .ui-state-highlight {
    border-color: transparent;
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-active.ui-state-highlight,
.ui-datepicker td .ui-state-active.ui-state-hover {
    text-shadow: none;
    font-weight: 400;
    background: #3BAFDA;
    border-color: #3BAFDA;
    color: #fff;
}

.ui-datepicker td.ui-datepicker-week-end * {
    color: #949494;
}

.ui-datepicker td.ui-datepicker-week-end .ui-state-active {
    color: #fff;
}

.ui-datepicker .ui-datepicker-today {
    border: solid 1px #dbdbdb;
}

.ui-datepicker .ui-widget-content {
    border-color: #e3e3e3;
}

    .ui-datepicker .ui-widget-content [type='button'] {
        font-size: 14px;
        font-family: "Roboto", Helvetica, Arial, sans-serif;
    }

.ui-datepicker-trigger {
    margin: 10px;
}

.datepicker.sample {
    margin-left: 50px;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    margin-left: 5px;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    margin-right: 5px;
}