@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300; src:url('../fonts/Opensans/OpenSans-Light.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:400; src:url('../fonts/Opensans/OpenSans-Regular.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:600; src:url('../fonts/Opensans/OpenSans-SemiBold.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:700; src:url('../fonts/Opensans/OpenSans-Bold.ttf') }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:800; src:url('../fonts/Opensans/OpenSans-ExtraBold.ttf') }

@keyframes loading { 
    0% { transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:#003c66 }
    50% { transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); background:#0074c8 }
    100% { transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); background:#003c66 }
}
@keyframes loading_after { 
    0% { border-top:10px solid #0074c8; border-bottom:10px solid #0074c8 }
    50% { border-top:10px solid #003c66; border-bottom:10px solid #003c66 }
    100% { border-top:10px solid #0074c8; border-bottom:10px solid #0074c8 }
}

/******GENERICOS******/

/*Contenido*/

body { background-color:#eff3f5; font-family:'Open Sans', sans-serif; font-size:13px; padding-top:0 }
legend { font-weight:600; margin-top:20px; margin-bottom:10px }
h2 { font-weight:600; margin-bottom:0; margin-top:10px}

.jumbotron.content { background-color:#fff; border:1px solid #e7e7e7; border-radius:2px; box-shadow:0 2px 2px #e7e7e7; color:#004880; margin-bottom:50px; padding:10px 20px }
.borderDiv { border-bottom:1px solid #e5e5e5; box-shadow:0 3px 3px -2px #e9e9e9; padding:0 }

/*Flash Messages*/

.alert { margin-bottom:0; margin-top:10px }
.alert h4 {  font-weight:600 }
.tooltip-inner { font-size:1.2em; max-width:614px; width:614px }

#divFlash { padding:10px 0 0 0 }
#divFlash .alert, #loginFlash .alert { border-radius:2px; box-shadow:0 2px 2px #e7e7e7 }
#iconLog { color:#333; font-size:1.5em; margin-left:5px }

/*Responsive*/

@media (max-width:1024px) { 
    .container { padding-right:0; padding-left:0; width:100%}
}
@media (max-width:767px) { 
    h2 { font-size:26px }
    .content { margin-left:0; padding:0; width:100% }
    .form-group { margin-bottom:5px }
}

/*Enlaces*/

a { color:#0074C8; -webkit-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -o-transition:.25s; transition:.25s }
a.disabled { pointer-events:none; color:grey; cursor:default; opacity:0.6 }
a.disabledMenu { pointer-events:none; cursor:default }
.pointer { cursor:pointer }
.not-active { pointer-events:none; cursor:default; color:darkgray }

/*Espaciador*/

.spacer { margin:0; padding:0; height:10px }
.separador { margin:18px 0; border:0; border-top:1px solid #eee; border-bottom:1px solid #fff }
.separador2 { border:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #fff; margin-top:3px; margin-bottom:3px }

/*Botones*/

.button { border-radius:.25em; font-size:1em; font-weight:600; padding:8px 20px }
.button > i { margin-left:5px }

.btnPrinc { background-color:#0074C8; border-color:#0068b3; color:#fff }
.btnPrinc:active, .btnPrinc:focus, .btnPrinc:hover, .btnPrinc:active:focus, .btnPrinc:active:hover, .btnPrinc:focus:hover,
.btnPrinc:active:focus:hover { background-color:#005999; border-color:#004a80; color:#fff }

.btnDanger { background-color:#cc0000; border-color:#b30000; color:#fff }
.btnDanger:active, .btnDanger:focus, .btnDanger:hover, .btnDanger:active:focus, .btnDanger:active:hover, .btnDanger:focus:hover,
.btnDanger:active:focus:hover { background-color:#990000; border-color:#800000; color:#fff }

.btnDefault { background-color:#404040; border-color:#333333; color:#fff }
.btnDefault:active, .btnDefault:focus, .btnDefault:hover, .btnDefault:active:focus, .btnDefault:active:hover, .btnDefault:focus:hover,
.btnDefault:active:focus:hover { background-color:#262626; border-color:#1a1a1a; color:#fff }

.btnSuccess { background-color:#006622; border-color:#004d1a; color:#fff }
.btnSuccess:active, .btnSuccess:focus, .btnSuccess:hover, .btnSuccess:active:focus, .btnSuccess:active:hover, .btnSuccess:focus:hover,
.btnSuccess:active:focus:hover { background-color:#004d1a; border-color:#003311; color:#fff }

.btnLink { border-radius:0; color:#0074c8; font-size:12px; font-weight:600 }
.btnLink:active, .btnLink:focus, .btnLink:hover, .btnLink:active:focus, .btnLink:active:hover, .btnLink:focus:hover,
.btnLink:active:focus:hover { background-color:transparent; color:#005999; text-decoration:underline }

#btnPager { margin-top:16px }

/******MODAL******/

.modal-header { background-color:#0074C8; border-top-left-radius:4px; border-top-right-radius:4px; color:#fff }
.modal-header .close { color:#fff; filter:alpha(opacity=100); font-size:30px; opacity:1 }
.modal-title { font-size:15px; font-weight:700; text-transform:uppercase }

.modal-body p { font-weight:600 }
.modal { cursor:pointer }
.btnModal { float:right }
.btnSalir { float:left }

/******CARGANDO PAGINA******/

.cargandoPag { background:#f2f2f2 url(../imgs/LogoImed_Peq.png) no-repeat center; height:100%; position:absolute; opacity:1; width:100%; z-index:99999 }
#loading { 
    animation:loading 1.5s infinite linear;
    -moz-animation:loading 1.5s infinite linear;
    -o-animation:loading 1.5s infinite linear;
    -webkit-animation:loading 1.5s infinite linear;
    background:#003c66;
    border-radius:50px;
    position:relative;
    height:25px;
    left:49%;
    top:58%;
    width:25px;
}
#loading:after { 
    animation:loading_after 1.5s infinite linear;
    -moz-animation:loading_after 1.5s infinite linear;
    -o-animation:loading_after 1.5s infinite linear;
    -webkit-animation:loading_after 1.5s infinite linear;
    border-top:10px solid #0074c8;
    border-bottom:10px solid #0074c8;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-radius :50px;
    content:'';
    position:absolute;
    height:55px;
    left:-15px;
    top:-15px;
    width:55px;
}

#divPantCarga { background:#f2f2f2; display:none; height:90%; opacity:1; position:absolute; text-align:center; width:100%; z-index:99999 }
#divPantCarga label { color:#0074c8; font-size:1.8em; font-weight:600; position:relative; top:50% }

/*Responsive*/

@media all and (max-device-width:992px) and (orientation:portrait){ 
    #loading { top:62% }
}
@media all and (max-device-width:992px) and (orientation:landscape){ 
    #loading { top:70% }
}

/*---------------ESTILOS PAGINAS ERROR---------------*/

.imgError { width:100%; margin-top:40px; margin-left:10px; margin-right:20px }
.errorTitle { font-size:22px; font-variant:initial; font-weight:700; margin-bottom:20px }
.errorP { font-size:13px; font-weight:600 }
.ulError { list-style:none; padding:0 }

/*****HEADER******/

.header { position:relative; z-index:9 }
.header .top { background:#f9f9f9; box-shadow:0 1px 5px rgba(0,0,0,.1); color:#545454; font-size:12px; font-weight:700; position:relative; z-index:10 }

.top-nav { float:right }
.top-nav ul { margin-bottom:0 }
.top-nav ul>li { display:inline-block; margin-right:8px; margin-top:10px; position:relative }
.top-nav ul>li:after { border-right:1px solid #eaeaea; content:''; display:block; height:16px; position:absolute; right:0; top:12px; width:1px }
.top-nav ul>li:last-of-type:after { content:none }
.top-nav ul>li a span { font-weight:500; letter-spacing:1px }
.top-nav ul>li .iconDev { font-size:30px; font-weight:500; margin-right:10px; position:relative; top:5px }

.top-nav ul>li #enlSalir { color:#545454; display:inline-block; font-size:14px; line-height:38px; margin-right:10px; opacity:1; padding:0; position:relative }
.top-nav ul>#liBusc, .top-nav ul>#liBuscResp { display:none }
.top-nav ul>li .actBusc { margin-bottom:13px; margin-right:10px; position:relative; top:4px }
.top-nav ul>li .actBuscResp { margin-bottom:2px; margin-right:20px }

.top-logo { float:left; margin:10px }
.top-logo a:first-of-type { float:left }
.top-logo img { width:120px }
.top-logo div { display:inline-block }

#btnSalirMov { display:none; margin-top:15px; margin-right:10px }

/*Responsive*/

@media (min-width:768px) and (max-width:991px) { 
    #actBusc { left:50% }
}
@media (max-width:767px) { 
    .top-nav ul>li { margin-top:0 }
    .top-nav ul>li:after { border-right:none }
    .top-nav ul>li .iconDev, .top-nav ul>li #enlSalir { display:none }

    #btnSalirMov { display:block }
}

/*****FOOTER******/

.footer {
    background:#f9f9f9;
    bottom:0;
    box-shadow:0 1px 5px rgba(0, 0, 0, .1);
    padding:5px 15px;
    position:fixed;
    width:100%;
    z-index:10;
}

.footer p { color:#545454; font-size:.75em; font-weight:600; margin-bottom:0 }
.footer p > span { background-color:#ff4500; border:1px solid #e63d00; border-radius:.3em; color:#FFFFFF; left:5px; padding:0 5px; position:relative }


/*****ESTILOS LOGIN******/

#divLogin { padding:10px }
#divImg { border-bottom:1px solid #e7e7e7; padding:10px 0; text-align:center }
#legendLogin { border:none; font-weight:700; text-align:center }

#divLogin input[type=text], #divLogin input[type=password] { border:1px solid #4da1e6; border-left:0; height:40px; font-size:13px }
#divLogin .input-group-addon { background-color:#fff; border:1px solid #4da1e6; border-right:0 }
#divLogin .input-group-gray {  background-color:#eee; border:1px solid #4da1e6; border-right:0 }

#divLogin .form-group>div>.input-group>.input-group-addon { padding:6px 13px; color:#005999 }
#divLogin .form-group>div:first-of-type>.input-group>.input-group-addon { padding:6px 14px }

#divLogin .btn.active.focus, #divLogin .btn.active:focus, #divLogin .btn.focus,
#divLogin .btn:active.focus, #divLogin .btn:active:focus, #divLogin .btn:focus { outline:0 auto #fff }

#divLogin #btnLogin, #divLogin #btnCodigo, #divLogin #btnPager,
#divLogin #btnRecPass, #divLogin #btnNuevoPass { border-radius:3px; padding:10px 20px; width:100% }

#divLogin > #formLogin input[type=text]:focus { border-right:0 }
#divLogin > #formLogin .checkbox > label { font-weight:600; margin-top:10px }
#btnDelLog { border:1px solid #4da1e6; border-left:0; height:40px; color:#005999 }
#btnDelLog:disabled { background-color:#eee; opacity:1 }
#btnDelLog:disabled > i { color:#808080 }

#btnDelLog:hover, #btnDelLog:focus, #btnDelLog:active,
#btnDelLog:hover:focus, #btnDelLog:hover:active, #btnDelLog:focus:active { background-color:#fff }

#btnDelLog:hover:disabled, #btnDelLog:focus:disabled, #btnDelLog:active:disabled,
#btnDelLog:hover:focus:disabled, #btnDelLog:hover:active:disabled, #btnDelLog:focus:active:disabled { background-color:#eee; opacity:1 }

#divReq { padding-left:5px; padding-right:5px }
#enlPass { margin-top:10px; padding:0 }
#panelReq { background-color:#fcf8e3; border:1px solid #faebcc; box-shadow:0 2px 2px #eee; color:#6b562e; display:none; margin:5px 0 10px; padding:10px 20px }
#panelReq>ul { margin-bottom:5px }
#panelReq>ul>li { font-weight:600 }
#panelReq span { font-weight:700 }
.iconDev { color:#ff4500; font-size:28px; margin-bottom:10px; padding:0 }

#formNuevoPass .form-group > div:first-of-type span { background-color:#eee }
#_remember_me { margin-top:10px; transform:scale(1.2) }
#_remember_me ~ label { font-size:1.3rem; margin-bottom:0; margin-left:5px }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 
    background-color:#fff !important;
    box-shadow:0 0 0 1000px #fff inset;
    -webkit-box-shadow:0 0 0 1000px #fff inset;
}
input:hover:-webkit-autofill, textarea:hover:-webkit-autofill, select:hover:-webkit-autofill,
input:active:-webkit-autofill, textarea:active:-webkit-autofill, select:active:-webkit-autofill,
input:focus:-webkit-autofill, textarea:focus:-webkit-autofill, select:focus:-webkit-autofill{ 
    background-color:#fff !important;
    box-shadow:0 0 0 1000px #fff inset;
    -webkit-box-shadow:0 0 0 1000px #fff inset;
}

#divLogin .has-error input[type=text], #divLogin .has-error input[type=password] { 
    background-color:#f2dede;
    border-color:#a94442;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
#divLogin .form-group>div.has-error>.input-group>.input-group-addon { background-color:#f2dede; border-color:#a94442; color:#a94442 }

/*Responsive*/

@media (orientation:portrait) { 
    #divImg { padding-top:40px; padding-bottom:20px }
}
@media (orientation:landscape) { 
    #divImg { padding-top:15px; padding-bottom:10px }
}
@media (max-width:991px) { 
    #lblRemember { font-size:15px; margin-top:15px }
}
@media (max-width:767px) { 
    #divImg { padding-top:20px; padding-bottom:10px; margin-top:30px }
}
@media (max-width:767px) { 
    #divImg { padding-top:20px; padding-bottom:10px }
    #logoLogin, #logoCambioPass { width:60% }
    #enlPass { font-size:15px; margin-top:20px }
}

/*****CONTENIDO*****/

.has-error .form-control { background-color:#ffe6e6 }
.has-error .form-control:focus { 
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1206,132,131,.6);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(206,132,131,.6);
}
.form-control { border:1px solid #ccc; font-size:13px; transition:none; -webkit-transition:none; -o-transition:none }
.form-control:focus { font-size:13px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

#divCargando { display:none }
#cargandoBusq { margin:20px 0; text-align:center }
#cargandoBusq i { font-size:50px }
#cargandoBusq label { font-size:18px; font-weight:600; margin-left:10px }

.content { margin-top:10px }
.divBox { border-radius:2px; box-shadow:0 3px 3px -2px #e9e9e9; padding:10px }
.divNum { background-color:#f2f2f2; border:1px solid #e6e6e6; box-shadow:0 3px 3px -2px #d9d9d9; margin-right:18px; padding:10px 10px }

.jumbotron .nombre { color:#0066cc; font-size:20px; font-weight:600; margin-bottom:5px }
.jumbotron .datos { font-size:15px; margin-bottom:2px }
.jumbotron .movilTit { color:black; font-size:14px; font-weight:600; margin-bottom:5px }
.jumbotron .movil { color:#0066cc; font-size:18px; font-weight:600; margin-bottom:5px }

.movil a:hover, .movil a:active, .movil a:focus, .movil a:visited { color:#0066cc; text-decoration:none }
.radio label:last-of-type { margin-left:10px }

.inputGroup { position:relative; border-collapse:separate }
.btnReset { 
    background-color:white;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    color:darkgray;
    padding:7px 10px 5px 10px;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.btnReset:hover, .btnReset:active, .btnReset:focus, .btnReset:visited { background-color:white; color:gray }
.btnReset:disabled, .btnReset:hover:disabled, .btnReset:active:disabled,
.btnReset:focus:disabled, .btnReset:visited:disabled { background-color:#e6e6e6; color:darkgray }

@media (min-width:768px) and (max-width:991px) { 
    .radio label:last-of-type { margin-left:0 }
}
@media (max-width:767px) { 
    .container { padding-right:0; padding-left:0 }
    .divBusc { margin-top:5px }
    .divNum { padding:5px 3px; margin-right:2px }
    .form-horizontal .radio { padding-top:0 }
    #btnBuscar { width:100% }
}
@media (min-width:350px) and (max-width:767px) { 
    .divDatos { width:47% }
    .divMovil { width:23%}
    .divCorp, .divExt { width:14% }

    .jumbotron .nombre { font-size:14px }
    .jumbotron .datos { font-size:12px; font-weight:600 }

    .jumbotron .movilTit { font-size:12px; font-weight:600; margin-bottom:2px }
    .jumbotron .movil { font-size:14px; font-weight:600; margin-bottom:2px }
}
@media (max-width:349px) { 
    .divDatos { width:42% }
    .divMovil { width:25%}
    .divCorp, .divExt { width:15% }

    .jumbotron .nombre { font-size:13px }
    .jumbotron .datos { font-size:12px; font-weight:600 }

    .divNum { padding:5px 3px }
    .jumbotron .movilTit { font-size:11px; font-weight:600; margin-bottom:2px }
    .jumbotron .movil { font-size:12px; font-weight:600; margin-bottom:2px }
}