html, body {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background-color: #666666 !important;
font-family:ancizar_sansregular, Tahoma, Geneva, sans-serif!important;
font-weight:normal;
}
*, html h1, html h2,html h3,html h4,html h5,html h6,html .h1,html .h2,html .h3,html .h4,html .h5,html .h6 {
  font-family:ancizar_sansregular, Tahoma, Geneva, sans-serif;
  font-weight:normal;
}
body {
overflow: auto;
}
.wrapper {
min-height: calc(100% - 150px);
background-color: white;
background-image: url("../img/unal/bg-login.jpg");
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
/* login */
.box-login {
margin: 10px auto 0;
}
.box-login .login-form {
margin: 0 auto;
/* display: inline-block!important; */
float: none!important;
max-width: 300px!important;
background-color: rgba(255, 255, 255, 0.8);
background: rgba(49, 109, 155, 0.9);
color: #fff;
border-radius: 4px;
padding: 10px 2%;
}
.box-login .panel, .box-login .panel-default > .panel-heading, .box-login .panel-default > .panel-body, .box-login .panel-default > .panel-footer {
background: transparent;
border: none!important;
padding: 0;
margin: 0;
}
.box-login h3.panel-title,.panel-login .panel-heading h3.panel-title {
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 auto 10px;
    color: #fff!important;
    clear: both;
}
.box-login h3.panel-title:before {
    content: "";
    width: 90px;
    max-width: 90px;
    height: 90px;
    clear: both;
    background-color: rgba(255,255,255,0.4);
    background-image: url(../img/unal/bg-login-title.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 70%;
    display: inline-block;
    margin: 10px 30%;
    border-radius: 60px;
}
.box-login .input-group {
margin: 5px 0;
}
.box-login span.input-group-addon {
background: #fff;
border: solid 1px rgba(51, 128, 183, .4);
border-right: none;
color: #fff;
}
.box-login .form-control {
border: solid 1px rgba(51, 128, 183, .4)!important;
border-left: none!important;
margin-left: -1px;
font-size: 18px;
outline: none!important;
box-shadow: none!important;
}
.box-login span .glyphicon {
color: #59c6bf;
}
.box-login .btn {
text-align: center;
font-weight: bold;
line-height: 1;
font-size: 1.375em;
height: 1.75em;
color: #fff;
background-color: #00578f;
/*border-width: 5px 0;*/
border-style: solid;
border-color: transparent;
}
.box-login .btn:hover {
background-color: #97cfec;
color: #00578f;
}
/* */
.area_menu {
background-color: rgba(0, 0, 0, 0.5);
color: white;
margin: 0px;
padding: 10px;
}
.area_menu .item_menu {
background-color: #666;
cursor: pointer;
font-size: 13px;
margin: 15px 0px;
padding: 6px 15px;
background-image: url("../img/unal/mark.png");
background-position: center right;
background-size: auto 100%;
background-repeat: no-repeat;
height: 30px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.area_menu .item_menu:HOVER {
background-color: #999;
}
.area_menu .item_selected {
background-color: #50992D;
}
.area_menu .item_selected:HOVER {
background-color: #50992D !important;
}
.hora_legal div {
background-color: #666666;
padding: 5px;
margin-top: 5px;
}
.hora_legal h1 {
font-size: 16px;
margin: 0px;
padding: 0px;
}
.hora_legal h4 {
text-align: center;
font-size: 25px;
margin: 0px;
padding: 0px;
}
.hora_legal h5 {
text-align: center;
font-size: 14px;
margin: 0px;
padding: 0px;
}
.bp_content {
/*margin: 40px 40px 20px 20px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.60);*/
min-height: 100%;
}
.bp_content {
padding: 15px 20px 50px 20px;
position: relative;
top: 0px;
left: 0px;
clear: both;
margin: 0px 3%;
width: 94%;
min-height: 425px;
background-color: rgba(255,255,255,.97);
background-color: transparent;
}
.bt_frame {
width: 100%;
overflow: scroll;
}
.panel.panel-default .panel-heading, .panel.panel-default .panel-body, .panel.panel-default .panel-footer {
background: transparent!important;
border: none;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.panel.panel-default,.panel.panel-primary,.panel.panel-danger,.panel.panel-success,.panel.panel-info,.panel.panel-warning{
padding: 0;
margin: 20px 0;
border: solid 1px #ddd;	
}
.panel.panel-default .panel-body {
/*padding: 0px 0px 15px;*/
}
/*div.panel.panel-default,*/ .panel-footer {
/*border-bottom: 2px dashed #5A9BC5;*/
}
.modal div.panel.panel-default {
border-bottom: none;
}
.note-editor.note-frame {
border: 1px solid #a9a9a9!important;
}
.panel-heading h2, .panel-heading h3, .panel-heading h4, h3.panel-title {
color: #28323c;
display: block;
position: relative;
font-weight: normal;
font-size: 24px!important;
margin: 20px 0px;
padding: 2px 0 5px;
border-bottom: 0;
font-family: ancizar_sansregular, Tahoma, Geneva, sans-serif!important;
text-align: left;
}
/*h2.et_titulo{		
	padding-top:35px;	
	border-top: 2px dashed #5A9BC5;
}*/
.panel-heading h2:before, .panel-heading h3:before, .panel-heading h4:before, h3.panel-title:before {
content: '';
display: inline;
width: 1em;
height: 1em;
float: left;
background-color: #5a9bc5;
margin: 0 .375em 0 0;
}
.panel-heading h4 .glyphicon, h3.panel-title .glyphicon {
border: solid 1px #50992E;
*/ /* border-radius: 50px; */
overflow: hidden;
padding: 1px;
font-size: 20px;
width: 24px;
height: 24px;
text-align: center;
line-height: 1em;
/* margin-bottom: -5px; */
color: #333;
vertical-align: top;
display: none;
}
.panel-heading .glyphicon {
    overflow: hidden;
    padding: 6px 6px;
    font-size: 14px;
    /* width: 24px; */
    /* height: 24px; */
    text-align: center;
    line-height: 1em;
    /* margin-bottom: -5px; */
    color: #fff!important;
    vertical-align: top;
}
/* tables */ 
table.table {
background: rgba(255,255,255,.4);
}
table.table thead th, table.table th {
background: #254173;
color: #fff;
font-family: ancizar_sansregular, Tahoma, Geneva, sans-serif;
font-weight: normal;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 8px 0!important;
border-left: solid 1px rgba(255,255,255,.2);
border-collapse: collapse;
}
.table-striped > tbody>tr:nth-of-type(odd) {
background-color: #efefef!important;
}
/* */
.form-horizontal {
with: 70%;
/*margin: 0 0 20px;*/
}
label .control-label, label{
	line-height: 1em;
}
.form-control {
border: solid 1px rgba(51, 128, 183, 0.4)!important;
}
.date .input-group-addon {
color: #fff;
background-color: #306192;
}
.area_panel {
background-color: white;
padding: 20px 0px;
margin-bottom: 15px;
border-bottom: 2px dashed #5A9BC5;
}
.area_panel h2 {
margin: 20px 0px;
}
.area_panel input[type="text"]:disabled {
/*background: transparent;*/
border: none;
color: #333;
box-shadow: none;
cursor: default;
}
.area_panel select:disabled {
/*background: transparent;*/	
border: none;
color: #333;
box-shadow: none;
cursor: default;
}
.area_panel input[readonly] {
/*background: transparent;*/
border: none;
color: #333;
box-shadow: none;
cursor: default;
}
.picker__input {
background-color: white !important;
border: 1px solid #CCC !important;
}
.bp_obligatorio {
border-color: #a94442 !important;
}
.resaltado {
background-color: #83EE8A !important;
}
.btn-default .caret {
margin-left: 6px !important;
border-top-color: #93d7fb;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
color: #fff !important;
background-color: #666 !important;
border-color: #333 !important;
}
.dropdown-menu {
min-width: 0 !important;
background: #333 !important;
border-color: #222 !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
color: #e1e1e1 !important;
text-decoration: none !important;
background: #4b4b4b !important;
}
.dropdown-menu>li>a {
cursor: pointer;
display: block !important;
padding: 3px 20px !important;
clear: both !important;
font-weight: 400 !important;
line-height: 1.42857143 !important;
color: #e1e1e1 !important;
white-space: nowrap !important;
}
.nav-user .fa, .nav-user .glyphicon {
color: #93d7fb!important;
}
.navigation .nav-user .btn {
/*text-transform:none;*/
}

@media only screen and (min-width:992px) {
.pulled-right {
float: right;
margin-right: 78px;
}
}

@media only screen and (max-width:991px) {
.pulled-right {
float: right;
margin-right: 61px;
}
}

@media only screen and (max-width:766px) {
.pulled-right {
float: initial;
}
}

@media only screen and (min-width: 768px) {
.banner-hora {
/*padding-left: 70px !important;*/
}
}
.banner-hora {
margin: 0;
float: right;
top: 20px;
position: absolute;
right: 100px;
font-size: 12px;
display: block;
}
.banner-hora strong, .banner-hora span, .banner-hora .hora-legal, .banner-hora .hora-zona {
 font-size:12px:
}
.banner-hora strong, .banner-hora .hora-legal {
}
.banner-hora .hora-zona {
}
.link {
color: white
}
.link:hover {
color: white
}

/* nuevo codigo formulario proveedores */
.bg-content{
	background-color:#fff!important;
}
.panel-heading h2, h2.et_titulo{
	font-size:24px;
}
.bp_content,page-registro-solicitud .bp_content,page-auditoria-solicitudes .bp_content {
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
	margin: 1em 0;
	padding:1em 25px;
    width: 100%;	
	
    min-height: 325px;
    background-color:#fff;
    border-radius:10px;
}
page-registro-solicitud .area_panel {
	background-color: transparent;
	padding: 1em 0px;
	margin-bottom: 10px;
	border-bottom: 2px dashed #5A9BC5;
}
page-registro-solicitud .area_panel .panel-default .panel-footer {
	padding: 10px 20px;
	background-color:#efefef!important;
	border-radius:5px;
}
.panel .panel-heading.clearfix {
    color: rgba(0,0,0,.8)!important;
    font-weight: bold;
	text-align:left;
    background-color: rgba(61, 107, 134,0.7);
    border-color: transparent;
    font-size: 18px;
    border-radius: 4px;
    border: none!important;
    padding: 0px 0 0 20px;
}
.panel-heading h2::before, h2.et_titulo::before {
    content: "";
    display: inline;
    width: 1em;
    height: 1em;
    float: left;
	font-size:24px;
    background-color: rgb(90, 155, 197);
    margin: 0px 0.375em 0px 0px;
}
.panel .panel-heading h3.panel-title {
    /*padding: .3em 0;
    font-size: 17px!important;
    font-weight: normal;
    line-height: 1.3em;
    color: #fff;*/
    margin: 0;
    padding: 4px 0;
    color:#fff;
    font-size: 16px!important;
    font-weight: 300;
}

.panel .panel-heading h3.panel-title::before{
	display:none;
}
.box-login .panel-heading h3.panel-title::before{
	display:block;
}

.panel .panel-heading .btn-group.pull-right .btn-default,.panel-body .btn-group.pull-right .btn-default {
    /*background-color: rgb(0, 87, 143);
    color: #fff;
	text-align:center;
	font-size:16px !important;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
	padding: 5px 10px;	
    border-radius: 0px 4px 4px 0px;*/
    background-color: #00578f;
    color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    line-height: 1;
    padding: 1px 8px;    
}
.panel .panel-heading .btn-group.pull-right .btn-default .glyphicon {
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
        overflow: hidden;
    padding: 4px 6px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 1em;
    /* margin-bottom: -5px; */
    color: #333;
    vertical-align: top;
}

table.table td, table.table th{
	word-break: break-all;
}
.list-group.fileupload_box .list-group-item{
	padding: 0;
    border: solid 1px rgba(51, 128, 183, .4)!important;
    border-radius: 4px;
}
.list-group.fileupload_box .list-group-item{
	padding:0!important;
	margin-top:0px;
}
.list-group.fileupload_box .list-group-item .media{
	padding: 11px 8px;
}
div#area_panel_hide {
  display: none;
}
div#preload {
	background-image: url("../img/loader/loader3.gif");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	cursor: wait;
	height: 295px;
	width: auto;
	z-index: 1000;
	margin: auto;
    position: inherit;
}

.popover.left {
    margin-left: -190px !important;
    right: 125%;
    left: auto !important;
}

.zidex{
	z-index: 1000 !important;
}





/* ---------- */


.downloads {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 86px;
  padding-top: 20px;
}

.downloads .button {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  cursor: pointer;
}

.downloads .button .download-button {
  display: flex;
  align-items: center;
  height: 50px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  padding: 0 10px;
  transition: all 0.3s ease-out;
  overflow: hidden;
}

.downloads .button .download-button:hover {
  width: 189px;
}

.downloads .button .download-button .icon {
  width: 30px;
  height: 30px;
  background: #314f6f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.3s ease-out;
  padding: 6px;
}

.downloads .button .download-button .icon img {
  width: 25px;
  height: 25px;
}

.downloads .button .download-button span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 8px;
  line-height: 60px;
  display: none; 
  white-space: nowrap;
  transition: opacity 0.3s ease, margin 0.3s ease;
}

.downloads .button .download-button:hover span{
  display: inline;
}