body {
	border-top: 2px solid #9DC1EA;
	padding: 0px;
	margin: 0px;
	font-family: Quicksand,sans-serif;
}

body a{color:#225A99;cursor:pointer;}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.error{color:red;}
.error-form, .form-errors{
	color: red;
  font-size: 12px;
}

.login {
	width: 600px;
	margin: auto;
	margin-top: 1em;
	border: 1px solid #225a99;
	padding: 2em;
	display: block;
	position: relative;
	border-radius: 10px;
	background-color: #225a99;
}

@media (max-width: 683px) {
	.login_footer {
		width: 100% !important;
	}
}
		
@media (max-width: 599px) {
	.login {
		width:100%;
	}
	
}

@media (max-width: 570px) {
	.login .content{
		margin: auto;
		margin-top: 45px;
		float:none !important;
	}
	.login .direccion{
    text-align: center !important;
		margin-top:10px !important;
		float: none !important;
	}
}

@media (max-width: 345px) {
	.login .content {
    width: 80%;
	}
}

.login .logo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #9DC1EA #9DC1EA;
    border-image: none;
    border-radius: 0 0 20px 20px;
    border: 2px solid #9DC1EA;
    border-width: 0 2px 2px;
    margin: -20px auto auto;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 220px;
		box-shadow: 1px 2px 2px #444444;
		margin-left: 20px;
}

.login .content{
	width: 278px;
	border: 1px solid #225a99;
	padding: 1em 2em;
	float: right;
	display: block;
	position: relative;
	border-radius: 10px;
	background-color: #ffffff;
}

.login .row{
  margin-bottom: 6px;
}

.login label:not(.error-form) {
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	display: inline-block;
}

.login .direccion {
	float: left;
	margin-top: 60px;
}

.login_footer {
	width: 684px;
	margin: auto;
	margin-top: 1em;
}

.btn.btn-primary {
	color: #225A99;
	background: #fff;
	border-color: #225A99;
}

.btn.btn-primary:hover{
	color: #fff;
	background: #225A99;
}

.btn.btn-primary[disabled] {
	background: #fff;
}

.btn.btn-success{background: #225a99;color:#fff;border-color: #225a99;}
.btn.btn-success:hover{color: #225a99;background:#fff}
.btn-success[disabled]:hover{border-color: #225a99;}

.btn.btn-checkbox-toggled {
	color: #fff;
	background: #225A99;
	border-color: #225A99;
}

.bordered {border: 1px solid #9DC1EA;padding: 0 0 30px 0;display:none;}
.close-bordered{position:absolute;right:10px;top:5px;}
.close-bordered i{cursor:pointer;color:#225a99}
.bordered-title{position: relative;color: #225a99;padding: 5px 10px;font-weight: bold;border-bottom: 1px solid #9DC1EA;margin-bottom: 10px;}

#toTop {
	position:fixed;
	bottom: 51px;
	right: 20px;
	display: none;
	text-align: center;
	height: 50px;
	width: 50px;
	color: #F8AD33;
	padding: 0;
	border-radius: 50px;
	z-index: 10;
	font-weight: normal;
  text-shadow: none;
}

#toTop i {
	position: absolute;
	top: 3px;
	left: 6px;
	font-size: 35px;
}

.header .logo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #9DC1EA #9DC1EA;
    border-image: none;
    border-radius: 0 0 20px 20px;
    border: 2px solid #9DC1EA;
    border-width: 0 2px 2px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 220px;
		box-shadow: 1px 2px 2px #444444;
		margin-left: 20px;
}

.header .page-title{text-align:center;background-color: #9DC1EA}
.header .page-title h1{color: #225a99;font-size: 25px;margin: 0;padding: 10px 0;font-weight: bold;border-bottom:1px solid #9DC1EA}
.main .page-title{margin-top:35px;margin-bottom: 20px;}

.sidebar {
    height: 100%;
    position: fixed;
    top: 86px;
    z-index: 9;
		border-right: 1px solid #9DC1EA;
		padding: 0;
}

.sidebar nav{
	margin-top: 20px;
	width: 100%;
}

.sidebar nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidebar nav ul li {
  text-align: right;
}

.sidebar nav ul li a,.sidebar nav ul li a:active{font-weight: bold;width:100%;display:block;text-decoration:none;color: #225A99;padding:5px;}
.sidebar nav ul li a:hover, .sidebar nav ul li a.selected{color:#fff;text-decoration:none;background-color: #eeae31;}

.sidebar nav ul li a  i{width:13px;text-align: center;}

.sidebar nav ul li .submenu{border-top: 1px solid #9DC1EA;border-bottom: 1px solid #9DC1EA;margin-top: 5px;font-size:12px;}

.user-menu.dropdown {position: absolute;right: 10px;top: 10px;}
.user-menu.dropdown#dropdown-menu-top{right:55px;}
.user-menu.dropdown .dropdown-menu-right{text-align: right}
.user-menu.dropdown .dropdown-menu-right a{padding:5px;display:block;}
.user-menu.dropdown .dropdown-menu-right a:hover{color:#fff;text-decoration:none;background-color: #9DC1EA;}
#dropdown-menu-top a{font-weight: bold;}
.main{padding-left: 9%;margin-top: 21px;margin-bottom: 50px;}
.main.main-top{margin-top:48px;}
.main h1 {color: #225A99;border-bottom: 1px solid #9DC1EA;font-size: 20px;}
.panel-default {border-color: #9DC1EA;}
.panel-default>.panel-heading{border-color: #9DC1EA;background:none;color:#225a99;font-weight:bold;}
#btn-numero-desde-agenda{margin-top:25px;}
.form-warnings{font-style: italic;font-size:14px;color:#333;}
.totalWidth{width:100%;}
#formSendSMS input[name=remitente]{float:left;width:50%;margin-right:10px;}
h2.dropdown-header {padding: 0px 5px;margin-top:0;margin-bottom:5px;color: #225a99;font-size:15px;}
.btn-sendSMS-top{margin-bottom:15px;}
.btn-sendSMS-mobile{position:fixed;bottom:0;right:0;z-index:9;background:#225a99;width:100%;}
.btn-sendSMS-mobile button, .btn-sendSMS-mobile button:active, .btn-sendSMS-mobile button:visited, .btn-sendSMS-mobile a, .btn-sendSMS-mobile a:active, .btn-sendSMS-mobile a:visited{background: #225a99 !important;color:#fff !important;font-weight: bold;width:100%;font-size:20px;}
#modalAgenda .modal-header, #modalAgenda .modal-footer, #modalPlantillas .modal-header, #modalPlantillas .modal-footer{border:0;}
#modalAgenda .modal-header, #modalPlantillas .modal-header{padding-bottom: 0}
#modalAgenda .modal-body, #modalPlantillas .modal-body{padding-top: 0;}
#modalAgenda .tab-content, #modalPlantillas .tab-content{border:1px solid #ddd;border-top:0;}
#modalAgenda .tab-pane{padding: 15px 15px 10px 15px;overflow-y: auto;height:400px}
.tableModalAgendaContactos{width:100%}
#modalAgenda #contactos .input-group{margin-bottom:10px;}
.checkbox-blue{margin-top: 0px;margin-bottom: 0px;}
#modalAgenda .tableModalAgendaContactos tr, #modalAgendaGruposTable tr{cursor:pointer;z-index: 99999;}
#modalAgenda #grupos .group-title{position:relative}
#modalAgenda #grupos .group-title div{position: absolute;right: 0;top: 0;}
.contactos-anadidos{font-size: 12px;font-style: italic;}
	
.checkbox-blue input[type="checkbox"]:hover, .checkbox-blue input[type="checkbox"]:hover+label::before, .checkbox-blue label:hover::before {
    background-color: #225a99;
    border-color: #225a99;
		cursor:pointer;
		
}
.checkbox-blue input[type="checkbox"]:checked+label::before, .checkbox-blue input[type="radio"]:checked+label::before {
    background-color: #225a99;
    border-color: #225a99;
}
.checkbox-blue input[type="checkbox"]:checked+label::after, .checkbox-blue input[type="radio"]:checked+label::after {
    color: #fff;
}
.hiddenXS{display:initial;}

.footer{position: fixed;bottom: 0;width: 100%;background:#225a99;color:#fff;z-index: 9;font-weight:bold;padding:10px 0;line-height:1.6em}
.footer a{color:#fff;text-decoration:underline}
#fijas, #personalizadas{padding-top:15px;}
#personalizadas p{margin-top:5px;margin-left:10px;}
.checkbox-blue input[type="radio"]:checked+label::before {
    background-color: #fff;
    border-color: #225a99;
}
.radio label::after{background-color: #225a99;}


.admin-usuarios, .table.admin-usuarios>thead>tr>th, .table.admin-usuarios>tbody>tr>td{border:1px solid #ddd;padding:3px 0}
.admin-usuarios th, .admin-usuarios td{border-collapse: collapse;cursor:pointer;}
table.admin-usuarios>tbody>tr>td.nombre-usuario{padding-left:10px;}
.admin-usuarios .fa.fa-check-circle, .informes .fa.fa-check-circle, span.green{color:green;}
.admin-usuarios .fa.fa-times-circle, .informes .fa.fa-times-circle, .admin-usuarios .fa.fa-trash-o, .admin-grupos .fa.fa-trash-o, .admin-contactos .fa.fa-trash-o, .admin-contactos-grupo .fa.fa-trash-o, .admin-plantillas .fa.fa-trash-o{color:red !important;}
.admin-usuarios a{margin:5px;}
.admin-usuarios a>i{font-size:18px;}
.modal .modal-header h2{font-size: 20px;color: #225a99;margin: 0;font-weight: bold;}
.nuevo-usuario, .nuevo-grupo, .nuevo-contacto, .nueva-plantilla, .btn-back{margin-bottom:10px;float:right;}
#modalEditUsuario .modal-body .row{margin-bottom:10px;}
.admin-grupos{width:50%;}
.admin-grupos .actions{width:144px;}
table .actions a{padding-right:10px;}
.grupo_privado{width:10px;padding-right: 0 !important;}
#formGrupo .toggle.btn {min-width: 100px;}
#accordionContacto {margin:20px;}
#accordionContacto .panel-default>.panel-heading {border-color: #9DC1EA;background: #eceff3;color: #225a99;font-weight: bold;padding:0;}
#accordionContacto .panel-default>.panel-heading>.panel-title>a{width: 100%;display: block;padding: 10px 15px;}
.td_checkbox{width:20px;}

/* MD*/
@media (min-width: 992px) and (max-width:1199px) {
	.main{margin-left:8%;width: 92%;}
}

/* SM */
@media (min-width: 767px) and (max-width:991px) {
	.main{margin-left:7%;width: 93%;margin-top: 50px;}
	.admin-grupos{width:100%;}
}
/* XS */
@media (max-width: 767px) {
	.main{margin-left:0;margin-bottom: 44px;margin-top: 65px;}
	h2.dropdown-header {
    padding: 0px 5px;
    margin-top: 0;
    margin-bottom: 0;
    color: #225a99;
    background: #f9eace;
    font-size: 15px;
	}
	.dropdown-menu .divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #eeae31;
	}
	.form-warnings{font-style: italic;font-size:11px;color:#333;display: inline-block;margin-top: 9px;}
	.hiddenXS{display:none;}
	.admin-grupos{width:100%;}
	.main.main-top{margin-top:103px;}
	.buscador input[type=text], .buscador select {width:100% !important}
}
#formPlantilla textarea.form-control {
    height: 90px;
}
.admin-plantillas .actions{width:71px;}

/* PAGINACION */
.pagination{text-align: center;}
ul.page-numbers li {
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ebebeb;
    color: #333;
    list-style: none;
		font-weight: bold;
}
ul.page-numbers li a {color:#333;padding: 5px 10px;display: block;}   
                        
ul.page-numbers li.current {
    background: #225a99 none repeat scroll 0 0;
    border: 1px solid #225a99;
    color: #eeae31;
		padding: 5px 10px;    
}
ul.page-numbers li:hover {background: #9DC1EA}
ul.page-numbers li a:hover {color: #225a99;text-decoration: none;}

.buscador {padding: 10px;border: 1px solid #ddd;}
.buscador label, .buscador input[type=text], .buscador select{float:left;width:auto;}
.buscador label{margin-right:5px;margin-top:6px;}
.total-mensajes{margin:10px;}
.reenviar-error{float:right;}
#panel-resultados-importar, #panel-resultados-importar table{display:none;}
#panel-resultados-importar table, #panel-resultados-importar table tr{width:100%;}
#importar a:hover{font-weight: bold;}
.contacto-baja{background-color: #ffe2e2;color: red;}

/** ENVIO DE MENSAJE DESDE ESTADISTICAS PHPLIST **/
#enviar-mensaje-estadisticas .btn-sendSMS-top button{
	float:right
}

h4{margin-top:0}