/* 

Dashboard Template 
http://www.templatemo.com/preview/templatemo_415_dashboard

    1. CSS Imports
    2. General Styles
    3. Sidebar
    4. Charts
    5. Preferences form
    6. Sign in form
    7. tables.html
    8. Bootstrap overrides
    9. Maps
    10. Media Queries
	
--------------------------------------- */

/* 1. CSS Imports
--------------------------------------- */
/*@import url('http://fonts.googleapis.com/css?family=Open Sans:300,400,700');*/
@import url(font-awesome.min.css);
/*@import url(bootstrap.min.css);*/
@import url('../../bootstrap.css');
/* 2. General Styles
--------------------------------------- */
* { 
	font-family: Verdana, sans-serif;
	/*margin: 0px ; Used for stickey footer*/

}
html {/*SM*/
    height:100%; /*SM*/
    margin: 0px; /*SM*/
    padding: 0px; /*SM*/
}
body {     
	background-color: /*#fff;rgb(235, 235, 235)*/ /*rgba(0, 0, 0, .075)*/#C9C9C9; 
	font-size: 100%;
    height:100%; /*SM*/
    min-height:100%;
    margin: 0px; /*SM*/
    padding: 0px; /*SM*/
}
form {/*SM*/
    height:100%;/*SM*/
}
.fill-form {
    /*position: relative;*/
    min-height: 100%;
    width: 100%;
    /*background-color: green;*/
    /*margin-bottom:-100px;*/
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 100%; 
    margin: 0 auto -100px; /*Allow for footer height*/
}

h1 { 
	font-size: 16px; 
}
.btn a {
    color: white;
    text-decoration: none;
}
.logo { display: inline-block;
        padding-top: 10px; 
    padding-bottom: 10px;
}
@media (max-width: 991px) {
  .logo {
   display:inline-block; 
	margin-left:-54px;
    
  }
  .logo-simple{
	  width:100%;
	  text-align: center;
  }
}

.logo h1 {
    font-size: 16px;
    margin: 10px 15px;
}

.templatemo-content-wrapper {
    background-color: /*rgba(0, 0, 0, .075)*/#C9C9C9;
    float: left;
    width: 100%;
	/*position: absolute;
	top: 88px;
    bottom: 65px;
	overflow-y: auto;*/		
}

/*.templatemo-page-wrapper {
    float: left;
    width: 100%;
	position: absolute;
	top: 88px;
    bottom: 65px;
	overflow-y: auto;
}*/
.templatemo-content {
    /*position:absolute;*/
    margin-left: 230px; /*HERE*/
    margin-top: 0px;
    /*margin-bottom: -100px;*/   
    min-height:100%;
    padding: 10px 20px 10px 20px; /*25px 20px 0 20px*/
    background-color: white;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    overflow: auto;
    /*display:block;*/
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
	/*width: -webkit-calc(100% - 235px);
	width: -moz-calc(100% - 235px);
	width: calc(100% - 235px);
	position: absolute;
	top: 0px;
    bottom: 0px;*/	
}

/*SM 6.25.19 04/25/2018 NOT IN USE*/
/*.templatemo-footer {
    clear: both;
    font-size: 11px;
    padding: 8px 0 5px 0;
    text-align: center;
    color: #808080;
    background-color:#D9D9D9;
}*/

.templatemo-subscription {
    clear: both;
    font-size: 10px;
    padding: 1px 0px 1px 0px;
    text-align: center;
    color: #808080;
}

.footer-logo{
	text-align: right; 
}
.footer-lang-subscription
{
	text-align: left; 
}
.footer-logo-img{
		padding-right:8px;
	}

.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-30 { margin-bottom: 30px; }

/* 3. Sidebar
------------------------------------------------------*/
#templatemo_search_box {
    width: 150px;
    display: inline-block;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
}
.navbar-inverse {
    background-color:/*rgba(0, 0, 0, .075)*/#C9C9C9;
}
.navbar-header { 
	color: #fff; 
}
.templatemo-sidebar {
    padding: 0;
    margin-top: 0px;
	height:100%;
}
.templatemo-sidebar .templatemo-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
	/*background-color: /*rgb(235, 235, 235) rgba(0, 0, 0, .075);*/
}
.templatemo-sidebar .templatemo-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
}
.templatemo-sidebar .templatemo-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 15px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;    
}
.templatemo-sidebar-menu a { color: black; }
.templatemo-sidebar-menu a:hover { text-decoration: none; }
.templatemo-sidebar-menu li.sub .templatemo-submenu { display: none; }
.templatemo-sidebar-menu li.sub.open .templatemo-submenu { display: block; }
.templatemo-submenu { padding-left: 0; }
.templatemo-submenu li {
    list-style: none;
    background-color: #DFDFDF;
}
.templatemo-submenu li a {
    display: block;
    padding: 13px 15px;
    margin: 0;
	font-size: 14px;
}
.templatemo-sidebar-menu > li.sub.open > a {
    background-color: rgba(145,145,145,0.3);
}
.templatemo-sidebar .templatemo-sidebar-menu >li.active, .templatemo-sidebar .templatemo-sidebar-menu>li>a:hover {
    background-color: #ccc;
}
.templatemo-submenu li > a:hover {
    background-color: rgb(228,228,228);
}
.templatemo-sidebar .templatemo-sidebar-menu > li > a > i {
    font-size: 14px;
    top: 2px;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 4px;
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

/* 4. Charts 
--------------------------------------------*/
.templatemo-chart-box {
    display: inline-block;
    text-align: center;
    padding: 20px 30px 30px 0;
}

/* 5. Preferences Form
------------------------------------------*/
#templatemo-preferences-form {
    max-width: 960px;
    margin-bottom: 30px;
}

/* 6. Sign in Form 
--------------------------------------------*/
.templatemo-signin-form {
    padding-top: 50px;
    max-width: 600px;
    margin: 0 auto;
}
.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

/* 7. tables.html
------------------------------------------*/
#templatemo_sort_btn { margin-bottom: 20px; }

/* 8. Bootstrap overrides
----------------------------------------------*/
/*SM 03/15/2018 6.25.19 Allow for rounded corners.*/
/*.nav-pills>li>a, .nav-tabs>li>a, .alert, .progress, .panel, .btn, .panel-group .panel, .form-control, .modal-content, .breadcrumb {
    border-radius: 0;
	
}*/ /*END SM 03/15/2018 6.25.19 Allow for rounded corners.*/
.nav-tabs>li>a
{
color: #000;
	background-color: #e5e5e5;
}
.list-group-item:first-child, .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-control-feedback { right: 15px; }

/* 9. Maps
------------------------------------------------------*/
.jqvmap-zoomin, .jqvmap-zoomout {
    width: 15px;
    height: 15px;
}
.vmap { height: 400px; }

/* 10. Media Queries
------------------------------------------------------*/
@media screen and (min-width: 992px) {
    .templatemo-sidebar {
        width: 230px; /*HERE*/
        float: left;
        position: relative;
        margin-right: -100%;
    }
}
@media screen and (max-width: 991px) {
    .navbar-form {
        padding: 0;
        margin-left: 0;
    }
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .templatemo-sidebar {
        border-top: 0 !important;
        margin: 20px;
    }
    
        .templatemo-sidebar.navbar-collapse.collapse {
        display: none !important;
    }

    .templatemo-sidebar.navbar-collapse.in {
        border-top: 0 !important;
        margin: 20px;
        position: relative;
        overflow: hidden !important;
        overflow-y: auto !important;
        display: block !important;
    }
	.templatemo-content-wrapper
	{
        float: none;
		/*top: auto;
		bottom: auto;*/
		
	}
	.templatemo-content
	{
		margin: 0;
        height: auto !important;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
		/*width: 100%;
		top: auto;
		bottom: auto;
		position: static;			
		min-height:600px;*/
	}

	.footer-logo{
		text-align: center; 
}
	.footer-lang-subscription{
		text-align: center; 		
}
	.footer-logo-img{
		padding-right:0px;
	}
}
@media screen and (max-width: 767px) {
    .templatemo-chart-box {
        padding-right: 0;
    }
}

/****11. Sticky Footer*************************/

/*html, body {
	height: 100%;
}*/

/*.page-wrap {
    min-height: 100%;
    margin-bottom: -90px;
}*/
/*.page-wrap:after {
  content: "";
  display: block;
}*/
.footer-push
{
    height: 100px; /*Push must be same height as Footer */
}
.site-footer { /*, .page-wrap:after {*/
    /* .push must be the same height as footer */
    height: 100px;
    /*margin-bottom: -100px;*/
    font-size: 11px;
    padding: 8px 0 5px 0;
    text-align: center;
    color: #808080;
    background-color:#C9C9C9;
}  

      
/*.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support 
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height 
	position: relative;
}
.footer, .push {
	height: 120px; /* .push must be the same height as .footer 
}*/

/*html,
body, container { height: 100%; }
 
body, container {
  display: table;
  width: 100%;
}

header {
  background-color:#333;
  color:#fff;
}

.sidebar {
  background-color:#EEE;
  display:table-cell;
  height:100%;
}

.main {
  background-color:#999;
  height:100%;
}
 
.page-row {
  display: table-row;
  height: 1px;
}
 
.page-row-expanded { height: 100%; }
#header {
    height:50px;
    width:100%;
    top:0px;
    left:0px;
    background: #CCCCCC;
    position:fixed;
}
#footer {
    height:50px;
    width:100%;
    bottom:0px;
    left:0px;
    background: #CCCCCC;
    position:fixed;
}
#content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:100%;
    padding: 0 20px;
}
#content > div {
    padding: 70px 0;
}*/
.big-holder, .LeftNavigation, .Content-new
{
    height: 100%;
    margin-bottom:-100px;
}
    .big-holder:before
    {
        content: '';
        height: 100%;
        float: left;
    }

.HeightTaker
{
    position: relative;
    z-index: 1;
}

    .HeightTaker:after
    {
        content: '';
        clear: both;
        display: block;
    }

.Wrapper-new
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.LeftNavigation
{
    float: left;
    width: 230px;
}
.LeftNavigation, .Content-new
{
    overflow: auto;
}