@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,100);
/*[font-family: 'Lato', sans-serif;]*/
*{ margin:0; padding:0; outline:none;}
img{ max-width:100%;}
ul, ol{ margin:0; padding:0;}
li{ list-style:none;}
/*a, .btn, button, img{-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a{ color:#707070; }

a:hover, a:focus, .btn:focus{text-decoration:none; outline:none; color:#636363;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{ outline-offset: 0; box-shadow:none;}
*/
.btn-group.open .dropdown-toggle{ box-shadow:none;}
.btn-default:hover, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover, .btn-default.focus, .btn-default:focus{ background:none;}

/*h1, h2, h3, h4, h5, h6{ font-weight:300; font-family: 'Roboto', sans-serif;  margin-top:0;}*/

.wrapper{ padding:25px;}
.form-control{ border-radius:0; height:36px; background:none; box-shadow:none; font-size:14px;}

.head-sect{ margin:0 0 25px;}
.titles h1{ font-size:25px; text-transform:capitalize; margin:0 0 15px;}
.titles h1 span{color:#333;}


/*[datepicker]*/
.btn{ border-radius:0; background:#326da9; border-color:#326da9;}
.btn:hover, .btn:focus{background:#023d79; border-color:#023d79; color:#fff;}

.input-daterange{ width:450px; margin:0 10px 0 0;}
.input-daterange .input-group-addon{border-width:1px 0;}
.datepicker{ padding:6px 8px; text-align:center;}
.datepicker-switch{text-align:center;}
.datepicker .day{ font-size:12px; font-weight:400;}
.datepicker .active.selected{ background:#333; color:#fff;}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{ font-weight:500;}
/*[/datepicker]*/

/*[tab-sect]*/
.tab-sect{ display:table; width:100%; table-layout:fixed; border:1px solid #ccc;}
.tab-sect .nav-tabs, .tab-sect .tab-content{ display:table-cell; vertical-align:top; width:100%;}
.tab-sect .nav-tabs{ width:225px; background:#dfdfdf; border:0;}
.tab-sect .nav-tabs > li{ word-wrap:break-word; border-width:1px 1px 0 0; border-style:solid; border-color:#ccc; cursor:pointer; position:relative; overflow:hidden; margin:0; display:block; float:none; text-align:left;}
.tab-sect .nav-tabs > li > a{ font-size:17px; color:#404040; padding:12px 15px 12px 45px;  margin:0; border:0; line-height:normal; font-weight:400; position:relative;}
.tab-sect .nav-tabs > li > a i{ position:absolute; top:12px; left:15px;}
.tab-sect .nav-tabs > li:first-child{ border-top:0;}
.tab-sect .nav-tabs > li.active, .nav-tabs > li.active{ background:#f3f3f3; border-width:1px 0 0 0;}
.tab-sect .nav-tabs > li.active a, .tab-sect .nav-tabs > li > a:hover, .tab-sect .nav-tabs > li > a:focus{ color:#000; background:none; border:0;}
.tab-sect .tab-content{ padding:15px 15px 15px 25px;} 
/*[/tab-sect]*/


/*[analytics-sect]*/
.analytics-sect{ word-wrap:break-word;}
.analytics-sect h2{ font-size:24px; margin-top:35px;}
.analytics-sect .tab-pane> h2:first-child{ margin-top:0;}

.cate-sect{ margin-top:25px; }
.cate-sect > div:first-child, .cate-sect > div:nth-child(5n){ clear:both;}
.cate-sect article{ border:1px solid #ccc; padding:15px; margin-bottom:15px; background:#fff; position:relative; overflow:hidden;}
.cate-sect article:after{ content:"\f0ac"; font-family: 'FontAwesome';  position:absolute; bottom:0; right:0; font-size:165px; line-height:15px; opacity:0.1;}
.cate-sect article h3{ font-size:20px;}
.cate-sect article h3, .cate-sect article h4{ text-transform:capitalize; line-height:normal;}
/*[/analytics-sect]*/

/*[real-time-data]*/
.real-time-data{}
.real-time-data h4{ font-size:30px; color:#629dd9; margin:15px 0 15px 45px;}
.active-device li{ display:inline-block; vertical-align:top; position:relative; padding:0 15px 0 15px; color:#629dd9;}
.active-device li:before{ content:''; position:absolute; top:5px; left:0; width:7px; height:7px; background:#629dd9;}
/*[/real-time-data]*/


/*[dataTables]*/
.table th{ font-weight:500; }
.table th, .table td{ text-transform:capitalize;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding-left:15px;}
.table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child{ text-align:center;}
.table-bordered, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ border-bottom:0; }
.table-bordered > thead > tr {background:#e3e3e3;}
.table-bordered > thead > tr > th{ border-color:#cfcfcf !important; /*padding-right:30px;*/ vertical-align:top;}
.table-bordered > thead > tr > th:first-child:after{ display:none;}

.table > tbody > tr > td span{ margin-right:5px; display:inline-block; vertical-align:top; background:#326da9; padding:2px 8px; color:#fff; font-size:12px;}
.table > tbody > tr > td a{ text-transform:initial; color:#326da9;}
.table a:hover, .table a:focus{ color:#023d79;}

.dataTables_wrapper{ margin-top:25px;}
.dataTables_length, .dataTables_filter{ margin:0 0 10px; text-transform:capitalize;}
.dataTables_length, .dataTables_info{ float:left;}
.dataTables_filter, .dataTables_paginate{ float:right;}
.dataTables_filter input, .dataTables_length select{ height:36px; padding:6px 12px; width:215px; border:1px solid #ccc; margin:0 0 0 10px;}
.dataTables_length select{ width:auto; min-width:75px; margin:0 10px;}
.dataTables_paginate a, .dataTables_paginate span{ display:inline-block; vertical-align:top;}
.dataTables_paginate a{ padding:5px 10px; cursor:pointer;}
.dataTables_paginate a.current{ background:#326da9; color:#fff; cursor:inherit;}

.sorting, .sorting_asc, .sorting_desc{ position:relative;}
.sorting:after, .sorting_asc:after, .sorting_desc:after{font-family: 'FontAwesome'; /*position:absolute; top:0; right:12px;*/ display:inline-block; vertical-align:middle; margin:-6px 0 0 10px; line-height:0;}
.sorting_asc:after{ content:"\f0de"; /*top:12px;*/ margin:6px 0 0 10px;}
.sorting_desc:after, .sorting:after{ content:"\f0dd"; /*top:7px;*/  }

.table thead th:first-child{ width:55px;}
.table thead th:last-child{ width:200px;}


.flag-img{ width:25px;}





@media only screen and (max-width:1199px){
.table-bordered > thead > tr > th{ padding-right:30px;}	
.sorting:after, .sorting_asc:after, .sorting_desc:after{position:absolute; top:0; right:12px; margin:0;}
.sorting_asc:after{ top:23px; }
.sorting_desc:after, .sorting:after{top:15px; }
}