/* @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body
{
	background-color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	letter-spacing: 0.2px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Poppins', sans-serif;
}

i.las, i.lar
{
	font-size: 150%;
    vertical-align: middle;
}

@media (max-width: 767px) 
{
    .navbar-default.sidebar
	{
		display: none;
	}
}

#page-wrapper
{
	background-color: #f7f8fa;
	border-left: 1px solid #ebebeb;
	overflow: auto;
	padding: 0 16px;
}

.page-header
{
	font-weight: 400;
    font-size: 24pt;
	margin-top: 20px;
}

.navbar-default
{
	background-color: #fff;
	box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
}

.navbar-default.sidebar
{
	top: 58px;
	transition: all 0.25s ease;
}

.navbar-default.sidebar.collapsed
{
	width: 0px;
	display: none;
}

.navbar-default.sidebar .submenu-item
{
	transition: all 0.25s ease;
}

.navbar-default.sidebar.collapsed .submenu-item:hover
{
	width: 200px;
}

/*#side-menu:before
{
	width: 40px;
    height: 40px;
    right: -40px;
    position: absolute;
    background-color: white;
    z-index: 1;
}

#side-menu:after
{
	width: 40px;
    height: 40px;
    right: -40px;
	top: 0;
	border-top-left-radius: 50%;
    background-color: #f7f8fa;
    position: absolute;
    z-index: 2;
	box-shadow: inset 2px 2px 7px -3px rgba(0,0,0,0.29);
}*/

#page-wrapper
{
	transition: all 0.25s ease;
}

#page-wrapper.collapsed
{
	margin-left: 0px;
}

	.navbar-default a
	{
		color: #3f444c;
		font-weight: 500;
		letter-spacing: 0.4px;
	}

	.sidebar.navbar-default li
	{
		border-bottom: 0;
	}

	.navbar-default li a
	{
		padding-top: 18px;
		padding-bottom: 18px;
		
		transition: all 250ms ease-in-out;
	}

	.navbar-default.sidebar i
	{
		font-size: 14pt;
		margin-right: 15px;
		vertical-align: middle;
		margin-top: -4px;
		
		color: #019fb6;
	}
	
	.navbar-right i
	{
		font-size: 14pt;
	}

	.navbar-default .active
	{
		/* background-color: #4982c3; */
		/* color: white; */
		
		border-bottom: solid 3px #019fb6;  
	}
	
	.navbar-default .active i
	{
		/* color: white; */
	}

		.navbar-default .submenu .subsubmenu-item
		{
			padding: 10px 0 10px 60px;
			background-color: #b1bbca;
			color: white;
			display: block;
			font-size:  10pt;
		}
		
		.navbar-default .submenu .subsubmenu-item:hover
		{
			background-color: #363A40;
			text-decoration: none;
		}

		.navbar-default .submenu .active
		{
			background-color: #595f69;
			color: white;
		}
	
		.navbar-default .active a
		{
			color: #019fb6;
			border-bottom: solid 3px #019fb6;  
			
			box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
			-webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
			-moz-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
		}
	
		.navbar-default .active .arrow-left 
		{
			position: absolute;
			right: -1px;
			top: 10px;
			/* top: 50%;
			transform: translateY(-50%); */
			
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			
			border-right: 10px solid #f7f8fa; 
			display: none;
		}
		
		.navbar-default li:not(.active) .submenu
		{
			display: none;
		}
		
		.navbar-default .submenu .submenu-item
		{
			padding: 14px 0 14px 60px;
			background-color: #ebebeb;
			color: #555;
			
			/* border-top: 1px solid #6F7682; */
			border: 0;
			display: block;
			font-size: 8pt;
			
			transition: all 250ms ease-in-out;
		}
		
		.navbar-default .submenu .submenu-item:hover
		{
			background-color: #cdcdcd;
			color: #2c2c2c;
			text-decoration: none;
		}

.navbar
{
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
}

	.navbar .navbar-top-links a
	{
		color: #555;
	}
	
		.navbar .navbar-top-links .dropdown-menu a
		{
			color: #3f444c;
		}
	
.nav > li:not(.active) > a:hover, 
.nav > li:not(.active) > a:focus,
.nav > li:not(.active) > a:hover i, 
.nav > li:not(.active) > a:focus i
{
	text-decoration: none;
    /* background-color: #376aa4; */
	/* color: white; */
}
	
.nav:not(.nav-tabs) > li.active > a:hover, 
.nav:not(.nav-tabs) > li.active > a:focus,
.nav:not(.nav-tabs) > li.active > a:hover i, 
.nav:not(.nav-tabs) > li.active > a:focus i
{
    text-decoration: none;
    /* background-color: #376aa4; */
	/* color: white; */
}
	
.nav:not(.nav-tabs) > li:not(.active):after
{
    display: block;
	content: '';
	border-bottom: solid 3px #019fb6;  
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}
	
.nav:not(.nav-tabs) > li:not(.active):hover:after 
{
    transform: scaleX(1); 
}

.panel-default
{
	
}

.panel-default .panel-heading:not(.note-toolbar)
{
    color: #ffffff;
    background-color: #4f5259;
    border-color: #4f5259;
}

.row-vmargin
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.search-panel label
{
	margin-left: 15px;
}

.mvsection
{
	background-color: #fff;
}

.mvpanel
{
	padding: 25px 16px;
	border-radius: 20px;
	border: 1px solid #ebebeb;
	
	box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.29);}

.panel.mvpanel .panel-heading
{
	/* border-bottom: 1px solid #ebebeb; */
	border-bottom: 3px solid #8ac8d1;
	background-color: #fff;
	padding: 0;
	margin: 0;
	color: #333;
	margin-bottom: 12px;
	
	padding-bottom: 16px;
}

	.mvpanel .panel-heading h2
	{
		font-weight: 400;
		font-size: 18px;
		padding: 0;
		margin: 0;
	}

.mvpanel .panel-body
{
	border-bottom: 0;
}

.mvpanel .panel-footer
{
	background-color: white;
	border: 0;
}

.task
{
	 margin-top: 15px; 
	 margin-bottom: 15px;
}

.spinner {
  width: 30px;
  height: 30px;
  background-color: #8c2d19;

  margin: 100px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.sk-circle {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.mv-dashboard-panel
{
    background-color: white;
    border-left: 0;
    border-radius: 5px;

    min-height: 50px;
    padding: 10px;
    overflow: hidden;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(205,205,205,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(205,205,205,1);
    box-shadow: 3px 3px 5px 0px rgba(205,205,205,1);
}

.mv-dashboard-panel .mv-title
{
    font-size: 16pt;
    padding-bottom: 3px;
    border-bottom: 1px solid #efefef;
}

.mv-dashboard-panel .mv-body
{
    padding-top: 3px;

    height: 300px;
    overflow-y: auto;
}

.mv-panel
{
    background-color: white;
    border-left: 0;
    border-radius: 5px;

    min-height: 50px;
    padding: 10px;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(205,205,205,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(205,205,205,1);
    box-shadow: 3px 3px 5px 0px rgba(205,205,205,1);
}

.mv-panel .mv-title
{
    font-size: 16pt;
    padding-bottom: 3px;
    border-bottom: 1px solid #efefef;
}

.mv-panel .mv-body
{
    padding-top: 3px;
}

.mv-dashboard-widget
{
    background-color: white;
    border-radius: 20px;

    min-height: 50px;
    padding: 16px;
    overflow: hidden;
	
	box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
}

.mv-dashboard-widget .mv-icon
{
	font-size: 110%;
	vertical-align: initial;
}

.mv-dashboard-widget.mv-success .mv-icon,
.mv-dashboard-widget.mv-success .mv-title
{
    color: #47b601;
}

.mv-dashboard-widget.mv-primary .mv-icon,
.mv-dashboard-widget.mv-primary .mv-title
{
    color: #019fb6;
}

.mv-dashboard-widget.mv-warning .mv-icon,
.mv-dashboard-widget.mv-warning .mv-title
{
    color: #e8b600;
}

.mv-dashboard-widget.mv-danger .mv-icon,
.mv-dashboard-widget.mv-danger .mv-title
{
    color: #b6013c;
}

.mv-dashboard-widget .mv-contents
{
    text-align: left;
    float: left;
	width: 100%;
}

.mv-dashboard-widget .mv-title
{
	text-align: right;
    font-size: 26pt;
    overflow: hidden;
}

.mv-dashboard-widget h4
{
	margin: 0;
    font-weight: 400;
    font-size: 12pt;
    margin-bottom: 16px;
}

.mv-dashboard-widget .mv-subtitle
{
	font-size: 20pt;
	font-weight: 300;
}

.mv-dashboard-widget.mv-success
{
    border-bottom: 3px solid #47b601; 
}

.mv-dashboard-widget.mv-primary
{
    border-bottom: 3px solid #019fb6;
}

.mv-dashboard-widget.mv-warning
{
    border-bottom: 3px solid #e8b600;
}

.mv-dashboard-widget.mv-danger
{
    border-bottom: 3px solid #b6013c;
}

.mst-panel-open
{
	padding-bottom: 92px;
}

.table-input
{
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #cdcdcd;
	box-shadow: none;
}

.top-panel
{
	border-radius: 20px;
	background-color: white;
	padding: 25px 16px;
	border: 1px solid #ebebeb;
	
	box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.29);
}

.top-panel.top-panel-bodyless
{
	background-color: transparent;
	padding: 25px 0;
	border: 0;
	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

	.top-panel h1
	{
		border: 0;
		margin: 0;
	}
	
	.top-panel-header
	{
		overflow: hidden;
		
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	
	.top-panel-header h4
	{
		margin: 0;
		padding: 0;
	}
	
	.top-panel-header h5
	{
		float: left;
	}
	
	.top-panel.top-panel-bodyless h1
	{
		font-size: 40px;
		font-weight: 300;
		float: left;
		color: #555;
		
		margin: 0;
		padding: 0;
	}
	
	.top-panel.top-panel-bodyless .top-panel-header
	{
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.top-panel-controls
	{
		float: right;
		padding-top: 6px;
	}
	
.table thead tr td,
.table thead tr th,
.table tbody tr th,
.table tbody tr td,
.table tfoot tr th,
.table tfoot tr td
{
	vertical-align: middle;
}

.form-control
{
	border: 1px solid #f6f6f6;
	border-radius: 0;
	box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
}

.btn
{
	border-radius: 10px;
	box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
}

.note-toolbar-wrapper.panel-default .note-toolbar
{
	background-color: white;
}

.note-toolbar .btn
{
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.note-sendbutton
{
	float: right;
	margin-bottom: 1px;
}

.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group 
{
    margin-bottom: 1px;
}

.note-sendbutton i
{
	color: #019fb6;
	font-size: 200%;
}

.ellipsis 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.room-entry
{
	border: 0;
}

.btn-primary
{
	background-color: #019fb6;
	border-color: #019fb6;
}

.tab-content
{
	background: white;
	border: 1px solid #ebebeb;
	border-top: 0;
}

.tab-pane
{
	padding: 20px;
}
	
.topbar-controls
{
	display: inline-block;
	margin-top: 19px;
}
	
.topbar-controls i.las,
.topbar-controls i.lar
{
	font-size: 14pt;
	margin-right: 16px;
}

.omni-search
{
	margin-top: 8px; 
	border-radius: 0; 
	width: 300px; 
	position: relative; 
	display: none;
	   
	border: 0;
    border-bottom: 1px solid #cdcdcd;
    box-shadow: none;
}

.chat-icon-container
{
	float: right;
	margin-top: 18px;
	margin-right: 32px;
}

.chat-icons
{
	color: #777;
	font-size: 14pt;
	margin-left: 16px;
}

.chat-icons.active
{
	color: #019fb6;
}

#video-widget video
{
	object-fit: cover;
}

@media (max-width: 576px)
{
	.page-header
	{
		font-weight: 100;
		font-size: 18pt;
	}

	.mv-dashboard-widget h4
	{
		height: 30px;
		font-size: 10pt;
	}
	
	.navbar-top-links li:last-child 
	{
		margin-right: 6px;
	}
	
	.top-panel.top-panel-bodyless h1 
	{
		font-size: 18pt;
		font-weight: 300;
		float: left;
		color: #555;
		margin: 0;
		padding: 0;
	}
	
	.modal-dialog
	{
		margin: 0;
	}
	
	.modal-content
	{
		border-radius: 0;
	}
}



/***** Loading bar *****/
.loading.slider{
	position:absolute;
	width: 100%;
	height:3px;
	overflow-x: hidden;
	display: none;
}

.loading.slider .line{
	position:absolute;
	opacity: 0.4;
	background:#00afd2;
	width:150%;
	height:3px;
}

.loading.slider .subline{
	position:absolute;
	background:#00afd2;
	height:3px; 
}
.loading.slider .inc{
	animation: increase 2s infinite;
}
.loading.slider .dec{
	animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
	from { left: -5%; width: 5%; }
	to { left: 130%; width: 100%;}
}
@keyframes decrease {
	from { left: -80%; width: 80%; }
	to { left: 110%; width: 10%;}
}

@keyframes timer-running
{
	from 
	{
		color: #c5edc5;
	}
	to 
	{
		color: #4cae4c;
	}
}

.timer-btn.running .la-play
{
	animation-name: timer-running;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	animation-direction: alternate;
	animation-duration: 3s;
}

.mv-pills
{
	padding-top: 5px;
}

.mv-pills .btn-pill
{
	background: #efefef;
	color: #777;
	border-radius: 15px;
	transition: all 0.25s ease;
	cursor: pointer;
	border: 0;
	padding: 5px 8px;
}

.mv-pills .btn-pill:hover
{
	background: #f7f7f7;
	color: #2c2c2c;
	border-radius: 15px;
	transition: all 0.25s ease;
	cursor: pointer;
	border: 0;
	padding: 5px 8px;
}

.mv-pills .btn-pill i
{
	display: none;
	margin-right: 5px;
	font-size: 100%;
}

.mv-pills .btn-pill.active
{
	background: #019fb6;
	color: white;
}

.mv-pills .btn-pill.active i
{
	display: inline-block;
}

ul.nav-tabs li
{
	background: transparent;
	margin-bottom: 10px;
}

ul.nav-tabs li a
{
	background: transparent;
	border: none;
	color: #019fb6;
	padding: 5px 10px;
	margin-right: 10px;
}

ul.nav-tabs li a:hover
{
	background-color: #efefef;
	border: none;
	color: #019fb6;
	border-radius: 30px;
	padding: 5px 10px;
}

ul.nav-tabs li.active a,
ul.nav-tabs li.active a:hover,
ul.nav-tabs li.active a:focus,
ul.nav-tabs li.active a:active
{
	background-color: #019fb6;
	border: none;
	border-radius: 30px;
	padding: 5px 10px;
	color: #fff;
}

.tag-add-btn
{
	display: inline-block; 
	border-radius: 50%; 
	color: #999;
	width: 15px;
	height: 14px;
	transition: all 0.25s ease;
	cursor: pointer;
	text-align: center;
	line-height: 1;
}

.tag-add-btn i
{
	font-size: 80%;
}

.tag-add-btn:hover
{
	color: #019fb6;
}

#page-wrapper .label,
.modal .label
{
	padding: 5px 5px;
	border-radius: 20px;
	font-weight: normal;
	font-size: 80%;
}

#page-wrapper .label.label-info,
.modal .label.label-info
{
	color: #fff;
	border: 0;
	background: #6ed0eb;
}

#page-wrapper .label.label-success,
.modal .label.label-success
{
	color: #fff;
	border: 0;
	background: #77d177;
}

#page-wrapper .label.label-warning,
.modal .label.label-warning
{
	color: #fff;
	border: 0;
	background: #ffd24d;
}

#page-wrapper .label.label-default,
.modal .label.label-default
{
	color: #fff;
	border: 0;
	background: #777;
}

#page-wrapper .select2-container--default .select2-selection--single
{
	border: 0;
	border-radius: 0;
	
	box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
    -webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
    -moz-box-shadow: 2px 2px 7px -3px rgba(0, 0, 0, 0.29);
}

#page-wrapper .select2-container .select2-selection--single
{
	height: 34px;
}

#page-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered
{
	line-height: 34px;
}

#page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 34px;
}

.mv-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.mv-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #04AA6D;
  cursor: pointer;
}

.mv-slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}

.mv-btn-icon {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 12px;
  border-radius: 30px;
  overflow: hidden;
}

.mv-btn-icon::before, .mv-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease;
  border-radius: 30px;
}

.mv-btn-icon i {
  position: absolute;
  transition: all 0.25s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mv-btn-icon-fill i {
  color: #019fb6;
}

.mv-btn-icon-fill.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mv-btn-icon-fill.danger i {
  color: #C82647;
}

.mv-btn-icon-fill.warning i {
  color: #ebac26;
}

.mv-btn-icon-fill.success i {
  color: #54d945;
}

.mv-btn-icon-fill:not(.disabled):hover i {
  color: #FFFFFF;
}

.mv-btn-icon-fill::before {
  transition-duration: 0.25s;
  box-shadow: inset 0 0 0 1px #019fb6;
}

.mv-btn-icon-fill:not(.disabled):hover::before {
  box-shadow: inset 0 0 0 60px #019fb6;
}

.mv-btn-icon-fill.danger::before {
  transition-duration: 0.25s;
  box-shadow: inset 0 0 0 1px #C82647;
}

.mv-btn-icon-fill.danger:not(.disabled):hover::before {
  box-shadow: inset 0 0 0 60px #C82647;
}

.mv-btn-icon-fill.warning::before {
  transition-duration: 0.25s;
  box-shadow: inset 0 0 0 1px #ebac26;
}

.mv-btn-icon-fill.warning:not(.disabled):hover::before {
  box-shadow: inset 0 0 0 60px #ebac26;
}

.mv-btn-icon-fill.success::before {
  transition-duration: 0.25s;
  box-shadow: inset 0 0 0 1px #54d945;
}

.mv-btn-icon-fill.success:not(.disabled):hover::before {
  box-shadow: inset 0 0 0 60px #54d945;
}

.checkbox-wrapper-34 {
--blue: #0D7EFF;
--g08: #E1E5EB;
--g04: #848ea1;
display: inline-block;
}

.checkbox-wrapper-34 .tgl {
display: none;
}
.checkbox-wrapper-34 .tgl,
.checkbox-wrapper-34 .tgl:after,
.checkbox-wrapper-34 .tgl:before,
.checkbox-wrapper-34 .tgl *,
.checkbox-wrapper-34 .tgl *:after,
.checkbox-wrapper-34 .tgl *:before,
.checkbox-wrapper-34 .tgl + .tgl-btn {
box-sizing: border-box;
}
.checkbox-wrapper-34 .tgl::selection,
.checkbox-wrapper-34 .tgl:after::selection,
.checkbox-wrapper-34 .tgl:before::selection,
.checkbox-wrapper-34 .tgl *::selection,
.checkbox-wrapper-34 .tgl *:after::selection,
.checkbox-wrapper-34 .tgl *:before::selection,
.checkbox-wrapper-34 .tgl + .tgl-btn::selection {
background: none;
}
.checkbox-wrapper-34 .tgl + .tgl-btn {
outline: 0;
display: block;
width: 57px;
height: 27px;
position: relative;
cursor: pointer;
user-select: none;
font-size: 12px;
font-weight: 400;
color: #fff;
}
.checkbox-wrapper-34 .tgl + .tgl-btn:after,
.checkbox-wrapper-34 .tgl + .tgl-btn:before {
position: relative;
display: block;
content: "";
width: 44%;
height: 100%;
}
.checkbox-wrapper-34 .tgl + .tgl-btn:after {
left: 0;
}
.checkbox-wrapper-34 .tgl + .tgl-btn:before {
display: inline;
position: absolute;
top: 7px;
}
.checkbox-wrapper-34 .tgl:checked + .tgl-btn:after {
left: 56.5%;
}

.checkbox-wrapper-34 .tgl-ios + .tgl-btn {
background: var(--g08);
border-radius: 20rem;
padding: 2px;
transition: all 0.4s ease;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.checkbox-wrapper-34 .tgl-ios + .tgl-btn:after {
border-radius: 2em;
background: #fff;
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-wrapper-34 .tgl-ios + .tgl-btn:before {
content: "Não";
left: 28px;
color: var(--g04);
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.checkbox-wrapper-34 .tgl-ios + .tgl-btn:active {
box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
}
.checkbox-wrapper-34 .tgl-ios + .tgl-btn:active:after {
padding-right: 0.4em;
}
.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn {
background: var(--blue);
}
.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active {
box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
}
.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active:after {
margin-left: -0.4em;
}
.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:before {
content: "Sim";
left: 4px;
color: #fff;
}

.checkbox-wrapper-12 {
	position: relative;
  }
  .checkbox-wrapper-12 > svg {
	position: absolute;
	top: -130%;
	left: -170%;
	width: 110px;
	pointer-events: none;
  }
  .checkbox-wrapper-12 * {
	box-sizing: border-box;
  }
  .checkbox-wrapper-12 input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	margin: 0;
  }
  .checkbox-wrapper-12 input[type="checkbox"]:focus {
	outline: 0;
  }
  .checkbox-wrapper-12 .cbx {
	width: 24px;
	height: 24px;
	top: calc(50vh - 12px);
	left: calc(50vw - 12px);
  }
  .checkbox-wrapper-12 .cbx input {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #bfbfc0;
	border-radius: 50%;
  }
  .checkbox-wrapper-12 .cbx label {
	width: 24px;
	height: 24px;
	background: none;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-filter: url("#goo-12");
	filter: url("#goo-12");
	transform: trasnlate3d(0, 0, 0);
	pointer-events: none;
  }
  .checkbox-wrapper-12 .cbx svg {
	position: absolute;
	top: 5px;
	left: 4px;
	z-index: 1;
	pointer-events: none;
  }
  .checkbox-wrapper-12 .cbx svg path {
	stroke: #fff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 19;
	stroke-dashoffset: 19;
	transition: stroke-dashoffset 0.3s ease;
	transition-delay: 0.2s;
  }
  .checkbox-wrapper-12 .cbx input:checked + label {
	animation: splash-12 0.6s ease forwards;
  }
  .checkbox-wrapper-12 .cbx input:checked + label + svg path {
	stroke-dashoffset: 0;
  }
  @-moz-keyframes splash-12 {
	40% {
	  background: #866efb;
	  box-shadow: 0 -18px 0 -8px #866efb, 16px -8px 0 -8px #866efb, 16px 8px 0 -8px #866efb, 0 18px 0 -8px #866efb, -16px 8px 0 -8px #866efb, -16px -8px 0 -8px #866efb;
	}
	100% {
	  background: #866efb;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }
  @-webkit-keyframes splash-12 {
	40% {
	  background: #866efb;
	  box-shadow: 0 -18px 0 -8px #866efb, 16px -8px 0 -8px #866efb, 16px 8px 0 -8px #866efb, 0 18px 0 -8px #866efb, -16px 8px 0 -8px #866efb, -16px -8px 0 -8px #866efb;
	}
	100% {
	  background: #866efb;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }
  @-o-keyframes splash-12 {
	40% {
	  background: #866efb;
	  box-shadow: 0 -18px 0 -8px #866efb, 16px -8px 0 -8px #866efb, 16px 8px 0 -8px #866efb, 0 18px 0 -8px #866efb, -16px 8px 0 -8px #866efb, -16px -8px 0 -8px #866efb;
	}
	100% {
	  background: #866efb;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }
  @keyframes splash-12 {
	40% {
	  background: #866efb;
	  box-shadow: 0 -18px 0 -8px #866efb, 16px -8px 0 -8px #866efb, 16px 8px 0 -8px #866efb, 0 18px 0 -8px #866efb, -16px 8px 0 -8px #866efb, -16px -8px 0 -8px #866efb;
	}
	100% {
	  background: #866efb;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }

.btn:focus, .btn:active:focus, .btn.active:focus
{
	outline: none;
}

#page-wrapper .select2-container .select2-selection--single,
.modal .select2-container .select2-selection--single
{
	width: 100%;
	height: 34px;
	border: 1px solid #f6f6f6;
	border-radius: 0;
	box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-webkit-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 2px 7px -3px rgba(0,0,0,0.29);
}

.table-responsive
{
	background-color: white;
}

.table thead tr th
{
	font-weight: bold;
}

.form-control.error
{
	border-bottom: 3px solid red;
}

.form-control.warning
{
	border-bottom: 3px solid orange;
}

.form-control.success
{
	border-bottom: 3px solid green;
}

.process-label
{
	transition: all 0.25s ease;
	display: inline-block;
}

.process-label:hover
{
	transform: scale(1.1);
}

.mv-selectable-card
{
	padding: 16px;
	margin-bottom: 8px;
	background-color: #F2F2F2;
	border-radius: 4px;
}

.mv-selectable-card:hover
{
	background-color: #EBEBEB;
	cursor: pointer;
}

.mv-selectable-card.selected
{
	background-color: #019fb6;
	color: #fff;
}

.mv-selectable-card.selected:hover
{
	background-color: #018DA2;
	color: #fff;
}

.clickable:hover
{
	cursor: pointer;
}

.btn.btn-rounded
{
	transition: all 0.25s ease;
    border-radius: 20px;
    font-size: 85%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
	box-shadow: none;
}

.btn.btn-primary.btn-rounded
{
	border: 1px solid #019fb6;
    background: #fff;
    color: #019fb6;
}

.btn.btn-primary.btn-rounded:hover
{
    background: #019fb6;
    color: #fff;
}

.info-text
{
	font-size: 9pt;
	color: #999;
}

/***** MVR Tabs *****/
.mvr-tabs
{
}

.mvr-tabs .mvr-tabs-nav-container
{
	width: 100%; 
	overflow-x: auto;
}

.mvr-tabs .mvr-tabs-nav
{
	width: 2000px;
}

.mvr-tabs .mvr-tabs-nav-item
{
	color: #cdcdcd;
	padding: 5px 10px;
	display: inline-block;
	min-width: 100px;
}

.mvr-tabs .mvr-tabs-nav-item.active
{
	color: #5b5b5b;
	border-bottom: 2px solid #7aa0af;
}

.mvr-tabs .mvr-tabs-item-title
{
	font-size: 11pt;
}

.mvr-tabs .mvr-tabs-item-description
{
	font-size: 8pt;
}

.mvr-tabs .mvr-tabs-content-pane.active
{
	display: block;
}

.mvr-tabs .mvr-tabs-content-pane
{
	display: none;
}

.mvr-tabs-content-pane
{
	padding: 16px;
}

/***** MVR Wizard *****/
.mvr-wizard
{
}

.mvr-wizard .mvr-wizard-nav-container
{
	width: 100%; 
	overflow-x: auto;
}

.mvr-wizard .mvr-wizard-nav
{
	width: 2000px;
}

.mvr-wizard .mvr-wizard-nav-item
{
	color: #cdcdcd;
	padding: 5px 10px;
	display: inline-block;
	min-width: 100px;
}

.mvr-wizard .mvr-wizard-nav-item.active
{
	color: #5b5b5b;
	border-bottom: 2px solid #7aa0af;
}

.mvr-wizard .mvr-wizard-nav-item.complete
{
	color: #5b5b5b;
	border-bottom: 2px solid #93a969;
}

.mvr-wizard .mvr-wizard-item-title
{
	font-size: 11pt;
	font-weight: bold;
}

.mvr-wizard .mvr-wizard-item-description
{
	font-size: 8pt;
}

.mvr-wizard .mvr-wizard-content-pane.active
{
	display: block;
}

.mvr-wizard .mvr-wizard-content-pane
{
	display: none;
}

.mvr-wizard-content-pane
{
	padding: 16px;
}

.mvr-wizard-controls
{
	margin-top: 15px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	bottom: 0;
	left: 0;
	right: 0;
	
	background-color: white;
	border-top: 1px solid #efefef;
}

.mvr-wizard-controls .btn
{
	border-radius: 0;
}

.mvr-wizard-controls .btn.disabled
{
	color: #5b5b5b;
}

input.form-control:focus {
	border-color: #ccc;
	border-bottom: 3px solid #019fb6;
	
	box-shadow: none;
	-webkit-box-shadow: none;
}

input.form-control.rounded
{
	border-radius: 15px;
}

.mv-input-with-icon
{
	position: relative;
}

.mv-input-with-icon input.form-control
{
	position: relative;
	padding-right: 40px;
}

.mv-input-with-icon .mv-input-icon
{
	position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
	color: #019fb6;
}

.mv-horizontal-separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.mv-horizontal-separator::before,
.mv-horizontal-separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ccc;
}

.mv-horizontal-separator:not(:empty)::before {
  margin-right: 1em;
}

.mv-horizontal-separator:not(:empty)::after {
  margin-left: 1em;
}

.checkbox-wrapper-16 *,
  .checkbox-wrapper-16 *:after,
  .checkbox-wrapper-16 *:before {
	box-sizing: border-box;
  }

  .checkbox-wrapper-16 .checkbox-input {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
  }
  .checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile {
	border-color: #2260ff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	color: #2260ff;
  }
  .checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
	background-color: #2260ff;
	border-color: #2260ff;
  }
  .checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .checkbox-icon,
  .checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .checkbox-label {
	color: #2260ff;
  }
  .checkbox-wrapper-16 .checkbox-input:focus + .checkbox-tile {
	border-color: #2260ff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
  }
  .checkbox-wrapper-16 .checkbox-input:focus + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
  }

  .checkbox-wrapper-16 .checkbox-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 10rem;
	min-height: 10rem;
	border-radius: 0.5rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;
  }
  .checkbox-wrapper-16 .checkbox-tile:before {
	content: "";
	position: absolute;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	border-radius: 50%;
	top: 0.25rem;
	left: 0.25rem;
	opacity: 0;
	transform: scale(0);
	transition: 0.25s ease;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
  }
  .checkbox-wrapper-16 .checkbox-tile:hover {
	border-color: #2260ff;
  }
  .checkbox-wrapper-16 .checkbox-tile:hover:before {
	transform: scale(1);
	opacity: 1;
  }

  .checkbox-wrapper-16 .checkbox-icon {
	transition: 0.375s ease;
	color: #494949;
  }
  .checkbox-wrapper-16 .checkbox-icon svg {
	width: 4rem;
	height: 4rem;
  }

  .checkbox-wrapper-16 .checkbox-label {
	color: #707070;
	transition: 0.375s ease;
	text-align: center;
  }