.input-container {
  display: flex;
  padding-top:4px;
  height:35px;
  padding-right:5px;
}
.input-label {
  width: 30%;
}

.input-control {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.input-control-error-border-bottom{
    border-bottom:2px solid red;
}

.input-title {
    float:left;
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 13px;
    color:#666;
    padding-left:5px;
    padding-top:3px;
    height:30px;
}
.input-inline-lookup{
    z-index: 2;
    height:25px;
    width:22px;
    border:1px solid #ccc;
    display:inline;
    float:right;
    margin-top: -4px;
    background-color: #FFFFFF;
    cursor:pointer;
    display:none;
}
.input-inline-lookup-img{
    margin-top:-2px;
}
.input-inline-value {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position:relative;
    margin: 0px !important;
    height: 25px !important;
    padding: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    background-color: transparent !important;
    transition: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: Segoe UI, Arial, sans-serif;
    border-left:solid 1px #dedede;
}

.input-inline-value-container{
    position:absolute;
    right:0px;
    left:0px;
    margin-left:4px;
}

.input-inline-value:hover{
    box-shadow: 1px 1px 2px #ccc !important;
    background-color:#F3F1F1 !important;
	border-color:#ccc !important;
    border-style: solid !important;
    border-width:1px !important;
    cursor:default;
}

.input-inline-value:hover .input-inline-lookup{
     display: inline;   
}

.input-label:hover > .input-control

.input-inline-value:focus{
    box-shadow: 1px 1px 2px #ccc !important;
    background-color:#F3F1F1 !important;
	border-color:#CCCCCC !important;
    border-style: solid !important;
    border-width:1px !important;
}

.input-inline-value-text{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow:hidden !important;
}

.input-inline-edit{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position:relative;
}

.input-inline-edit input{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width:100%;
    margin: 0px !important;
    height: 22px !important;
    font-size: 13px !important;
    font-family: Segoe UI, Arial, sans-serif;
}

.input-control-locked {
    background: transparent url(img/inlineedit_images.png) no-repeat scroll -61px -25px;
    float:left;
    margin-left:-15px;
    margin-top:4px;
    width:15px;
    height:15px;
}

.input-control-error {
    /*background: transparent url(img/inlineedit_images.png) no-repeat scroll -37px -59px;*/
    float:left;
    margin-left:-25px;
    margin-top:4px;
    width:20px;
    height:20px;
    cursor:pointer;
    color:#bb1941;
}

.input-control-error:hover .input-control-error-info{
    display:block;
}

.input-control-error-info
{
    position: fixed;
    z-index: 99;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #D6D6D6;
    width: 300px;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size:12px;
    color:#262626;
    display:none;
   
}

.input-edit-text {
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: Segoe UI, Arial, sans-serif;
    width:100%;
}

.input-inline-container-lookup{
    position:absolute;
    left:0;
    right:0;
    overflow:hidden;
}
.input-inline-value:hover .input-inline-value-lookup{
     display: inline;   
}

.input-inline-value-lookup{
    z-index: 2;
    height:25px;
    width:22px;
    border:1px solid #ccc;
    background-color: #FFFFFF;
    cursor:pointer;
    position:absolute;
    right:-22px;
    top:-4px;
    display:none;
    box-shadow: 1px 1px 2px #ccc !important;
	border-color:#ccc !important;
    border-style: solid !important;
    border-width:1px !important;
    cursor:pointer;
}

.input-inline-value-lookup-img{
    margin-top:-2px;
    margin-right:10px;
}
    


.input-edit-text-lookup {
    font-size: 13px !important;
    font-weight: bold !important;
    font-family: Segoe UI, Arial, sans-serif;
}
.input-edit-lookup-input{
    float: left;
    width: 35%;
}

.input-inline-lookup-button{
    float: left;
    z-index: 2;
    height:22px;
    width:22px;
    border:1px solid #ccc;
    background-color: #FFFFFF;
    cursor:pointer;
}

.input-inline-secondPart{
    overflow:hidden;
    margin: 0px !important;
    height: 22px !important;
    padding: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 3px !important;
    padding-left: 10px !important;
    background-color: transparent !important;
    transition: none !important;
    font-size: 13px !important;
    font-weight: bold !important;
    font-family: Segoe UI, Arial, sans-serif;
    border: 1px solid;
    border-color: #D6D6D6;
}

.input-inline-lookup-search{
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #D6D6D6;
    overflow-y:scroll;
    height:160px;
    top: 21px;
    position:absolute;
    left:0;
    right:0;
    transition: all linear 0.5s;
    z-index:98;
    width:150%;
}


.input-inline-lookup-search-footer {
    bottom: 0;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #D6D6D6;
    position:absolute;
    left:0;
    right:0;
    top:180px;
    height:22px;
    font-weight:bold;
    z-index: 91;
    width:150%;
}

.input-inline-lookup-search-footer-noresults {
    bottom: 0;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #D6D6D6;
    position:absolute;
    left:0;
    right:0;
    top:22px;
    height:22px;
    font-weight:bold;
}

.input-inline-lookup-search-footer-loading {
    bottom: 0;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #D6D6D6;
    position:absolute;
    left:0;
    right:0;
    top:22px;
    height:30px;
    font-weight:bold;
     display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.input-inline-lookup-search-footer-result{
    float:left;
    margin-left:10px;

}

.input-inline-lookup-search-footer-result-loading{

    display: inline-block;
    text-align: left;
}

.input-inline-lookup-search-footer-new{
    float:right;
    margin-right:10px;
}


.ul-listSearch{
    list-style:none;
    margin-left:-40px;
}

.li-listSearch:nth-child(even) {background: #f6f5f5}

.li-listSearch{
    cursor:default;
    padding:1px;
}

.li-listSearch:hover {
  background: #eee;
  cursor: pointer;
}
.li-listSearch-edt{
    width: 5%;font-weight: normal;float:left;margin-left:6px;
}

.ul-listSearch .selected {
    background-color:#b8b5b5 !important; 
}
.li-listSearch-text{
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-weight: normal;
}
.ellipsisText{
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}
.ellipsisTextAbsolute{
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

/*INPUT FILE*/

.lbl_status_upload_file{color:#666; font-size:12px;}
.lbl_status_upload_file_exito{color:#169201; }
.lbl_status_upload_file_fail{color:#BB1941; }

.book_uploader_title{font-size:14px; font-style:italic; height:50px; width:100%;}
.book_uploader_cont{width:400px; margin-top:40px;}
.book_uploader_btn{clear:both; margin-top:20px;}


/*DIRECTIVA CHECKBOX*/

.input_check_container{width:100%; }
.input_check_label{width:90%; float:left; padding:3px 3px 0px 0px;}
.input_check_control{width:10%;float:left; padding-top:5px;}
.input_check_control_solo{width:100%; text-align:center;}


/*OVERRIDES INPUT MODAL*/

#modal_form .input-container{height:40px;   }
#modal_form .input-inline-value{height:30px;}
#modal_form .input-control{height:30px;}
#modal_form .input-title{height:30px;}
#modal_form .input-edit-text{height:30px;}


/*PAGINATION*/

.pagination_cont{width:100%;  background-color:#ffffff; padding:10px 0px; height:40px;  margin:5px auto; font-size:15px;}
.pagination_totales{float:left; max-width:30%; height:30px;margin-left:20px; font-size:14px; color:#D42C37; }
.pagination_center{float:left; color:#D42C37; width:28%; margin-left:2%; text-align:right;}
.pagination_links{margin-right:20px; float:right; width:40%; height:30px;}
.pagination_link{float:left;}
.pagination_link a{color:#D42C37;font-weight:normal; cursor:pointer; font-weight:normal; }
.pagination_link a:hover{text-decoration:underline;}
.pagination_link_central{float:left; margin:0px 25px;}
.pagination_link_central_txt{float:left; font-size:12px; margin-top:2px; }
.pagination_link_central_input{float:left; margin:0px 5px;}
.pagination_link_central_input input { width:30px; height:20px; font-size:12px;}
.pagination_link_central_btn{float:left;}
.pagination_link_central_btn button{height:20px;padding:2px 5px; line-height:14px;}
.pagination_link_central a {color:#FFF; height:25px;padding-top:5px;}


/*ICONS*/

.icons_block_navigation input{position:absolute; width:100%; height:45px; top:0; left:0px; z-index: 11; background-color:transparent; border:none;}
.icons_block_navigation:focus,.icons_block_navigation input:focus{border:solid 2px #708da9 !important;}

/*BUTTONS*/

.btn_search_cont {background-color: #484848;width:98px; height:100%; position:absolute; padding-top:0px;}
.btn_search{width:98px; height:100%;background:url(../layout/img/btn_search_grey.jpg) no-repeat;
            background-position:center center; cursor:pointer; border: none;}

.btn_modal{-webkit-box-shadow: none;box-shadow: none; width:100px; height:35px; position:relative;
                       display: inline-block; border:1px solid #dadada; margin-top:20px;}
.btn_modal input{position:absolute; width:100%; height:100%; top:0; left:0px; border:none; z-index: 15;background-color: transparent;}
.btn_modal div{position:absolute; width:99%; height:100%; text-align:center; padding-top:8px;}
.boton_cancelar{color: #000;background-color: #fff;}   
.boton_cancelar2{color: #000;background-color: #eee;}    
.boton_guardar{color: #fff; background-color: #7ea700;}    
.boton_add{color: #000; background-color: #ccc;}  

.btn_navigation{font-family:Roboto, "Helvetica Neue", sans-serif; -webkit-appearance: button; width:140px; height:25px;
                    position:relative; display:inline-block; }
.btn_navigation input{position:absolute; width:100%; height:100%; top:0; left:0px; z-index: 90; background-color:transparent; border:none;}
.btn_navigation div{position:absolute; width:99%; height:100%; text-align:center; padding-top:4px;}
.btn_navigation div i {margin-right:2px;}
.btn_navigation_big{width:180px;}

.btn_send_report{margin: 30px auto; width: 110px; border: solid 1px #dedede; height: 80px; background-color: #f2f2f2; padding: 10px;
                 position:relative; cursor:pointer;}
.btn_send_report:hover input{background-color:rgba(188, 247, 187, 0.31);}
.btn_send_report input{position:absolute; width:80%; height:80%; top:10%; left:10%; background-color:transparent;  
                        border:solid 1px #dedede; z-index: 90}
.btn_send_report div{position:absolute; width:100%; height:100%; text-align:center; font-size:12px;  top:22px; left:0px;  line-height:20px;}
.btn_send_report div i{font-size:20px;}
.btn_send_report input:focus{background-color:rgba(188, 247, 187, 0.31);}

.btn_action {border:solid 1px #dedede; height:30px; text-align:center; cursor:pointer; background-color:#FFF; width:110px; float:right;
                position:relative; display: inline-block; padding:0px; margin:0 3px;
                -webkit-transition: background-color 0.2s;  transition: background-color 0.2s; }
.btn_action input{position:absolute; width:100%; height:100%; top:0; left:0px; background-color:transparent; border:none; z-index: 90}
.btn_action input:hover, .btn_action input:focus{background-color:rgba(201, 249, 201, 0.31);}

.btn_action div{position:absolute; width:100%; height:100%; text-align:center; font-size:12px;  top:5px; left:0px;  line-height:20px;}
.btn_action div i{font-size:18px; margin-right:5px;}
.btn_action_big {width:180px !important;}
.btn_action_delete {width:140px !important;}
.btn_action_delete:hover input, .btn_action_delete input:focus{background-color:rgba(247, 207, 207, 0.31) !important;}
.btn_action_cancel:hover input, .btn_action_cancel input:focus{background-color:rgba(249, 238, 201, 0.31) !important;}
.btn_action_print {width:140px !important;}
.btn_action_print:hover input, .btn_action_print input:focus{background-color:rgba(255, 205, 133, 0.31) !important;}

.das_accesso_uno{float:left; border:solid 1px #dedede; width:90px; height:95px; margin-right:10px; text-align:center; cursor:pointer; background-color:#FFF;
                -webkit-transition: background-color 0.2s;  transition: background-color 0.2s;position:relative; margin-bottom:10px; }
.das_accesso_uno input{position:absolute; width:100%; height:100%; top:0; left:0px; background-color:transparent; border:none; z-index: 10}
.das_accesso_icono{position:absolute;top:20px; height:30px; text-align:center; width:100%;}
.das_accesso_icono i{font-size:30px;}
.das_accesso_text{position:absolute; top:50px; font-size:11px; line-height:12px; text-align:center; width:100%;} 

.das_accesso_uno:hover input, .das_accesso_uno input:focus{background-color:rgba(201, 249, 201, 0.21);}



.btn_search:focus,.btn_modal input:focus, .btn_navigation input:focus, .btn_send_report input:focus{border:solid 3px #708da9 !important;}

.load-wrapp {
    height: auto;
    margin: 0 auto;
    position: relative;
}

.line {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #d42b36;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}
.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

@keyframes loadingC {
    0% {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}


/*.input-container:focus{border:solid 2px #D42C37;}*/
/*:focus {border:solid 2px #2c66b7; }*/
button-search:focus {border:solid 2px #2c66b7; }
button-normal:focus {border:solid 2px #2c66b7; }

.boton_guardar:focus{ border:none; border-bottom:2px solid black !important; }
.boton_add:focus{ border:none; border-bottom:2px solid black !important; }
.boton_cancelar:focus{ border:none; border-bottom:2px solid black !important; }

.boton_modal_l{width:150px;}


.center_div_inside_div{
    display: table;
    margin: 0 auto;
}