@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.formlogin,
.reset-confirm{
    width: 700px;
    margin: 9% auto 8% auto;
    background: rgba(0,0,0,.8);
    border-radius: 15px;
    padding: 60px 50px;
    color: #fff;
}

ul.form-links{
	margin-top: 30px !important;
}
    
.sp-module ul >li >a {
    line-height: 24px !important;
    color: #FFF !important;
}
.sp-module ul >li >a:hover {
    color: #da9123 !important;
}

.formlogin .titulo{
	color: #FFF;
	border-bottom: solid 1px #FFF;
	padding: 0 0 5px 0;
}

.formlogin .pretext {
    color: #FFF;
    border-bottom: solid 1px #FFF;
    padding: 0 0 5px 0;
    margin: 0 0 35px 0;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
}

.formlogin label{
	color: #FFF;
}

.btn-danger {
    color: #fff;
    background-color: #b72b2b !important;
    border-color: #b72b2b !important;
}
.itemid-101 .btn-success {
    float: right;
    background: #9FF !important;
    color: #000 !important;
    border-radius: 25px;
    border: solid 2px #93d7d7 !important;
}

.alert{
	 color: #fff;
    background-color: #b72b2b !important;
    border-color: #b72b2b !important;
}

.com-users #sp-logueo,
.itemid-101 ._logueotope{
	display: none;
}

/*.itemid-101 #sp-header,
.view-registration #sp-header,
.view-remind #sp-header,
.view-reset #sp-header{
    background: transparent !important;
}*/

._logueotope{
    float: right;
}

._logueotope .login-greeting{
    float: left;
    margin: 0 19px 0 0;
    color: #6b7579;
}
._logueotope .logout-button{
    float: left;
        color: #6b7579;
}
.btn-logout{
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.btn-logout:hover{
    color: #ffc107;
}
.itemid-101 #sp-top1{
    padding: 0;
}

.itemid-101 .conttit{
    font-family: "Roboto", sans-serif !important;
    background:#000;
    color: #FFF;
    text-align: center;
    width: 400px;
    margin: 0 auto;
    border-radius: 0 0 25px 25px;
    padding: 0 0 8px 0px;
}

.itemid-101 .sp-default-logo{
    display: block !important;
}


#sp-top1{
    padding: 3px 0;
}

body.com-easebsp{
    background-image: none !important;
    /*background: #f1f1f1;*/
}

.com-easebsp .titulo{
    color: #57717b;
    border-bottom: solid 1px #57717b;
    padding: 0 0 5px 0;
    margin: 0 0 35px 0;
    font-size: 20px;
    font-weight: 400;
}

.borde-right{
    border-right: solid 1px #57717b;
}

ul.menuleft{
      padding: 10px 5px;
}

ul.menuleft li{
    list-style: none;
    line-height: 34px;
    margin: 6px 0;
    padding: 0 8px;
}

ul.menuleft li:hover{
    background: #57717b;
    color: #FFF;
}

ul.menuleft a{
    color: #57717b !important;
}
ul.menuleft a:hover{
    color: #FFF !important;
}

.sp-module ul >li >a:before{
    display: none !important;
}

#sp-logueo,
.view-remind #sp-main-body,
.view-reset #sp-main-body{
    background-image: url('../images/backgroud-inofficecloud-final.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 0;
}

.itemid-101 #sp-main-body,
.itemid-101 #sp-top-bar,
.view-remind #sp-top-bar,
.view-reset #sp-top-bar{
    display: none;
}

.itemid-101 #sp-header{
    background: #000 !important;
}

.itemid-101 #sp-logo{
    width: 100%;
}

.itemid-101 #sp-menu{
    display: none;
}

.itemid-101 .logo{
    width: 240px;
    margin: 2px auto 0 auto !important;
}

.itemid-108 #sp-menu{
    display: none;
}

.itemid-101 input#modlgn-username,
.itemid-101 input#modlgn-passwd{
    margin: 0 0 0 10px !important;
    border-radius:25px !important;
}

.itemid-101 .input-group-addon{
    border: none !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    color: #fe8c00 !important;
    font-size: 18px !important;
}

.emptop{
    position: absolute;
    right: 5%;
    top: 35%;
    color: #6b7579;
    font-size: 23px;
    z-index: 20;
}
.basebuscar{
    margin: 10px 0 30px 0;
    position: relative;
}

.basebuscar .fa-search{
    margin: 0 5px 0 0;
}

#filtrar{
    padding: 0 0 0 9px;
}



#sp-main-body {
    min-height: 600px;
}

.contresultados{
	font-size: 13px;
	text-transform: uppercase;
}
.iconoarchivo{
	text-align: center;
}
.iconoarchivo .fa{
	color: #3F51B5;
    font-size: 18px;
}
.iconoarchivo a:hover .fa{
	color: #000;
}

h4.alerta{
	color: red;
}
.jmodedit{
    display: none !important;
}

a.logowebacc{
    float: left;
    width: 160px;
    margin:-60px 0 0 0;
}