/*
 * FONT FAMILY
 *
 *
 * BOLD FAMILY
 */
@font-face {
    font-family: TitilliumBold;
    font-weight: bold;
    src: url("../fonts/Titillium/Titillium-Bold.otf");
}

@font-face {
    font-family: TitilliumBold;
    src: url("../fonts/Titillium/Titillium-BoldItalic.otf");
	font-weight: bold;
	font-style: italic;
}

@font-face {
    font-family: TitilliumBold;
    font-weight: normal;
    src: url("../fonts/Titillium/Titillium-Semibold.otf");
}

@font-face {
    font-family: TitilliumBold;
    src: url("../fonts/Titillium/Titillium-SemiboldItalic.otf");
	font-weight: normal;
	font-style: italic;
}

/*
 * NORMAL FAMILY
 */
@font-face {
    font-family: Titillium;
    font-weight: bold;
    src: url("../fonts/Titillium/Titillium-Regular.otf");
}

@font-face {
    font-family: Titillium;
    src: url("../fonts/Titillium/Titillium-RegularItalic.otf");
	font-weight: bold;
	font-style: italic;
}
@font-face {
    font-family: Titillium;
    font-weight: normal;
    src: url("../fonts/Titillium/Titillium-Light.otf");
}

@font-face {
    font-family: Titillium;
    src: url("../fonts/Titillium/Titillium-LightItalic.otf");
	font-weight: normal;
	font-style: italic;
}
/*
 * THIN FAMILY
 */
@font-face {
    font-family: TitilliumThin;
    font-weight: normal;
	font-style: normal;
    src: url("../fonts/Titillium/Titillium-Thin.otf");
}

@font-face {
    font-family: TitilliumThin;
    src: url("../fonts/Titillium/Titillium-ThinItalic.otf");
	font-weight: normal;
	font-style: italic;
}

html, body { height: 100%; }

textarea { resize: vertical }

h1.page-header
{
	padding-left: 5px;
}

/**************************************************************************
 *
 *		LOGIN 
 *
 **************************************************************************/
 .bg-login
 {
	 background: url(../img/bg-login-admin.png) repeat;
	 height: 100%;
 }
 
.bg-login .box
{
	margin-top: 117px;
}

.bg-login .box .logo
{
	padding-left: 20px;
	padding-right: 20px;
}
.bg-login .box .logo img
{
	width: 100%;
}
.bg-login .box h1
{
	font-family: TitilliumBold, Titillium, Tahoma, Trebuchet, verdana, arial, sans-serif;
	font-size: 32px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 32px;
	color: #FFF;
}
.bg-login .box form#sign-in input
{
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	color: #636869;
	border: 3px solid #FFF;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 6px 25px 1px;
	font-size: 15px;
	font-family: TitilliumBold, Titillium, Tahoma, Trebuchet, verdana, arial, sans-serif;
}
.bg-login .box form#sign-in .checkbox
{
	padding-left: 25px;
}
.bg-login .box form#sign-in .checkbox label
{
    padding-left: 15px;
    text-indent: -15px;
	font-weight: bold;
	font-size: 14px;
}
.bg-login .box form#sign-in .checkbox label:hover
{
	color: #636869;
	text-decoration: underline;
	cursor: pointer;
}
.bg-login .box form#sign-in .checkbox input
{
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0 5px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -2px;
    *overflow: hidden;
	cursor: pointer;
}
.bg-login .box form#sign-in input.signin
{
	padding: 9px 25px 5px;
	background: rgba(117, 143, 153, 0.8);
	border-color: #FFF;
	color: #FFF;
}
.bg-login .box label,
.bg-login .box p,
.bg-login .box p.help-block,
.bg-login .box p.help-block a
{
	color: #FFF;
}
.bg-login .box p.help-block a:hover,
.bg-login .box p.help-block a:focus
{
	color: #636869;
}
.file-box
{
	height: 240px;
}

.agenda .chosen-choices .search-choice
{
	width: 100%;
}

.iCheck-novigo
{
	position: absolute;
	top: 0%;
	left: 0%;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border: 0px none; 
	opacity: 0;
}

.category-checkbox-novigo
{
	position: absolute;
	opacity: 0;
	margin-right: 8px;
}
.box-filters
{
	background: rgba(255,255,255, 0.6);
	padding: 15px;
}
.box-filters .files-list li a
{
  color: #666666;
  display: block;
  padding: 5px 0;
}
.box-filters .files-list li
{
  border-bottom: 1px solid #e7eaec;
  display:block;
  list-style: none;
}
.box-filters .files-list li.active a,
.box-filters .files-list li:focus a,
.box-filters .files-list li.active i,
.box-filters .files-list li:focus i
{
	color: #1ab394;
}
.box-filters .files-list li i
{
  margin-right: 8px;
  color: #3d4d5d;
}
.box-filters .tag-list
{
	list-style: none;
}
.box-filters .file-manager h5
{
	margin-top: 0px;
}

.file-box .file-name
{
	background: rgba(255,255,255, 0.6);
}
/* FILE MANAGER */
.file-box {
	/*
  float: left;
  width: 220px;
  */
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #EF5352;
}
.category-list li a .text-warning {
  color: #F8AC59;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.tag-list li.active a
{
	background: #1ab394;
	color: #FFF;
}
/*
 * RRRHH file
 */
.file
{
  margin-right: 0px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}
a.compose-mail {
  padding: 8px 10px;
}
.mail-search {
  max-width: 300px;
}
.float-e-margins .btn
{
	margin-bottom: 0;
}
/*
 * Paginación
 */
.inmodal .pagination
{
	margin: 0;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover
{
	background-color: #1ab394;
    border-color: #1ab394;
    color: #fff;
}

/*
 * Translations
 */

.wrapper-translations thead
{
  background: #16a0c4;
  color: #ffffff;
}

.wrapper-translations label
{
  margin-bottom: 0px;
  margin-right: 10px;
  vertical-align: middle;
}

.wrapper-translations .table>tbody>tr>td
{
  background-color: #ffffff;
  vertical-align: middle;
}

.wrapper-translations .table>tbody>tr.info>td,
.wrapper-translations .table>tbody>tr.info>th,
.wrapper-translations .table>tbody>tr>td.info,
.wrapper-translations .table>tbody>tr>th.info,
.wrapper-translations .table>tfoot>tr.info>td,
.wrapper-translations .table>tfoot>tr.info>th,
.wrapper-translations .table>tfoot>tr>td.info,
.wrapper-translations .table>tfoot>tr>th.info,
.wrapper-translations .table>thead>tr.info>td,
.wrapper-translations .table>thead>tr.info>th,
.wrapper-translations .table>thead>tr>td.info,
.wrapper-translations .table>thead>tr>th.info{
  background-color: #ffffff;
}

.wrapper-translations .table a
{
  color: #16a0c4;
}

.wrapper-translations .table-hover>tbody>tr:hover td,
.wrapper-translations .table-hover>tbody>tr.info:hover td
{
  background-color: #D6ECF7; 
}

.wrapper-translations .btn-primary
{
  background-color: #16a0c4;
  border-color: #16a0c4;
  color: #FFFFFF;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.wrapper-translations .btn-primary:hover,
.wrapper-translations .btn-primary:focus
{
  background-color: #158DAD;
  border-color: #158DAD;
}

.wrapper-translations .table > thead > tr > th,
.wrapper-translations .table > thead > tr > td
{
  border-top: 0px dotted #ffffff;
}

.wrapper-translations .table > tbody > tr:first-child > th,
.wrapper-translations .table > tbody > tr:first-child > td,
.wrapper-translations .table > tfoot > tr:first-child > th,
.wrapper-translations .table > tfoot > tr:first-child > td
{
  border-top: 0px dotted #ffffff;
}
.wrapper-translations .table > tbody > tr > th,
.wrapper-translations .table > tbody > tr > td,
.wrapper-translations .table > tfoot > tr > th,
.wrapper-translations .table > tfoot > tr > td
{
  border-top: 2px dotted #ECECEC;
}

.wrapper-translations .btn-danger
{
  background-color: #555555;
  border-color: #555555;
  color: #ffffff;
  margin-bottom: 20px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.wrapper-translations .btn-danger:hover,
.wrapper-translations .btn-danger:focus
{
  background-color: #424141;
  border-color: #424141;
}


.wrapper-translations .btn-warning .fa
{
  margin-left: 5px;
  font-size: 13px;
}

.wrapper-translations .btn-danger .fa
{
  margin-right: 5px;
  font-size: 13px;
}

.wrapper-translations .col-save
{
  width: 120px;
  text-align: center;
}

.wrapper-translations .form-control:hover,
.wrapper-translations .form-control:focus,
.wrapper-translations .single-line:hover,
.wrapper-translations .single-line:focus {
  border-color: #16a0c4 !important;
}

.wrapper-translations .btn-save
{
    color: #16a0c4;
    background: none;
    border-color: transparent;
    text-transform: lowercase;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.wrapper-translations .btn-save:hover,
.wrapper-translations .btn-save:focus
{
  color: #0D5C71;
  outline: none;
  text-decoration: none;
  box-shadow: 0px 0px 0px 0px;
}

.wrapper-translations .btn-save .fa
{
  margin-right: 5px;
}

.wrapper-translations table,
.wrapper-translations .form-control,
.wrapper-translations .single-line,
.wrapper-translations .btn
{
  font-size: 13px;
}

.nav-header .profile-element .profile-element-image {
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
  display: block;
}
.btn-delete-img,
.btn-crop-img
{
	margin-top: 5px;
	font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
	color: #ffffff;
	margin-right: 5px;
}
.btn-delete-img
{
	background-color: #ed5565;
    border-color: #ed5565;
}
.btn-crop-img
{
	background-color: #1c84c6;
    border-color: #1c84c6;
}