html,body{min-height:100%;height:100%;margin:0!important;padding:0!important;}
.di__breadcrumb.breadcrumb{background:#eee;margin-bottom:0}
.di__breadcrumb.breadcrumb > li{font-size:.9em}
.di__breadcrumb.breadcrumb > li > a{color:#777}
.di__breadcrumb.breadcrumb > li.active{color:#999}
.di__tab{position:relative;padding-top:9px;border-bottom:none!important}
.di__overlay-tab{width:100%;background:#d5d4d4;height:48px;z-index:0;float:left;position:absolute;left:0}
.di__tab > li > a{color:#999;border:0!important}
.di__tab > li.active > a,.di__tab > li.active > a:hover,.di__tab > li.active > a:focus{background:#f2f2f2!important;color:#333!important}
.di__tab > li.active > a:before{position:relative}
.di__tab > li.active > a:after{content:"";background:url(../../image-resources/mask__active-notify.png) no-repeat;width:9px;height:9px;position:absolute;top:0;right:0}
.di__nav-right{position:absolute;right:40px;top:17px}
.di__tab > li > a:hover,.di__tab > li > a:focus{background:transparent!important;color:#b91018!important}
@media (min-width:992px) {
.di__tab > li > a{padding-left:25px!important;padding-right:25px!important}
.di__tab{margin-left:250px}
}
@media (max-width:520px) {
.di__overlay-tab{height:46px}
.di__tab > li > a{font-size:12px!important;padding-left:7px!important;padding-right:7px!important}
}
.di__tab-normal.di__tab{margin-left:0}
.di__tab-normal.di__tab > li.active > a:after{background:url(../../image-resources/mask__active-notify-2.png) no-repeat}
.di__tab-normal.di__tab > li.active > a,.di__tab-normal.di__tab > li.active > a:hover,.di__tab-normal.di__tab > li.active > a:focus{background:#fff!important;color:#333!important}
.di__main-dashboard-left .panel{border-bottom:4px solid #ddd}
.di__main-dashboard-left .panel.di__error{border-left:4px solid #c02027!important}
.di__main-dashboard{margin-top:20px}
.di__content-wrapper{float:left;width:100%}
@media (min-width:768px) {
.di__left220-sm{float:left;width:220px;position:relative;margin-right:-100%}
.di__right220-sm-nofloat{margin-left:250px}
}
.di__widget{background:#fff}
.di__panel-chart .panel-title{color:#777;font-size:13px;margin-top:4px}
.di__panel-chart .panel-title >b{color:#333}
.di__panel-chart .panel-body{padding:15px 0 10px}
.di__panel-chart .panel-body .di__widget{position:relative}
.di__panel-chart .panel-body .di__num-parent li .di__widget{padding:0 15px}
.di__panel-chart .di__sub-head .di__sub-right{float:right;position:absolute;right:5px;top:-4px}
.di__panel-chart .di__num-parent > li:first-child .di__sub-head .di__sub-right{right:-5px}
.di__panel-chart .di__sub-head .di__sub-right .btn-link{color:#333}
.di__num-parent > li:before{position:relative}
.di__num-parent > li:after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#ddd}
.di__num-parent > li:first-child:after{width:0}
.di__sub-title{font-size:12px;color:#777;margin-top:0}
.di__sub-title-note{font-size:11px;color:#999;display:block}
.di__num,.di__num-status{display:block}
.di__num{font-size:22px;font-weight:600}
.di__num-status{font-size:.8em;color:#777}
.popover-title{letter-spacing:1px}
.di__circle-notify{font-size:12px;line-height:2.428571429;border:1px solid #ddd;color:#777}
.di__active-notify-success .di__circle-notify{background:#00a651;color:#Fff;border-color:#00a651}
.di__active-notify-danger .di__circle-notify{background:#e74c3c;color:#Fff;border-color:#cf4436}
.di__head-notify{padding:5px 15px 8px}
.di__list-notify > li:nth-child(2n){background:#fafafa}
.media-heading.di__notify-title{font-size:12px;font-weight:700;margin-bottom:0}
.di__notify-subtext{font-size:11px;display:block;font-weight:400!important}
.di__list-notify.notifications-box li .notification-time{font-style:normal}
.di__page-header{margin-bottom:20px}
.di__right-header{float:right}
.di__subtext-inline{font-size:13px;color:#777}
.di__filter-table{width:340px}
.di__filter-expand{box-shadow:0 0 21px 0 rgba(0,0,0,0.1) inset;box-shadow:0 1px 7px 2px rgba(109,168,227,0.6);background:#fafafa}
.di__filter-inside{padding:10px 15px}
.di__filter-inside .form-group{margin-bottom:10px}
.di__filter-inside .di__filter-action{text-align:right}
.di__filter-right .pagination{margin:4px 0 0}
.di__btn-expand{background:#fff;border:#dfe8f1 1px solid!important;border-left:0!important;box-shadow:inset 1px 1px 3px #f6f6f6}
@media (min-width:992px) {
.di__filter-inside{padding-bottom:0!important}
}
.di__panel-table{position:relative}
.di__panel-table .di__panel-right{margin-top:0;position:relative}
.di__panel-table .panel-body{padding:0}
.di__panel-table .table:first-child{margin:0}
.di__panel-table .table > thead > tr > th{background:#fafafa !important;font-size:12px}
.di__panel-table .table > thead > tr > th:first-child,.di__panel-table .table > tbody > tr > th:first-child{font-size:11px;text-align:center}
.di__panel-showing{font-size:11px;color:#777}
.di__panel-showing .form-group-sm .form-control.di__showing{height:24px;padding-top:2px;padding-bottom:2px;display:inline-block!important;width:80px!important;font-size:11px}
.di__filter-group .form-control{height:24px;padding-top:2px;padding-bottom:2px}
.di__filter-group .input-sm + .form-control-feedback,.di__filter-group .input-group-sm + .form-control-feedback,.di__filter-group .form-group-sm .form-control + .form-control-feedback{height:24px}
.di__filter-group .form-control-feedback[class^="di-icon"],.di__filter-group .form-control-feedback[class*=" di-icon"]{line-height:24px}
table.dataTable.di__table-data thead th.sorting::after{font-size:.8em}
table.table.di__table-data thead th.sorting:after,table.table.di__table-data thead th.sorting_asc:after,table.table.di__table-data thead th.sorting_desc:after{top:10px}
.di__table-data tbody > tr.selected{background:#dfc2c3!important}
.di__panel-table table > thead .di__filter-table-cell{margin-top:0;display:block}
.di__panel-table table > thead .di__filter-table-cell .input-sm,.di__panel-table table > tbody .di__filter-table-cell .input-sm{font-size:.8em;color:#999;height:23px;line-height:23px;font-weight:400!important;padding:2px 5px}
.di__panel-table table > thead .di__filter-table-cell .form-group,.di__modal-tool .tab-content table > thead .di__filter-table-cell .form-group,.di__filter-table-cell .form-group{margin-bottom:0}
.di__panel-table table > thead .di__filter-table-cell .form-group.form-group-sm .form-control-feedback[class^="di-icon"],.di__panel-table table > thead .di__filter-table-cell .form-group.form-group-sm .form-control-feedback[class*=" di-icon"],.di__modal-tool .tab-content table > thead .di__filter-table-cell .form-group.form-group-sm .form-control-feedback[class^="di-icon"],.di__modal-tool .tab-content table > thead .di__filter-table-cell .form-group.form-group-sm .form-control-feedback[class*=" di-icon"]{line-height:23px}
.di__table-data tbody > tr > td{font-size:12px!important;color:#333;}
table.dataTable.noFilter thead > tr > th{ padding: 5px}
.table.table.di__table-data{margin-bottom:0}
.di__panel-table .email-body{font-size:13px}
.di__modal-tool .modal-footer .pager > li > a{ line-height:11px}
.di__modal-tool .di__table-data tbody > tr > td .di__filter-table-cell .input-sm + .form-control-feedback,.di__filter-table-cell .input-group-sm + .form-control-feedback,.di__filter-table-cell .form-group-sm .form-control + .form-control-feedback{line-height:24px;height:24px}
.di__filter-table-cell .chosen-container-single .chosen-single{height:21px;line-height:21px;font-size:.9em}
.di__filter-table-cell .chosen-container-single .chosen-search i,.di__filter-table-cell .chosen-container-single .chosen-single div{margin-top:-11px;height:22px;line-height:22px;width:24px}
.di__filter-table-cell .chosen-container.chosen-with-drop .chosen-drop{top:23px}
.di__filter-table-cell .chosen-container-single .chosen-search input{font-size:.9em;height:22px;line-height:22px}
.di__filter-table-cell .chosen-container .chosen-results li{font-size:.8em}
.di__footer-nav{z-index:999}
.di__footer-inside{background:#fff;padding:10px;box-shadow:24px 0 21px 1px rgba(0,0,0,0.3)}
.di__footer-inside .btn-lg,.di__footer-inside .btn-group-lg > .btn{font-size:14px;line-height:36px;min-width:34px;height:37px}



.di__status-left{font-size:12px;font-weight:700;margin-top:10px}
.di__status-left > .label{position:relative;top:-1px;margin-right:6px;border-radius:4px}
.di__check-all-btn{position:relative;width:20px;height:20px;margin-left:15px}
.di__check-all-btn:before{content:"\e90e";font-family:'diicon';display:inline;position:absolute;font-size:15px;top:-4px;color:#777}
.di__btn-right{float:right}
#wrapper.toggled .di__footer-nav{padding-left:0}
#page-sidebar.collapse.in{width:auto!important}
@media (min-width:900px) {
.di__footer-nav{padding-left:260px}
.di__footer-inside{padding:10px 30px!important}
.closed-sidebar .di__footer-nav{padding-left:0}
.text-center-sm{text-align:center!important}
.di__box-setting{padding:30px}
.di__modal-drp{margin-top:100px}
.visible-899{display:none!important}
}
@media (min-width:1100px) {
.line__vert-sm{position:relative}
.line__vert-sm:after{position:absolute;height:100%;width:1px;background:#ddd;content:"";left:-15px;top:0}
}
.di__footer-nav.di__footer-nav-sidebarin{padding-left:0}
.visible-899{display:block}
.di__bottom-insr-xs,.di__origin-insr-md{display:none}
@media (max-width:899px) {
.di__bottom-insr-xs.header-insr{display:block;padding:10px 12px;color:#000;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:700}
.hide-899{display:none}
.dropdown.di__top-insr-xs{display:block;padding:10px 12px}
.dropdown.di__top-insr-xs > a:hover{text-decoration:none;color:#db1a22}
#page-sidebar.collapse.in{position:fixed!important;height:100%!important; z-index: 1000}
#header-nav-right .di__notify-top{margin-right:5px!important}
#header-nav-right .di__notify-top .dropdown-menu.float-right{width:100%!important;height:100%!important;top:73px!important;left:0!important;right:auto!important;position:fixed!important}
#header-nav-right #logout-btn{display:block!important}
}
@media (max-width:410px) {
#header-nav-right{float:right!important}
}
@media (max-width:460px) {
.text-center-xxs{text-align:center!important}
}
.scroll-sidebar .user-account-btn.dropdown{width:100%;background:#fafafa;border-bottom:1px solid #ddd}
.scroll-sidebar .user-account-btn .dropdown-menu{display:block;position:static;background-color:transparent;border:0 none;box-shadow:none;margin-top:0;position:static;width:100%;float:none!important}
.scroll-sidebar .user-account-btn .dropdown-menu .box-sm{width:auto}
.di__search-sidebar{background:#fff;padding:8px 15px 10px}
.di__search-sidebar .di__search-group{margin:0;border-width:1px;border-color:#E3E3E3;border-radius:3px;transition:all .2s ease}
.di__search-sidebar .di__search-group:hover{border-color:#3498db}
.di__search-sidebar .di__search-group:hover .btn.di__search-btn{color:#3498db}
.di__pagination.pagination > li:last-child > a,.di__pagination.pagination > li:last-child > span{border-radius:0}
.di__pagination.pagination > li > a,.pagination > li > span{color:#333;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x}
.pagination-xs > li > a{padding:1px 5px!important;font-size:12px;line-height:1.5}
.di__pagination.pagination .di__pagination-text{float:left;position:relative;font-size:11px;margin-right:10px;margin-top:3px}
.di__pagination.pagination > .active > a,.di__pagination.pagination > .active > span,.di__pagination.pagination > .active > a:hover,.di__pagination.pagination > .active > span:hover,.di__pagination.pagination > .active > a:focus,.di__pagination.pagination > .active > span:focus{background:transparent;border-color:transparent;color:#de0808;text-decoration:underline}
.di__box-setting .title-hero{font-size:13px;color:#777;font-weight:700;letter-spacing:1px}
.di__list-item{position:relative}
.di__list-item.setting__style{padding:8px 70px 8px 0}
.di__list-item.setting__style .di__list-side{float:right;position:absolute;right:0}
.di__list-item.setting__style .di__list-side .btn-edit-sett.btn{margin-right:-12px!important;margin-top:1px}
.di__list-item.setting__style .di__list-bottom .di__list-subTitle{font-weight:800;margin-top:15px;margin-bottom:10px}
.di__list-item.setting__style .di__list-sub > li{position:relative}
.di__list-item.setting__style .di__list-sub > li .di__list-side{right:-70px;top:0;width:70px}
.di__modal-tool.di__new-ms-box .di__list-item.setting__style{padding:8px 70px 20px 0}
.di__new-ms-box .di__box-setting{padding:5px 20px}
.di__cate-box{border:5px solid #ddd;min-height:400px}
.di__cate-box .di__cate-box-head{padding:10px 15px;border-bottom:1px solid #ddd;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}
.di__cate-box .di__cate-box-head .title-hero{margin:7px 0 5px;font-weight:600;font-size:13px}
.di__cate-box .di__cate-box-head .di__cate-collapse{float:right;position:relative;z-index:1}
.close-tree-btn.openall .glyph-icon.icon-minus:before{content:"\f067"!important;font-family:'FontAwesome'}
.btn-style-grd-silver .btn{border-color:#ddd;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x}
.di__cate-tree{max-height:340px;overflow:auto}
.di__cate-tree.panel-body{padding-right:0;padding-left:0;padding-top:0}
.nav.di__nav-list-tree{margin-top:10px}
.di__cate-right #st-01{min-height:400px}
.di__cstep1{width:350px;margin-top:90px}
.di__cstep1 .act-150{min-width:150px}
.title-lead{margin-bottom:40px}
.di__features-title{margin-bottom:40px;font-size:30px;font-weight:900}
.di__panel-features{border:0!important;border-bottom:1px solid #ddd!important;box-shadow:none!important}
.di__panel-features,.di__panel-features .panel-heading{background:transparent!important}
.di__panel-features .panel-heading{border-bottom:0!important;padding-left:30px;padding-top:20px;padding-bottom:27px;position:relative}
.di__panel-features .panel-heading .accordion-toggle{display:block;text-decoration:none}
.di__panel-features .panel-heading .accordion-toggle:hover,.di__panel-features .panel-heading .accordion-toggle:focus{color:#333!important}
.di__panel-features .panel-heading .accordion-toggle:after{font-family:'FontAwesome';content:"\f068";color:#D50000;position:absolute;left:0;top:20px}
.di__panel-features .panel-heading .accordion-toggle.collapsed:after{content:"\f067"}
.di__panel-features .panel-body{border:0!important;padding-bottom:27px;padding-left:30px;padding-top:0;line-height:28px}
.di__panel-features .panel-heading .panel-title{font-size:20px}
.di__panel-features.di__panel-option .panel-body{padding:0}
.di__panel-features.di__panel-option .panel-heading .accordion-toggle:after{font-family:'FontAwesome';content:"\f192"!important;color:#D50000;position:absolute;left:0;top:20px}
.di__panel-features.di__panel-option .panel-heading .accordion-toggle.collapsed:after{content:"\f10c"!important}
.di__panel-features.di__panel-option .di__panel-table .panel-heading{padding:10px 15px 0}
.di__panel-features.di__panel-option .di__panel-table .panel-heading .dl-horizontal dt{text-align:left}
.listrap{list-style-type:none;margin:0;padding:0;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.listrap li{margin:0;padding:10px;position:relative;z-index:0}
.listrap li.active,.listrap li:hover{background-color:#d9edf7}
.listrap .listrap-toggle > span{border:2px solid #ccc;z-index:100;width:24px;height:24px;position:absolute;border-radius:50%;text-align:center;line-height:18px;vertical-align:middle;color:#428bca;right:30px;top:23px;cursor:pointer}
.listrap li.active .listrap-toggle > span,.listrap li:hover > span{border-color:#428bca}
.listrap li.active .listrap-toggle > span:before{font-family:'Glyphicons Halflings';content:"\e013"}
.di__listtrap-style-checkbox > li{padding:0}
.di__listtrap-style-checkbox > li .listrap-toggle > span{border-radius:0;width:15px;height:15px;border-width:1px;top:50%;margin-top:-7.5px}
.di__listtrap-style-checkbox > li .listrap-toggle > span:before{position:relative;top:-4px}
.di__listtrap-style-checkbox > li a.list-group-item{border:0;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd}
.di__listtrap-style-checkbox > li.active a.list-group-item{background:#13a8c8!important}
.di__listtrap-style-checkbox > li.active .listrap-toggle > span{border-color:#fff;color:#fff}
.search__hubs-inline .di__search-group{border-width:1px}
.di__tooltip{outline:none}
.di__tooltip strong{line-height:30px}
.di__tooltip:hover{text-decoration:none}
.callout{z-index:20;position:absolute;border:0;top:-14px;left:120px}
.di__tooltip{outline:none!important}
.di__tooltip .di__tooltip-content,.di__tooltip span{display:none;padding:14px 20px;margin-top:25px;margin-left:-150px;width:300px;line-height:18px;z-index:60;box-shadow:0 0 8px 4px #eee;animation-duration:.3s;animation-fill-mode:both;animation-name:openArrowBox}
.di__tooltip:hover span,.di__tooltip:hover .di__tooltip-content{display:inline;position:absolute;border:2px solid #ddd;color:#333;background:#fff}
.di__tooltip.width600 .di__tooltip-content{width:600px;margin-left:-300px}
.di__tooltip .di__tooltip-content{display:none}
.di__tooltip-click{width:16px;height:21px;outline:none!important}
.di__tooltip-click .di__tooltip-content{display:none;padding:14px 20px;margin-top:25px;margin-left:-150px;min-width:600px;line-height:18px;z-index:60;border:2px solid #ddd;color:#333;background:#fff;box-shadow:0 0 8px 4px rgba(0,0,0,0.2);animation-duration:.3s;animation-fill-mode:both;animation-name:openArrowBox}
.di__tooltip-click.active .di__tooltip-content{display:block;position:absolute;top:0;bottom:auto;right:50px}
.di__tooltip-xs-right{margin-left:0;right:0}
.di__tooltip-xs-left.max-wd{overflow-x:auto;left:auto;right:0;margin-right:-100%;margin-top:-20px}
table.dataTable.di__table-data tbody tr:last-child .di__tooltip-xs-left.max-wd{ margin-top: -80px;}
@media (min-width:768px) {
.di__tooltip-xs-right{margin-left:-150px!important;right:auto}
}
@keyframes openArrowBox {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0px)}
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0px)}
}
.di__nav-list-tree ul{position:relative}
.di__nav-list-tree ul:before{content:"";display:block;width:0;position:absolute;top:0;bottom:0;left:0;border-left:1px solid #ddd}
.di__nav-list-tree li{margin:0;padding:0 1em;line-height:2em;color:#369;position:relative}
.di__nav-list-tree ul li:before{content:"";display:block;width:10px;height:0;border-top:1px solid #ddd;margin-top:-1px;position:absolute;top:1em;left:0}
.di__nav-list-tree ul li:last-child:before{background:#f2f2f2;height:auto;top:1em;bottom:0}
.di__nav-list-tree li a{padding:0 5px; font-size: 0.9em; color: #777; white-space: nowrap}
.di__nav-list-tree li .tree-toggler.nav-header{font-weight:400;cursor:pointer}
.di__nav-list-tree li .tree-toggler.nav-header.close-tree:before{content:'\f07b'}
.di__nav-list-tree li .tree-toggler.nav-header:before{font-family:'FontAwesome';content:' \f07c';margin-right:5px;float:left}
.di__panel-tool-alt .panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}
.di__panel-tool-alt .nav{border-bottom:0!important}
.di__panel-tool-alt .nav > li > a{padding:5px 10px;font-size:13px; border-radius:40px}
.modal .di__panel-tool-alt .nav > li > a{font-size:12px;padding:3px 10px;font-weight:400!important}
.modal .di__panel-tool-alt .panel-heading .btn-sm{font-size:12px;line-height:23px;height:24px}
.di__panel-tool-alt .nav > li.active > a{background:#becad3;box-shadow:0 0 21px 0 rgba(0,0,0,0.2) inset;border:1px solid #959ea4;text-shadow:0 0 2px #444;font-weight:700}
.di__panel-tool-alt .nav > li > a:hover,.di__panel-tool-alt .nav > li > a:focus{background:#d8d8d8}
.di__panel-tool-alt .nav > li.active > a:hover,.di__panel-tool-alt .nav > li.active > a:focus{background:#becad3;opacity:.8;border-color:#959ea4}
.di__panel-tool-alt .dropdown > .dropdown-menu::before,.di__panel-tool-alt .minicolors-position-bottom .minicolors-panel::before{left:109px}
.di__panel-tool-alt .dropdown > .dropdown-menu::after,.di__panel-tool-alt .minicolors-position-bottom .minicolors-panel::after{left:110px}
.di__panel-tool-alt .di__panel-features{border-top:1px solid #ddd!important;border-bottom:0!important}
.di__panel-tool-alt .di__panel-features:first-child{border-top:0!important}
.di__search-group{border:#ddd solid 3px;background:#fff;box-shadow:0 0 21px 0 rgba(0,0,0,0.1) inset;margin-top:5px}
.di__search-group .form-control{border:0!important;box-shadow:0 0 0;border-radius:0;background:transparent!important}
.di__search-group:hover{border-color:#dfe8f1}
.di__search-group .di__search-btn{background:transparent!important;border:0;color:#777}
.di__prc-step .di__footer-inside{padding:0}
.di__prc-step .cd-multi-steps{ width: 100%}
.di__prc-step-inside .cd-multi-steps{ display: block; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;  padding-bottom: 60px; max-width: 100%}
.di__prc-step-inside .cd-multi-steps > li{ display: inline-block;}
.di__prc-step .cd-multi-steps > li > a{text-decoration:none;color:#999}
.di__prc-step .cd-multi-steps > li .wizard-description{display:block;width:100px}
.di__prc-step .cd-multi-steps > li.active > a,.di__prc-step .cd-multi-steps > li.current > a{color:#2c3f4c}
.di__prc-step .di__time{position:absolute;width:100%;top:44px;display:block;font-weight:400;font-size:.8em;color:#999}
.cd-breadcrumb,.cd-multi-steps{width:90%;max-width:768px;padding:.5em 1em;margin:1em auto;background-color:#edeff0;border-radius:.25em}
.cd-breadcrumb:after,.cd-multi-steps:after{content:"";display:table;clear:both}
.cd-breadcrumb li,.cd-multi-steps li{display:inline-block;float:left;margin:.5em 0}
.cd-breadcrumb li::after,.cd-multi-steps li::after{display:inline-block;content:'\00bb';margin:0 .6em;color:#959fa5}
.cd-breadcrumb li:last-of-type::after,.cd-multi-steps li:last-of-type::after{display:none}
.cd-breadcrumb li > *,.cd-multi-steps li > *{display:inline-block;font-size:1.4rem;color:#2c3f4c}
.cd-breadcrumb li.current > *,.cd-multi-steps li.current > *{color:#96c03d}
.no-touch .cd-breadcrumb a:hover,.no-touch .cd-multi-steps a:hover{color:#96c03d}
.cd-breadcrumb.custom-separator li::after,.cd-multi-steps.custom-separator li::after{content:'';height:16px;width:16px;background:url(../../image-resources/cd-custom-separator.svg) no-repeat center center;vertical-align:middle}
.cd-breadcrumb.custom-icons li > ::before,.cd-multi-steps.custom-icons li > ::before{content:'';display:inline-block;height:20px;width:20px;margin-right:.4em;margin-top:-2px;background:url(../../image-resources/cd-custom-icons-01.svg) no-repeat 0 0;vertical-align:middle}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > ::before,.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > ::before{background-position:-20px 0}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > ::before,.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > ::before{background-position:-40px 0}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > ::before,.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > ::before{background-position:-60px 0}
.cd-breadcrumb.custom-icons li.current:first-of-type > ::before,.cd-multi-steps.custom-icons li.current:first-of-type > ::before{background-position:0 -20px}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > ::before,.cd-multi-steps.custom-icons li.current:nth-of-type(2) > ::before{background-position:-20px -20px}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > ::before,.cd-multi-steps.custom-icons li.current:nth-of-type(3) > ::before{background-position:-40px -20px}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > ::before,.cd-multi-steps.custom-icons li.current:nth-of-type(4) > ::before{background-position:-60px -20px}
@media only screen and (min-width: 768px) {
.cd-breadcrumb,.cd-multi-steps{padding:0 1.2em}
.cd-breadcrumb li,.cd-multi-steps li{margin:1.2em 0}
.cd-breadcrumb li::after,.cd-multi-steps li::after{margin:0 1em}
.cd-breadcrumb li > *,.cd-multi-steps li > *{font-size:.9em;font-weight:700}
.cd-breadcrumb.triangle{background-color:transparent;padding:0}
.cd-breadcrumb.triangle li{position:relative;padding:0;margin:4px 4px 4px 0}
.cd-breadcrumb.triangle li:last-of-type{margin-right:0}
.cd-breadcrumb.triangle li > *{position:relative;padding:1em .8em 1em 2.5em;color:#2c3f4c;background-color:#edeff0;border-color:#edeff0}
.cd-breadcrumb.triangle li.current > *{color:#fff;background-color:#96c03d;border-color:#96c03d}
.cd-breadcrumb.triangle li:first-of-type > *{padding-left:1.6em;border-radius:.25em 0 0 0}
.cd-breadcrumb.triangle li:last-of-type > *{padding-right:1.6em;border-radius:0 .25em .25em 0}
.no-touch .cd-breadcrumb.triangle a:hover{color:#fff;background-color:#2c3f4c;border-color:#2c3f4c}
.cd-breadcrumb.triangle li::after,.cd-breadcrumb.triangle li > ::after{content:'';position:absolute;top:0;left:99%;height:0;width:0;border:19px solid transparent;border-right-width:0;border-left-width:18px}
.cd-breadcrumb.triangle li::after{z-index:1;-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);-o-transform:translateX(2px);transform:translateX(2px);border-left-color:#fff;margin:0}
.cd-breadcrumb.triangle li > ::after{z-index:2;border-left-color:inherit}
.cd-breadcrumb.triangle li:last-of-type::after,.cd-breadcrumb.triangle li:last-of-type > ::after{display:none}
.cd-breadcrumb.triangle.custom-separator li::after{background-image:none}
.cd-breadcrumb.triangle.custom-icons li::after,.cd-breadcrumb.triangle.custom-icons li > ::after{border-top-width:25px;border-bottom-width:25px}
.no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before,.cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before,.no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before,.cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before{background-position:0 -40px}
.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before,.cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before,.no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before,.cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before{background-position:-20px -40px}
.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before,.cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before,.no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before,.cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before{background-position:-40px -40px}
.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before,.cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before,.no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before,.cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before{background-position:-60px -40px}
.cd-multi-steps{background-color:transparent;padding:0;text-align:center}
.cd-multi-steps li{position:relative;float:none;margin:.4em 40px .4em 0}
.cd-multi-steps li:last-of-type{margin-right:0}
.cd-multi-steps li::after{position:absolute;content:'';height:4px;background:#cbcbcb;margin:0}
.cd-multi-steps li.active::after{background-color:#96c03d}
.cd-multi-steps li > *,.cd-multi-steps li.current > *{position:relative;color:#2c3f4c}
.cd-multi-steps.custom-separator li::after{height:4px;background:#edeff0}
.cd-multi-steps.text-center li::after{width:100%;top:50%;left:100%;-webkit-transform:translateY(-50%) translateX(-1px);-moz-transform:translateY(-50%) translateX(-1px);-ms-transform:translateY(-50%) translateX(-1px);-o-transform:translateY(-50%) translateX(-1px);transform:translateY(-50%) translateX(-1px)}
.cd-multi-steps.text-center li > *{z-index:1;padding:.6em 1em;border-radius:.25em;background-color:#edeff0}
.no-touch .cd-multi-steps.text-center a:hover{background-color:#2c3f4c}
.cd-multi-steps.text-center li.current > *,.cd-multi-steps.text-center li.active > *{color:#fff;background-color:#96c03d}
.cd-multi-steps.text-center.custom-icons li.active a::before{background-position:0 -60px}
.cd-multi-steps.text-top li,.cd-multi-steps.text-bottom li{width:100px;text-align:center}
.cd-multi-steps.text-top li::after,.cd-multi-steps.text-bottom li::after{position:absolute;left:50%;width:calc(100% + 40px)}
.cd-multi-steps.text-top li > ::before,.cd-multi-steps.text-bottom li > ::before{content:'';position:absolute;z-index:1;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:12px;width:12px;border-radius:50%;background-color:#b5b6b7}
.cd-multi-steps.text-top li.active > ::before,.cd-multi-steps.text-top li.current > ::before,.cd-multi-steps.text-bottom li.active > ::before,.cd-multi-steps.text-bottom li.current > ::before{background-color:#96c03d}
.no-touch .cd-multi-steps.text-top a:hover,.no-touch .cd-multi-steps.text-bottom a:hover{color:#96c03d}
.no-touch .cd-multi-steps.text-top a:hover::before,.no-touch .cd-multi-steps.text-bottom a:hover::before{box-shadow:0 0 0 3px rgba(150,192,61,0.3)}
.cd-multi-steps.text-top li::after{bottom:4px}
.cd-multi-steps.text-top li > *{padding-bottom:20px}
.cd-multi-steps.text-top li > ::before{bottom:0}
.cd-multi-steps.text-bottom li::after{top:3px}
.cd-multi-steps.text-bottom li > *{padding-top:20px}
.cd-multi-steps.text-bottom li > ::before{top:0}
}
.cd-multi-steps.count li{counter-increment:steps}
.cd-multi-steps.count li > ::before{content:counter(steps) " - "}
@media only screen and (min-width: 768px) {
.cd-multi-steps.text-top.count li > ::before,.cd-multi-steps.text-bottom.count li > ::before{content:counter(steps);height:26px;width:26px;line-height:26px;font-size:1.4rem;color:#fff}
.cd-multi-steps.text-top.count li:not(.current) em::before,.cd-multi-steps.text-bottom.count li:not(.current) em::before{color:#2c3f4c}
.cd-multi-steps.text-top.count li::after{bottom:11px}
.cd-multi-steps.text-top.count li > *{padding-bottom:34px}
.cd-multi-steps.text-bottom.count li::after{top:11px}
.cd-multi-steps.text-bottom.count li > *{padding-top:34px}
}
.modal-content .cd-breadcrumb li{margin:.4em 0;font-size:.9em}
.current.active{color:#65a6ff}
.cd__substep{font-size:.85em;font-weight:400;text-transform:uppercase;letter-spacing:1px}
.di__panel-step > .panel-heading{padding:0;background:#edeff0}
.di__panel-step > .panel-heading .cd-breadcrumb{margin:0}
.di__panel-step > .panel-heading .cd-breadcrumb.triangle li{margin:0}
.cd-breadcrumb.di__step-cd{width:100%;max-width:none}
.cd-breadcrumb.di__step-cd.triangle li{text-align:center}
.cd-breadcrumb.di__step-cd.triangle li.active > a,.no-touch .cd-breadcrumb.di__step-cd.triangle a:hover{color:#fff;background-color:#96c03d;border-color:#96c03d}
.di__footer-inside .pager{margin-bottom:0}
.di__footer-inside .pager li > a{padding:0 14px;border-radius:3px}
.di__footer-inside .pager li.next > a{background:#65a6ff;border-color:#5388d1;color:#Fff}
.di__footer-inside .pager > li.finish > a,.di__footer-inside .pager > li.finish > button{border-color:#cf4436;background:#e74c3c}
.di__title-feature{margin-bottom:20px}
.ui-draggable.modal .modal-header.ui-draggable-handle{cursor:move}
.di__modal-tool .modal-body{background:#f5f5f5}
.di__modal-tool .modal-content{background-color:#eee}
.di__modal-tool .di__modal-nav .nav-pills > li > a{padding:3px 10px;font-size:11px;}
.di__modal-tool .di__modal-nav .nav-pills > li > a, .di__modal-tool .di__modal-nav .nav-pills > li > a:hover, .di__modal-tool .di__modal-nav .nav-pills > li > a:focus{ background:transparent; color:#333;border:1px solid #ddd;}
.di__modal-tool .di__modal-nav .nav-pills > li > a.nrm__nav-pill{border-color:#999;color:#777}
.di__modal-tool .di__modal-nav .nav-pills > li.active > a.nrm__nav-pill{background:#fafafa;position:relative}
.di__modal-tool .di__modal-nav .nav-pills > li.active > a.nrm__nav-pill:before{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #f5f5f5;content:"";position:absolute;bottom:-6px;left:50%;margin-left:-8px;z-index:12}
.di__modal-nav{padding:5px 15px;}
.modal-left-total .input-group-addon{font-size:13px}
.di__modal-tool .tab-content .table th{font-size:11px}
.di__modal-tool .tab-content table > thead .di__filter-table-cell .input-sm{font-size:.9em;color:#999;height:23px;line-height:23px;font-weight:400!important;padding:3px 5px}
.di__modal-tool .cd-breadcrumb{width:100%;margin:0}
@media (min-width:768px) {
.modal-left-total{width:405px}
.modal-left-total .input-group-addon{padding-left:22px;padding-right:22px}
}
.modal.di__modal-fullscreen,.modal.di__modal-fullscreen-fixedWidth{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}
.di__modal-fullscreen .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}
.di__modal-fullscreen .modal-content,.di__modal-fullscreen-fixedWidth .modal-content{position:absolute;top:0;right:0;bottom:0;left:0}
.di__modal-fullscreen .modal-header{position:absolute;top:0;right:0;left:0;height:50px}
.di__modal-fullscreen .modal-body{position:absolute;top:50px;bottom:60px;width:100%;font-weight:300;overflow:auto}
.di__modal-fullscreen .modal-footer{position:absolute;right:0;bottom:0;left:0;height:60px}
.di__modal-fullscreen-fixedWidth .modal-dialog{width:100%;position:fixed;margin:0;height:100%;padding:0}
.di__modal-fullscreen-fixedWidth .modal-header{position:absolute;top:0;right:0;left:0;height:50px}
.di__modal-fullscreen-fixedWidth .modal-body{position:absolute;top:50px;bottom:60px;width:100%;font-weight:300;overflow:auto}
.di__modal-fullscreen-fixedWidth .modal-footer{position:absolute;right:0;bottom:0;left:0;height:60px}
.di__modal-fullscreen-fixedWidth.di__modal-step .modal-header{height:69px}
.di__modal-fullscreen-fixedWidth.di__modal-step .modal-body{top:69px}
.di__modal-fullscreen-fixedWidth.di__modal-step .modal-header .cd-breadcrumb.triangle li::after,.di__modal-fullscreen-fixedWidth.di__modal-step .modal-header .cd-breadcrumb.triangle li > a::after{border:16px solid transparent;border-left-width:15px}
.di__modal-fullscreen-fixedWidth.di__modal-step .modal-header .cd-breadcrumb.triangle li > *{padding-top:.6em;padding-bottom:.6em}
.di__modal-fullscreen-fixedWidth.di__modal-step .pager li > a,.di__modal-fullscreen-fixedWidth.di__modal-step .pager li > span{padding-top:0;padding-bottom:0;border-radius:0!important}
.pager li > a.btn-danger{color:#fff!important;background-color:#e74c3c!important;border-color:#cf4436!important}
@media (min-width:768px) {
.di__modal-fullscreen-fixedWidth .modal-lg{left:50%;width:720px!important;margin:0 0 0 -360px}
.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-content{position:relative!important}
.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-dialog{left:50%!important;width:600px!important;margin:0 0 0 -300px;height:auto!important;position:relative!important}
.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-header,.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-body,.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-footer{position:relative!important;top:0!important}
.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-footer{background:#fafafa}
.di__modal-fullscreen-fixedWidth.di__modal-fullscreen-fixedWidth-md .modal-body{background:#fff}
}
@media (min-width:992px) {
.di__modal-fullscreen-fixedWidth .modal-lg{width:800px!important;margin:0 0 0 -400px}
}
.modal.loading .modal-content:before{content:'Loading...';text-align:center;line-height:155px;font-size:20px;background:rgba(0,0,0,.8);position:absolute;top:55px;bottom:0;left:0;right:0;color:#EEE;z-index:1000}
.modal-alert .modal-header,.di__new-ms-box .modal-header{padding:5px 10px;border-bottom:1px solid #e5e5e5;background:#333;color:#fafafa}
.modal-alert .modal-header .close,.di__new-ms-box .modal-header .close{margin-top:0;opacity:.9;color:#EFEFEF;font-weight:400;text-shadow:none}
.modal-alert .modal-title,.di__new-ms-box .modal-title{font-size:1em;font-weight:600}
.modal-alert .modal-footer{padding:10px}
.modal.modal-alert.loading .modal-content:before,.modal.di__new-ms-box.loading .modal-content:before{top:31px}
.modal.modal-alert .modal-footer .btn-no,.modal.modal-alert .modal-footer .btn-ok{width:110px}
.di__modal-fullscreen-fixedWidth.di__new-ms-box .modal-header{height:30px}
.di__modal-fullscreen-fixedWidth.di__new-ms-box .modal-body{top:30px}
.di__scrll-300.scrollable-content{max-height:200px;height:auto!important;margin-bottom:25px;overflow-y:auto!important}
.di__scrll-300.scrollable-content .list-group > li .list-group-item{padding:15px}
.di__scrll-300.scrollable-content .list-group.listrap li.active .listrap-toggle > span,.di__scrll-300.scrollable-content .list-group.listrap li:hover > span{border-color:#fff;background:#Fff}
.di__icon-big{font-size:46px}
.di__rsa{margin-top:-7px;text-transform:none}
.di__head-sidebar{margin-bottom:40px}
.di__head-sidebar .title-hero{padding-top:15px;font-weight:700}
.bg-silver{background:#f2f2f2;box-shadow:0 0 13px 1px rgba(0,0,0,0.3)}
.bg-grd{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}
.di-slidebar.bg-silver{color:#333}
.di-slidebar[off-canvas]{z-index:1000}
.di-slidebar[off-canvas*="right"]{width:320px}
.nav-tabs.center-tabs > li,.nav-pills.center-tabs > li{float:none;display:inline-block;*display:inline;*zoom:1}
.nav-tabs.center-tabs,.nav-pills.center-tabs{text-align:center}
.di__nav-sm.nav > li > a{padding:3px 15px;font-size:12px}
.di__nav-sm.nav > li.active > a,.di__nav-sm.nav > li.active > a:hover,.di__nav-sm.nav > li.active > a:focus{background:#becad3!important;box-shadow:0 0 21px 0 rgba(0,0,0,0.2) inset!important;border:1px solid #959ea4!important;text-shadow:0 0 2px #444!important}
.todo-box > li{position:relative}
.todo-box > li .todo-title{padding-right:100px;display:block}
.todo-box > li:hover{background:#f0f3f4}
.todo-box > li > label:hover,.todo-box > li:hover{cursor:pointer}
.di__new-ms-box .modal-body{padding:0}
.di__new-ms-box .modal-body .list-group-item.wys__scroll{padding:0}
.di__new-ms-box .modal-body .list-group-item.wys__scroll .note-editor .note-toolbar{padding:0 14px 5px;background:#18456b}
.di__new-ms-box .modal-body .note-editor{box-shadow:0 0 21px 0 rgba(0,0,0,0.2) inset;background:#ebeeef}
.di__new-ms-box .modal-body .note-editor .note-editable{padding:15px}
.di__new-ms-box input.form-control,.di__new-ms-box select.form-control{border:transparent;box-shadow:none;padding:0;height:25px;line-height:25px}
.di__new-ms-box select.form-control{font-weight:800}
.di__new-ms-box.normal__msBox input.form-control,.di__new-ms-box.normal__msBox select.form-control{border:1px solid #ddd;padding:2px 12px}
.di__new-ms-box.normal__msBox .form-horizontal .control-label,.di__new-ms-box.normal__msBox .form-horizontal .radio,.di__new-ms-box.normal__msBox .form-horizontal .checkbox,.di__new-ms-box.normal__msBox .form-horizontal .radio-inline,.di__new-ms-box.normal__msBox .form-horizontal .checkbox-inline{padding-top:4px}
.checkbox-nomrg{margin:3px 0 0}
.di__new-ms-box .input-group-addon{font-size:13px}
.di__new-ms-box .input-group-addon:first-child{background:transparent;border:0;padding-left:0}
.di__new-ms-box .list-group > li.list-group-item.trans{padding-left:10px}
.di__new-ms-box .di__toggle-rms{position:absolute;right:10px;top:1px}
.di__new-ms-box .di__toggle-rms a{padding-left:1px;padding-right:1px}
.di__new-ms-box .list-group > li.list-group-item{border-bottom:1px solid #ddd;border-radius:0;padding:5px 15px}
.di__new-ms-box .list-group{margin-bottom:0}
@media (min-width:992px) {
.di__new-ms-box-lg{width:700px!important}
}
.wys__scroll{padding:0;border-bottom:none!important}
.wys__scroll .note-editor{border:none}
.wys__scroll .note-editor .note-toolbar{border-bottom:0}
.di__panel-mailbox{margin-bottom:0}
.list-group-item.display_exp.dis__cc{position:relative}
.list-group-item.display_exp.dis__cc .di--bcc,.list-group-item.display_exp.dis__bcc .di--cc{position:absolute;top:2px;right:15px}
.list-group-item.display_exp.dis__cc.selected .di--bcc,.list-group-item.display_exp.dis__bcc.selected .di--cc{display:none}
.fullscreen-modal{padding:0!important;z-index:99999}
.fullscreen-modal .modal-dialog{margin:0;width:100%;height:100%;padding:0}
.fullscreen-modal .modal-content{height:100%;border-radius:0;overflow:auto;position:relative;padding-bottom:80px}
.fullscreen-modal .modal-footer{position:fixed!important;bottom:0;top:auto;width:100%;z-index:999999;background:#Fff}
.di__modal-drp .modal-header{background:url(../../image-resources/bg-table.png) repeat-x 0 0}
.di__modal-drp .modal-body{max-height:300px;overflow-y:auto;padding:0}
.di__modal-drp .modal-body .list-group{margin-bottom:0}
.di__modal-drp .modal-body .list-group > li{border-radius:0!important;background:#F7F7F7;background-image:linear-gradient(bottom,#f7f7f7 0%,#fafafa 36%,#ededed 85%);background-image:-o-linear-gradient(bottom,#f7f7f7 0%,#fafafa 36%,#ededed 85%);background-image:-moz-linear-gradient(bottom,#f7f7f7 0%,#fafafa 36%,#ededed 85%);background-image:-webkit-linear-gradient(bottom,#F7F7F7 0%,#FAFAFA 36%,#EDEDED 85%);background-image:-ms-linear-gradient(bottom,#f7f7f7 0%,#fafafa 36%,#ededed 85%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#F7F7F7),color-stop(0.36,#FAFAFA),color-stop(0.85,#EDEDED));border-top:1px solid #fff!important;border-bottom:1px solid silver!important}
.di__modal-drp .modal-body .list-group > li > a{display:block;text-decoration:none;font-size:14px;color:#292929}
.di__modal-drp .modal-body .list-group > li:hover{background:#eff4f6}
.di__modal-drp .modal-body .list-group > li:hover a{color:#2b2f33}
.dropdown-menu{left:auto}
[class^="di-icon"].form-control-feedback,[class*=" di-icon"].form-control-feedback{line-height:34px}
.btn-grey{background-color:#d6d6d6;border-color:#eee;color:#777}
.di__panel-total-item .content-box{border-width:5px;background:#fafafa;border-radius:0;margin-bottom:0}
.di__panel-total-item .content-box-wrapper{border:1px solid #bababa}
@media (min-width:651px) {
.di__panel-tool-alt{padding-left:0;padding-right:0}
}
@media (max-width:650px) {
.di__panel-tool-alt .di__panel-total-item{padding-left:10px;padding-right:10px}
}
@media (min-width:768px) {
.mt-sm-40{margin-top:40px}
}
#header-nav-right .header-btn .small-badge,#header-nav-right .dropdown > a .small-badge{border-radius:50px!important;width:16px!important;height:16px!important;color:#fff;line-height:16px;font-size:.4em;top:2px!important;right:6px!important}
.thumb-pane,.mailbox-wrapper .nav-list li a,.ui-tabs-nav,.tabs-navigation > ul,.tabs-navigation > ul li > a,.tabs-navigation > ul li.ui-state-hover > a,.ui-accordion .ui-accordion-header,.panel,.panel-group .panel-heading + .panel-collapse .panel-body,.panel-group .panel-footer + .panel-collapse .panel-body,.panel-footer,.panel-heading,.timeline-box::before,.timeline-box .tl-item .popover,.popover-title,.ui-dialog .ui-dialog-titlebar,.thumbnail,.img-thumbnail,.daterangepicker .calendar-date,.ui-spinner .ui-spinner-button,.ms-container .ms-list,.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection,.chosen-container-multi .chosen-choices li.search-choice,.chosen-container .chosen-drop,.chosen-container,.chosen-container-single .chosen-single div,.chosen-container-active.chosen-with-drop .chosen-single div,div[id^="uniform-"] span,div.selector,.selector i,.list-group-item,.nav-tabs,.nav-tabs > li > a:hover,.nav-tabs > li > a:focus,.nav .open > a,.nav .open > a:hover,.nav .open > a:focus,.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td,.table > thead > tr > th,.table-bordered,.button-pane,.ui-datepicker-buttonpane,.ui-dialog-buttonpane,.content-box,.content-box-header.bg-default,.content-box-header.bg-gray,.content-box-header.bg-white,.panel-box.bg-default,.panel-box.bg-gray,.panel-box.bg-white,.panel-content.bg-default,.panel-content.bg-gray,.panel-content.bg-white,.pagination > li > a,.pagination > li > span,.dashboard-buttons .btn,.bg-default,.fc-state-default,.fc-widget-header,.fc-widget-content,.ui-datepicker .ui-datepicker-buttonpane button,.btn-default,.popover-title,.bordered-row .form-group,.bg-white.dashboard-box .button-pane,.bg-white.tile-box .tile-footer,.mail-toolbar,.email-body,.ui-dialog,.ui-datepicker,.dropdown-menu,.popover,.ui-menu,.minicolors-panel,.jvectormap-label,.jvectormap-zoomin,.jvectormap-zoomout,.posts-list li,.border-default{border-color:#ddd!important}
.fixed-sidebar #page-sidebar .scroll-sidebar{overflow-y:auto;padding-bottom:50px}
#header-nav-right .header-btn.di__link-signout{height:69px;line-height:69px;margin-top:-15px;margin-left:0;border-radius:0;background-color:rgba(255,255,255,0.1);box-shadow:none}
#page-header #header-nav-right .user-account-btn .user-profile{box-shadow:none;height:69px;margin-top:-15px;border-radius:0;text-align:left;padding:17px 10px 15px;line-height:16px;position:relative;border-right-color:rgba(0,0,0,0.1)}
#page-header #header-nav-right .user-account-btn .dropdown-menu{left:-138px}
#page-header #header-nav-right .user-account-btn > a.user-profile span{font-size:11px}
#page-header #header-nav-right .user-account-btn > a.user-profile .glyph-icon{font-size:14px;line-height:16px;width:16px;height:16px;position:absolute;right:7px;top:27px}
#page-header #header-nav-right .user-account-btn > a.user-profile .di__hello{font-weight:700;letter-spacing:1px}
@media (min-width:631px) {
#page-header #header-nav-right .user-account-btn .user-profile{width:140px}
}
#sidebar-menu li.header{margin-top:15px}
#sidebar-menu li.header:first-child{margin-top:2px}
#sidebar-menu > li > a:hover{padding-left:10px;text-decoration:none;color:#db1a22}
.di__panel-right{float:right}
.notifications-box li .notification-text{color:#333;font-size:12px;line-height:16px;font-weight:700}
#page-content{padding:0 0 80px!important}
.di__main-content-right{padding-top:20px;padding-bottom:20px}
@media (min-width:768px) {
.di__main-content-right{padding-left:15px;padding-right:15px}
}
#page-sidebar{box-shadow:-10px 0 35px 10px rgba(0,0,0,0.2)}
.login-box .user-info > span{color:#333;font-size:14px!important}
.login-box .user-info span i{letter-spacing:1px}
div.switch-toggle.switch-on{background:#26659F!important}
div.switch-toggle{border-color:#dfe8f1!important;box-shadow:inset 0 0 4px rgba(162,197,231,0.9)}
.diweb__dbrd{background:#f2f2f2}
.diweb__dbrd #header-logo .logo-content-big,.logo-content-small{background:url(../../image-resources/dicentral-logo.png) left 50% no-repeat!important}
.diweb__dbrd #page-sidebar.collapse.in{top:78px;width:100%!important}
.diweb__dbrd #header-logo{width:235px!important;background:none}
.diweb__dbrd .di__footer-nav{padding-left:0}
.diweb__dbrd .search__hubs-inline{ padding: 10px}
.diweb__dbrd .search__hubs-inline .di__search-group{ border: 1px solid #ddd !important; margin-top: 0}
@media (min-width:1109px) {
.dz-message{font-size:26px!important;line-height:30px}
}
.dz-message{font-size:18px;line-height:24px;color:#999;margin-top:2px}
.dz-message:before{position:relative}
.dz-message:after{content:"\f093";font-family:'FontAwesome';font-size:64px;position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-32px}
.ex-quarter{display:inline;display:inline-block;margin-right:5px}
@media only screen and (min-width: 56.25em) {
.diweb__dbrd #page-sidebar.collapse{display:none}
}
.pad30T{padding-top:30px}
.pad30B{padding-bottom:30px}
.pad35L{padding-left:35px}
.pad35R{padding-right:35px}
.col-top{vertical-align:top!important}
.col-middle{vertical-align:middle!important}
.col-bottom{vertical-align:bottom!important}
.row-full-height{height:100%}
.col-full-height{height:100%;vertical-align:middle}
.row-same-height{display:table;table-layout:fixed;width:100%}
.col-xs-height{display:table-cell;float:none!important}
@media (min-width: 768px) {
.col-sm-height{display:table-cell;float:none!important}
.default_alert{width:300px!important;left:15px!important;bottom:0!important;top:auto!important}
}
@media (min-width: 992px) {
.col-md-height{display:table-cell;float:none!important}
}
@media (min-width: 1200px) {
.col-lg-height{display:table-cell;float:none!important}
}
.wrapper-parent-in{padding-left:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative}
.wrapper-parent-in.toggled{padding-left:260px}
.wrapper-left-in{top:0px; bottom: auto; background: #fff; border-right:1px solid #ddd;z-index:1000;position:absolute;left:260px;width:0;height:100%;margin-left:-260px; z-index: 0; overflow-y:auto;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.wrapper-parent-in.toggled .wrapper-left-in{width:260px}
.wrapper-right-in{width:100%;position:absolute;padding:15px;/*margin-top:48px*/}
.wrapper-parent-in.toggled .wrapper-right-in{position:absolute;margin-right:-250px}
.di__toggle-btn{background:#ddd url(../../image-resources/toggle-btn.png) no-repeat 50% 50%;width:8px;height:40px;position:absolute;left:0;top:15px}
.di__toggle-btn:hover,.di__toggle-btn:focus{background-color:#d9c5c5}
@media(min-width:1001px) {
.wrapper-parent-in{padding-left:260px}
.wrapper-parent-in.toggled{padding-left:0}
.wrapper-left-in{width:260px}
.wrapper-parent-in.toggled .wrapper-left-in{width:0}
.wrapper-right-in{padding:20px 20px 60px;position:relative}
.wrapper-parent-in.toggled .wrapper-right-in{position:relative;margin-right:0}
		.fixed-sidebar .di__toggle-btn{ left:259px !important}
	.fixed-sidebar .wrapper-parent-in.toggled .di__toggle-btn{left:0 !important}
	.di__footer-nav.di__footer-nav-sidebarin{padding-left:260px!important}
.wrapper-parent-in.toggled .di__footer-nav.di__footer-nav-sidebarin{padding-left:0!important}
	
}
    @media only screen and (max-width: 1000px) {
        .hidden-1000{
            display: none !important;
        }
		.di__table-data tbody > tr > td.data-cell-title-xs{background: #fff; }
		.di__table-data tbody > tr > td.data-cell-title-xs > span{ font-weight: 800;font-size: 16px !important; color: #777}
    }
.di__list{margin-top:15px}
.di__list .di__list-brand > a{color:#333;font-size:11px;font-weight:700;letter-spacing:1px}
.di__list .di__list-brand > a:hover,.di__list .di__list-brand > a:focus,.di__list .di__list-brand.active > a{background:transparent!important;color:#b91018!important}
.di__list li > a:hover,.di__list li > a:focus{color:#ba4c51}
.di__list .di__list-brand > a.collapsed:after{content:"\e258"}
.di__list .di__list-brand > a:after{font-family:'Glyphicons Halflings';content:"\e259";float:right;color:grey}
.di__list > li > ul{margin:0;padding:0}
.di__list > li > ul > li{list-style:none}
.di__list > li > ul > li:last-child{margin-bottom:15px}
.di__list > li > ul > li > a{color:#777;padding:5px 15px;display:block;text-decoration:none}
.di__list .di__list-brand.di__sub-mn > a{font-size:13px;font-weight:400;letter-spacing:0}
.di__list .di__list-brand.di__sub-mn > a.collapsed:after{content:"\f067"}
.di__list .di__list-brand.di__sub-mn > a:after{font-family:'FontAwesome';content:"\f068";font-size:8px;padding: 0px 3px;
background: #fff;border: 1px solid #ddd;}
.di__list .di__list-brand.di__sub-mn ul{margin-bottom:5px}
.di__list .di__list-brand.di__sub-mn ul li a{padding:5px 10px;display:block}
.dual-list .panel-heading .title-hero{margin-bottom:7px;padding-top:7px;float:left}
.dual-list .panel-heading .form-group{margin-bottom:0}
.di__search-dual-list{border-bottom:1px solid #ddd;padding:5px 15px;background:#fafafa}
.di__search-dual-list .form-control{border-color:#ddd;box-shadow:0 0 21px 0 rgba(0,0,0,0.1) inset}
.di__search-dual-list .form-group-sm .selector i{border-left:0;height:28px;line-height:28px;width:36px;margin-top:-16px;border-radius:0!important;cursor:pointer;background:transparent;color:#999}
.di__search-dual-list .form-group-sm .selector.selected i{color:#96c03d}
.di__dual-list-in .list-group-item{border:0;border-top:1px solid #ddd;border-radius:0!important}
.di__dual-list-in .list-group-item:first-child{border-top:0}
.di__dual-list-in .list-group-item.active,.di__dual-list-in .list-group-item.active:hover,.di__dual-list-in .list-group-item.active:focus{background:#29e4cc}
.di__search-dual-list .form-control-feedback{line-height:29px;height:29px}
.di__main-navmenu{position:fixed;width:100%;z-index:15}
.di__main-navmenu .di__nav-sm{background:#d5d4d4;box-shadow:0 0 7px 1px rgba(0,0,0,0.6)}
.di__main-navmenu .di__nav-sm > li:first-child{margin-left:15px}
.di__main-navmenu .di__nav-sm > li{margin:6px 5px 7px}
.btn-checked,.unchecked{position:relative;padding-left:20px;font-size:13px;text-decoration:none!important;outline:none!important}
.btn-checked:before,.unchecked.collapsed:before{position:absolute;left:0;top:0;content:"\f046";font-family:'FontAwesome';font-size:18px;color:#96c03d}
.btn-checked.unchecked:before,.btn-checked.collapsed:before,.unchecked:before{position:absolute;left:0;top:1px;content:"\f096";font-family:'FontAwesome';font-size:18px;color:#777}
.di__list-accor-vert{position:relative;padding-top:40px}
.di__list-accor-vert .panel{background:transparent;border:0;box-shadow:none;margin-bottom:0}
.di__list-accor-vert .collapse__inline,.di__list-accor-vert .collapse__inline-02{display:inline-block;position:absolute;z-index:9999;top:-10px}
.di__list-accor-vert .collapse__inline{left:0}
.di__list-accor-vert .collapse__inline-02{right:0}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border-width:1px 0 0}
.di__main-noslidebar{padding:20px 15px 100px}
.modal-medium{width:420px}
.bootstrap-timepicker.dropdown{display:block}
.toggle-hover{position:relative}
.toggle-hover .action-hover{display:none;position:absolute;right:-2px;top:2px}
.toggle-hover:hover .action-hover{display:block}
.di__app-ldwn .list-group-item:first-child{border-top:0!important}
.di__app-ldwn .list-group-item{border:0;border-top:1px solid #ededed!important}
.di__app-ldwn .list-group-item .media .media-left{width:30%}
.di__radio-chosen.btn-group > .btn{padding:10px 15px;height:56px;border-color:#ddd}
.di__radio-chosen.btn-group > .btn.active{border-color:#ff5757!important;color:#ff5757!important}
.di__radio-chosen.btn-group > .btn.active > i{color:#ff5757!important}
.di__list-item-upload .di__list-title-hero{margin-bottom:10px;display:block}
.di__list-item-upload .di__progress-xs.progress{margin-bottom:0}
.di__list-status-upload{letter-spacing:1px;font-size:11px}
.di__progress-xs.progress{height:10px}
.di__progress-xs.progress .progress-bar{line-height:10px;font-size:10px}
.overflow{white-space:nowrap;overflow:hidden}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.di__main-filler{margin-top:60px;padding-bottom:100px}
.panel-total{border-width:5px;background:#fafafa}
.panel-total .panel-body{border:1px solid #bababa}
.form-modal .form-group{margin-left:0;margin-right:0;margin-bottom:8px}
.form-modal .di__panel-features .panel-heading .panel-title{ font-size:16px}
.form-modal .di__panel-features .panel-heading{ padding-left:22px}
.dr-nav{display:block;z-index:10;position:relative;margin:13px 15px 0}
.dr-nav select{display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none}
@media (min-width:900px) {
.dr-nav{margin:0}
}
@media (max-width: 899px) {
.dr-nav ul{display:none}
.dr-nav select{display:inline-block;border:2px solid #333}
}
@media (max-width:899px) {
#mobile-navigation #nav-toggle{position:static!important}
}
.form-group{margin-bottom:10px}
#header-nav-right a.hdr-btn.hdr-lang{width:auto;padding-left:10px;padding-right:10px}
.di__table-responsive{overflow-x:auto;min-height:.01%}
.dummy-logo{padding:5px 10px;border-color:#333;color:#333;font-weight:900;font-size:20px}
.invoice-address{line-height:1.4em;font-size:12px;opacity:.5;font-weight:400}
.invoice-date{font-size:12px}
.invoice-title{font-size:16px}
.invoice-title + b{font-size:12px}
.invoice-client{letter-spacing:3px;font-size:10px}
.invoice-client + h5{font-size:12px;margin-bottom:3px}
.invoice-subtitle{font-size:12px;margin-bottom:3px;font-weight:700}
.invoice-name{font-size:12px;font-weight:400}
.di__packing-slip .table > thead > tr > th,.di__packing-slip .table > tbody > tr > th,.di__packing-slip .table > tfoot > tr > th,.di__packing-slip .table > thead > tr > td,.di__packing-slip .table > tbody > tr > td,.di__packing-slip .table > tfoot > tr > td{font-size:11px}
.di__packing-slip .table > thead > tr > th{background:#777;color:#Fff;padding-top:2px;padding-bottom:2px;border-bottom:0}
.invoice-client + .reset-ul li,.reset-ul li,.reset-ul-md li{font-size:12px;padding-bottom:0;font-weight:400}
.reset-ul-md{list-style:none;margin:0;padding:0}
.reset-ul-md li b,.reset-ul li b{width:100px;display:inline-block;opacity:.6}
@media print {
@page{margin:.5cm}
}
.di__chat-box{position:fixed;right:30px;bottom:80px;z-index:9999}
.popup-box{background-color:#fff;border:1px solid #ddd;bottom:0;display:none;height:415px;position:fixed;right:70px;width:300px;box-shadow:0 1px 7px 2px rgba(135,158,171,0.2);overflow:hidden}
.popup-box-on{display:block!important}
.popup-box .popup-contact{padding:15px}
.popup-box .popup-head{background:#3498db;clear:both;color:#fff;display:inline-table;font-size:13px;padding:2px 10px;width:100%}
.bg_none i{border:1px solid #ddd;border-radius:25px;color:#ddd;font-size:17px;height:33px;line-height:30px;width:33px}
.bg_none:hover i{border:1px solid #000;border-radius:25px;color:#000;font-size:17px;height:33px;line-height:30px;width:33px}
.bg_none{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;padding:0}
.popup-head-left{width:200px;overflow:hidden}
.popup-head-left img{border:1px solid #7b7b7b;border-radius:50%;width:44px}
.popup-head-left .bs-badge:empty{display:inline-block;width:5px;height:5px;min-width:7px;height:7px;padding:0 2px 0 5px}
.popup-messages-footer > textarea{border-bottom:1px solid #b2b2b2!important;height:34px!important;margin:7px;padding:5px!important;border:medium none;width:95%!important}
.popup-messages-footer{background:#fff;bottom:0;position:absolute;width:100%;box-shadow:0 0 37px 1px rgba(0,0,0,0.3)}
.popup-messages-footer .btn-footer{overflow:hidden;padding:2px 5px 10px 6px;width:100%}
.simple_round{background:#d1d1d1 none repeat scroll 0 0;border-radius:50%;color:#4b4b4b!important;height:21px;padding:0 0 0 1px;width:21px}
.popup-box .popup-messages{background:#fff;height:275px;overflow:auto}
.direct-chat-messages{overflow:auto;padding:10px;transform:translate(0px,0px)}
.popup-messages .chat-box-single-line{border-bottom:1px solid #a4c6b5;height:12px;margin:7px 0 20px;position:relative;text-align:center}
.popup-messages abbr.timestamp{background:#3f9684;color:#fff;padding:0 11px}
.popup-head-right .btn-group{display:inline-flex;margin:1px 0 0;vertical-align:top!important}
.chat-header-button{background:transparent none repeat scroll 0 0;border:0;font-size:12px;color:#Fff}
.chat-header-button:hover{opacity:.8}
.chat-header-button .di-iconclose-button{font-size:10px}
.popup-head-right .btn-group .dropdown-menu{border:medium none;min-width:122px;padding:0}
.popup-head-right .btn-group .dropdown-menu li a{font-size:12px;padding:3px 10px;color:#303030}
.popup-messages abbr.timestamp{background:#fff;color:#777;padding:0 11px;font-size:.8em;font-weight:700}
.popup-messages .chat-box-single-line{border-bottom:1px solid #fff;height:12px;margin:7px 0 20px;position:relative;text-align:center}
.popup-messages .direct-chat-messages{height:auto}
.popup-messages .direct-chat-text{background:#dfece7;border:1px solid #dfece7;border-radius:2px;color:#1f2121}
.popup-messages .direct-chat-timestamp{color:#777;opacity:.6;font-size:.8em}
.popup-messages .direct-chat-name{font-size:11px;font-weight:600;margin:0 0 0 49px !important;color:#333;opacity:.9}
.popup-messages .direct-chat-info{display:block;font-size:12px;margin-bottom:0}
.popup-messages .big-round{margin:-9px 0 0!important}
.popup-messages .direct-chat-img{border:1px solid #fff;background:#3f9684 none repeat scroll 0 0;border-radius:50%;float:left;height:40px;margin:-21px 0 0;width:40px}
.direct-chat-reply-name{color:#333;font-size:11px;margin:0 0 0 10px;opacity:.9}
.direct-chat-img-reply-small{border:1px solid #ddd;border-radius:50%;float:left;height:20px;margin:0 8px;width:20px;background:#fff}
.popup-messages .direct-chat-msg{margin-bottom:10px;position:relative}
.popup-messages .doted-border::after{background:transparent none repeat scroll 0 0!important;border-right:2px dotted #fff!important;bottom:0;content:"";left:17px;margin:0;position:absolute;top:0;width:2px;display:inline;z-index:-2}
.popup-messages .direct-chat-msg::after{background:#ddd;border-right:medium none;bottom:0;content:"";left:17px;margin:0;position:absolute;top:0;width:2px;display:inline;z-index:-2}
.direct-chat-text::after,.direct-chat-text::before{border-color:transparent #dfece7 transparent transparent;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:transparent #d2d6de transparent transparent;border-image:none;border-style:solid;border-width:medium;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:15px;width:0}
.direct-chat-text::after{border-width:5px;margin-top:-5px}
.popup-messages .direct-chat-text{background:#dfece7 none repeat scroll 0 0;border:1px solid #dfece7;border-radius:2px;color:#1f2121}
.direct-chat-text{background:#d2d6de none repeat scroll 0 0;border:1px solid #d2d6de;border-radius:5px;color:#444;margin:5px 0 0 50px;padding:5px 10px;position:relative}
.di__nav-right-tab{position:absolute;right:0;top:10px}
@media (min-width:768px) {
.dl-horizontal.di__dl-horizon-bill dt{width:220px}
.dl-horizontal.di__dl-horizon-bill dd{margin-left:240px}
.dl-horizontal.di__dl-horizon-bill dt,.dl-horizontal.di__dl-horizon-normal dt{margin-bottom:7px}
.nv__sld-btt-0scrll[off-canvas]{overflow-y:hidden}
.nv-xs-fullheight.nv__sld-btt-0scrll[off-canvas*="bottom"]{height:440px!important}
}
[off-canvas*="overlay"]{z-index:999}
.di__dt-title-bill{color:#777;text-transform:uppercase;opacity:.7;letter-spacing:1px;font-weight:400}
.di__dt-subtitle-bill{font-weight:400;text-transform:uppercase;font-size:.8em;letter-spacing:1px}
.dl-horizontal.di__dl-horizon-bill.di_dl-last{border-top:1px solid #ddd;padding-top:5px}
.dl-horizontal.di__dl-horizon-bill.di_dl-last dd{font-weight:700}
.title-hero.sub-title-space{font-size:13px;color:#777;font-weight:700;letter-spacing:1px}
.content-box-xs .content-box-header{padding:10px}
.di__alert-line{background:transparent;border-width:2px;font-size:1em;letter-spacing:.06em}
.di__alert-line.alert-dismissable .close,.di__alert-line.alert-dismissible .close{top:0;right:0}
.di__alert-line.alert.alert-icon{padding-left:32px}
.di__alert-line.alert.alert-icon.alert-info:before{position:relative}
.di__alert-line.alert.alert-icon.alert-info:after{position:absolute;left:10px;top:9px;font-family:'diicon'!important;content:"\e90a"}
.di__alert-line.alert-info{color:#31708f;border-color:#bce8f1}
.di__alert-line.alert-info:after{color:#bce8f1}
.btn-lg,.btn-group-lg > .btn,.modal-content{border-radius:0!important}
.listrap__list.listrap .listrap-toggle{padding-left:40px}
.listrap__list.listrap .listrap-toggle > span{margin-top:-12px;top:50%;left:15px;right:auto}
.listrap__list.listrap li.active .hidden-listrap-btn{display:block}
.hidden-listrap-btn{display:none;position:absolute;right:15px;top:8px}
.nv__sld-btt-0scrll .di__top-nav{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px 0;font-size:.9em}
.nv__sld-btt-0scrll .di__top-nav .dl-horizontal{margin-bottom:0}
.dl-horizontal.di__dl-horizon-hsfr dt,.dl-horizontal.di__dl-horizon-hsfr dd{line-height:26px}
@media (min-width:768px) {
.di__top-nav .di__dl-horizon-hsfr dt.di__dl-horizon-hsfr-icon{width:43px;text-align:center}
.di__top-nav .di__dl-horizon-hsfr dd.di__dl-horizon-hsfr-form{margin-left:47px}
}
.di__dt-icon-2x{font-size:16px}
.bg-silver[off-canvas]{color:#333}
.mx-srcll-100.scrollable-content{max-height:200px}
.bg-black .di__top-nav{border-color:#111;border-bottom-color:#000!important}
.bg-black .di__top-nav .form-control{background:#333;color:#848587;border-color:#000;box-shadow:inset 1px 1px 3px #000}
.nv__sld-btt-0scrll.bg-black .panel{background:transparent;border-color:#333!important;border-radius:0!important}
.nv__sld-btt-0scrll.bg-black .panel-default > .panel-heading{background:transparent;border-bottom-color:#333!important}
.nv-xs-fullheight.nv__sld-btt-0scrll[off-canvas*="bottom"]{height:100%}
thead th{white-space:nowrap}
.scrollable.has-scroll{position:relative;overflow:hidden}
.scrollable.has-scroll:after{position:absolute;top:0;left:100%;width:50px;height:100%;border-radius:10px 0 0 10px / 50% 0 0 50%;box-shadow:-5px 0 10px rgba(0,0,0,0.25);content:''}
.scrollable.has-scroll > div{overflow-x:auto}
.scrollable > div::-webkit-scrollbar{height:12px}
.scrollable > div::-webkit-scrollbar-track{box-shadow:0 0 2px rgba(0,0,0,0.15) inset;background:#f0f0f0}
.scrollable > div::-webkit-scrollbar-thumb{border-radius:6px;background:#ccc}
@media (min-width:490px) {
.fileinput-button-import{margin-top:-18px;margin-left:10px}
}
#page-sidebar ul li.sfHover > a.sf-with-ul{padding:7px 10px 7px 15px;color:#333!important;text-decoration:none}
#sidebar-menu li .sidebar-submenu ul.di__list-submenu li a:before{position:absolute;left:15px;margin:0;width:auto;height:auto;line-height:1;top:10px;content:"\f101";font-size:10px}
#sidebar-menu li .sidebar-submenu ul.di__list-submenu li a{padding:5px 10px 5px 30px}
#sidebar-menu li .sidebar-submenu ul.di__list-submenu li a:hover{color:#e54147;text-decoration:none}
#sidebar-menu .di__sub-SideMenu > a{}
#sidebar-menu .di__sub-SideMenu .di__sub-listSideMenu ul{ margin: 0; padding: 0; list-style: none}
#sidebar-menu .di__sub-SideMenu .di__sub-listSideMenu ul > li > a{padding: 2px 10px 2px 20px; color: #777}
#page-sidebar #sidebar-menu li.di__sub-SideMenu ul > li > a::before{ font-size: 0; line-height: 23px; width: 0; margin: 0}
#page-sidebar li.di__sub-SideMenu > a.sf-with-ul::after{-webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);}
#page-sidebar li.di__sub-SideMenu > a.sf-with-ul.collapsed::after {
	content: "\f106";
	font-family: FontAwesome;

}
#sidebar-menu > li > a.active, #sidebar-menu > li > a:hover{ color:#65a6ff; text-decoration: none}
.di__loader-box{position:absolute}
.di__empty-data{display:table;height:100%;width:100%;background:#Fff}
.di__empty-data-middle{vertical-align:middle}
.di__empty-data-inner{margin-left:auto;margin-right:auto;width:320px;text-align:center;padding:80px 0 140px}
.di__empty-data-title > h4{font-weight:600;margin-bottom:5px; font-size: 14px}
.di__empty-data-icon{font-size:46px}
.use__inline{animation-name:bounceIn;animation-iteration-count:1;animation-timing-function:ease-out;animation-duration:.6s}
.di__assign-hubs-data{border:1px solid #ddd;min-height:180px;max-height:180px;overflow:auto;overflow-x:visible;box-shadow:0 0 21px 0 rgba(0,0,0,0.1) inset}
.di__assign-hubs-data .table{margin-bottom:0}
.di__assign-hubs-data .table > thead > tr > th,.di__assign-hubs-data .table > tbody > tr > th{font-size:12px}
.dataTables_scrollHead{background:url(../../image-resources/bg-table.png) repeat-x 0 0!important}
.dataTables_scrollHead .dataTables_scrollHeadInner{padding-right:0!important}
.di__footer-nav.navbar-fixed-bottom{top:auto!important;bottom:0!important}
@media (min-width:992px) {
#header-nav-left .vendor-account-btn.dropdown .vendor-prfm{width:150px!important}
}
@media (min-width:900px) and (max-width:991px) {
#header-nav-left .vendor-account-btn.dropdown .vendor-prfm{width:106px!important}
}
#header-nav-left .vendor-account-btn.dropdown .vendor-prfm{display:block;border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);border-width:1px;border-radius:4px;background:rgba(255,255,255,0.1);width:80px;height:33px;line-height:31px;position:relative;text-decoration:none;padding:0 10px;font-size:13px;text-align:center;margin-top:3px}
#header-nav-left .vendor-account-btn.dropdown.open .vendor-prfm{border:1px solid #fff!important}
#header-nav-left .vendor-account-btn.dropdown a.vendor-prfm:after{margin-top:-10px;right:5px;font-family:FontAwesome;content:"\f105";line-height:21px;display:inline-block;width:20px;height:20px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform}
#header-nav-left .vendor-account-btn.dropdown.open a.vendor-prfm:after{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.di__vendor-box.vendor-box-links > li > a{padding:10px 15px;text-decoration:none}
.table-responsive.shadow__responsive {background:radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0 !important;background-color: #ebeeef !important;background-repeat: no-repeat !important;
  background-size: 10px 100% !important;
}

.table-responsive.shadow__responsive > .table {
  background: 
    linear-gradient(to right, #ebeeef 30%, rgba(255,255,255,0)),
    linear-gradient(to left,#ebeeef 30%, rgba(255,255,255,0)) 100% 0 !important;
  background-size: 50px 100% !important;
  background-repeat: no-repeat !important;
  max-width: none; 
}
/* fixed floathead */
.floatThead-container{ width: auto !important;border-bottom: 1px solid #ddd;}
.di__tableWrapperFixed.table-responsive{overflow-x:scroll;overflow-y:hidden;width:100%;box-shadow:0 0 21px 0 rgba(0,0,0,0.2) inset;background:#ebeeef;}
.di__tableWrapperFixed.table-responsive.mcs-horizontal{overflow-x:auto}
.di__tableWrapperFixed.table-responsive.mcs-horizontal .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.di__tableWrapperFixed.table-responsive.mcs-horizontal .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0}
.di__panel-table .table.di__fixedFirst-colTable > thead > tr > th:first-child,.di__panel-table .table.di__fixedFirst-colTable > tbody > tr > th:first-child{position:absolute!important;display:inline-block!important;height:100%;width:40px;left:0;z-index:0}
.di__panel-table .table.di__fixedFirst-colTable > thead > tr > th:nth-child(2),.di__panel-table .table.di__fixedFirst-colTable > thead > tr > td:nth-child(2){padding-left:50px}
.di__panel-table .table.di__fixedFirst-colTable > tbody > tr > td:nth-child(2){padding-left:50px!important}
.table.di__table-data{max-width:100%!important;width:100%!important}
.btn__circle-collapse{border-radius:50%;text-align:center;width:20px;height:20px;border:1px solid #ddd;padding:1px;display:block;box-shadow:0 0 2px #999}
@media (min-width:900px) {
.di__file-import-parent{width:570px!important}
.di__file-import-parent > label,.di__file-import-parent .di__fileinput-button-import,.di__file-import-parent .di__file-import-button{display:table-cell!important;vertical-align:middle}
}
.di__file-import-parent{display:table;width:100%;margin-bottom:10px}
.di__file-import-parent > label{display:block}
.di__file-import-parent .di__fileinput-button-import,.di__file-import-parent .di__file-import-button{display:inline-block;vertical-align:middle;padding-top:11px}
.di__dropdown-submenu{position:relative}
.di__dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}
.dropup.di__dropdown-menu-right .di__dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:#ccc;margin-top:5px;margin-right:-10px}
.dropup.di__dropdown-menu-right .c:hover>a:after{border-right-color:#555}
.di__dropdown-submenu.pull-left{float:none}
.di__dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.dropup.di__dropdown-menu-right > .dropdown-menu.dropdown-menu-right:before{right:14px!important;left:auto!important}
.dropup.di__dropdown-menu-right > .dropdown-menu.dropdown-menu-right:after{right:15px!important;left:auto!important}
.dropup.di__dropdown-menu-right .di__dropdown-submenu > .dropdown-menu{bottom:0;top:auto}
.dropup.di__dropdown-menu-right .di__dropdown-submenu > .dropdown-menu.dropdown-menu-left{left:-100%}
.di__dotdotdot{display:inline-block;width:180px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
.todo-box .todo-sort-opt{position:relative;top:1px;font-size:.9em;font-style:italic}
.todo-box.listrap .listrap-toggle > span,.todo-box.listrap .toggle-hover .action-hover{margin-top:-12px;top:50%}
.todo-box.listrap .listrap-toggle > span{right:40px}
.todo-box.listrap .toggle-hover .action-hover{right:10px}
.search__hubs-inline .form-control{height:26px}
.di__filter-group{padding:5px;border-bottom:1px solid #ddd;box-shadow:0 0 21px 0 rgba(0,0,0,0.2) inset}
.di__filter-table{display:table;width:100%}
.di__filter-row{display:table-row}
.di__filter-col{display:table-cell;height:100%;vertical-align:middle;padding:0 0 0 5px}
.di__filter-col:first-child{padding-left:0}
.di__filter-col .chosen-container-single .chosen-single{height:22px;line-height:22px;font-size:.9em}
.di__filter-col .chosen-container-single .chosen-search i,.di__filter-col .chosen-container-single .chosen-single div{margin-top:-11px;height:22px;line-height:22px;width:24px}
.di__filter-col .chosen-container-single .chosen-single div{background:#dedfe0!important}
.di__filter-col .chosen-container.chosen-with-drop .chosen-drop{top:23px}
.di__filter-col .chosen-container-single .chosen-search input{font-size:.9em;height:22px;line-height:22px}
.di__filter-col .chosen-container .chosen-results li{font-size:.8em}
@media (min-width:768px) {
.width-md-117{width:117px}
.width-md-600{width:600px}
.width-md-180{width:180px}
.width-md-670{width:670px}
.width-md-60{width:60px}
.width-md-155{width:155px}
.width-md-80{width:80px}
.width-md-120{width:120px}
}
.Ani-load-start{animation-duration:.8s;animation-fill-mode:both;animation-name:keyframes-ToolConfigPreview-anim-in-preview-body}
@keyframes keyframes-ToolConfigPreview-anim-in-preview-body {
0%{opacity:0;transform:translateY(40px)}
100%{opacity:1;transform:translateY(0px)}
0%{opacity:0;transform:translateY(40px)}
100%{opacity:1;transform:translateY(0px)}
}
.Ani-from-left{animation-duration:.4s;animation-fill-mode:both;animation-name:keyframes-ToolConfig-anim-load-ToolConfig-menu-from-left}
@keyframes keyframes-ToolConfig-anim-load-ToolConfig-menu-from-left {
0%,40%{opacity:0;transform:translateX(-320px)}
100%{opacity:1;transform:translateX(0px)}
0%,40%{opacity:0;transform:translateX(-320px)}
100%{opacity:1;transform:translateX(0px)}
}
.Ani-from-right{animation-duration:.4s;animation-fill-mode:both;animation-name:keyframes-ToolConfig-anim-load-ToolConfig-menu-from-right}
@keyframes keyframes-ToolConfig-anim-load-ToolConfig-menu-from-right {
0%,40%{opacity:0;transform:translateX(640px)}
100%{opacity:1;transform:translateX(0px)}
0%,40%{opacity:0;transform:translateX(640px)}
100%{opacity:1;transform:translateX(0px)}
}
.Ani-exit-left{animation-duration:.4s;animation-fill-mode:both;animation-name:keyframes-ToolConfig-anim-load-ToolConfig-menu-exit-left}
@keyframes keyframes-ToolConfig-anim-load-ToolConfig-menu-exit-left {
0%,40%{transform:translateX(0px)}
100%{transform:translateX(-320px)}
0%,40%{transform:translateX(0px)}
100%{transform:translateX(-320px)}
}
.Ani-exit-right{animation-duration:.4s;animation-fill-mode:both;animation-name:keyframes-ToolConfig-anim-load-ToolConfig-menu-exit-right}
@keyframes keyframes-ToolConfig-anim-load-ToolConfig-menu-exit-right {
0%,40%{transform:translateX(0px)}
100%{transform:translateX(640px)}
0%,40%{transform:translateX(0px)}
100%{transform:translateX(640px)}
}
.Ani-start-open{animation-duration:1.5s;animation-fill-mode:both;animation-name:keyframes-ToolConfigAnim-ToolConfigSelect-open}
@keyframes keyframes-ToolConfigAnim-ToolConfigSelect-open {
0%{opacity:0;transform:translateY(-10px)}
100%{opacity:1;transform:translateY(0px)}
0%{opacity:0;transform:translateY(-10px)}
100%{opacity:1;transform:translateY(0px)}
}
@media (min-width:900px) {
#page-sidebar .di__menu-multiply .levelHolderClass{width:260px!important}
}
#page-sidebar .di__menu-multiply .levelHolderClass{width:100%}
#page-sidebar .di__menu-multiply li ul li a::before,#page-sidebar .di__menu-multiply li a .glyph-icon{width:24px;height:24px;line-height:24px;float:right;padding-right:0;margin:0}
#page-sidebar .di__menu-multiply ul{margin:0;padding:0;list-style:none}
#page-sidebar .di__menu-multiply li ul li a::before{content:"";display:none}
.multilevelpushmenu_wrapper{position:absolute;overflow:hidden;min-width:100%;min-height:100%;margin:0;padding:0}
.multilevelpushmenu_wrapper .levelHolderClass{position:absolute;overflow:hidden;top:0;background:#fff;width:auto;min-height:100%;font-family:'Open Sans Condensed',sans-serif;font-size:1em;zoom:1}
.multilevelpushmenu_wrapper .ltr{margin-left:-100%;left:0;-moz-box-shadow:5px 0 5px 5px #fff;-webkit-box-shadow:5px 0 5px 5px #fff;box-shadow:5px 0 5px 5px #fff;filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff,direction=270,strength=0)}
.multilevelpushmenu_wrapper .rtl{margin-right:-100%;right:0}
.multilevelpushmenu_wrapper .multilevelpushmenu_inactive{background:#fff}
.multilevelpushmenu_wrapper h2{font-size:1.4em;line-height:1em;font-weight:700;color:#aaa;padding:.4em .9em}
.multilevelpushmenu_wrapper ul{list-style:none;padding:0;margin:0}
.multilevelpushmenu_wrapper li{cursor:pointer;border-top:1px solid #ddd;padding:.4em .9em}
.multilevelpushmenu_wrapper li:last-child{border-bottom:1px solid #ddd}
.multilevelpushmenu_wrapper li:hover{background-color:#fafafa}
.multilevelpushmenu_wrapper a{display:block;outline:none;overflow:hidden;font-size:1.4em;line-height:1em;padding:.2em;text-decoration:none;color:#333}
.multilevelpushmenu_wrapper a:hover{color:#e74c3c}
.multilevelpushmenu_wrapper .backItemClass{display:block;padding:.4em .9em;background:#fafafa;border-top:1px solid #ddd}
.multilevelpushmenu_wrapper .floatRight{float:right}
.multilevelpushmenu_wrapper .floatLeft{float:left}
.multilevelpushmenu_wrapper .cursorPointer{cursor:pointer}
.multilevelpushmenu_wrapper .iconSpacing_ltr{padding:0 .4em 0 0}
.multilevelpushmenu_wrapper .iconSpacing_rtl{padding:0 0 0 .4em}
.di__contendScroll-y{max-height:200px;min-height:200px;box-shadow:0 0 21px 0 rgba(0,0,0,0.2) inset;background:#ebeeef;overflow:hidden !important}
.di__contendScroll-y:before{position:relative;z-index:1;overflow:hidden}
.di__contendScroll-y:after{position:absolute;bottom:-1px;width:100%;height:1px;box-shadow:0 0 20px 10px rgba(0,0,0,0.3);content:"";z-index:2}
.di__contendScroll-y.di__contentHavingSearch{max-height:160px;min-height:172px}
.di__dropdown-aniMenu{position:relative}
.di__dropdown-aniMenu ul{background:#fff;padding:0;box-shadow:0 1px 7px 2px rgba(135,158,171,0.2);list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.di__dropdown-aniMenu li{position:relative}
.di__dropdown-aniMenu li a{display:block;position:relative;padding:9px 20px;font-size:14px;line-height:18px;font-weight:300;color:#333;outline:none}
.no-touch .di__dropdown-aniMenu li a:hover{background:#eff4f6;text-decoration:none}
.di__dropdown-aniMenu li.dl-back > a{padding-left:30px;background:#fafafa}
.di__dropdown-aniMenu li.dl-back:after,.di__dropdown-aniMenu li > a:not(:only-child):after{position:absolute;top:0;line-height:37px;font-family:FontAwesome;speak:none;-webkit-font-smoothing:antialiased;content:"\f105";color:#66bee8}
.di__dropdown-aniMenu li.dl-back:after{left:10px;color:#66bee8;content:"\f104"}
.di__dropdown-aniMenu li > a:after{right:10px;color:rgba(0,0,0,0.15)}
.di__dropdown-aniMenu .dl-menu{margin:5px 0 0;position:absolute;width:280px;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1000}
.di__dropdown-aniMenu.dropup .dl-menu{top:auto;bottom:100%;margin-bottom:2px}
.di__dropdown-aniMenu .dl-menu.dl-menu-toggle{transition:all .3s ease}
.di__dropdown-aniMenu .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}
.di__dropdown-aniMenu li .dl-submenu{display:none}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}
.di__dropdown-aniMenu > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .4s;animation:MenuAnimOut1 .4s}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 .3s ease-in-out;animation:MenuAnimOut2 .3s ease-in-out}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 .4s ease;animation:MenuAnimOut3 .4s ease}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 .4s ease;animation:MenuAnimOut4 .4s ease}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 .4s ease;animation:MenuAnimOut5 .4s ease}
@-webkit-keyframes MenuAnimOut1 {
50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
@-webkit-keyframes MenuAnimOut2 {
100%{-webkit-transform:translateX(-100%);opacity:0}
}
@-webkit-keyframes MenuAnimOut3 {
100%{-webkit-transform:translateZ(300px);opacity:0}
}
@-webkit-keyframes MenuAnimOut4 {
100%{-webkit-transform:translateZ(-300px);opacity:0}
}
@-webkit-keyframes MenuAnimOut5 {
100%{-webkit-transform:translateY(40%);opacity:0}
}
@keyframes MenuAnimOut1 {
50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
@keyframes MenuAnimOut2 {
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
}
@keyframes MenuAnimOut3 {
100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
}
@keyframes MenuAnimOut4 {
100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
}
@keyframes MenuAnimOut5 {
100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}
}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s;animation:MenuAnimIn1 .3s}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 .3s ease-in-out;animation:MenuAnimIn2 .3s ease-in-out}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 .4s ease;animation:MenuAnimIn3 .4s ease}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 .4s ease;animation:MenuAnimIn4 .4s ease}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 .4s ease;animation:MenuAnimIn5 .4s ease}
@-webkit-keyframes MenuAnimIn1 {
0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1}
}
@-webkit-keyframes MenuAnimIn2 {
0%{-webkit-transform:translateX(-100%);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes MenuAnimIn3 {
0%{-webkit-transform:translateZ(300px);opacity:0}
100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes MenuAnimIn4 {
0%{-webkit-transform:translateZ(-300px);opacity:0}
100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes MenuAnimIn5 {
0%{-webkit-transform:translateY(40%);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes MenuAnimIn1 {
0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1}
}
@keyframes MenuAnimIn2 {
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes MenuAnimIn3 {
0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes MenuAnimIn4 {
0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes MenuAnimIn5 {
0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .4s ease;animation:SubMenuAnimIn1 .4s ease}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 .3s ease-in-out;animation:SubMenuAnimIn2 .3s ease-in-out}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 .4s ease;animation:SubMenuAnimIn3 .4s ease}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 .4s ease;animation:SubMenuAnimIn4 .4s ease}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 .4s ease;animation:SubMenuAnimIn5 .4s ease}
@-webkit-keyframes SubMenuAnimIn1 {
0%{-webkit-transform:translateX(50%);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn2 {
0%{-webkit-transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn3 {
0%{-webkit-transform:translateZ(-300px);opacity:0}
100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn4 {
0%{-webkit-transform:translateZ(300px);opacity:0}
100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn5 {
0%{-webkit-transform:translateZ(-200px);opacity:0}
100%{-webkit-transform:translateZ(0);opacity:1}
}
@keyframes SubMenuAnimIn1 {
0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn2 {
0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn3 {
0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes SubMenuAnimIn4 {
0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes SubMenuAnimIn5 {
0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .4s ease;animation:SubMenuAnimOut1 .4s ease}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 .3s ease-in-out;animation:SubMenuAnimOut2 .3s ease-in-out}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 .4s ease;animation:SubMenuAnimOut3 .4s ease}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 .4s ease;animation:SubMenuAnimOut4 .4s ease}
.di__dropdown-aniMenu > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 .4s ease;animation:SubMenuAnimOut5 .4s ease}
@-webkit-keyframes SubMenuAnimOut1 {
0%{-webkit-transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(50%);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut2 {
0%{-webkit-transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(100%);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut3 {
0%{-webkit-transform:translateZ(0px);opacity:1}
100%{-webkit-transform:translateZ(-300px);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut4 {
0%{-webkit-transform:translateZ(0px);opacity:1}
100%{-webkit-transform:translateZ(300px);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut5 {
0%{-webkit-transform:translateZ(0);opacity:1}
100%{-webkit-transform:translateZ(-200px);opacity:0}
}
@keyframes SubMenuAnimOut1 {
0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}
}
@keyframes SubMenuAnimOut2 {
0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}
@keyframes SubMenuAnimOut3 {
0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
}
@keyframes SubMenuAnimOut4 {
0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
}
@keyframes SubMenuAnimOut5 {
0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}
}
.no-js .di__dropdown-aniMenu .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}
.no-js .di__dropdown-aniMenu li .dl-submenu{display:block}
.no-js .di__dropdown-aniMenu li.dl-back{display:none}
.no-js .di__dropdown-aniMenu li > a:not(:only-child){background:rgba(0,0,0,0.1)}
.no-js .di__dropdown-aniMenu li > a:not(:only-child):after{content:''}
.di__group-input-table{display:table;width:100%}
.di__group-input-row{display:table-row}
.di__group-input-col{display:table-cell;vertical-align:middle;white-space:nowrap}
.input-group-addon-trans.input-group-addon{background-color:transparent;border:none;padding:6px 5px;font-size:.9em;color:#777}
.di__group-input-col .form-group{margin-bottom:0}
.input-group-addon-trans{color:#777;font-size:.9em;padding:6px 10px}
.control-label-sm{min-height:27px;margin-top:0}
.di__group-input-col .control-label-sm{margin-bottom:0;padding:4px 0}
.dropdown-button-width-320{width:320px}
.di__group-input-row-inlinelist > li{padding-left:13px}
.di__group-input-row-inlinelist > li:first-child{padding-left:0}
.box-toggle-visibility{display:none!important}
.box-toggle-visibility.visible{display:block!important}
@media (min-width:992px) {
.di__grid-parent{margin:20px auto;width:880px}
}
.di__grid-parent{margin-top:20px}
.di__grid-parent > li .di__grid-item{position:relative;border:2px solid #fff;background:#fff;padding:20px 20px 30px;border-bottom:3px solid #66bee8;-webkit-box-shadow:0 10px 6px -6px #777;-moz-box-shadow:0 10px 6px -6px #777;box-shadow:0 10px 6px -6px #777;cursor:pointer}
.di__grid-parent > li.active .di__grid-item,.di__grid-parent > li:hover .di__grid-item{border-color:#66bee8}
.di__grid-parent > li .di__grid-item .action-hover,.di__grid-parent > li:hover .di__grid-item .action-hover{position:absolute;left:15px;top:15px;padding:0;margin:0}
.di__grid-parent > li .di__grid-item .radio-select-btn{border:1px solid #ccc;z-index:100;width:24px;display:inline-block;height:24px;border-radius:50%;text-align:center;line-height:21px;vertical-align:middle;color:#428bca;cursor:pointer;position:relative}
.di__grid-parent > li .di__grid-item .checkbox-select-btn{border:1px solid #ccc;z-index:100;width:18px;display:inline-block;height:18px;btext-align:center;line-height:15px;vertical-align:middle;color:#428bca;cursor:pointer;position:relative;text-align:center}
.di__grid-parent > li.active .di__grid-item .radio-select-btn{border-color:#428bca}
.di__grid-parent > li.active .di__grid-item .radio-select-btn:before{font-family:'Glyphicons Halflings';content:"\e013"}
.di__grid-parent > li.active .di__grid-item .checkbox-select-btn,.di__grid-parent.listrap > li .di__grid-item.listrap-toggle.active .checkbox-select-btn{border-color:#428bca}
.di__grid-parent > li.active .di__grid-item .checkbox-select-btn:before,.di__grid-parent.listrap > li .di__grid-item.listrap-toggle.active .checkbox-select-btn:before{font-family:'Glyphicons Halflings';content:"\e013"}
.di__grid-parent.listrap > li .di__grid-item.listrap-toggle.active{box-shadow:none;border-color:#66bee8;opacity:.7}
.di__grid-title{font-weight:600;margin-bottom:15px}
.di__grid-image{width:110px;height:110px;overflow:hidden;margin:20px auto;padding:15px;position:relative}
.di__grid-image > img{position:absolute;margin:auto;min-height:100%;min-width:100%;left:-100%;right:-100%;top:-100%;bottom:-100%}
.di__table-data{width:100%}
.di__table-data.table > thead > tr > th,.di__table-data.table > tbody > tr > th,.di__table-data.table > tfoot > tr > th,.di__table-data.table > thead > tr > td,.di__table-data.table > tbody > tr > td,.di__table-data.table > tfoot > tr > td{ word-wrap: break-word}
.di__table-data td.dot__col{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.di__table-data td.columntblCol-30{width:30%}
.di__table-data td.columntblCol-70{width:70%}
.diweb__dbrd #header-logo .logo-content-big,.logo-content-small{left:10px}
.di__dropdown-expand{animation-duration:.3s;animation-fill-mode:both;animation-name:openArrowBox;width:200px}
.di__toolbar-dashboard{margin-bottom:15px; display: table; width: 100%}
.di__toolbar-dashboard .btn-toolbar > .btn-group:first-child{margin-left:0}
.di__toolbar-dashboard.btn-toolbar > .btn-group:first-child,.di__toolbar-dashboard.btn-toolbar > .input-group:first-child{margin-left:0}
.di__toolbar-dashboard.btn-toolbar .btn, .di__toolbar-dashboard.btn-toolbar .btn-group, .di__toolbar-dashboard.btn-toolbar .input-group{ float: none}
.di__toolbar-dashboard .di__toolbar-right{ text-align: right}
.di__toolbarCol{ display: table-cell; vertical-align: middle}
@media(min-width:768px){
	.di__toolbarColW220-md{ width: 220px}
	
}
.di__chart-info{margin:0 15px 30px!important}
.di__chart-info-vertical{margin:15px 0}
.label-square{width:11px;height:11px;display:inline-block;border-radius:0}
.di__panel-right .header-buttons-separator .icon-separator{background:rgba(255,255,255,.1);border-right:#dfe8f1 solid 1px;border-left:#dfe8f1 solid 1px;color:#1c82e1}
.di__panel-right .header-buttons-separator .icon-separator:hover{color:#1c82e1}
.di__panel-right .input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn{font-size:11px;height:24px;padding:3px 10px}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.col-xs-15{width:20%;float:left}
@media (min-width: 768px) {
.col-sm-15{width:20%;float:left}
}
@media (min-width: 992px) {
.col-md-15{width:20%;float:left}
}
@media (min-width: 1200px) {
.col-lg-15{width:20%;float:left}
}
.di__new-ms-box .list-group > li.list-group-item.textarea-noPadd{padding:0}
.textarea-noPadd textarea{border:0}
.di__new-ms-box div.switch-toggle{height:18px;width:42px}
.di__new-ms-box div.switch-toggle::after{height:12px;width:12px}
.di__Boxbrd-form{border:1px solid #ddd;padding:15px;margin-bottom:15px;background:#fafafa}
.di__Boxbrd-form h6.control-label{padding-top:7px!important}
.di__logoLogin{position:absolute;width:150px;lef:50%;top:10px;z-index:20}
.di__img-cover{overflow:hidden}
.di__img-cover:before{position:relative;z-index:0}
.di__img-cover:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(3,31,59,0);z-index:1}
.di__img-cover img{filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px)}
.di__login-master-box{position:relative}
.content-box.bg-blurrshadow{border:none;color:#fff}
.bg-blurrshadow{background:transparent}
.di__login-title{font-weight:900!important;font-size:20px;margin-bottom:10px}
.form-group.di__last-login{margin-top:10px}
.di__last-login .btn-danger{background:#e30610}
.di__thumb-download{position:fixed;top:50%;margin-top:-129px;left:-295px;z-index:2}
.di__login-btn-download-btn{position:absolute;top:50%;left:50%;font-size:13px;line-height:39px;height:46px;min-width:46px;color:#e30610!important;border:5px solid #eee!important;margin-left:124px;box-shadow:0 1px 7px 2px rgba(135,158,171,0.9);text-shadow:0 0 0 1px #fff;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite;background-repeat:no-repeat;background-position:50% 50%;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQxLjcxMiA0MS43MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQxLjcxMiA0MS43MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPHBhdGggZD0iTTMxLjU4NiwyMS44YzAuNDQ0LTAuNDQ0LDAuNDQ0LTEuMTQzLDAtMS41ODdjLTAuNDI5LTAuNDQ0LTEuMTQzLTAuNDQ0LTEuNTcxLDBsLTguMDQ3LDguMDMyVjEuNzA2ICBjMC0wLjYxOS0wLjQ5Mi0xLjEyNy0xLjExMS0xLjEyN2MtMC42MTksMC0xLjEyNywwLjUwOC0xLjEyNywxLjEyN3YyNi41MzlsLTguMDMxLTguMDMyYy0wLjQ0NC0wLjQ0NC0xLjE1OS0wLjQ0NC0xLjU4NywwICBjLTAuNDQ0LDAuNDQ0LTAuNDQ0LDEuMTQzLDAsMS41ODdsOS45NTIsOS45NTJjMC40MjksMC40MjksMS4xNDMsMC40MjksMS41ODcsMEwzMS41ODYsMjEuOHogTTM5LjQ3NCwyOS4wODYgIGMwLTAuNjE5LDAuNDkyLTEuMTExLDEuMTExLTEuMTExYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTF2MTAuOTJjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gxLjExMSAgQzAuNDkyLDQxLjEzMywwLDQwLjYyNSwwLDQwLjAwNnYtMTAuOTJjMC0wLjYxOSwwLjQ5Mi0xLjExMSwxLjExMS0xLjExMXMxLjEyNywwLjQ5MiwxLjEyNywxLjExMXY5LjgwOWgzNy4yMzZWMjkuMDg2eiIgZmlsbD0iI0Q4MDAyNyIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)}
.di__login-btn-download-btn .icon-download::before{content:""}
.di__login-btn-download-btn .di__login-title-btn{background:#000;color:#fff;font-size:12px;padding:2px 4px;line-height:18px;display:block;margin-top:10px;position:absolute}
.di__thumb-download .di__thumb-item-download{height:300px}
.di__title-download{ color: #bdbdbd;margin: 0 auto; text-align: left; padding-left: 15px;font-family: 'Raleway', sans-serif;}
.font-blue-alt-light{color:#28d6ff!important}
.di__login-download-app{color:#fafafa;display:table;width:640px;margin:10px auto}
.di__login-download-text{letter-spacing:1px; text-align: left}
.di__login-download-icon{display:table-cell;vertical-align:middle}
/*.di__login-download-text{ display: none}*/
.di__login-download-icon{ width:298px; padding-top: 5px}
.di__sprites{background:url(../../image-resources/app-icons.png) no-repeat;display:inline-block}
.di__sprites-icon-black{ background: url(../../image-resources/app-icons-black.png) no-repeat; display: inline-block}
.di__icon-list-app{margin-bottom:0}
.di__icon-list-app > li{padding-left:0;padding-right:0}
.icon-window-sprite{background-position:0 0;height:36px;width:36px}
.icon-ios-sprite{background-position:-36px 0;height:36px;width:36px}
.icon-android-sprite{background-position:-72px 0;height:36px;width:36px}
.icon-window-black-sprite{background-position:0 0;height:32px;width:99px}
.icon-ios-black-sprite{background-position:-101px 0;height:32px;width:97px}
.icon-android-black-sprite{background-position:-202px 0;height:32px;width:100px}
.di__alert-app{position:fixed;left:0;z-index:999;width:100%;text-align:center}
.di__alert-app.alert-dismissable .close,.di__alert-app.alert-dismissible .close{top:0;right:0}
.di__alert-app.alert-info{background:#0688e3;color:#fff}
.di__alert-app.alert-info a{color:#eaff01;text-decoration:underline}
.di__list-app-download .media-heading{letter-spacing:1px;font-weight:700}
.di__list-app-download > li{position:relative}
.di__list-app-download > li:before{content:"\f105";font-family:'FontAwesome';position:absolute;right:15px;top:50%;margin-top:-13px;z-index:1;font-size:18px}
@media (max-width:430px) {
.di__login-title{font-size:15px}
#login-form .content-box-wrapper.pad20A{padding-right:0!important}
.di__thumb-download{left:-315px!important}
.di__login-btn-download-btn .di__login-title-btn{left:-11px!important;font-size:9px!important}
.di__last-login .btn-lg,.di__last-login .btn-group-lg > .btn{line-height:34px;min-width:56px;height:36px;font-size:15px}
.di__last-supportLogin{font-size:11px}
}
@media (max-width:767px) {
.di__login-btn-download-btn .di__login-title-btn{left:-25px}
.di__login-download-app{display:none}
}
@media (min-width:768px) and (max-width:991px) {
.di__login-download-app{width:360px}
.di__login-download-text{font-size:11px}
}
@media (min-width:768px) {
#login-forgot.content-box,#register-box.content-box{position:absolute;top:0;bottom:auto;width:100%}
.di__thumb-download{position:relative!important;top:auto!important;left:0!important;z-index:0}
.di__logoLogin{width:150px;top:10px;margin-left:15px}
.content-box.bg-blurrshadow{padding-left:80px;min-height:464px}
.bg-blurrshadow{background:url(../../image-resources/blurr-shadow__line.png) no-repeat 0 0}
.di__thumb-download{margin-top:150px}
.di__thumb-download .di__thumb-item-download{height:260px}
#login-forgot.content-box{padding-top:100px}
.di__login-btn-download-btn{font-size:30px!important;line-height:82px!important;height:89px!important;min-width:89px!important;margin-left:43px!important}
.form-group.di__last-login{margin-top:30px!important}
.di__login-title{font-size:24px!important;margin-bottom:20px!important}
	.di__login-condition{  margin-bottom: 40px}
.di__login-btn-download-btn{background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQxLjcxMiA0MS43MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQxLjcxMiA0MS43MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPHBhdGggZD0iTTMxLjU4NiwyMS44YzAuNDQ0LTAuNDQ0LDAuNDQ0LTEuMTQzLDAtMS41ODdjLTAuNDI5LTAuNDQ0LTEuMTQzLTAuNDQ0LTEuNTcxLDBsLTguMDQ3LDguMDMyVjEuNzA2ICBjMC0wLjYxOS0wLjQ5Mi0xLjEyNy0xLjExMS0xLjEyN2MtMC42MTksMC0xLjEyNywwLjUwOC0xLjEyNywxLjEyN3YyNi41MzlsLTguMDMxLTguMDMyYy0wLjQ0NC0wLjQ0NC0xLjE1OS0wLjQ0NC0xLjU4NywwICBjLTAuNDQ0LDAuNDQ0LTAuNDQ0LDEuMTQzLDAsMS41ODdsOS45NTIsOS45NTJjMC40MjksMC40MjksMS4xNDMsMC40MjksMS41ODcsMEwzMS41ODYsMjEuOHogTTM5LjQ3NCwyOS4wODYgIGMwLTAuNjE5LDAuNDkyLTEuMTExLDEuMTExLTEuMTExYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTF2MTAuOTJjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gxLjExMSAgQzAuNDkyLDQxLjEzMywwLDQwLjYyNSwwLDQwLjAwNnYtMTAuOTJjMC0wLjYxOSwwLjQ5Mi0xLjExMSwxLjExMS0xLjExMXMxLjEyNywwLjQ5MiwxLjEyNywxLjExMXY5LjgwOWgzNy4yMzZWMjkuMDg2eiIgZmlsbD0iI0Q4MDAyNyIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)!important}
}
@media (min-width:994px) {
.di__logoLogin{top:10px;margin-left:80px}
.di__thumb-download{margin-top:20px}
.di__thumb-download .di__thumb-item-download{height:350px}
	.di__login-btn-download-btn{ margin-left: 170px !important}
	.di__thumb-item-download{ margin-right: 180px}
}
@media (min-width:1120px){
	.di__login-download-text{ display: table-cell !important}
	.di__title-download{ width: 640px; font-size: 16px; padding-left: 0 !important; padding-right: 110px; font-weight: 700; margin-bottom: 15px}
}
.form-group.di__input-line{position:relative;z-index:1;width:100%;vertical-align:top}
.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-size:125%;font-weight:700;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}
.input__field:focus{outline:none}
.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#fff;font-size:125%;font-weight:400;letter-spacing:1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}
.graphic{position:absolute;top:0;left:0;fill:none}
.input__field--isao{z-index:10;padding:/*.75em*/ .75em .1em .75em; line-height: 20px; width:100%;background:transparent;color:#afb3b8}
.input__label--isao{position:relative;overflow:hidden;padding:0;width:100%;color:#dadada;text-align:left}
.input__label--isao::before{content:'';position:absolute;top:-1px;width:100%;height:2px;font-size:0;border:solid 1px #dadada;background:#dadada;-webkit-transform:scale3d(1,0.4,1);transform:scale3d(1,0.4,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform 0.3s,background-color .3s;transition:transform 0.3s,background-color .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.input__label--isao::after{content:attr(data-content);position:absolute;top:0;left:0;padding:.75em .15em;color:#3498db;opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transition:opacity 0.3s,-webkit-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);pointer-events:none}
.input__field--isao:focus + .input__label--isao::before{border-color:#3498db;background-color:#3498db;/*-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)*/}
.input__field--isao:focus{ outline:1px solid #3498db; padding-left:10px; background-color: rgba(255,255,255,0.95); color: #333 }/* add outline when placeholder*/
.input__field--isao:focus + .input__label--isao{pointer-events:none}
.input__field--isao:focus + .input__label--isao::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.input__label-content--isao{padding:.75em .15em;-webkit-transition:opacity 0.3s,-webkit-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.input__field--isao:focus + .input__label--isao .input__label-content--isao{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
.popover-title.propover-title-sm{padding:2px 10px 4px;font-size:11px;text-transform:none}
/**/
.di__menu-scroll{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.di__nav-list__top-cate-header .logo{width:15%}
.di__nav-list__top-cate-header nav{width:85%}
.di__nav-list__top-cate-header{background:#152637;font-size:0}
.di__nav-list__top-cate .logo{text-align:center;font-weight:700;color:#727c87;border-right:1px solid rgba(114,124,135,0.4);padding:10px}
.di__nav-list__top-cate .nav-item{padding:6px 16px 5px; border-radius: 20px;}
.di__nav-list__top-cate .nav-item:not(:last-child){border-right:1px solid rgba(114,124,135,0.2)}
.di__nav-list__top-cate{max-width:100%;margin:0 auto;color:#64cce3;line-height:1.5}
.di__nav-list__top-cate nav{font-size:0}
.di__nav-list__top-cate .logo,.di__nav-list__top-cate .nav-item{font-size:14px;color:#f0f0f0;position:relative}
.di__nav-list__top-cate .nav-item:hover,.di__nav-list__top-cate .nav-item.active,.list__section li.active > a,.list__section li:hover > a{background:#000C16;cursor:pointer;text-decoration:none}
.nav-list__top-cate .nav-item.active:before{position:absolute;bottom:0;left:0;height:2px;width:100%;content:"";background:#33afd4}

/* scroll menu style */
.di__lefthead-nav-header{background: #152637; padding-left: 15px; padding-right: 15px }
/*Remove the inline-block extra space*/ 
.di__lefthead-nav-header, .di__lefthead-nav-header nav{ font-size: 0}
.di__nav-hrzScroll {white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar; }

/*Example two required styles*/ 
.di__lefthead-nav .di__navHead {width: 15%; }
.di__lefthead-nav nav {width: 85%;}


/*style for top title not scroll required styles --------------- */
.di__tophead-nav .di__navHead, .di__navHead nav{ width: 100%}
.di__tophead-nav .nav-item { color: #f6f7ee;}
.di__tophead-nav nav {background: #727c87;white-space: nowrap;overflow-x: scroll; -webkit-overflow-scrolling: touch;}
/*styles normal */ 
.di__navHead {text-align: center; /*only effective in example 2/3*/ font-weight: 700;color: #727c87;border-right: 1px solid rgba(#727c87, .4);padding: 12px 24px 13px; }
/*Nav items*/ 
.nav-item:first-child{ margin-left: 0}
.nav-item {padding:2px 15px 2px;border-left: 2px solid #152637; border-top:1px solid #152637; border-bottom:1px solid #152637}
.nav-item:not(:last-child){ border-right:2px solid rgba(114,124,135,0.2)}
.nav-item:hover,.nav-item.active{cursor:pointer;text-decoration:none; color: #fff; border-bottom: 5px solid #3498db}
/*Setup/misc styles*/
.di__navHead,.nav-item {font-size: 11px;color:#f0f0f0;font-weight: bold;}
.di__navHead img{ height: 15px}
@media (min-width:900px){
	.nav-item {padding:6px 25px 5px !important;}
	.di__navHead img{ height: 19px !important}
	.di__navHead,.nav-item{font-size: 14px !important;font-weight: normal !important;}
}
.nav-item .bs-label{font-size: 53%;padding: .2em .6em .1em;position: relative;top: -2px;}
.di__navHead,.nav-item,.vertical-align-middle {display: inline-block;vertical-align: middle; }
/* update 5-5 expand dropdown in mobile */
@media (max-width:899px){
    .di__expandBoxMB-899{ width:100% !important;min-width: 320px !important;position: fixed !important;bottom: 0;left: 0; top:auto;height: 100% !important;}
}
/* style for drag in div */
.xDragScroll{-webkit-touch-callout: none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;     user-select: none; }
/* update for form input in modal with class di__new-ms-box*/
.di__new-ms-box.normal__msBox .input-sm + .form-control-feedback, .di__new-ms-box.normal__msBox .input-group-sm + .form-control-feedback, .di__new-ms-box.normal__msBox .form-group-sm .form-control + .form-control-feedback{width: 25px;height: 25px;line-height: 25px;}
/* delete close icon on IE*/
.input::-ms-clear {display: none;}
/* style for expand in table column*/
.di__col-icon-expand-parent{ position:relative}
.di__col-icon-expand-btn.current{ position:relative; z-index:4;  color:#65a6ff !important; border-color:#65a6ff !important; outline:none}
.di__col-expand-content .di__col-icon-expand-close-btn{ position:relative; margin-top:-1px;border-color:#65a6ff !important; outline:none; background:#65a6ff !important; color:#fff !important}
.di__col-icon-expand-btn.current.collapsed{ position:static; margin-top:0; border-color:#ddd !important; color:#333 !important}
.di__col-expand-content{position: absolute;background: #f0f4f5;left:0;width: 100%;bottom: 0;top: auto;z-index:100;box-shadow: 0 1px 7px 2px rgba(135, 158, 171, 0.5);border:1px solid #308dcc;height:100%; overflow-y:auto;}
.di__col-expand-content iframe{ width:100%; height:100%; overflow:hidden; display:block}
/* touchspin style*/
.di__table-data .input-group.bootstrap-touchspin .form-control{padding: 1px 10px; font-size: 11px; color: #777; height: 24px;}
.di__table-data .btn.bootstrap-touchspin-up, .di__table-data .btn.bootstrap-touchspin-down{line-height: 20px;height: 24px;min-width: 24px; font-weight: 800; color: #26659F; text-decoration: none; font-size: 14px; padding: 0}
@media (min-width:992px){
    .di__col-expand-content{left: 50% !important; margin-left:-384px !important;width: 768px !important;bottom: 0;top: 50% !important; margin-top:-200px !important;max-height:400px; height:400px !important; }
}
@media (min-width:1208px){
    .di__col-expand-content .di__col-icon-expand-close-btn{ display:none}
}
/* update 31/5/2017*/
.di__propover-content{ padding: 15px 10px}
[data-overflow="no-dragon"]{ cursor: pointer}
/* style selector for uniform */
.di__uniformStyle-default div[id^="uniform-"] span, .di__uniformStyle-default div.selector, .di__uniformStyle-default .selector i{ border-color:#b8c3c9 !important;background: #fff;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.di__uniformStyle-default div.selector, .di__uniformStyle-default div.selector span{ height: 34px; line-height: 34px}
.di__uniformStyle-default div.selector select{height: 34px;}
.di__uniform-sm div.selector{height: 30px; line-height: 30px}
.di__uniform-sm div.selector select{height: 30px;}
.di__uniform-sm div.selector span{ font-size: 12px;line-height: 26px; height: 30px; color: #777}
.di__uniform-sm .selector i{line-height: 30px;margin-top: -15px;height: 30px; width: 30px}
.di__filerData-block{border-bottom: 1px solid #c0c8cd;width: 100%;display: table;padding: 5px 15px 10px;position: relative;background-color: #f5f5f5;}
.di__filerData-block .di__group-input-col {padding-left:2px;padding-right: 2px}
.di__uniformStyle-default .form-control{border-color: #b8c3c9 !important;background: #fff;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.di__filerData-block label{font-size: 0.8em;letter-spacing: 0.8px;margin-bottom: 1px;}
.di__filerData-block .di__search-group {border: 1px solid #b8c3c9;margin-top: 0;}
.di__filerData-block .di__search-group .input-group-sm > .form-control, .di__filerData-block .di__search-group .input-group-sm > .input-group-addon, .di__filerData-block .di__search-group .input-group-sm > .input-group-btn > .btn{ height: 28px}
.di__group-input-col-noLabel{ padding-top: 19px}
.input-group-sm .form-control-feedback[class^="di-icon"], .input-group-sm .form-control-feedback[class*=" di-icon"]{ line-height: 24px}
/* update 07-06-2017*/
.fixed-header .di__lefthead-nav, .fixed-sidebar .wrapper-left-in, .fixed-sidebar .di__toggle-btn{ position: fixed; z-index: 10}
.fixed-header .di__lefthead-nav{ width: 100%;}
.fixed-sidebar .wrapper-left-in{ top: 111px}
.fixed-sidebar .di__toggle-btn{ top:148px; left:0}
.fixed-sidebar .wrapper-parent-in.toggled .di__toggle-btn{left:259px}
.fixed-header #main-page{ padding-top: 48px}
@media (min-width:900px){
	.fixed-sidebar .wrapper-left-in{ top:116px !important}
}
/**/
.panel-title.panel-title__small{ font-weight: 800;font-size: 0.8em;text-transform: uppercase;font-weight: 800;letter-spacing: 1px;}
.di__subItem-list .di__nav-list-tree.di__subItem-listInside li:last-child{ margin-bottom: 10px}
.di__nav-list-tree.di__subItem-listInside{margin-left: 3px;}
.di__nav-list-tree.di__subItem-listInside ul{ margin-top: 0}
.di__nav-list-tree.di__subItem-listInside ul li:last-child::before{ background: #fff}
.di__nav-list-tree.di__subItem-listInside li .tree-toggler.nav-header::before{color: #1376a8;margin-top: 1px;margin-right: 15px;}
.di__listMenu-vert > li .list-group-item{ border-width: 1px 0 0 0}
/**/
/* center 2*/
.vertical-alignment-helper{display:table;height:100%;width:100%}
.vertical-align-center{display:table-cell;vertical-align:middle}
.modal-content{width:inherit;height:inherit;margin:0 auto}
/**/
.di__title-xs{ text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;font-size: 10px; font-weight: 800}
.di__list-icon-hori .media-heading{letter-spacing:1px;font-weight:700}
.di__sprites-icon{background:url(../../image-resources/icons-sprites.png) no-repeat;display:inline-block}
.icon-user-sprite{ background-position: 0 0; width:32px; height: 19px }
.icon-userGroup-sprite{ background-position: 0 -19px; width:32px; height: 19px }
/* update 12/6/2017*/
.has-focus .form-control{border-color: #ccc;border-color: rgba(82,168,236,.8) !important;outline: 0;outline: thin dotted\9;
-webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);box-shadow: 0 0 8px rgba(82,168,236,.6);}
/**/
.di__tooltipHelp{position:relative}
.di__tooltipHelp::before{font-size:.7em!important;line-height:1}
.di__tooltipHelp:hover::before{animation-duration:.3s;animation-fill-mode:both;animation-name:openArrowBox;text-align:center;text-decoration:none;color:#fff;background-color:rgba(0,0,0,.9);border:1px solid rgba(0,0,0,0.1);content:attr(data-tooltip);left:50%;position:absolute;bottom:-11px;width:auto;z-index:2;opacity:.8;filter:alpha(opacity=80);padding:0 4px;transform:translateX(-50%)}
.btn.btn-lg.icon-single [class|=di-iconblue]{font-size:18px;line-height:38px!important}
.btn.btn-lg.icon-single{padding:0 10px}
.btn.btn-lg.icon-single .icon-single-text{top:-4px;position:relative}
.btn-style-grd-blue{border-color:#b8c3c9;background-image:-webkit-linear-gradient(top,#fff 0,#d6dee4 100%);background-image:-o-linear-gradient(top,#fff 0,#d6dee4 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#d6dee4));background-image:linear-gradient(to bottom,#fff 0,#d6dee4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#d6dee4',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x}