body {
	font-family: Muli;
	color: #404666;
    font-size: 12.5px;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
	-webkit-text-stroke: 0.35px;
  }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #75798f;
    padding: 0px;
    margin: 0px;
}

a.label, a.badge {
    font-size: 15px;
}

span.label, span.badge {
    font-size: 11.5px;
}

.page-container {
    background: #ffffff;
}

/* largura da coluna da página */
.row [class^='col-xs-'], .row [class^='col-sm-'], .row [class^='col-md-'], .row [class^='col-lg-'] {
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

/* cor da borda do topo dos rows (somente em algumas páginas) */
.panel.panel-danger {
    border-top-color: transparent;
}

/* cor do fundo das páginas */
.page-content-wrap, .page-container .page-content {	
	background: #eff0f5;
}

/* menu vertical */
.x-navigation {
    background: #ffffff;
}

.x-navigation.x-navigation-custom > li > a {
    padding: 16px 9px 3px 9px;
    border-bottom: 0px;
    font-size: 13px;
    color: #75798f;
    border-left: 3px solid transparent;
    font-family: Comfortaa;
    font-weight: 600;
    letter-spacing: .2px;
	opacity: 0.95;
}

.x-navigation.x-navigation-custom > li > a:hover {
    color: #d78097;
    background: transparent;
	padding-left: 13px;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.x-navigation.x-navigation-custom > li > a.clicked {
    color: #d78097;
    background: transparent;
	padding-left: 5px;
}

.x-navigation.x-navigation-custom li > a .fa {
    color: #d78097;
	margin-right: 5px;
}

.x-navigation.x-navigation-custom li.active > a .fa, .x-navigation.x-navigation-custom li.active > a .glyphicon {
    color: #d78097;
	margin-right: 5px;
}

.x-navigation.x-navigation-custom li > a:hover .fa {
    color: #d78097;
}

.x-navigation.x-navigation-custom > li.active > a {
    color: #d78097;
    background: transparent;
    border-left: 2px solid #d78097;
}

.x-navigation.x-navigation-custom li > a:hover {
    background: transparent;
    color: #d78097;
}

.x-navigation.x-navigation-custom li ul {
    background: transparent;
}

.x-navigation.x-navigation-custom > li.xn-openable:before {
    color: #6e728d;
}

.x-navigation li > ul li > a {
    color: #75798f;
    line-height: 14px;
    font-weight: 500;
    border-bottom-color: transparent;
	font-size: 13px;
}

.x-navigation li.xn-title {
    padding: 18px 12px 2px;
    font-size: 14px;
}

.x-navigation li.xn-title:before {
    content: "• ";
}

.x-navigation > li.xn-logo > a:first-child {
    background: no-repeat transparent;
}


.x-navigation > li.xn-logo > a:first-child:hover {
    background-color: transparent;
}


/* scroolbar menu vertical */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	margin: auto 0 auto auto;
    background-color: rgba(76, 83, 120, 0.4);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(76, 83, 120, 0.5);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(76, 83, 120, 0.5);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}


/* menu horizontal */
.x-navigation > li > a.x-navigation-control {
    background: transparent;
}

.x-navigation.x-navigation-custom > li.xn-logo > a:hover {
    background-color: transparent;
}

.x-navigation .x-navigation-control:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0c9";
    font-size: 22px;
    top: 14px;
    left: 20px;
    color: #c03f67;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.x-navigation.x-navigation-horizontal, .breadcrumb  {
	background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe));
    background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -moz-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -o-linear-gradient(left,#9f78ff,#32cafe);
    background-image: linear-gradient(to right,#9f78ff,#32cafe);
    background-repeat: repeat-x;
}

.x-navigation.x-navigation-horizontal > li > a:hover {
    background: transparent;
}

.x-navigation.x-navigation-horizontal.x-navigation-panel > li > a .fa {
	color: #ffffff;
	font-size: 18px;
}

.x-navigation.x-navigation-horizontal > li.active > a {
    background: transparent;
}

.panel.panel-primary {
    border-top-color: #6967ce;
}

.x-navigation li > .panel.panel-primary:after {
    border-bottom-color: #6967ce;
}

a.list-group-item:hover, a.list-group-item:focus {
    background: #fbfaff;
}


.panel-footer.text-center a {
	color: #6967ce;	
}


/* sub menu (abaixo do menu vertical) */

.breadcrumb > li + li:before {
    color: #ffffff;
}

.breadcrumb > li, .breadcrumb > li:hover, .breadcrumb > li.active, .breadcrumb > li.active:before {
	color: #ffffff;
    font-size: 16px;
}


/* botões */
.btn {
	border: 0px;
}

.btn-default {
    /* border-color: #DDD; */
    border: 1px solid #e2d8ff;
    background: #fbfaff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #fbfaff;
    border: 1px solid #e2d8ff;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #404666;
    background-color: #fbfaff;
	border: 1px solid #e2d8ff;
}

.page-content > .page-title {	
	display:none;
}


/* topo das páginas das sub páginas */
.panel-default .panel-heading, .panel-primary .panel-heading, .panel-success .panel-heading, .panel-info .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading {
    background: #ffffff;
    border-color:transparent;
}

.panel .panel-body {
    padding: 5px;
    position: relative;
}

.panel .panel-heading {
    padding: 5px 5px 5px 5px;
}


/* tabelas e datatables */
.table > thead > tr, .table > thead > tr > th {
	background-color: #f0eaff!important;
    color: #75798f;
}

.table > tbody > tr:nth-child(odd) > td {
	background-color: #fbfaff!important;
}

.table > tbody > tr:nth-child(even) > td {
	background-color: #f7f5ff!important;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover {
    background: #6967ce;
    color: #FFF;
    border-color: transparent;
}

.input-group-addon {
    border-color: transparent;
    background-color: #6967ce;
}



/* label, badge, messages box */

.label-primary, .badge-primary, .label-default, .badge-default, .informer-default {
    background-color: #6967CE!important;
}

.label-success, .badge-success, .message-box.message-box-success .mb-container, .informer-success {
    background-color: #5ed84f!important;
}

.label-info, .badge-info, .message-box.message-box-info .mb-container, .informer-info {
    background-color: #29b2e1!important;
}

.label-warning, .badge-warning, .message-box.message-box-warning .mb-container, .informer-warning {
    background-color: #fdb901!important;
}

.label-danger, .badge-danger, .message-box.message-box-danger .mb-container, .informer-danger {
    background-color: #fa626b!important;
}

p.form-control-static .label-form {
	margin-top: 0px;	
}

/* texts */
.text-primary {
    color: #6967ce!important;
}

.text-success {
    color: #5ed84f!important;
}

.text-info {
    color: #29b2e1!important;
}

.text-warning {
    color: #fdb901!important;
}

.text-danger {
    color: #fa626b!important;
}


/*calendário entre datas*/
.daterangepicker td.active, .daterangepicker td.active.end-date.in-range.available, .daterangepicker td.active:hover {
    background-color: #6967ce!important;
}

.daterangepicker td.in-range {
    background-color: #f0eaff!important;
}

.daterangepicker td.in-range.off {
    background-color: #ffffff!important;
}

div.datepicker td.active, div.datepicker td.active:hover {
    background: #6967ce!important;
}

div.datepicker td:hover {
    background-color: #f0eaff!important;
}


/* titulo de algumas páginas */
.panel .panel-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    float: left;
    color: #75798f;
    font-weight: bold;
}


/* mensagem box no meio da tela */
.message-box .mb-container {
    top: calc(50% - (180px / 2));
    background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe));
    background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -moz-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -o-linear-gradient(left,#9f78ff,#32cafe);
    background-image: linear-gradient(to right,#9f78ff,#32cafe);
    background-repeat: repeat-x;
}

.message-box {
    background: rgba(255, 255, 255, 0.65);
}

.message-box .btn-default {
    border: 0px;
}

.message-box .mb-content p {
	font-size: 14px;	
}


/* modals editor */

.modal-content {
    border: 5px solid rgba(105, 103, 206, 0.2);
}

.modal-backdrop.in {
    filter: none;
    /* opacity: .5; */
    background: rgba(255, 255, 255, 0.65);
}

.form-group-separated .form-group {
   border-bottom: 0px;
}

.modal-dialog {
	margin-bottom: 50px;	
}

.modal-dialog .modal-footer {
    border-top: 0px;
	background: #f7f5ff;
}

.modal-dialog .modal-header {
    border-bottom: 0px;
	border-radius: 0px;
	background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe));
    background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -moz-linear-gradient(left,#9f78ff,#32cafe);
    background-image: -o-linear-gradient(left,#9f78ff,#32cafe);
    background-image: linear-gradient(to right,#9f78ff,#32cafe);
    background-repeat: repeat-x;
}

.modal-dialog .modal-header .modal-title {
	color: #ffffff;
	
}

.modal-dialog .modal-header .close {
	color: #ffffff;
	opacity: 1;
}

.modal-dialog .modal-header .close:hover {
	opacity: .8
}

.form-group-separated {
   border-top: 0px;
}

.form-group-separated .form-group {
    border-bottom: 1px solid #f4f4ff;
}

.form-group-separated .form-group:last-child {
     border-bottom: 0px;
}

.form-group-separated .form-group [class^="col-md-"] {
    border-left: 0px;
    padding: 5px 5px 5px 5px;
}


/* up e down de conexões */
.ui-spinner-up {
    border-radius: 0px 4px 0px 0px;
}

.ui-spinner-down {
    border-radius: 0px 0px 4px 0px;
}

.ui-spinner-up, .ui-spinner-down {
    width: 36px;
    background: #6967ce;
}

.ui-spinner-up:hover, .ui-spinner-down:hover {
    background: #7473d2;
}

.ui-spinner .ui-icon {
    left: 2px;
}

/*form group */

.form-group .control-label {	
	color: #75798f;
	font-size: 13px;
}


/* form control */
.form-control {
    border: 1px solid #e2d8ff;
    background: #fcfbff;
	color: #404666;
}

.form-control:focus {
    border: 1px solid #e2d8ff;
    background: #ffffff;
}

/* dropdown */
.dropdown-menu {
    border: 1px solid #e2d8ff;
	box-shadow: none;
}

.dropdown-menu > li > a {
    border-bottom: 1px solid #e2d8ff;
}
.dropdown-menu>li>a {
    color: #404666;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #404666;
    background-color: #fcfbff;
	border-radius: 4px;
}

/* box iniciais */
.widget-data {
	color: #404666;
}

.widget-item-left .fa {
	color: #6967ce;	
}

.widget.widget-default {
	background: #ffffff;	
}


.panel .panel-footer {
    background: #f7f5ff;
    border-top: 0px;
}


/*Login e registro de teste */

.login-container .login-box, .registration-container .registration-box {
    max-width: 450px;
	width: 100%;
    margin: 0px auto;
    padding: 10px 0px 10px 0px;
}

.login-container .login-box .login-body, .registration-container .registration-box .registration-body {
    width: 100%;
    float: left;
    background: rgb(255, 255, 255);
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.login-container .login-box .login-body .form-control, .registration-container .registration-box .registration-body .form-control {
    border: 1px solid #e2d8ff;
    background: #fcfbff;
    padding: 11px 15px;
    color: #949494;
    line-height: 20px;
    height: auto;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
	font-size: 16px;
}

.login-container .login-box .login-body .form-control:focus, .registration-container .registration-box .registration-body .form-control:focus {
    background: #ffffff;
}


.login-container .login-box .login-body .btn, .registration-container .registration-box .registration-body .btn {
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    background-size: 200% auto;
    color: #ffffff;
    font-size: 19px;
    transition: 0.5s;
    font-weight: 500;
}
 
.login-container .login-box .login-body .btn:hover, .registration-container .registration-box .registration-body .btn:hover {
  background-position: right center; /* change the direction of the change here */
}

.login-container .login-box .login-body .btn-2, .registration-container .registration-box .registration-body .btn-2 {
    background-image: linear-gradient(to right, #995193 0%, #ba426d 51%, #9a5192 100%);
}

/*.login-container, .registration-container {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/bg1.jpg) #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}*/

.login-container, .registration-container {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
	background-image: -webkit-gradient(linear,left top,right top,from(#cf65d0),to(#55bce4));
	background-image: -webkit-linear-gradient(left,#cf65d0,#55bce4);
	background-image: -moz-linear-gradient(left,#cf65d0,#55bce4);
	background-image: -o-linear-gradient(left,#cf65d0,#55bce4);
	background-image: linear-gradient(to bottom,#cf65d0,#55bce4);
	background-repeat: repeat-x;
}

.registration-body .btn-group.bootstrap-select.form-control.select {
	padding: 0px;
	border: 0px;	
}

.registration-body .btn-group.bootstrap-select.form-control.select .btn.dropdown-toggle.selectpicker {
    padding: 12px 15px 12px 15px;
    color: #9a9a9a;
	text-transform: none;
	font-size: 16px;
}

.registration-container .registration-box .registration-footer {
    width: 100%;
    float: none;
    padding: 15px;
    color: #9b9b9b;
}

/* suporte */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background: #6967ce;
    border-color: #6967ce;
}

.page-container .page-content .content-frame {
    background: #eff0f5;
    padding: 10px;
}

.page-container .page-content .content-frame .content-frame-top {
    display: none;
}

.page-container .page-content .content-frame .content-frame-body {
    padding: 0px 0px 0px 10px;
}

.page-container .page-content .content-frame .content-frame-body .panel-footer {
	background: #ffffff;
}

.panel .panel-body.mail{
    padding: 5px;
}

.panel .panel-body.mail .AbrirCaixaEntrada:nth-of-type(odd) {
    background: #fbfaff;
    padding: 10px;
}

.panel .panel-body.mail .AbrirCaixaEntrada:nth-of-type(even) {
    background: #f7f5ff;
    padding: 10px;
}

.mail .mail-item.mail-primary {
    border-left-color: #6967ce;
}

/* loading v2 */
.page-loading-frame.v2 {
    background: #ffffff;
    background: url(../img/bg.png) left top repeat rgba(255, 255, 255, 0.7);
}

.page-loading-frame.v2 .page-loading-loader .dot1, .page-loading-frame.v2 .page-loading-loader .dot2 {
    background-color: #6967ce;
}

.panel .panel-heading .panel-title-image, .pull-left.mCS_img_loaded {
    display: none;
}

.btn .fa, .btn .glyphicon {
    margin-right: 0px;
}


/* Imagem de DV */
.img_dv {
	
	margin: 0 15px 15px 0;
    width: 200px;
    cursor: pointer;
}


.modal.animated.fadeIn.in {
	padding-right: 0px;
	padding-left: 0px;
}


/*btn select*/

.btn-group .btn {
    padding: 4px 7px;
}

.input-group.date .form-control {
	padding: 4px 7px;
}

/*input readonly*/
.form-control[readonly], .form-control[readonly]:focus {
    color: #494d64;
    background-color: #f1eefc;
    cursor: pointer;
}

/*btn select*/
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    margin-right: 15px!important;
}

/*configurações somente para desktop*/
@media only screen and (min-width: 1024px) {

	.page-container .page-sidebar {
		width: 250px;
	}

	.page-container .page-content {
		margin-left: 250px;
	}
}

@media only screen and (max-width: 1024px) {
	.page-container .page-content .content-frame .content-frame-left, .page-container .page-content .content-frame .content-frame-right {
		display: block;
	}
	
	/* mensagem box no meio da tela */
	.message-box .mb-container {
		top: calc(25% - (180px / 2));
		background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe));
		background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe);
		background-image: -moz-linear-gradient(left,#9f78ff,#32cafe);
		background-image: -o-linear-gradient(left,#9f78ff,#32cafe);
		background-image: linear-gradient(to right,#9f78ff,#32cafe);
		background-repeat: repeat-x;
	}

}

/*otimização do modal em telas menores*/
/*
.modal-body .AdicionarUser .form-group, .modal-body .AdicionarRevendedor .form-group {	
	display: flex;
}

.modal-body .AdicionarUser .form-group .col-md-3, .modal-body .AdicionarRevendedor .form-group .col-md-3 {
	min-width: 110px;
	text-align: right;
}

.modal-body .AdicionarUser .form-group .col-md-9, .modal-body .AdicionarRevendedor .form-group .col-md-9 {
	width: 100%;	
}

.modal-body .EditarUsuario .form-group, .modal-body .EditarRevendedor .form-group {	
	display: flex;
}

.modal-body .EditarUsuario .form-group .col-md-3, .modal-body .EditarRevendedor .form-group .col-md-3 {
	min-width: 110px;
	text-align: right;
}

.modal-body .EditarUsuario .form-group .col-md-9, .modal-body .EditarRevendedor .form-group .col-md-9 {
	width: 100%;	
}
*/

.modal-body .AdicionarUser .form-group {	
	display: flex;
}

.modal-body .AdicionarUser .form-group .col-md-3 {
	min-width: 110px;
	text-align: right;
}

.modal-body .AdicionarUser .form-group .col-md-9{
	width: 100%;	
}

.modal-body .EditarUsuario .form-group {	
	display: flex;
}

.modal-body .EditarUsuario .form-group .col-md-3 {
	min-width: 110px;
	text-align: right;
}

.modal-body .EditarUsuario .form-group .col-md-9 {
	width: 100%;	
}

.modal-body .RenovarUser .form-group {	
	display: flex;
}

.modal-body .RenovarUser .form-group .col-md-3 {
	min-width: 110px;
	text-align: right;
}

.modal-body .RenovarUser .form-group .col-md-9{
	width: 100%;	
}