.m-account--form-w { background: rgba( 255, 255, 255, 1 ); }
.m-account--title { color: rgba( 31, 31, 31, 1 ); letter-spacing: 0.6px; }
.m-account--form .input-group-prepend {
	color: rgb(93 93 93);
	background: rgb(229 229 229);
	border-color: rgb(229 229 229);
}
.m-account--form .form-control::placeholder { color: rgba( 72, 72, 72, 1 ); }
.m-account--form .form-control:hover, .m-account--form .form-control:focus { background:  }
.m-account--form .form-control {
	background-color: rgba( 255, 255, 255, 1 );
	border-color: rgb(229 229 229);
	letter-spacing: 0.4px;
	color: rgba( 72, 72, 72, 1 );
}
.m-account--content > .btn {
	background: rgba( 228, 228, 228, 0.15 );
	color: rgb( 228, 228, 228, 1 );
	font-weight: 600;
	letter-spacing: 0.5px;
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 );
}
.m-account--content > .btn:hover { 
	background: rgb(255, 255, 255);
	color: rgba( 0, 48, 97, 1 );
	text-shadow: 0px 1px rgba( 255, 255, 255, 1 );
}
.m-account-w { background: rgba( 1, 24, 40, 1 ); }

.sb-actionswarp { position: relative; display: block; }
.sidebar--profile { background-color: rgba( 26, 26, 26, 1 ); }
.sidebar { background-color: rgba( 5, 38, 72, 1 ); }
.sidebar--nav ul ul { border-top: 1px solid rgba( 20, 48, 76, 1 ); }
.sidebar--nav ul ul li { border-bottom: 1px solid rgba( 20, 48, 76, 1 ); }
.sidebar--nav ul ul a:hover, .sidebar--nav ul ul .open > a, .sidebar--nav ul ul .active > a, .sidebar--nav ul ul .active > a:before, .sidebar--nav ul ul .active > a:after { background-color: rgba( 3, 32, 62, 1 ); }

.sb-actionswarp a.btn-link:hover { text-decoration: underline; color: rgba( 2, 76, 152, 1 ); }
.sb-actionswarp a.btn-link {
	color: rgba( 109, 109, 109, 1 );
	letter-spacing: 0.4px;
	text-align: right;
	margin: 0px auto;
	width: 100%;
	font-size: 14px;
	margin-top: 15px;
	text-decoration: underline;
}
.sb-buttonlogin:hover,
.sb-buttonlogin:focus { 
	color: rgba( 255, 255, 255, 1 );
	background: rgba( 23, 23, 23, 1 );
	border: solid 1px rgba( 23, 23, 23, 1 );
}
.sb-buttonlogin {
	position: relative;
	display: block;
	width: 100%;
	margin: 5px auto;
	font-weight: 600;
	letter-spacing: 0.8px;

	background: rgba( 0, 48, 97, 1 );
	border: solid 1px rgba( 0, 48, 97, 1 );
	color: rgba( 228, 228, 228, 1 );
}
.m-account--form .logo { margin-bottom: 25px; }

/* design in dashboard */
.navbar--header { background-color: rgba( 5, 38, 72, 1 ); }
.titleALI { color: rgba( 255, 255, 255, 0.8 ); }
.titleALI:hover, .titleALI:focus, .titleALI:active { color: rgba( 255, 255, 255, 1 ); }
.sbBlueText { color: rgba( 26, 26, 26, 1 ); }
.sbopentick {
	position: relative;
	display: block;
	margin: 0px auto;
}
.toolSBIcon {
	width: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.sbformsearchtask {
	position: relative;
	display: inline-block;
}
.toolsSBBar {
	position: relative;
	display: block;
	text-align: right;
}
.clear { clear: both; }

.navigation.navsblist > li > a:hover, .navigation.navsblist > li.active > a { 
	color: rgba( 5, 38, 72, 1 );
	background-color: rgba( 235, 235, 234, 1 );
}

/* loader [gif] */
.loader_box {
	background: rgba( 0, 0, 0, 0.96 );
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 3000;
	display: flex;
	align-items: center;
	align-content: center;
}
.centerBox {
	position: relative;
	max-width: 60%;
	margin: 10px auto;
}
.load_image img { max-width: 50%; }
.load_image {
	background: transparent;
	width: 100%;
	text-align: center;
	cursor: pointer
}
.loader img {
	border: none;
	position: relative;
	margin: 0px auto;
	display: block;
	opacity: 1;
	max-width: 15% !important;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.loader_text {
	position: relative;
	display: block;
	margin:  0px auto;
	text-align: center;
	padding: 20px 0px;
	font-size: 14px;
	color: rgba( 255, 255, 255, 1 );
	letter-spacing: 1px;
}
#preloader_1{
	position:relative;
	display: block;
	margin: 0px auto;
	text-align: center !important;
}
#preloader_1 span {
	display: block;
	bottom: 0px;
	width: 9px;
	height: 5px;
	background: rgba( 255, 255, 255, 1 );
	position: absolute;
	left: -20px;
	right: 0px;
	padding: 0px 0px;
	text-align: center;
	margin: 0px auto;
	animation: preloader_1 1.5s infinite ease-in-out;
}
#preloader_1 span:nth-child(2){ left: -1px; animation-delay: .2s; }
#preloader_1 span:nth-child(3){ left: 16px; animation-delay: .4s; }
#preloader_1 span:nth-child(4){ left: 29px; animation-delay: .6s; }
#preloader_1 span:nth-child(5){ left: 39px; animation-delay: .8s; }

.alertBox {
	width: 40%;

	position: relative;
	margin: 10px auto;
	display: block;
	border-radius: 2px;

	display: flex;
	align-items: center;
	align-content: center;

	padding: 10px 18px;

	position: fixed;
	cursor: pointer;
	width: auto;
	min-width: 20%;
	max-width: 30%;

	float: right;
	right: 11px;
	bottom: 5px;

	letter-spacing: 0px;
	z-index: 9999;
}
.alertBox:hover > .alertIcon i::after { background: rgba( 0, 0, 0, 0.2 ); }
.alertBox .alertIcon {
	flex: 1;
	text-align: center;
	position: relative;

	background: transparent;
	padding: 9px 0px;
	cursor: pointer;

	margin: 0px 2px;
}
.alertBox .alertIcon i::before {
	z-index: 20 !important;
	position: relative;

	left: -1px;
}
.alertBox .alertIcon i::after {
	content: '';
	position: absolute;

	background: rgba( 255, 255, 255, 0.4 );
	padding: 19px;
	border-radius: 50%;
	z-index: 1;
	left: -07px;
	top: -08px;
	margin:  0px;
}
.alertBox .alertIcon i {
	color: rgba( 255, 255, 255, 1 );
	font-size: 22px;
	z-index: 12 !important;
	position: relative;
}
.alertBox .alertText {
	flex: 9;
	text-align: left;
	padding: 0px 0px;

	color: rgba( 255, 255, 255, 0.9 );
	font-weight: 600;
}
.alertBox .alertText h2 {
	text-transform: uppercase;
	font-weight: 600 !important;
	font-size: 11px;
} 
.alertBox .alertText p {
	font-weight: 500 !important;
	font-size: 13px;
	letter-spacing: 0.3px;
	margin: 0px auto;
	padding-left: 5px;
}
.alertBox .alertText p a, .alertBox .alertText a {
	color: rgba( 255, 255, 255, 1 );
	text-decoration: underline;
	font-weight: bold;
}
.anGold	{
	background: rgba( 255, 211, 8, 1 );
	color: rgba( 0, 0, 0, 0.8 );
}
.anSky	{
	background: rgba( 6, 161, 234, 1 );
	color: rgba( 255, 255, 255, 1 )
}
.anBlue	{
	background: rgba( 5, 130, 210, 1 );
	color: rgba( 0, 0, 0, 0.6 );
}
.anPink	{
	background: rgba( 228, 22, 116, 1 );
	color: rgba( 255, 255, 255, 1 )
}
.anDark	{
	background: rgba( 30, 30, 30, 1 );
	color: rgba( 255, 255, 255, 1 )
}
.anGray	{
	background: rgba( 214, 214, 214, 1 );
	color: rgba( 88, 88, 88, 1 )
}
.anMarine {
	background: rgba( 0, 94, 162, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 );
}
.anOrange {
	background: rgba( 255, 160, 0, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 );
}

.faceBar i { background: rgba( 81, 113, 164, 1 ) }
.faceBar:hover i { background: rgba( 47, 94, 174, 1 ) }
.instaBar i { background: rgba( 68, 68, 68, 1 ) }
.instaBar:hover i { background: rgba( 52, 45, 45, 1 ) }
.youBar i { background: rgba( 189, 65, 63, 1 ) }
.youBar:hover i { background: rgba( 211, 30, 26, 1 ) }
.twiBar i { background: rgba( 77, 184, 236, 1 ) }
.twiBar:hover i { background: rgba( 13, 169, 245, 1 ) }

.buttonRed:hover {
	background: rgba( 175, 49, 49, 1 );
	background: rgba( 30, 30, 30, 1 );
	box-shadow: inset 0px 0px 0px 1px rgba( 0, 0, 0, 0 ) !important;

	color: rgba( 255, 255, 255, 1 );
}
.buttonRed {
	background: rgba( 220, 72, 72, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow:  0px 1px rgba( 0, 0, 0, 0.1 );

	border:  solid 1px rgba( 147, 74, 74, 0.1 );
	box-shadow: inset 0px 0px 2px 0px rgba( 255, 255, 255, 0.2 ) !important;
}

.abOrange { background: rgba( 255, 171, 34, 1 ); }
.abBlue { background: rgba( 18, 146, 255, 1 ); }
.abGreen { background: rgba( 137, 193, 40, 1 ); }
.abRed { background: rgba( 255, 2, 81, 1 ); }
.iF1::before { left: 1px !important; }
.iT1::before { top: -2px; }
.iF3::before { left: 0px !important; }

.colorBlue { color: rgba( 36, 147, 232, 1 ); text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 ); }
.colorRed { color: rgba( 232, 36, 101, 1 ); text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 ); }

.buttonGreen:hover {
	background: rgba( 255, 205, 18, 1 );
	background: rgba( 30, 30, 30, 1 );

	border-color: rgba( 244, 197, 35, 1 );
	border-color: rgba( 30, 30, 30, 1 );

	color: rgba( 30, 30, 30, 1 );
	color: rgba( 255, 255, 255, 1 );

	box-shadow: inset 0px 0px 0px 1px rgba( 255, 255, 255, 0.5 ) !important;
	box-shadow: inset 0px 0px 0px 1px rgba( 0, 0, 0, 0 ) !important;

	text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
	text-shadow: 0px 1px rgba( 0, 0, 0, 1 );
}
.buttonGreen {
	background: rgba( 0, 94, 162, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-shadow:  0px 1px rgba( 0, 0, 0, 0.2 );

	border: solid 1px rgba( 0, 94, 162, 1 );
	box-shadow: none !important;
}

@-webkit-keyframes zoomInRight{ from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)} }
@keyframes zoomInRight{ from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)} }
.zoomInRight{ -webkit-animation-name:zoomInRight;animation-name:zoomInRight;opacity:1}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}} 
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} 
@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px,0,0);transform:scale(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px,0,0);transform:scale(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}} .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@keyframes changewidth{from{transform:scaleX(1);width:100%}}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes spin1{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes spin1{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes preloader_1{ 0%{height:5px;transform:translateY(0px);background:rgba( 255, 255, 255, 1 )}25%{height:30px;transform:translateY(15px);background:rgba( 255, 255, 255, 1 )}50%{height:5px;transform:translateY(0px);background:rgba( 255, 255, 255, 1 )}100%{height:5px;transform:translateY(0px);background:rgba( 255, 255, 255, 1 )}}

#overbox3 {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	display: block;
}
#infobox3 {
	margin: auto;
	position: relative;
	top: 0px;
	width: 100%;
	padding: 14px 0px;
	text-align:center;
	background: rgba( 21, 21, 21, 1 );
	border-top: solid 3px rgba( 255, 205, 0, 1 );
}
#infobox3 .centerCookies {
	max-width: 70%;
	position: relative;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#infobox3 .ccL { flex: 11; text-align: justify }
#infobox3 .ccR { flex: 1; text-align: right; }
#infobox3 .ccR a:hover { background: rgba( 21, 21, 21, 1 ); color: rgba( 255, 255, 255, 1 ); }
#infobox3 .ccR a {
	background: rgba( 255, 205, 0, 1 );
	color: rgba( 21, 21, 21, 1 );
	padding: 4px 10px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 20px;
}
#infobox3 h2 {
	font-size: 20px;
	display: block;
	font-weight: bold;
	letter-spacing: 0.3px;
	color: rgba( 255, 255, 255, 1 );
}
#infobox3 p a { color: rgba( 255, 205, 0, 1 ); }
#infobox3 p {
	font-size: 14px;
	line-height: 20px;
	color: rgba( 255, 255, 255, 0.8 );
}

.absCenter {
	max-width: 90% !important;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0px;
	position: relative;
	display: block;
	color: rgba( 255, 255, 255, 1 );
}
.absCenter > * {
	overflow: hidden;
	position: relative;
	text-align: center;
}
.btn:active {
	background: rgba( 21, 21, 21, 1 ) !important;
	border: solid 1px rgba( 21, 21, 21, 1 ) !important;
}
.gllpUpdateButton2 {
	position: relative;
	margin: 10px 0px;
	font-weight: 400;
	letter-spacing: 0.5px;
	font-size: 14px;
}

.formSBForm section .row .col-md-4,
.formSBForm section .row .col-md-3,
.formSBForm section .row .col-md-6,
.formSBForm section .row .col-md-2 { margin: 10px 0px; }
.modal-backdrop.show { display: none; }

.panel-content { padding: 20px 20px 10px 20px; }
.logo {
	max-width: 80%;
	max-height: 90px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	left: 0px;
	right: 0px;
}
.navbar--header .logo { padding: 0px 0px !important; margin: 0px auto !important; }
.navbar--header { align-items: center; justify-content: center; align-content: center; }

.selectColors {
	position: relative;
	display: block;
	border-radius: 2px;
	background: rgba( 222, 222, 222, 0.1 );
	border: solid 1px rgba( 32, 32, 32, 0.15 );
	padding: 4px;
	max-width: calc(100% - 25px);
	margin: 0px auto;

	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.selectColors span {
	color: rgba( 0, 0, 0, 1 );
	font-size: 13px;
	padding: 5px 9px;
	border-radius: 3px;
	cursor: pointer;
}
.irs-single, .irs-from, .irs-to { background: rgba( 5, 38, 72, 1); }
.irs-bar-edge { background: rgba( 10, 114, 222, 1 ); }
.irs-bar { background: rgba( 10, 114, 222, 1 ); }
.bgselects {
	position: relative;
	margin-top: 20px;
}
.bgbuttons { position: relative; margin-top: 20px !important; }
.spaceInBHS {
	margin-bottom: 25px !important;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}
#backgroundNav, #backgroundBody {
  	font-family: sans-serif;
	letter-spacing: 1px;
	color: rgba( 255, 255, 255, 1 ) !important;
	font-weight: bold;
	font-size: 15px !important;
	text-shadow:
	-1px -1px 0px rgba( 0, 0, 0, 1 ),  
	1px -1px 0px rgba( 0, 0, 0, 1 ),
	-1px 1px 0px rgba( 0, 0, 0, 1 ),
	1px 1px 0px rgba( 0, 0, 0, 1 );
	cursor: pointer;
}
.irs-slider { border: solid 1px rgba( 0, 0, 0, 0.2 ); }
.buttonSearcFormNav:hover { background: rgba( 0, 78, 158, 1 ) !important; }
.noTopbar {
	position: relative;
	display: block;
	width: 100%;
	padding: 40px 0px;
}
.records--list { padding-bottom: 10px; }
.clear { clear: both; }
.barPages {
	position: relative;
	display: table;
	margin: 8px auto;
	background: transparent;
	border-radius: 3px;
	border: solid 1px rgb(245 245 245);
	width: 200px;
	max-width: 240px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.barPages .boxPages {
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
}
.barPages .boxPages div {
	background: transparent;
	padding: 12px 16px;
	font-size: 14px;
	cursor: pointer;
	color: rgba( 78, 78, 78, 1 );
	font-weight: bold;
}
.barPages .boxPages .pageButton:hover {
	background: rgba( 15, 115, 218, 1 );
	color: rgba( 255, 255, 255, 1 );
}
.barPages .boxPages .pageBack {
	flex: 1;
	width: 10%;
	text-align: center;
}
.barPages .boxPages .pageNumber {
	flex: 10;
	width: 80%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 0px 3px;
	margin: 0px auto;
	text-align: center;
	letter-spacing: 1.5px;
}
.barPages .boxPages .pageNext {
	flex: 1;
	width: 10%;
	text-align: center;
}
.barPages .boxPages .pageNumber .input {
	flex: 1;
	width: 20%;
	padding: 0px;
	text-align: center;
	border: none;
	outline: none;
	box-shadow: none;
	height: auto;
	line-height: initial;
	margin: 0px 0px;
}
.barPages .boxPages .pageNumber .input input {
	color: rgba( 4, 86, 171, 1 );
	background: rgba( 255, 255, 255, 0.1 ); 
	border-radius: 2px;
	padding: 5px 6px;
	margin: 0px auto;
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 14px;
	height: auto !important;
	width: 90%;
	text-align: center;
	position: relative;
	top: -1px;
	font-weight: bold;
}
.barPages .boxPages .pageNumber .span {
	position: relative;
	flex: 1;
	padding: 5px 0px;
	margin: 0px 2px;
	width: 100%;
	text-align: center;
}
.centerTD { text-align: center; }
.rightTD { text-align: right; }
.dropdown-menu a[onclick^="modalDelete"] { color: red !important }
table.dataTable thead .not-sortable.sorting { background-image: none; }
span.label { cursor: pointer; }
.h2noresult {
	font-size: 18px;
	padding: 18px 15px;
	text-align: center;
	font-weight: bold;
	width: auto;
	margin: 0px auto;
	display: block;
	position: relative;
}
.divH2Result {
	position: relative;
	display: block;
	width: auto;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	padding-top: 40px;
}
.divH2Result b {
	color: rgba( 15, 115, 158, 1 );
	text-transform: initial;
}
.logo img { max-height: 80%; max-width: 80%; }
.records--header .form-control { padding-left: 5px; padding-right: 5px; }
.mt-20 { margin-top: 20px; }
.loadPermisos {
	background: rgba( 230, 230, 230, 0.4 );
	display: table;
	margin: 2px 0px;
	padding: 7px 5px;
	border-radius: 3px;
	cursor: pointer;
}
.loadPermisos.noBG { background: transparent; display: block;}

.dropdown-select dd,
.dropdown-select dt {
	margin: 0px;
	padding: 0px;
	color: rgba( 73, 80, 87, 1 );
	font-size: 14px;
}

.dropdown-select ul { margin: -1px 0 0 0; }
.dropdown-select dd { position: relative; }
.dropdown-select a,
.dropdown-select a:visited { text-decoration: none; outline: none; }
.dropdown-select dt a { font-weight: normal; }
.dropdown-select dt a span,
.multiselct span {
	cursor: pointer;
	display: inline-block;
	padding: 0 3px 2px 0;
}
.dropdown-select dd ul {
	background: rgba( 240, 240, 240, 1 );
	border: 0;
	color: rgba( 73, 80, 87, 1 );
	display: none;
	padding: 2px 15px 2px 5px;
	position: absolute;
	z-index: 200;
	top: 9px;
	left: -20px;
	width: calc(100% + 40px);
	height: 200px;
	list-style: none;
	overflow: auto;
	font-size: 14px;
	vertical-align: middle;
}
.dropdown-select span.value { display: none; }
.dropdown-select dd ul li input {
	vertical-align: middle;
	padding: 0px 2px;
	margin: 0px 6px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.dropdown-select dd ul li:hover {
	background-color: rgba( 5, 38, 72, 1 );
	color: rgba( 255, 255, 255, 1 );
}
.dropdown-select dd ul li {
	padding: 5px 0px;
	margin: 1px 0px;
	cursor: pointer;
}
.dropdown-select dd ul li a {
	padding: 5px;
	display: block;
}
.dropdown-select dd ul li a:hover { background-color: #fff; }
.multiselctHidden { display: none; }

.dropdown-select { height: auto !important; }
p.multiselct { margin: 0px !important; }
.noTopbar { padding: 6px 0px; }

.modals {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	background: rgba( 0, 0, 0, 0.5 );
}
.fade { transition: opacity .15s linear; }
.modal-dialog.modal-lg.modal-dialog-centered { width: 90% !important; max-width: 90% !important; }

.ticketView {
	max-width: 95%;
	margin: 10px auto;
	text-align: justify;
	color: rgba( 0, 0, 0, 1 );
}
.ticketView h2 {
	font-size: 26px;
	color: rgba( 21, 21, 21, 1 );
	font-weight: normal;
}
.ticketView h2 small {
	font-size: 20px;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}
.ticketView h3 { font-size: 16px; }
.bbcodePrintDetail {
	background: rgba( 225, 233, 242, 0.5 );
	padding: 12px;
	border-radius: 2px;
	margin: 5px auto;
	margin-top: 25px;
}
.bbcodePrintDetail span {
	border-radius: 2px;
	padding: 2px 3px;
}

.form-group.evidencia .dropzone::before { content: 'Clic aqui para seleccionar la evidencia a subir (puede seleccionar varios archivos al mismo tiempo)'; }
.form-group.usuarioAvatar .dropzone::before { content: 'Clic o arrastre aqui la imagen'; }
.galleryT {
	background: rgba( 249, 249, 249, 0.8 );
	padding: 10px 10px;
	margin: 0px auto;
	position: relative;
	display: flex;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.galleryT .imageInD:hover{ background: rgba( 4, 98, 191, 1 ); border-color: rgba( 4, 98, 191, 1 ); }
.galleryT .imageInD {
	width: 20%;
	max-width: 20%;
	padding: 3px;
	border-radius: 2px;
	background: rgba( 255, 255, 255, 1 );
	border: solid 1px rgba( 230, 230, 230, 1 );
	height: 170px;
	max-height: 170px;
	text-align: center;
	margin: 2px;
	cursor: pointer;
	position: relative;
}
.galleryT .imageInD .imgJPG, .galleryT .imageInD .imgPDF {
	max-width: 100%;
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: relative;
	display: block;
	vertical-align: middle;
	object-fit: cover;
}
.galleryT .imageInD a { z-index: 100; }
.galleryT .imageInD embed { z-index: 20; }
.imageInD a {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0px;
	background: rgba( 21, 21, 21, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-align: center;
	font-size: 14px;
	padding: 3px 0px;
}
.imageInD:hover a { background: rgba( 4, 98, 191, 1 ); }
.popover-content.note-children-container { display: none; }
.noContentText {
	padding: 4px 0px;
	font-size: 15px;
	letter-spacing: 0.5px;
	color: rgba( 21, 21, 21, 0.7 );
}
.notasParche {
	padding: 12px;
    border-radius: 3px;
    margin: 5px auto;
    margin-top: 25px;
	font-size: 13px;
	color: rgba( 119, 119, 31, 1 ) !important;
	background: rgba( 246, 243, 136, 1); 
}
.notasParche h3 {
	font-weight: bold;
	color: rgba( 0, 0, 0, 1 );
	font-size: 18px;
}
.bbcode p { margin: 2px 0px !important; }
.titleDetalle { font-size: 22px !important; color: rgba( 0, 0, 0, 1 ); }

.profile--img { position: relative; }
.changeImageAvatar {
	cursor: pointer;
	position: absolute;
	bottom: -8px;
	right: -8px;
}
.changeImageAvatar:hover { color: rgba( 255, 255, 255, 1 ); }

.profile--img img {
	width: 80px;
	height: 80px;
	object-fit: cover;
}
.imageAvatarProilOIm {
	width: 55px !important;
	height: 55px !important;
	object-fit: cover;
}
.profile--img { margin-bottom: 20px; }
.dtable {
	display: table;
	margin: 10px auto;
	width: auto;
}

.noPM {
	margin: 0px auto !important;
	padding: 0px !important;
	min-height: 80vh;
}
.note-editor.note-frame > .note-editing-area > .note-editable { cursor: text; }
.width100 { width: 100%; display: block; }
.loadPermisos.width100 .dropdown-select { margin: 0px auto; }

.centerDownloads {
	width: 100%;
	margin: 10px auto;
	text-align: center;
	position: relative;
	display: block;
	padding-top: 20px;
}
.ExportToExcel:hover { background: rgba( 32, 159, 98, 1 ); }
.ExportToExcel {
	background: rgba( 16, 114, 59, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-size: 13px;
	text-align: center;
	display: inline-table;
	margin: 4px;
	padding: 5px 14px;
	border-radius: 2px;
	cursor: pointer;
	border: none;
	box-shadow: none;
}

.ExportToPDF:hover { background: rgba( 221, 27, 32, 1 ); }
.ExportToPDF {
	background: rgba( 191, 12, 4, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-size: 13px;
	text-align: center;
	display: inline-table;
	margin: 4px;
	padding: 5px 14px;
	border-radius: 2px;
	cursor: pointer;
	border: none;
	box-shadow: none;
}

.mrt-20 { margin-top: 20px; }
td a.verMore:hover, a.verMore:hover { text-decoration: underline !important; }
td a.verMore, a.verMore {
	color: rgba( 77, 171, 247, 1 ) !important;
	cursor: pointer !important;
}
.dropleft.show a { color: rgba( 71, 171, 247, 1 ); }
.dropleft.show div a { color: rgba( 21, 21, 21, 1 ); }
.nomargintopbottom {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.isTicketView:hover td { background: rgba( 255, 255, 255, 1 ) !important; }
.isTicketView { cursor: pointer; }

.chatFooter {
	position: fixed;
	max-width: 25%;
	bottom: 0px;
	right: 0px;
	background: rgba( 242, 242, 242, 1 );
	padding: 4px;
	border-radius: 2px;
	border-left: solid 3px rgba( 255, 255, 255, 1 );
	border-top: solid 3px rgba( 255, 255, 255, 1 );
}
.chat--form .input-group button:hover { background: rgba( 18, 95, 195, 1 ); }
.chat--form .input-group button { background: rgba( 18, 121, 195, 1 ); }
.chat-starter {
	background: rgba( 255, 255, 255, 0.8 );
	max-width: 96%;
	border-radius: 2px;
	margin: 4px auto;
	text-align: center;
	font-size: 14px;
	padding: 9px 7px;
}
.chat--items {
	height: auto;
	min-height: 250px;
	max-height: 400px;
	overflow-y: scroll;
}
.chat--item { margin: 4px auto; }
.tool-bar {
	background: rgba( 255, 255, 255, 1 );
	color: rgba( 45, 45, 45, 1 );
	padding: 10px 12px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	cursor: pointer;

	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.tool-bar .icons i:hover { color: rgba( 18, 95, 195, 1 ); }
.tool-bar span { margin: 0px; }
.tool-bar .icons i.iconright:hover { color: rgba( 21, 21, 21, 1 ); }
.tool-bar .icons i.iconright { color: rgba( 31, 31, 31, 0.4 ); }
.tool-bar .icons i {
	color: rgba( 45, 45, 47, 1 );
	cursor: pointer;
	font-size: 18px;
	padding: 3px 0px;
}
.chat { position: relative; }
.viewInfoChat {
	background: rgba( 255, 255, 255, 1 );
	padding: 6px 0px;
	font-size: 12px;
	border-bottom: solid 1px rgba( 21, 21, 21, 0.1 );
	display: none;
	position: absolute;
	z-index: 123;
	top: 50px;
	left: 0px;
	right: 0px;
	max-width: 90%;
	margin: 2px auto;
	margin-bottom: 15px;
}
.viewInfoChat span b {
	font-weight: 600;
	font-style: normal;
	margin: 0px auto;
	padding: 0px;
	padding-right: 5px;
}
.viewInfoChat span {
	display: block;
	margin: 0px auto;
	padding: 0px;
	max-width: 96%;
}
.messagesChat { position: relative; }
.messagesChat i small {
	font-size: 10px;
	background: rgba( 237, 15, 62, 1 );
	color: rgba( 255, 255, 255, 1 );
	padding: 4px;
	text-align: center;
	position: absolute;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	line-height: 8px;
	top: -6px;
	right: 4px;
}
.chat--avatar img {
	width: 40px;
	height: 40px;
}
.chatClose:hover { background: rgba( 179, 0, 67, 1 ); }
.chatClose {
	position: relative;
	display: table;
	margin: 2px 0px;
	padding: 3px 12px;
	border-radius: 2px;
	background: rgba( 234, 2, 89, 1 );
	cursor: pointer;
	font-size: 12px;
	color: rgba( 255, 255, 255, 1 );
}
.deletesIcons { position: relative; }
.deletesIcons a.edit { color: rgba( 3, 96, 192, 1 ); }
.deletesIcons a.delete { color: rgba( 192, 3, 56, 1 ); }
.deletesIcons a:hover { background: rgba( 21, 21, 21, 1 ); color: rgba( 255, 255, 255, 1 ); transition: none !important; transition-property: none !important; }
.deletesIcons a {
	display: block;
	font-size: 13px;
	padding: 3px 8px;
	cursor: pointer;
	background: rgba( 242, 242, 242, 1 );
	border-radius: 3px;
	text-align: center;
	border: solid 1px rgba( 232, 232, 232, 1 );
	font-weight: bold;
	margin: 2px auto;
}

.mtop0 { margin-top: 0px; padding-top: 0px; }

.sweetAlerts {
	background: rgba( 0, 0, 0, 0.8 );
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: 9999;
	vertical-align: middle;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.sweetBox {
	background: rgba( 255, 255, 255, 1 );
	max-width: 45%;
	margin: auto auto;
	padding: 3px;
	border-radius: 3px;
	position: relative;
	flex: 1;
}

.sweetwarp {
	position: relative;
	vertical-align: middle;
	display: block;
}
.swTitle {
	font-size: 28px;
	color: rgba( 21, 21, 21, 1 );
	margin: 20px auto;
	padding: 10px 0px;
}
.swContent {
	font-size: 17px;
	margin: 10px auto;
	display: block;
	position: relative;
	font-weight: 300;
	max-width: 80%;
	padding: 10px 2px;
}
.swButtons {
	max-width: 60%;
	margin: 10px auto;
	margin-top: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swButtons button {
	margin: 4px;
	flex: auto;
	padding: 14px 0px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	font-size: 17px;
	color: rgba( 21, 21, 21, 1 );
	text-shadow: none;
}
.swButtons button.swcontinue:hover {
	background: rgba( 140, 192, 245, 1 );
}
.swButtons button.swcontinue {
	color: rgba( 255, 255, 255, 1 );
	background: rgba( 140, 212, 245, 1 );
}
.swButtons button.swclose:hover {
	color: rgba( 255, 255, 255, 1 );
	background: rgba( 255, 0, 79, 1 );
}
strong.swT {
	display: block;
	margin: 4px auto;
	position: relative;
	padding: 4px 0px;
	color: rgba( 21, 21, 21, 0.8 );
	font-weight: 500;
}

.response { z-index: 9999999 !important; }

.smallUploads {
	margin-top: 0px;
	position: relative;
	margin-bottom: 10px;
	display: block;
}
.uniqueBb {
	background: rgba( 255, 255, 255, 0.2 );
	padding: 3px 10px;
	margin: 3px auto;
	display: block;
	width: auto;
	max-width: 96%;
}
.uniqueBb small {
	display: block;
	font-style: italic;
	text-align: right;
	padding: 4px;
}
.navbar--search button { margin: 7px auto; }

.colorBlue {
	color: rgba( 43, 179, 192, 1 );
	text-shadow: none;
	box-shadow: none !important;
	font-size: 18px;
}
.colorOrange {
	color: rgba( 225, 97, 35, 1 );
	text-shadow: none;
	box-shadow: none !important;
	font-size: 18px;
}
.colorGreen {
	color: rgba( 0, 147, 120, 1 );
	text-shadow: none;
	box-shadow: none !important;
	font-size: 18px;
}
.colorMiniStat {
	text-shadow: none;
	box-shadow: none !important;
	font-size: 16px;
	padding: 22px 10px;
}
.colorRed { color: rgba( 240, 8, 57, 1 ); }
.colorYel { color: rgba( 255, 162, 29, 1 ); }
.colorGre { color: rgba( 155, 233, 5, 1 ); }

.text-Red { color: rgba( 240, 8, 57, 1 ); }
.text-Yel { color: rgba( 255, 162, 29, 1 ); }
.text-Gre { color: rgba( 155, 233, 5, 1 ); }

.colorBla { color: rgba( 21, 21, 21, 1 ); }

.page--title.h3 {
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px;
	display: block;
}

#snloader {
   position: relative;
}
.sitesLoad {
   background: rgba( 245, 245, 245, 1 );
   border: solid 1px rgba( 132, 132, 132, 0.1 );
   position: absolute;
   width: calc(200% - 30px);
   margin-top: 05px;
   z-index: 400;
   padding: 6px;
   border-radius: 3px;
   min-height: 100px;
}
#snloader .sitesLoad,
#snloader2 .sitesLoad,
#snloader3 .sitesLoad {
   width: calc( 100% - 30px ) !important;
}
.sitesLoad span:hover { background: rgba( 226, 238, 252, 1 ); }
.sitesLoad span {	
	display: block;
	background: rgba( 255, 255, 255, 1 );
	padding: 4px 8px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	color: rgba( 21, 21, 21, 0.7 );
	margin: 2px 0px;
}
.sitesLoad span:last-child { border-bottom: 0px; }
#chatLI {
	display: block;
	padding: 2px 20px 3px;
	white-space: nowrap;
}
.centerRows {
	text-align: center;
}
.centerRows .col-md-6 { margin: 0px auto; }

.sb-actionswarp a.btn-link {
	margin: 20px auto 0px auto;
	width: 100%;
	text-align: justify;
	text-decoration: none !important;
	padding: 2px 3px 0px 3px;
	display: block;
	position: relative;
	left: 0px;
	right: 0px;
	float: none;
}

.m-account--form-w { border-radius: 3px; }
.dropSB a i { padding-right: 4px; }

.PrinterTicket {
   background: rgba( 255, 255, 255, 1 );
   width: 100%;
   height: 100%;
   display: block;
   padding: 20px;
   text-align: center;
   margin: 0px auto;
}
table.tableLogos th {
   width: 33%;
   max-width: 33%;
   text-align: center;
}
table.tableLogos {
   width: 100%;
   height: auto;
   margin: 20px auto;
   display: table;
   padding: 20px 10px;
   color: rgba( 21, 21, 21, 1 );
   font-weight: bold;
   font-size: 18px;
   text-align: center;
}
.saltBR b {
   display: block;
}
th.logoEP img {
   max-width: 174px;
   margin: 0px;
}
th.logoEM img {
   margin: 0px;
   max-width: 64px;
}

.boxTable {
   width: 90%;
   max-width: 90%;
   height: auto;
   margin: 20px auto;
   text-align: center;
   padding: 0px;
   display: block;
}
.TTD {
   width: 100%;
}
.boxTable tr th.title {
   background: rgba( 5, 38, 72, 1 );
   color: rgba( 255, 255, 255, 1 );
   padding: 10px 15px 10px 10px;
   text-align: left;
   font-size: 15px;
}
.boxTable tr th.content span b { font-weight: bold; }
.boxTable tr th.content span strong { font-weight: normal; text-transform: uppercase; }
.boxTable tr th.content {
   background: rgba( 239, 239, 239, 1 );
   color: rgba( 21, 21, 21, 1 );
   text-align: left;
   width: 85%;
   padding: 0px 16px;
   font-weight: 400;
}
table.tableData { 
   font-size: 16px;
   width: auto;
   max-width: 100%;
   position: relative;
   display: block;
}
table.tableData tr.TTD {
   margin: 3px 0px;
   display: inherit;
   width: 100%;
   border: solid 3px rgba( 255, 255, 255, 1 );
}
.centerTable {
   max-width: 90%;
   margin: 0px auto;
   display: block;
}
.TDHD:hover th.title {
	background: rgba( 21, 21, 21, 1 );
}

.printOpen {
	display: block;
	text-align: left;
	max-width: 90%;
	margin: 0px auto;
	margin-bottom: 10px;
}
.printOpen button:hover { background: rgba( 21, 21, 21, 1 ); }
.printOpen button {
	background: rgba( 4, 67, 92, 1 );
	color: rgba( 255, 255, 255, 1 );
	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 2px;
	letter-spacing: 0.5px;
}
.cls {
	display: block;
	text-align: left;
	margin: 20px auto 10px auto;
	color: rgba( 21, 21, 21, 1 );
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}
.imagesCLS {
	width: 100%;
	display: block;
	position: relative;
	max-width: 100%;
	text-align: left;
}
.imagesCLS img {
	width: 225px;
	height: 225px;
	display: inline-block;
	margin: 2px 2px;
	object-fit: cover;
	object-position: center;
}
.imgPDFB {
	max-width: 100%;
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: relative;
	display: block;
	vertical-align: middle;
	object-fit: cover;
	height: 100vh !important;
	margin: 20px auto;
	text-align: center;
}


@page {

	size: auto;
	margin: 10px 10px;
	page-break-inside: avoid;

}

@media print {

	.noPrint { display: none !important; opacity: 0; }
	
}

.headPT .table {
	width: 100% !important;
	max-width: 100% !important;
}
.contentPT > * {
   font-family: "Open Sans", sans-serif;
}
.contentPT {
	background: rgba( 255, 255, 255, 1 );
	max-width: 80%;
	margin: 0px auto;
}
.headPT {
	text-align: center;
	margin: 0px auto 10px auto;
	position: relative;
}
.headPT img { max-width: 250px; }
.headPT > img, .headPT > div { width: 100%; } 

.headPT .logoPT {
	font-size: 15px;
	color: #000;
	max-width: 70%;
}
.headPT .logoPT span { display: block; margin: 4px auto; }

.boxPT {
	display: block;
	margin: 40px auto;
	position: relative;
	padding: 20px 0px;
}
.linePT {
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: stretch;
	text-align: left;
	outline: none;
	border: none;
	margin: 3px auto;
}
.linePT.hidden {
	display: none !important;
}
.linePT span {
	width: 100%;
	border: none;
	outline: none;
	box-shadow: none;
	padding: 6px 9px;
	font-size: 12px;
}
.linePT span.titlePT {
	background: rgba( 5, 38, 71, 1 );
	color: rgba( 255, 255, 255, 1 );
	text-transform: uppercase;
	width: 25%;
}
.linePT span.spanPT {
	background: rgba( 239, 239, 239, 1  );
	color: rgba( 0, 0, 0, 1 );
}
.spanPT.strong { font-weight: bold; }
.evidenciasPT {
	position: relative;
	margin: 10px auto;
	display: block;
}
.evidenciasPT .imageJPG {
	width: 180px;
	height: 180px;
	display: inline-block;
	position: relative;
	margin: 4px;
}
.evidenciasPT .imageJPG img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.materialPT .lineShop {
	align-items: stretch;
}
.materialPT .ModalShop span { font-size: 11px !important; }
.materialPT .titleShop span { font-size: 13px !important; font-weight: bold; }
.evidenciasPT h2, .evidenciasPT .modalTH1 { font-size: 22px !important; color: rgba( 0, 0, 0, 1 ); text-transform: uppercase; }
.firmasPT {
	display: block;
	position: relative;
	margin: 20px auto;
	margin-top: 40px;
}
.firmasPT .firmaPT {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: rgba( 0, 0, 0, 1 );
	text-align: center;
	max-width: 80%;
	margin: 10px auto;
}
.printPT {
	position: fixed;
	z-index: 999;
	top: 30px;
	left: 15px;
}
.printPT button:hover { background: rgba( 21, 21, 21, 1 ); }
.printPT button {
	background: rgba( 5, 38, 71, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-size: 14px;
	text-transform: uppercase;
	padding: 9px 8px;
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.printint {
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	padding: 0px;
	left: 0px;
	right: 0px;
	top: 0;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba( 255, 255, 255, 0.2 );
	background: rgba( 0, 0, 0, 0.2 );
	display: none;
}
.printint .leyP {
	background: rgba( 47, 131, 215, 0.96 );
	padding: 20px;
	border-radius: 2px;
	color: rgba( 255, 255, 255, 1 );
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
}


.headNoColor {
   position: relative;
   display: block;
   text-align: center;
   color: #808080;
   font-weight: 600;
}
.headNoColor img {
   width: 95px;
   max-height: 142px;
   opacity: 0.6;
}
.headNoColor .texthdc {
   display: block;
   max-width: 90%;
   margin: 10px auto;
   font-size: 11px;
   line-height: 16px;
}
.headNoColor .texthdc b.sub {
   font-size: 12px;
   padding-top: 4px;
   margin-top: 5px;
   position: relative;
   display: block;
}

.NPDF { text-align: center; }
.NPDF h2 {
   color: black;
   font-size: 22px;
   line-height: 22px;
   padding: 5px 0px;
}

.NPDF .tables {
   position: relative;
   display: block;
   text-align: center;
   margin-top: 20px;
}
.NPDF .table {
   width: 100%;
   position: relative;
   margin: 10px auto;
   font-weight: normal;
   font-size: 12px;
   color: black;
}
.NPDF .table tbody tr td.headM {
   background: #d9d9d9;
}
.NPDF .table thead tr {
   background: #d9d9d9;
   border: none;
   outline: none;
   margin: 0px;
   padding: 0px;
}
.NPDF .table thead tr th {
   padding: 6px 0px;
   font-size: 13px;
   border: solid 1px #d9d9d9;;
   text-transform: uppercase;
}
.NPDF .table tbody tr {
   background: rgba( 250, 250, 250, 1 );
}
.NPDF .table tbody tr td {
   border: solid 1px #d9d9d9;
   padding: 6px 12px;
   letter-spacing: 0.2px;
}
.NPDF h3 {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 0px;
   line-height: 16px;
   margin: 4px auto;
}
.NPDF .firmas {
   margin-top: 10px;
   padding: 10px 0px;
   font-size: 12px;
   color: black;
}
.NPDF .firmas b {
   display: block;
   margin-bottom: 10px;
   font-size: 13px;
}

.headInLine {
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
}
.headInLine img {
   flex: 1;
   width: 100%;
   max-width: 200px;
   margin: 0px;
   float: left;
}
.headInLine .textInLine {
   text-align: right;
   width: 100%;
   font-size: 14px;
   text-transform: uppercase;
   color: black;
   line-height: 18px;
}
.infoNewPDF3 {
   font-size: 15px;
   width: 96%;
   margin: 20px auto;
   text-align: justify;
   color: black;
   display: block;
   position: relative;
   margin-top: 70px;
   text-transform: uppercase;
}

.firmasBold3 {
   display: block;
   position: relative;
   font-size: 15px;
   font-weight: 600;
   color: black;
   text-transform: uppercase;
}

.boxOP {
   color: black;
   margin: 20px auto;
   display: block;
   position: relative;
}
.boxOP h2 {
   font-size: 14px;
   line-height: 22px;
   font-weight: bold;
   margin: 0px auto;
}
.boxOP h2 span {
   display: block;
   margin: 0px auto;
   width: 100%;
}
.boxOP h2 span div:first-child { margin-left: 0px; padding-left: 0px; }
.boxOP h2 span div b { color: black;}
.boxOP h2 span div {
   display: inline-block;
   padding: 0px 5px;
   margin: 0px 0px;
   font-size: 11px;
   letter-spacing: 0.1px;
   color: rgba( 21, 21, 21, 0.7 );
}
.cccOP {
   position: relative;
   display: block;
   font-size: 12px;
   margin: 10px auto;
   padding: 2px;
}
.pppOP {
   display: block;
   position: relative;
   margin: 10px auto;
   background: rgba( 240, 240, 240, 1 );
   border-radius: 2px;
   font-size: 11px;
}
.pppOP span {
   display: inline-block;
   padding: 0px 6px;
}

a.ExportToEXCEL:hover, a.ExportToPDF:hover {
   color: white;
}

.AP2, .AP3 {
   display: none;
}

.smallPA {
   font-size: 10px;
   display: inline-block;
   background: red;
   color: white;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   line-height: 15px;
   text-align: center;
   position: relative;
   left: 10px;
}

.pac-card {
   width: 30%;
   top: 5px !important;
   right: 5px !important;
}
.pac-card #pac-container {
   width: 100%;
   font-size: 14px;
}

a.underlines { text-decoration: underline !important; }

.form-control.disabled { background: rgba( 187, 187, 187, 1 ) !important; }
.pac-container {
   z-index: 99999 !important;
   display: block !important;
} 

.barPages .boxPages div.pageNumber .input {
	background: rgb(237 237 237);
	color: white;
	border-radius: 2px;
}
.barPages .boxPages div.pageNumber .input input { color: #575757; }

.sb-buttonlogin {
   background: rgb(73 116 233);
   border: none !important;
   color: white;
   margin-top: 35px;
}

.m-account--form { max-width: calc( 100% - 20px ); }
.m-account--footer { color: rgba( 107, 138, 195, 1); font-size: 13px; }
.m-account--actions a.btn-link { font-size: 13px !important }
.navbar--header .logo { overflow: hidden; }
.navbar--header .logo img {
	object-fit: cover;
	max-height: calc( 100% - 20px );
	display: block;
	margin: 0px auto;
	overflow: hidden;
	max-height: 80px;
	width: 100%;
}

body, .main--footer-light { background-color: rgb(251 250 250); }
.sidebar--nav ul ul li, .sidebar--nav ul ul { border-color: rgb(28 28 28); }
.navbar--header, .sidebar { background-color: rgb(28 28 28); }
.sidebar--nav ul ul a:hover, .sidebar--nav ul ul .open > a, .sidebar--nav ul ul .active > a, .sidebar--nav ul ul .active > a:before, .sidebar--nav ul ul .active > a:after {
	background-color: #0062d2;
	color: #FFF;
}
.imageAvatarProilOIm.rounded-circle { border-radius: 12px !important; }
.records--header .form-control { border-color: rgb(231 231 231); }

.hr { padding-bottom: 10px; position: relative; width:100%; }
.hr::before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	background: #e9e9e9;
	bottom: 0px;
}
.formFirst {
	width: 100%;
	position: relative;
	padding: 20px;
}
.nm {
	margin: 0px !important;
}
.btn.blue:hover {
	background: #013f86;
}
.btn.blue {
	background: #0556b3;
	color: #FFF;
}
.btn.black:hover {
	background: #171717;
}
.btn.black {
	background: #323232;
	color: #FFF;
}
.none { display: none; }

.textareaOff {
	height: 40px !important;
	max-height: 40px !important;
	min-height: 40px !important;
}
.textareaF {
	min-height: 130px !important;
	height: 80px !important;
	max-height: 80px !important;
}

.addInputs .lineShop.titleShop span {
	color: #698fcd;
}
.addInputs .lineShop.titleShop span.spanI {
	display: flex;
	justify-content: center;
	align-items: center;
} 

.pointer { cursor: pointer !important; }
.lineShop span.remove {
	color: red;
}
.tableSHOP.mb30 {
	position: relative;
	margin-bottom: 40px;
}
.lineShop.items {
	align-items: center;
	background: rgba( 240, 240, 240, 1 );
	margin: 2px auto;
}

.fileE {
	background: #FFF;
}

.zonaUpload {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #ebebeb;
	color: #4b4b4b;
	border-radius: 6px;
	padding: 24px 11px;
	margin: 20px auto;
	cursor: pointer;
}

.firstInputs .col-md-2,
.firstInputs .col-md-3,
.firstInputs .col-md-4, 
.firstInputs .col-md-6, 
.firstInputs .nm, 
.firstInputs .col-md-12 { margin: 5px 0px !important; } 
.label-text { position: relative; width: 100%; }
.label-text small {
	position: absolute;
	margin-left: 6px;
}
.bluecolor { color: #4885cb; }

.table.medium thead th {
	color: #6c98b9;
	font-size: 14px;
}
.table.medium tbody td {
	font-size: 14px;
	padding: 8px 4px;
	color: #656565;
	font-weight: bold;
}
.table.medium thead:hover tr { background: #e2f4ff }
.table.medium thead tr {
	cursor: pointer;
}
.table.medium.collap tbody {
	display: none;
}
.table.noactive tbody tr { background: #e9ecef }
.form-control.tccol {
	height: 0px !important;
	margin: 0px !important;
}
.panel-title b { color: #4885cb }

.panel-title {
	width: 100%;
}
.panel-title .right {
	float: right;
}
.nobold {
	font-weight: 600;
}

.notexta {
	min-height: 64px !important;
	max-height: auto !important;
}

select[disabled],
select:disabled,
select.form-control:disabled {
	-webkit-appearance: none;
	appearance: none;
}

.evidencias {
	max-width: 96%;
	position: relative;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px auto;

	flex-wrap: wrap;
}
.evidencias .openImage {
	margin: 4px;
	position: relative;

}
.evidencias a .imageLevan {
	width: 100%;
	max-height: 300px;
	object-fit: cover;
	border-radius: 6px;
	cursor: pointer;
	margin: 0px 10px;
	padding: 0px 0px;
	z-index: 40;
}

.evidencias .removeA i {
	padding: 0px;
	margin: 0px;
}
.evidencias .removeA:hover {
	background: rgba( 0, 123, 200, 0.9 );
}
.evidencias .removeA {
	position: absolute;
	font-weight: 200;
	font-size: 14px;
	width: 22px;
	height: 22px;
	padding: 4px;
	background: rgba( 0, 0, 0, 0.9 );
	color: #FFF;
	border-radius: 50%;

	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 90;
	cursor: pointer;

	top: 6px;
	right: 0px;
}

.col-md-12.mt-40,
.mt-40 {
	margin-top: 40px !important;
}

.loadTR,
.loadTR2 {
	position: relative;
	width: 100%;
	margin: 10px auto;
	margin-bottom: 20px;
}
.loadTR2 tr,
.loadTR tr {
	width: 100%;
	display: flex;
	justify-content: stretch;
	align-items: center;
}
.loadTR tr td,
.loadTR2 tr td {
	width: 100% !important;
}
.loadTR2 tr td input,
.loadTR tr td input {
	width: 100% !important;
}

.tablaconceptos .form-control {
	padding: 0px 6px !important;
}
#camF { text-align: center; }
.form-control { padding: 6px 8px 6px 12px !important; }

.form-group .select2.select2-container.select2-container--sb > * {
	box-shadow: none;
	outline: none;
}
.form-group .select2.select2-container.select2-container--sb {
	background: transparent;
	border-radius: 3px;
	padding: 6px 8px;
	vertical-align: middle;
	border: solid 1px rgba( 0, 0, 0, 0.1 );
	box-shadow: none;
	outline: none;

	height: 40px;
	max-width: 100%;
}
.select2-container--sb .select2-search--dropdown .select2-search__field {
	border-radius: 4px;
	border: solid 1px rgba( 0, 0, 0, 0.1 );
	padding: 6px 8px;
	color: rgba( 0, 0, 0, 0.6 );
}
.select2-container--sb .select2-selection--single {
	line-height: 28px;
}
.select2-container.select2-container--sb.select2-container--open {
	padding: 0px;
}
.select2-container.select2-container--sb .select2-dropdown.select2-dropdown--below {
	overflow: hidden;
}
.select2-container.select2-container--sb .select2-results__option {
	white-space: normal;
}
.select2-container.select2-container--sb .select2-results {
	max-height: 350px;
	overflow-y: scroll;
}
.select2-container.select2-container--sb .select2-results::-webkit-scrollbar {
  width: 9px;
}
.select2-container.select2-container--sb .select2-results::-webkit-scrollbar-track {
  background: #cfcfcf;
}
.select2-container.select2-container--sb .select2-results::-webkit-scrollbar-thumb {
	background: #FFF;
	border-radius: 3px;
	border: 2px solid #cfcfcf;
	cursor: pointer;
}
.select2-container.select2-container--sb .select2-results__option.select2-results__option--highlighted:hover,
.select2-container.select2-container--sb .select2-results__option.select2-results__option--highlighted {
	background: #f3f3f3;
}

.llenadobox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.llenadobox span {
	width: auto;
	background: #e9ecef;
	padding: 4px 8px;
	margin: 2px 3px;
	border-radius: 3px;
}
.colorMiniStat small { padding-right: 5px; }
.flexcenter { justify-content: center }
.shoph1 .catalogueh1 i { margin-left: 10px }
.loadSHOP { top: 0px }

.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.loadTableShop {
	max-width: 100%;
}

label .inline {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0px;
}
label .inline .form-control { width: 15% }
label .inline .form-control.w100 {
	width: 90%;
}
.form-control[type="checkbox"],
.form-control[type="checkbox"]::selection,
.form-control[type="checkbox"]::before  {
	cursor: pointer;
}

.checkIcon {
	font-size: 26px;
	text-align: center;
}
.checkIcon i {
	color: green;
}
.checkIcon i.redicon {
	color: red;
}

.js-signature canvas {
	border: solid 1px rgba( 235, 235, 234, 1 ) !important;
	min-height: 125px !important;
	border-radius: 3px;
}

.firmaPT img {
	position: relative;
	top: 0px;
	height: 85px;
	margin: 0px auto;
	display: block;
}

#signatureCanvas {
	border: solid 1px rgba( 229, 229, 229, 1 );
	display: block;
	touch-action: none;
	border-radius: 3px;
}

.imageinPDF {
	display: inline-block;
	margin: 4px 4px;
	border-radius: 3px;
	max-width: 100%;
}
.imageinPDF img {
	max-width: 400px;
}

.barPages { margin-bottom: 10px }

.table-bordered td, .table-bordered th {
	border-color: #f2f3f3;
}
.table-borded td, .table-borded th {
	outline: solid 1px #f2f3f3;
}

.intwo {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100% !important;
   position: relative;
   max-width: 100% !important;
}
.intwo .form-control:first-child { margin-left: 0px; }
.intwo .form-control {
   width: 100% !important;
   margin: 4px 6px;
}
.sbObser .form-group label {
   font-weight: 600 !important;
   font-size: 16px;
   line-height: 18px;
}
.formLevanta {
   padding: 10px 0px;
}
.bt1 {
   min-width: 60px;
}

.barPages .boxPages a.pageButton {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 5px 10px;
}
.nopadd {
   padding: 5px 20px;
}
.scrollX {
   overflow-x: scroll !important;
}