th:first-child div{
  border: none;
}

li {
	padding-top:8px;
	color: white;}

li>a:hover{
	text-decoration:none;
	color: black!important;
	background-color: white; } /* #aaffff;} */

.container {
  width: 100%;
  padding: 0;
  max-width: 100%; }

.nav{padding:0}

.nav{list-style:none}

.nav>li{display:inline-block;
margin:0 1px;
vertical-align:top;
min-width:50px}

@media (max-width:767px){.nav>li{position:static!important}}

.nav>li>a{color:#FFFFFF;
display:block;
/* text-align:center; */
z-index:1;
position:relative;
-webkit-transition:background-color;
-o-transition:background-color;
transition:background-color;
-webkit-transition-duration:250ms;
transition-duration:250ms;
border-radius:2px}

.nav>li:hover>a{background-color:rgba(13,13,0,.08)}  

body{margin:0}

html{-webkit-tap-highlight-color:transparent}

html{font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%}

nav{display:block}

a{background-color:transparent}

a:active,a:hover{outline:0}

h1{margin:.67em 0}

button,input{color:inherit;
font:inherit;
margin:0}

button{overflow:visible}

button{text-transform:none}

button{-webkit-appearance:button; cursor:pointer}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

@media print{

*,:after,:before{background:0 0!important;
color:#000!important;
box-shadow:none!important;
text-shadow:none!important}

a,a:visited{text-decoration:underline}

a[href]:after{content:" (" attr(href) ")"}

a[href^="#"]:after{content:""}

h2,h3{orphans:3;
widows:3}

h2,h3{page-break-after:avoid}

}

*,:after,:before{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

html{font-size:10px}

body{font-family:roboto;
font-size:15px;
line-height:1.42857143;
color:#333;
background-color:#edecec}

button,input{font-family:inherit;
font-size:inherit;
padding-left: 2px;
border-radius:5px;
line-height:inherit}

a{color:#FFFFFF;text-decoration:none}

a:focus,a:hover{color:#FFFFFF;text-decoration:none}

a:focus{outline-offset:-2px;outline:0!important}

h1,h2,h3{font-family:inherit;
font-weight:500;
line-height:1.1;
color:#000}

h1,h2,h3{margin-top:18px;margin-bottom:9px}

h1{font-size:33px}

h2{font-size:27px}

h3{font-size:23px}

ul{margin-top:0}

ul ul{margin-bottom:0}

ul{margin-bottom:9px}

@media (min-width:768px){

.container {
  width: 100%;
  padding: 0;
  max-width: 100%; }

}

.clearfix:after,.container:after,.nav:after,.row2:after{clear:both}

.container{margin-right:auto;margin-left:auto}

.container{
	padding-left:15px;
    padding-right:15px;
	padding-top:10px
	}

@media (min-width:992px){.container {
  width: 100%;
  padding: 0;
  max-width: 100%; }}

@media (min-width:1200px){.container {
  width: 100%;
  padding: 0;
  max-width: 100%; }}

.row2{margin-left:20px;margin-right:20px}

.col-md-12,.col-md-3,.col-sm-12,.col-xs-12{position:relative;
min-height:1px;
padding-left:0px;
padding-right:0px}

.col-xs-12{float:left}

.col-xs-12{width:100%}

@media (min-width:768px){.col-sm-12{}

.col-sm-12{width:100%}

}

@media (min-width:992px){
.col-md-12,.col-md-3{float:left}
.col-md-12{width:100%}
.col-md-3{width:25%}
}

.nav>li,.nav>li>a{display:block;position:relative}

.nav{margin-bottom:0;padding-left:0;list-style:none}

.nav>li>a{padding:10px 15px}

.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}

@media (min-width:768px){.navbar-nav{float:left;margin:0}}

.navbar-nav { margin: 0px; }

body,html{min-height:100vh;}

.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.row2:after,.row2:before{content:" ";
display:table}

.pull-right{float:right!important}

@-ms-viewport{width:device-width}

@media print{.hidden-print{display:none!important}}

@font-face{font-family:roboto;
src:url(../fonts/roboto/Roboto-Light-webfont.eot);
src:url(../fonts/roboto/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto/Roboto-Light-webfont.svg#icon) format('svg');
font-weight:300;
font-style:normal}

@font-face{font-family:roboto;
src:url(../fonts/roboto/Roboto-Regular-webfont.eot);
src:url(../fonts/roboto/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/roboto/Roboto-Regular-webfont-96948ea3c82150c4843ee2010c7dd7ca.woff) format('woff'),url(/fonts/roboto/Roboto-Regular-webfont-e7e5c918f2932bac05144e83755cde20.ttf) format('truetype'),url(../fonts/roboto/Roboto-Regular-webfont.svg#icon) format('svg');
font-weight:400;
font-style:normal}

@font-face{font-family:roboto;
src:url(../fonts/roboto/Roboto-Medium-webfont.eot);
src:url(../fonts/roboto/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/roboto/Roboto-Medium-webfont-c39e6597c213e4bec6766ae594d6bb49.woff) format('woff'),url(/fonts/roboto/Roboto-Medium-webfont-108f70b8633879b488878e45b02f87e3.ttf) format('truetype'),url(../fonts/roboto/Roboto-Medium-webfont.svg#icon) format('svg');
font-weight:500;
font-style:normal}

@font-face{font-family:roboto;
src:url(../fonts/roboto/Roboto-Bold-webfont.eot);
src:url(../fonts/roboto/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/roboto/Roboto-Bold-webfont-e86570e22e4eb8b31936d62c3e7461d7.woff) format('woff'),url(/fonts/roboto/Roboto-Bold-webfont-76c8e70ec853e77a250440d73dc4544f.ttf) format('truetype'),url(../fonts/roboto/Roboto-Bold-webfont.svg#icon) format('svg');
font-weight:700;
font-style:normal}

@font-face{font-family:satisfy;
src:url(../fonts/satisfy/satisfy.eot);
src:url(../fonts/satisfy/satisfy.eot?#iefix) format('embedded-opentype'),url(../fonts/satisfy/satisfy.woff) format('woff'),url(../fonts/satisfy/satisfy.ttf) format('truetype'),url(../fonts/satisfy/satisfy.svg#icon) format('svg');
font-weight:400;
font-style:normal}

@font-face{font-family:weather-icons;
src:url(../fonts/weather-icons/weather-icons.eot);
src:url(../fonts/weather-icons/weather-icons.eot?#iefix) format('embedded-opentype'),url(../fonts/weather-icons/weather-icons.woff) format('woff'),url(../fonts/weather-icons/weather-icons.ttf) format('truetype'),url(../fonts/weather-icons/weather-icons.svg#icon) format('svg');
font-weight:400;
font-style:normal}

:full-screen [data-ma-action=fullscreen]{display:none}

.m-b-0{margin-bottom:0!important}

.m-l-10{margin-left:10px!important}

.m-l-20{margin-left:20px!important}
.p-t-2{padding-top:2px!important}

.p-t-8{padding-top:8px!important}
.p-t-10{padding-top:10px!important}

.p-b-10{padding-bottom:10px!important}
.p-b-8{padding-bottom:8px!important}


.p-l-10{padding-left:10px!important}

.p-t-15{padding-top:15px!important}

.p-r-25{padding-right:25px!important}

.f-14{font-size:14px!important}

.f-16{font-size:16px!important}

.f-18{font-size:18px!important}

.f-20{font-size:20px!important}
.f-30{font-size:30px!important}
.f-35{font-size:35px!important}

.f-400{font-weight:400!important}

body{font-weight:400}

body{position:relative}

.c-white{color:#fff!important}

.c-black{color:#000!important}

.c-red{color:#F44336!important}

.c-y{color: #c8f038!important;}

.c-y:hover>a{
	color: black;
	background-color: white; }

*,a,button,i,input{-webkit-font-smoothing:antialiased}

*,:active,:focus,:hover{outline:0!important;
-webkit-tap-highlight-color:transparent!important}

html{overflow-x:hidden\0/;-ms-overflow-style:none}

html:not(.ie9) body{overflow-y:scroll}

body{overflow-x:hidden}

.hi-menu{padding:0}

.hi-menu{list-style:none}

.hi-menu>li{display:inline-block;
margin:0 1px;
vertical-align:top;
min-width:50px}

@media (max-width:767px){.hi-menu>li{position:static!important}}

.hi-menu>li>a{color:#fff;
display:block;
text-align:center;
z-index:1;
position:relative;
-webkit-transition:background-color;
-o-transition:background-color;
transition:background-color;
-webkit-transition-duration:250ms;
transition-duration:250ms;
border-radius:2px}

.hi-menu>li:hover>a{background-color:rgba(0,0,0,.08)}

:fullscreen [data-ma-action=fullscreen]{display:none}

input:active,input:focus{box-shadow:none!important}

input:active,input:focus{outline:0}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper{background:rgba(0,155,173,.5)}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:before{background:#009BAD}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,155,173,.2)}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper{background:rgba(244,67,54,.5)}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:before{background:#F44336}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(244,67,54,.2)}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper{background:rgba(33,150,243,.5)}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:before{background:#2196F3}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(33,150,243,.2)}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper{background:rgba(255,193,7,.5)}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:before{background:#FFC107}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(255,193,7,.2)}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper{background:rgba(186,104,200,.5)}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:before{background:#BA68C8}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(186,104,200,.2)}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper{background:rgba(233,30,99,.5)}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:before{background:#E91E63}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(233,30,99,.2)}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper{background:rgba(205,220,57,.5)}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:before{background:#CDDC39}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(205,220,57,.2)}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper{background:rgba(0,188,212,.5)}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:before{background:#00BCD4}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,188,212,.2)}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper{background:rgba(76,175,80,.5)}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:before{background:#4CAF50}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:active:before{box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(76,175,80,.2)}

@media print{

@page{margin:0;size:auto}
body{
margin:0!important;
padding:0!important}

}

@charset "UTF-8";  
.left_col {
 background: #4782cc; } /*#068bab ; }
  background: #2A3F54; } */
  
.nav-sm footer {
    margin-left: 0px!important;
}

footer {
    background: #fff;
    padding: 15px 20px;
    display: block;
}

.nav-sm .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 80px;
  padding: 0;
  z-index: 9999;
  position: absolute; }
  
.nav-sm .container.body .col-md-3.left_col.webCol{ display: none; }

.nav-sm .hidden-small { visibility: hidden; }

.nav-sm .container.body .right_col {
  padding: 60px 20px;
  margin-left: 0px;
  z-index: 2; }

.nav-sm .main_container .top_nav {
  display: block;
  margin-left: 0px;
  z-index: 2; }

.nav-sm .nav.side-menu li a {
  text-align: center !important;
  font-weight: 400;
  font-size: 11px;
  padding: 10px 5px; }

.nav-sm ul.nav.child_menu {
  left: 100%;
  position: absolute;
  top: 0;
  width: 210px;
  z-index: 4000;
  background: #3E5367;
  display: none; }

.nav-sm ul.nav.child_menu li {padding: 0 10px; }

.nav-sm ul.nav.child_menu li a { text-align: left !important; }

.menu_section { margin-bottom: 35px; }

.menu_section h3 {
  padding-left: 23px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 1px 1px #000; }

.menu_section > ul { margin-top: 10px; }

.nav-sm .menu_section { margin: 0; }

body .container.body .right_col { background: transparent; }
  
@media (max-width: 991px) {
  .nav-sm .container.body .right_col, .nav-sm .container.body .top_nav {
    width: 100%;
    margin: 0; }

  .nav-sm .container.body .col-md-3.left_col {display: none; }
    
   .webCol{display: none;}

  .nav-sm .container.body .right_col {
    width: 100%;
    padding-right: 0; }

  .right_col {padding: 10px 0px 0px !important; } }

@media (max-width: 991px) {

  .right_col { padding: 10px 0px 0px !important; } }
    
.nav-md .hidden-big {visibility: hidden; }   

 .nav-md .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 230px;
  padding: 0;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  z-index: 1; }

.nav-md .container.body .col-md-3.left_col.menu_fixed {
  height: 100%;
  position: fixed; }  
  
.nav-md .container.body .right_col { padding: 10px 20px 0; margin-left: 230px; }
 
@media (max-width: 991px) {
  .nav-md .container.body .right_col, .nav-md .container.body .top_nav {
    width: 100%;
  }

    
	.centered-element {
		position: relative;
  		float:left;
  		padding-left: 25px;
	}
	
  .nav-md .container.body .right_col {
    width: 100%;
    padding-right: 0; }

  .right_col {
    padding: 10px 0px 0px !important; } }
    
.nav-md ul.nav.child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%; }

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0; }    

.container { width: 100%; padding: 0; }

.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover {
  background: #D9DEE4; }

body {
  color: #414e5d; /* #73879C; */
  background: transparent!important;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.471; }

.main_container .top_nav {
  display: block;
  margin-left: 230px; }

.col-md-3, .col-xs-12, .col-sm-12, .col-md-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px; }

.row2 {
  margin-right: -10px;
  margin-left: -10px; }

h1, h2, h3 {
  margin-top: 5px;
  margin-bottom: 5px; }

a {
  color: #ccc
  text-decoration: none; }

a, a:visited, a:focus, a:active, :visited, :focus, :active {
  outline: 0; }

a:hover, a:focus {
  text-decoration: none; }

.nav.side-menu > li {
  position: relative;
  display: block;
  cursor: pointer; }

.nav.side-menu > li > a {
  margin-bottom: 6px; }

.nav.side-menu > li > a:hover {
  color: #F2F5F7 !important; }

.nav.side-menu > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background: transparent; }

.nav.child_menu {
  display: none; }

.nav.child_menu li:hover {
  background-color: rgba(255, 255, 255, 0.06); }

.nav.child_menu li {
  padding-left: 36px; }

.nav.side-menu > li > a, .nav.child_menu > li > a {
  color: white; /* #E7E7E7;*/
  font-weight: 500; }

.nav > li > a {
  position: relative;
  display: block;
  padding: none; }

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 22px;
  width: 100%;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 59px;
  display: block;
  height: 55px;
  margin: 0;
  padding-left: 10px; }

.site_title:hover, .site_title:focus { text-decoration: none; }

.nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }

.toggle {
  float: left;
  margin: 0;
  width: 80px; }

.toggle a {
  margin: 0;
  cursor: pointer; }

.toggle a i { font-size: 26px; }

.nav.child_menu > li > a {
  color: #f7f7f7; /* rgba(255, 255, 255, 0.75); */
  font-size: 12px;
  padding: 9px; }

.main_menu_side { padding: 0; }

/* *********  custom accordion  **************************** */
*, *:before, *:after {
  box-sizing: border-box; }
h1 {
	color: white;
	}

h2 {
  font-size: 18px;
  color: white;
  font-weight: 400; }

.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 1px;
  padding: 10px 17px;
  display: inline-block;
  background:#2b6f72;
/*  background: linear-gradient(0deg, #55fabe 0%, #78d4d7 100%);*/
  border: 2px solid #E6E9ED;
  border-radius: 6px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease; }

.sidebar-footer {
  bottom: 0px;
  clear: both;
  display: block;
  padding: 5px 0 0 0;
  position: fixed;
  width: 230px;
  background: #2A3F54; }

.sidebar-footer a {
  padding: 7px 0 3px;
  text-align: center;
  width: 25%;
  font-size: 17px;
  display: block;
  float: left;
  background: #172D44; }

.sidebar-footer a:hover { background: #425567; }

/** top tiles  */

@media (min-width: 992px) {  
	
	.webCol{display: none;}
	
	footer {
    margin-left: 230px!important;}
}

.form-control{font-size:14px;
line-height:1.42857143;
color:#000;
display:block}

.form-control{width:100%;
height:35px;
padding:0px 0px;
background-color:transparent;
border:1px solid #e0e0e0;
border-radius:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control:focus{border-color:#b4b4b4;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(180,180,180,.6)}

.form-control::-moz-placeholder{color:#999; opacity:1}

.form-control:-ms-input-placeholder{color:#999}

.form-control::-webkit-input-placeholder{color:#999}

.form-control::-ms-expand{border:0; background-color:transparent}

.has-feedback{position:relative}

.has-feedback .form-control{padding-right:43.75px}

.form-control-feedback{position:absolute;
top:0;
right:0;
z-index:2;
display:block;
width:35px;
height:35px;
line-height:35px;
text-align:center;
pointer-events:none}

.form-horizontal .form-group{margin-left:-15px; margin-right:-15px}

.form-horizontal .has-feedback .form-control-feedback{right:15px}

.btn{display:inline-block;
margin-bottom:0;
font-weight:500;
text-align:center;
touch-action:manipulation;
cursor:pointer;
white-space:nowrap;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
border-radius:2px;
-webkit-touch-callout:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}

.btn:active:focus,.btn:focus{outline-offset:-2px;
outline:0!important}

.btn:focus,.btn:hover{color:#333; text-decoration:none}

.btn:active{outline:0;
-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}

.btn-primary{color:#fff;
background-color:#2196F3;
border-color:#0d8aee}

.btn-primary:active,.btn-primary:hover{color:#fff;
background-color:#0c7cd5;
border-color:#0a68b4}

.btn-primary:active:focus,.btn-primary:active:hover{color:#fff;
background-color:#0a68b4;
border-color:#064475}

.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:focus:focus,.btn-primary:focus:hover,.btn-primary:hover,.btn-primary:hover:focus,.btn-primary:hover:hover{color:#fff;
background-color:#2196F3;
border-color:transparent}

.btn-danger{color:#fff;
background-color:#F44336;
border-color:#f32c1e}

.btn-danger:active,.btn-danger:hover{color:#fff;
background-color:#ea1c0d;
border-color:#c8180b}

.btn-danger:active:focus,.btn-danger:active:hover{color:#fff;
background-color:#c8180b;
border-color:#891008}

.btn-danger:active,.btn-danger:active:focus,.btn-danger:active:hover,.btn-danger:focus,.btn-danger:focus:focus,.btn-danger:focus:hover,.btn-danger:hover,.btn-danger:hover:focus,.btn-danger:hover:hover{color:#fff;
background-color:#F44336;
border-color:transparent}
button,
.btn  {
  margin-bottom: 5px;
  margin-right: 5px; }

a:focus { outline: none; }

.form-control {
  border-radius: 4px;
  width: 100%; }

.form-control:focus {
  border-color: #CCD0D7;
  box-shadow: none !important; }

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0; }

.form-control-feedback {
  margin-top: 8px;
  height: 23px;
  color: #bbb;
  line-height: 24px;
  font-size: 15px; }

.form-control-feedback.left {
  border-right: 1px solid #ccc;
  left: 13px; }

.form-control.has-feedback-left { padding-left: 45px; }

.form-group { margin-bottom: 5px; }

.btn { border-radius: 3px; }

a.btn-danger { color: #fff; }

a:focus { outline: none; }

.login { background: #F7F7F7; }

/** /login **/
/** signup **/

.left { float: left; }

.clearfix:after, form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#username {
  background-position: 10px 10px !important; }

#password {
  background-position: 10px -53px !important; }

.alert-info {
  color: #E9EDEF;
  background-color: rgba(52, 152, 219, 0.88);
  border-color: rgba(52, 152, 219, 0.88); }

.alert-danger {
  color: #E9EDEF;
  background-color: rgba(231, 76, 60, 0.88);
  border-color: rgba(231, 76, 60, 0.88); }

.fl { float:left!important }

.nav-sm .nav.side-menu li a {pointer
  text-align: center !important;
  font-weight: 400;
  font-size: 11px;
  padding: 7px 5px; }
  
.nav_menuweb {
    float: left;
    background: #2b6f72;
/*	background: linear-gradient(45deg, #1de099, #1dc8cd);*/
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 1px;
    height: auto;
    min-height: 60px;
    width: 100%;
    color: white;
    position: relative;
}

.webheadertitle:hover {
  color: black !important;
  background-color: white; 
  font-weight: 500 !important;
  cursor:pointer}

@media (max-width:767px){#nav_menu{padding:0 0px}}

.tooltip1 {
    position: relative;
    display: inline-block;
    z-index: 2900 !important;
}

.tooltip1 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #1d8be0; 
    color: white; 
    font-size: 18px;
    text-align: center;
    border-radius: 6px;
    padding: 10px 5px 10px 5px;
	line-height:18px; 
    /* Position the tooltip */
    position: absolute;
    top: 120%;
    left: 50%;
    margin-left: -60px;
}

.tooltip1 .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip1:hover .tooltiptext { visibility: visible; }

.toggle {
    float: left;
    margin: 0;
    padding-top: 5px;
    width: 50px;
    color: white;
}

.selectdiv9 {
  position: relative;
  float: left;
  width: 100%; /* min-width: 300px !important;*/
  margin: 3px 0px 3px;
  z-index:2900;
} 

body {
  color: #414e5d; /* #73879C; */
  background: transparent;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1; }  

.nav_menu1 {
    float: left;
    background: #f7f7f7;
    margin-bottom: 0px;
    width: 100%;
    color: white;
    position: relative;
    padding:5px;
}    

.main_menu span.fas {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #f7f7f7;
}  

.nav>li>a { padding: 0px 10px; }

ul li a { padding:5px 0px 5px; }


.hi-menu>li>a {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 40px;
    z-index: 1;
    position: relative;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    border-radius: 2px;
}

 
.nav li ul li > a:hover { background: #7295b4!important;} 

.nav-sm .site_title { display: none; }  
	
.navsb > li > a:hover { background: #7295b4!important;}  	

.nav > li > a:hover { background: #D9DEE4; /*#7295b4!important;*/} 	
  
.sidebar-smallfooter {
	text-align: center !important;
    bottom: 0px;
    height:44px;
    clear: both;
    display: block;
    padding: 5px 0 0 0;
    position: fixed;
    width: 80px;
    background: #2A3F54;
}

* { box-sizing: border-box; }

.listbutton {
    background-color: transparent;
    color: #999 !important;
    border: none;
    height: 31px;
    width: 50px;
    margin: 0px;
    border-radius: 2px;
}

.listbutton:hover { color: white !important;}

.c-white{color:#fff!important}

.c-black{color:#000!important}
 
:full-screen [data-ma-action=fullscreen]{display:none}

.m-b-0{margin-bottom:0!important}
.m-l-10{margin-left:10px!important}
.m-l-20{margin-left:20px!important}
.m-l-25{margin-left:25px!important}

.p-t-1{padding-top:1px!important}
.p-t-2{padding-top:2px!important}
.p-t-3{padding-top:3px!important}
.p-t-4{padding-top:4px!important}
.p-t-5{padding-top:5px!important}
.p-t-8{padding-top:8px!important}
.p-t-10{padding-top:10px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-25{padding-top:25px!important}

.p-b-5{padding-bottom:5px!important}	
.p-b-10{padding-bottom:10px!important}

.p-l-0{padding-left:0!important}
.p-l-5{padding-left:5px!important}								
.p-l-10{padding-left:10px!important}
.p-l-15{padding-left:15px!important}
.p-l-20{padding-left:20px!important}
.p-l-25{padding-left:25px!important}
.p-l-30{padding-left:30px!important}

.p-r-25{padding-right:25px!important}
.p-r-0{padding-right:0px!important}

.f-14{font-size:14px!important}
.f-16{font-size:16px!important}
.f-18{font-size:18px!important}
.f-20{font-size:20px!important}
.f-400{font-weight:400!important}


.col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
.col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable,
.col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
.col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable
.col-sm-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
.col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable
.col-xs-1.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
.col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable {
  padding-left: 0;
  padding-right: 0;
}


.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;
min-height:1px;
padding-left:0px;
padding-right:0px}



@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}

.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}

.c-darkPurple {
    color: #530fd8!important;
}

.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px; }
  
  
/*************** mobile friendly *********************/

.hf{
	font-size: 16px;
	font-weight: 400;
}


/*************** @media (max-width:767px) ********************************************************************/

@media (max-width:767px){
	.tooltip1:hover .tooltiptext {
    	visibility: hidden;
	}
	.hi-menu>li>a {
		line-height: 30px;
	}
	
	.scpl {
	 	float: left!important;
	}
	.nav-sm footer {
    	margin-left: 0px!important; 
	}
	
	.modal-dialog{width:100%; margin:100px auto} 
	
	.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    	margin: auto !important;
    	width: 400px !important;
    	max-width: 100%;
    	border-radius: 5px;
	}

	.longbtn {
		width: 300px!important;
		white-space:normal!important;
	}

	.form-group>.fg-line>input {
		border:1px solid #e0e0e0;
		border-radius:4px;
		padding-left:5px;
		padding-right:5px;
		height: 35px;
		font-size: 20px;
	}
	.BH {
		border:1px solid #e0e0e0;
		border-radius:4px;
		padding-left:5px;
		padding-right:5px;
		height: 35px;
		font-size: 20px;
	}
	.form-control:focus{ border-color:#2ebed7 !important;}
	.BH:focus{ border-color:#2ebed7 !important;}

	
	h1 {
	    line-height: 1.0;
	}

	.navbar-nav{
		padding:10px;
	}
	
	footer {margin-left: 230px;}
    	
	.f-16{font-size:20px!important}

	.hf{
		font-size: 20px;
    	font-weight: 500;
	}

	.form-group>.fg-line>label {
		font-size: 20px;
   		font-weight: 500 !important;
	}

	body {
		background: #2A3F54;
    	font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    	font-size: 16px;
    	font-weight: 400;
    	line-height: 1.1; } 
  
	.form-control {
    	width: 100%;
    	height: 35px;
   		font-size: 20px;
    	padding: 0px 0px;
    	background-color: transparent;
    	border: 1px solid #e0e0e0;
    	border-radius: 6px;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.container2 { width: 100%!important; padding: 0; }

	.x_panel {
    	padding: 10px 1px !important;
	}

	label {
    	font-weight: 500 !important;
	}

	.zmdi-hc-2x {
		font-size: 35px!important;
		padding-left: 0px;
		padding-top: 0px;
		z-index: 1000;
	}
	.fa-16x {
    	font-size: 30px!important;
    	position: inherit;
    	vertical-align: top;
    	padding-left: 0px;
	}

	.navbar-nav {
    	padding: 0px 10px 0px 10px;
	}

	.toggle a {
    	padding: 0px 35px 0px 0px;
    	margin: 0;
    	cursor: pointer;
    	padding-top:0px!important;
	}

}