#dr_header {
	border: none;
}

#dr_header > a:first-child {
    color: #D4D4D4;
}

#dr_header > a:first-child:hover {
    color: #949494;
}

.ui-panel-wrapper {
    /*20181031 PJHO*/
    /*background: #FFFFFF url("../img/backgrounds/bg_maps.jpg") center center;*/
	background: #FFFFFF url("../img/backgrounds/bg_triangulos.svg") 100% 100% repeat;
}

#dr_footer {
	text-align: center;
	border: none;
	padding: 10px;
	line-height: 50px;
}

@media all and (min-width: 640px) {
    #dr_footer {
        
		/*background-repeat: no-repeat;
		background-size: auto 30%;
		background-origin: content-box;
        background-position: right center;
        padding: 10px;*/

        /*padding-right: 40px;*/
        /*background-image: url("../img/logos/logo_sonepar.png");*/
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 180px;
        background-origin: content-box;
    }
}


#dr_footer a {
	font-family: "OpenSansLight";

	background: none;
    color: white;
    border: none;
    padding: 0px;
    font-weight: normal;
    text-decoration: none;

    font-size: .8rem;
    color: white;
    margin: 0px 20px;
    text-transform: uppercase;

    transition: box-shadow .3s ease-out 0s;
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0);
}

#dr_footer a:hover {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .4);
    border-bottom: 1px dotted white;
}

#dr_footer span {
    font-size: 1rem;
}

#dr_panel {
	background: url("../img/logos/logo_vallen.png") center bottom no-repeat, url("../img/logos/logo_maps.jpg") center top no-repeat white;
	background-size: 220px;
}

#dr_panel a {
	font-size: .7rem;
	text-decoration: none;
}

#dr_panel .ui-panel-inner {
	margin-top: 70px;
}

ul.fields, ul#menu {
	list-style-type: none;
	padding-left: 0px;
}

.not_visible {
    display: none!important;
    opacity: 0!important;
}

.not_visible_message {
    display: none;
}

.d_message {
    border-radius: 0px!important;
    padding: .5em .7em;
}

.s_message {
    float: left;
    margin: .2em .4em 0em .4em;
}

* {
    margin: 0px;
    padding: 0px;
    font-family: 'OpenSans';
    outline: none!important;
    text-shadow: none!important;
}

*:focus {
    outline: none!important;
}

*:active {
    outline: none!important;
}

.ui-input-text {
	outline: none!important;
	border: 0px solid;	
	background: none!important;
}

*::-moz-selection{
     background:#0061A0;
    color:white;
}

*::-webkit-input-placeholder {
    /*color: #FFA40C;*/
    color: #98C0D9;
}

*:-moz-placeholder {
    /*color: #FFA40C;*/
    color: #98C0D9;
}

*::-moz-placeholder {
    /*color: #FFA40C;*/
    color: #98C0D9;
}

::-webkit-scrollbar{
    width: 10px;
    background: #dbe8ec;
}

::-webkit-scrollbar-button{
    width:8px;
    height: 5px;
}

::-webkit-scrollbar-track{
    background:#FFF;
    border:thin solid #0E1012;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb{
    background: #98C0D9;
    /*background: -webkit-linear-gradient(top, #0061A0, #0061A0);*/
    /*background: -webkit-linear-gradient(top, #2C2823, #FFB800);*/
    -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
    inset 1px 0 0 rgba(255,255,255,.4),
    inset 0 1px 2px rgba(255,255,255,.3);

    border:thin solid #232c34;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover{
    background: -webkit-linear-gradient(top, #0061A0, #0061A0);
    /*background: -webkit-linear-gradient(top, #0061A0, #0061A0);*/
    /*background: -webkit-linear-gradient(top, #ECC52A, #2C2823);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(77,161,112,.6);
}

.scrollup {
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    right: 15px;
    bottom: 15px;
    display:none;
    text-indent:-9999px;
    z-index: 1000;
    background: url('../img/icons/icon_top.png') no-repeat;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
}

#loading .ui-widget-overlay {
    position: absolute;
}

.d_load {
    position: absolute; 
    width: 200px; 
    height: 10px;
    margin: auto;
    left: 0px;
    top: 0px; 
    bottom: 0px;
    right: 0px;
}

.ui-progressbar {
    position: relative;
}

.ui-progressbar-value {
    background: #0071bc;
}

.progress-label {
    position: absolute;
    left: 30%;
    top: 4px;
    color: white;
}

.ui-widget-content {
    background: white;
}

.ui-icon-pause:after {
    background-image: url('../img/icons/pause.svg');
    background-size: 14px 14px;
}

.ui-icon-play:after {
    background-image: url('../img/icons/play.svg');
    background-size: 14px 14px;
}

.ui-icon-menu:after {
    background-image: url('../img/icons/menu.svg');
    background-size: 14px 14px;
}

.ui-icon-little-car:after {
    background-image: url('../img/icons/little_car.svg');
    background-size: 14px 14px;
}

/* Fallback */
.ui-nosvg .ui-icon-myicon:after {
    background-image: url("iconimg.png");
}

@media ( min-width: 35em ) {

	/* wrap on wide viewports once open */

	.ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 17em;
	}
	.ui-panel-page-content-open {
		width: auto;
	}

	/* disable "dismiss" on wide viewports */
	.ui-panel-dismiss {
		display: none;
	}

	/* same as the above but for panels with display mode "push" only */

	.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
		margin-left: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-display-push {
		width: auto;
	}

	.ui-panel-dismiss-display-push {
		display: none;
	}
}


/*Tablas ¿con tema?*/

table {
    background-color: white;
}

th, tfoot {
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    /*color: white;*/
}

th.long_th {
    width: 450px;
}

th.small_th {
    width: 100px;
}

tbody td {
    padding: 3px 5px;
    text-align: left;
}

tbody td {
    border-bottom: 2px solid white;
    border-top: 2px solid white;
}

tbody tr:nth-child(even){
    background: #FFE9D9;
}

tbody tr:nth-child(even) td{
    border-bottom: 2px solid #FFE9D9;
    border-top: 2px solid #FFE9D9;
}

tbody tr:hover td {
    border-bottom: 2px solid #0061A0!important;
    border-top: 2px solid #0061A0!important;
}

tfoot tr {
    cursor: pointer;
    height: 35px;
}

tfoot td {    
    vertical-align: middle;
    text-align: center!important;
    color: white;
}

tfoot td b {
    display: none!important;
}

tfoot a {
    text-decoration: none;
    color: white!important;
    /*margin: 0px 5px 0px 5px;*/
    padding: 3px 7px 3px 10px;
    border-radius: 45px;
}

tfoot img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

tfoot svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.tb_a tbody tr:nth-child(even) {
    background: #A4D4DA;
}

.tb_a tbody tr:nth-child(even) td{
    border-bottom: 2px solid #A4D4DA;
    border-top: 2px solid #A4D4DA;
}

.tb_a tbody tr:hover td {
    border-bottom: 2px solid #0061A0;
    border-top: 2px solid #0061A0;
}

.tb_b tbody tr:nth-child(even) {
    background: #D7F3D5;
}

.tb_b tbody tr:nth-child(even) td{
    border-bottom: 2px solid #D7F3D5;
    border-top: 2px solid #D7F3D5;
}

.tb_b tbody tr:hover td {
    border-bottom: 2px solid #167F33;
    border-top: 2px solid #167F33;
}

.tb_c tbody tr:nth-child(even) {
    background: #FCDBBB;
}

.tb_c tbody tr:nth-child(even) td{
    border-bottom: 2px solid #FCDBBB;
    border-top: 2px solid #FCDBBB;
}

.tb_c tbody tr:hover td {
    border-bottom: 2px solid #EA8830;
    border-top: 2px solid #EA8830;
}


.tb_e tbody tr:nth-child(even) {
    background: #FCBBBB;
}

.tb_e tbody tr:nth-child(even) td{
    border-bottom: 2px solid #FCBBBB;
    border-top: 2px solid #FCBBBB;
}

.tb_e tbody tr:hover td {
    border-bottom: 2px solid #BF1F1F;
    border-top: 2px solid #BF1F1F;
}

.tb_a th, .tb_a tfoot tr {
    color: white;
    background-color: #286AD0;
}

.tb_b th, .tb_b tfoot tr {
    color: white;
    background-color: #167F33;
}

.tb_c th, .tb_c tfoot tr {
    color: white;
    background-color: #EA8830;
}

.tb_e th, .tb_e tfoot tr {
    color: white;
    background-color: #BF1F1F;
}

.order_by {/*Pendiente de analizar*/
    /*background: rgba(31,147,180,1)!important;
    background: -moz-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,147,180,1)), color-stop(100%, rgba(30,97,128,1)))!important;
    background: -webkit-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: -o-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: -ms-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: linear-gradient(to right, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64eb15', endColorstr='#28b528', GradientType=1 )!important;

    font-weight: bold!important;
    color: white!important;

    border-top: 2px solid #1F6180!important;
    border-bottom: 2px solid #1F6180!important;
*/

    font-weight: bold!important;

}

.c_selected {/*Pendiente de analizar*/
    background: rgba(31,147,180,1)!important;
    background: -moz-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,147,180,1)), color-stop(100%, rgba(30,97,128,1)))!important;
    background: -webkit-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: -o-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: -ms-linear-gradient(left, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    background: linear-gradient(to right, rgba(31,147,180,1) 0%, rgba(30,97,128,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64eb15', endColorstr='#28b528', GradientType=1 )!important;

    font-weight: bold!important;
    color: white!important;

    border-top: 2px solid #1F6180!important;
    border-bottom: 2px solid #1F6180!important;
}

/*En pruebas*/
/*
ul.fields input:required, ul.fields textarea:required {
    background: #fff url(../img/icons/red_asterisk.png) no-repeat 98% center;
    padding-right:1.8em;
}

ul.fields input:focus:invalid, ul.fields textarea:focus:invalid {
    background: #fff url(../img/icons/invalid.png) no-repeat 98% center;
    -moz-box-shadow: 0 0 0.3em #d45252;
    -webkit-box-shadow: 0 0 0.3em #d45252;
    box-shadow: 0 0 0.3em #d45252;
    border-color: #b03535;
}

ul.fields input:required:valid, ul.fields textarea:required:valid { 
    background: #fff url(../img/icons/valid.png) no-repeat 98% center;
    -moz-box-shadow: 0 0 0.3em #5cd053;
    -webkit-box-shadow: 0 0 0.3em #5cd053;
    box-shadow: 0 0 0.3em #5cd053;
    border-color: #28921f;
}

.form_hint {
    background: #d45252;
    border-radius: .2em;
    color: white;
    margin-left: .6em;
    padding: .1em .5em;
    z-index: 999; 
    position: absolute;
    display: none;
}

.form_hint::before {
    content: "\25C0"; 
    color:#d45252;
    position: absolute;
    top:.1em;
    left:-.5em;
}

.form_hint, .required_notification {
    font-size: 0.8em;
}

.required_notification {
    color:#d45252; 
    margin:.3em 0 0 0; 
    display:inline-block;
    text-align: right;
    width:100%;
}

ul.fields input:focus + .form_hint {display: inline;}
ul.fields input:required:valid + .form_hint {background: #28921f!important;} 
ul.fields input:required:valid + .form_hint::before {color:#28921f!important;}

.fields input:focus{
    border: .2em solid #009100;
    -moz-box-shadow: 0 0 1em white;
    -webkit-box-shadow: 0 0 1em white;
    box-shadow: 0 0 1em white;
}

.order_by {
    background: rgba(100,235,21,1);
    background: -moz-linear-gradient(left, rgba(100,235,21,1) 0%, rgba(40,181,40,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,235,21,1)), color-stop(100%, rgba(40,181,40,1)));
    background: -webkit-linear-gradient(left, rgba(100,235,21,1) 0%, rgba(40,181,40,1) 100%);
    background: -o-linear-gradient(left, rgba(100,235,21,1) 0%, rgba(40,181,40,1) 100%);
    background: -ms-linear-gradient(left, rgba(100,235,21,1) 0%, rgba(40,181,40,1) 100%);
    background: linear-gradient(to right, rgba(100,235,21,1) 0%, rgba(40,181,40,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64eb15', endColorstr='#28b528', GradientType=1 );
}*/