/* { font-size:0.9rem; font-family:'Segoe UI'; }*/
* { font-size:0.9rem; font-family:'Segoe UI'; letter-spacing:0px; }
/*.h2 { color: var(--blue); }*/
body { background-color: #f1f1f1; }
.text-placeholder { color:#cccccc; }
.t-color-picker { width:40px; background:#e9ecef; border-top-right-radius:0; border-bottom-right-radius:0; }

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
.chosen-container input:focus,
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 0 2px #68afff;
}

.ui-datepicker { z-index:9999!important; padding:0; }
.ui-datepicker-header { background: #e9ecef; border:none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.ui-datepicker .ui-datepicker-title span, .ui-datepicker .ui-datepicker-calendar th span { font-size:11px!important;}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button { border:none; font-size:11px!important;}
.ui-datepicker th {padding:0;}
.ui-datepicker-calendar tr td {width: 18px!important;}
.ui-widget.ui-widget-content {
    border: 1px solid #ced4da;
}
.ui-datepicker table {margin-bottom:1px;}

.input-group-prepend button, .input-group-append button { background:#e9ecef; }

.loadingbar { position:fixed; z-index:10001; top:0; width:100%; height:4px; display:none;}
.loadingbar .bar {
  position:absolute;
  width:100%;  
  height:4px;
  left:-100%;
  background:#0078ff;
  animation: moveit 5s ease forwards;
}

.loadingpage { position:fixed; top:50%; left:50%; margin-left:-100px; margin-top:-100px; width:180px; height:180px; border-radius:50%; border:20px solid rgba(100,100,100,0.1); padding:10px; z-index:10001; background:rgba(0,128,255,0.2); line-height:180px; text-align:center; 
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content-box;
    display:none;
}
.loadingpage > div { position:absolute; width:120px; top:50%; margin-top:-15px; height:30px; margin-left:-60px; left:50%; line-height:30px; font-size:0.8rem;  color: rgba(54,81,94,0.8);}
.circle-chart {
    position:absolute;
    margin-top:0px;
    margin-left:-60px;

}
.circle-chart__circle {
  animation: circle-chart-fill 5s reverse;
  transform: rotate(-90deg);
  transform-origin: center;
  animation-timing-function: ease;
}
@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}


@keyframes moveit {
  to {
    left: 0;
  }
}

.no-padder { padding-left:0; padding-right:0;}
.dropdown-menu {z-index: 9999;}
.image-fill {
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.pointer { cursor: pointer; }
.t-ul-select {
    height: 150px;
    overflow-y: scroll;
    padding:10px;
}

a:hover {text-decoration:none;}
a.lnk { color:#0078ff; }
a.lnk:hover { color:#ff0000; }

.custom-checkbox .custom-control-label { color:#0078ff;}
.custom-checkbox:hover .custom-control-input, .custom-checkbox:hover .custom-control-label { cursor:pointer; color:#ee0000;}

.btn-primary .text-muted, .btn-danger .text-muted { color:#fff !important; opacity:0.8; }

.btn-normal {
    color: #555;
    background-color: #fafafa;
    border-color: #ddd;
}
.btn-normal:hover { background-color: #f1f1f1; color:#cc0000; }
.btn-file-upload { display:block;}

.btn {
    font-size:0.9rem;
    font-weight: 500;
    border-radius: 4px;
}

.btn-lg { font-size:16px; }

.waitplease:before {
    content:"|...";
    animation: waitplease 0.5s linear infinite;
    margin-right:4px;
}

.waitplease {
    pointer-events: none;
    cursor:not-allowed;
    -webkit-pointer-events: none;
}

@keyframes waitplease {
    0% { content:"|..."; }
    16% { content:".|.."; }
    33% { content:"..|."; }
    50% { content:"...|"; }   
    67% { content:"..|."; } 
    83% { content:".|.."; }           
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.waiting-bar {
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-100px;
    margin-top:-50px;
    text-align:center;
    font-weight:700;
    width:200px;
    height:100px;
    background:transparent;
    border-radius:8px;
    opacity:0.8;
    color:#fff;
    padding-top:40px;
    font-size:12px; 
    font-weight:400;
    z-index:99999999999;
    display:none;
}



.loader-4 {
	height: 32px;
	width: 32px;
}
.loader-4::after {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 34px;
	bottom: 0; right: 34px;
	margin: auto;
	width: 12px;
	height: 12px;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	background: #0078ff;
	border-radius: 50%;
	-webkit-animation: loader-4-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-4-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
.loader-4.loader-modal::after {background:#fff;}

@-webkit-keyframes loader-4-1 {
	0%   { -webkit-transform: scale(0); opacity: 0; }
	50%  { -webkit-transform: scale(1); opacity: 1; }
	100% { -webkit-transform: scale(0); opacity: 0; }
}
@keyframes loader-4-1 {
	0%   { transform: scale(0); opacity: 0; }
	50%  { transform: scale(1); opacity: 1; }
	100% { transform: scale(0); opacity: 0; }
}
.loader-4 span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 32px;
	width: 32px;
	-webkit-animation: loader-4-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-4-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-4-2 {
	0%   { -webkit-transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-4-2 {
	0%   { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}
.loader-4 span::before,
.loader-4 span::after {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 12px;
	width: 12px;
	background: #0078ff;
	border-radius: 50%;
	-webkit-animation: loader-4-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-4-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
.loader-4.loader-modal span::before,.loader-4.loader-modal span::after {background: #fff;}

@-webkit-keyframes loader-4-3 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
	50%  { -webkit-transform: translate3d(-16px, 0, 0) scale(.5); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes loader-4-3 {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(-16px, 0, 0) scale(.5); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}
.loader-4 span::after {
	-webkit-animation: loader-4-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-4-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-4-4 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
	50%  { -webkit-transform: translate3d(16px, 0, 0) scale(.5); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes loader-4-4 {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(16px, 0, 0) scale(.5); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}

.masonry {    
 -moz-column-width: 49em;
 -webkit-column-width: 49em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
    margin-left: -15px;
    margin-right: -15px;
}
.masonry .brick {    
    display:inline-block;
    width:100%;
    margin-bottom:1em;
}

.page-card-cont { margin-bottom:2rem; }
.page-card {
    background:#f7f7f7;
    border-radius:0px;
    border:1px solid #ddd;
    min-height:15rem;
    padding:0 20px 20px 20px;
}
.page-card .cont-empty {
    line-height:12rem;
    text-align:center;
}
.page-card .header {
    border-bottom:1px solid #ddd;    
}
.page-card .header h3 {
    text-transform:uppercase;
    font-weight:500;
    font-size:1rem;
    color:#333;    
    line-height:3rem;
    padding:0;
    margin:0;
}
.table td, .table th {
    padding: 0.5em;
}
.table tr.important {
    background: #ffffcc;
    font-weight: 500;
}
.table tr.important:hover {
    background: #ffff99;
}

.simple-form-content h5 { font-size:13px; color:#555; font-weight:500; } /*346079   */
.simple-form-content .btn-primary, .simple-form-content .btn-danger,
.page-content .btn-primary, .page-content .btn-danger, .page-content .btn-info { color:#fff !important; }
.simple-form-content .tab-content { padding-top:15px; }

.modal-header { padding:0.5rem 1rem; background:#68afff; color:#fff; border-top-left-radius:0; border-top-right-radius:0; }
.modal-header .modal-title { font-size:1rem; line-height:2; }
.modal-header .modal-title.text-danger { text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color:#aa0000 !important;}
.t-messagebox.t-error .modal-header {background:#ff6868;}
.modal-header .close {   position:absolute; right:20px; top:10px; padding:0; margin: -0.7rem -0.3rem 0 0; line-height:2; color:#fff; text-shadow:none; }
.modal-content { border-radius:0; border:none; box-shadow:0px 2px 16px #555; }
.modal-body { padding:1.5rem 1.5rem;}
.modal-footer {display:inline-block !important; width:100%; text-align:right; background:#f5f5f5; }
.page-footer { border-top: 1px solid #ddd; text-align:right; }
.page-footer>:not(:last-child)  {
    margin-right: .25rem;
}
    
.modal .btn  { color: #fff !important;  }
.modal .btn-normal  { color: #333 !important; }

h1 .fa, h1 .fas, h1 .far { font-size:2rem; }
h2 .fa, h2 .fas, h2 .far { font-size:1.5rem; }

.t-data-table tr:not(:first-child):not(.pagination-data-table):hover  { background-color: #fafffa !important; color:#00aa00; cursor:pointer; }
.leaflet-gl-layer { border:3px solid #fff;}

.table-striped tbody tr:nth-of-type(odd):not(:first-child):not(.pagination-data-table) {
    background-color: #f5f6f7;
}


.table tbody tr:not(:first-child):not(:nth-child(2)) td, .table tbody tr:not(:first-child):not(:nth-child(2)) th {
    border-top: 1px solid #f1f1f1;
}
.parsley-errors-list {width:100%; margin-top:6px !important; position:relative !important;}
.chosen-container.chosen-container-single,.chosen-container.chosen-container-multi {
    width: 100% !important; /* or any value that fits your needs */
}

.chosen-container-single .chosen-single {
    border-radius:0.25rem !important;
}

.chosen-with-drop { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important;}

.tetrada-forms-inputtextbox.fkey .input-cont {
     flex: 0 0 100px;
     position:relative;
}
.tetrada-forms-inputtextbox.fkey .input-cont input {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.tetrada-forms-inputtextbox.fkey .input-group-append {
     flex: 1 0;   
     display:block; 
}

.tetrada-forms-inputtextbox.fkey .input-group-append span {
     display:block;
     text-align:center;
     cursor:pointer;
     color:#0078ff;
     height:100%;
}
.tetrada-forms-inputtextbox.fkey .input-group-append:hover span { color:#cc0000;}

.rel-cont {position:relative;}

 .loading-bars {
  position: absolute;
  top: 50%;
  margin-top:-8px;
  right: 8px;
  z-index:99;
}
.loading-bars div {
  display: inline-block;
  width: 2px;
  height: 16px;
  border-radius: 3px;
  margin-left:2px;
  animation: loading 1s ease-in-out infinite;
}
.loading-bars div:nth-child(1) {
  background-color: #00a2ff;
  animation-delay: 0;
}
.loading-bars div:nth-child(2) {
  background-color: #0081cc;
  animation-delay: 0.09s;
}
.loading-bars div:nth-child(3) {
  background-color: #006199;
  animation-delay: .18s;
}
.loading-bars div:nth-child(4) {
  background-color: #004167;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}



/* PAGINATION */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination-data-table 
{
  position:relative;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}
.pagination-data-table table > tbody > tr > td {
  /*display: inline; */
  padding:0 3px 0 0;
  border-top: none !important;
}
.pagination-data-table > td { padding:0; padding-top:1rem; /*background:#f1f1f1;*/ }

.modal-fkey th:first-child { width:100px !important;}

.pagination > li > a,
.pagination > li > span,
.pagination-data-table table > tbody > tr > td > a,
.pagination-data-table table > tbody > tr > td > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination-data-table table > tbody > tr > td > span { border-color: #ddd; background:#ddd; margin:0 0.25rem; color:#222; }

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination-data-table table > tbody > tr > td:first-child > a,
.pagination-data-table table > tbody > tr > td:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination-data-table table > tbody > tr > td:last-child > a,
.pagination-data-table table > tbody > tr > td:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination-data-table table > tbody > tr > td > a:hover,
.pagination-data-table table > tbody > tr > td > a:focus,
.pagination-data-table table > tbody > tr > td > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination-data-table table > tbody > tr > td.active > a,
.pagination-data-table table > tbody > tr > td.active > a:hover,
.pagination-data-table table > tbody > tr > td.active > span:hover,
.pagination-data-table table > tbody > tr > td.active > a:focus,
.pagination-data-table table > tbody > tr > td.active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span,
.pagination-sm table > tbody > tr > td > a,
.pagination-sm table > tbody > tr > td > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-sm table > tbody > tr > td:first-child > a,
.pagination-sm table > tbody > tr > td:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span,
.pagination-sm table > tbody > tr > td:last-child > a,
.pagination-sm table > tbody > tr > td:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-data-table tbody tr:nth-of-type(odd) {
    background: none !important;
}

.leaflet-control-attribution { font-size:9px; }
.leaflet-control-attribution a { font-size:9px; }


/* Tab FORM */

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0 15px 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a, .nav-tabs-aside > li > a 
{
  font-family:'Montserrat';
  font-size:12px;
  text-transform:uppercase;
  margin-right: 2px;
  color:#555;
  line-height: 2;
  padding-left:24px;
  padding-right:24px;
  /*border: 1px solid transparent;
  border-radius: 4px 4px 0 0;*/
}
.nav-tabs > li > a:hover {
  /*border-color: #eee #eee #ddd;*/
  background-color: transparent !important;
  border-bottom:4px solid #ddd;
  transition: border-color .3s ease-in-out;
  color:#111;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #5894d7;
  cursor: default;
  background-color: transparent;
  /*border: 1px solid #ddd;
  border-bottom-color: transparent;*/
  border-bottom:4px solid #68afff;
}
.nav-tabs.nav-justified {
  width: 100% !important;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1% !important;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}



.tetrada-forms-inputcheckbox .form-group input[type="checkbox"] {
    display: none;
}

.tetrada-forms-inputcheckbox .form-group input[type="checkbox"] btn {
    display: none;
    color:#333 !important;
}

.tetrada-forms-inputcheckbox .form-group input[type="checkbox"] + .btn-group > label {
    /*margin:0.3rem;*/
}
.tetrada-forms-inputcheckbox .form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.tetrada-forms-inputcheckbox .form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.tetrada-forms-inputcheckbox .form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.tetrada-forms-inputcheckbox .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.tetrada-forms-inputcheckbox .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}


.bootstrap-switch .form-group > div, .bootstrap-switch .form-group > h5 { display:inline; }
.bootstrap-switch .form-group > h5 { padding-left:10px;}
.bootstrap-switch .form-group > h5:hover { cursor:pointer; color:#cc0000;}
.bootstrap-switch .form-group .switch input { 
    display:none;
}
.bootstrap-switch.is-vertical .form-group { margin-top:-8px;}

.bootstrap-switch label { margin-bottom: 0.3rem;}
.bootstrap-switch .form-group .switch {
    display:inline-block;
    width:50px;
    height:24px;
    transform:translateY(50%);
    position:relative;
}

.bootstrap-switch .form-group .switch > span {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 1px #ddd, 0 0 1px #ddd;
    cursor:pointer;
    border:3px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.bootstrap-switch .form-group .switch > span:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#ddd;
    border-radius:30px;
    transform:translateX(-24px);
    transition:.4s;
}

.bootstrap-switch .form-group .switch > input:checked + span:before {
    transform:translateX(24px);
    background:#0062cc;
}
.bootstrap-switch .form-group .switch > input:checked + span {
    box-shadow:0 0 0 2px #007bff,0 0 2px #007bff;
}

/* ##### CHECKBOX */

  @keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 10px;}
    50% {height: 20px;width: 10px;}
  }
label.checkbox{background-color:#fff;display:inline-block;height:28px;margin:0 .25em;width:28px;border-radius:4px;border:1px solid #ccc;float:left; cursor:pointer;}
label.checkbox span{display:block;height:28px;position:relative;width:28px;padding:0}
label.checkbox span:after{-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:'';display:block;height:20px;left:3px;position:absolute;top:15px;width:10px}
label.checkbox span:hover:after{border-color:#ccc}
label.checkbox input{display:none}
label.checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
label.checkbox input:checked + .default:after{border-color:#444}
label.checkbox input:checked + .primary:after{border-color:#2196F3}
label.checkbox input:checked + .success:after{border-color:#8bc34a}
label.checkbox input:checked + .info:after{border-color:#3de0f5}
label.checkbox input:checked + .warning:after{border-color:#FFC107}
label.checkbox input:checked + .danger:after{border-color:#f44336}
.cond-check h5 { margin-left:10px; margin-top:6px; }

/* easypiechart*/

.easypiechart {
  position: relative;
  text-align: center;
}
.easypiechart > div {
  position: relative;
  z-index: 1;
}
.easypiechart > div .text {
  position: absolute;
  width: 100%;
  top: 60%;
  line-height: 1;
}
.easypiechart > div img {
  margin-top: -4px;
}
.easypiechart canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/* disabled*/

.disabled {  
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.disabled a { pointer-events: none; }
.disabled input {cursor: not-allowed; }
input.disabled, input[disabled=disabled] {cursor: not-allowed; }

/* ##### DATEPICKER ###### */
.datepicker { padding:0; }
.datepicker thead tr { background:#f1f1f1; }
.datepicker th {
    font-size: 13px;
    font-family: 'Montserrat' !important;
    color: #555;
    font-weight: 700;
}
.datepicker td {
    font-size: 11px;
    font-family: 'Montserrat' !important;
    color: #333;
    font-weight: 400;
}
.datepicker .datepicker-days tr:nth-child(2) th:last-child, .datepicker tr td:last-child { color: #770000; }
/*subota .datepicker tr:nth-child(2) th:nth-last-child(2) { color: #770000; }*/

.datepicker th:first-child, .datepicker .datepicker-days td:first-child {padding-left:16px;}
.datepicker th:last-child, .datepicker .datepicker-days td:last-child {padding-right:16px;}
.datepicker .datepicker-days tr:first-child td {padding-top:8px;}
.datepicker .datepicker-days tr:last-child td {padding-bottom:16px;}
.datepicker thead tr:first-child th {padding-top:8px;}
.datepicker tbody { margin:10px; }
.datepicker th { color:#333; }
.datepicker .datepicker-days td, .datepicker th {padding:3px 5px; text-align:center; font-size:0.9rem;}
.datepicker .datepicker-months span, .datepicker .datepicker-years span { padding:6px 6px; box-sizing: border-box;}
.datepicker .datepicker-months td, .datepicker .datepicker-years td {        height: 30px;    }
.datepicker .datepicker-days td:hover, .datepicker .datepicker-months span:hover, .datepicker .datepicker-years span:hover  { background:#f1f1f1; color:#cc0000; cursor:pointer; }
.datepicker .switch:hover, .datepicker .prev:hover, .datepicker .next:hover { cursor:pointer; color:#cc0000; }

.img-circle {
    border-radius: 50%;
}

section.page-header { border-bottom:1px solid #ddd; }
section.page-header .i-cont {
    width: 48px;
    height: 48px;
    margin-right: 1rem;
    background: #31353D;
    display: flex;
    border-radius:4px;
    align-items: center;
    justify-content: center;
    float: left;
}
section.page-header .i-cont i { color: #f1f1f1;}
section.page-header h2 { font-size: 1.75rem; }
section.page-footer { text-align:right; border-top:1px solid #ddd; }

.tetrada-forms-inputtextbox .text-label { line-height: calc(2.25rem + 2px); }

.t-data-table th { border-top:0; border-bottom:1px solid #ddd; background:none;}
.t-data-table tr:first-child { background-color:#eee !important; }
.t-data-table tr td:first-child { white-space: nowrap; }
.t-data-table.resizing th:not(:first-child) { border-left: 1px dashed #999; }
.t-data-table.resizing {
  table-layout: fixed;
  td, th {
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;        
       -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
  }
}

		.t-uploader .file-container { 
			border:1px solid #ced4da;
			font-size: .875rem;
			line-height: 1.5;
			border-radius: .2rem;	
			background:white;	
			height: calc(2.25rem + 2px);
			padding: .375rem .75rem;			
		}
		.t-uploader .file-container.multiple {
			min-height: calc(2.25rem + 2px);	 /*100px*/
			height:auto;
            border:1px solid transparent;            
            max-height: 300px;
            overflow-y: scroll;
		}
        .t-uploader .file-container.row {
            /*min-height:auto;*/
        }

        .modal-dialog .t-uploader .file-container.multiple { background:#f5f5f5; }
        .page-content .t-uploader .file-container.multiple { background:#fff; }

		.t-uploader .uploader-file { margin-bottom: .25rem!important; margin-top: 1px; overflow: hidden; } 
        .t-uploader .uploader-file .desc, .t-uploader .uploader-file .desc a { font-size: 0.7rem;}
        .t-uploader .file-container.row .uploader-file {
            height:40px;
        }
		.t-uploader .btn-file-container { 
			-ms-flex: 0 0 40px;
			flex: 0 0 40px;
		}
		.t-uploader .file-name-cont { 
			-ms-flex: 1 0 50%;
			flex: 1 0 50%;
		}		
        .t-uploader .file-name-cont .file-name { white-space:nowrap; }
		
		.t-uploader .click-to-add { position:absolute; top:50%; margin-top:-15px; height:30px; line-height:30px; text-align:center; width:100%; }
		.t-uploader .file-pbar-cont { position:relative; font-size:0.7rem; text-align:center; }
		.t-uploader .file-pbar-wrapper { border:1px solid #ddd; position:relative; width:100%; height:6px; }
		.t-uploader .file-pbar { background:rgba(128,255,128,0.3); z-index:1; position:relative; height:100%; width:0%; }

.smlImgCont { border:1px solid #e9ecef; }
.smlImgCont .smlImg {
    position:relative;
    border:3px solid #fff;
    width:180px;
    height:135px;
    background-size:cover;
    background-color:#f5f5f5;
}
.t-data-table .badge {
    padding:0.375em 0.5em;
    font-weight:400;
    font-size:80%;
}

.doc-buttons .btn { display:block; margin-bottom:0.5rem; }

.btn-control {
    position:absolute;
    margin:-6px 6px auto 0;
    right:3px;
    z-index:1;
    top:50%;
    cursor:pointer;
}
.btn-control:hover {
    color:#0078ff!important;
}

.btn-control-image {
    position:absolute;
    margin:0 6px auto 0;
    right:0px;
    z-index:1;
    top:3px;
    cursor:pointer;
    text-shadow:0px 0px 3px #fff;
}
.btn-control-image:hover {
    color:#0078ff!important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

@media (min-width:768px) {
    section.page-header .doc-buttons .btn { margin-left:0.5rem;}
}

@media (min-width:1024px) {
    section.page-header .doc-buttons { text-align: right; }
    section.page-header .doc-buttons .btn { display:inline; margin-bottom:0.5rem; }  
}


.fadein {
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



.t-list tr { display:flex; }
.t-list th { border:none; }

.form-group label { font-weight:500; font-size:1rem;}

.viverte-logo { width:100%; height:10rem; background-image:url(/img/vivertelogo.png); margin-top:1rem; background-position:center top; background-size:contain; background-repeat:no-repeat; position:relative;}
.mapboxgl-popup-content {padding:1rem !important;}
.mapboxgl-popup-close-button {outline:none;}
.mapboxgl-popup { max-width:600px !important;}
.mapboxgl-popup h5 {color:#0078ff; }


.status-bar {
    width: 100%;
    margin-left:-1.1rem;
    position: absolute;
    background: #eee;
    border-top: 1px solid #ccc;
    min-height: 24px;
    line-height: 24px;
    bottom: 0;
    text-align: right;
    z-index: 9001;
}

.status-bar a:hover {
    color: #00ff00;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.status-bar a {
    color: #2DAA51;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.status-bar > span, .status-bar > a {
    padding: 0 6px;
    float: right;
    line-height: 24px;
    border-left: 1px solid #ccc;
    font-size: 0.8rem;
    color: #2DAA51;
}


.mapboxgl-popup {
    z-index:100;
}

.map-text {
    background:rgba(255,255,255,0.7); padding:0 0.5rem;
    position:absolute; left:20px; z-index:99;
}


@media only screen and (orientation: landscape) {
    .cont {
        display:flex;
    }

    .sidebar {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .main {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .map {
        width: 100%; height: 100vh; position:relative; padding:0; margin:0;
    }
}