/* Global Styles */

/* ------------------------------- */

 body {
    background-color: #333;
	font-family: 'Open Sans',sans-serif;
}

/* Wrappers */

/* ------------------------------- */

 #wrapper {
    width: 100%;
}
#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

.footer_by{
	background:#fff;padding-bottom:10px
}

.footer_by a{
	margin-right:20px;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 200px;
        padding: 0 30px;
        min-height: 1300px;
        border-left: 1px solid #e7e7e7;
    }
	.footer_by{
		margin: 0px 0px 0px 200px;
	}
}


/* Navigation */

/* ------------------------------- */
.page-header {
	margin: 0 0 20px 0;
}

.text-normal, .text-normal > *{font-weight:400}

/* Top Right Navigation Dropdown Styles */

 .navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 200px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}


@media only screen and (max-width: 40em) { 
	 .pull-right-xs {
        float: right !important;
    }
	.small-only-text-center {
		width: 100%;
		text-align: center !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.pull-right-sm {
        float: right !important;
    }
	.medium-only-text-center {
		width: 100%;
		text-align: center !important;
    }
} 

@media only screen and (min-width: 64.063em) { 
	.pull-right-lg {
        float: right !important;
    }
	.large-only-text-center {
		width: 100%;
		text-align: center !important;
    }
} 

/* Buttons */

/* ------------------------------- */

 .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

 .chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

/* Login Page */

 .login-panel {
    margin-top: 25%;
}

/* Flot Chart Containers */

 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

 table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

/* navbar */
.navbar-default {
    background-color: #333;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #A8A8A8;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #333;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #A8A8A8;
    border-bottom-color: #A8A8A8;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #A8A8A8;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

nav ul li a {
    color: #A8A8A8;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 10px 10px 10px 11px;
    position: relative;
    text-decoration: none !important;
}

.form-signin, .redirect {
  max-width: 400px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin{
	max-width: 330px;
}

.form-signin span.glyphicon{
	margin:30px 90px 5px;
	font-size: 130px;
	display: inline-block;
	color: #eaeaea;
}


.body{
	background-color: #f5f5f5;
}

.ui-state-default, .ui-state-active{
	padding: 3px;
	margin: 4px 0;
}
.ui-state-highlight{
	min-height: 26px;
	background: #f5f5f5;
}

h1, .h1 {
    font-size: 26px;
}
h2, .h2 {
    font-size: 20px;
}
h3, .h3 {
    font-size: 18px;
}

.panel-title > a {
    color: inherit;
	display:block;
	outline:0
}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}

.ml-15{margin-left: -15px;}
.mr-15{margin-right: -15px;}

.mr10 {margin-right:10px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}

.text-sticky{position: sticky;top: 0;}

.btn_small{padding: 6px 9px;
font-size: 13px;
line-height: 1.5;}
input[type="file"].form-control {height: auto;}
.nav > li > a{border-bottom:1px solid transparent;border-top:1px solid transparent}
.nav > li:hover > a{color:#fff;background:#00A4E5;} /* dark - #00669C */
.nav > li.active > a, .nav > li > a:focus{background:#00A4E5;color:#fff;outline:0;border-bottom:1px solid #0097D8;border-top:1px solid #0097D8;}
.nav > li > a.active{color:#fff;}
.pagination > li > a, .pagination > li > span {background:#00A4E5;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus  {
	background:#00669C !important;
	cursor:pointer
}

a {color: #00A4E5;}
.btn {transition:0.25s}
a:hover {color: #00669C;}

.form-control:focus {
    border-color: #00A4E5;
}

li a.btn-primary:hover, li a.btn-primary:focus, li a.btn-primary:active{
    color: #fff !important;
    background-color: #1E2A36 !important;
    border-color: #161F29 !important;
}

li a.btn-danger:hover, li a.btn-danger:focus, li a.btn-danger:active{
    color: #fff !important;
    background-color: #DF2E1B !important;
    border-color: #DF2E1B !important;
}

li a.btn-info:hover, li a.btn-info:focus, li a.btn-info:active{
    color: #fff !important;
    background-color: #2383C4 !important;
    border-color: #2077B2 !important;
}

.btn-sm{border-radius: 4px;}

.nav.nav-tabs > li.active{
	border-bottom: 1px solid #fff;
}
.nav.nav-tabs > li:hover > a {
    color: #00A4E5;
    background: #fff;
}

.nav.nav-tabs > li > a:focus, .nav.nav-tabs > li.active > a{
    background:#fff;
	color:#00669C;
	outline: 0;
	font-weight:bold;
	border-top:1px solid #ECF0F1;
	border-bottom:1px solid #fff;
}

.switch-box {
	position: relative;
	width:320px;
	text-align:center
}


.switch{
	background: #cdcdcd;
	border-radius: 16px;
	display: block;
	height: 32px;
	position: relative;
	width: 80px;
}

.switch label {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	line-height: 30px !important;
	text-transform: uppercase;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	width: 200px;
}


.switch label:nth-of-type(2) {
	left: 0;
	position: absolute;
	text-align: right;
}

.switch label:nth-of-type(1) {
	position: absolute;
	right: 0;
	text-align: left;
}

.switch input {
	height: 32px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 80px;
	z-index: 2;
}

.switch input:hover, .switch label:hover{
	cursor:pointer;
}

.switch-box input:checked~label:nth-of-type(2) { color: #ccc; }
.switch-box input:checked~label:nth-of-type(1) { color: #808080; }

.switch-box input~:checked~label:nth-of-type(2) { color: #808080; }
.switch-box input~:checked~label:nth-of-type(1) { color: #ccc; }



.switch input:checked~.toggle {
	left: 2px;
}

.switch input~:checked~.toggle {
	left: 50px;
}

.switch input:checked {
	z-index: 0;
}

.toggle {
	background: #4a4a4a;
	border-radius: 50%;
	height: 28px;
	left: 0;
	position: absolute;
	top: 2px;
	-webkit-transition: left .2s ease;
	-moz-transition: left .2s ease;
	-ms-transition: left .2s ease;
	-o-transition: left .2s ease;
	transition: left .2s ease;
	width: 28px;
	z-index: 1;
}

textarea{resize:vertical}

#side-menu .fa.arrow{line-height:20px;}


/*no more table*/

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		white-space: normal;
		text-align:left;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px !important; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
	
}

.nav .open > a{background:#00A4E5 !important;color:#fff;}

.text-truncate{
	width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis ;
	vertical-align: middle;
}


.btn{
    text-decoration: none !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: center !important;
	margin-top: 20px !important;
}