/*10-08-2020*/
/*font*/
@font-face {
    font-family: 'Roboto-bold';
    src: url('../../fonts/roboto/Roboto-Bold.eot');
    src: url('../../fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../../fonts/roboto/Roboto-Bold.woff') format('woff'),
        url('../../fonts/roboto/Roboto-Bold.ttf') format('truetype'),
        url('../../fonts/roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/roboto/Roboto-Medium.eot');
    src: url('../../fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('../../fonts/roboto/Roboto-Medium.woff') format('woff'),
        url('../../fonts/roboto/Roboto-Medium.ttf') format('truetype'),
        url('../../fonts/roboto/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-regular';
    src: url('../../fonts/roboto/Roboto-Regular.eot');
    src: url('../../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../../fonts/roboto/Roboto-Regular.woff') format('woff'),
        url('../../fonts/roboto/Roboto-Regular.ttf') format('truetype'),
        url('../../fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.glyphicon-resellers{
	font-size:18px !important;
}
.glyphicon-caret{
	font-size:7px;
}
.bold{
    font-family: 'Roboto-bold';
    font-weight: bold !important;
    font-style: normal;
}
tbody{
	font-family: 'Roboto-regular';
	font-weight: normal;
    font-style: normal;
}
label{
	font-weight:500;
}
/*font*/
#menu-principal .thumbnail, #menu-config .thumbnail{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	border: 2px solid #F0F0F0;
	padding: 15px 8px;
	transition: .2s ease;
}
#menu-principal .thumbnail:hover, #menu-config .thumbnail:hover{
	background-color:#f0f0f0;
}
#menu-principal .thumbnail span:first-child, #menu-config .thumbnail span:first-child{
	font-size:28px;
	margin-right:8px;
}
#menu-principal .thumbnail .menu-index-title, #menu-config .thumbnail span:last-child{
	font-size: 16px;
	color:#383838;
}
.menu-toggle{
	border:2px solid #c4c4c4 !important;
	padding: 8px 5px !important;
}
.menu-toggle .icon-bar{
	background-color: #1B7CB3;	
	width: 25px !important;
    height: 3px !important;
}
.btn-salir{
	margin-left: 15px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#logo h1{
	margin:0;
}
#header{
	padding-top:6px;
	padding-bottom:6px;
}
.navbar-ex1-collapse .glyphicon-caret{
	float: right;
    margin-top: 5px;
}
.form-horizontal .control-label, .form-inline label{
	margin-bottom:8px !important;
}
.form-horizontal .control-label, .required, label, .form-inline label{
	color:#383838;
}
.required{
	padding: 0 10px;
}
form[name="form_add_service"] .form-group, form[name="form_add_module"] .form-group{
	margin:0;
}
.search-bar .form-group{
	margin-bottom:0;
}
.search-bar input[type="text"]{
	border-right:0;
}
.search-bar .button_search{
	background-color: transparent;
    border: 1px solid #ccc;
    border-left: 0;
}
.search-bar .button_search:hover{
	background-color:#f0f0f0;
	color:#383838;
}
.table>tbody>tr>td{
	border-width:2px;
}
.table tbody{
	color:#757575;
}
th{
	font-weight:500;
	text-align:center;
}
table{
	text-align: center;
}
table a{
	color:#384cbb;
}
.check-style, .glyphicon-help{
	margin-right:8px !important;
}
.form-block, .form-block *{
	display: block !important;
	width: 100% !important;
}
.block{
	display:block !important;
}
#form-filter{
	border: 2px solid #e4e4e4;
	padding-top:15px;
	margin-bottom:15px;
	margin-left:0;
	margin-right:0;
	border-radius:8px;
}
.even{
	background-color:#f5f5f5;
}
tr:hover{
	background-color:#ececec !important;
}
/*login*/
#login-epagos .logo-div{
	background: url(../../img/link/logo_BO.png);
    width: 226px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: 226px;
    margin-bottom: 50px;
}
#login-epagos > .row > div:first-child {
    background: url(../../img/link/logo-bo-index.jpg);
    background-repeat: no-repeat;
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
	background-color: #A8C6DA;
}
#login-epagos > .row > div:last-child{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	padding-top:30px;
}
#login-epagos > .row > div:last-child .row{
	width:100%;
}
#FormLogin{
	width:100%;
}
.login-form {
    margin-bottom: 50px;
}
#FormLogin .required{
	margin-bottom:50px;
}
#FormLogin .btn-login{
	padding:12px;
	margin-bottom:25px;
	font-size: 18px;
	font-family:'Roboto-bold';
}
.login-form h3 {
    margin-bottom: 25px;
}
.background #header{
	display:none !important;
}
.background #main_body, .background #sub_main {
	min-height:0 !important;
	padding-bottom: 0 !important;
	border:none;
}
.login-form .input-group-btn>.btn{
	height: 50px;
}
.login-inp, .login-form input, #login-epagos select {
    border-color: #a7aac0 !important;
    height: 50px !important;
    margin-bottom: 35px;
    color: #383838 !important;
	box-shadow: 0px 8px 9px #ececec;
}
.navbar-default .navbar-nav>li>a, .dropdown-menu>li>a {
    color: #383838;
}
.form-control{
	color:#383838 !important;
}
@media (max-height:767px){
	.background #header{
		display:block;
	}
    	#login-epagos{
		margin-bottom:137px;
	}
	#login-epagos > .row > div:last-child{
		margin-top:10px;
	}
}
@media (min-width: 768px){
	#login-epagos > .row {
    	display: flex;
    	min-height: calc(100vh - 70px);
	}
	#header{
    	padding-left: 30px;
    	padding-right: 30px;
	}
}
/*login*/
@media (max-width:767px){
	.white-space{
		margin-bottom:30px;
	}
	.white-space-top{
		margin-top:30px;
	}
	#header .navbar-header{
		width:100%;
	}
	.btn-salir {
    	margin-left: 0;
		margin-right:15px;
	}
	#header{
		padding-top:15px;
    	padding-bottom:15px;
	}
	.menu-toggle{
		margin-right:0;
	}
	.col-xs-12 .navbar-header h5{
		margin-bottom:0;
	}
	#side-menu{
		min-height:0 !important;
    	margin-bottom:0;
	}
	.logo-div{
		display:block !important;
	}
}
@media(min-width:768px){
	.white-space{
		margin-bottom:25px;
	}
	.white-space-top{
		margin-top:50px;
	}
	#header .row{
		display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: center;
    	align-items: center;
	}
	/*#logo img, .custom-logo img*/{
		max-width: 115px;
	}
	.form-horizontal .control-label{
		text-align:left;
	}
	.form-inline .form-group{
		margin-right:15px;
    	margin-bottom:30px;
	}
	#login-epagos > .row > div:last-child{
		padding-bottom:95px;
	}
}
@media(max-width:1005px) and (min-width:768px){
	#menu-principal .thumbnail, #menu-config .thumbnail{
		min-height:112px;
	}
}
@media (max-width:1199px) and (min-width:1006px){
	#menu-principal .thumbnail, #menu-config .thumbnail{
		min-height:90px;
	}
}
@media (min-width:1200px){
	#menu-principal .thumbnail, #menu-config .thumbnail{
		min-height:112px;
	}
	.col-lg-offset-med-5{
		margin-left:4.33%;
	}
}
@media(min-width:1440px){
	.col-xl-3{
		width:25% !important;
	}
}
@media(min-width:1749px){
	#menu-principal .thumbnail, #menu-config .thumbnail{
		min-height:90px;
	}
}
/* 10-08-2020*/
.blue {
    color: #04518f;
}

.tableList {
    border: 2px solid #ACD6B7;
    font-size: 14px;
}

/*.tableList th {
    background: #0b669b;
    color: #fff;
}*/
/*.even {
    background: #ebf2f6;
}*/

.register {
    text-align: left;
    padding-left: 15px;
    color: #0b669b;
}

/**** GRADIENT ***/
.gradient {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzg3YWFiZSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzg3YWFiZSIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTQ1Yjg1IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnOTEpIiAvPgo8L3N2Zz4=) !important;
}

.style-tooltip + .tooltip > .tooltip-inner {
    background: #fff;
    border: 1px solid blue;
    color: blue;
}
.style-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: blue;
}
#help_tooltip {
    text-decoration: none;
}

#header {
	background-color:#F7F7F7;
	/*background: linear-gradient(to bottom, #def1ff 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def1ff', endColorstr='#ffffff',GradientType=1 ); *//*IE6-9*/
	min-height: 40px;
}

#footer a:hover {
    color: #81BEE1;
}
#side-menu {
    /*background: linear-gradient(to bottom, #1c7fb8 0%, #0b3852 100%);
    background: -moz-linear-gradient(top, #1c7fb8 0%, #0b3852 100%);
	background: -webkit-linear-gradient(top, #1c7fb8 0%,#0b3852 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c7fb8', endColorstr='#0b3852',GradientType=0 );*/
    background-color:#fff !important;
	border: none;
    height: 100%;
}
/*.login-inp {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .45);
    border-color: rgb(0, 0, 0);
    border-color: rgba(0, 0, 0, .65);
    color: rgba(255,255,255, 1);
}*/
#menu-principal a {
    font-size: 18px;
    /*font-weight: bold;*/
    color: #333;
}
/*#menu-principal .thumbnail {
    border: 2px solid #1e88c6;
    min-height: 187px;
}*/
#menu-config a {
    font-size: 18px;
    /*font-weight: bold;*/
}
/*#menu-config span {
    color: #384cbb;
    font-size: 90px;
    padding: 5px;
}
#menu-config .thumbnail {
    border: 2px solid #1e88c6;
    min-height: 187px;
}*/

.table tbody {
    border: 1px solid #DDDDDD;
}
.tableHeading th {
    text-align: center;
    background-color: #0A669B;
    color: #fff;
}
#main_body {
    border-top: 2px solid #F0F0F0;
}

form div label,
form div .user {
    text-align: left
}
.comision_openpay {
    width: 60px;
	margin:2px;
}
.openpay .control-label, .descriptions_mass_updt {
    text-align: left !important;
}
.openpay {
    border: 1px solid #384cbb;
}
.navbar-nav li a:hover {
    /*background-color: #0b669b !important;*/
    border-radius: 10px;
}
/*.background{
	background: url('../../img/epagos/login.jpg');
	background-color: #ffffff;
	background-repeat: repeat-x;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
}*/

#contact_section{
	padding-bottom:10px;
}

/* Change background autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

.no-margin {
    margin: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color: #04518f;
}