/***********************************
	HEADER
***********************************/
.top_menu {float: right; margin-right: 1rem; height: 44px; line-height: 44px;}
.user-profile span.fa { line-height: normal; height: inherit; line-height: 44px; margin-left: 10px;}
.user-profile a.link-button { height: 44px; line-height: 44px; color: #333; display: inline-block;    font-size: 0.8rem;}
.user-profile a.dropdown-button { height: 44px; line-height: 44px; color: #333; display: inline-block;    font-size: 0.8rem;}
.user-profile .dropdown-content { min-width: 150px; width: 150px;}
.user-profile .dropdown-content li {}
.user-profile .dropdown-content li>a>i {margin-right:0px;}
.user-profile .dropdown-content li>a, .user-profile .dropdown-content li>span {color: #0f68a9;font-size: 13px;padding: 0px 10px; line-height: 40px;}

/****************************************
	Page Content
****************************************/
.small-menu-active {padding-left: 44px;}

._mainContainer {padding:15px;}
.container-full {width: 100%; max-width: 1680px;}

.header-option {display: block; margin: 0;}
  .header-option.option-open {display: block;}
  .header-option .dropdown-content {min-width: 200px; width: 200px;}

  .header-option li {display: inline-block;}

.header-option > li > a {
    font-size: 13px;
    color: #5a5a5a!important;
    color: #5a5a5a!important;
    padding: 0px 10px;
    display: inline-block;
}


/*****************************************
	page-notfound
*****************************************/

.page-notfound img {}
.page-notfound {height: 85vh;}

.page-notfound p {
    color: #0089ec;
    font-size: 64px;
    text-align: center;
    display: block;
    line-height: 1;
}

.page-notfound .jump-page {
    color: #0089ec;
    font-size: 30px;
}


/*******************************
		Dashboard
********************************/
.circle-chart {}

.circle-chart .circle-wrap {
    min-height: 110px;
    background: #256fa5;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 1.5rem;
}

.progress-pie-chart,
.circle-wrap .circle-info {
    display: inline-block;
    vertical-align: middle;
}

.circle-wrap .circle-info {
    padding-left: 15px;
}

.circle-wrap .circle-info strong {
    display: block;
    font-size: 24px;
    color: #fff;
}

.circle-wrap .circle-info span {color: #fff;}

.chart-yearly {
    padding: 0.5rem;
}

.chart-yearly strong {
    padding: 1rem;
    display: block;
}

.list-block .card-header {
    background: #1fb5ac;
    color: #FFF;
}

.list-block .collection {
    border: 0;
    margin: 0;
}

.list-block .collection-item {
    background: #f6f6f6;
    border: 0;
    margin-bottom: 20px;
    cursor: pointer;
}

.list-block .collection-item:last-child {
    border: 0;
    margin-bottom: 0;
}

.list-block .collection-item .item-icon {
    color: #bbbaba;
    padding-right: 15px;
}

.list-block .collection-item .item-icon .fa {
    padding: 0px 2px;
}

.list-block .collection-item>a {
    color: #a7a2a2;
}

.list-block .collection-item:hover a {
    color: #72cece;
}

.list-block .collection-item .action a {
    color: #a7a2a2;
    font-size: 15px;
}

.list-block .collection-item .action .fa {
    padding: 0px 5px;
}

.list-block .collection-item:hover .action .fa-check {
    color: green;
}

.list-block .collection-item:hover .action .fa-times {
    color: red;
}

.wather-block {
    background: #3bafda;
    padding: 25px;
}

.wather-block div {
    display: inline-block;
    vertical-align: middle;
}

.wather-block .temprechar {
    padding: 0px 40px;
}

.wather-block .temprechar p {
    position: relative;
    font-size: 50px;
    margin: 0;
    color: #FFF;
}

.wather-block .temprechar p .fa {
    font-size: 15px;
    position: absolute;
    top: 10px;
    right: -15px;
}

.wather-block .location {
    float: right;
    color: #FFF;
    font-size: 15px;
    padding: 25px 0px
}

.wather-block .location .fa {
    padding-left: 10px;
}

.wather-block .location strong {
    font-weight: 600;
    font-size: 20px;
}

.progress-block {
    padding: 20px;
}

.progress-block strong {
    display: block;
    font-size: 22px;
}

.progress-block small {
    font-size: 13px;
    color: #bdb9b9;
}

.progress-block .progress {
    height: 8px;
}

.today-chart {
    background: #9972b5;
    padding: 15px;
}

.data-graph p {
    margin: 0;
    font-size: 14px;
    padding-bottom: 20px;
}

.total-earned {
    padding: 20px;
}

.total-earned h4 {
    color: #5f5f5f;
    margin: 0;
}

.total-earned small {
    color: #7f7777;
    font-size: 14px;
}

#datepicker {padding: 25px;height: 315px;}


/*******************************
		Task page
*******************************/
.task-block {margin: -25px -10px;}

.task-list {margin: 0 -0.75rem;}
.task-content {min-height: 185px; background: #373b43; padding: 1.5rem; position:relative; color:#a3aab4;border-radius: 5px; transition: all 0.3s;}

.task-content:hover{-webkit-box-shadow: 0px 0px 19px 0px rgba(81,86,94,1);
-moz-box-shadow: 0px 0px 19px 0px rgba(81,86,94,1);
box-shadow: 0px 0px 19px 0px rgba(81,86,94,1);
color:#f7f7f7;}

.task-content h3 { margin: 0; font-size:30px;}
.task-content p {line-height: normal;}
.task-content .task-star {position: absolute;top:1.5rem;right: 1.5rem;font-size:30px;color:rgba(255, 255, 255, 0.5);transition: all 0.3s; }
.task-content .task-star.active {color:#ffd876;}

/********************************
	Cjart-page
********************************/
.map-wraper .card {
    margin-bottom: 0;
}


/*******************************
		all-chart
*******************************/
.progress-pie-chart {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    /*background-color: #d2e6f4;*/
    position: relative;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    clip: rect(0, 70px, 70px, 35px);
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    width: 60px;
    height: 60px;
    background: #fff;
    text-align: center;
    display: table;
}

.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    clip: rect(0, 35px, 70px, 0);
    background-color: #81CE97;
    transform: rotate(60deg);
}

.gt-50 .ppc-progress {
    clip: rect(0, 35px, 70px, 0);
    transform: scale(1.02);
}

.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 70px, 70px, 35px);
    background: #f7f7f7;
    transform: scale(1.2);
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.ppc-percents span {
    display: block;
    font-size: 35px;
    font-weight: bold;
    color: #81CE97;
}

.visitors-block .progress {
    width: 85%;
}

.visitors-block .visit {
    width: 15%;
    text-align: center;
}

.visitors-block .progress,
.visitors-block .visit {
    display: inline-block;
    vertical-align: middle;
}

#visitors-map {
    width: 100%;
    height: 250px;
}

/*-----------------------------------------
	ICW	| CSS
-----------------------------------------*/
*, *:before, *:after {box-sizing: border-box;}
body {font-size: 12px; background: #f9f9f9; color: #333;}
main {padding-left: 200px;}
p {margin: 0;}

._title-table {text-align: center; font-size: 11px; margin: 20px 0px 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: #0f68a9;}

/*---------------------------------------------
	ROW + ROW-GUTTER
---------------------------------------------*/
.row {margin-bottom: 0;}
.row.no-gutters {margin-right: 0; margin-left: 0}

.row.no-gutters>[class^="col"],
.row.no-gutters>[class*=" col"] {padding-right: 0; padding-left: 0}

.row.gutters-5 {margin-right: -5px; margin-left: -5px}

.row.gutters-5>[class^="col"],
.row.gutters-5>[class*=" col"] { padding-right: 5px; padding-left: 5px}

.row.gutters-75 { margin-right: -0.5rem; margin-left: -0.5rem}

.row.gutters-75>[class^="col"],
.row.gutters-75>[class*=" col"] { padding-right: 0.5rem; padding-left: 0.5rem}

.row.gutters-10 { margin-right: -10px; margin-left: -10px}

.row.gutters-10>[class^="col"],
.row.gutters-10>[class*=" col"] { padding-right: 10px; padding-left: 10px}

.row.display-flex { display: flex;}

/*---------------------------------
	 HEADER
---------------------------------*/
#_mainHeader.navbar-fixed {height: 44px;}
#_mainHeader nav {background: #fff; height: 44px;}
#_mainHeader nav .logo {width: 200px; text-align: center;}
#_mainHeader nav .brand-logo {background: #0f68a9; text-align: center; left: 0px; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%;}
#_mainHeader nav .brand-logo img {}
#_mainHeader nav a {position: relative;}

.logo .button-collapse {color: #fff; position: absolute!important; top: 0; left: 0px;  z-index: 11; background: #06538c; margin: 0; line-height: 44px; height: 44px; width: 44px;}
    .logo .button-collapse i {line-height: 44px; height: 44px;}

/*----------------------------------
	   MENU
-----------------------------------*/
#nav-mobile { margin-top: 44px; background: #fff; width: 200px; overflow-y: visible;}

.side-nav li {line-height: 12px;display: block;position: relative;border-bottom: 1px solid #f9f9f9;
}
  .side-nav li.active,
  .side-nav li:hover {background-color: #256fa5 !important;color: #fff;}
  .side-nav li.active > a,.side-nav li.active > a .fa,
  .side-nav li:hover > a, .side-nav li:hover > a .fa {background-color: #256fa5 !important; color: #fff;}
    .side-nav li > a {color: #256fa5; font-size: 14px; padding: 0 10px;}
    .side-nav a .fa {color: #256fa5; margin-right: 10px; width: auto; font-size: 1.2em;}
      .side-nav li > a > i {margin: 0 10px 0 0;}



._mainmenu {margin-top: 32px;}
._mainmenu .collapsible-header {display: inline-block; position: absolute; top: 0; right: 0; z-index: 999; padding: 0 10px!important;}
._mainmenu .collapsible-header.active .fa {transform: rotate(90deg); transition: all 0.2s;}

._mainmenu .collapsible-header .fa {line-height: 48px !important; margin: 0; font-size:0.8rem; color:#0089ec;}

.submenu {}
.submenu > li {background-color: #0089ec !important; border-bottom: 1px solid #2f84c1;}
.submenu > li > a {color: #ffffff; font-size: 13px;}
    .submenu > li > a .fa {color: #256fa5; margin-right: 10px; width: auto; font-size: 1em;}
.submenu > li > a >i {line-height: inherit!important;}

.option-menu {}
.option-menu>li {border-bottom: 1px solid #eeeeee;}
.option-menu>li>a {color: #a3aab4;font-size: 13px;}
.option-menu>li:hover>a {color: #0089ec;}
.option-menu>li>a>i { line-height: inherit!important;}

.side-nav.fixed.small-menu { width: 44px !important;}
.side-nav.fixed.small-menu a {padding: 0px 15px;}
.small-menu .collapsible-header { display: none;}
.small-menu .material-icons { margin: 0!important; text-align: center;}
.small-menu ._mainmenu span.badge { right: 15px; top: 5px;}
.small-menu li:hover>ul.collapsible-body {display: block!important;min-width: 200px;}
.small-menu .collapsible-body { position: absolute; left: 44px; top: 0px;}
.small-menu .collapsible-body li a {padding: 0px 15px!important;}
.blue-text{color:#0089ec !important;}

/*------------------------
	TABLE
------------------------*/
.icw-table-responsive {min-height: .01%; overflow-x: auto;}
._icw-datatable table.dataTable {margin-bottom: 20px;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);}

._icw-datatable table thead {background-color:#0f68a9;  color:#fff;}

._icw-datatable table.dataTable thead th, ._icw-datatable table.dataTable thead td{border:0; padding:5px 5px;border-radius: 0px;}
._icw-datatable table.dataTable tbody th, ._icw-datatable table.dataTable tbody td {padding: 5px 5px;border-radius: 0px;}

._icw-datatable table.dataTable.no-footer{border-bottom: 2px solid #0089ec;}

._icw-datatable table.dataTable>tbody>tr:nth-child(odd) {background-color: #f2f2f2;}
._icw-datatable table.dataTable>tbody>tr {-webkit-transition: background-color .25s ease;transition: background-color .25s ease;}
._icw-datatable table.dataTable>tbody>tr:hover {background-color: #ffc107;}


._icw-datatable span.badge{padding: 5px 10px; color: #fff; font-size: 11px; font-weight: 600; border-radius: 3px; float: none; margin-left: 0;}

._icw-datatable table.dataTable tfoot th, ._icw-datatable table.dataTable tfoot td{padding: 5px 20px 5px 5px; border-top: 2px solid #0f68a9; border-radius:0;}
._icw-datatable table.dataTable tfoot th input, ._icw-datatable table.dataTable tfoot td  input{margin:0;height: 1.5rem !important; font-size: 11px; font-weight: 400;}
body ._icw-datatable .dataTables_filter input {margin:0;height: 1.5rem!important; font-size: 11px; font-weight: 400;margin: 0px 0px 0.5rem;}
._icw-datatable select {height: 1.5rem!important; margin: 0px 0px 0.5rem;padding: 0;}


div.material-table{padding:0}
div.material-table .hiddensearch{padding:10px 24px; background: #0f68a9;display:none; overflow: hidden;}
div.material-table .dataTables_wrapper .dataTables_filter {width: 100%;}
div.material-table .hiddensearch input, div.material-table .hiddensearch input:focus{margin:0;border:0 transparent!important;height:48px;color:rgba(0,0,0,.84)}
div.material-table .hiddensearch input:active{border:0 transparent!important}
div.material-table table{/*table-layout:fixed */}
div.material-table .table-header{height:64px;padding-left:10px;padding-right:10px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:flex;-webkit-display:flex;background: #0f68a9; color: #fff;}

div.material-table .table-header .actions{display:-webkit-flex;margin-left:auto;align-items: center;}
div.material-table .table-header .btn-flat{min-width:36px;padding:0 8px; margin-left: 10px;}
div.material-table .table-header .btn{padding:0 8px;margin-left: 10px;}
div.material-table .table-header input{margin:0;height:auto}
div.material-table .table-header i{color:#fff;font-size:20px}
div.material-table .table-footer{height:56px;padding-left:10px;padding-right:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;font-size:12px!important;color:rgba(0,0,0,.54)}
div.material-table .table-footer .dataTables_length{display:-webkit-flex;display:flex}div.material-table .table-footer label{font-size:12px;color:rgba(0,0,0,.54);display:-webkit-flex;display:flex;-webkit-flex-direction:row flex-direction: row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
div.material-table .table-footer .select-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row flex-direction: row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
div.material-table .table-footer .dataTables_info,div.material-table .table-footer .dataTables_length{margin-right:32px}
div.material-table .table-footer .material-pagination{display:flex;-webkit-display:flex;margin:0}
div.material-table .table-footer .material-pagination li.disabled {opacity: 0.2; pointer-events: none;}
div.material-table .table-footer .material-pagination li:first-child{margin-right:10px}
div.material-table .table-footer .material-pagination li a{color:rgba(0,0,0,.54)}
div.material-table .table-footer .select-wrapper input.select-dropdown{margin:0;border-bottom:none;height:auto;line-height:normal;font-size:12px;width:40px;text-align:right}
div.material-table .table-footer select{background-color:transparent;width:auto;padding:0;border:0;border-radius:0;height:auto;margin-left:20px; margin-bottom: 0;}
div.material-table .table-title{font-size:20px;color:#fff}
div.material-table table tr td{padding:0 0 0 10px; height:40px;font-size:12px;color:rgba(0,0,0,.87);border-bottom:solid 1px #DDD;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis*/ word-wrap: break-word;}
div.material-table table tr td a {color:#0f68a9}
  div.material-table table tr td a i{font-size:18px;color:rgba(0,0,0,.54)}
div.material-table table tr{font-size:12px}
div.material-table table th {font-size:12px;font-weight:500;color:#0f68a9;cursor:pointer;white-space:nowrap;padding:0 0 0 10px;height:44px;vertical-align:middle;outline:0!important}
div.material-table table th.sorting_asc,div.material-table table th.sorting_desc{color:rgba(0,0,0,.87)}
div.material-table table th.sorting:after,div.material-table table th.sorting_asc:after,div.material-table table th.sorting_desc:after{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f106"; visibility: hidden; vertical-align:middle;margin-left: 2px;}
div.material-table table th.sorting:hover:after,div.material-table table th.sorting_asc:after,div.material-table table th.sorting_desc:after{display:inline-block; visibility: visible;}
div.material-table table th.sorting_desc:after{content: "\f107";}
div.material-table table tbody tr:hover{background-color:#EEE}
div.material-table table td:first-child,div.material-table table th:first-child{padding:0 0 0 10px}
div.material-table table td:last-child,div.material-table table th:last-child{padding:0 10px 0 10px}
div.material-table  table.dataTable thead th, div.material-table table.dataTable thead td {border-top: 2px solid #0f68a9;border-bottom: 2px solid #0f68a9;border-radius: 0}
div.material-table table.dataTable.no-footer { border-bottom: 2px solid #0f68a9; background: #f9f9f9;}

.sorting_disabled,.sorting_disabled:hover {cursor: default!important;}

._badge {font-size: 0.6rem; padding: 2px 5px; border-radius: 2px; color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;}
._badge._badge-xl {font-size:20px; padding: 2px 5px;}
._badge-green {background: #4caf50;}
._badge-red {background: #ff1a16;}
._badge-yellow {background: #f9a825;}
._badge-info {background: #2bbbad;}
._badge-blue {background: #01579b;}
._badge-default {background: #b2b2b2;}

._badge._badge-sm {font-size:16px; padding: 2px 5px;}

.break-word {display: inline-block; white-space: normal; font-size: 11px;}

._table-responsive {overflow-y: hidden; overflow-y: auto; width: 100%;}

/*-----------------------------
	BUTTON
-----------------------------*/
.btn i{font-size:18px;}
._btn-sm {padding: 0px 7px; font-size: 11px; height: 24px; line-height: 24px;}
._btn-sm i{font-size:14px!important;}
  ._btn-sm i.left {margin-right:5px;}

.btn-blue{background-color:#0089ec; color:#fff}
.btn-blue i{color:#fff!important;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active{background-color:#256fa5;}

.btn-green {background-color:#4caf50; color:#fff}
.btn-green i{color:#fff!important;}
.btn-green:hover, .btn-green:focus, .btn-green:active{background-color:#256fa5;}

.btn-search {background-color:#ffeb3b; color:#fff}
.btn-search i{color:#fff!important;}
.btn-search:hover, .btn-search:focus, .btn-search:active{background-color:#ffc107;}

.search-toggle.toggle i:before, .custom-search-toggle.toggle i:before {content: "\f010";}

.td-link {color: #0f68a9;}
  .td-link:hover {text-decoration: underline;}

.btn-default{background-color:#dedede; color:#333333; box-shadow:none;}
.btn-default:hover, .btn-default:focus, .btn-default:active{background-color: #d0d0d0; box-shadow:none;}

.btn-block{display:block; width:100%;}

div.material-table table tr td .btn i{color:#fff;}
/*-------------------------------------
  CARD
-------------------------------------*/
.card {margin:0 0 1.5rem 0;}
.card .card-content {padding: 14px;}
.card-header {background: #0f68a9; padding: 10px 14px; font-size: 14px; font-weight:500; text-transform: uppercase; color: #fff; border-bottom:2px solid #0f68a9;}
.card-header .card-title {}
.card .card-action {padding: 10px 14px;}
.card-header i {}
.card form>.row {margin-left: -.75rem; margin-right: -.75rem;}

.blue-header{background-color:#0f68a9 !important;}

/*_collapsible*/
._collapsible {margin: 0rem;}
._collapsible h3 {margin: 0 0 10px;padding: 15px 1rem 0px; font-size: 12px; color: #0f68a9;text-transform: uppercase; letter-spacing:1px; font-weight: 600;}
  ._collapsible .collapsible-header {line-height: 20px; padding: 14px;font-weight: 500; position: relative;}
  ._collapsible .collapsible-header i { color: #0f68a9;}
  ._collapsible .collapsible-header:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f067"; position: absolute; right: 15px; font-size: 18px; margin-top: 5px;color: #ccc;}
  ._collapsible .collapsible-header.active {border-bottom-color:#0f68a9 }
  ._collapsible .collapsible-header.active:before {content: "\f068";color: #0f68a9;}

  ._collapsible .collapsible-body {padding: 0px; margin: 0px; background: #f5f5f5}

._ul-list {margin: 0px; padding: 0px;}
._ul-list li {padding: 5px 1rem;}
._ul-list strong {font-weight: 600; display: inline-block; width: 100px;}

/*-------------------------------
	DATE
-------------------------------*/
.picker__date-display {background-color: #0f68a9!important;}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {background-color: #0f68a9}
.picker__close, .picker__today, .picker__clear {font-size: 12px; padding: 0 10px; color: #fff; background: #0f68a9; height: 24px; line-height: 24px;}
.picker__clear {background: #f44336 !important; color: #fff;}
.picker__nav--prev:hover, .picker__nav--next:hover { background: #81c5f7;}

/*-------------------------------
	PAGINATION
-------------------------------*/
.pagination{margin:0;}
.pagination li{background-color: #0f68a9;}
.pagination li.active{background-color: #0089ec;}
	.pagination li a{color:#fff;}
	.pagination li i{font-size:1rem; padding:5px 10px; color:#fff;}

.pagination-count{line-height: 30px; float: right;}

/*-------------------------------
		FORM
-------------------------------*/
.dropdown-content li {min-height: 40px;}
.dropdown-content li>a, .dropdown-content li>span {font-size: 13px; line-height: 18px; padding: 5px 10px;}
[type="checkbox"]+label { padding-left: 25px; font-size:0.8rem; }

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default)
{background: #ffffff; border: 2px solid #e4e4e4 !important; text-indent: 10px; margin-bottom: 5px; height:2.3rem!important; font-size: 12px;    box-sizing: border-box;}

input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {color:#0089ec;}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {border-bottom: 2px solid #0089ec !important; box-shadow: none !important;}

input.valid:not([type]), input.valid:not([type]):focus, input[type=text].valid:not(.browser-default), input[type=text].valid:not(.browser-default):focus, input[type=password].valid:not(.browser-default), input[type=password].valid:not(.browser-default):focus, input[type=email].valid:not(.browser-default), input[type=email].valid:not(.browser-default):focus, input[type=url].valid:not(.browser-default), input[type=url].valid:not(.browser-default):focus, input[type=time].valid:not(.browser-default), input[type=time].valid:not(.browser-default):focus, input[type=date].valid:not(.browser-default), input[type=date].valid:not(.browser-default):focus, input[type=datetime].valid:not(.browser-default), input[type=datetime].valid:not(.browser-default):focus, input[type=datetime-local].valid:not(.browser-default), input[type=datetime-local].valid:not(.browser-default):focus, input[type=tel].valid:not(.browser-default), input[type=tel].valid:not(.browser-default):focus, input[type=number].valid:not(.browser-default), input[type=number].valid:not(.browser-default):focus, input[type=search].valid:not(.browser-default), input[type=search].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown {border-bottom: 1px solid #4CAF50!important; -webkit-box-shadow: 0 2px 0 0 #4CAF50; box-shadow: 0 2px 0 0 #4CAF50;}

input[readonly]{background: #efefef !important;}

._mainContainer input.error, ._mainContainer input.error:focus,
._mainContainer textarea.materialize-textarea.error, ._mainContainer textarea.materialize-textarea.error:focus {border-bottom: 1px solid #f44336!important; -webkit-box-shadow: 0 2px 0 0 #f44336!important; box-shadow: 0 2px 0 0 #f44336!important;}


.input-field label {font-size: 12px;-webkit-transform: translateY(9px); transform: translateY(9px);}
.input-field label.active {color:#0089ec !important;font-size: 1rem;}

.input-field .postfix{position:absolute; right:0.5rem; font-size:1.2rem; line-height:2.5rem;}

textarea.materialize-textarea {background: #ffffff; border: 2px solid #e4e4e4 !important; margin-bottom: 5px; font-size: 12px; min-height: 4rem; max-height: 400px;padding:10px; text-indent: 0px;box-sizing: border-box;resize: vertical; overflow: auto;}

textarea#message.materialize-textarea {min-height: 12rem;}

._icw-form .input-field.col label{left:1.5rem;}
._icw-form .input-field.col label.active {left:0.75rem;}

._icw-form fieldset {border: 2px solid #e4e4e4;; margin: 0; padding: 0 5px 15px;}
._icw-form fieldset + fieldset{margin-top: 15px;}
  ._icw-form fieldset legend{padding: 5px 10px; font-size: 14px; color: #0f65a4; font-weight: 500; margin-left:15px;}

select{margin: 0 0 5px 0; border:2px solid #e4e4e4; height: 2rem;}
	select:focus {outline: 2px solid #0089ec;}
  select.browser-default {height: 2.4rem;}

._icw-form span.required{color:#f44336;}

._icw-form .radio-wrapper{margin-bottom:20px;}
  ._icw-form .radio-wrapper .radio-title{display:inline-block; float:left; margin-right:15px;}

._icw-form .form-divider-title{margin-top: 20px; margin-bottom:10px; }
._icw-form .form-divider-title h5{ color: #5f5f5f; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin:0;}

._icw-form .file-field .btn, ._icw-form .file-field .btn-large{height:2.7rem; line-height: 2.9rem;}
._icw-form .file-field input.file-path{width:99%;}

._helper-text{font-size:11px; font-style:italic; color: #ffc107;font-style: normal;}

._icw-form em.error{color:#f44336;display: block; overflow: hidden; font-style: initial; font-size: 0.7rem;}
._icw-form .input-field em.error, ._icw-form .multi-select > em.error{/*margin-top:-20px;*/}
._icw-form .input-field textarea + em.error{margin-top:-10px !important;}

.status-select{width: 120px; display: inline-block !important; padding: 0; height: 25px;}

.form-row + .form-row{ padding-top:10px; border-top:1px solid #e6e6e6;}

/*-----------------------------------------
  Modal
-----------------------------------------*/
.modal .modal-header{padding: 10px 10px; font-size: 15px; background-color: #0f68a9; color: #fff;}
  .modal .modal-header .mail-recipient{}
.modal .modal-content{padding: 5px; background: #fff;}

.modal .modal-footer{text-align:left;height: 46px;}
.modal .modal-footer .btn{margin-left:10px;}

.modal.modal-fixed-footer {height:80%;max-height: 80%;}

.modal-mail.modal-fixed-footer {width:90%; max-width:600px; height:80%;max-height: 80%;}
.modal-mail.modal-fixed-footer .modal-content {height: calc(100% - 96px); top:48px; padding: 10px;}

.modal-icw {max-width:990px;}
    .modal-icw.modal-fixed-content {width:90%; max-width:990px;height:80%;max-height: 80%;}
    .modal-icw.modal.modal-fixed-content .modal-content {position: absolute;height: calc(100% - 50px); top:48px; max-height: 100%; width: 100%; overflow-y: auto;}
		.modal-icw .modal-close {color:#fff;}


/*-----------------------------------------
	DROPDOWN
-----------------------------------------*/
form .dropdown-content li>a, .dropdown-content li>span{color:#0089ec;}
[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after{border-color:#e4e4e4;}
form [type="checkbox"]:checked+label:before{border-right: 2px solid #0089ec; border-bottom: 2px solid #0089ec;}

/*-------------------------------------------
  Select2 js
-------------------------------------------*/
.select2-container--default .select2-selection--multiple{border: 2px solid #e4e4e4; border-radius: 0px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 2px solid #e4e4e4; border-radius: 0;}
.select2-container--default .select2-search--inline .select2-search__field[type='search']{margin:0; border:0 !important; height:23px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #0089ec; margin: 5px 5px 0 0; line-height: 15px; color: #ffffff; /*border-radius: 40px;*/ padding: 0 0 0 5px; border: 2px solid #0089ec; font-size: 10px; font-weight: 500;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {font-size: 18px; color: #0089ec; width: 15px; height: 15px; background-color: #fff; padding: 0; text-align: center; line-height: 15px; border-radius: 50%; float: right; margin: 0 0 0 5px;}

.select2-container .select2-selection--single {border: 2px solid #e4e4e4; border-radius: 0; height: 34px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px; right:5px;}

.select2-dropdown{border:2px solid #e4e4e4; border-radius:0;}

/*FSelect Js*/
.fs-wrap{display:inline-block;cursor:pointer;line-height:1;width:200px}.fs-label-wrap{position:relative;background-color:#fff;border:1px solid #ddd;cursor:default}.fs-dropdown,.fs-label-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-label-wrap .fs-label{padding:6px 22px 6px 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fs-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;position:absolute;top:0;right:5px;bottom:0;margin:auto}.fs-dropdown{position:absolute;background-color:#fff;border:1px solid #ddd;width:200px;margin-top:5px;z-index:1000}.fs-dropdown .fs-options{max-height:200px;overflow:auto}.fs-search input{border:none!important;box-shadow:none!important;outline:0;padding:4px 0;width:100%}.fs-optgroup-label,.fs-option,.fs-search{padding:6px 8px;border-bottom:1px solid #eee;cursor:default}.fs-option:last-child{border-bottom:none}.fs-search{padding:0 4px}.fs-option{cursor:pointer}.fs-option.disabled{opacity:.4;cursor:default}.fs-option.hl{background-color:#f5f5f5}.fs-wrap.multiple .fs-option{position:relative;padding-left:30px}.fs-wrap.multiple .fs-checkbox{position:absolute;display:block;width:30px;top:0;left:0;bottom:0}.fs-wrap.multiple .fs-option .fs-checkbox i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;background-color:#fff}.fs-wrap.multiple .fs-option.selected .fs-checkbox i{background-color:#11a911;border-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center}.fs-optgroup-label{font-weight:700;text-align:center}.hidden{display:none}

.modal-mail .fs-wrap{width:100%;}
.modal-mail .fs-label-wrap{height: 2.3rem; line-height: 1.8; border: 2px solid #e4e4e4;}

/*-------------------------------
  Login
-------------------------------*/
.admin-title {position: absolute; top: -75px; background: #ffffff; width: 80px; height: 80px; line-height: 40px; border: 10px solid #0089ec; left: 50%; margin-left: -40px; transform: rotate(-45deg);}
    .admin-title strong { color: #0089ec; transform: rotate(45deg); position: absolute; display: block; width: 80px; line-height: 80px; height: 80px; left: -10px;  top: -10px;}
body.login {background: #0975c3;}
.login-panel{border:10px solid #0089ec; margin-top:100px;}
.login-panel.card .card-content {padding: 30px 15px 15px;}
.login-panel .input-field:first-child {margin-top: 0;}
    .login-panel .input-field label:not(.active) {text-indent: 15px;}

 .login-panel ._btn-xs {font-size: 0.8rem!important; margin: 0px; text-transform: initial!important;}

/*---------------------------------------
  FILTER WRAPPER
---------------------------------------*/
.filter-wrapper{ min-height: 20px; padding: 15px 0px; background-color: #ffffff; border: 10px solid #e3e3e3; }
.popup-filter-wrapper {padding-right: 120px; position: relative;}
  .popup-filter-wrapper .popup-search-action {position: absolute; right: 10px; top: 20px;}
  .popup-filter-wrapper .popup-search-action .btn {margin-right: 5px;}
  
/*--------------------------------------------
	icw | Responsive
--------------------------------------------*/
@media only screen and (min-width: 993px) {}

@media only screen and (max-width: 992px) {
  main {padding: 0}
  .logo a {display: inline-block;}
  .brand-logo {display: inline-block !important; left: 44px!important; height: 44px!important; line-height: 44px; font-size: 20px!important;}

  #_mainHeader nav .logo {width: 60px; text-align: center;}
  #_mainHeader .top_bar {padding-left: 100px;}

  /*.user-profile span.name {display: none;}*/
}

@media only screen and (max-width: 767px) {
  #_mainHeader .top_bar {
    padding-left: 65px;
    height: 56px;
  }
  #_mainHeader .top_bar .search-btn {
    top: 13px;
  }
  #_mainHeader .search {
    transform: scaleX(0);
    transform-origin: right;
  }
  #_mainHeader .search-open {
    transform: scaleX(1);
    transition: 0.3s;
    transform-origin: right;
  }
}

@media only screen and (min-width: 601px) {
.navbar-fixed {height: 44px;}
#_mainHeader nav {height: 44px; line-height: 44px;}

}

  @media only screen and (max-width: 600px) {

    .modal.sm-modal {
      width: 100%;
    }
    .circle-chart .display-flex {
      display: block;
    }
    .circle-chart .circle-wrap {
      display: block;
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .circle-chart {
      margin-bottom: -1.5rem;
    }
    .page-notfound p {font-size:25px}
    .page-notfound .jump-page {font-size:15px;}
  }

  @media only screen and (max-width: 480px) {
    .user-profile span.name {display: none;}
    .user-profile .dropdown-button span.fa { margin: 0!important;}


    #_mainHeader .top_bar .dropdown-content {top: 56px!important;}

    .progress-pie-chart,
    .circle-wrap .circle-info {display: block; margin: 0 auto;}
  }