@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,600,700');
@import '../lib/linearicons/style.min.css';
@import '../lib/bootstrap-4.0.0/dist/css/bootstrap.min.css';
* {margin: 0px;padding: 0px;text-decoration: none;list-style: none;outline: none;font-family: 'Barlow', sans-serif;font-size: 14px;font-weight: 500;}
html,body { height: 100%; }
body {background: #f7f7f7;position: relative;overflow: hidden;}
a, button, a:hover, button:hover{ cursor: pointer; outline: none !important; text-decoration: none !important;}
a:hover{ text-decoration: none;}
input, textarea { border: none;}
.box-info-account{ background: #f2f2f2 !important; }
.boxDomainSearch input { border: 1px solid #a9a9a9; border-right:none}
.boxDomainSearch select, .boxDomainSearch input {height: 100%;text-transform: lowercase;}
.boxDomainSearch button {height: 100%;}

.color-1{color:#CCCCCC;}
.color-2{color:#999999;}
.color-3{color:#666666;}
.color-4{color:#333333;}
.color-5{color:#23BF08;}
.color-6{color:#DC3545;}

.border-color-1{color:#CCCCCC;}
.border-color-2{color:#999999;}
.border-color-3{color:#666666;}
.border-color-4{color:#333333;}
.border-color-5{color:#23BF08;}
.border-color-6{color:#DC3545;}

.background-color-1{background:#CCCCCC;}
.background-color-2{background:#999999;}
.background-color-3{background:#666666;}
.background-color-4{background:#333333;}
.background-color-5{background:#23BF08;}
.background-color-6{background:#DC3545;}

.btn-primary{ background:#23BF08; color:#FFF; border: 0px;}
.btn-primary:hover{ background:#23BF08; opacity: 0.8;}

.placeholder-white::-webkit-input-placeholder { color: #AAA; } .placeholder-white::-moz-placeholder { color: #AAA; } .placeholder-white::-moz-placeholder { color: #AAA; } .placeholder-white::-ms-input-placeholder { color: #AAA;}
.placeholder-grey::-webkit-input-placeholder { color: #BBB; } .placeholder-grey::-moz-placeholder { color: #BBB; } .placeholder-grey::-moz-placeholder { color: #BBB; } .placeholder-grey::-ms-input-placeholder { color: #BBB;}

.boxSearch form {border: 1px solid #CCC;border-radius: 25px;margin-top: 2px;background: #FAFAFA;float: left;width: 100%;}
.boxSearch input {border: none;padding: 0px 0px 0px 13px;margin: 0px;background: none;height: 40px;float: left;width: 100%;}
.boxSearch button {background: #42b8e7;border-radius: 50%;margin: 2px;height: 36px;width: 36px;color: #FFF;font-size: 14px;position: absolute;right: 1px;top: 6px;}

.ret-msg{ position: absolute; left: 0px; bottom: -17px; max-height: 17px; line-height: 10px; }
.ret-msg.type{ left: initial; top: 0px;}
.focus-error:before{ background-color: #DC3545 !important; }

.fw100{ font-weight: 100; }.fw200{ font-weight: 200; }.fw300{ font-weight: 300; }.fw400{ font-weight: 400; }.fw500{ font-weight: 500; }.fw600{ font-weight: 600; }.fw700{ font-weight: 700; }.fw800{ font-weight: 800; }.fw900{ font-weight: 900; }
/* topo */
	.top {width: 100%;display: table;align-items: center;background-color: #fff;z-index: 99;box-shadow: 0 1px 2px 0 rgba(112,159,219,.16);}
	.top li.dropdown-item {min-width: 260px;border-bottom: 1px solid #FFF;}
	.dropdown-item:focus, .dropdown-item:hover{ background: none; opacity: .8}
	.top .dropdown-toggle::after {display: none;}
	.top .dropdown-menu::after {display: inline-block;width: 0;height: 0;margin-left: .255em;vertical-align: .255em;content: "";border-top: 0;border-right: .5em solid transparent;border-bottom: .5em solid;border-left: .5em solid transparent;position: absolute;top: -7px;right: 12px;color: #FFF;}
	.top .dropdown-menu.dropdown-menu-right.show { top: 10px !important; box-shadow: 1px 3px 20px rgba(0,0,0,.3);}

	.top li.logout {background: #FFFFFF !important;border-color: #FFFFFF !important;}
	.top .logout a {background: #555656; color: #FFF !important; border: none;}
	.top .dropdown-item a span, .top .dropdown-item a { color: inherit;}

	.iconProfile {width: 40px;height: 40px;font-size: 19px;padding: 0px;background-color: #7CDAF5;color: #FFF;border-radius: 50%;border: 0px;}
	.boxLogoTop {background: #8951EF;width: 247px;display: block;border-radius: 0px 35px 35px 0px;background: #41BAE7;background: -moz-linear-gradient(left, #41BAE7 0%, #8951EF 100%);background: -webkit-linear-gradient(left, #41BAE7 0%,#8951EF 100%);background: linear-gradient(to right, #41BAE7 0%,#8951EF 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41BAE7', endColorstr='#8951EF',GradientType=1 );}
	a.logoTop {height: 50px;display: table;float: right;margin-right: 30px;max-width: 110px;}
	button#controller-menu:hover {background: rgba(255, 255, 255, .2);}
	button#controller-menu {background: rgba(0, 0, 0, .2);}
	.boxSearch {position: relative;height: 40px;width: 250px;margin-left: 50px;}
	.top li.dropdown-item a:hover span { font-weight: 800;}
	.top li.dropdown-item:hover { border-bottom: 1px solid #EEE; background: #f3f3f3; }

/*sidebar*/
	.sidebar {box-shadow: 0 1px 2px 0 rgba(112,159,219,.16);width: 220px;background-color: #fff;padding: 20px 0;flex-shrink: 0;position: relative;margin-left: 0px;opacity: 1;overflow: hidden;}
	.mobile-menu-active {margin-left: 0px;width: 69px;}
	.menuLatInt {width: 217px;padding-right: 1px;}
	.sidebar ul li {float: left;width: 100%;height: 45px;}
	.sidebar ul li a {width: 100%;display: block;line-height: 30px;float: left;padding: 5px 0px;min-height: 40px;width: 85%;border-radius: 0px 35px 35px 0px;}
	.sidebar ul li a:hover, .sidebar ul li a.active {background: #41BAE7;background: -moz-linear-gradient(left, #41BAE7 0%, #8951EF 100%);background: -webkit-linear-gradient(left, #41BAE7 0%,#8951EF 100%);background: linear-gradient(to right, #41BAE7 0%,#8951EF 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41BAE7', endColorstr='#8951EF',GradientType=1 );width: 90%;padding-left: 5px;text-decoration: none;}
	.sidebar ul li a:hover .iconMenuLat, .sidebar ul li a.active .iconMenuLat {background: #FFF;margin-left: 20px;}
	.sidebar ul li a:hover .iconMenuLat i, .sidebar ul li a.active .iconMenuLat i {color: #8951EF;}
	.sidebar ul li a:hover span, .sidebar ul li a.active span {color: #ffffff;}
	.iconMenuLat {width: 30px;height: 30px;line-height: 30px;position: absolute; background: #41BAE7; background: -moz-linear-gradient(left, #41BAE7 0%, #8951EF 100%); background: -webkit-linear-gradient(left, #41BAE7 0%,#8951EF 100%); background: linear-gradient(to right, #41BAE7 0%,#8951EF 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41BAE7', endColorstr='#8951EF',GradientType=1 );  border-radius: 50%;margin: 0px 0px 0px 20px;color: #FFFFFF;}
	.mobile-menu-active .sidebar ul li a:hover, .mobile-menu-active .sidebar ul li a.active {width: 90%;}

	.sidebar ul li a span {max-width: 186px;width: 100%;padding: 0px 0px 0px 59px !important;margin-left: 0px;margin-right: 0px;z-index: 99;position: relative;line-height: 16px;color: #666666;opacity: 1;white-space: nowrap;}

	.menuLatInt2 {width: 100%;border-bottom: 1px solid #FFFFFF;margin-top: 80px;}
	.menuLatInt2 ul li {width: 100%;float: left;}
	.menuLatInt2 ul li a {width: 100%;display: table;border-top: 1px solid #EEE;}
	.menuLatInt2 ul li a:last-child {border-bottom: 1px solid #EEE;}
	.menuLatInt2 ul li a:hover span { color: #552DB3; }

	.mobile-menu-active.menuLat .menuLatInt ul li a span { display: none;}
	.mobile-menu-active.menuLat .menuLatInt2 {display: none !important;}
	.mobile-menu-active.containerCenter {padding-left: 100px;}
	.mobile-menu-active.buyContainerCenter {max-width: 1300px;}
	.tooltip-inner {max-width: 250px;padding: 10px 15px;margin-top: 0px;color: #fdfdfd;text-align: center;background-color: rgba(2, 2, 2, 0.8);border-radius: .25rem;font-size: 14px;border-radius:2px;font-weight: 400;box-shadow: 1px 0px 8px rgba(0,0,0,.2);border-radius: 3px;}
	.tooltip.show  {  opacity: 1 !important; }
	.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {border-right-color: rgba(2, 2, 2, 0.8) !important;}
	#controller-menu{border: none; width: 40px;text-align: center;line-height: 30px;outline: none;height: 40px;background: none;border-radius: 50%;display: block;color: #fff;font-size: 16px;}
	#controller-menu i { font-size: inherit; }
	.HamburgerMenuBranvo{float: right;margin-top: 27px;margin-right: 10px;}
	.hbgrMnBrv { margin: 0px .5rem!important;}

	.container-mainpanel { height: 100%;}
	.center-content { height: calc(100% - 65px); display: flex;}
	.mainpanel { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; position: relative; height: 100%;}
	.sidebar.mobile-menu-active ul li span { display: none; opacity: 0; }
	.dash-content .icon i { font-size: inherit;}
	.dash-content .icon { font-size: 4rem;}
	.dash-content { min-height: 115px;}
	.dash-content { border-bottom: 2px solid #DDD; position: relative;}
	.dash-content:before, .section-wrapper:before {content: "";width: 30%;height: 3px;background: #b3b3b3;position: absolute;left: 0px;bottom: -1px;border-radius: 0px 0px 0px 15px;}
	h2.money:before { content: "R$"; font-size: 17px; margin-right: 2px; font-weight: 600;}

	.border-50{ border-radius: 50%;}
	.border-5{ border-radius: 5px;}

	.section-wrapper { position: relative; background-color: #fff; padding: 20px; border-radius: 5px;}
	@media (min-width: 576px) { .section-wrapper { padding: 40px; } }
	.section-wrapper .section-title:first-child { margin-top: 0; }
	
	
	/*FORMS*/
	.form-control:focus{ border-color: #dadde0; ;box-shadow: none;}
	.form-group:not(.readonly) .form-control:focus { color: #495057; background-color: #fff; border-color: #f7f7f7; outline: 0; box-shadow: none; border-color: #FDFDFD;box-shadow: 0px 5px 10px 0px rgba(0,0,0,.085) ;}
	.form-control, select.form-control:not([size]):not([multiple]){height: 44px;border-radius: 3px;border: 1px solid #dadde0;}
	input:not([disabled]).form-control:focus~:before{content:""; color: #0FF;}
	.form-group.focus:before { width: 100%; left: 0px;}
	.form-group.focus.readonly:before { width: 0%; left: 0px;}
	.form-group {position: relative; }
	.form-group:before { content: ""; position: absolute; width: 0%; background: #42b8e7; height: 2px; left: 0px; bottom: 0px; transition: all 0.2s ease-in-out 0s;}
	label.form-control-label {font-size: 15px; font-weight: 600;}

	/* Checkbox */
	.ckbox { font-weight: normal; position: relative; display: block; line-height: 18px; }
	.ckbox span { padding-left: 6px; }
	.ckbox span:empty { float: left; }
	.ckbox span:before, .ckbox span:after {line-height: 18px;position: absolute;}
	.ckbox span:before { content: ''; width: 16px; height: 16px; font-family: Linearicons!important; speak: none; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ec8d"; background: #FFF; top: -2px; left: 0; font-size: 20px; color: #888;}
	.ckbox span:after { top: -2px; left: 0; font-size: 20px; color: #1b84e7; display: none; font-family: Linearicons!important; speak: none; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ec99"; background: #FFF;}
	.ckbox input[type='checkbox'] { opacity: 0;margin: 0 5px 0 0; }
	.ckbox input[type='checkbox']:checked + span:after { display: block; }
	.ckbox input[type='checkbox'][disabled] + span,
	.ckbox input[type='checkbox'][disabled] + span:before,
	.ckbox input[type='checkbox'][disabled] + span:after { opacity: .75; }
	.ckbox-inline { display: inline-block; }
	
	/* Checkbox color variant */
	.ckbox-success span::after {color: #23BF08;}
	.ckbox-warning span::after {color: #F49917; }  
	.ckbox-danger span::after {color: #dc3545; }  
	.ckbox-info span::after {color: #5B93D3; }  
	.ckbox-indigo span::after {color: #6610f2; }  
	.ckbox-purple span::after {color: #6f42c1; }  
	.ckbox-pink span::after {color: #e83e8c; }  
	.ckbox-orange span::after {color: #f27510; }  
	.ckbox-teal span::after {color: #1CAF9A; }  
	.ckbox-dark span::after {color: #343a40; }  
	/* Radio Box */
	.rdiobox { font-weight: normal; position: relative; display: block; line-height: 18px; }
	.rdiobox span:not(.ret-msg) {padding-left: 6px; }
	.rdiobox span:not(.ret-msg):before, .rdiobox span:not(.ret-msg):after { line-height: 18px; position: absolute; }
	.rdiobox span:not(.ret-msg):before {content: '';width: 20px;height: 20px;background-color: #fff;border: 1px solid #adb5bd;border-radius: 50px;top: 0px;left: -2px;}
	.rdiobox span:not(.ret-msg):after { content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50px; top: 7px; left: 5px; display: none; }
	.rdiobox input[type='radio'] { opacity: 0; margin: 0 5px 0 0; }
	.rdiobox input[type='radio']:checked + span:before {border-color: transparent;background-color: #1b84e7;}
	.rdiobox input[type='radio']:checked + span:after {display: block; }
	.rdiobox input[type='radio'][disabled] + span,
	.rdiobox input[type='radio'][disabled] + span:before,
	.rdiobox input[type='radio'][disabled] + span:after {opacity: .75; }
	.rdiobox-inline {display: inline-block; }

	/* Radiobox Color Variant */
	.rdiobox-success input[type='radio']:checked + span:before {background-color: #23BF08; }  
	.rdiobox-warning input[type='radio']:checked + span:before {background-color: #F49917; }  
	.rdiobox-danger input[type='radio']:checked + span:before {background-color: #dc3545; }  
	.rdiobox-info input[type='radio']:checked + span:before {background-color: #5B93D3; }  
	.rdiobox-indigo input[type='radio']:checked + span:before {background-color: #6610f2; }  
	.rdiobox-purple input[type='radio']:checked + span:before {background-color: #6f42c1; }  
	.rdiobox-orange input[type='radio']:checked + span:before {background-color: #f27510; }  
	.rdiobox-pink input[type='radio']:checked + span:before {background-color: #e83e8c; }  
	.rdiobox-teal input[type='radio']:checked + span:before {background-color: #1CAF9A; }  
	.rdiobox-dark input[type='radio']:checked + span:before {background-color: #343a40; }  
	/* Inside input group */
	.input-group-addon .ckbox, .input-group-addon .ckbox input,
	.input-group-addon .rdiobox,
	.input-group-addon .rdiobox input {margin: 0; }




div#jqstooltip { display: table; border-radius: 5px; padding: 0px 3px 2px 3px; }
.sparkline { position: absolute; right: 1px; bottom: 0px; }

@media screen and (max-width: 950px){
	.footer { text-align: center; }
}
@media screen and (max-width: 650px){
	.boxSearch { position: relative; height: 40px; width: 150px; margin-left: 10px; }

}
@media screen and (max-width: 490px){
	.logoTop img {margin-right: 0px;width: 100px;margin-top: 9px;}
	a.logoTop{margin-right: 10px;}
	.boxLogoTop{width: 178px;padding-left: 0px !important;}
}

@media screen and (max-width: 400px){
	.dash-content .icon{ display: none;}
	.dash-content .descrip{ text-align: right;} 
	.boxSearch{display: none !important;}
}