/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 20, 2015, 9:36:37 AM
    Author     : Georvys Gonzalez
*/

.userPhoto {
	background: white;
	border:2px solid;
	border-color: black;
	border-radius:10px;
		-moz-border-radius:10px;
	box-shadow: 2px 2px 2px #C7C7C7; 
	width: 44px;
	height: 44px;
        margin-top: 5px;
}

.UserInfo{
    margin-top: 5px;    
    padding-left: 15px;
}

.imglogo{
    padding-right: -5px;
    margin-top: -10px;
}

.breadcrumb {
    background-color: #fff ! important;
}

--------------------------
.dropdown-menu {
   margin-top: 0;
 }


.dropdown-menu {
 margin-top: 0;
 border: none;
}

.dropdown-submenu {
   position: relative;
}

.dropdown-submenu>.dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -6px;
   margin-left: -1px;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px;
   border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
   display: block;
}

.dropdown-submenu>a:after {
   display: block;
   content: " ";
   float: right;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   border-left-color: #ccc;
   margin-top: 5px;
   margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
   border-left-color: #fff;
}

.dropdown-submenu.pull-left {
   float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
   left: -100%;
   margin-left: 10px;
   -webkit-border-radius: 6px 0 6px 6px;
   -moz-border-radius: 6px 0 6px 6px;
   border-radius: 6px 0 6px 6px;
}

/* PAGINATION    #EFEFEF    */
.paginationd {
     font-size: 12px;
    border-top: 0;
    margin: 0;
    padding: 0.3em 0.2em;
    text-align: center;
       -moz-box-shadow: 0 0 3px 1px rgba(170, 170, 170, 0.08);
    -webkit-box-shadow: 0 0 3px 1px rgba(170, 170, 170, 0.08);
            box-shadow: 0 0 3px 1px rgba(170, 170, 170, 0.08);         /* rgba(170, 170, 170, 0.08);   #AAAAAA  */
    background-color: rgba(239, 239, 239, 0.26);		/* #EFEFEF  */
    
}

.paginationd a,
.paginationd .currentStep {
    color: #666666;
    display: inline-block;
    margin: 0 0.1em;
    padding: 0.25em 0.7em;
    text-decoration: none;
       -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
            border-radius: 0.3em;
}

.paginationd a:hover, .paginationd a:focus,
.paginationd .currentStep {
    background-color: rgba(15, 132, 234, 0.92); 	/*  #999999;	 */
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .paginationd a:hover, .no-borderradius .paginationd a:focus,
.no-borderradius .paginationd .currentStep {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

/*  Árbol de referidos */
ul.jqtree-tree .jqtree-title.black {
	
}

ul.jqtree-tree .jqtree-title.red {
  color: red;
}

ul.lista li {float:left; margin: 0 4px 0 0; list-style:none;}
ul.lista li a {display:block; text-decoration:none; padding: 4px; border-bottom: 4px solid transparent; color: black;}
ul.lista li a:hover {color: blue; border-color: blue;}

.pdfDivs {
	height: 150px;
}

#divider-vertical {                 
    margin-left: 5px;                 
}

/* ini......seccion para el iocono de las fechas*/
#demo i {
    position: absolute;
    bottom: 23px;
    right: 17px;
    top: auto;
    cursor: pointer;
}



/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	#demo i {
	    position: absolute;
	    bottom: 14px;
	    right: 6px;
	    top: auto;
	    cursor: pointer;
	}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	#demo i {
	    position: absolute;
	    bottom: 12px;
	    right: 6px;
	    top: auto;
	    cursor: pointer;
	}
}
/* Extra Small */
@media(max-width:767px){
	#demo i {
	    position: absolute;
	    bottom: 10px;
	    right: 6px;
	    top: auto;
	    cursor: pointer;
	}
}
/* fin......seccion para el iocono de las fechas*/

.modal-body {
    height: 600px;
}
.pdfDiv{
	 height: 100%;
}


/* Estilos de Login */
/* Estilos de Login */
	
 /* cambiar el color de fondo a la barra     background-color: #CC1414;   */
 	.navbar{
 		border-radius: 0px;
 	}
	nav.navbar {
	   background-color: rgba(9, 91, 161, 0.86);
	   background-color: rgba(9, 91, 161, 0.86);
	}
	
	.navbar-fixed-top{
		background-color:  rgba(9, 91, 161, 0.86);
	}
	.navbar-inverse {
		border-color: rgba(9, 91, 161, 0.86);
	}
	
	#navigation.animated-header {
		background-color:  rgba(9, 91, 161, 0.86);
	}

	#navigation {
		background-color:  rgba(9, 91, 161, 0.86);
	}
	.navbar-inverse {
		background-color: rgba(9, 91, 161, 0.86);
	}
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: rgba(9, 91, 161, 0.86);
	}
	.navbar-inverse .navbar-toggle {
    	border-color: rgba(9, 91, 161, 0.86);
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    	 background-color: #681e8b;
        border: none;
        -webkit-box-shadow: 0 5px 0 #681e8b;
        -moz-box-shadow: 0 5px 0 #681e8b;
        box-shadow: 0 5px 0 #681e8b;
	}
	
 ::selection {
        background-color: #b5e2e7;
    }

    ::-moz-selection {
        background-color: #8ac7d8;
    }

    body {
/*         background: rgba(243, 154, 1, 0.86);		  */
    }

    .container {
        display: -webkit-flex;
        display: flex;
        height: 100%;
    }

    #logbox {

        padding: 10px;
        margin: 50px auto;
        width: 340px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        
        border-radius: 4px;
    }

	#tyc {
		text-align: center;
        font-size: 75%;
        color: #757575;
        font-weight: 300;
    }
    
    h1 {
        text-align: center;
        font-size: 175%;
        color: #757575;
        font-weight: 300;
    }

    h1, input {
        font-family: "Open Sans", Helvetica, sans-serif;
    }

    .input {
        width: 75%;
        height: 50px;
        display: block;
        margin: 0 auto 15px;
        padding: 0 15px;
        border: none;
        border-bottom: 2px solid #ebebeb;
    }
    .input:focus {
        outline: none;
        border-bottom-color: #681e8b !important;
    }
    .input:hover {
        border-bottom-color: #dcdcdc;
    }
    .input:invalid {
        box-shadow: none;
    }

    .pass:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
    }

/* 	#2CADAD    background-color: #3CC; */
    .inputButton {
        position: relative;
        width: 85%;
        height: 50px;
        display: block;
        margin: 30px auto 30px;
        color: white;
        background-color: #681e8b;
        border: none;
        -webkit-box-shadow: 0 5px 0 #681e8b;
        -moz-box-shadow: 0 5px 0 #681e8b;
        box-shadow: 0 5px 0 #681e8b;
    }
    .inputButton:hover {
        top: 2px;
        -webkit-box-shadow: 0 3px 0 #681e8b;
        -moz-box-shadow: 0 3px 0 #681e8b;
        box-shadow: 0 3px 0 #681e8b;
    }
    .inputButton:active {
        top: 5px;
        box-shadow: none;
    }
    .inputButton:focus {
        outline: none;
    }

    .navbar-brand{
	        font-size: xx-large;
    font-weight: bold;
    font-family: cursive;
	
	}
	
/* Estilos de Login */
/* Estilos de Login */


/*Botones*/
/*Botones*/
.btn-sample { 
  color: #ffffff; 
  background-color: #681e8b; 
  border-color: #130269; 
} 
 
.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
} 
 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none; 
} 
 
.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #681e8b; 
  border-color: #130269; 
} 
/*Botones*/
/*Botones*/
.btn-sample .badge { 
  color: #681e8b; 
  background-color: #ffffff; 
}


.imgLogoLogin{
	width: 40%;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: -70px;
}