/* @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');

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

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: 100;
	font-size: 30pt;
}

.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: 55px;
}

.navbar-default.sidebar.collapsed
{
	
}

	.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: #c2c2c2;
			color: white;
			display: block;
			font-size:  7pt;
			border-bottom: 0;
		}
		
		.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
{
    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: 0;
	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);}

.mvpanel .panel-heading
{
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	padding: 0;
	margin: 0;
	
	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: 0;

    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
{
	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: 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-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;
	}
}