body,table.table{font-size:13px}
.Dblock:after,.section-header:after{content:'.';visibility:hidden}
body{color:#333;font-family:"Open Sans",sans-serif;padding:0!important;margin:0!important;direction:ltr}
label{font-weight:400}
.field-validation-error{background-color:#f2dede;border:1px solid #ebccd1;color:#a94442;margin-top:5px;margin-bottom:5px;font-size:13px;padding:7px 10px;display:table;clear:both}
.validation-summary-errors{background: white;padding: 10px 40px; color:#bd1721;}
.validation-summary-errors ul{padding-left:0;line-height:160%;margin-bottom:0}
.tabbable-custom>.nav-tabs>li{height:44px}
.k-i-expand,.k-plus,.k-plus-disabled{background-position:0 -187px}
.k-i-collapse,.k-minus,.k-minus-disabled{background-position:0 -220px}
.showtr{display:contents!important}
.language-selector{margin-top:25px;display:table;width:100%;padding-top:15px;padding-bottom:15px;border-top:1px solid #eee}
.language-selector ul{margin:0 20px 0 auto;float:left;padding:10px}
.language-selector ul li{list-style-type:none;float:left;padding:0;width:100%}
.language-selector ul li img{width:20px;box-shadow: none;-webkit-box-shadow: none;/*box-shadow:0 0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.2);*/margin-right:10px}
.form-horizontal select{display:inline-block;vertical-align:middle;width: 100%;}
.paddingT5{padding-top:5px}
.paddingT6{padding-top:6px}
.paddingT7{padding-top:7px}
.paddingT8{padding-top:8px}
.paddingT9{padding-top:9px}
.paddingT10{padding-top:10px}
.paddingT11{padding-top:11px}
.paddingT12{padding-top:12px}
.paddingT13{padding-top:13px}
.paddingT14{padding-top:14px}
.paddingT15{padding-top:15px}
.paddingT25{padding-top:25px}
.paddingT50{padding-top:50px}
.marginT5{margin-top:5px}
.marginT6{margin-top:6px}
.marginT7{margin-top:7px}
.marginT8{margin-top:8px}
.marginT9{margin-top:9px}
.marginT10{margin-top:10px}
.marginT11{margin-top:11px}
.marginT12{margin-top:12px}
.marginT13{margin-top:13px}
.marginT14{margin-top:14px}
.marginT15{margin-top:15px}
.marginT25{margin-top:25px}
.marginT50{margin-top:50px}
.Dblock:after{display:table;color:#fff;font-size:3}
.portlet-title-editor{width:99%;margin-left:auto;border:1px solid #202A33;margin-right:auto;border-bottom:0;padding:0 10px;margin-bottom:0;color:#fff;min-height:39px;border-radius:0!important;clear:both;background-color:#202A33;-webkit-box-shadow:0 0 0 1px #202A33;box-shadow:0 0 0 1px #202A33}
.portlet-title-editor>.caption{padding:11px 0 9px;float:left;display:inline-block;font-size:16px;line-height:18px;font-weight:300}
.section-header .options{float:right}
.section-header{background:#f7f7f7;padding:15px;margin-bottom:25px}
.section-header:after{display:block;color:#fff;font-size:3}
.multi-select-trigger,.multi-select-wrap {display:block;border:1px solid #dadada;width:100%;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border-radius:4px;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.sub-menu-view,.sub-menu-view li{padding:0;margin:0}
.text-box::-moz-placeholder{color:#777;opacity:1}
.text-box:-ms-input-placeholder{color:#777}
.text-box::-webkit-input-placeholder{color:#777}
.text-box[disabled],.text-box[readonly],fieldset[disabled] .text-box, input[type='text'][readonly],
 .read-only input{cursor:not-allowed;background-color:#eee !important;opacity:1;width: 100%;}
.text-box[disabled],.text-box[readonly],fieldset[disabled] .text-box, input[type='text'][readonly],
fieldset[disabled] .text-box, input[type='number'][readonly],
fieldset[disabled] .text-box, input[type='hidden'][readonly]{cursor:not-allowed;background-color:#eee;opacity:1;width: 100%;}
.read-only input {cursor: not-allowed;background-color: #eee !important;opacity: 1;width: 100%;}
textarea.text-box{height:auto}
.sub-menu-view li{list-style-type:none;float:left}
.sub-menu-view a{background:#303030;color:#d9d9d9;border-right:1px solid #484848;display:block;position:relative;margin:0;padding:10px 15px;text-decoration:none;font-size:13px;font-weight:300}
.sub-menu-view a:hover{background:#202020;color:#d9d9d9;text-decoration:none}
.header-extra-menu.sticky{position:fixed;top:46px;background:#333;z-index:999999;width:100%}
input[readonly="readonly"] ~ .k-select {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #eee;
}
@media screen and (max-width:990px) and (min-width:768px){.header-extra-menu.sticky{position:fixed;top:0;background:#333;z-index:999999;width:100%}
}
@media screen and (max-width:767px) and (min-width:100px){.sub-menu-view a{padding:10px}
}
.view-company .form-body .form-section{margin-bottom:5px;margin-top:20px}
.view-company .form-body .form-section:first-child{margin-top:0}
.view-company .form-group{margin-bottom:0}
.view-company .form-group .col-md-4,.view-company .form-group .col-md-5,.view-company .form-group .col-md-7,.view-company .form-group .col-md-8{padding-left:7px!important;padding-right:7px!important}
.view-company .form-control-static{padding-top:1px!important;padding-bottom:1px!important}
.view-company .control-label{padding-top:1px!important}
.secondary-menu{border:1px solid #e1e1e1!important;margin-bottom:15px;width:100%}
.secondary-menu .nav>li>a{padding:3px 10px}
.span-none,.span-none.bottom,.span-none.top{padding-right:18px!important}
.span-none{background:url(img/arrow-dummy.png) center right no-repeat}
.span-none.top{background:url(img/arrow-dummy1.png) center right no-repeat}
.span-none.bottom{background:url(img/arrow-dummy2.png) center right no-repeat}
.span-none span{display:none}
.form-group .single-line{width:100%!important;/* padding:0 12px; *//* box-sizing:border-box; */}
.messageBox{position:fixed;top:0;width:100%;padding:7px 15px;font-size:14px;z-index:999999;border:1px solid transparent}
.messageBox.messageBoxSuccess{background-color:#7ec242;color:#fff}
.messageBox.messageBoxError{background-color:#af080e;color:#fff}
.messageBox.messageProgressbox {background-color: #32c5d2; color: #fff;}
.messageBox.success{background-color:#7ec242;color:#fff}
.messageBox.error{background-color:#bd1721;color:#fff}
.messageBox.warning{background-color:#ffb848;color:#fff}
.messageBox.info {background-color: #32c5d2; color: #fff;}
.dropdown-menu li>button,.dropdown-menu li>input{padding:8px 14px;color:#333;text-decoration:none;display:block;clear:both;font-weight:300;line-height:18px;white-space:nowrap;border:0;background:0 0;border-bottom: 1px solid #eee;width:100%;text-align:left;}
.dropdown-menu li>button:hover,.dropdown-menu li>input:hover{text-decoration:none;background-image:none;background-color:#f6f6f6;color:#555;filter:none}
.recent-activity .k-pager-info{display:none}
.recent-activity .task-user{display: table-cell;vertical-align: top;width: 60px;text-align: center;}
.recent-activity .task-type {word-break:break-word;font-size:10px;position:relative;z-index:99;}
.recent-activity .task-title-sp{display:block;float:left;margin:3px 0 0;width:60%;white-space:normal;color:#82949a}
.recent-activity .task-date{text-align:right;color:#c1cbd0;margin:6px 0 0;padding:4px 0}
@media (max-width:800px){.recent-activity .task-title-sp{width:230px}
}
.recent-comment .k-pager-info{display:none}
.full-width{width:100%!important}
.recent-comment .picture{width:11%;padding-right:5px;float:left}
.recent-comment .details{width:84%;padding-left:5px;float:left;font-size:12px;padding-top:4px}
.recent-comment .task-comment,.recent-comment .task-title-sp{margin:0;width:100%;white-space:nowrap;display:block;}
.recent-comment .task-comment, .recent-comment .task-title-sp a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 30%;}
.recent-comment .task-title-sp{color:#8d979c!important}
.recent-comment .task-title-sp span{color:#82949a}
.recent-comment .task-title-sp a{color:#bd1721;background:0 0;padding:0;float:none;font-weight:600}
.recent-comment .task-title-sp a:hover{text-decoration:underline}
.menu-toggler2 a,.menu-toggler2 a:focus,.menu-toggler2 a:hover,.menu-toggler2:hover,.sidebar-toggler a,.sidebar-toggler a:hover{text-decoration:none;filter:alpha(opacity=100);opacity:1}
.recent-comment .task-comment{line-height:normal;padding:0 0 3px;color:#617075}
.recent-comment .comment-time{text-align:left;color:#999;padding:0;display:block;font-size:11px}
.multi-select-trigger{border:1px solid #dadada;position:relative}
.multi-select-trigger:after{content:"";position:absolute;right:6px;top:10px;font-size:9px;color:#000}
.multi-select-wrap{display:none;border:1px solid #dadada;margin-top:-1px;height:auto}
@media screen and (min-width:1000px){.multi-select-wrap{position:absolute;width:100%;z-index:99}
}
.meeting-table td{padding:15px!important}
.meeting-table tr:first-child td{border-top:0}
.meeting-table .info{border-bottom:1px solid #dadada;padding-bottom:10px}
.meeting-table img{border:1px solid #dadada}
.meeting-table .companyname{margin-top:10px;color:#bd1721;font-weight:300}
.clear{clear:both}
.no-padding{padding:0!important}
@media screen and (max-width:1280px){
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username{font-size:0;display: none;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.username-hide-on-mobile {display: none !important;}
.page-header.navbar{position:relative;clear:both}
.page-header.navbar.navbar-fixed-top{height:auto}
body.page-header-fixed .page-container{margin-top:0}
}
@media screen and (max-width:1100px){.navbar-nav>li,.page-header.navbar .top-menu .navbar-nav>li.dropdown.notes{display: table-cell;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown:not(.search-box-li){display: table-cell;width:10%;padding: 0;vertical-align: middle;}
.page-header.navbar .top-menu{width:100%;float:none;clear:both;text-align:center;box-sizing:content-box}
.navbar-nav>li{float:none;width:3%}
.page-header.navbar .top-menu .navbar-nav{width:100%;display:table;background: #a7161f;margin:0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img{float:none;height: 30px;width: 30px;padding: 4px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{color:#fff}
.page-header.navbar{padding-bottom:0;padding-top:0}
}
.menu-toggler2, .sidebar-toggler-wrapper .sidebar-toggler{float:left!important;margin:17px 15px!important;text-transform:uppercase;width:auto!important;background-position:left center!important;}
#days-tab li,.number-stats .stat-left .stat-chart,.number-stats .stat-right .stat-chart{float:left}
.menu-toggler2 a:focus{color:#fff}
@media screen and (max-width:630px){.page-header.navbar .page-logo{width:auto!important;margin-right:0}
}
.menu-toggler2{display:block;cursor:pointer;opacity:.7;filter:alpha(opacity=70);height:16px;background-repeat:no-repeat;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.notes{display:none}
@media screen and (max-width:1280px){.menu-toggler2.notes{display:none}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.notes{display: table-cell;}
}
.jqx-tree { border:0;}
.intranet-treeview, .sheet-treeview{padding:10px 10px 25px;border-right:1px solid #eee;background:#fff; margin-top:-25px;}
.intranet-content .page-bar {margin-left:-15px;}
.jqx-tree-dropdown,.jqx-tree-dropdown-root{padding:0!important}
.intranet-menu-active .page-content-wrapper .page-content,.notes-menu-active .page-content-wrapper .page-content{margin:0!important;border:0!important}
.intranet-menu-active .intranet-treeview li .jqx-fill-state-hover,.intranet-menu-active .intranet-treeview li .jqx-fill-state-pressed{border:1px solid transparent;color:#984334!important;background:0 0}

/*.sheet-menu-active .page-content-wrapper .page-content{margin:0!important;border:0!important}*/
.sheet-menu-active .sheet-treeview li .jqx-fill-state-hover, .sheet-menu-active .sheet-treeview li .jqx-fill-state-pressed{border:1px solid transparent;color:#984334!important;background:0 0}
.jqx-tree-dropdown{margin:10px 0!important}
.jqx-tree-item-arrow-collapse,.jqx-tree-item-arrow-expand{height:15px!important;width:15px!important;display:block!important;background-color:#fff!important;margin:0!important;position:absolute;top: 4px;left:0;z-index:1;}
.jqx-tree-item-li{margin:0 0 10px!important;padding:0 0 0 22px!important;position:relative;left:0!important}
.jqx-tree-item-li>.jqx-tree-item:before,.notes-page .jqx-tree-item-li>.jqx-tree-item:before{font-style:normal;font-weight:400;display:inline-block;font-size:16px;margin:0 5px 0 0;text-decoration:inherit;font-family:FontAwesome}
.jqx-tree-item-li>.jqx-tree-item:before{content:"\f15b";color:#bd1721}
.notes-page .jqx-tree-item-li>.jqx-tree-item:before{content:"\f07b";color:#333}
#days-tab li a:hover,.add-new-note-btn:hover,.grouped-table table .k-reset a:focus,.grouped-table table .k-reset a:hover{text-decoration:none}
.jqx-tree-item-li.jqx-disableselect>.jqx-tree-item:before{content:"\f07b";color:#828282;font-size:18px}
@media screen and (min-width:991px){.intranet-menu-active{background:#f5f5f5}
}
.intranet-menu-active .intranet-treeview, .sheet-menu-active .sheet-treeview{display:block}
.intranet-menu-active .intranet-treeview li .jqx-fill-state-pressed, .sheet-menu-active .sheet-treeview li .jqx-fill-state-pressed{font-weight:700}
.intranet-menu-active .intranet-treeview li .jqx-item, .sheet-menu-active .sheet-treeview li .jqx-item{color:#202A33}
.intranet-menu-active .intranet-treeview ul ul .jqx-tree-item-li,.sheet-menu-active .sheet-treeview ul ul .jqx-tree-item-li{list-style:disc!important}
.intranet-menu-active .intranet-treeview .jqx-tree-item-li div,.sheet-menu-active .sheet-treeview .jqx-tree-item-li div{overflow:visible!important;padding:0!important;white-space:normal}
.intranet-menu-active .page-sidebar-menu,.notes-menu-active .page-sidebar-menu{display:none!important}
.intranet-menu-active .page-sidebar,.notes-menu-active .page-sidebar{background:0 0}
.intranet-menu-active .page-content,.notes-menu-active .page-content{border-left:2px solid #ccc}
.intranet-menu-active .page-footer,.notes-menu-active .page-footer{border-top:2px solid #ccc}
.inline-block{display:inline-block!important}
.intranet-treeview .k-treeview span.k-in, .sheet-treeview .k-treeview span.k-in{color:#202020;line-height:21px;text-transform:uppercase}
@media (max-width:480px){.page-header.navbar .top-menu{width:100%;margin:0;padding:0}
.page-header.navbar .top-menu .navbar-nav>li.dropdown{width:auto}
.page-header.navbar .top-menu .navbar-nav.sliced-list>li.dropdown{width:14%}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i.fa-angle-down{position:static!important}
  .top-menu ul.nav.navbar-nav li.search-box-li{width: 100% !important;}
}
.comment-grid .avatar{float:left;border:1px solid #ddd;background:#f7f7f7;margin-right:10px;height:30px!important;width:30px!important;-webkit-border-radius:0!important;-moz-border-radius:50%!important;border-radius:0!important;/* margin-top:8px */}
.number-stats{margin:10px 0}
.number-stats .stat-number{display:inline-block;margin:0 5px}
.number-stats .title{font-size:13px;margin-bottom:3px;color:#B8C3C7}
.number-stats .number{font-size:27px;line-height:27px;color:#7D8C9D}
.borderless table td,.borderless table th{border:0!important;padding-left:0!important}
.borderless table td:last-child,.borderless table th:last-child{padding-right:0!important}
.scroll-both{overflow-x:auto!important}
.label-chart{width:100%;text-align:center;position:relative}
.label-chart:before{width:100%;content:" ";height:1px;top:49%;position:absolute;background:#ddd;display:block}
.label-chart span{background:#fff;padding:4px;position:relative;z-index:99}
.fa.red{color:#bd1721}
.fa.green{color:#35aa47}
.fa.yellow{color:#ffb848}
.customOrder-stats{font-size:13px}
.employee-conversation a#viewMore{padding:10px;display:block;margin:20px 10px 0;border:1px solid #D2E7F2;text-align:center;color:#fff;border-radius:2px!important;background:#bd1721}
.intranet-search-result .title,.intranet-search-result .title a{font-weight:700;margin:5px 0 7px;color:#4b77be;font-size:16px}
.employee-conversation a#viewMore:hover{background:#a94442}
#searchList-grid tr:hover td{background:0 0!important}
.intranet-search-result .title a{background:0 0;padding:0}
.intranet-search-result .date{margin-bottom:10px;display:block}
.intranet-search-result .date a{font-size:13px;font-weight:400;background:0 0;color:#a94442;padding:0}
.intranet-search-result .description{max-height:70px;overflow:hidden}
.k-icon.k-edit{margin-top:-3px;margin-right:5px}
@media (max-width:370px){.page-header.navbar .top-menu .navbar-nav>li.dropdown{padding:0!important}
}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table.logistic-table tr{background-color:#fff}
table.logistic-table tr th{background:#a7b6c0;color:#fff;padding:5px!important;font-size:13px!important;font-weight:400!important; vertical-align:middle !important;}
table.logistic-table tr:first-child th,table.logistic-table tr:nth-child(2) th{background-color:#fff!important;color:#333!important;border:0!important}
table.logistic-table tr:first-child th{padding-bottom:0}
table.logistic-table tr td{font-size:12px;background:#fff!important;border:1px solid #ddd!important;padding:0 4px!important;height:32px;vertical-align:middle!important;white-space:nowrap}
table.logistic-table tr td *{font-size:12px!important}
table.logistic-table tr td .fakeField {left: 4px;right: 4px;}
table.logistic-table tr td input[type=text],table.logistic-table tr td select{height:26px!important;padding:2px!important}
table.logistic-table tr[id^=parent-] td{background:#f4f8fc!important}
table.logistic-table .links a{border:1px solid #f4f8fc}
table.logistic-table tbody tr.active td,table.logistic-table tbody tr.active:hover td{background:#CFDEE4!important}
table.logistic-table tr.active .links a{color:#555}
#days-tab{padding:0;margin:20px 0}
#days-tab li a{border-radius:3px!important;color:#555;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 0 0 rgba(0,0,0,.15);-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.15);display:block;width:26px;height:26px;margin:5px;text-align:center;line-height:24px}
#days-tab li a:hover{background:#f7f7f7}
.table-scrollable-y{width:100%;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd;margin:10px 0!important}
.table-scrollable-y>table{table-layout:fixed;width:100%;margin:0!important;background-color:#fff}
.install-name {display: inline-block;font-size: 15px;vertical-align: middle;max-width: 120px;max-height: 42px;text-align: center;white-space: normal;font-weight:bold;}
.page-logo a:hover{text-decoration:none;}
@media screen and (max-width:991px){.page-header.navbar .top-menu .navbar-nav>li{float:none;padding-left:10px}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle{padding: 13px 0 14px;cursor: pointer;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i.fa-angle-down{position:absolute;right:-10px;top:35%}
.employee-conversation .replies>.media.comment-grid{padding:0}
.comment-grid .avatar{height:30px;width:30px;margin-top:2px}
.recent-comment .details{padding-left:0}
.employee-conversation .media img{height:30px!important;width:30px!important;margin:0}
.recent-activity .task-user{float:none}
.recent-activity .task-title-sp{margin:0;float:none;width:auto}
.recent-activity .task-date{float:left!important;font-size:11px;margin-top:4px}
}
.loadingInProgress{position:relative}
.loadingInProgress:after{background-image:url(admin/layout/img/loading-spinner-blue.gif);content:"";background-color:rgba(255,255,255,.5);background-repeat:no-repeat;background-position:center 43px;width:100%;position:absolute;top:0;bottom:0;right:0;left:0}
.notes-section .options{border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;padding:10px 0}
.notes-section .options h1{margin:5px 0;font-size:25px}
.note-btn-left{color:#333;display:block;padding:6px 0}
.add-new-note-btn{padding:8px;font-size:15px;color:#888;display:inline-block}
.btn-white {
    background: #fff !important;
    border: 0px solid #ddd !important ; padding: 8px 7px 7px 8px !important;
}
.invoice-preview{font-size:12px}
.invoice-preview tbody tr td{font-size:11px;padding:2px!important}
.invoice-preview thead tr th{font-size:11px!important;font-weight:700!important;text-align:center;text-transform:uppercase;padding:4px!important}
.invoice-preview td[colspan="7"]{background:#eee!important;font-style:italic}
.permission-scroll{position:relative;border:1px solid #ddd;padding-top:38px;background:#45b6af;overflow-x:scroll}
.permission-scroll table{background:#fff;margin:-23px 0 0!important}
.permission-scroll .table-wrapper{overflow-y:scroll;width:100%}
.permission-scroll table thead tr th{white-space:nowrap;background:0 0;color:transparent;border:0!important;padding-top:0!important;padding-bottom:0!important;height:0!important;overflow:hidden!important}
.permission-scroll table thead tr th>.checker,.permission-scroll table thead tr th>input{opacity:0}
.permission-scroll table thead tr div.stick-div{position:absolute;background:0 0;color:#fff;top:0;line-height:normal;white-space:nowrap;font-size:14px;margin-left:-10px;padding:10px}
.permission-set div{display:inline-block;margin:7px 20px 7px 0;font-size:13px;text-align:left}
@media all and (max-width:990px){.permission-set div{display:block;width:45%;float:left;margin-right:3%;font-size:13px}
}
@media all and (max-width:500px){.menu-toggler2{margin:17px 8px!important;padding-left:20px;font-size:11px}
.page-header.navbar .page-logo>a{margin:0}
.page-header.navbar .page-logo>a img{width:100px;height:auto}
.mobile-topmenu-toggle{display:none!important}
}
@media all and (max-width:480px){.permission-set div{width:100%;margin-right:0}
}
@media all and (max-width:375px){.page-header.navbar .page-logo .logo-default{height:auto!important;margin-top:8px;width:81px}
}
.grouped-table table .k-reset{font-weight:400}
.grouped-table table tr th{padding:0 5px;background:0 0!important}
.grouped-table .k-grouping-header .k-group-indicator{padding:7px;background:#4b8df8;color:#fff}
.grouped-table .k-grouping-header .k-group-indicator a{color:#fff}
.grouped-table table td{padding:2px 5px;background:0 0!important}
.grouped-table table tr{background:#f7f7f7}
.grouped-table table tr:hover,.grouped-table table tr:hover td{background:inherit!important}
.grouped-table table tr.k-grouping-row{background:#ecf7f9;color:#3c7886}
.grouped-table table tr.k-grouping-row:hover{background:#c9ecf1!important}
.grouped-table table tr.k-grouping-row td{color:#3c7886}
.grouped-table table tr.k-group-footer{background:#fff}
.grouped-table table .k-reset a{background:0 0;margin:0 12px 0 0;padding:0}
.grouped-table table .k-reset a:before{content:"\f147";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:18px;color:#3c7886}
.grouped-table table .k-reset a.k-i-expand:before{content:"\f196"}
.watcher-mode{z-index:10;float:right;position:relative}
.watcher-mode:after{content:"";clear:both;display:table}
.watcher-mode a{color:#fff!important;display:block;min-width:70px;text-align:center;padding: 7px 12px;}
.watcher-mode a:focus,.watcher-mode a:hover{background-color:#3d3d3d!important;color:#fff;text-decoration:none}
.watcher-mode a i{font-size:20px;color:#fff}
.watcher-mode a.off{background:#bd1721 }
@media all and (max-width:990px){.watcher-mode,.watcher-mode a{margin:2}
}
.toggle-btn{display:block;padding:1.4px 1.4px 0 5.2px;float:right;line-height:1.7;margin:9px 0;height:20px;width:20px;color:#888!important;border-radius:100%!important;border:.5px solid #888;font-size:12px;transition:.3s ease}
.toggle-btn:focus,.toggle-btn:hover{text-decoration:none;background-color:#888;border-color:#adadad;color:#fff!important}
.reminder-close,.reminder-close i,.snooze-wrap button i{color:#fff}
.toggle-btn:before{content:"\f068";font-family:FontAwesome;font-style:normal;font-weight:100;text-decoration:inherit;font-size:10px}
.portlet-title{cursor:pointer}
.custom-gird-loader{background:url(images/loader-bar.gif);width:100%;height:100%;opacity:.3}
.dropdown-menu label.btn{width:100%;text-align:left;margin:0}
.dropdown-menu label.btn input{visibility:hidden;display:none}
input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
input[type=checkbox].css-checkbox+label.css-label{padding-left:37px;height:32px;display:inline-block;line-height:32px;background-repeat:no-repeat;background-position:0 0;font-size:32px;vertical-align:middle;cursor:pointer}
input[type=checkbox].css-checkbox:checked+label.css-label{background-position:0 -32px}
input[disabled=disabled].css-checkbox+label.css-label{opacity:.6;filter:gray;-webkit-filter:grayscale(100%)}
label.css-label{background-image:url(images/warehouse-check.png);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.greenBox input{-webkit-box-shadow:0 0 0 2px #35aa47!important;box-shadow:0 0 0 2px #35aa47!important}
.redBox input{-webkit-box-shadow:0 0 0 2px #bd1721!important;box-shadow:0 0 0 2px #bd1721!important}
.blueBox input{-webkit-box-shadow:0 0 0 2px #3598dc !important;box-shadow: 0 0 0 2px #3598dc !important;}
.jquery-notific8-container.top{top:50px!important;z-index:99999!important}
.jquery-notific8-notification{height:auto!important;max-height:none!important;padding:10px 30px 10px 10px!important}
.jquery-notific8-close-sticky{display:none!important}
.jquery-notific8-notification .buttons #PopupClose{background:#8fc800;background:-moz-linear-gradient(left,rgba(143,200,0,1) 0,rgba(143,200,0,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(143,200,0,1)),color-stop(100%,rgba(143,200,0,1)));background:-webkit-linear-gradient(left,rgba(143,200,0,1) 0,rgba(143,200,0,1) 100%);background:-o-linear-gradient(left,rgba(143,200,0,1) 0,rgba(143,200,0,1) 100%);background:-ms-linear-gradient(left,rgba(143,200,0,1) 0,rgba(143,200,0,1) 100%);background:linear-gradient(to right,rgba(143,200,0,1) 0,rgba(143,200,0,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800', GradientType=1)}
.jquery-notific8-notification .buttons #snooze{background:#ffd000;background:-moz-linear-gradient(top,rgba(255,208,0,1) 0,rgba(255,178,0,1) 100%);background:-webkit-linear-gradient(top,rgba(255,208,0,1) 0,rgba(255,178,0,1) 100%);background:linear-gradient(to bottom,rgba(255,208,0,1) 0,rgba(255,178,0,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd000', endColorstr='#ffb200', GradientType=0)}
.reminder-time{font-weight:700;font-size:26px;line-height:100%}
.reminder-title{font-size:16px;margin:10px 0 4px}
.reminder-desc{font-size:11px}
.reminder-close{background:#09c;border:0;position:absolute;top:0!important;right:0!important;width:25px!important;height:25px!important;line-height:23px}
.snooze-wrap{border:3px solid #09c;display:inline-block}
.snooze-wrap select{padding:3px;height:30px;border:0}
.snooze-wrap button{height:30px;background:#09c;border:0;padding:0 15px;color:#fff}
.snooze-wrap button:hover{background:#356792}
.absentees-list tr:first-child td{border:0}
.custom-orders-details{padding:0;border:1px solid #ddd}
.custom-orders-details .table{margin:0}
.custom-orders-details .table-scrollable{margin:-1px 0!important;border-right:0}
.custom-orders-details .table-scrollable>.table>tbody>tr>th{border-top:0}
.custom-orders-details .image-head{padding:25px 25px 5px}
.custom-orders-details .warehouse-qty{border:1px solid #ddd;white-space:nowrap;padding:6px;display:inline-block;margin:3px}
.custom-orders-details .col-xs-12.col-sm-10.col-md-9,.custom-orders-details .col-xs-12.col-sm-2.col-md-3{padding:0}
.custom-orders-details .alert{margin:25px}
.custom-orders-details .table-scrollable td{vertical-align:middle}
.custom-orders-details .table-scrollable span.badge{-webkit-border-radius:0!important;border-radius:0!important}
@media screen and (max-width:768px){.intranet-content, .sheet-content{clear:both}
.custom-orders-details .table-scrollable{margin:0!important;border-bottom:0;border-right:0;border-left:0;border-top:1px solid #ddd}
}
.paddingLR{padding-left:0!important;padding-right:0!important}
body{background:#eaebf0!important}
.page-header.navbar{background-color:#bd1721!important;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.04)!important;box-shadow:0 2px 1px 0 rgba(0,0,0,.04)!important; color:white;}
.page-content-wrapper .page-content{background:#eaebf0}
.page-sidebar .page-sidebar-menu,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu{background:#fff}
.page-sidebar .page-sidebar-menu>li>a,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{border-color:transparent!important;color:#485a6a!important}
.page-sidebar,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{/* padding:20px 0 20px 20px!important; */background:#eaebf0!important;}
.menu-toggler2, .menu-toggler2 a, .sidebar-toggler-wrapper .sidebar-toggler, .sidebar-toggler-wrapper .sidebar-toggler a{color: #333;}
.menu-toggler2 a:hover,.menu-toggler2:hover,.sidebar-toggler a:hover, .sidebar-toggler:hover{
    background-color: #ffffff;
    color: #bd1721;
    border-radius: 4px !important;
    font-weight: bold;
}

.page-sidebar .page-sidebar-menu>li.hover-active>a,
.page-sidebar .page-sidebar-menu>li.hover-active>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.hover-active>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a
{background:#fdeff0!important;color:#bd1721 !important}

.page-sidebar .page-sidebar-menu>li.open>a>i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>i{color: #bd1721!important;}

.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-],
.page-sidebar .page-sidebar-menu>li>a>i[class^=icon-],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=icon-],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=icon-]{color:#a7bdcd!important}

body .page-sidebar .page-sidebar-menu a:hover,
body .page-sidebar .page-sidebar-menu .sub-menu>li.hover-active>a,
body .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a,
body .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a{background:#fdeff0!important;color:#bd1721 !important;}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.open.click .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu{background:#f7f7f7!important;}
.page-sidebar .sidebar-search .input-group .form-control,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control{background:#fff!important;color:#d2d2d2!important;box-shadow: none !important;}
.page-sidebar .sidebar-search .input-group,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group{border-bottom:1px solid #cadbea!important}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover>i, .page-header.navbar .top-menu .navbar-nav>li.search-box-li .sidebar-search:hover>.input-group a i, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user:hover > .dropdown-toggle img {background-color: #ffffff !important;color: #bd1721;border-radius: 4px !important;font-weight: bold;}

.login{background:#eaebf0!important}
.login .logo{text-align:center}
.login .content{background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:400px;margin:40px auto 10px;padding:10px 30px 30px;overflow:visible;position:relative}
.login .password-recovery-page .content{min-height:400px}
.login .content h3{color:#32c5d2!important;text-align:center;font-size:28px;font-weight:400!important}
.login .content .form-title{margin-top:0!important}
.login .content .form-control{background-color:#dde3ec;height:43px;color:#8290a3;border:1px solid #dde3ec}
.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important;color:#FFF;background-color:#32c5d2;border-color:#32c5d2}
.login .content .forget-password,.login .form-actions a{float:right;margin-top:10px;font-size:14px;display:inline-block}
.login .language-selector{border:none!important}
.login .form-actions a{text-shadow:none;color:#337ab7}
.login .content .create-account{margin:0 -31px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}
.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}
.login .content .create-account>p{margin:0}
.login .content h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}
.login .language-selector{margin-top:30px;margin-bottom:30px;overflow:visible;padding:0}
.login .language-list{float:right;padding-top:8px}
.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}
.portlet.light.portlet-fit{padding:0}
.portlet.light.portlet-fit>.portlet-title{padding:6px 20px 4px;margin-bottom:0}
.font-red{color:#bd1721 !important}
.sbold{font-weight:400!important}
.uppercase{text-transform:uppercase!important}
.portlet.light>.portlet-title>.caption>.caption-subject{font-size:16px;color:#bd1721}
.portlet.light>.portlet-title>.caption>i{color:#bd1721!important;margin-top:0}
.table.table-light{border:0!important}
.portlet.light.portlet-fit>.portlet-body{padding:15px 20px 20px}
.tabbable-custom>.tab-content{background:0 0!important}
.green.btn{background: #32c5d2;border: 1px solid #32c5d2;transition: 0.3s ease all;}
.blue.btn{background-color: #3598dc;border: 1px solid #3598dc;}
.Textblue{color:#3598dc}
.red.btn{background-color: #bd1721;border: 1px solid #bd1721;transition: 0.3s ease all;}
.portlet.box{border:1px solid #e1e1e1!important;background:#fff!important;padding:0!important}
.portlet.box>.portlet-title{background:#fff!important;border-bottom:1px solid #eee!important;color:#bd1721!important}
.portlet.box>.portlet-title>.caption>i{color:#bd1721!important;line-height:27px;margin-top:2px!important}
.portlet.box>.portlet-title>.caption{max-height:none;color: #bd1721!important;font-weight:400!important;line-height:28px;padding:6px 0!important;}
.portlet.box>.portlet-body{padding:10px 20px 20px!important}
.portlet>.portlet-title{max-height:none;line-height:18px}
.portlet>.portlet-title>.tools>a{display:inline-block;height:27px!important;margin-left:5px;width:27px!important;padding:4px;vertical-align: top;}
.portlet-title>.btn-default{color:#666;background-color:#fff;border-color:#ccc;font-weight:700}
.nav-pills>li>a>.badge,.nav-tabs>li>a>.badge{margin-top:-3px;background:#fff;color:#bd1721;font-weight:400;border:1px solid #eaebf0;height:20px}
div.page-title{margin:-17px; padding:0 0 10px 15px;}
div.page-title h3{font-size:22px;font-weight:400;color:#697882;margin:0;padding:0;display:inline-block}
div.page-title>div{float:right}
.page-breadcrumb.breadcrumb{background:0 0!important;padding:0 0 20px!important;margin:0;color:#c5ccd5}
.page-breadcrumb.breadcrumb>li+li:before{display:none}
.tabbable-custom1.tabbable-custom.tabbable-full-width>.tab-content:after,.tabbable-custom2.tabbable-custom.tabbable-full-width>.tab-content:after{display:table;clear:both;content:""}
.breadcrumb .fa{font-size:6px;margin:0 2px 0 4px;position:relative;top:-1px}
.page-title{font-size:22px!important;font-weight:400!important;color:#697882!important}
.tabbable-custom1{margin:0}
.tabbable-custom1.tabbable-custom.tabbable-full-width>.nav{margin:0;background:rgba(255,255,255,.4)}
.tabbable-custom1.tabbable-custom>.nav-tabs>li.active{border-top:3px solid #32c5d2}
.tabbable-custom1.tabbable-custom.tabbable-full-width>.tab-content{padding:25px;background:#fff!important}
.tabbable-custom2{margin:0}
.tabbable-custom2.tabbable-custom.tabbable-full-width>.nav{margin:0;background:rgba(255,255,255,.4)}
.tabbable-custom2.tabbable-custom>.nav-tabs>li{border:0;border-bottom:3px solid transparent;height:44px}
.tabbable-custom2.tabbable-custom>.nav-tabs>li.active{background:#32c5d2;border:0;border-bottom:3px solid #2aadb9;font-weight:700;color:#fff}
.tabbable-custom2.tabbable-custom>.nav-tabs>li.active a{background:#32c5d2;color:#fff;border-color:transparent}
.tabbable-custom2.tabbable-custom>.nav-tabs>li.active>a:hover{border-color:transparent;background:inherit}
.tabbable-custom2.tabbable-custom.tabbable-full-width>.tab-content{padding:25px;background:#fff!important}
.page-bar .page-toolbar{display:inline-block;float:right;padding: 0px!important;background:#eaebf0!important;}
.portlet.box>.portlet-title>.tools>a.collapse,.portlet.box>.portlet-title>.tools>a.config,.portlet.box>.portlet-title>.tools>a.expand,.portlet.box>.portlet-title>.tools>a.reload,.portlet.box>.portlet-title>.tools>a.remove{background-repeat:no-repeat;background-position:center center}
/*.page-bar .page-toolbar .btn-fit-height{padding-top:7px!important;padding-bottom:7px!important;margin-right:2px!important;margin-left:2px!important}*/
.page-bar .page-toolbar .options .btn {padding:8px 12px;box-shadow: none;}
.page-bar .watcher-mode a{height: 36px!important;}
.portlet>.portlet-title>.tools{padding:7px 0 0!important;background-position:center center}
@media screen and (max-width:480px){.page-bar .page-breadcrumb{width:100%!important;text-align:center!important}
.page-bar .page-toolbar{display:inline-block;float:right;padding:5px 0 1px 5px!important;background:#eaebf0!important;width:100%;text-align:center}
.page-toolbar>.pull-right{float:none!important}
.watcher-mode+.btn-group{float:initial!important;margin-top:5px}
}
@media screen and (max-width:320px){.watcher-mode{z-index:10;float:left;margin-top:5px!important;position:relative;margin-left:19px}
.watcher-mode+.btn-group{float:left!important}
}
.txtnote{margin-bottom:10px!important}
.btn.btn-outline.green{border:1px solid #32c5d2!important;color:#32c5d2!important;background:0 0!important}
.btn.btn-outline.green:hover{border-color:#32c5d2!important;color:#FFF!important;background-color:#32c5d2!important;transition:.2s}
.intranet-menu-active .intranet-treeview, .sheet-menu-active .sheet-treeview{background:#fff!important;padding:15px;height:auto;overflow:visible;text-wrap:unset}
.jqx-reset .jqx-scrollbar-state-normal,.jqx-scrollbar jqx-widget jqx-widget-content jqx-rc-all{display:none!important}
.intranet-detail-comments hr,.jqx-panel-bottomright,.note-body .k-i-refresh,.note-body .k-pager-info,.note-body .k-pager-sizes{display:none}
.intranet-detail-content{background:#fff!important;padding:15px;margin:0;width:100%}
.intranet-detail-comments .article-block{background:#Fff;padding:15px}
.fm-menu{height:36px!important}
.fm-menu ul li{padding:9px 40px 10px 15px!important}
.add-link img{width:13px}
.fm-menu .add-link{width:36px!important;background-color:#2f353b!important}
fm-menu ul li a{color:#2f353b!important}
.quick-sidebar{border:1px solid #ddd;text-align:center;width:300px;position:fixed;right:0;top:0;bottom:0;z-index:9999;background:#f9f9f9;display:none;padding:0;font-family:"Open Sans"!important sans-serif}
.sidebar-clsoe-btn{font-size:14px;color:#fff;background:#bd1721 ;padding:8px;margin-right:4px!important;margin-top:2px!important;border-radius:100%;height:30px;width:30px}
.quick-sidebar [class*=" fa-"],.quick-sidebar [class*=" glyphicon-"],.quick-sidebar [class*=" icon-"],.quick-sidebar [class^=icon-],.quick-sidebar [class^=fa-],.quick-sidebar [class^=glyphicon-]{margin:2px!important}
.quick-sidebar .todo-tasklist-item{padding:5px 10px}
.quick-sidebar .todo-tasklist-item-text{padding:0}
.sidebarBtn{background:#45b6af;color:#fff;padding:8px;border-radius:100%;margin-top:8px!important;height:30px!important;width:30px!important}
.note-title{font-size:14px;color:#333;font-weight:400;text-align:left}
.note-title+select{border:none;background:#fff;margin:10px auto;width:100%}
.quick-sidebar-heading{font-size:24px;line-height:36px;font-weight:600;letter-spacing:2px}
.quick-sidebar-header{background:#fff;padding:16px 3px;border-bottom:2px solid #bd1721}
.note-body .k-block,.note-body .k-draghandle,.note-body .k-grid td,.note-body .k-inline-block,.note-body .k-widget{border:none!important}
.note-body{margin:10px!important}
.todo-project-list{max-height:333px;overflow-y:auto}
.todo-project-list::-webkit-scrollbar{width:6px!important}
.note-body .k-grid td{padding:5px 10px}
.note-body .k-pager-refresh.k-link{display:none!important}
.note-body .k-pager-wrap{text-align:center;display:table;width:auto;min-width:0;margin:auto}
.feeds.scroller.table-class{height:90%}
.note-body>.k-pager-info{float:left;width:100%}
.note-body>.k-grid .k-grouping-header,.note-body>.k-grid-header,.note-body>.k-grid-header-wrap,.note-body>.k-grouping-header .k-group-indicator,.note-body>.k-header,.note-body>.k-pager-wrap,.note-body>.k-pager-wrap .k-link,.note-body>.k-pager-wrap .k-textbox{display:none}
.note-body>.feeds.scroller.table-class{width:100%!important;border-bottom:1px solid}
.note-body .title{font-size:16px!important;color:#222!important;line-height:4px}
.note-body .k-alt{background:#fff}
.note-body tr:hover td{background-color:transparent!important}
.notes-treeview{background:#fff!important;width:20%!important;padding:15px;margin-left:12px;margin-right:8px;height:auto;overflow:visible;text-wrap:unset}
.note-page-portlet .k-grid td{border:none!important}
.well .text-box{height:38px!important}
.todo-content,.todo-task-history>li>.todo-task-history-desc{overflow:hidden}
.todo-sidebar{float:left;width:230px;margin-right:20px}
.todo-tasklist-item-border-green{border-left:#3faba4 2px solid}
.todo-tasklist-item-border-blue{border-left:#4c87b9 2px solid}
.todo-tasklist-item-border-purple{border-left:#8877a9 2px solid}
.todo-tasklist-item-border-red{border-left:#d05454 2px solid}
.todo-tasklist-item-border-yellow{border-left:#d4ad38 2px solid}
.padding-top-10px{padding-top:15px}
.todo-userpic{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important;border:1px solid #cedae1}
.todo-text-color{color:#45535b}
.todo-projects-config{padding:6px 9px 3px!important}
.todo-projects-config>i{font-size:14px!important}
.todo-tasklist{padding:0}
.todo-project-list ul li a{font-size:14px!important;padding:3px 7px}
.todo-project-list .nav li a .badge{float:right;margin-top:1px!important;border-radius:100%!important;height:22px;width:22px;text-align:center;vertical-align:middle;padding:5px 0 0}
.todo-project-list .nav>li.active>a{color:#3f444a;background-color:#f1f4f7!important}
.todo-task-history{padding:0;margin:0}
.todo-task-history>li{padding:5px 0}
.todo-task-history>li>.todo-task-history-date{font-size:12px;float:right;width:150px;margin-left:10px;text-align:right;color:#999}
.todo-tasklist-item{background:#f6fbfc;padding:0;margin-bottom:15px;overflow:hidden}
.todo-tasklist-item:last-child{margin-bottom:0}
div .todo-tasklist-item:hover{cursor:pointer;background-color:#edf7f9}
.todo-tasklist-item img{margin:0 10px 10px 0}
.todo-tasklist-item-title{font-size:15px;color:#2b4a5c;font-weight:600;padding-top:0;padding-bottom:0;margin:auto;line-height:normal}
.todo-tasklist-item-text{font-size:13px;color:#577688;padding-bottom:5px}
.todo-tasklist-item ul{margin:5px 0 0}
.todo-tasklist-item li{color:#577688;font-size:13px;margin-right:10px;margin-bottom:5px;padding:0!important}
.todo-tasklist-item li i{color:#b3bfcb;font-size:15px}
.todo-tasklist-date{color:#a8becc!important;font-size:11px;margin-right:12px}
.todo-tasklist-date i{color:#abbfca!important;margin-right:5px;font-size:11px;padding-right:5px}
.todo-taskbody-tasktitle{font-size:18px;color:#778d96}
.todo-taskbody-taskdesc{font-size:14px;color:#778d96}
.todo-username{font-size:16px;color:#2b4a5c;font-weight:600;padding:15px 0 0 15px}
.todo-comment-head{padding-top:3px}
.todo-comment{position:relative}
.todo-comment:hover>.todo-comment-btn{display:block}
.todo-comment-btn{display:none;position:absolute;top:1px;right:0;font-size:12px;color:#566e7c;border-color:#a2aeb5}
.todo-comment-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}
.todo-comment-username{font-size:14px;color:#2b4a5c;font-weight:600}
.todo-comment-date{font-size:12px;color:#2b4a5c;font-weight:400}
.form .form-actions.todo-form-actions{padding-top:10px;border:0;margin:0 0 20px}
@media (max-width:991px){.todo-sidebar>.portlet{margin-bottom:20px}
.todo-sidebar>.portlet .portlet-title .tools{margin-left:5px}
}
.todo-tasklist-devider{display:none}
@media (max-width:767px){.todo-tasklist-devider{display:block;height:20px;margin:20px -10px;background:#F1F3FA}
.todo-task-history>li{padding:9px 0}
.todo-task-history>li>.todo-task-history-date{width:100px;font-size:11px}
}
.todo-username-btn{margin:14px 0 0 15px!important;color:#566e7c!important;border-color:#a2aeb5!important}
.todo-username-btn:hover{color:#fff!important;background-color:#a1b6c2!important;border-color:#a1b6c2!important}
.Notes-List .k-grid td{border-bottom:10px solid #fff!important;border-top:none!important;border-left:none!important;border-right:none!important;padding:0!important}
.Notes-List .k-alt{background-color:#f6fbfc!important}
.Notes-List .k-widget{border:none!important}
.Notes-List.portlet.box.blue>.portlet-body{padding:1px!important}
.Notes-List tr:hover td{background:0 0!important}
.Notes-List .todo-tasklist{padding:5px!important}
.Notes-List .todo-tasklist-item{width:100%!important}
.nav-stacked li{margin-bottom:6px}
.Notes-List .k-i-refresh,.Notes-List .k-pager-info,.Notes-List .k-pager-sizes{display:none}
.Notes-List .k-pager-refresh.k-link{display:none!important}
.Notes-List .k-pager-wrap{text-align:center;display:table;width:auto;min-width:0;margin:auto}
.Notes-List .feeds{padding:4px 8px!important;overflow:auto}
.Notes-List .feeds table{table-layout:fixed}
.Notes-List .todo-tasklist-controls{line-height:0}
.nav-stacked h6{font-size:10px;margin-top:3px;margin-bottom:0}
.todo-sidebar .portlet.light{padding:12px 20px 0}
.add-new-categori{border-radius:20px!important}
.add-new-categori:hover{background:#fff!important;border:1px solid #32c5d2!important;color:#32c5d2!important;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);-moz-transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-moz-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}
.dropdown-menu li{position:relative}
.for-emp li ul{position:absolute;right:100%;top: 0px;min-width:200px;display:none;background:#fff;padding:0;}
.dropdown-menu li:hover ul{/*display:block*/}
.dropdown-menu li ul li{list-style:none;border-bottom: 1px solid #eee;}
.find-now-btn{border-radius:20px!important;background:#3598dc}
.find-now-btn:hover{background:#fff!important;border:1px solid #3598dc!important;color:#3598dc!important;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);-moz-transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-moz-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}
.lead-portlet .task-title-sp i{/* font-style:normal; *//* font-size:14px; *//* color:#777; */}
.lead-portlet .task-title-sp b{display:block;width:40%;font-size: 16px;text-transform:capitalize;color: #333!important;float:left;}
.lead-portlet .task-title-sp{display:block;padding: 10px;width:100%;color: #333;background: #eee;}
.lead-portlet .task-title-sp a{/* margin-left:10px!important */}
.lead-portlet .task-title .details{/* float:left; */display: table-cell;font-style:normal;font-size:14px;color: #333;background: #fff;/* padding: 10px 15px; */position:relative;width: 100%;vertical-align: top;}
.lead-portlet td+td{text-align:center!important;padding:10px 10px 5px}
.lead-portlet .k-grid table tbody a i{/* background:#45b6af; *//* width:35px; *//* height:35px; *//* line-height:35px; *//* border-radius:100%; *//* text-align:center; */}
.lead-portlet .k-grid table tbody a i.fa-trash{background:#f37272}
.lead-portlet .k-grid table tbody a{/* background:0 0!important; *//* border:none; *//* padding:0; */}
.lead-portlet .task-user .fa.fa-eye,.lead-portlet .task-user .fa.fa-phone-square{border-radius:100%;color:#FFF!important;font-size:29px;width:60px;height:60px;text-align:center;position:relative;z-index:2}
.lead-portlet .task-user .fa.fa-eye{background:#32c5d2!important;line-height:54px;border:3px solid #f5f6fa}
.lead-portlet .task-user .fa.fa-phone-square{background:#bd1721!important;line-height:55px;border:3px solid #f5f6fa}
.lead-portlet .task-user .fa.fa-thumb-tack{background:#3598dc!important;color:#FFF!important;font-size:29px;border-radius:100%;width:60px;height:60px;text-align:center;line-height:56px;position:relative;z-index:2;border:3px solid #f5f6fa}
.lead-portlet .task-user{margin-bottom:5px;padding-right: 20px;}
.editcall label{color:#333;font-weight:600}
.editcall .form-control:focus{border-color:rgba(50,197,210,.27)!important}
.lead-portlets-tabs .tabbable-custom{margin-bottom:0!important}
.lead-portlets-tabs .tab-content{padding:15px 0 0!important}
.lead-portlet .task-comment{margin-left:0!important;position:relative;top:3px;float:left;width:80%;text-align:left;color:#95A5A6}
.portlet.calendar .fc-button{color:#32c5d2!important;font-weight:600;padding:5px 8px 31px!important}
.portlet.calendar .fc-button.fc-state-active,.portlet.calendar .fc-button.fc-state-hover{border-bottom:2px solid #45b6af!important}
#calendar tr:hover td{background:0 0!important}
#calendar tr td tr td:hover{background:#f9f9f9!important}
#calendar tr td tr .fc-state-highlight,.fc-unthemed .fc-today{background:#fcf8e3!important}
.calendar-page .k-grid td,.calendar-page .table-scrollable{overflow:hidden!important}
.lead-portlet .task-title .details:after{content:"";position:absolute;top: 10px;left:-14px;width:0;height:0;border-style:solid;border-width:14px 14px 14px 0;border-color: transparent #eee transparent transparent;}
#customOrder-edit .customOrder-stats th{text-align:left!important}
.page-sidebar-menu>li>a>i{color: #a7bdcd;}
.portlet.calendar .external-events-listing{margin-top:10px}
.portlet.calendar .external-events-listing .fc-event.event-item{max-width:100%;padding:5px 5px 5px 40px;margin:6px 4px 6px 0;background-color:#f9f9f9;background-image:url(admin/layout/img/sidebar_toggler_icon_default.png);color:#333;background-repeat:no-repeat;background-position:10px center;font-size:13px;cursor:move;box-shadow:2px 2px 0 0 rgba(0,0,0,.05)}
.portlet.calendar .external-events-listing .fc-event.event-item .info{margin-top:3px}
.portlet.calendar .external-events-listing .fc-event.event-item .label{display:inline-block;margin:2px;font-weight:400;font-size:11px}
.external-events-listing .fc-event.event-item:after{content:"";display:table;clear:both}
.portlet.calendar .external-events .identifiers{padding-top:10px}
.portlet.calendar .external-events .identifiers label{width:100%;display:block;font-size:12px}
.portlet.calendar .external-events .identifiers label .label{width:12px;height:12px;display:inline-block;margin:0 2px}
.calendar-sidebar select{width:80%}
.calendar-sidebar #btnSearch{border:1px solid;height:34px;margin:0 0 5px 3px}
.calendar-sidebar .identifiers label{line-height:25px;border-bottom:1px solid #eee}
.filedetail-menu li span{margin-right:5px}
.filedetail-menu li{clear:both;width:100%}
.todo-project-list ul li a:active{background:#eee}
.terms-temp{width:100%;overflow:auto;border:1px solid #999;padding:10px;height:210px;background:#f9f9f9;font-size:90%}
.terms-temp h3{margin:0;font-size:15px;font-weight:400}
#comment-wrap{background:#fff!important;border:none}
.portlet-body .slimScrollBar{margin-right:0;width:10px!important;background:#cecece!important;opacity:1!important}
.slimScrollRail{width: 2px!important;background: #bd1721!important;opacity:1!important;display:block!important;}
/*.form textarea{background:#e0f0ff!important;border:1px solid #CDE0F2!important}*/
.employee-conversation h4.media-heading span{font-weight:400;color:#a8b2b7!important;font-size:12px;margin-left:5px;float:right}
.employee-conversation hr{display:none}
.employee-conversation .media.comment-grid{padding:0 10px!important;margin:0;border-top:none;background:#fafafa}
.employee-conversation .media.comment-grid:nth-child(even){background:#fafafa;border:none;margin:5px 0}
.margin-top-5,.task-date{margin-top:5px}
.task-list{list-style:none;padding-left:0}
.task-list li{background:#f9f9f9;padding:10px 0;clear:both;border-top:1px solid #dadada}
.task-list li:nth-child(even){background:#fff}
.task-Description{float:left;width:90%;margin-left:15px;padding-bottom:5px}
.task-bell{float:left;display:inline-block;width:44px;margin-left:15px}
.task-list i{background:#45b6af;border-radius:100%;height:40px;width:40px!important;color:#fff;text-align:center!important;vertical-align:middle;padding-top:13px;margin-right:15px;font-size:18px}
.task-Description:after{clear:both!important}
.task-title-sp{float:left;width:100%;display:block;font-weight:400;font-size:12px}
.task-date{float:left!important;padding:0!important}
.admin-dashboard .table-advance thead tr th{background-color:#eee;color:#222}
.admin-dashboard .scroller-footer{margin-top:0!important}
.meetingTable th{background:#eee;color:#222;border-bottom:1px solid #ddd!important;font-weight:500!important}
.absence-title{background:#fff;padding:5px;font-size:14px;margin:15px 0 10px;width:100%;border:none;text-align:left;text-transform:uppercase;color:#45b6af;font-weight:700;border-bottom:1px solid #eee}
.admin-dashboard .table-scrollable thead th i{margin-right:5px}
@media screen and (max-width:1000px){.task-list i{height:30px;width:30px!important;padding-top:9px;margin-right:0;font-size:12px}
.recent-comment .details{width:80%}
.task-Description{width:60%}
.task-bell{width:25px}
}
.lead-portlet .task-title .details .lead-date{font-style:normal;font-size:14px;color:#94A4A6;line-height: 30px;/* float: right; */padding-left: 10px;}
.lead-portlet .task-title .details .task-button-wrapper {float: right;white-space: nowrap;}
.lead-portlet table:after{content:"";position:absolute;width:2px;background:#f5f6fa;top:30px;bottom:60px;left:37px;z-index:1}
.table-scrollable .request-form tr:nth-child(2n+1){background:#f9f9f9}
.lead-portlet .task-title .details1{max-width:870px;padding-top:3px}
.lead-portlet .task-title .details1 b{max-width:870px;padding-top:3px;width:100%;font-size:15px;text-transform:capitalize;color:#555}
.lead-portlet .task-title .details1 i{max-width:870px;padding-top:3px;display:block;font-style:normal;font-size:14px;color:#777}
.lead-portlet .task-comment1{border: 1px solid #eee;border-top: 0;padding: 10px;margin: 0;width:100%;display: block;}
.k-grid-notify{padding:6px 2px 6px 6px;z-index:99;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.k-grid-notify.gray{border:3px solid #bfcad1}
#SearchOrderNumber,#SearchProductName{/* width:70% */}
#StartDate{width:100%!important}
.search-settings{display:block;padding:0;float:left;margin-left:3px}
.search-settings-wrapper{display:table;margin:0 auto;text-align:left;width:810px;padding:3px 10px 3px 30px}
.hidediv{opacity:1;display:block!important;min-height:800px!important}
.hidediv.collapse.in{opacity:0;transition:.3s}
.table-scrollable .request-form tr{border-bottom:1px solid #DDD!important}
.table-scrollable .request-form td{padding:8px!important;border-top:none;border-bottom:1px solid #ddd}
.table-scrollable .request-form .table-parent{background:#f0f0f0!important}
.table-scrollable .request-form .whitelabel{cursor:pointer;position:absolute;width:15px;height:15px;border-radius:4px;-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:#fff;border:1px solid #ccc;box-shadow:none}
.table-scrollable .request-form .whitelabel:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;width:9px;height:5px;background:0 0;top:22%;left:21%;border:3px solid #787878;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.table-scrollable .request-form .whitelabel:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.5}
.table-scrollable .request-form .whiteinput[type=checkbox]:checked+.whitelabel:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.portlet-title .search-settings-wrapper ul{list-style:none;padding-top:0;width:auto;margin-bottom:0;padding-left:15px}
.portlet-title .search-settings-wrapper ul ul{list-style:none;padding:0}
.portlet-title .search-settings-wrapper ul>ul{width:100px}
.portlet-title .search-settings-wrapper ul>li{line-height:24px;padding:8px;width:100%}
.portlet-title .search-settings-wrapper{margin:0;display:block;padding:0;width:auto;text-align:right;float:left}
.portlet-title .search-settings-wrapper .dropdown-toggle{color:#555;letter-spacing:1px}
.portlet-title .search-settings-wrapper ul li li{padding:0}
.close-modal-header{padding:0 15px!important}
#WidgetContact .col-md-12,#WidgetContact li{padding:0}
.close-modal-title h3{font-weight:500!important;color:#222!important}
.description-External-txt .mce-flow-layout{text-align:right}
#WidgetContact ul{padding-left:0!important;list-style:none}
#WidgetContact li a{color:#222;text-decoration:underline;margin-left:16px}
#WidgetContact li i{margin-right:10px;font-size:13px;margin-bottom:5px;color:#bd1721 ;background:#fdeff0;height:30px;width:30px;text-align:center;padding:8px 3px;border-radius:100%}
.infobuttonUnplanned,.sortable-handle{background-repeat:no-repeat}
#WidgetContact li span{margin-left:10px}
#WidgetContact ul h4{color:#359c95;font-weight:500}
#assemblyOrder-gird .k-hierarchy-cell .k-icon,#greenorderplanning-grid .k-hierarchy-cell .k-icon,.greenLotList-table .k-hierarchy-cell .k-icon, #PriceListcompany-grid .k-hierarchy-cell .k-icon, #PriceListProductCompanyTierPrices-grid .k-hierarchy-cell .k-icon{font-size:0;height:30px;background-image:url(images/file.png);width:30px;background-size:18px;padding:0;display:block;background-position:center center;background-color:#45b6af!important;opacity: 1;background-repeat: no-repeat;}
.widget-drag.close-table tr{display:none}
.widget-drag.close-table tr.notdrops{display:table-row}
.widget-drag tr.notdrops th:before{content:"-";display:inline-block;width:22px;height:22px;text-align:center;border:1px solid #cacaca;margin:0 10px 0 0;cursor:pointer}
.widget-drag.close-table tr.notdrops th:before{content:"+"}
.form-horizontal .k-autocomplete{width:100%!important;display:block;/* border:none; */padding:0;margin:0;}
.widget-drag .selected-table-row .input-label{background-position:20px 20px}
.sortable-handle{height:20px;width:20px;background-image:url(images/move.png);background-position:center;background-size:60%;cursor:move}
.ui-sortable-helper{max-width:300px!important;display:block!important}
.ui-sortable-helper td{display:none}
.ui-sortable-helper td:nth-child(-n+5){display:inline-block;padding:5px}
.ui-sortable-helper td:nth-child(3){display:none}
.page-sidebar .page-sidebar-menu>li .sub-menu{background-color: #fffafa!important;}
.infobuttoPlanned,.infobuttonUnplanned{font-size:0;background-image:url(images/file.png)!important;width:30px!important;height:30px!important;background-size:18px;padding:0;display:block;background-position:center center!important;background-color:#45B6B0!important;cursor:pointer}
.plannedDatacheck td{vertical-align:middle!important}
#plannedfooterdetail-grid,#unplanedfooterdetail-grid{margin-bottom:0!important;overflow:visible!important}
.PlannedFooterDetail-close{position:absolute;top:-22px;z-index:999;background:#d94a38;color:#FFF;border:none;padding:10px;right:0}
#greenlotfooterdetailTable td,#greenlotfooterdetailTable tr{background:#fff!important}
.page-content .footerdetail{height:170px;overflow:auto!important;margin-bottom:0!important}
.portlet-loading{position:relative}
.portlet-loading:after{content:"";position:absolute;display:block!important;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.6);background-image:url(img/loading-spinner-grey.gif);background-repeat:no-repeat;background-position:center center}
.greenteam-box-title{background:#fff;height:auto;padding:0;border-bottom:1px solid #ddd}
.greenteam-box-title .caption{font-size:18px;color:#bd1721;float:left;padding:10px 15px}
.greenteam-box-title .tools{float:right;padding-right:15px}
.greenteam-box-title .tools a{display:inline-block;margin-left:20px;text-decoration:none}
.greenteam-box-title .tools i{color:#45b6af;font-size:26px;line-height:19px;padding-top:10px;position:relative;top:3px}
.greenteam-box-title .tools B{color:#45b6af;font-size:15px;display:block;padding-bottom:10px;padding-top:10px}
.greenteam-box-title .tools B.active{border-bottom:1px solid}
.AerportGreenPlannings-tables{overflow:auto}
.todo-wrapper .todo-tasklist-item-text,.todo-wrapper .todo-tasklist-item-title,.trimed .k-grid tbody tr td:nth-child(3){text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.AerportGreenPlannings-tables table{width:100%;background:#fff}
.AerportGreenPlannings-tables table th{padding:10px;border-bottom:3px solid #ddd;color:#999;font-weight:600}
.AerportGreenPlannings-tables .ag-table-col{display:table-cell;background:0 0;padding:0 20px 0 0}
.AerportGreenPlannings-tables .ag-table-col .table-col-white{background:#fff;min-height:600px;min-width:250px}
.AerportGreenPlannings-tables table .data-separator{border-bottom:2px solid #ddd;margin:5px}
.AerportGreen-date{display:table;background:#fff;margin:10px 0;padding:10px 15px}
.AerportGreen-date span{font-size:16px;font-weight:600;color:#888}
.AerportGreenPlannings-tables table tr td .simple-data{padding:5px 10px;font-weight:600;color:#333;margin:5px 0}
.AerportGreenPlannings-tables table tr td .num-data{text-align:center;padding:5px 0;margin:5px 0}
.AerportGreenPlannings-tables table tr td .num-data.data-red{background:#fa3a3a;color:#fff;margin:5px 0}
.AerportGreenPlannings-tables table tr td .num-data.data-seaGreen{background:#45b6af;color:#fff}
.num-data.data-seaGreen,reen{background:#45b6af;color:#fff}
.AerportGreenPlannings-tables table tr td .num-data.data-green,s table tr td .num-data.data-green{background:#0fd582;color:#fff;margin:5px 0}
green{background:green;color:#fff;margin:5px 0}
.row-info{padding:25px 0; position:relative;}
.row-info .form-group{margin:0}
.trimed .k-grid tbody tr td:nth-child(3){max-width:10px}
.tableformgroup{margin-bottom:0!important}
.tableformgroup .col-md-3{padding:0!important}
.tableformgroup .col-md-3 .col-md-2,.tableformgroup .col-md-3 .col-md-4{border:1px solid #e5e5e5!important;padding:5px 8px!important}
.tableformgroup .col-md-3 .col-md-4{text-align:center!important;line-height:17px!important}
.tableformgroup .col-md-7{padding:0!important;margin:1px 0!important;width:57.33333333%!important}
.tableformgroup .col-md-7 input{padding:4px 8px!important;line-height:1.4!important}
.brighttheme-info{background-color:#3598DC;color:#FFF}
.brighttheme-notice{background-color:#fff8c5;color:#777038}
.brighttheme-success{background-color:#26C281;color:#FFF}
.brighttheme-error{background-color: #C84D4D;color: #FFF;}
.pnotify-text.brighttheme-text {overflow: hidden;word-break: break-all;}
.brighttheme-success .brighttheme-title, .brighttheme-info .brighttheme-title {margin: 0;}
.pnotify.brighttheme-elem {right: 50% !important;transform: translateX(50%);}
.ui-pnotify .ui-pnotify-title{font-size:15px;font-weight:700;margin:0;color:inherit}
.ui-pnotify .ui-pnotify-text{font-size:13px;font-weight:400}
.pnotify-container.pnotify-shadow {width: 100% !important;padding: 10px;border-radius: 5px !important;}
.notes-search{width:100%;position:relative;margin:0 0 20px}
.notes-search:after{content:"\f002";font-family:FontAwesome;position:absolute;top:12px;left:18px;font-size:24px;color:#999}
.notes-search .notes-search-input{width:100%;padding:16px 16px 16px 60px;font-size:18px}
.todo-wrapper{margin-right:60px;padding:10px}
.todo-wrapper .todo-tasklist-item-title{max-width:300px}
.delete-note{padding:0 20px;width:60px;height:64px;background:rgba(129,217,234,.35);margin-left:-100%;position:absolute;right:0;top:0;color:#79a4ad}
.delete-note i{line-height:64px}
.notes-overview{background:#dce8ea;margin:0 -10px -10px;padding:10px;display:none}
.todo-tasklist-item{position:relative;transition:all linear .3s}
.editorActive .todo-tasklist-item.activeNote{position:relative;overflow:visible}
.editorActive .todo-tasklist-item.activeNote:after{content:" ";left:100%;top:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent transparent transparent #cdf0f6;border-width:10px;margin-top:-10px}
.todo-tasklist.editorActive{width:50%;float:left;min-height:440px}
.todo-notes-editor{width:50%;float:left;padding:0 10px 0 30px;position:absolute;right:0}
.todo-notes-editor .todo-form-actions{padding-bottom:0!important;margin-bottom:0!important}
@media (max-width:1000px){.todo-tasklist.editorActive{width:100%}
.todo-notes-editor{width:100%;padding:0 15px}
.editorActive .todo-tasklist-item.activeNote{margin-bottom:480px}
}
.notes-category-list{max-height:50000px;overflow: visible !important;}
.notes-category-list .nav li{border-bottom:1px solid #eee;margin:0;position: a;}
.notes-category-list .nav>li>a{padding:8px 0;color:#333;margin-right:14px;background:#fff!important}
.notes-category-list .nav li.active-cat>a{background:0 0;color:#bd1721;font-weight:700}
.notes-category-list .nav li a:hover,.notes-category-list .nav li:hover a:hover{background:0 0;color:#bd1721}
.notes-category-list .nav li .option{width:14px;position:absolute;right:0;top:0;height:36px;cursor:pointer}
.notes-category-list .nav li .option:hover *,.notes-category-list .nav li .option:hover i:after,.notes-category-list .nav li .option:hover i:before{background:#aaa}
.notes-category-list .nav li.open>a{color:#bd1721}
.notes-category-list .nav li.open i,.notes-category-list .nav li.open i:after,.notes-category-list .nav li.open i:before{background:#444}
.notes-category-list .nav li .dropdown-menu{min-width:80px;width: auto;left: 90%;/* left:initial; */top:90%;}
.notes-category-list .nav li .dropdown-menu a{background:#f6fbfc;text-transform:uppercase;font-size:11px!important;cursor:pointer;}
.notes-category-list .nav li i,.notes-category-list .nav li i:after,.notes-category-list .nav li i:before{position:absolute;display:block;right:0;border-radius:50%;background:#ccc;width:4px;height:4px}
.notes-category-list .nav li i{top:50%;margin-top:-2px;transform:scale(.8);-webkit-transform:scale(.8)}
.notes-category-list .nav li i:after{content:"";bottom:-8px}
.notes-category-list .nav li i:before{content:"";top:-8px}
.notes-footer-info{padding:15px 0 0;margin-top:15px;border-top:1px solid #efefef}
.notes-footer-info button{margin:0 0 5px}
.notes-footer-info .paging-info{text-align:right;padding:8px 0 0;color:#aaa;font-size:14px}
input.saveforcastweek{display:inline-block;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;text-shadow:none!important;font-size:13px;font-weight:300;font-family:"Open Sans",sans-serif;background-color:#45b6af;border-radius:0!important;border:0;width:60px;height:25px}
@media screen and (min-width:1600px){.col-xlg-6{float:left;width:50%!important}
}
.newpricingdetail .footerdetail{height:250px!important;width:90%;margin:auto!important;border:2px solid #ddd;background:#fff}
.newpricingdetail .PlannedFooterDetail-close{right:5%;top:-34px}
.yellowBorder{border:3px solid #fbed4a}
.redBorder{border:3px solid #fb4a4a}
.blueBorder{border:3px solid #4a80fb}
.excel-style .k-grid-header .k-header{background-color:#dedede!important;color:#353c46;text-transform:capitalize;font-size:12px;text-shadow:0 0 5px #e9f3ff;padding:5px 7px!important;border-color:#d2d1d1}
.excel-style .grouped-table table td{background:#fff!important;border:1px solid rgba(223,227,232,.7);color:#666}
.excel-style .k-grid-header .k-header>.k-link{word-break:break-all;white-space:normal}
.excel-style .k-grid-content{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}
.widget-thumb .widget-thumb-body,.widget-thumb .widget-thumb-wrap{overflow:hidden}
.excel-style div.k-grid-header,div.k-grid-footer{width:1600px!important;padding:0!important}
.ReporterName{font-size:14px;line-height: 28px;font-weight:600;color:#45b6af;}
#leadTimeline-grid td{background:#fff!important;border:none}
#leadTimeline-grid{border:none}
#leadTimeline-grid .k-grid-header {display:none;}
.lead-portlet .task-user .fa.fa-envelope{background:#8e44ad!important;color:#FFF!important;font-size:22px;border-radius:100%;width:60px;height:60px;text-align:center;line-height:56px;position:relative;z-index:2;border:3px solid #f5f6fa}
.task-titl1e-sp b{display:block;width:40%;font-size:16px;text-transform:capitalize;color:#578ebe!important;float:left}
.RespondTime{color:#666;margin-left:20px;display:inline-block;font-weight:100;font-size:12px}
.taskExtraInfo{display:inline-block;background:#e7e9f1;padding:5px 10px;border:1px solid #ddd;/* margin-bottom:5px */}
.taskExtraInfo-wrapper{/* margin-top:70px; */display:block;border: 1px solid #eee;border-top: 0;padding: 10px;}
.Calendarlable{position:absolute;right:20px;top:50px;font-size:16px;text-transform:capitalize}
.TicketdetailsFooter{color:#777;line-height:47px;background:#f9f9f9;margin:0!important;border-top:1px solid #ddd}
.TicketdetailsFooter .control-label{font-weight:600}
.CompanyProductService-Edit .control-label{font-weight:600;white-space:normal;word-wrap:break-word}
.TicketListGrid .k-grid td{position:relative!important}
.greenBorder{border:3px solid #7cd75d}
i.material-icons.md-48{font-size:20px!important;position:relative;top:4px;max-width: 20px;direction: rtl;}
.widget-bg-color-white{background:#fff}
.widget-thumb{padding:20px;border-radius:4px}
.widget-thumb.bordered{border:1px solid #e7ecf1}
.widget-thumb .widget-thumb-heading{font-size:14px;font-weight:700;color:#8e9daa;margin:0 0 20px;height:14px}
.bg-green2{background:#32c5d2!important}
.widget-thumb .widget-thumb-wrap .widget-thumb-icon{float:left;width:60px;height:60px;display:inline-block;font-size:20px;line-height:41px;color:#fff;text-align:center;padding:10px;margin-right:15px}
.widget-thumb .widget-thumb-body .widget-thumb-subtitle{padding-top:2px;display:block;font-size:14px;font-weight:600;color:#8e9daa}
.widget-thumb .widget-thumb-body .widget-thumb-body-stat{display:block;font-size:30px;font-weight:600;color:#3e4f5e}
.DashboardActivities td{border:none!important;background:#fff!important;padding:3px 0!important}
.DashboardActivities .k-widget{border:none}
.DashboardActivities .avatar{border-radius:0!important;width:25px;height:25px}
.DashboardActivities .task-title{background:#fafafa;padding:0 5px}
.DashboardAbsence .fa-bell-o{border-radius:0;height:30px;width:30px!important;font-size:14px;line-height:30px;padding:0;margin-right:0;margin-top:0;position:relative;top:5px;background:#bd1721}
.DashboardAbsence td,.DashboardAbsence td:hover{background:#fff!important}
.DashboardAbsence td{border:none!important;padding:3px 0!important}
.DashboardAbsence li.absence-title{background:#fff!important;padding:5px;margin-bottom:5px;border-bottom:1px solid #eee}
.DashboardAbsence .task-list li:nth-child(even),.DashboardAbsence li{background:#fafafa!important}
.DashboardAbsence .task-bell{margin-right:0;margin-left:0}
.DashboardAbsence li{padding:0 5px;border:none;margin:5px 0}
.DashboardAbsence .task-list li.absence-title:nth-child(even){background:#fff!important;padding:5px;margin-bottom:5px;border-bottom:1px solid #eee}
.DashboardAbsence .task-Description{margin-left:0}
.DashboardAbsence .task-title-sp{font-size:13px;width:101%;color:#82949a;margin-top:5px!important}
.DashboardAbsence .task-date{font-size:11px;display:block;margin-right:5px;margin-top:3px;color:#a8b2b7!important}
.DashboardAbsence .task-days{position:relative;top:0;font-size:12px;color:#a8b2b7!important}
.comment-grid .k-grid-header .k-header:first-child,.recent-comment .k-grid tbody td:first-child,.recent-comment .k-grid tfoot td:first-child{background:#fff!important;}
#recentcomment-grid{border:none}
.recent-activity.comment-grid{background: #fff;display: table;width: 100%;}
.btn-arrow-link a{color:#bd1721}
.btn-arrow-link a:hover{color:#a94442}
.employee-conversation h4.media-heading{color:#82949a!important;margin-top:2px;margin-bottom:2px!important}
.employee-conversation p{border:none!important;color:#617075}
#Comment_Comment{border-color:#f0f0f0}
#greenprmproductionunplan-grid .table-scrollable{margin:0!important;padding:0!important}
.orange{background:orange}
#greenprmproductionunplan-grid #buttonAddCancil label{font-size:11px}
#greenprmproductionunplan-grid tr:first-child td{padding:0!important}
#greenprmproductionunplan-grid .widget-drag tr.notdrops th:before{content:"-";display:inline-block;width:15px;height:15px;text-align:center;border:1px solid #cacaca;margin:0 5px 0 0;cursor:pointer;line-height:10px}
#greenorderplanning-grid .k-edit{background:#32d2c3!important;color:#fff}
.mega-dropdown.Custom-Menu:before{content:"";position:absolute;border-width:22px;border-color:transparent;border-style:solid;bottom:0;left:50%;top:70%;transform:translateX(-31%);width:860px;display:none}
.mega-dropdown.Custom-Menu:hover:before{display:block}
.inside{margin-left:30px;margin-bottom:5px;margin-top:5px;position:relative}
.Show_Hide{padding:5px 15px;background-color:#fff;position:relative;font-weight:600;font-size:16px;border-bottom:1px solid #f2f2f2;color:#32c5d2!important}
.down{transform:rotate(180deg)}
.megamenuBtns{text-align:right;margin-bottom:10px}
.megamenuBtns+.fixclear ul{box-shadow:0 0 3px #ddd;margin-bottom:10px;border-radius:5px!important;background:#fff;position:relative}
.megamenuBtns+.fixclear ul li a{transition:.3s;border-left:3px solid #bdbdbd;background:#fff;padding:8px 14px;color:#555;text-decoration:none;display:block;clear:both;font-weight:300;line-height:18px;white-space:nowrap}
.megamenuBtns+.fixclear ul li a:hover{background:#f9f9f9;border-left:3px solid #32c5d2}
.megamenuBtns+.fixclear li .hid_btn a{padding:5px 0 0;height:30px;width:30px;line-height:30px}
.megamenuBtns+.fixclear li .hid_btn{height:30px;right:0;display:block;float:right;width:30px;position:absolute;left:100%}
.megamenuBtns+.fixclear ul li a.btn{width:30px;height:30px;border:none;background:#32c5d2;color:#fff;right:15px;text-align:center;padding:0;line-height:30px;padding-top:6px!important;padding-left:7px!important}
.hid_btn,.innerEdit{position:absolute;right:0}
.fixclear>li:nth-child(4n+5){clear:both}
.leftText,.leftText td,.leftText th{text-align:left}
.hid_btn{top:0;left:35%;bottom:0;z-index:9999}
.idicator:after,.innerEdit{top:50%;transform:translateY(-50%)}
.Show_Hide:hover+.hid_btn,.hid_btn:hover,.inside:hover>a:last-Child{display:block!important}
.innerEdit{padding:0 10px!important}
.mega-dropdown-menu{margin-top:0!important}
.mega-dropdown-menu:after,.mega-dropdown-menu:before{content:none!important}
.fixclear li{list-style-type:none;MARGIN:0}
.empLoinField .fix{padding:7px 11px}
.k-grid table tbody a.k-i-collapse,.k-grid table tbody a.k-i-expand{background-color:transparent;padding:0 10px}
.k-autocomplete .k-input,.k-multiselect-wrap,.k-textbox>input{height:auto;padding:0;line-height:31px;box-sizing:border-box}
.k-autocomplete .k-input{width:100%;height:31px;border: 1px solid #e5e5e5;margin:0;padding:0;}
#RemainingQtyLower, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu li a i{margin-right:5px;color: #bd1821;}
#changedQty,#remainingQty{margin-left:15px}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu{margin-top:7px;background:#f9f9f9}
.dropdown-menu>li>a{padding:8px 14px}
.dropdown-user .dropdown-menu li a img {margin-top: 0 !important;margin-right: 5px;margin-top: 5px;    width: 20px;}
.k-autocomplete.k-state-default,.k-dropdown-wrap.k-state-default,.k-numeric-wrap.k-state-default,.k-picker-wrap.k-state-default{background:0 0}
.k-picker-wrap .k-input{/* padding: 0; */}
#uniform-IsActive,#uniform-SearchHistory{padding-top:10px}
.iYellow{background-color:#ffb848!important}
#logisticSheet .btn.blue{white-space:normal}
#DeliverDate{font-size:11px}
table.logistic-table tr td input[type=text]{width:50px}
#purchaseRequest-window .modal-header .close,#purchaseRequestEmailSyduleDate-window .modal-header .close{margin-top:8px!important}
.Requestedv{width:auto}
#remainingQty{margin-right:15px}
#purchaseRequest-window input[type=text],#purchaseRequestEmailSyduleDate-window input[type=text]{width:100%}
.idicator{position:relative}
.idicator:after{position:absolute;content:"";border-width:5px;border-color:transparent transparent transparent #bd1721;border-style:solid;left:0;vertical-align:middle}
.tableContact td,.v-align-mid td{vertical-align:middle!important}
.tableContact{height:250px;overflow:auto}
.displayTableG{max-height:250px;overflow:auto}
.bottomBorder{border:none}
.bottomBorder thead th{border:none;border-bottom:1px solid #b7b5b5!important}
.bottomBorder tbody td{border:none!important}
.bottomBorder tfoot td{border:none;border-top:1px solid #ddd!important;font-weight:800}
.bottomBorder .TableFooterTd{border-top:1px solid #ddd!important}
.bottomBorder .lastFooter td{border-bottom:1px solid #ddd!important}
.MultleValues .side-Numbers{font-size:14px;color:#fff;display:inline-block;text-align:right;font-weight:700;width:84px;border-right:1px solid #ffff;padding:1.7px 5px}
.MultleValues .side-Desc,.MultleValues2 .side-Desc{color:#fff;display:inline-block;font-weight:500;position:relative;top:-2px;white-space:nowrap}
.MultleValues .side-Desc{font-size:12px;width:60px;text-align:right}
.MultleValues2 .side-Numbers{font-size:32px;color:#fff;display:inline-block;text-align:right;width:30%;border-right:1px solid #fff;padding:1.7px 5px}
.MultleValues2 .side-Desc{font-size:13px;width:60%;text-align:left}
#productStockdetails-grid .k-grid-footer-wrap table,#productStockdetails-grid .k-grid-header-wrap table{width:auto}
#pnlMultipleWarehouses .k-datetimepicker .k-picker-wrap .k-icon.k-i-clock{background-position:-32px -190px!important}
.WarningInfoWrapper{text-align:right;position:absolute;top:14px;right:14%;display:none}
.WarningInfoWrapper i{color:#e8a30c;position:relative;top:-4px;right:20px;font-size:15px}
.WarningInfoWrapper .WarningInfo{position:absolute;top:-38px;right:-10px;background:#fff;border:1px solid #e8a30c;padding:5px 15px;box-shadow:0 0 3px #c7c7c7;font-size:13px;transition:.3s;opacity:0;display:none;z-index:999999}
.WarningInfoWrapper:hover .WarningInfo{display:block;opacity:1}
.InputIcon{font-size:16px;color:#000;padding:0 0 0 10px;position:absolute;top:-4px;right:6px;width:45px;background:#fff}
.InputIcon img{width:40px}
.page-sidebar-menu.page-sidebar-menu-closed>li:hover,.page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu{box-shadow:none}
.k-grid table tbody a:not(.k-button):not(.k-link):not(.btn):not(.k-icon):not(.LinkHandlerExec):not(.table-link) {font-size: 13px;display: inline-block;padding: 6px 12px;margin: 0px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;opacity: 1;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;background: #45b6af;color: white;transition: 0.3s ease all;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);}
.k-grid table tbody a:not(.k-button):not(.k-link):not(.btn):not(.k-icon):not(.LinkHandlerExec):not(.table-link):hover {text-decoration: none;background-color: #369690;}
td.k-command-cell {white-space: nowrap;}
.ui-state-highlight {background:#fdeff0;border-color: #bd1721;}
.disabledshipment {pointer-events: none;cursor: not-allowed;}
span.disabledshipment {pointer-events: inherit;cursor: not-allowed;}
.combineFields{background-color: #f2dede;}
.combineFields *{border:0;}
.combineFields label {color: black;}
.combineFields label,.combineFields span{margin-left:10px; padding: 1px !important;}
.dropdown-menu {margin-top:0px;right:0;}

.ContractDiffrentCounter {
    padding: 10px;
    border-bottom: 1px solid lightgray;
    margin-top: 15px;
}
.ContractDiffrentCounter .removeContractDiffrent{
    float: right;
    margin-bottom: 10px;
}

/* Sheet Config Tree */
.HideText .sheet-treeview{padding:0 0;width:40px;overflow:visible}
.HideText .SheetConfiguration-content{width:95%}
.HideText .jqx-tree-item-arrow-collapse,.HideText .jqx-tree-item-arrow-expand{display:none!important}
.HideText .jqx-item{font-size:0}
.HideText .jqx-tree-item-li{padding:10px!important;margin:0!important;text-align:center;width:40px;position:static;line-height:1}
.HideText .jqx-tree-dropdown{position:absolute;right:0;top:0;z-index:9999;width:150px;background:#fff;font-size:12px;margin:0!important;display:none}
.HideText .jqx-tree-dropdown li{font-size:13px;width:100%;text-align:left}
.HideText .jqx-widget-content{overflow:visible}
.HideText .jqx-tree-dropdown li .jqx-item{font-size:12px}
.HideText .jqx-tree-item-li:hover .jqx-tree-dropdown{display:block!important}
.HideText .jqx-fill-state-pressed{border:none!important;background:#f9f9f9}
.autoCol {display: table-cell;vertical-align: top;}
.LayTitle {color: #2d484a;font-weight: 800;}
.LayTitle h3 {font-weight: 600;}
.LayBoxWrapper {display: table;width: 100%;border-bottom: 1px solid #dcddde;border-bottom-style: dotted;}
select.customGridPageSizesDD {padding: 2px;margin-left: 4px;}
li.dropdown.custom-css-line .dropdown-toggle {color:#FFF;cursor: default;}
.dropdown.dropdown-user {cursor:pointer;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.custom-css-line .dropdown-toggle:hover {background-color: transparent !important;color: #FFF !important;}
li.search-box-li {/* width: 200px; *//* padding: 10px 4px; *//* max-height: 70px; */display: flex;align-items: center;}
li.search-box-li .sidebar-search i.icon-close:before {content: ""}
li.search-box-li .sidebar-search .input-group-btn a {margin-bottom: -2px !important;}
li.search-box-li .sidebar-search .input-group {border: none;}
li.search-box-li .sidebar-search #searchEntity {border: none;outline-style: none;box-shadow: none;color: #FFF;padding: 0;}
li.search-box-li .sidebar-search #txtSearch {border: none;outline-style: none;padding: 0px 10px 0 0;box-shadow: none;width: 250px;height: auto;}
li.search-box-li .sidebar-search #txtSearch:hover {box-shadow: none;}
.page-sidebar .page-sidebar-menu > li.sidebar-toggler.custom-css {float: none !important;margin: 0px !important;text-transform: capitalize;width: auto !important;background-position: unset !important;position: relative;display: inline;}
.page-sidebar .page-sidebar-menu > li.sidebar-toggler.custom-css a i {top: 7px;padding-right: 0px;margin-right: 3px;font-size: 23px !important;}
.page-sidebar .page-sidebar-menu > li.sidebar-toggler.custom-css a {display: block;position: relative;margin: 0;border: 0;padding: 10px 15px;text-decoration: none;font-size: 14px;font-weight: 300;}
/*.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {height: 44px;}*/
.page-size-holder, .page-size-holder .customGridPageSizesDD .allGridPageSizeSaveBtn { color: #999999; padding: 5px;}
.page-size-holder .customGridPageSizesDD input { color: black; font-size: 11px !important; padding: 4px 10px;}
.page-size-holder{display:flex;}
.page-size-holder .columnMenu{width:auto !important;}
.page-size-holder .columnMenu li > span.k-link.k-menu-link{ padding: 0.4em !important; }
.page-size-holder .columnMenu li > span > span.k-icon{right:0 !important;}
.page-size-holder .columnMenu li > span > span.k-icon:before{content: "\e031" !important;}
.page-size-holder .columnMenu li > div.k-animation-container{left:-277.625px !important;top:28px !important;}
.page-size-holder .columnMenu li > div.k-animation-container ul.k-group.k-menu-group { width: 300px !important; z-index: 1000; }
.handsontable { position: relative;z-index: 1; }
.page-size-holder .columnMenu li > div.k-animation-container ul.k-group.k-menu-group li span input[type="number"]{width:85%;}
.page-size-holder .columnMenu li > div.k-animation-container ul.k-group.k-menu-group li span i.fa.fa-save{font-size:22px;vertical-align: middle;}
.page-size-holder .columnMenu li > div.k-animation-container ul.k-group.k-menu-group li:first-child span{border:none;border-bottom: 1px solid #d9d9d9;}
.page-size-holder .columnMenu li > div.k-animation-container ul.k-group.k-menu-group li span label{margin-right:7px;}
.page-size-holder .customGridPageSizesDD input{box-shadow:none;width:30px;padding:5px;}
li.dropdown.dropdown-extended.search-mobile-css, li.search-box-li .sidebar-search .input-group-btn.close-search-btn {display: none;box-shadow: none;}
li.search-box-li .sidebar-search .input-group-btn.close-search-btn a, li.search-box-li .sidebar-search .input-group-btn.close-search-btn a:hover {box-shadow: none;}
li.search-box-li .sidebar-search {margin: 0;padding: 12px 0px;}
.search-box-wrapper{ display:none; }
.search-box-wrapper .k-state-focused {border:2.5px solid black !important;padding-bottom: 0px;}
.search-box-li.opened .search-box-wrapper{ display:block; }
#txtSearch-list {padding:0;}

.k-list > .k-state-hover, .k-list > .k-state-focused{background-color: #fdeff0 !important;color:#bd1721 !important;}
#txtSearch-list .k-group-header{padding: 0 5px !important;background-color: #a7bdcd;color: #fff;}
#txtSearch-list .k-group-header i{ font-size: 20px !important; padding:5px !important; }
 .search-box-li.opened .input-group-btn {width: 20px;transform: translate(43px, 0px);z-index: 99;}
 .search-box-li.opened .search-box-wrapper span.k-widget{padding-left:35px;border: 2.5px solid transparent;background-color: #fff;}
  .search-box-li.opened .search-box-wrapper span.k-widget:before{content:"";}
.search-box-li.opened .sidebar-search .input-group-btn #searchEntity {background:white;color:#bd1721;padding: 0px 10px 0 2px;margin: 0px !important;}
.search-box-li.opened .sidebar-search .input-group{background:transparent;}
body #txtSearch-list li .k-group{padding:0 7px !important;background-color: #a7bdcd;font-size: 11px !important;}
body #txtSearch-list li .k-group div{background: transparent !important;padding: 0 !important;color:#fff !important;}
body #txtSearch-list li .k-group div i {font-size: 12px !important;padding: 7px 5px 5px 7px ;float: left;}
body #txtSearch-list li .k-group div span{line-height: 2.5 !important;}
.left-labels .control-label {text-align:left !important;}
.menu-opener i.material-icons.md-48 {float: right;margin: 0;padding: 0;}
.sidebar-search .k-autocomplete {box-shadow: none !important;border:0px;font-size:14px;}
#txtSearch_listbox li {border-bottom: 1px solid #eee;font-size:13px;}
.dropdown-side-menu {position: fixed;background: white;top: 60px;right: 0;bottom: 0;z-index: 9;overflow-x: hidden;overflow-y: auto;display: none;max-width: 300px;width: 100%;box-shadow: -4px 0px 19px -14px black;}
.dropdown-side-menu ul li {padding:10px;}
.dropdown-side-menu ul li a {color:black;text-transform:capitalize;text-decoration:none;}
.dropdown-side-menu ul.dropdown-menu-list.call-back-list li a {text-transform: none;}
/*.tools .checkboxSwitchSpan2{display:inline-flex;}*/
.quickNotificationSubject {font-weight: 700;font-size: 20px;display: block;white-space: pre-line;margin-bottom: .4em;margin-top: 0;}
.dropdown-side-menu .add-customerdefinedshortcut {
    text-transform: none;
}

.page-size-holder ul.columnMenu.stophoverdisplay .k-animation-container {
    display: none !important;
}
.page-size-holder ul.columnMenu.stophoverdisplay .k-animation-container .k-group.k-menu-group.k-popup {
    display: none !important;
}
.k-animation-container.activate-dropdown{width: 300px !important;height: 557px !important;overflow: visible !important;z-index: 10002 !important;box-sizing: content-box !important;display: block !important;position: absolute !important;}
.k-animation-container.activate-dropdown .k-group.k-menu-group.k-popup{max-height: 632.333px !important; overflow: auto !important; display: block !important; position: absolute !important; font-size: 13px !important; font-family: "Open Sans", sans-serif !important; font-stretch: 100% !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; transform: translateY(0px) !important;}

.preview-container {width:300px;border: 1px solid;padding: 10px;margin: 0 auto 15px;}
li.preview-container {width:calc(100% - 20px);border: 1px solid;padding:0px !important;margin: 0px 10px;border-top: 0px;}
.pi-wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 6px !important;}
.preview-icon {padding:5px;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 6px !important;text-decoration: none !important;float:left;overflow: hidden;}
.preview-icon-text {word-break: break-all;text-align: center;}
.block-1x1 {width:25%; height:60px;}
.block-1x2 {width:25%; height:120px;}
.block-2x2 {width:50%; height:120px;}
.block-2x4 {width:50%; height:240px;}
.block-4x1 {width:100%; height:60px;}
.block-4x4 {width:100%; height:240px;}
.block-2x2 i {font-size: 48px;line-height:48px;}
.block-2x4 i {font-size: 80px;line-height:80px;}
.block-4x4 i {font-size: 100px;line-height:100px;}
.block-2x2 .icon-text {font-size:16px}
.block-2x4 .icon-text {font-size:18px}
.block-4x4 .icon-text {font-size:20px}
select#ContactId option:disabled {background: #eeeeee;}
@media screen and (max-width: 1100px) {
    .pace .pace-progress{top:107px;}
    li.search-box-li .sidebar-search {padding: 6px;width: 100%;}
    li.search-box-li .sidebar-search #txtSearch{margin: 5px 0;width: 100%;}
    li.search-box-li.open-search {display: block;}
    li.search-box-li.open-search .sidebar-search .input-group .search-box-wrapper{display:block;}
    li.search-box-li.open-search .sidebar-search .input-group .search-box-wrapper span.k-widget{padding:0;}
    li.search-box-li.open-search .sidebar-search .input-group{width:100%;}
    li.search-box-li.open-search .sidebar-search .input-group-btn{transform:none;}
    .search-box-li.opened .sidebar-search .input-group-btn a i{font-size:24px;padding:2px}
    li.search-box-li.open-search .sidebar-search #searchEntity{    color: #bd1721;}
    li.search-box-li {display: none;background-color: white;padding: 0 10px;position: absolute;width: 100%;z-index: 2000;left: 0;}
    li.search-box-li .sidebar-search .input-group-btn.close-search-btn {display: table-cell;position:relative;z-index:9999;}
    li.dropdown.dropdown-extended.search-mobile-css {display: table-cell;}
    .dropdown-side-menu { top:125px;}
}
@media screen and (max-width: 991px) {
    .dropdown-side-menu { top:102px;}
}
@media screen and (max-width: 500px) {
    .dropdown-side-menu {
        top: 91px;
    }
    .pace .pace-progress {
        top: 98px;
    }
}
.list-header {color: black;background: #ffffff;/* margin: 10px 10px 0px; */display: flex;text-align: left;flex-direction: row;justify-content: space-between;align-items: center;padding: 10px;text-transform: capitalize;font-weight: 400;}
.list-header a {color: black;text-align: left;text-decoration: none;font-weight: 400;}
.list-header:hover, .list-header a:hover {color: #bd1721;text-decoration: none;}
.callback-tools {display: flex;align-items: center;}
.callback-tools a {position:relative;}
.callback-tools .chat-count, .callback-tools .callback-count, .callback-tools .autoupdateaerport-count ,.callback-tools .autoupdateaerport-count-for-ObjectHandling{position: absolute;left: 16px;background-color: #ffffff;color: #bd1721;font-size: 10px !important;padding: 2px 5px !important;border: 1px solid #bd1721;}
.callback-tools i {font-size:24px;color: #bd1721;margin-right:10px;}
.chat-box-wrapper ul.dropdown-menu-list, .callback-wrapper ul.dropdown-menu-list{padding:0;/* margin: 0px 10px; */border:1px solid #eee;border-bottom: 0;}
.chat-box-wrapper ul.dropdown-menu-list li, .callback-wrapper ul.dropdown-menu-list li {border-bottom:1px solid #eee;}
.callback-wrapper ul.dropdown-menu-list li a {display:flex;justify-content:space-between;align-items:center;}
.chat-unread a {display: flex;text-align: left;align-items: center;}
.chat-unread span.photo {display: inline-block;}
.chat-unread span.subject {display: flex;margin-left: 10px;width: 100%;flex-direction: column;}
.chat-unread span.message {display: block;}
.chat-unread .from {font-weight: bold;color: #bd1721;}
ul.for-emp li ul {border: 1px solid #eee;}

img.k-image[src="/Content/images/flags/us.svg"],
img.k-image[src="/Content/images/flags/gb.svg"],
img.k-image[src="/Content/images/flags/pk.svg"],
img.k-image[src="/Content/images/flags/iq.svg"],
img.k-image[src="/Content/images/flags/nl.svg"],
img.k-image[src="/Content/images/flags/ae.svg"],
img.k-image[src="/Content/images/flags/be.svg"],
img.k-image[src="/Content/images/flags/de.svg"] {width:20px;}

.page-bar {margin-top: -25px;margin-bottom: 20px;margin-left: -20px;margin-right: -20px;border-left: solid 1px #C8C8C8;}
.page-bar .page-breadcrumb li:first-child a {pointer-events: none;}
.page-toolbar .options > input[type="submit"], .page-toolbar .options > input[type="button"], .page-toolbar .options > button, .page-toolbar .options > .btn, .page-toolbar .options > .watcher-mode a {
    margin-right: 0px !important;
    border: 1px solid #F7F7F7 !important;
}
.page-toolbar .btn-group .options {display: flex;align-items: center;justify-content: flex-end;}
.page-toolbar .btn-group.pull-right button {box-shadow: none;}
.page-sidebar .page-sidebar-menu i.material-icons {
    width: 20px;
    overflow:hidden;
}
#Sort1 .InternalCompanyId label {font-size:13px;}
#Sort1 .multiselect-selected-text {font-size:13px;}

/*.quick-notice.page-header-fixed .page-container {
    margin-top: 92px;
}
*/

@media screen and (max-width: 1280px) {
    body.quick-notice.page-header-fixed .page-container {
        margin-top: 0;
    }
}


.k-grid tbody .k-button.k-grid-cancel,
.k-grid tbody .k-button.k-grid-update {
    min-width: auto;
    padding: 8px 11px;
}


.comment-text *:not(ul) {
    padding: revert;
}




/* comment popup mobal css start */

/* The Modal (background) */
.comment-modal.display-flex { display: flex; }
.comment-modal {
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  padding-top: 0px; /* Location of the box */
  left: 0;
  top: 0;
  text-align: center;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  display: none;align-content: center;justify-content: center;align-items: center;
}

/* Modal Content (image) */
.comment-modal-content {
  margin: 0px auto;
  display: inline-block;
  width: auto;
  min-width: 100px;
  max-width: 800px;
}

.comment-modal-content .img-content-box { width: 100%;display: block;margin:0 auto; }
.img-content-box img{ width:100%;max-width:100%;display: block;    margin: 0 auto; }

/* Caption of Modal Image */
#commentmodalcaption {
  margin: auto;
  display: block;
  min-width: 200px;
  /*width: 80%;*/
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
img-content-box, #commentmodalcaption {  
  -webkit-animation-name: commnetModalZoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes commnetModalZoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes commnetModalZoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.comment-modal-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.comment-modal-close:hover,
.comment-modal-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.comment-modal-close-btn {
    color: #f1f1f1;
    font-size: 40px;
        height: 50px;
    font-weight: bold;
    transition: 0.3s;
    float: right;
    user-select: none;
}
.comment-modal-close-btn:hover,
.comment-modal-close-btn:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .comment-modal-content {
    width: 100%;
  }
}


/* comment popup mobal css start */

/* The Modal (background) */
.comment-modal.display-flex {
    display: flex;
}

.comment-modal {
    position: fixed; /* Stay in place */
    z-index: 3000; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    text-align: center;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* Modal Content (image) */
.comment-modal-content {
    margin: 0px auto;
    display: inline-block;
    width: auto;
    min-width: 100px;
    max-width: 800px;
}

    .comment-modal-content .img-content-box {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

.img-content-box img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/* Caption of Modal Image */
#commentmodalcaption {
    margin: auto;
    display: block;
    min-width: 200px;
    /*width: 80%;*/
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
img-content-box, #commentmodalcaption {
    -webkit-animation-name: commnetModalZoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes commnetModalZoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes commnetModalZoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.comment-modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .comment-modal-close:hover,
    .comment-modal-close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

.comment-modal-close-btn {
    color: #f1f1f1;
    font-size: 40px;
    height: 50px;
    font-weight: bold;
    transition: 0.3s;
    float: right;
    user-select: none;
}

    .comment-modal-close-btn:hover,
    .comment-modal-close-btn:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
.k-datepicker.k-input, .k-datetimepicker.k-input, .k-textbox.k-input, .k-timepicker.k-input {
    padding: 0px !important;
}

.k-grid-edit {
    padding: 0px !important;
}
.k-grid-edit .fa {
    font-size: 14px;
    margin: 0;
    height: 31px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.k-grid-cancel.btn.red {
    padding: 8px 7px 8px 8px !important;
    border: 0px solid #bd1721 !important;
}
.k-grid-cancel.btn.red .fa { height: 15px;display: flex;justify-content: center;align-items: center;margin-top: 2px; width:15px }

.k-grid-update .fa.fa-check{ margin-top:3px !important }
 
.p-6-8,
.layer-group-btn.p-6-8 {
    padding: 6px 8px !important;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .comment-modal-content {
        width: 100%;
    }
}



/* dateTimePicker */
   :root {
        --rood: #c1121f;
        --text: #1f2937;
        --muted: #6b7280;
        --bg: #ffffff;
        --panel: #f9fafb;
        --border: #d1d5db;
        --hover: #f3f4f6;
        --ring: #2563eb;
        --shadow: 0 12px 32px rgba(0,0,0,.12);
    }


    .dtp-wrap {
        position: relative;
        width: 360px;
    }

    .dtp-inputrow {
        display: grid;
        grid-template-columns: 1fr 40px;
        gap: 6px;
        align-items: stretch;
    }

    .dtp-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 0;
        background: #fff;
        color: var(--text);
        transition: box-shadow .15s ease, border-color .15s ease;
    }

        .dtp-input:focus {
            outline: none;
            border-color: var(--ring);
            box-shadow: 0 0 0 2px rgba(37,99,235,.15) inset;
        }

        .dtp-input.invalid {
            border-color: #dc2626;
            box-shadow: 0 0 0 2px rgba(220,38,38,.15) inset;
        }

    .dtp-trigger {
        border: 1px solid var(--border);
        background: #f3f3f3;
        cursor: pointer;
        border-radius: 0;
        display: grid;
        place-items: center;
        transition: background .15s ease, border-color .15s ease;
    }

        .dtp-trigger:hover {
            background: #e8e8e8;
        }

        .dtp-trigger:focus {
            outline: none;
            border-color: var(--ring);
            box-shadow: 0 0 0 2px rgba(37,99,235,.15) inset;
        }

    .dtp-panel {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        width: 360px;
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 0;
        box-shadow: var(--shadow);
        visibility: hidden;
        opacity: 0;
        transform: translateY(4px);
        pointer-events: none;
        z-index: 10;
        transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
    }

        .dtp-panel.open {
            visibility: visible;
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
            transition: opacity .12s ease, transform .12s ease;
        }

    .dtp-head {
        background: var(--rood);
        color: #fff;
        padding: 10px;
        border-radius: 0;
        display: grid;
        grid-template-columns: 32px 1fr 32px;
        align-items: center;
        gap: 8px;
    }

        .dtp-head button {
            background: transparent;
            border: 0;
            color: #fff;
            font-size: 18px;
            cursor: pointer;
            transition: background .15s ease;
        }

            .dtp-head button:hover {
                background: rgba(255,255,255,0.2);
            }

            .dtp-head button:focus {
                outline: none;
                box-shadow: 0 0 0 2px rgba(255,255,255,.35) inset;
            }

        .dtp-head .label {
            text-align: center;
            font-weight: 700;
            letter-spacing: .2px;
            cursor: pointer;
        }

    /* Grid with week numbers in column 1 plus seven day columns */
    .dtp-grid {
        display: grid;
        grid-template-columns: 44px repeat(7, 1fr);
        gap: 4px;
        padding: 10px;
        background: var(--panel);
    }

    .dow, .weeknum {
        font-size: 12px;
        color: var(--muted);
        text-align: center;
        padding: 6px 0;
    }

    .weeknum {
        font-weight: 700;
        background: #fafafa;
    }

    .day {
        position: relative;
        border: 1px solid transparent;
        padding: 10px 0;
        text-align: center;
        border-radius: 0;
        cursor: pointer;
        transition: background .12s ease, box-shadow .12s ease, border-color .12s ease, color .12s ease;
        background: #fff;
    }

        .day:hover {
            background: var(--hover);
        }

        .day:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px var(--ring) inset;
        }

        .day.out {
            color: #9aa0a6;
            background: #fbfbfb;
        }

        .day.sel {
            background: rgba(193,18,31,.1);
            border-color: rgba(193,18,31,.5);
        }

        .day.weekend {
            background: #fcfcfd;
        }

            .day.weekend:hover {
                background: #f4f6f9;
            }

        /* Today indicator as a small square in the top right corner */
        .day.today::after {
            content: '';
            position: absolute;
            top: 4px;
            right: 4px;
            width: 6px;
            height: 6px;
            background: var(--rood);
        }

    .month-grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 8px;
        padding: 12px;
        background: var(--panel);
    }

    .month-btn {
        padding: 10px;
        border: 1px solid var(--border);
        background: #fff;
        cursor: pointer;
        text-align: center;
        transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
        font-weight: 600;
    }

        .month-btn:hover {
            background: #f3f4f6;
        }

        .month-btn:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px var(--ring) inset;
        }

    .dtp-time {
        display: flex;
        gap: 8px;
        padding: 10px;
        align-items: center;
        background: #fff;
        border-top: 1px solid var(--border);
    }

        .dtp-time span {
            color: var(--muted);
            font-size: 14px;
        }

        .dtp-time input {
            width: 64px;
            padding: 8px;
            border: 1px solid var(--border);
            border-radius: 0;
            text-align: center;
            transition: box-shadow .12s ease, border-color .12s ease;
        }

            .dtp-time input:focus {
                outline: none;
                border-color: var(--ring);
                box-shadow: 0 0 0 2px rgba(37,99,235,.15) inset;
            }

    .dtp-actions {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        padding: 10px;
        border-top: 1px solid var(--border);
        background: #fff;
    }

        .dtp-actions button {
            padding: 10px 12px;
            border-radius: 0;
            border: 0;
            cursor: pointer;
            transition: background .12s ease, box-shadow .12s ease;
            font-weight: 600;
        }

    .btn-sec {
        background: #f3f3f3;
        color: #111;
    }

    .btn-pri {
        background: var(--rood);
        color: #fff;
    }

        .btn-pri:hover {
            background: #a40e18;
        }

    .btn-sec:hover {
        background: #e8e8e8;
    }

    .dtp-actions button:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px var(--ring) inset;
    }

    .cal-icon {
        display: block;
        line-height: 0;
    }

        .cal-icon svg {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            fill: currentColor;
        }

        .dtp-inputrow{ gap: 0px; }
        .dtp-wrap {  width: 100%; }
        .dtp-panel { left: unset;right:0px; max-width: 370px; }
        .dtp-grid > div{ overflow: hidden; white-space: nowrap; }
    /*
    .dtp-inputrow .dtp-input{ padding-right: 40px; }
    .dtp-inputrow .dtp-trigger .cal-icon svg{ display: none; }
    .dtp-inputrow .dtp-trigger{ position: relative;border: none;right: 41px;background-color: #fafafa;margin: 1px;height: 95%; }
    span.cal-icon:before{ content:"\e108";    font: 16px / 1 WebComponentsIcons; }*/

    @@media (prefers-reduced-motion: reduce) {
        * {
            transition: none !important;
        }
    }