@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

html,
body { height: 100%; font-family: 'Roboto', sans-serif; background-color: #192430; font-size: 14px; color: #192430; line-height: 20px; font-weight: 400;}
html{ min-height: 100%;}
body{ position: fixed; width: 100%; height: 100%;}
img{ display: block; max-width: 100%; border: 0; outline: 0;}

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; margin: 10px 0;}
h1.page-title{ font-size: 128%; margin: 0 20px 0 0; line-height: 30px;}
h2{ font-size: 171%; line-height: 130%; font-weight: 700;}
h3{ font-size: 142%; line-height: 130%; font-weight: 400; color: #336496;}
h4{ font-size: 128%; line-height: 130%;}
h5{ font-size: 128%; line-height: 130%;}

a{color: #347ab8; outline: none;}
a:hover{ color: #1760ac;}

input, button, select, textarea{ outline: 0;}
select{ padding-right: 20px;}

input[type="text"], input[type="email"], input[type="tel"]{ min-width: 140px; border: 1px solid #e5e5e7; background: #fff; line-height: ; padding: 5px 10px; line-height: 18px; margin: 0; box-sizing: border-box;}

input[type="button"], input[type="submit"]{ border: 0;}

/*input[type="checkbox"] {width: 15px; height: 15px; border: 1px solid #f00;  margin: 6px 10px 0 0; display: inline-block; vertical-align: top;}*/

label input[type="checkbox"]{display: none;/* <-- hide the default checkbox */}
label span {/* <-- style the artificial checkbox */height: 15px; width: 15px; border: 1px solid grey; display: block; position: relative; float: left; margin: 7px 5px 0 0;}
input[type=checkbox]:checked + span:before { content: '\2714'; position: absolute; top: 0; left: 0; display: block; width: 14px; height: 14px; line-height: 14px; color: #8bbc21;}
.ui-icon-triangle-1-s{ display: none;}


ul{ padding: 0;}
li{ list-style-type: none;}

/*color and background*/
.white-bg{ background: #fff;}
.grey-bg{ background: #f2f3f5;}
.off-white-bg{ background: #f9f9f9;}

.blue{ background: #4a79a7;}
.sea-blue{ background: #4aa895;}
.light-green{ background: #aec33a;}
.fadedGreen{ background-color: #4c8c4a; }
.yellow{ background: #e4c221;}
.orange{ background: #d58741;}
.light-orange{ background: #FFCCBC !important;}
.red{ background: #d65656;}
.deep-grey{ background: #4c4c4c !important;}
.light-blue{ background: #BBDEFB !important;}
.sky{ background: #C5E1A5 !important;}
/*padding*/
.global-padding{ padding: 20px 10px;}
.offset-left-0{ padding-left: 0;}
.offset-right-0{ padding-right: 0;}

/*margin*/
.margin-top{ margin-top: 15px;}

.arrowDown, .arrowUp{ position: relative;}
.arrowDown:after{ content: '\f063'; color: #f00; font-size: 85%; font-family: fontAwesome; position: absolute; margin-left: 5px; top: 10px;}
.arrowUp:after{ content: '\f062'; color: #709b2c; font-size: 85%; font-family: fontAwesome; position: absolute; margin-left: 5px; top: 9px;}

.secHeading{ margin-bottom: 20px;}

.dragIcon{ width: 12px; height: 20px; display: block; color: #b4b6bb; position: absolute; right: 0; top: 5px;}
.dragIcon:after{ font-family: fontAwesome; content: '\f047';}

#wrapper { width: 100%; /*overflow-x: hidden;*/ height: 100%;}
.loginForm{ max-width: 330px; margin: 0 auto;}
#page-wrapper {/* min-height: 568px;*/ position: relative !important; /*padding-bottom: 50px;*/ height: 100%;}

.nav-header { background-color: #1661ab; height: 50px; box-sizing: border-box; padding: 10px 20px;}
.nav-header a{ display: block; text-align: left;}
.nav-header .logo-element-big img{ width: 70%; height: auto;}
.nav-header .logo-element img{ width: 20px; height: auto; margin: 0 auto;}
.logo-element{ text-align: center; display: none; padding: 10px;}

body.mini-navbar .logo-element { display: block;}

body.mini-navbar .logo-element-big{ display: none;}

body.mini-navbar .nav-header {padding: 0;background-color: #1661ab;}

.md-icon{ width: 45px; height: 45px; display: block; float: left; margin-right: 10px;}
.md-icon svg{ height: 100%;}

.btn{ border-radius: 0; outline: 0; color: #fff; display: inline-block; margin: 0 10px; text-align: center; box-sizing: border-box; min-width: 170px; padding: 10px; line-height: 20px; position: relative; border: 0;}
.btn:active, .btn.active{ box-shadow: inherit;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{ outline: 0; outline-offset: inherit; color: #fff;}
.btn:hover{  background: #192430; color: #fff;}

.save-button, .nav > li > a.save-button{ padding: 5px 10px; width: 50px; min-width: inherit; margin: 0; display: inline-block;}
.primary-button{ background: #1760ac;}
.primary-button:hover{ background: #192430; color: #fff;}
.compareButton{ min-width: 77px; padding: 5px !important; margin: 0;}

/*navigation start*/
.nav > li > a:hover, .nav > li > a:focus{ background: none; color: #1661ab;}
.nav > li > a.btn:hover, .nav > li > a.btn:focus{ background: #192430; color: #fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover svg, .nav .open > a svg{ background: none; color: #1661ab; fill: #1661ab;}
.navigation{ min-height: 50px; border-bottom: 1px solid #f1f1f1; margin: 0;}

.navbar-header { display: inline; float: left;}
.navbar-minimalize{ width:50px; height: 50.navigationpx; display: block; background: #192430; text-align: center; box-sizing: border-box; padding: 10px;}
.navbar-minimalize img{ width: 30px;}
/*navigation end*/

/*sidebar start*/
.metismenu{ overflow-y: auto; overflow-x: hidden;}
#sidebar.navbar-default{ background-color: inherit;}
#sidebar .nav > li{ border-bottom: 1px solid rgba(255, 255, 255, .2);}
#sidebar .nav > li > a{ padding: 0 15px 0 0; color: #fff; font-size: 114%; line-height: 50px;}
#sidebar .nav > li > a.has-sub:after{ content: '\f107'; display: block; font-family:fontAwesome; position: absolute; right: 10px; top: 0;}
#sidebar .nav > li.active > a.has-sub:after{ content: '\f106'}
#sidebar .nav > li > a span.nav-label{ padding-left: 15px;}
#sidebar .nav > li > a:hover, #sidebar .nav > li > a:focus, #sidebar .nav > li.active > a{background: #4aa895;}
#sidebar .nav > li > a:hover .sidebar-icon, #sidebar .nav > li.active > a .sidebar-icon { background: inherit; }
.sidebar-icon { width: 50px; height: 50px; display: block; float: left; box-sizing: border-box; padding: 10px; text-align: center; background: rgba(0, 0, 0, .5); border-right: 1px solid rgba(255, 255, 255, .2);}
.sidebar-icon img{ height: 100%; margin: 0 auto;}

.arrow {
  float: right;
  display: block; margin: 22px 0;
}
.fa.arrow:before {
  content: "\f104";
}
.active > a > .fa.arrow:before {
  content: "\f107";
}
/*sidebar end*/

.filterPanel{ padding: 10px 25px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; min-height: 51px;}
.searchByList{ position: absolute; left: 25px; top: 10px;}
.tableline{clear: both;}
.tableline .searchByList{position: static;display: inline-block;margin-bottom: 15px;display: block!important;}
.tableline .amcharts-chart-div svg{top: 30px!important;}
.searchByList.collapse{ display: block;}
.nav-pills > li + li{ margin: 0;}
.nav-pills > li{ line-height: 30px; border-left: 1px solid #e6e6e6;}
.nav-pills > li:first-child{ border: 0; margin-right: 10px;}
.nav-pills > li > a{ padding: 0 15px; border-radius: 0; color: #192430;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover{ background: #1661ab; color: #fff;}
.tableline .searchByList li{display: inline-block!important;}
.menu-icon{ display: block; float: left; height: 30px; width: 30px; box-sizing: border-box; text-align: center; padding: 5px;}
.menu-icon svg{ fill: #192430;}

.headerRight{ float: right;}
.headerRight > li{ float: left; /*border-left: 1px solid #e6e6e6;*/}

.headerRight > li > a{ padding: 10px 25px; display: block; line-height: 30px; color: #192430; font-weight: 700; border-left: 1px solid #e6e6e6;}
.headerRight > li:last-child > a{ margin-right: 0;}
.caret{ border: 0; width: 10px; height: 8px; margin-left: 10px;}
.notification .caret{ width: 25px; height: 25px; margin: 0;}
.headerRight > li > a:hover, .headerRight > li > a:focus, .headerRight .open > a, .headerRight .open > a:hover, .headerRight .open > a:focus{ background-color: #f9f9f9; border-color: #e6e6e6;}

.avatar{ width: 30px; height: 30px; display: block; border: 1px solid #f1f3f5; box-sizing: border-box; border-radius: 50%; overflow: hidden; float: left; margin-right: 15px;}

.visible-tab{ display: none;}
.headerBottom{ position: relative;}
.dropdownNav.collapse{ display: block; height: auto !important;}

.dropdownNav{ padding: 0 25px;}
ul.selectList{ width: 100%; padding: 5px 0; display: flex; display: -webkit-flex;}
ul.selectList > li{ box-sizing: border-box; border-left: 1px solid #e2e3e5; padding: 0 10px; font-size: 95%; line-height: 30px; flex: 1; -webkit-flex: 1;}

ul.selectList > li:first-child{ border: 0; padding-left: 0;}
ul.selectList > li:last-child{ padding-right: 0;}

ul.selectList > li.currencyWrap{ min-width: 210px;}

.selectList li p{ margin: 0;}

ul.selectList > li select{ width: calc(100% - 30px); border: 0;  padding:0 15px 0 5px; background: transparent; line-height: 30px; height: 30px; cursor: pointer; -webkit-appearance:none; -moz-appearance:none; background: url(../img/icons/dropdown.svg) no-repeat 100% 50%; background-size: 10px auto;}

.dateWrap{ width: calc(100% - 30px); display: block; float: left; overflow: hidden;}
ul.selectList > li .comiseo-daterangepicker-triggerbutton.ui-button{ width: 100%; min-width: inherit; border: 0; margin: 0; padding:0 15px 0 5px; background: transparent; line-height: 30px; height: 30px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  cursor: pointer; -webkit-appearance:none; -moz-appearance:none; background: url(../img/icons/dropdown.svg) no-repeat 100% 50%; background-size: 10px auto; }
.ui-datepicker .ui-datepicker-header{ border: 0;}
.ui-datepicker-multi .ui-datepicker-group table{ margin: 0 5px;}
.comiseo-daterangepicker .ui-state-highlight, .comiseo-daterangepicker .ui-widget-content .ui-state-highlight, .comiseo-daterangepicker .ui-widget-header .ui-state-highlight{  background: #cbd9e7; color: #1661ab; border: 0;}
.comiseo-daterangepicker .ui-menu .ui-menu-item-wrapper{ padding: 5px 10px; display: block;}
.dateType li.current-menu-item a, .dateType li a:hover{ background: #d58741; color: #fff;}
ul.selectList > li.goPanel{ flex: initial; -webkit-flex: initial;}
ul.selectList > li.compareItem{ flex: initial; -webkit-flex: initial; min-width: 100px;}

ul.selectList > li select.curr-custom{ width: calc(100% - 140px);}
.currencySelect{ width: 110px; display: block; float: left;}
ul.selectList > li label{ margin: 0; line-height: 30px; color: #1661ab;}
/*ul.selectList > li.multiSelectItem{ max-width: inherit; width: 20%; max-height: 30px;}*/
.comparedates, .comparedatescompare{ min-width: 25%;}
.btn-group.open .multiselect{ box-shadow: inherit;}
.multiselect-native-select{text-align: left; width: calc(100% - 30px); display: block; float: left;}
.multiselect-native-select .btn-group{ width: 100%;}
.multiYears option{ display: none;}

.multiselect{ width: 100%; border: 0;  padding:0 20px 0 10px; background: transparent; line-height: 30px; height: 30px; cursor: pointer; -webkit-appearance:none; -moz-appearance:none; background: url(../img/icons/dropdown.svg) no-repeat 100% 50%; background-size: 10px auto; text-align: left}
.multiselect-container{ width: 100%;}
.multiselect-container>li>a>label>input[type=checkbox]{ display: block; margin-top: 8px;}
.headerRight .dropdown-menu{ min-width: 250px; border-radius: 0 0 3px 3px; border: 0; border-top: 3px solid #1661ab;}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox{ color: #1661ab; }
.multiselect-container>li.active>a>label.radio, .multiselect-container>li.active>a>label.checkbox{ color: #fff;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background: #1661ab;}
.appendList{padding: 5px 25px; background: #BBDEFB; margin-left: -25px; margin-right: -25px; width: auto;}
/*breadcrumb start*/
.breadcrumb{ background: transparent; border-radius: 0; margin:0; padding: 20px 25px;}
.breadcrumb > .active{ color: #192430;}
.breadcrumb > li + li:before{ color: #192430;}
/*breadcrumb end*/

/*.searchByBtn{ display: none;}
.navbar-collapse.collapse.searchcollapse{ display: none !important;}*/

.mainContent{ padding: 0 15px; overflow-x: hidden; overflow-y: auto; height: 100%;}
.mainContentInn{ position: relative; min-height: 100%; padding-bottom: 44px; box-sizing: border-box;}

/*datepicker start*/
.ui-datepicker{ padding: 0; background: #fff;}
.ui-datepicker.ui-widget.ui-widget-content{ border: 1px solid #e6e6e6;}
.ui-datepicker .ui-datepicker-header{ padding: 0; border-radius: 0; background: #f9f9f9}
.ui-datepicker .ui-datepicker-title{ font-size: 100%; text-transform: uppercase; font-weight: 400; color: #4d5155; line-height: 34px;}

.ui-datepicker table{ margin: 0; overflow: hidden; min-width: inherit;}
.ui-datepicker table thead{ background: #192430;}
.ui-datepicker td{ padding: 0; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.ui-datepicker td span, .ui-datepicker td a.ui-state-default{ border: 0; text-align: center;}
.ui-datepicker td a.ui-state-active{ background: #1661ab;}
.ui-datepicker td a.ui-state-highlight{ background: #cbd9e7; color: #1661ab;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ border: 0; font-size:128%; font-weight: 700; cursor: pointer; top: 0; border-radius: 0; width: 34px; height: 34px; font-family: fontAwesome; line-height: 34px; text-align: center;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{ display: none;}
.ui-datepicker .ui-datepicker-prev:hover{ border: 0;}
.ui-datepicker .ui-datepicker-prev{ left: 0;}
.ui-datepicker .ui-datepicker-prev:after{ content: '\f104';}
.ui-datepicker .ui-datepicker-next{ right: 0;}
.ui-datepicker .ui-datepicker-next:after{ content: '\f105';}

/*datepicker end*/

/*slick slider*/
.slick-track{ padding: 10px 0;}
.slick-arrow{ display: block; padding: 0; margin: 0; border: 0; line-height: 50px; background: #192430; color: #fff; width: 30px; height: 50px; font-size: 0; position: absolute; top: 50%; margin-top: -25px; z-index: 1; font-family: fontAwesome;}
.slick-prev{ left: 0;}
.slick-prev:after{ content: '\f104'; font-size: 16px;}
.slick-next{ right: 0;}
.slick-next:after{ content: '\f105'; font-size: 16px;}

/*color box start*/
.colorBox{ position: relative; padding: 0 10px}
.colorBox a{ color: #fff;}
.color-col{ margin: 0 5px; outline: 0; box-sizing: border-box; float: left;}
.colorBoxItem{box-sizing: border-box; text-align: center; color: #fff; height: 100%; padding-top: 15px;position: relative;transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
/*.slick-current .colorBoxItem{ transform: scale(1.08); margin: 0 7px;}
.colorBoxDashboard .slick-current .colorBoxItem{ transform: inherit; margin: 0;}*/

.colorBoxIcon{ width: 65px; height: 65px; padding:10px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .3); display: block; box-sizing: border-box; margin: 0 auto 15px;}
.colorBoxIcon svg{ height: 100%; width: auto; fill: rgba(255, 255, 255, .4)}
.colorBoxItem:after{background: rgba(0, 0, 0, .2);width: 100%;display: block;position: absolute;left:0;top:100px;height:calc(100% - 100px);content: '';z-index: 1;}

.colorBoxContent{ padding: 10px 5px 15px;position: relative;z-index: 2;}
.colorBoxContent h5{ margin: 0; font-weight: 300; line-height: 180%; font-size: 115%;}
.colorBoxContent h5 span{ display: block; font-weight: 700; font-size:200%; }
.colorBoxContent h5 span sup{ font-size: 50%; font-weight: 300; padding-top: 5px;}

.smlColorBox{ padding: 10px 10px;}
/*color box end*/

.dateList{ margin: 10px 0 0 0;}
.dateList li{ float: left; padding: 0 20px; border-right: 1px solid #e6e6e6;}
.dateList li a{ color: #192430; display: block; font-weight: 500;}
.dateList li.active a, .dateList li a:hover{ color: #d58741;}
.dateList li:last-child{ border-right: 0;}

/*data list start*/
.dateType{ margin: 0 15px 15px 0;}
.headerBottom .dateType{ margin: 0;}
.dateType li{ float: left; margin-right: 2px; line-height: 30px;}
.dateType li a{ padding: 0 15px; border-radius: 0; color: #192430; display: block; background: #f9f9f9;}
.dateType li a i{ display: none;}
.dateType li.active a, .dateType li a:hover{ background: #d58741; color: #fff;}
.dateType li:last-child{ border-right: 0;}
/*data list end*/

/*statistic list start*/
.statisticList{ margin: 0;}
.statisticList li{ float: left; margin-right: 2px; margin-bottom: 2px; }
.statisticList li:last-child{ border-right: 0; margin-right: 0; }
.statisticList li a{ display: block; line-height: 30px; color: #fff; padding: 5px 10px 5px 5px;}
.statisticList li a svg{ fill: #fff;}
.statisticList li a:hover, .statisticList li a:hover svg, .statisticList li.active a, .statisticList li.active a svg{ color: #fff; fill: #fff; background: #192430 !important;}
/*statistic list end*/

/*button List start*/
.buttonList{ margin: 0;}
.buttonList li{ float: left; line-height: 30px; padding: 0 20px; border-left: 1px solid #e5e5e5;}
.buttonList li:last-child{ padding-right: 0;}
.buttonList li:first-child{ border: 0;}

.buttonList li a{color: #192430; display: block;}
.buttonList li a:hover, .buttonList li a:hover .menu-icon svg{ color: #1661ab; fill: #1661ab;}
/*button List end*/

/*sortable start*/
.gridContent{ padding: 40px 0;}
.grid-stack{ min-height: 600px;}
.drag-handle{ cursor: move;}
.animated #sortableArea { -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-fill-mode: inherit; animation-fill-mode: inherit;}
.sortRow{ margin-bottom: 20px;}

.sortRowHead{ margin-bottom: 10px;}
.sortRowHead h2{ margin-bottom: 5px;}

.sortBox{ width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #e6e6e6; padding:20px;}

.sortColumnHead{ position: relative;}
.heading-icon{ height: 30px; width: 45px; padding-right: 10px; box-sizing: border-box; display: inline-block; float: left;}
.heading-icon img{ height: 100%; width: auto;}
.heading-icon svg{ height: 100%; fill:#336496;}
.sortColumnHead h3{ line-height: 30px; vertical-align: top; margin-top: 0;}
.sortColumnHead .date{ margin: 0; padding-bottom: 10px;}
.date{ color: #858585;}
.date span{ color: #192430;}

.graphArea img{ width: 100%; max-height: 100%;}

.sortBoxLg{position: relative; padding: 10px 30px; margin-bottom: 10px;}
.sortBoxLg header{ position: relative;}
.sortBoxLg h2{ font-size: 257%; color: #fff;}
.sortBoxLg .dragIcon{ color: #fff;}

.sortBoxSm{ position: relative; padding: 10px 20px; height: 100%;}
.sortBoxSm header{ position: relative;}
.sortBoxSm header .dragIcon{ color: #fff;}
.sortBoxSm header h3{ color: #fff;}
.sortBoxSm header h3 span{ font-size: 80%; opacity: .5;}
.sortBoxSm .date{ position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; background: rgba(0, 0, 0, .15); color: #fff; padding: 5px 20px;}
.sortBoxSm .date span{ color: #fff;}
.price{  font-size: 257%; font-weight: 700; color: #fff;}

.trash{ width: 12px; height: 12px; position: absolute; right: 20px; z-index: 90; top: 9px; text-align: center; color: #666666; opacity: .4;}
.trash:hover{ text-decoration: none; opacity: .50;}
/*sortable end*/

/*datatable start*/
.tableContainer{width: 100%;overflow: auto;}
.gDataTable{ color: #373f48;}
table.dataTable.no-footer{ border: 0;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{ border-color: #e6e6e6; border-right: 1px solid #e6e6e6;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{ border-top-color: #e6e6e6; border-left: 1px solid #e6e6e6;}
table.dataTable thead th, table.dataTable thead td{ border-bottom-color: #e6e6e6; padding:10px; color: #fff; font-weight: 400; text-align: center; border-left: 1px solid #fff;}
table.dataTable thead th:first-child, table.dataTable thead td:first-child{ text-align: left; border-left: 0;}
table.dataTable tbody th, table.dataTable tbody td{ padding:6px 10px; text-align: center;}
table.dataTable tbody th:first-child, table.dataTable tbody td:first-child{text-align: left;}
/*datatable end*/

.tableScroll{ overflow-x: auto;}
table{border-right: 1px solid #e6e6e6; min-width: 640px;}
.grid-stack-item table{ min-width: 480px;}
/*table thead th, table thead th, table tbody th, table tbody td{ white-space: nowrap;}*/
table thead th, table thead td{border-bottom: 1px solid #fff; padding:10px; color: #fff; font-weight: 400; text-align: center; border-left: 1px solid rgba(255, 255, 255, .2); }
/*table thead th:first-child, table thead td:first-child{ text-align: left; border-left: 0;}*/

table thead th.header:after{ content: '\f077'; font-family: fontAwesome; float: right; font-size: 10px;}
table thead th.header.headerSortDown:after{ content: '\f078';}
/*table tbody{ border-right: 1px solid #e6e6e6; box-sizing: border-box;}*/
table tbody th, table tbody td{ padding:10px; text-align: center; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
/*table tbody th:last-child, table tbody td:last-child{border-right: 1px solid #e6e6e6;}*/
table tbody tr.light-orange td, table tbody tr.sky td, table tbody tr.light-blue td{ border-color: rgba(255, 255, 255, .2);}
table tbody tr:nth-child(odd){ background:#f9f9f9; }
/*table tbody th:first-child, table tbody td:first-child{text-align: left;}*/
table tfoot{background: #e1e1e1!important;}
table tfoot td{padding: 10px!important;}
.clickable tbody td{ cursor: pointer;}

/*tab start*/
.nav-tabs{ border: 0; margin-bottom: 20px;}
.nav-tabs > li{ border-left: 1px solid #e5e5e5; margin: 0 0 0 25px; float: none; display: inline-block; vertical-align: top;}
.nav-tabs > li:first-child{ margin-left: 0; border: 0;}
.nav-tabs > li:first-child a{ margin-left: 0;}
.nav-tabs > li > a{  margin: 0 0 0 25px; padding: 0; display: block; border: 0; border-radius: 0; overflow: hidden; line-height: 30px; font-size: 142%; font-weight: 500; color: #ababab;}
.nav-tabs > li > a .heading-icon svg{ fill: #ababab; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border: 0; background-color: inherit; color: #336496;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{ background: inherit;}
.nav-tabs > li.active > a .heading-icon svg{ fill: #336496;}
/*tab end*/

/*collapseble start*/
.collapsebleLink, .headCollapse{ padding: 5px 25px 5px 10px; min-width: inherit;}
.headCollapse{ background: #192430;}
.headCollapse.collapsed{ background: #1661ab;}
.headCollapse i{ display: none;}
.collapsebleLink:after, .headCollapse.collapsed:after{ content: '\f107'; font-family: fontAwesome; float: right; margin-left: 10px; position: absolute; right: 10px;}
.collapsebleLink.open:after, .headCollapse:after{ content: '\f106'; font-family: fontAwesome; float: right; margin-left: 10px; position: absolute; right: 10px;}
ul.cdList{clear: both;border-top: 1px solid #eee; padding-top: 3px;margin-top: 5px;}

.collapsebleContent{ padding: 20px 25px;max-height: 240px;overflow: auto;}
.collapsebleContent a.btn{float: right;padding: 5px 10px;background: #347ab8; color: #fff; min-width: auto;margin-right: 15px;}
.customiseDashboard{position: relative;overflow: hidden;height: auto;}
.collapsebleContent .row{ margin-bottom: 25px;}
.collapsebleContent .row:last-child{ margin-bottom: 0;}
/*.collapsebleContent .row > div{display: table-cell}*/
/*.customiseCol{padding-bottom: 10000px;margin-bottom: -10000px;}*/
.collapsebleContent h4{ margin: 0;}
.customiseCol{ border:1px solid #e6e6e6; padding: 20px 20px 10px 20px;margin-bottom: 20px;box-sizing: border-box;overflow: hidden}
.customiseCol:hover{ background: #f9f9f9;}
/*collapseble end*/

.cdList li{ padding: 5px 0; display: inline-block; margin-right: 8px;}
.cdList li a{ font-size: 110%;}
.cdList li a:hover{ text-decoration: none; color: #192430;}
.cdList li a i{ padding-right: 5px; color: #192430;}

.pace-done .nav-header {
  transition: all 0.4s;
}
ul.nav-second-level {
  background: #293846;
  opacity: 0;
}
ul.nav-second-level.collapse.in{
    opacity: 1;
}

.navbar-form-custom {
  float: left;
  height: 50px;
  padding: 0;
  width: 200px;
  display: block;
}
.navbar-form-custom .form-group {
  margin-bottom: 0;
}
.nav.navbar-top-links a {
  font-size: 14px;
}
.navbar-form-custom .form-control {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 14px;
  height: 60px;
  margin: 0;
  z-index: 2000;
}
.count-info .label {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}

#sidebar .nav li .nav-second-level li,
#sidebar .nav li .nav-third-level li {
  border-bottom: none !important;
  /*border-bottom: 1px solid rgba(255, 255, 255, .2);*/
}
#sidebar .nav li .nav-second-level li a {
  padding-left: 50px;
  line-height: 36px;
  font-size: 100%;
}
.nav-third-level li a {
  padding-left: 62px;
}
.nav-second-level li:last-child {
  /*margin-bottom: 10px;*/
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: 140px;
  height: auto;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}
.fixed-nav .slimScrollDiv #side-menu {
  padding-bottom: 60px;
}
.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}
.mini-navbar .nav .nav-second-level {
  position: absolute;
  left: 70px;
  top: 0;
  background-color: #2f4050;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
}
.canvas-menu.mini-navbar .nav-second-level {
  background: #293846;
}
.mini-navbar li.active .nav-second-level {
  left: 65px;
}
.navbar-default .special_link a {
  background: #1ab394;
  color: white;
}
.navbar-default .special_link a:hover {
  /*background: #17987e !important;
  color: white;*/
}
.navbar-default .special_link a span.label {
  background: #fff;
  color: #1ab394;
}
.navbar-default .landing_link a {
  background: #1cc09f;
  color: white;
}
.navbar-default .landing_link a:hover {
  /*background: #1ab394 !important;
  color: white;*/
}
.navbar-default .landing_link a span.label {
  background: #fff;
  color: #1cc09f;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.body-small .navbar-fixed-top {
  margin-left: 0;
}
body.mini-navbar .navbar-static-side {
  width: 50px;
}
body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
  display: none;
}
body.canvas-menu .profile-element {
  display: block;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  display: none;
}
body.mini-navbar .navbar-default .nav > li > a {
  font-size: 16px;
}

body.canvas-menu .logo-element {
  display: none;
}

/*body.canvas-menu .nav-header {
  padding: 33px 25px;
}*/
body.mini-navbar #page-wrapper {
  margin: 0 0 0 50px;
}
body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
  margin: 0 0 0 0 !important;
}
body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
  margin: 0 0 0 0;
}
body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
  position: fixed;
  width: 220px;
  z-index: 2001;
  height: 100%;
}
body.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 0;
}
body.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 0;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 220px;
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}
.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  height: auto;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}
body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 13px;
  border-radius: 3px;
}
.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}
.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  position: relative;
  padding: 0;
  font-size: 13px;
}
.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
  left: 0;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
  font-size: 13px;
}
body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
  display: inline;
}
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
  display: block;
}
.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
  padding: 7px 10px 7px 52px;
}
.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  left: 0;
}
body.canvas-menu nav.navbar-static-side {
  z-index: 2001;
  background: #2f4050;
  height: 100%;
  position: fixed;
  display: none;
}
body.canvas-menu.mini-navbar nav.navbar-static-side {
  display: block;
  width: 220px;
}
.top-navigation #page-wrapper {
  margin-left: 0;
}
.top-navigation .navbar-nav .dropdown-menu > .active > a {
  background: white;
  color: #1ab394;
  font-weight: bold;
}
.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
  background: #fff;
}
.top-navigation .navbar {
  margin-bottom: 0;
}
.top-navigation .nav > li > a {
  padding: 15px 20px;
  color: #676a6c;
}
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #fff;
  color: #1ab394;
}
.top-navigation .nav > li.active {
  background: #fff;
  border: none;
}
.top-navigation .nav > li.active > a {
  color: #1ab394;
}
.top-navigation .navbar-right {
  margin-right: 10px;
}
.top-navigation .navbar-nav .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e7eaec;
}
.top-navigation .dropdown-menu > li > a {
  margin: 0;
  padding: 7px 20px;
}
.navbar .dropdown-menu {
  margin-top: 0;
}
.top-navigation .navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 15px 25px;
}
.top-navigation .navbar-top-links li:last-child {
  margin-right: 0;
}
.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
  margin: 0;
}
.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
  margin-top: 50px;
}
.top-navigation .footer.fixed {
  margin-left: 0 !important;
}
.navbar-toggle {
  background-color: #1ab394;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
}
.top-navigation .navbar-nav .open .dropdown-menu > li > a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 10px 15px 10px 20px;
}

.menu-visible-lg,
.menu-visible-md {
  display: none !important;
}

footer{ display: none;}

/*footer start*/
.footer {bottom: 0;  left: 0; position: absolute; right: 0; padding: 12px 25px; background: #5d5d5d; color: #fff; text-align: center;}
.footer p{ margin-bottom: 0;}
/*footer end*/

body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 70px;
}
body.mini-navbar.canvas-menu .footer.fixed,
body.canvas-menu .footer.fixed {
  margin: 0 !important;
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 220px;
}
body.body-small .footer.fixed {
  margin-left: 0;
}


.modalClose{
    position: fixed;
    width: 25px;
    height: 25px;
    font-size: 16px;
    top: 5%;
    right: 10%;
    margin-right: 0;
    table-layout: auto;
    z-index: 1;
    border-radius: 50%;
    text-align: center;
    margin: -10px -10px 0 0;
    color: #fff; line-height: 25px;
    background: #192430;
}
.modalClose:hover{ color: #fff;}
.modalClose:after{ content: '\f00d'; font-family: fontAwesome;}

.subDetails>td{
    padding: 0!important;
}
.subDetails table td{
    border: none!important;
    text-align: left;
}
.subDetails table td:first-child{
    border: none;
}
.subDetails li p{
    margin-bottom: 5px;
}
.subDetails li span.labels{
    display: inline-block;
    width: 40%;
    font-weight: 500;
    vertical-align: top;
}
.subDetails .amountPan{
    max-width: 30%;
    background: #a9ceb7;
    color: #fff;
}

#chartdiv .amChartsLegend{
    max-height: 300px; overflow-y: auto!important;;
}
#chartdiv .alert{ font-size: 20px; margin-top: 100px; text-align: center;}
.comiseo-daterangepicker{
    z-index: 2001;
}

/*#piecriteria li a:after{ content: '\f161'; font-family: fontAwesome; margin-left: 10px;}
#piecriteria li.active a:after{ content: '\f160'; font-family: fontAwesome; margin-left: 10px;}*/


/*pie chart*/
.piegap{ width: 100%;}
.chart.easyPieChart{ margin: 0 auto;}
.easyPieChart { position: relative; text-align: center; width: 110px; height: 110px; line-height: 110px;}
.my-20{ margin-top: 20px !important; margin-bottom: 20px !important;}
.mb-20{ margin-bottom: 20px !important;}
.mb-30{ margin-bottom: 30px !important;}

table .footertot td{
	color: #fff;
    font-weight: 400;
}


/****************** style for log in form start ******************/
.row-eq-height{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.vertMid{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.loginPage{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: #192430;
    overflow: auto;
}
.loginFormMain{
    position: relative;
    max-width: 680px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    box-shadow: 0 0 30px rgba(0,0,0,0.25);
}
.loginForm {
    padding: 40px;
    max-width: none;
    width: 380px;
    background-color: #fff;
    /*background: #192430 url(../img/logo.svg) no-repeat left 25px top 40px / 180px auto;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 0;*/
    /*right: 0;*/
    /*transform: translateY(-50%);*/
    /*margin-top: 30px;*/
}
.loginForm h2 {
    font-size: 110%;
    font-weight: 500;
    color: #bbb;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.loginForm input{
    transition: all 0.25s ease-in-out;
    box-shadow: none;
}
.loginForm input[type="email"],
.form-control {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    height: 45px;
    margin: 0 0 15px;
    color: #192430;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    padding: 0 15px 0 25px;
}
.loginForm input[type="email"]{
    background-image: url(../images/mail-icon.png);
}
.form-control {
    background-image: url(../images/password-icon.png);
}
.loginForm input[type="email"]:focus,
.loginForm input[type="email"]:active,
.form-control:focus,
.form-control:active{
    box-shadow: none;
    border-bottom-color: #1661AB;
}
.loginForm .checkbox label {
    padding-left: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #999;
}
.loginForm label span{
    margin: 1px 5px 0 0;
    border-color: #ccc;
    width: 16px;
    height: 16px;
}
input[type="checkbox"]:checked + span::before {
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  width: 14px;
}
.loginForm input[type="submit"] {
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin: 10px auto 0 auto;
    background-color: #4aa895;
    width: auto;
    max-width: none;
    min-width: 130px;
    border: 1px solid #4aa895;
    padding: 0 15px;
    /*border-radius: 25px;*/
}
.loginForm input[type="submit"]:hover {
    background-color: transparent;
    color: #4aa895;
}
.loginFormRight{
    background-color: #1661AB;
    color: #fff;
    width: calc(100% - 380px);
    position: relative;
    /*max-width: 280px;*/
    /*height: calc(100% + 30px);*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
}
.loginFormRight .vertMid{
    padding: 30px;
}
.loginFormRight:after{
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1661AB;
}
.loginFormRight .loginFormLogo img{
    max-width: 180px;
}
.loginFormRight h2{
    font-size: 170%;
    line-height: 110%;
    font-weight: 300;
    display: block;
}
.loginFormRight h2 span{
    margin-top: 5px;
    display: block;
}
.loginFormRight p{
    font-weight: 300;
    margin-top: 20px;
}

/*.downloadIcon{
    border: 1px solid #f00;
}
.downloadIcon .export-main > a{
    display: block;
    overflow: hidden;
    text-indent: -13333337px;
    width: 36px;
    height: 36px;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org…ill%3D%22%23888%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E);
    background-color: #fff;
    background-position: center;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    border-radius: 18px;
    margin: 8px 8px 0 10px;
}
.downloadIcon .export-main > a:hover{
    background: #333;
}*/

@media only screen and (max-width:730px){
    .loginFormMain{
        max-width: 380px;
    }
    .loginFormRight {
        width: 100%;
        display: block;
        height: 184px;
        max-width: 380px;
        margin: 0 auto;
    }
    .loginFormRight:after{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: -30px;
        border-left-color: transparent;
        border-top-color: #1661AB;
    }
}
@media only screen and (max-width:640px){
    .loginFormMain{
        position: relative;
        top: auto;
        transform: none;
        margin: 30px auto;
    }
}
@media only screen and (max-width:440px){
    .loginFormMain{
        padding: 0 20px;
    }
    .loginFormRight .vertMid {
        padding: 20px;
    }
    .loginFormRight{
        height: 164px;
    }
    .loginForm {
        padding: 20px;
    }
}
/****************** style for log in form end ******************/

/****************** style detailed Report ******************/
.d-flex{ display: flex; }
.d-none{ display: none !important; }
.d-inline-block{ display: inline-block !important; }
.rightPan{ padding: 0}
.heading-sm{ font-size: 110%; font-weight: 500; margin: 0 -10px 10px; border-bottom: 1px solid rgba(255,255,255,0.17); padding: 0 10px 8px; color: #f00; }
.leftPnl{ flex: 60%; }
.rightPnl{ border-left: 1px solid rgba(255,255,255,0.25); margin: -10px -10px -10px 0; padding: 10px; flex: 40%; }
.rightPnl li span.labels{ width: 50%; font-weight: 400; vertical-align: middle; color: #f00; }
.scrollable-list{ max-height: 145px; overflow-y: auto; }

.adjustment_value{ border: 1px solid rgba(255,255,255,0.75); padding: 2px 5px; background-color: rgba(255,255,255,0.25); border-radius: 2px; min-width: 70px; text-align: center; display: inline-block; transition: all 0.25s ease-in-out; }
.adjustment_value:hover{ background-color: rgba(255,255,255,0.5); }
.adjustment-detailed{ text-decoration: none !important; color: #f00 !important; }
.baseRate{ color: #f00; }

.preloader-line{ background: url(../img/icons/loader-line.svg) no-repeat center center / auto 70px; height: 10px; }