@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Montserrat',Arial, Helvetica, sans-serif;}
h6{font-size:15px;font-family:'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase}
.fixed .content-wrapper, .fixed .right-side {
     padding-top: 50px;
}
.small-box .icon {     top: -10px;}
.small-box p{ text-transform:uppercase; font-size:12px}
.content-header h1{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase}

.box h3 { font-family:'Montserrat',Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px;}
.navbar-nav{font-family:'Montserrat',Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase; font-weight:700;}
.dropdown-menu>ul {font-size:12px; color:#000; z-index:999}
.dropdown-menu>li>a {font-size:12px; color:#000}
.dropdown-menu>li>a:hover {color: #900}
.breadcrumb li a{ color:#900; font-size:18px;}
.bgred{ color: #FE3401;}
.systemalert{padding:0px}
.systemalert > .callout{ margin:0}
.user-panel>.info{padding:5px 5px 5px 15px;line-height:10px;}

.input-long{width:70%; border:1px solid #ccc; background:#fff;}
.input-50{ width:50%; border:1px solid #ccc; background:#fff;}
.input-20{width:20%; border:1px solid #ccc; background:#fff;}
.input-pad-form{padding:5px;  border:1px solid #ccc; background:#fff;}
.mycheckbox{padding:5px; width:19px; border:none;
    height:19px; background:#fff;  vertical-align:middle;
    
    cursor:pointer;}
	
.checkgroup{ display:inline-block; margin:4px; background: #E1EFFF; padding:5px; border:1px solid #CCC; border-radius:3px;}

.tddisplay td{ padding:8px}
thead{ font-family:'nexa_boldregular',Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px;}

.dataTables_filter{ float:right}

.cl-green{color:#00a65a}

.szjs3i, .g4jd4j{display:none; }

.content-wrapper, .right-side {     background-color: #fafafa;}

#loading { background:  rgba(255,255,255,0.8);		display:none;		position: fixed;		overflow: auto;
		top: 50px;		right: 0;		bottom: 0;		left: 0;			z-index: 888;		opacity:1;		-webkit-transition: opacity 200ms ease-in;		-moz-transition: opacity 200ms ease-in;		transition: opacity 200ms ease-in;		pointer-events: auto;}

#loading img{ /*background:#FFFCF0;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;*/ position: fixed;
  top: 50%;
  left: 50%; margin-top:-50px;  margin-left:-50px}


.cssloading{
	margin-left:49%;
	margin-top:15%;
  width: 10px;
  height: 10px;
  background-color: red;
  position: relative;
  animation-name: loading;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: #fafafa;}



@keyframes loading {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:10px; top:0px;}
  50%  {background-color:green; left:10px; top:10px;}
  75%  {background-color:blue; left:0px; top:10px;}
  100% {background-color:red; left:0px; top:0px;}
}  
  .content{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.table-bordered {   font-size: 14px;}  

#uploader{display:none}

.sidebar-menu{text-transform:uppercase}

.user-panel{
    font-family: 'nexa_boldregular',Arial, Helvetica, sans-serif;
    text-transform: uppercase;
	font-size:11px;
}

.text-logout, .skin-green .sidebar a {  color: #F00;}

.btn-grey{ background:#333; color:#fff}
.btn-grey:hover{ background:#000; color:#fff}

#zebratable tr:nth-child(even) {   background-color: #f2f2f2;}


.select2-container--default .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0px;
}
.select2-container .select2-selection--single {
    height: 32px;
}