/* here you can put your own css to customize and override the theme */
.page-content{
	padding-top: 0;
	padding-bottom: 0;
}

.page-bar{
	height: 25px;
	background-color: #35363a;
	padding-left: 0 !important;
	margin-bottom: 15px;
}

.page-breadcrumb{
	height: 25px;
	padding: 2px 8px !important;
	padding-left: 0 !important;
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span{
	color:#eee;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color: #ddd !important;
}

.header{
	background-color:#35363a;
}
.page-logo{
	width:auto !important;
}
.logo-turkana{
	padding-left:20px;
}
.logo-mges{
	padding-left:30px;
}
.logo-microsegur{
	padding-left:20px;
}
.logo-microsegur-turkana{
	padding-left:80px;
}
.logo-microsegur-mges{
	padding-left:60px;
}
.bootstrap-datetimepicker-widget{
	padding: 20px !important;
}
.datepicker{
	z-index:9999;
}
#divPagination{
	float:left;
    margin-right: 50px;
    margin-bottom: 10px;
}
#pagination_box{
	max-height:150px;
	min-width:100px !important;
	overflow:auto;
}
#start, #end{
	border-radius: 5px 0px 0px 5px;
}

.padding-box{
	padding: 30px;
	text-align:center
}
.selector-form{
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
.pad-r{
    padding-right: 20px;
}
.head-table{
	background-color:#f1efef !important;
}
.txt-center{
	text-align: center;
}
.txt-left{
	text-align: left;
}
.txt-right{
	text-align: right;
}
.tr-filter{
	text-align:center;
	width:100%;
}
.td-parent{
	text-align: center;
	border-right: 1px solid #ddd;
	border-bottom-style: dashed !important;
	border-width: 1px;
	padding: 8px;
}
.td-child{
	text-align:center;
	border-right: 1px solid #ddd;
	border-top-style: dashed !important;
	border-bottom-style: dashed !important;
	border-width: 1px;
	padding: 8px;
}
.tr-child{
	text-align: center;
	border-top: 1px solid #ddd;
}
.no-padding{
	padding:0px !important;
}
.clear{
	clear:both;
	margin:15px;
}
.fast-check-div{
	width: 50%;
	height: 50%;
	float: left;
	padding-top:25%;
}
.page-sidebar-wrapper{
	z-index:999;
}
.sidebar-toggler{
	margin: 0;
}
.sidebar-toggler-wrapper{
	margin-top:27px !important;
}
#head-tab{
	height:30px;
	background-color:#635f5f;
	color:white;
}
#typeClassification{
	height: 0px;
    border: 0px;
    display: none;
    background-color: #fafafa;
    color: #fafafa;
    margin: 0px;
    padding: 0px;
    position: absolute;
}
.dis-none{
    display: none;
}
.btn-user{
	position: absolute;
    bottom: 40px;
}
.br-none{
	border-radius: 0px !important;
}
/* DASHBOARD */

.site-box{
	height: 80px;
	padding-top: 10px;
}

.title-site{
	font-weight: 400 !important;
	margin-bottom: 15px;
}

.popover-list>div{
	margin: 2px;
	padding: 2px 8px;
	/*background-color: #fff !important;*/
}

.select-oc{
	max-width:300px;
	margin-right:20px;
	float:left;
}

.loading-portlet{
	text-align:center;
	padding-top:130px;
}

.loading-portlet-tab{
	text-align:center;
	padding-top:80px;
}

.loading-portlet-status{
	padding-bottom:30px;
}

.classify.note-danger{
	background-color:#fecbd2;
}

.classify.note-mid-warning{
	background-color:#fae696;
	border-left:5px solid #eba100;
	color:black;
}

.classify.note-warning{
	background-color:#faf4dc;
}

.border-grey{
	border-left:5px solid #BFCAD1 !important;
}

.link-customer{
	font-size:30px;
	color:#fff;
	padding-left:7px;
}

.classify.note{
	margin:0 0 5px 0;
}

.img-responsive{
	display:inline;
}

.w25{
	width:25%;
}

.w50{
	width:50%;
}

.p0{
	padding:0;
}

.m0{
	margin:0;
}

/* BEGIN SPINNER */

.loader {
	height: 2px;
	margin: -10px;
	position: relative;
	overflow: hidden;
}
.loader-dashboard{
	height: 2px;
	margin: -25px -20px;
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}
.loader-tabs{
	margin: -10px -10px 10px -10px;
}
.big {
	height: 16px;
	margin: 8px 0 0 0;
}
.loader > div, .loader-dashboard > div {
	position: absolute;
	height: 100%;
	left: 50%;
}
.gray1 {
	background: #999999;
}
.gray2 {
	background: #b3b3b3;
}
.gray3 {
	background: #cccccc;
}
.gray4 {
	background: #e6e6e6;
}
.sd0 {
	-webkit-animation: stretch 2.8s ease 0s infinite;
	-moz-animation: stretch 2.8s ease 0s infinite;
	-ms-animation: stretch 2.8s ease 0s infinite;
	-o-animation: stretch 2.8s ease 0s infinite;
	animation: stretch 2.8s ease 0s infinite;
}
.sd05 {
	-webkit-animation: stretch 2.8s ease .4s infinite;
	-moz-animation: stretch 2.8s ease .4s infinite;
	-ms-animation: stretch 2.8s ease .4s infinite;
	-o-animation: stretch 2.8s ease .4s infinite;
	animation: stretch 2.8s ease .4s infinite;
}
.sd1 {
	-webkit-animation: stretch 2.8s ease .8s infinite;
	-moz-animation: stretch 2.8s ease .8s infinite;
	-ms-animation: stretch 2.8s ease .8s infinite;
	-o-animation: stretch 2.8s ease .8s infinite;
	animation: stretch 2.8s ease .8s infinite;
}
.sd15 {
	-webkit-animation: stretch 2.8s ease 1.2s infinite;
	-moz-animation: stretch 2.8s ease 1.2s infinite;
	-ms-animation: stretch 2.8s ease 1.2s infinite;
	-o-animation: stretch 2.8s ease 1.2s infinite;
	animation: stretch 2.8s ease 1.2s infinite;
}
@keyframes "stretch" {
 0% {
    padding: 0 0 0 0;
   	left: 50%;
   	z-index: 4;
 }
 25% {
    z-index: 3;
 }
 50% {
    padding: 0 50% 0 50%;
   	left: 0;
   	z-index: 2;
 }
 100% {
    padding: 0 50% 0 50%;
   	left: 0;
   	z-index: 1;
 }
}
@-moz-keyframes stretch {
 0% {
   padding: 0 0 0 0;
   left: 50%;
   z-index: 4;
 }
 25% {
   z-index: 3;
 }
 50% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 2;
 }
 100% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 1;
 }
}
@-webkit-keyframes "stretch" {
 0% {
   padding: 0 0 0 0;
   left: 50%;
   z-index: 4;
 }
 25% {
   z-index: 3;
 }
 50% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 2;
 }
 100% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 1;
 }
}
@-ms-keyframes "stretch" {
 0% {
   padding: 0 0 0 0;
   left: 50%;
   z-index: 4;
 }
 25% {
   z-index: 3;
 }
 50% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 2;
 }
 100% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 1;
 }
}
@-o-keyframes "stretch" {
 0% {
   padding: 0 0 0 0;
   left: 50%;
   z-index: 4;
 }
 25% {
   z-index: 3;
 }
 50% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 2;
 }
 100% {
   padding: 0 50% 0 50%;
   left: 0;
   z-index: 1;
 }
}

/* END SPINNER */

/* BEGIN FIX METRONIC THEME */

.div-login{
	border-radius:4px !important;
}

.div-select-access{
	height:270px;
	border-radius:4px !important;
	padding-top:65px !important;
	text-align:center;
}

.header .navbar-nav li.dropdown.user .dropdown-toggle img{
	border-radius: 50% !important;
}

.portlet > .portlet-title{
	margin-bottom:0;
	min-height:0;
}

.page-sidebar-wrapper{
	position:fixed;
}

/* END FIX METRONIC THEME */

@media (max-width: 1024px){
	.sidebar-toggler{
		display:none;
	}
}

@media (max-width: 991px){
	.page-sidebar-wrapper{
		position:relative;
	}
	.logo-turkana{
		display: none !important;
	}
	.logo-turkana, .logo-mges{
		display: none !important;
	}
	.logo-microsegur, .get-premium{
		padding-left: 0;
		display: block !important;
	}
	.logo-microsegur-turkana, .logo-microsegur-mges{
		padding-left: 0;
		display: block !important;
	}
}

@media (max-width: 569px) {
	.page-sidebar-wrapper{
		position:relative;
	}
	.header{
		padding-left:0;
	}
	.logo-turkana, .logo-mges{
		padding-left:10px;
		display: block !important;
	}
	.logo-microsegur{
		padding-left: 10px !important;
	}
	.logo-microsegur-turkana, .logo-microsegur-mges, .get-premium{
		display:none !important;
	}
	select.input-sm{
		font-size:10px;
	}
	.modal-dialog {
		width: 95% !important;
		margin: auto;
    	margin-top: 30px;
	}
}

.image-swap{
	position: absolute;
    top: 18px;
    left: -20px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.te-show{
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	-moz-transition: -moz-transform 0.4s ease-in-out;
    -ms-transition: -ms-transform 0.1s ease-in-out;
	-o-transition: -o-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	z-index: 1;
}
.anim{
    -webkit-transform: rotateZ(-5deg) translateX(-339px);
    -moz-transform: rotateZ(-5deg) translateX(-339px);
    -o-transform: rotateZ(-5deg) translateX(-339px);
    transform: rotateZ(-5deg) translateX(-339px);
    z-index: 100 !important;
}
.endAnim{
	-webkit-transform: rotateZ(0deg) translateX(0px);
	-moz-transform: rotateZ(0deg) translateX(0px);
	-o-transform: rotateZ(0deg) translateX(0px);
	transform: rotateZ(0deg) translateX(0px);
	z-index: 1 !important;
}
.carousel-fast {
   webkit-transition: -webkit-transform 0s ease-in-out !important;
   -moz-transition: -moz-transform 0s ease-in-out !important;
   -ms-transition: -ms-transform 0s ease-in-out !important;
   -o-transition: -o-transform 0s ease-in-out !important;
   transition: transform 0s ease-in-out !important;
}
.btn-responsive{
	display: flex;
	float: left;
	padding:3px;
}
.btn-size{
	width: 65px;
	height:50px;
}
.right-2 {
    right: 0px;
    top: 10px;
    float: right;
}
.pad-lr-0 {
	padding: 10px 0px 5px 0px !important;
	overflow-y: overlay;
	overflow-y: -moz-hidden-unscrollable;
}
.google-visualization-tooltip {
	border: solid 1px #bdbdbd;
    border-radius: 2px;
    background-color: white;
    position: absolute;
    box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.6);
    font-size: 12px;
    padding: 0px;
    -moz-box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.6);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.6);
    z-index: 1000;
}
.operative-table table tr td p {
    margin: 0px;
}
.operative-table table {
    width: 100%;
}
.highcharts-menu hr {
	margin: 4px 0;
}
.language:hover, .language:focus, .language {
	height: 45px;
    background-color: transparent !important;
}
/* tables */
table.tablesorter thead tr .tablesorter-header {
	background-image: url(../images/table_sorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(../images/table_sorter/asc.gif);
}
table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url(../images/table_sorter/desc.gif);
}

.btn-act.btn-info.active{
	color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.note li, .note {
	cursor: not-allowed;
}

[class*=" eval-opt-"] li, [class*=" eval-opt-"]{
	cursor: pointer;
}

.message-left{
	line-height:25px !important;
	padding-left:10px;
	text-align:left;
	text-transform:none;
}

.message-right{
	line-height:25px !important;
	padding-right:10px;
	text-align:right;
	text-transform:none;
}

.avatar{
	width:25px !important;
	height:25px !important;
}

/**
 * ==============================================
 * Dot Elastic Spinner
 * ==============================================
 */
.dot-elastic {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #d8d6d6;
	color: #d8d6d6;
	animation: dotElastic 1s infinite linear;
}

.dot-elastic::before, .dot-elastic::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-elastic::before {
	left: -12px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #d8d6d6;
	color: #d8d6d6;
	animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
	left: 12px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #d8d6d6;
	color: #d8d6d6;
	animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1, 1.5);
	}
	50% {
		transform: scale(1, 0.67);
	}
	75% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}

@keyframes dotElastic {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1, 1.5);
	}
	75% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}

@keyframes dotElasticAfter {
	0% {
		transform: scale(1, 1);
	}
	25% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1, 0.67);
	}
	75% {
		transform: scale(1, 1.5);
	}
	100% {
		transform: scale(1, 1);
	}
}


/**
 * ==============================================
 * Loader
 * ==============================================
 */
@-webkit-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}

.animated-background {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	height: 96px;
	position: relative;
}

.background-masker {
	background: #fff;
	position: absolute;
}

/* Every thing below this is just positioning */
.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
	top: 0;
	left: 40px;
	right: 0;
	height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
	top: 10px;
	left: 40px;
	height: 8px;
	width: 10px;
}

.background-masker.header-bottom {
	top: 18px;
	height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
	top: 24px;
	height: 6px;
}

.background-masker.header-right,
.background-masker.subheader-right {
	width: auto;
	left: 300px;
	right: 0;
}

.background-masker.subheader-right {
	left: 230px;
}

.background-masker.subheader-bottom {
	top: 30px;
	height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
	top: 40px;
	left: 0;
	right: 0;
	height: 6px;
}

.background-masker.content-top {
	height: 20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
	width: auto;
	left: 380px;
	right: 0;
	top: 60px;
	height: 8px;
}

.background-masker.content-second-line {
	top: 68px;
}

.background-masker.content-second-end {
	left: 420px;
	top: 74px;
}

.background-masker.content-third-line {
	top: 82px;
}

.background-masker.content-third-end {
	left: 300px;
	top: 88px;
}

hr.fancy-line {
	border: 0;
	height: 1px;
	position: relative;
	margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
}
hr.fancy-line:before {
	top: -0.5em;
	height: 1em;
}
hr.fancy-line:after {
	content:'';
	height: 0.5em;   /* half the height of :before */
	top: 1px;        /* height of hr*/
}

hr.fancy-line:before, hr.fancy-line:after {
	content: '';
	position: absolute;
	width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
	background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}

.select2-dropdown{
	z-index: 9999;
}

.ms-loading-1 {
	height: 50px;
	margin: 10px;
	width: 50px;
	--b: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	padding: 1px;
	background: conic-gradient(#0000 10%, #9b82cf) content-box;
	-webkit-mask:
			repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
			radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
	-webkit-mask-composite: destination-in;
	mask-composite: intersect;
	animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}