.ar.menu{
	width: 100%;
	background-color: #FD6A08;
	display: flex;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	position: fixed;
	justify-content: left;
	top: 0;
	z-index: 100;
}
.ar.menu .left .icon img{
	height: 35px;
	padding: 5px;
	margin: 0 10px;
	margin-top: 2.5px;
}

.ar.menu .hamburger .icon{
	font-size: 28px;
	padding: 5px;
	height: 40px;
	width: 40px;
	padding: 5px;
	color: white;
}
.ar.menu .left{
	flex-grow: 100;
	display: flex;
}
.ar.menu .right{
	display: flex;
}
.ar.menu .item{
	display: flex;
	align-items: center;
	padding: 10px 15px;
	color: white;
}
.ar.menu .icon.item{
	line-height: 1em;
	font-size: 16px;
	padding: 10px;
}
.ar.menu .item.active{
	background-color: #e15b02;
}
.ar.menu .item:hover, .ar.menu .left .icon:hover{
	background-color: #fd7e2a;
	cursor: pointer;
}
.ar.menu .dropdown.item .menu{
	min-width: 100%; 
	border-top-left-radius: 0; 
	border-top-right-radius: 0;
}
.ar.menu .dropdown.item .text i.icon{
	font-size: 16px;
	line-height: 16px;
	margin-right: 5px;
}

.ar.sidemenu{
	width: 280px;
	/* min-width: 280px; */
	position: fixed;
	top: 40px;
	min-height: calc(100vh - 40px);
	background-color: #24242c;
	z-index: 1000000;
	padding-top: 10px;
	overflow-y: scroll;
}
.ar.sidemenu .item{
	min-width: 280px;
	font-size: 24px;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	display: block;
	color: white;
	margin-bottom: 10px;
}
.ar.sidemenu .divider{
	height: 1px;
	width: 100%;
	margin: 10;
	border-top: 1px solid #3a3c42;
}
.ar.sidemenu .item.user img{
	height: 40px;
	width: 40px;
	border-radius: 40px;
	margin-right: 10px;
}

.ar.sidemenu .item.dropdown i.dropdown.icon{
	width: 0;
	padding-left: 10px;
	margin-right: -10px;
}
.ar.sidemenu .dropdown.item .content{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
.ar.sidemenu .item.dropdown{
	padding: 0;
}
.ar.sidemenu .item.dropdown .menu{
	flex-direction: column;
}
.ar.sidemenu .item.dropdown .menu .item{
	display: block;
	background-color: #1e1e24;
	padding: 10px;
	font-size: 18px;
	color: white;
	margin-bottom: 0;
}

.ar.toolbar{
	display: flex;
	margin: auto;			
	margin-bottom: 10px;
	background-color: white;
	border-radius: 2px;
	font-weight: 600;
	border: 1px solid #e3e3e3;
}
.ar.toolbar .ui.dropdown{
	padding: 10px;
	color: black;
}
.ar.toolbar .dropdown.item .menu{
	width: 100%;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 0;
	margin-top: 0;
	background-color: white;
}
.ar.toolbar .ui.dropdown:hover{
	background-color: #f9f9f9;
}
.ar.toolbar .item{
	padding: 10px;
	color: black;
	display: inline-block;
}
.ar.toolbar .item:hover{
	cursor: pointer;
	background-color: #f9f9f9;
}
.ar.toolbar .dropdown .menu{
	margin-top: 0;
}
.ar.toolbar .left{
	flex-grow: 100;
}

.ar.image{
	position: relative;
}
.ar.image .overlay{
	display: none;
}

.ar.image:hover .overlay{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
}

.ui.links.table tbody tr:not(.normal) td, table tbody tr.link td{
	padding: 0 !important;
}
.ui.links.table td:not(.normal) a, table tbody tr.link td a{
	display: block;
	color: black;
	padding: .78571429em .78571429em;
}

.ar.groupper .ar.items{
	margin: 0 -15px;
	width: calc(100% + 30px);
}
.ar.groupper .ar.items .item{
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.ar.groupper .head{
	padding: 10px;
	font-size: 22px;
	background-color: #f9fafb;
}

.ar.items .item{
	padding: 10px 15px;
	display: flex;
	align-items: center;
	color: #151717;
	display: flex;
}
.ar.items .item:hover{
	background-color: #f5f5f5 !important;
}
.ar.items .item .left{
	flex-grow: 100;
}

.ar.items .item .question{
	font-size: 16px;
	font-weight: bold;
}
.ar.items .item .comment{
	color: gray;
}
.ar.items .item .right .comment{
	text-align: right;
}

.ar.option{
	display: flex;
	align-items: flex-start;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #f0f0f0 1px solid;
}
.ar.option .ui.input.action{
	max-width: 190px !important;
}
.ar.option .ui.dropdown{
	width: 220px;
}
.ar.option > .ui.input{
	min-width: 220px;
}
.ar.option > .ui.input, .ar.option > .ui.calendar{
	margin-left: 20px;
}
.ar.option:last-of-type, .ar.option.last{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.ar.option .info{
	flex-grow: 100;
}
.ar.option .info .title{
	font-weight: bold;
}
.ar.option .info .comment{
	color: gray;
}
.ar.option .ui.action.input{
	margin-right: 40px;
}
.ar.option .ui.checkbox{
	min-width: 60px;
}
.ar.option .ui.loader{
	min-width: 80px;
}
.ar.option.loading .ui.checkbox{
	display: none;
}
.ar.option:not(.loading) .ui.loader{
	display: none;
}

.ar.checkers .item{
	width: 100%;
	display: flex;
	align-items: center;
	padding: 5px;
}
.ar.checkers .item:hover{
	background-color: #f0f0f0;
	cursor: pointer;
}
.ar.checkers .item input{
	display: none;
}
.ar.checkers .item .title{
	font-size: 18px;
	flex-grow: 100;
}
.ar.checkers .item .icon{
	font-size: 20px;
	margin-right: 5px;
	vertical-align: middle;
}
.ar.checkers .item.active .check.icon::before{
	font-family: Icons;
	content: "\f058";
}
.ar.checkers .item:not(.active) .check.icon::before{
	font-family: outline-icons;
	content: "\f111";
}
.ar.checkers.divided .item{
	border-bottom: 1px solid #EEE;
}
.ar.checkers.divided .item:last-child{
	border-bottom: 0px;
}

body{
	background-color: #f0f0f0 !important;
}
body > .body{
	margin-top: 55px;
	overflow: visible;
}

table[data-sortable-initialized="true"] th{
	cursor: pointer !important;
}
table th[data-sorted-direction="descending"]::after{
	font-family: Icons;
	content: "\f0d7";
	padding-left: 5px;
}
table th[data-sorted-direction="ascending"]::after{
	font-family: Icons;
	content: "\f0d8";
	padding-left: 5px;
}

form.ui.form .field .comment{
	color: gray;
	margin-top: -5px;
	line-height: 14px;
}

@media screen and (min-width: 801px){
	.ar.menu .hamburger{
		display: none;
	}
}

@media screen and (max-width: 800px){
	.ar.menu > .left .item{
		display: none;
	}
}

/* ================================== */
/* CARD */
/* ================================== */
.ar.card{
	color: black;
	display: block !important;
	padding: 10px;
	background-color: #f4f5f7;
	max-width: calc(33% - 4px);
	width: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #ececec;
	box-shadow: none;
}
.ar.card:hover{
	background-color: #eff0f4;
}
.ar.card .bank{
	font-weight: bold;
	color: white;
	min-width: 60px;
	text-align: center;
	background-color: black;
	padding: 3px 8px;
	display: inline-block;
	font-size: 12px;
	border-radius: 4px !important;
	margin-bottom: 5px;
}
.ar.card .amount{
	font-weight: bold;
	font-size: 28px;
	line-height: 32px;
}
.ar.card .count, .ar.card .meta{
	color: gray;
}

.ar.card .bank.santander, .ui.label.santander{
	background-color: #d52626;
	color: white;
}
.ar.card .bank.bbva, .ui.label.bbva{
	background-color: #43b9d5;
	color: white;
}
.ar.card .bank.banamex, .ui.label.banamex{
	background-color: #1f6b7d;
	color: white;
}
.ar.card .bank.stp, .ui.label.stp{
	background-color: #2b5cbb;
	color: white;
}

.ui.form .error.message{
	display: block !important;
}
.ui.form .error.message:empty{
	display: none !important;
}