/*========================================================
			UNIVERSAL
========================================================*/

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Light.eot');
	src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Light.woff') format('woff'),
		url('../fonts/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Semilight';
	src: url('../fonts/SegoeUI-Semilight.eot');
	src: url('../fonts/SegoeUI-Semilight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Semilight.woff') format('woff'),
		url('../fonts/SegoeUI-Semilight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-SemiBold.eot');
	src: url('../fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
		url('../fonts/SegoeUI-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Italic.eot');
	src: url('../fonts/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Italic.woff') format('woff'),
		url('../fonts/SegoeUI-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

* {
    /*color: #333;*/
    font-family: 'Segoe UI Semilight';
}
body {
    background: #fafafa;
    color: #333;
    font-family: 'Segoe UI Semilight';
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px;
}
h1 {
    font-size: 36px;
    line-height: 40px;
    font-family: 'Segoe UI';
    font-weight: 600;
}
h2 {
    font-size: 32px;
    line-height: 36px;
    font-family: 'Segoe UI';
    font-weight: 600;
}
h3 {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Segoe UI';
    font-weight: 300;
}
h4 {
    font-size: 25px;
    line-height: 29px;
    font-family: 'Segoe UI';
    font-weight: 300;
}
h5 {
    font-size: 23px;
    line-height: 27px;
    font-family: 'Segoe UI';
    font-weight: 300;
}
h6 {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Segoe UI Semilight';
    font-weight: 300;
}
p {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Segoe UI Semilight';
    font-weight: 300;
}
/*a, a:hover, a:visited, a:active {
    text-decoration: none;
    color: #fff;
    transition: ease 0.4s;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    -ms-transition: ease 0.4s;
}*/
ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
table {
    width: 100%;
}
table th, table td {
    min-width: 20px;
    padding: 2px;
}
table tr:nth-child(even) {
    background: #eaeaea;
}
.LT {
    float: left;
}
.RT {
    float: right;
}
.btn_blue {
    background: #3073bb !important;
    color: #fff !important;
    text-align: center !important;
}
/* Start Loader */
.loading_outer {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.31);
    z-index: 10055;
}
.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* End loader */
/* Start small drop down menu */
.small_dropdown button {
    background: #fff;
    border: 1px solid #cfcfcf;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    text-align: left;
    padding: 1px 10px;
    min-width: 120px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}
.small_dropdown ul.dropdown-menu {
    padding: 0px;
}
.small_dropdown ul.dropdown-menu li a {
    padding: 3px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/* End small drop down menu */
/*========================================================
			END UNIVERSAL
========================================================*/

/*========================================================
			Start custom styling
========================================================*/
/*
			Start Table Panel
========================================================*/
body .report_table tr {background: #fff;}
body .report_table tfoot td {padding-top: 20px; background: #eaeaea;}
.badge, .input-inline {vertical-align: top;}
td.text-center {
    width: 18% !important;
    min-width: 240px;
}
/* Start Table Top */
.table_panel {
    position: relative;
    background: #f5f5f5;
    box-shadow: 0px 0px 9px -2px rgba(0,0,0,.8);
}
.table_panel .table_top {
    padding: 10px;
    background: #3073bb;
}
.table_panel .table_top > span {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.table_panel .table_top ul.table_top_inner {
    display: inline-block;
    width: 93%;
}
.table_panel .table_top ul.table_top_inner > li {
    display: inline-block;
    margin: 0px 1px;
}
.table_panel .table_top ul.table_top_inner li .remove_filter {
    background: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 18px;
    color: #ff8c8c;
    text-align: left;
    padding: 1px 10px;
    font-weight: 800;
}
.table_panel .table_top ul.table_top_inner li.bookmark {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 0px 13px;
}
.table_panel .table_top ul.table_top_inner li.refresh {
    border-left: 1px solid #fff;
    float: right;
}
.table_panel .table_top ul.table_top_inner li.refresh .refresh_btn {
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    padding: 1px 10px;
}
.table_panel .table_top ul.table_top_inner li.refresh .refresh_btn .fa-refresh {
    margin-right: 10px;
    color: #fff;
}
/* End Table Top */

/* Start Table Filter */
.table_panel .table_filters {
    position: relative;
    padding: 10px;
    display: inline-block;
    width: 100%;
    background: #f2f2f2;
}
.table_panel .table_filters ul.table_filters_inner {
    display: inline-block;
    float: right;
}
.table_panel .table_filters ul.table_filters_inner > li {
    display: inline-block;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    top: 94%;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.table_panel .table_filters .table_filters_inner .filter_list li {
    width: 100%;
}
.table_panel .table_filters .table_filters_inner .filter_list .title {
    background: #e2e2e2;
    padding: 5px 15px;
}
.table_panel .table_filters .table_filters_inner .filter_list .title .mainheading {
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
}
.table_bg {
    background: #eeeeee;
    padding: 15px;
    display: block;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.filter_list_width  {
    width: 25%;
    vertical-align: top;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter label {
    font-size: 13px;
    line-height: 17px;
    text-shadow: none;
    color: #333;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter label input {
    margin-right: 5px;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter ul.list {
    background: #fff;
    padding: 10px;
    height: 158px;
    max-height: 158px;
    min-height: 162px;
    overflow-y: auto;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid rgba(51, 51, 51, 0.29);
    border-radius: 3px;
    box-shadow: 0px 0px 2px rgba(51, 51, 51, 0.28);
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter ul.list label {
    font-family: 'Segoe UI';
    font-weight: 300;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.filter_values li {
    margin-bottom: 15px;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.filter_values label {
    min-width: 50px;
    margin-right: 5px;
	font-family: 'Segoe UI';
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.filter_values input {
    min-width: 20px;
    max-width: 70px;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.filter_save_btn {
    text-align: center;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.reset_filter_btn {
    text-align: right;
}
.table_panel .table_filters .table_filters_inner .filter_list table.filter td.filter_save_btn button {
    font-size: 15px;
    line-height: 19px;
    color: #eee;
    text-align: center;
    border: 1px solid rgba(51, 51, 51, 0.18);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    margin: 0px 5px;
}
.apply_filter {
    background: #2f91fe !important;
}
.apply_filter:hover {
    background: #2577d2 !important;
}
.save {
    background: #41a92e !important;
}
.save:hover {
    background: #328323 !important;
}
.save_as {
    background: #6aa85e !important;
}
.save_as:hover {
    background: #538848;
}
.reset_filter {
    background: rgba(242, 99, 30, 0.84) !important;
}
.reset_filter:hover {
    background: rgba(218, 79, 12, 0.84) !important;
}

/* Start bookmark */
.table_panel .table_filters .table_filters_inner .filter_list table.bookmark {
    width: 30%;
    background: #fff;
}
.table_panel .table_filters .table_filters_inner .filter_list table.bookmark td {
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 13px;
    line-height: 16px;
    padding: 5px;
}
/* End bookmark */

/* Start alert */
.table_panel .table_filters .table_filters_inner .filter_list .email_alert {
    display: table;
    width: 100%;
    padding: 15px 200px;
}
.table_panel .table_filters .table_filters_inner .filter_list .email_alert h3 {
    margin: 0px;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
}
.table_panel .table_filters .table_filters_inner .filter_list .email_alert h3 span{
    display: block;
}
.table_panel .table_filters .table_filters_inner .filter_list .email_alert button {
    margin-top: 8px;
}
/* End alert */

/* Start commission */
table.commission {
    width: 30%;
    margin: 0 auto;
    overflow: scroll;
}
table.commission th, table.commission td {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 5px;
    background: #fff;
}
table.commission th {
    background: #e2e2e2;
}
.commission_btn {
    margin-top: 10px;
    text-align: center;
}
/* End commission */

/* Start setting */
.setting ul li {
    width: 48% !important;
    display: inline-block;
    padding-right: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 5px 0px;
    margin-right: 15px;
    overflow: hidden;
}
.setting ul li span {
    margin-right: 5px;
    color: #333;
}
.setting ul li input {
    min-width: 40px;
    max-width: 60px;
}
/* End commission */

/* End setting */

/* Start table pagination */
.table_panel .table_pagination {
    padding: 10px;
    width: 100%;
    background: #3073bb;
    display: table;
}
.table_panel .table_pagination nav {
    line-height: 0; 
}
.table_panel .table_pagination nav ul.pagination {
    margin: 0px;
}
.table_panel .table_pagination nav ul.pagination > li > a {
    padding: 4px 8px;
    color: #333;
    font-size: 12px;
    line-height: 16px;  
}
.table_panel .table_pagination nav ul.pagination > li > a span {
    font-size: 10px;
    line-height: 14px;
}
.table_panel .page_size {
    margin: 2px 40px;
}
.table_panel .page_size label {
    color: #fff;
    font-weight: 100;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0px;
}
.table_panel .page_size select {
    font-size: 12px;
    line-height: 16px;
    padding: 0px 3px;
    border: transparent;
    outline: none;
}
.table_panel .total_pages {
    margin: 2px 0px;
}
.table_panel .total_pages span {
    color: #fff;
}
/* End table pagination */

/* Start table data */
.table_data {
    overflow-y: auto;
}
.table_panel .table_data table thead tr {
    background: #cecece;
}
.table_panel .table_data table th, .table_panel .table_data table td {
    padding: 5px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #333;
    max-width: 220px;
}
.table_panel .table_data table th {
    background: #3073bb;
    color: #fff;
}
.table_panel .table_data table td.time_date span {
    display: block;
}
.table_panel .table_data table td.rating p {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    background: #c81016;
    color: #fff;
    padding: 1px 3px;
    border-radius: 1px;
    margin: 0px;
}
/* End table data */
/*
			End Table Panel
========================================================*/
/*========================================================
			Start custom styling
========================================================*/