@font-face {
    font-family: "Kendo UI";
    src: url("./fonts/kendoui.woff") format("woff"),
         url("./fonts/kendoui.ttf") format("truetype");
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('./fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('./fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('./fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('./fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

body:before
{
    font-family: "Kendo UI";
    content: "\a0";
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
}

html, body {
    margin: 0;
    padding: 0;
    min-width: 320px;
    font-family: Roboto;
    font-size: 10pt;
    background: #eff3f8 !important;
    height:100%;
    color: #212529;
}

header {
    margin: 0;
    font-size: 14pt;
    color: #fff;
    background-color: #ffffff;
}

header h1,
header button {
    display: inline-block;
    vertical-align: middle;
}

header .container h1 {
    margin: 0;
    font-size: 15pt;
    line-height: 65px;
    padding-top: 20px;
    padding-left: 0;
}

#configure,
header label {
    border-style: solid;
    border-color: #636363;
    border-width: 0 0 0 1px;
    margin-bottom: 0;
    font-weight: normal;
}
header .container {
    position: relative;
}
header .description {
    text-transform: uppercase;
    color: #ccc;
    font-size: 8pt;
    line-height: 29px;
}
header .k-dropdown {
    width: 100%;
}
header .k-dropdown-wrap {
    background-image: none !important;
}
header .k-dropdown,
header .k-dropdown-wrap.k-state-default {  
    border-radius: 0;
}
header .k-dropdown-wrap.k-state-focused {
    box-shadow: none;
}
header .k-dropdown .k-input {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    text-indent: 14px;
}
header .k-dropdown .k-input,
header .k-dropdown .k-i-arrow-s {
    /*background-image: url("http://cdn.kendostatic.com/2013.2.918/styles/Bootstrap/sprite.png");*/
    /*background-position: -16px -32px;*/
}
.dropdown-menu {
    font-size: 10pt;
}
ul#userTopImageDropdown.dropdown-menu {
    font-size: 10pt;
     min-width: 200px;
    left: -55px !important;
}
div#searchDetails.search-boxcontent {
    font-size: 10pt;
}
.project-dark-gray td {
    font-size: 10pt !important;
}
li.k-button {
    font-size: 10pt;
}
.k-popup.ra-list {
    background-color: #010101;
    border-color: #5c5c5c;
    color: #fff;
    padding: 0;
    border-radius: 0;
}
.k-popup.ra-list .k-state-hover,
.k-popup.ra-list .k-state-selected,
.k-popup.ra-list .k-state-focused {
    background-image: none;
    background-color: #555;
    box-shadow: none;
    color: #fff;
    border-color: #555;
}
.k-popup.ra-list .k-item {
    border-radius: 0;
    text-indent: 7px;
}
#gantt-copy_btn_options {
    font-family: Roboto, sans-serif !important;
    font-size: 13px !important;
}
#configure {
    z-index: 10;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-width: 0 0 0 1px;
    background-color: transparent;
    position: absolute;
    top: 0; right: 0;
    color: #fff;
}
#demo {
    padding-top: 46px;
}
#profile {
    position: relative;
}
.ra-well-title {
    line-height: 1.2857em;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px -5px 0.8333em;
    padding: 0 0px 0.7222em;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border:none;
    background:url(../assets/tab-arrow.png) no-repeat; background-position: center bottom;
    color:#27aae1;
    outline:none !important;
    padding:10px 12px;
}
.nav-tabs > li > a {
    color:#838085; font-size: 11pt;
    font-weight:normal;
    padding:10px 12px;
    outline:none !important;
}
.nav-tabs > li > a:hover {
    border-color: transparent;
    background:url(../assets/tab-arrow.png) no-repeat; background-position: center bottom !important;
    color:#27aae1;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -2px;
}
.ra-avatar {
    border: 1px solid #e7e7e7;
    border-radius: 2px;
}
.nopd{ padding:0px !important;}
.nobd{ border:none !important;}
.ra-first-name {
    display: block;
    margin-top: 0.8571em;
}
.ra-last-name {
    display: block;
    font-size: 26pt;
    line-height: 1.3em;
}
.ra-position {
    font-size: 10pt;
    color: #999;
    padding-bottom: 2em;
}
.buttons-wrap {
    border-top: 1px solid #e7e7e7;
    padding-top: .5em;
    text-align: right;
}
.ra-section {
    margin-bottom: 20px;
}

.ra-well-overlay {
    margin: -16px -20px -19px;
}

#tabstrip .k-content {
    min-height: 150px;
}

#tabstrip .k-chart {
    height: 156px;
}

#tabstrip .k-content {
    padding: 1px;
}

#tabstrip-4 {
    text-align: left;
}

#tabstrip .km-icon:after {
    font: 1.3em/1em "Kendo UI" !important;
}

.revenue:after { content: "\E08C"; }
.spd:after { content: "\E04B"; }
.spr:after { content: "\E050"; }
.share:after { content: "\E04E"; }

#tabstrip .k-tabstrip-items span {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}

#tabstrip .k-tabstrip-items .hidden-xs {
    margin-left: 4px;
}

.market-donut {
    display: inline-block;
    width: 170px;
}

#panelbar .k-content {
    padding: 1em;
}

#panelbar ul {
    margin-bottom: 10px;
}

#listview {
    list-style-type: none;
    padding: 0 0 15px;
}

#listview figure {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 5px;
    margin-top: 15px;
}

figure h4 {
    font-size: 18pt;
}

figure p.hidden-sm {
    min-height: 80px;
}

footer {
    text-align: right;
    font-size: 10pt;
    padding: 2em 0;
}

header .container h1.visible-sm {
    padding-top: 10px;
    line-height: 33px;
    padding-bottom: 10px;
}

/*inner-container*/
.inner-container{ padding-left:20px; padding-right:20px;}
header{ margin-bottom:30px; padding:18px 0;}
.well {
  background-color: #f9fbfc !important;
  border: 1px solid #f9fbfc !important;
  border-radius: 4px;
  box-shadow: none !important;
  padding: 18px;
  margin-bottom:0px !important;
}
.logobox { margin:0;}

.top-option{}
.top-option [class*="top-option-"]{ float:left; display:block; background:url(../assets/top-option-border.png) no-repeat; background-position:center right; margin:5px; padding:0 15px;}
.stylish-input-group .input-group-addon, .stylish-input-group .form-control{background: inherit !important; color:inherit !important;}
.stylish-input-group .form-control{border-right:35px; box-shadow:0 0 0; border-color:#c1bfc2;}
.stylish-input-group button{border:0; background:transparent;}
.top-option [class*="top-option-"] .form-control{ -moz-border-radius:35px 0 0 35px; border-radius:35px 0 0 35px; -ms-border-radius:35px 0 0 35px; -webkit-border-radius:35px 0px 0 35px; }
.top-option [class*="top-option-"] .input-group-addon{-moz-border-radius:0 35px 35px 0; border-radius:0 35px 35px 0; -ms-border-radius:0 35px 35px 0; -webkit-border-radius:0 35px 35px 0;}
.top-option [class*="top-option-"] .input-group-addon .glyphicon { color:#8f8d90;}


/*notification-number*/
.notification-number{ border-radius:35px; display:inline-block; width:26px; height:26px; font-size:10pt; text-align:center;  padding: 0px; margin-left:8px;  line-height: 24px;}
.top-option-four{ background:none !important; min-width:150px; margin-top:8px !important;} 
.top-option-four .k-i-arrow-s{  margin-top: -6px; vertical-align: inherit;}
/*.top-option-three .user-name,.top-option-three  .user-pic{ display:inline-block;} */
.user-pic .resource-icon {  height: 100%; margin-left: 0; width: 100%;}
.top-option-three .user-name{ color:#5b9bd1; font-size:10pt; font-weight:600;  letter-spacing: 1px; text-transform:uppercase; z-index: -1; margin-top:4px;}
.top-option-three .user-pic { border:solid 1px #c3c1c4; width:38px; height:38px; -moz-border-radius:55%; border-radius:55%; -ms-border-radius:55%; -webkit-border-radius:55%; overflow:hidden; vertical-align: middle; margin-left:17px; cursor:pointer;margin-top: 4px;
margin-left: 0px; display:inline-block !important;}
.top-option-two{margin: 8px 0px !important;}
.top-option-three{margin: -8px 0px !important;}
.top-option-three .dropdown-menu{ left:inherit; right:0px; text-align:center !important; top:45px;}
.top-option-six .dropdown-menu{ left:inherit; right:0px; text-align:center !important; top:45px;}
a{ color:inherit !important;}
/*menu-toggle*/
#menu-toggle{ padding:0px; border:none; font-size:14pt; }
.main-heading {
    font-size: 12pt;
    font-weight: 600;
    color: #838085;
    margin-top: 10px;
    font-family: Roboto;
    margin-bottom: 10px;
}
/* .main-heading{ font-size:12pt; font-weight:600; color:#838085; margin-top:5px; font-family: Roboto; margin-bottom:10px;} */
.notification-icon .fa-bell-o{color: #aaa9ab;}
.top-option-six .fa-question-circle{color: #aaa9ab;}
.sub_hd{color:#27aae1; text-transform:uppercase; }
.company-logo{ max-width:200px; max-height:50px; margin-top:-5px;}

/*btn*/
.btn{ 
border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
-o-border-radius:35px;
-webkit-border-radius:35px;
padding:3px 24px;
margin:0 5px;

}


.nav-tabs {
  border-bottom: 1px solid #ebf0f5;
}

.formbox{ border-right: solid 1px #ebf0f5;}
label {
  display: inline-block;
  font-weight: normal;
  font-size:10pt;
  color:#aaaaaa;
  margin-bottom: 5px;
}
.well .form-control {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ebebeb;
  border-radius: 0;
  box-shadow: none;
  height:26px;
 color: #000;
  font-size:13pt; 
  font-weight:normal;
   padding:3px 12px;
}

label sup{ color:red !important; font-size: 11pt;}

.formbox .3accordion1{}
.formbox .panel-group{ overflow:visible !important;}
.formbox .panel-group .panel { border:none;  background-color:transparent !important; margin-bottom:0px; overflow:visible !important;}
.formbox .panel-collapse.im{ padding-bottom:40px;} 
.panel-group .panel{ overflow:visible !important;}
.formbox .panel-group .panel .panel-heading {  background:none; border-bottom:solid 1px #ebebeb; }
.formbox .panel-group .panel .panel-heading .panel-title{font-size:11pt; color:#27aae1; font-weight:normal; position:relative; padding-bottom: 8px !important; }
.formbox .panel-group .panel .panel-heading .panel-title.bgcolor{ background:#ebf0f5;}
.formbox .panel-group .panel .panel-heading .panel-title.bgcolor a{   padding: 6px 15px !important;}
.formbox .panel-group .panel .panel-heading .panel-title .fa{ position:absolute; top:50%; right:10px; margin-top:-5px; font-size:9pt; font-weight:normal;}
.formbox .panel-default > .panel-heading + .panel-collapse > .panel-body{ border-color: transparent;}

#page-content-wrapper .input-group-addon{ background-color:transparent; border-left:none; box-shadow:none; border-color:#ebebeb; border-radius:0px; padding:3px 12px;}
.input-group .form-control{ border-right: none;}

.sub-heading{ font-size:13pt; color:#0056b3; margin-top:15px; }

.user-picbox { width:230px; height:230px; background:#f0f3f6; margin:0 auto 26px; padding:22px 35px;}
.sub-heading.photo-heading{ padding:0 55px;}

.k-black body,
.k-metroblack body,
.k-black .well,
.k-metroblack .well,
.k-black .ra-well-title,
.k-metroblack .ra-well-title,
.k-black .buttons-wrap,
.k-metroblack .buttons-wrap
{
    border-color: #444;
    background-color: #1e1e1e;
    color: #fff;
}

.k-highcontrast body,
.k-highcontrast .well
.k-highcontrast .ra-well-title,
.k-highcontrast .buttons-wrap
{
    border-color: #664e62;
    background-color: #2c232b;
    color: #fff;
}

.k-moonlight body,
.k-moonlight .well,
.k-moonlight .ra-well-title,
.k-moonlight .buttons-wrap
{
    border-color: #171e28;
    background-color: #212a33;
    color: #fff;
}

.btn-default {
  background-color: #abb6c4;
  border-color: #abb6c4;
  color: #FFF;
}

#sidebar-wrapper .panel{ /*position:relative;*/}
#sidebar-wrapper .panel-collapse { position:absolute; width:600px; background:#f9fbfc; border:solid 1px #27aae1; left:237px; z-index:9 !important;   top: 0;  min-height: 42px; }
#ascrail2001{ z-index:9999 !important;}


.bootstrap-datetimepicker-widget td{ padding:2px;}
.top-option .top-option-one{ display:inline-block !important; width:236px;  margin-left:0px !important; margin-right:0px !important;}

/* Login Page */

.login_bg{
    background:url(../assets/page_bg.png) repeat center top;
}

.login-hd{
    font-size:18pt;
    color:#838085 !important;
    font-weight:normal !important;
    font-style:normal !important;
    font-family:Roboto;
    }

.marg_t10{
    margin-top:10px;
}

.marg_b10{
    margin-bottom:10px !important;
}

.remember{color:#838085; font-weight:normal !important}

.fieldlist .row {
    list-style: none;
    padding-bottom: 15px;
    margin:0;
}

.fieldlist label {
    display: block;
    padding-bottom: 3px;
    font-weight: normal;
    color: #838085;
    margin-bottom:0 !important;
}

.forget_pass{
    font-weight:normal !important;
    font-style:normal !important;
    font-size:13pt;
    color:#222;
}

.fieldlist hr{
    margin:0;
    margin:1em 0 1em 0;
}

.no_space{margin:0; padding:0;}
/*
.fieldlist .k-textbox{
    border-radius:0 !important;
    border-left:2px solid #002989 !important;
    border-top:1px solid #b5b4b6;
    border-right:1px solid #b5b4b6;
    border-bottom:1px solid #b5b4b6;
}
*/

 body .bluetxtbox, #DropDownWhere.bluetxtbox{
    border-radius:0 !important;
    border-left:2px solid #002989 !important;
    border-top:1px solid #b5b4b6 !important;
    border-right:1px solid #b5b4b6 !important;
    border-bottom:1px solid #b5b4b6 !important;
}
/*
.fieldlist .k-button-icontext{
    background: url(assets/icon_arrow.png) no-repeat right center #002989;
    background-image: none;
    background-position: 50% 50%;
    box-shadow: none;
    color: #fff;
    border: 1px solid #002989;
}*/

/*
.fieldlist .panel   .k-button-icontext{
    background-position: 50% 50%;
    box-shadow: none;
    
    
    border: 1px solid #002989;
    border-color: #a3d0e4 !important;;
    color: #003f59 !important;;
}*/

.login_down .row {
    list-style: none;
    padding-bottom:0px !important;
    margin:0;
}

.k-checkbox-label::after {
    background: #fff none repeat scroll 0 0;
    border-color: #b9b9b9;
    border-radius: 0px;
}

.choice_btns{
    width:100% !important;
    position:absolute;
    top:30px;
    font-size:22pt;
    font-weight:bold;
    color:#27aae1;
    margin:0 auto;
}
.choice_btns a{
    text-decoration:none;
}
.choice_btns a:hover{
    color:#002989;
}

/* Dashboard */

.well {
  background-color: #f9fbfc !important;
  border: 1px solid #f9fbfc !important;
  border-radius: 4px;
  box-shadow: none !important;
  padding: 18px;
  margin-bottom:20px !important;
  float:left;
  width:100%;
}

#expenses h1, #projects h1, #tasks h1, #users h1{
    font-size:24pt;
    font-weight:light;
    font-family:'Open Sans';
}

#expenses h1{
    color:#27aae1;
}
#projects h1{
    color:#f36a5a;
}
#tasks h1{
    color:#002989;
}
#users h1{
    color:#9a7caf;
}

#expenses h2, #projects h2, #tasks h2, #users h2{
    font-size:10pt;
    font-weight:light;
    font-family:Roboto;
    color:#000;
}

.progress_bar{color:#c1bfc2; font-weight:600; padding-top:15px;}
.progress_bar img{width:100%;}

#expenses h1 span, #projects h1 span, #tasks h1 span, #users h1 span{
    font-size:17pt !important;
}
#task_list{margin:0; padding:0; display:block; border-top:1px solid #ebf0f5;}
#task_list li{margin:0; padding:8px 0 3px; display:block; list-style:none; border-bottom:1px solid #ebf0f5;}
#task_list li label{padding-left:30px;}
#task_list .k-checkbox-label::before{width:18px; height:18px; color:#333;}
.customer-photo {
        display: inline-block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-size: 32px 35px;
        background-position: center center;
        vertical-align: middle;
        line-height: 32px;
        box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
        margin-left: 5px;
    }

    .customer-name {
        display: inline-block;
        vertical-align: middle;
        line-height: 32px;
        padding-left: 3px;
    }

/*/////////media queries ////////////*/

/* drag & drop */
li.sortable, li.sortable .form-group, li.sortable .form-group label{
    list-style-type: none;
    cursor: move;
}

li.not-sortable, li.gridsortable, li.filesortable{
    list-style-type: none;
}

.k-tabbox ul li.not-sortable label span{
    color: #aaa!important;
}

.k-blueopal .k-tabbox .groups-holder ul li.not-sortable span.k-input {
    color: #aaa!important;
}

li.dragging label{ text-align:right; }


.handler {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 3px;
    background: url(../assets/handle.png) no-repeat 50% 50% #ccc;
    cursor: move;
}

.k-blueopal .handler:hover{ background-color:#27aae1 ;}
.k-metro .handler:hover{ background-color:#7EA700 ;}
.k-fiori .handler:hover{ background-color:#847F85 ;}

li.not-sortable .handler, li.not-sortable .handler:hover {
    cursor: default;
    background-color: #ccc !important;
}

/* drag & drop */


#projecttasksOuterWrapper2 .k-grouping-header .k-button {
    background: #daecf4;
    border: 1px solid #a3d0e4;
    line-height: 1.72em;
    padding: 0 14px;
}



.demo-section {
    margin: 0 auto 0;

}

.demo-section:not(.wide),
#exampleWrap .box:not(.wide) {
    max-width: 360px;
}

.demo-section_in {
    padding: 45px 30px 30px 30px;
    margin-top:30px;
    background:#FFF;
    border: 1px solid rgba(20,53,80,0.14);
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(131, 128, 133, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(131, 128, 133, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(131, 128, 133, 0.3);
    position:relative;
}

.demo-section_in .login_up {
    padding-bottom:25px;
}



.no-scroll{ overflow:hidden;}
.scroll-container{ padding:0px}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    float: none !important;
}

.k-header, html .km-pane-wrapper .k-header {

    border:0;
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    border-width: 0 0px 0 0;
}

.panel-title a{border-top:1px solid #fff !important; border-bottom:1px solid #fff !important;}
.submenu-container .panel > .panel-heading{border-top:1px solid #FFFFFF !important; border-bottom:1px solid #FFFFFF !important;}
.submenu-container .panel.active > .panel-heading{border-top:1px solid #F9FBFC !important; border-bottom:1px solid #F9FBFC !important;}
.submenu-container .panel:hover > .panel-heading{border-top:1px solid #27aae1 !important; border-bottom:1px solid #27aae1 !important;}



.k-grouping-header{/*background: #ebebeb;
border-radius: 0 !important;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #FFF !important; 
box-shadow: 1px 1px 0 #ffffff inset;*/}

.k-grid-header thead tr:first-child th{/* background:#f0f0f0;*/}
.k-grid-header thead tr:last-child th input{ border:solid 1px #eaeaea !important;}
.k-select .k-icon.k-filter{ color:#000 !important;}
 
.captionGrid{ border-radius:0px !important; background-color:transparent !important; }
.captionGrid .k-header.k-grid-toolbar{  text-align:right; }
.captionGrid .k-grouping-header, .captionGrid .k-grid-header, .captionGrid .k-grid-header, .captionGrid .k-pager-wrap, .captionGrid .k-grid-content-locked {/* border-left:solid 1px #CCC; border-right:solid 1px #CCC;*/ /*border-radius:0px !important;*/}

/*
.k-button , body .fieldlist .k-button {

   border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
      padding:0 14px;
}
*/

.frozon-div2{ padding-top:10px; }



.k-button.k-grid-Delete, .captionGrid .k-grid-edit, .captionGrid .k-grid-undo{/*font-size:0px; */ background:none; min-width: 20px !important;  text-align:center; border:none; color:#000; float: left;

padding: 0;}

.k-grid-Delete .fa-undo{ color:red;}

 .k-button.k-grid-Delete:focus, .captionGrid .k-grid-edit:focus, .captionGrid .k-grid-undo:focus  {box-shadow: none !important;  background-position: -32px -16px !important;}
/* .k-button.k-grid-Delete  .k-icon,.k-button.k-grid-undo  {display:block;   margin: 0 auto; } */
.k-button.k-grid-Delete:hover  .k-icon{   background-position: -32px -16px !important; }

.k-button.k-grid-undo:hover .k-i-undo {
  background-position: -64px -160px;
}
.captionGrid .k-dropdown-wrap.k-state-hover .k-i-filter{background-position: -32px -80px !important;}
.captionGrid .k-dropdown-wrap.k-state-hover .k-i-arrow-s{background-position: 0 -32px !important;}

.captionGrid .k-button, .captionGrid .k-button{ float:left; display:inline-block;}

.captionGrid .k-button, .captionGrid .k-button:hover, .captionGrid .k-button:focus { min-width:20px !important; background-color:transparent !important; border:none !important; background-image:none !important; padding:0 !important;  box-shadow: none !important;  }


.captionGrid .k-multiselect-wrap li.k-button{
    margin: 1px 0 1px 1px!important;
    padding: 0.1em 1.6em 0.1em 0.4em !important;
    border: 1px solid #a3d0e4 !important;
    background-color: #daecf4 !important;  
}


.captionGrid .k-button.k-button-icon{text-align:center; background:none; border:none; box-shadow:none !important;}
.captionGrid .k-button.k-button-icon:hover .k-i-close {background-position: -32px -16px !important;}

.k-grouping-header[data-role="droptarget"] .k-group-indicator{background-color: #27aae1;
border-color: #27aae1;
border-radius: 36px;
margin-bottom: 1px;
padding: 1px 14px;}
.k-grouping-header[data-role="droptarget"] .k-group-indicator a{color: #ffffff;}
.k-grouping-header[data-role="droptarget"] .k-group-indicator a .k-i-sarrow-n {background-position: -18px -129px;}


input ~ .k-textbox {border:solid 1px red !important; }

#taskDetails textarea#comment.k-textbox {
    border-bottom: 1px solid #b5b4b6 !important;
    border-radius: 0;
    border-right: 1px solid #b5b4b6 !important;
    border-top: 1px solid #b5b4b6 !important; 
}

.k-treeview-lines li {color: #838085;font-size: 10pt;font-weight: normal; margin:15px 0 !important;}
.k-treeview-lines li:first-child{ margin-top:30px !important;}
.k-treeview-lines li
.k-treeview-lines li .k-state-hover { background-color:#FFF !important;}
 header { -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;}
header { position:fixed; width:100%; top:0px; left:0px; right:0px; z-index:9;}    
.k-treeview-lines .menu-icon { height: 15px; width: 15px;}
.k-treeview-lines .k-state-selected{ background:#e3e3e3 !important; color:#666 !important;}
.k-treeview-lines .update-icon{ display:inline-block;}




.panel-collapse.movetop{ top:inherit !important; bottom:0;}
.fixnav{left: 271px !important;position: fixed !important; top:115px;}
.k-grid-toolbar .k-button { margin-left:5px; border: 0.6px solid #8bc4dd;}
/*main-heading*/
.setbtnbox{  padding-right: 20px;}
.setbtnbox .main-heading{ display:inline-block;}
.setbtnbox .k-grid-toolbar{ float:right; padding-top:0px; padding-right:0px;}


.delete-link {
  background: transparent url("../assets/close.png") no-repeat scroll 50% 50%;
  border-radius: 5px;
  display: inline-block;
  font-size: 0;
  height: 12px;
  line-height: 0;
  margin: 2px 0 0 3px;
  overflow: hidden;
  vertical-align: top;
  width: 12px;
}
/*
.captionGrid .k-grid-edit .k-i-edit, .captionGrid .k-grid-edit:hover .k-i-edit, .captionGrid .k-grid-edit:focus .k-i-edit{    width: 16px; background:none;
    height:16px;
    background:url("../assets/save.png") no-repeat;
    display: inline-block;
    text-align: right;
    margin-right: 10px;}
*/

.resources-picker  span.fa-user{ padding-right:6px;}
  
/* grid */
#grid { height: 100%; }
#outerWrapper{ overflow: hidden;}
.k-grid td { white-space: nowrap;overflow: hidden;}

.k-grid tr.faded-row td{ background-color: #eeeeee; }


.inner-container, #page-content-wrapper{ padding-right:0px !important;}

 
.loginpage{ margin-top:0px !important; padding-top:20px; }
.positionbox{ position:relative;}
.choice_btns{ height: 72px;position: fixed;right: 0;width: 132px !important;}
.choice-img{ text-align:center; }

/*k-window*/

.k-window{ border-radius: 0px; }
.k-window .k-window-titlebar{ /*border-bottom: 1px solid #cccccc !important;
border-radius: 0;
border-top: 1px solid #cccccc !important;
margin-top: -34px !important; */ }
.k-window .k-content{ max-width:100%;}

.k-window ul.fieldlist, .k-window ul.fieldlist li{ width:100%; float:left;  padding-left: 5px;}
.k-window ul.fieldlist li label { width:30%; text-align:right; float:left;   padding-top: 5px; color: #838085;
font-size: 12pt; padding-bottom:0px;
font-weight: normal;text-transform: none;}
.k-window ul.fieldlist li .k-textbox, .k-window ul.fieldlist li input ,.k-window ul.fieldlist li .k-dropdown { width:68% !important; margin-left:2%; float:left;}
.k-window ul.fieldlist li input[type="submit"]{ width:auto !important; }
.fieldlist li{ padding-bottom:5px !important;}


label { color: #838085;font-size: 10pt;font-weight: normal;}

#resources-grid table label { color: inherit !important; font-size: 10pt; font-weight: normal;text-transform: none;}

.task-resource-assign .task_summary{ margin-bottom:10px; }


.gantt-resource-window-popup { text-transform: uppercase;}

.task-edit-popup #fieldlist li{ list-style:none;text-align: left; }
.task-edit-popup ul.fieldlist li label {
  color: #838085;
  float: left;
  font-size: 10pt;
  width: 25%;
}
.task-edit-popup .formarea{ min-height:auto; }

.task-edit-popup ul.fieldlist li .k-textbox, .task-edit-popup ul.fieldlist li input, .task-edit-popup ul.fieldlist li .k-dropdown {
    float: none;
    margin-left: 0;
    width: 100% !important;
}

.k-window ul.fieldlist{ margin-top:20px;}
.k-window .k-window-titlebar .k-window-action:hover .k-i-close{background-position: -32px -16px !important;}
.k-window ul.fieldlist li .k-button-list{ width:68%; float:right;}
.k-window ul.fieldlist li .k-button-list div{ float:left; margin-right:5px;}


.fileuloadbox{}
.fileuloadbox .k-upload{ background-color:transparent !important;}
.fileuloadbox .k-upload .k-upload-button{ margin:0px;} 
.fileuloadbox .k-upload .k-upload-button:hover:active{ border:none !important;}
.imgupload .fileuloadbox {float: left;margin-left: 2%;width: 100px !important; padding-top:0px !important;}

.imgupload .menu-icon{ vertical-align:middle; margin:0 15px;}
/*.alertbox{ margin-top:30px; text-align: center;}*/
.alertbox{ text-align: center;}
.redcolor{ color:#F00;}


.fieldlist{ box-sizing:border-box;}
.fieldlist .km-switch { border: 1px solid #27aae1;}



.km-switch-wrapper {
    background-color: #bababa
}
.km-switch-background {
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#bababa));
    background-image: none, -webkit-linear-gradient(top, #bababa, #bababa);
    background-image: none, linear-gradient(to bottom, #bababa, #bababa);
    background-position: 4.3em 0;
    background-repeat: no-repeat;
    background-color: currentcolor
}
.km-switch-handle {
    background: #fff
}
.km-switch-off .km-switch-handle {
    -webkit-box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa;
    box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa
}
.km-switch-background, .km-switch-container, .km-switch-wrapper {
    border-radius: 3px
}
.km-switch-handle {
    border-radius: 2px
}
.km-switch-container, .km-switch-wrapper {
    border-color: #e6e6e6
}

.km-tabstrip .km-button {
    font-family: Arial, Helvetica, sans-serif;
    color: #a8a8a8;
    padding: .4em .8em;
    border-width: 0;
    border-color: transparent;
    background: 0 0;
    margin: 0;
    text-align: center
}
.km-tabstrip .km-button:first-child {
    border-left: 0
}
.km-tabstrip .km-button:last-child {
    border-right: 0
}
.km-switch input[type=checkbox] {
    display: none
}
.km-checkbox, .km-switch {
    text-align: left;
    font-size: 10pt;
    display: inline-block;
    width: 6.4rem;
    height: 1.9em;
    line-height: 2rem;
    position: relative;
    overflow: hidden
}
.km-slider-wrapper, .km-switch-wrapper {
    display: block;
    
    width: 100%;
    overflow: hidden
}
.km-slider-background, .km-switch-background {
    display: block;
    margin: 0 1px 1px -5em;
    height: 100%;
    width: 200%
}
.km-switch-container {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    height: 110%;
    width: 100%;
    overflow: hidden;
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.km-switch-on .km-switch-container{ left:-1px;}
.km-checkbox {
    width: 1.8rem;
    height: 1.8rem
}
.km-checkbox-checked:after {
    content: "\a0";
    display: block;
    width: 100%;
    height: 100%
}
.km-switch-handle {
    top: 0;
    left: 0;
    width: 2.72em;
    height: 100%;
    display: inline-block;
    margin: -1px 0 0 -1px;
    background-color: #FFF;
}
.km-switch-label-on, .km-switch-label-off{ background:#2086AE !important; color:#FFF !important; border:none !important; top: 1px;}
.k-dropdown-wrap{ border-radius:0px;}

  td input[type="checkbox"] {
    float: left;
    margin: 0 auto;
    width: 100%;
}


.km-switch-label-off, .km-switch-label-on {
    display: block;
    width: 51px;
    font-size: 10pt;
    line-height: 2em;
    text-align: center;
    position: absolute;
    text-transform: uppercase
}
.km-switch-label-off {
    left: 104%
}
.km-switch-label-on {
    left: -134%;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3)
}
.km-list .km-switch {
    position: absolute;
    top: 50%;
    right:.8rem;
    margin-top: -1rem
}


.resource_switch_btn  .km-switch-on .km-switch-container {
    left: 1px;
}

.resource_switch_btn .km-switch-label-off, .resource_switch_btn .km-switch-label-on {
    width: 115px;
    
}
.resource_switch_btn .km-switch-label-off {
    left: -1px;
}
.resource_switch_btn .km-switch-label-on {
    left: -113px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3)
}
.resource_switch_btn .km-list .km-switch {
    position: absolute;
    top: 50%;
    right:.8rem;
    margin-top: -1rem
}
.resource_switch_btn .km-switch-handle span{ text-transform:none;}
.resource_switch_btn .km-checkbox, .resource_switch_btn .km-switch {
    text-align: left;
    font-size: 1rem;
    display: inline-block;
    width: 130px;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #27aae1;
}

.resource_switch_btn .km-switch-handle {
  background: #fff;
  width: 0;
}

/*
.k-active-filter, .k-state-active, .k-state-active:hover, .k-tabstrip .k-state-active {
  background-color: inherit !important;
}*/


/*.resource-icon img{ height:30px !important; }*/
.resource-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
}


.user-avatar{
    background-image: url(BlueOpal/default-avatar.png);
    background-position: center center;
    display: inline-block;
    height: 32px;
    width: 32px;
}

#logo-icon.user-avatar{
    height: 180px;
    width: 180px;
}

.k-blueopal .user-avatar{
    background-image: url(BlueOpal/default-avatar.png);
}
.k-fiori .user-avatar{
    background-image: url(Fiori/default-avatar.png);
}
.k-metro .user-avatar{
    background-image: url(Metro/default-avatar.png);
}


/*k-widget k-window menuFormWindow*/
.k-window.menuFormWindow{}
.k-window.menuFormWindow .k-window-actions{    top: -2px;}
.k-window.menuFormWindow .k-window-actions a { border-radius:20px;    height: auto !important;   opacity: 1 !important;  margin-right: 7px; width:auto !important; }
.k-window.menuFormWindow .k-window-actions a span{ display: block;font-size: 10pt;line-height: 16px;padding: 1px 15px;}
.k-window.menuFormWindow .k-window-actions a[aria-label="Close"]{ background:none !important; border-radius:0px !important; padding:0px !important; border:solid 1px #115e7f; } 
.k-window.menuFormWindow .k-window-actions a[aria-label="Close"] span{padding:0px !important;}
.k-window.menuFormWindow ul.fieldlist li label { width:100% !important; text-align:left !important; margin-bottom:5px !important;}

.k-window.menuFormWindow .formbox-panel{ width:60% !important; float:left;}
.k-window.menuFormWindow .fileupload-panel{ width:40% !important; float:left;}
.k-window.menuFormWindow .fileupload-panel li{ list-style:none; text-align:center;margin-top: 21px}
.k-window.menuFormWindow .fileupload-panel li .selectbtn-new { margin:15px 0;  }
.k-window.menuFormWindow .fileupload-panel label{ width:100% !important; box-sizing:border-box;}
.k-window.menuFormWindow .fileupload-panel label.k-button{ width:auto !important; float:none;}

.icongroup{ display: block;height: 25px; margin: 15px auto;position: relative;width: 25px;}
.k-window.menuFormWindow .fileupload-panel .menu-icon{ margin:0px;}
.icongroup #iconremove{ background: #ff0000; cursor:pointer;
border-radius: 55px;
box-sizing: border-box;
color: #ffffff;
font-size: 10pt;
height: 18px;
line-height: 100%;
padding-top: 2px;
position: absolute;
right: -25px;
top: -10px;
width: 18px;}

.k-window.menuFormWindow ul.fieldlist li.k-textbox, .k-window.menuFormWindow ul.fieldlist li input, .k-window.menuFormWindow ul.fieldlist li .k-dropdown {
  float: left;
  margin-left: 0%;
  width: 100% !important;
}

.k-window.menuFormWindow #window {
    min-height: 400px;
}


.k-numerictextbox .k-numeric-wrap .k-select { 
    display:none;
}

.k-numerictextbox .k-numeric-wrap {
  padding: 0 0 0 0;
}



input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


.gantt-toggle_btn{ border:none; }

.k-i-arrow-60-left {
    cursor:pointer;
    background-position: 2px -46px;
}

.task-popup{  }
.task-popup h4{ }
.task-popup p{ text-align:left; padding-left:5px; }


/*scroll*/
#sidebar-wrapper .panel-body{ padding:15px !important;}
#sidebar-wrapper #accordion { margin-left: -8px;}
#boxscroll {
    padding: 5%;
    height: 300px;
    width: 100%;
    border:none;
    overflow: auto;
  margin-bottom:20px;
  position:static !important;
  
}
#ascrail2000{ left:-16px !important;}
#ascrail2000 div{  background-color: #27AAE1 !important;}


#boxscroll2 {
    padding: 40px;
    height: 120px;
    width: 730px;
    border: 2px solid #F00;
    overflow: auto;
}
#boxscroll3 {
    overflow: hidden;
}

#boxframe {
    position:absolute;
    top:28px;
    left:420px;
    width:400px;
    height:300px;
    overflow:auto;
    border: 2px solid #0F0;
}
#boxscroll4 {
    height: 300px;
    margin-top: 40px;
    background-color: #27AAE1;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    padding: 20px;
    color: #006633;
    overflow: auto;
}

.countries{ float:right; margin-right:15px;}
.countries h4{ margin-top:0px; padding-right:15px;}
.countries .k-header{ display:none;}
 
.dialogContent ul li:first-child{ margin-top:0px !important;}
.dialogContent ul li {margin-bottom:5px !important;}
.dialogContent ul li .k-in { padding:0px 5px !important; margin:0px !important;} 


ul.countriesList{ padding-left:0px;}
ul.countriesList li{ list-style:none; margin-bottom:5px;}
ul.countriesList li label { padding-left:25px;}


/*
.windowActionButton .k-window-actions {}
.windowActionButton .k-window-actions{    top: -2px;}
.windowActionButton .k-window-actions a {  border-radius:5px;      opacity: 1 !important;  margin-right: 7px; }
.windowActionButton .k-window-actions a span{ display: block;font-size: 10pt;line-height: 16px;padding: 1px 15px;}
.windowActionButton .k-window-actions a[aria-label="Close"]{ background:none; border-radius:0px; padding:0px !important; border:solid 1px #F1F1F1; } 
.windowActionButton .k-window-actions a[aria-label="Close"] span{padding:0px !important;}
*/

.checkList .k-in{ padding-top:0px; padding-bottom:0px;}
.checkList .k-checkbox-wrapper{ vertical-align:bottom;}
.checkList li:first-child{ margin-top:15px !important;}
/*
.windowActionButton .k-textbox .k-icon{ display:block ;}
.windowActionButton .k-textbox .k-i-search:hover {  background-position: -32px -240px !important;}
*/
.search-wrapper{ width:100%; margin-bottom:15px;}

.accessgroup-box-overlay, .department-box-overlay, .projecteditor-box-overlay, .permissionmodule-box-overlay{ position:absolute;top:0;left:0;right:0;bottom:0;z-index:9999;background: #ccc;opacity: 0.12; }



.menu-save .test{ display:inline-block;}


.panel .grid-container-panel{ margin:20px 0 40px; }


.form-horizontal .checkbox{ min-width: 20px; margin: 5px 0 !important; }

.copy-project-popup .form-horizontal .checkbox{ min-width: 18px; min-height: 18px; margin: 5px 0 !important; }


#menuTreeWindow .k-treeview-lines li:first-child {
  margin-top: 3px !important;
}

#menuTreeWindow .k-treeview-lines li {
  margin: 3px 0 !important;
}

/*#########  side bar menu */

 body {
    overflow-x: hidden;
 }

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px; 
}

#sidebar-wrapper {
    z-index: 1;
    left: 270px;
    width: 0;
    position:fixed;
     float:left;
    height: 100%;
    margin-left: -250px;
    background: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:25px 0;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 13pt;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 10pt;
    }

    .panel-title > a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }
*, a, :focus{ outline:none !important;}
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
    
    #sidebar-wrapper .panel-default > .panel-heading{ background-color:transparent;}
    #sidebar-wrapper .panel-group .panel{ border:none;}
    #sidebar-wrapper .panel-title > a{ font-size:12pt; font-weight:normal; color:#838085;}
    #sidebar-wrapper .panel-title:focus > a, #sidebar-wrapper .panel:focus{ outline:none !important;}
    #sidebar-wrapper .panel-title > a .fa{ color:#838085; display:inline-block;}
    #sidebar-wrapper .panel:hover .panel-title > a, #sidebar-wrapper .panel.active .panel-title > a, #sidebar-wrapper .panel:hover .panel-title > a .fa, #sidebar-wrapper .panel.active .panel-title > a .fa{ color:#27aae1;}
    #sidebar-wrapper .panel .panel-heading{background:#FFF !important; border-top:solid 1px  #FFF; border-bottom:solid 1px  #FFF;}
    #sidebar-wrapper .panel:hover .panel-heading{ background:#f9fbfc !important; border-top:solid 1px  #27aae1 !important; border-right:solid 1px  #27aae1 ; border-bottom:solid 1px  #27aae1 !important;}
    #sidebar-wrapper .panel.hasmenu:hover .panel-heading{border-right:none !important; height:42px;}
    #sidebar-wrapper .panel.active .panel-heading{border-left: solid 3px #27aae1; background:#f9fbfc !important;   position: relative; z-index: 99; border-top:solid 1px  #F9FBFC; border-bottom:solid 1px  #F9FBFC;}
    #sidebar-wrapper .panel.active{ margin-left:-3px;}
    #sidebar-wrapper .panel .panel-collapse{ display:none;}
    #sidebar-wrapper .panel:hover .panel-collapse{ display:block !important;}
    #sidebar-wrapper .panel{ margin-top:0px; margin-bottom:0px;}
    #sidebar-wrapper .panel .panel-heading .icon{ /*background:url(../assets/menu-icon.png) no-repeat;*/ width:25px; display:inline-block; margin-right:12px; margin-left:12px;  height:25px; float:left; margin-top:8px; }
    #sidebar-wrapper .panel .panel-heading .icon img{margin:0px; }
    #sidebar-wrapper .panel.desh .panel-heading .icon{ background-position:0 0px; }
    #sidebar-wrapper .panel.time .panel-heading .icon{ background-position:0 -25px; }
    #sidebar-wrapper .panel.expe .panel-heading .icon{ background-position:0 -56px; }
    #sidebar-wrapper .panel.proj .panel-heading .icon{ background-position:0 -86px; }
    #sidebar-wrapper .panel.reso .panel-heading .icon{ background-position:0 -115px; }
    #sidebar-wrapper .panel.comp .panel-heading .icon{ background-position:0 -157px; }
    #sidebar-wrapper .panel.acco .panel-heading .icon{ background-position:0 -183px; }
    #sidebar-wrapper .panel.cont .panel-heading .icon{ background-position:0 -212px; }
    
    #sidebar-wrapper .panel{ background-color:transparent !important;}
    #sidebar-wrapper .panel.active .panel-body {background: #f9fbfc;margin-left: 0px; padding:5px;}
    #sidebar-wrapper .panel .panel-body ul{ padding-left:0; margin-bottom:6px; width:100%; float:left;}
    #sidebar-wrapper .panel .panel-body ul li{ list-style:none; width:100%; padding:0 10px 0 6px; background:url(../assets/li-point.png) no-repeat left top 8px;  float:left; margin-bottom:0px;  box-sizing: border-box; position:relative;  min-height: 24px; z-index:99;}
        #sidebar-wrapper .panel .panel-body ul > li > a{ padding-left:5px; border-top: solid 1px #F9FBFC; border-bottom: solid 1px #F9FBFC; display:inline-block; position:relative; z-index:1;}
    #sidebar-wrapper .panel .panel-body ul > li:hover > a{ background:#F9FBFC; display:inline-block; border-top: solid 1px #F9FBFC; border-bottom: solid 1px #F9FBFC;  position:relative; z-index:999; color:#838085;  box-sizing: border-box;}
    #sidebar-wrapper .panel .panel-body ul li > ul{ display:none;}
    #sidebar-wrapper .panel .panel-body ul  ul{ padding-left:0px;}
    #sidebar-wrapper .panel .panel-body  ul.submenu { padding-left:0px;  position:relative;}




    #sidebar-wrapper .panel .panel-body ul.submenu ul.childMenu{ width:100%; margin-bottom:0px !important; }
    
    
    #sidebar-wrapper .panel .panel-body ul  ul li a{ color:#27aae1;}
    
    #sidebar-wrapper .panel.active .panel-body .menu-column{ width:189px; float:left; box-sizing:border-box;}
    
    #sidebar-wrapper .panel .panel-body ul li{ background:none; padding-left:0px;}
    #sidebar-wrapper .panel .panel-body .menu-column ul > li:first-child{ font-weight:600;}
    #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li:first-child{ font-weight:normal !important;}
    #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li .icon { float:left; width:12px; height:10px; margin-top: 3px;}
    #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li .icon img{ width:100%; height:100%; display:block;}
    #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li a{ overflow:hidden; float:none; line-height:100%;padding:0px !important; padding-left:5px !important; border:0px !important; color:#27aae1 !important;    display: inherit;

    width: auto; }
        #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li:hover a{ color:#007ab1 !important;}
    
    #sidebar-wrapper .panel .panel-body ul li a{ color:#27AAE1; text-decoration:none; outline:none; padding-left:0px; }
    #sidebar-wrapper .panel .panel-body ul li:hover a,    #sidebar-wrapper .panel .panel-body ul li:focus a{ text-decoration:none; outline:none;}
    
    
    
    #sidebar-wrapper .panel.desh.active .panel-heading .icon, #sidebar-wrapper .panel.desh:hover .panel-heading .icon{ background-position:0 -249px;}
    #sidebar-wrapper .panel.time.active .panel-heading .icon, #sidebar-wrapper .panel.time:hover .panel-heading .icon{ background-position:0 -275px;}
    #sidebar-wrapper .panel.expe.active .panel-heading .icon, #sidebar-wrapper .panel.expe:hover .panel-heading .icon{ background-position:0 -306px;}
    #sidebar-wrapper .panel.proj.active .panel-heading .icon, #sidebar-wrapper .panel.proj:hover .panel-heading .icon{ background-position:0 -336px;}
    #sidebar-wrapper .panel.reso.active .panel-heading .icon, #sidebar-wrapper .panel.reso:hover .panel-heading .icon{ background-position:0 -365px;}
    #sidebar-wrapper .panel.comp.active .panel-heading .icon, #sidebar-wrapper .panel.comp:hover .panel-heading .icon{ background-position:0 -407px;}
    #sidebar-wrapper .panel.acco.active .panel-heading .icon, #sidebar-wrapper .panel.acco:hover .panel-heading .icon{ background-position:0 -433px;}
    #sidebar-wrapper .panel.cont.active .panel-heading .icon, #sidebar-wrapper .panel.cont:hover .panel-heading .icon{ background-position:0 -462px;}
    
    #sidebar-wrapper .fa-chevron-down:before{ content:url(../assets/menu-arrow-down.jpg);}
    #sidebar-wrapper .fa-chevron-right:before{ content:url(../assets/menu-arrow-right.jpg);}
    
    .k-tabbox .fa-chevron-down:before{ content:url(../assets/content-arrow-down.png);}
    .k-tabbox .fa-chevron-right:before{ content:url(../assets/content-arrow-right.png);}
    
    textarea { resize: none !important; }
    
    
    /*############sidbar media ###############*/
    
    
@media(min-width:979px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled{ padding-left:60px !important;}
    #wrapper.toggled #sidebar-wrapper .panel-heading span.icon{  margin-left: 20px; }
    #wrapper #sidebar-wrapper .panel-heading a { font-size:11pt; webkit-transition-delay: 0.1s; /* Safari */
    transition-delay: 0.1s;}
    #wrapper.toggled #sidebar-wrapper .panel-heading{ margin-left:7px; z-index:9999;}
    #wrapper #sidebar-wrapper .panel:hover .panel-heading a{ border-color:#e6f2f8  !important;}
    #wrapper.toggled #sidebar-wrapper .panel-heading a{ font-size:0px; height:40px; width:100%; border:none !important;}
    #wrapper.toggled #sidebar-wrapper .panel-heading a i{ display:none;}
    
    
    #wrapper.toggled #sidebar-wrapper .panel-collapse {left: 66px !important;}

    #wrapper.toggled #sidebar-wrapper {
       left: 110px;
  margin-left: -90px;
  width: 70px;
    }
    
    #page-content-wrapper {
        padding:0 20px 20px;
        position:relative;
        /* position: fixed; */
        box-sizing: border-box;
        float: none;
        overflow: hidden;
        width: auto;
    }
    
    #menu-toggle:active,#menu-toggle:focus, #menu-toggle:hover{ background:none !important; outline:none; box-shadow:none !important;}

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        /*position: fixed;*/
        margin-right: 0;
    }
}
@media(max-width:979px) {#page-content-wrapper{ position:static;}
.ra-well-title .nav-tabs{ display:inline-block;}
#wrapper.toggled #sidebar-wrapper{ left:270px;}
#sidebar-wrapper{ left:0px;}
 }
 
 
.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
  z-index: 0;
}
 
 
 
 
 /*#######side bar end ##########*/
    
.invalid{ color:red; }
#outerWrapper{ border:solid 1px #bbdceb !important;}
.setbtnbox .k-grid-toolbar{    background-color:transparent !important; background-image:none !important;}


.numbers{ text-align:right; }
.numbers a{ text-align:right; }
.k-filter-row th.numbers, .k-grid-header th.numbers{ text-align:right; }


/*common theme code*/
.search-wrapper { position:relative;}
.search-wrapper .k-i-close{ right:32px; cursor:pointer;}
.k-widget.k-window { z-index:99990 !important;}
.k-widget.k-window.alertWindowClass { z-index:99999 !important;}
/* .windowActionButton .k-window-actions a[aria-label="Close"]{ background:none !important;} */

#sidebar-wrapper .panel.active .panel-body{ padding-bottom: 0px !important ;}

html #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li a.unlink, li a.unlink{ color: #bcbcbc !important; }

#sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li a.haslink, li a.haslink{ color:#27aae1  !important; }

#sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li a.otherresourcetimesheetlink, li a.otherresourcetimesheetlink{ color:#27aae1  !important; }

/*theme code*/

/*theme code*/

/*
.k-bootstrap  .k-window-actions a {
    
    border-color: #115e7f !important;
    background-image: url(textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.23)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%);
    background-position: 50% 50%;
    background-color: #177fab;
    -webkit-box-shadow: none;
    box-shadow: none
} */

.k-blueopal #ascrail2000 div { background-color: #177fab !important;    }

.k-blueopal #sidebar-wrapper .panel.active .panel-heading{ border-left: 3px solid #177fab;}
.k-blueopal #sidebar-wrapper .panel:hover .panel-heading {
  background: #E6F2F8 !important;
  border-bottom: 1px solid #27aae1 !important;
  border-right: 1px solid #27aae1;
  border-top: 1px solid #27aae1 !important;
}

.k-blueopal #sidebar-wrapper .panel.active .panel-body {background: #E6F2F8;}
.k-blueopal #sidebar-wrapper .panel .panel-body ul > li > a {border-bottom: 1px solid #E6F2F8; border-top: 1px solid #E6F2F8;}

.k-blueopal  #sidebar-wrapper .panel .panel-body ul > li:hover > a {background: #E6F2F8;}


/*k-metro*/


.k-metro  .k-window-actions a {
    
    color: #fff;
    border-color: #7ea700 !important;
    background-image: none;
    background-position: 50% 50%;
    background-color: #7ea700;
    -webkit-box-shadow: none;
    box-shadow: none
}
.k-metro  .k-window-actions a span{color: #fff;}
.k-metro  .k-window-actions a:focus {
    color: #fff;
    border-color: #0e1300;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.k-metro  .k-window-actions a:hover {
    color: #fff;
    border-color: #8ebc00;
    background-image: none;
    background-color: #8ebc00;
    -webkit-box-shadow: none;
    box-shadow: none
}
 
.k-metro .k-button:hover,.k-metro .k-button:hover span{ color:#FFF !important;} 




.k-metro #ascrail2000 div { background-color: #7ea700 !important;    }

.k-metro #sidebar-wrapper .panel.active .panel-heading{ border-left: 3px solid #7ea700;}
.k-metro #sidebar-wrapper .panel:hover .panel-heading {
  border-bottom: 1px solid #7ea700 !important;
  border-right: 1px solid #7ea700;
  border-top: 1px solid #7ea700 !important;
}
.k-metro #sidebar-wrapper .panel-collapse {   border: 1px solid #7ea700;}
.k-metro #sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li a {color: #7ea700 !important;}
.k-metro .top-option-three .user-name{ color:#7ea700 !important;}
.k-metro .notification-number{ background:#008000 !important; color:#FFF;}
.k-metro #sidebar-wrapper .panel:hover .fa-chevron-right:before{ content:url(../assets/menu-arrow-right-metro.png) !important;}

.k-metro  .search-wrapper:hover .k-i-close { background-color:#7EA700;}


.k-metro .km-switch-label-on, .k-metro .km-switch-label-off {
  background: #8ebc00 !important;
  border: medium none !important;
  color: #FFF !important;
}
.k-metro .fieldlist .km-switch {
  border: 1px solid #8ebc00;
}


/*k-fiori*/

 
.k-fiori .btn-primary{ color:#FFF !important; }
.k-fiori  .k-window-actions a {
    
    background-color: #eaeaea;
border-color: #eaeaea;
color: #333333;
    -webkit-box-shadow: none;
    box-shadow: none
}
.k-fiori .k-window-actions a span{color: #333333;}
.k-fiori .k-window-actions a:focus {
    color: #333333;
    border-color: #eaeaea;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.k-fiori  .k-window-actions a:hover {
    color: #333333;
    border-color: #eaeaea;
    background-image: none;
    background-color: #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none
}
 
.k-metro .k-button:hover,.k-metro .k-button:hover span{ color:#FFF !important;} 


.k-fiori .km-switch-label-on, .k-fiori .km-switch-label-off {
  background: #eaeaea !important;
  border: medium none !important;
  color: #333333 !important;
}

.k-fiori .fieldlist .km-switch {
  border: 1px solid #333333;
}

.k-fiori #sidebar-wrapper .fa-chevron-right:before{ content:url(../assets/menu-arrow-right-fiori.jpg);}

.alertken {
background-color: #ffffff !important;
position: fixed !important;
top: 150px !important;
z-index: 99999 !important;
border-color:#CCC;
} 
.alertken .k-window-actions a[aria-label="Close"], .alertken  .k-window-action.k-state-hover { background: url(../assets/close-icon.jpg) no-repeat !important; background-position:0 0 !important; border: medium none;
    height: 18px;
    width: 18px; }

/*end theme code*/


#menuTree .menu-icon{ margin-right:10px;}
#menuTree .fa-edit { margin-left:10px;}



/*profile*/
.k-tabbox{}
.k-tabbox .tab-contentbox{ padding:15px !important; border:none !important;}
.k-tabbox.k-tabstrip:focus { box-shadow:none !important;}

.k-tabbox ul.k-tabstrip-items li{ background:none !important; border:none !important; background-position:center bottom  !important}



.k-bootstrap .k-tabbox ul.k-tabstrip-items li:hover { background: rgba(0, 0, 0, 0) url("../assets/tab-arrow.png") no-repeat !important; background-position:center bottom  !important;}

.k-bootstrap .k-tabbox ul.k-tabstrip-items li.k-state-active { background: rgba(0, 0, 0, 0) url("../assets/tab-arrow.png") no-repeat !important; background-position:center bottom  !important;}

/*.k-tabbox .k-input{ padding: 3px 12px !important; height: 26px !important;    line-height: 26px !important;min-width:50% !important; }*/ 

/* below css for entity custom field open */ 
.k-tabbox .k-textbox{border-radius: 0 !important;box-shadow: none !important;color: #000000 !important;font-weight: normal !important;  min-width:50% !important; padding: 0px !important;}

/*#fieldlist .k-textbox .k-dropdown-wrap  .k-icon{margin: -8px 0 0 -10px !important;}*/
.fieldlist .k-textbox.k-dropdown{ border-bottom: 0 none !important;
border-right: 0 none !important;
border-left: 0 none !important;
border-top: 0 none !important;
height: auto !important;
padding: 0 !important; }


.k-tabbox .k-datepicker .k-picker-wrap .k-input{ padding: 3px 0 !important;  border-color: #002989; border-style: solid; border-width: 0 0 0 0; }


.k-tabbox .k-multiselect.k-textbox{
	padding: 0px !important;
	height: auto !important;
	width: 100% !important;
	border-color: #b5b4b6 #b5b4b6 #b5b4b6 #002989 !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 2px !important;
}
.k-tabbox .k-formatted-value.k-input{
	padding: 0px !important;
	height: 35px !important;
	width: 100% !important;
	border-color: #b5b4b6 #b5b4b6 #b5b4b6 #002989 !important;
	border-style: solid !important;
	border-width: 0 0 0 0 !important;
	line-height: 1.94em !important;
}
.k-tabbox .k-multiselect > .k-multiselect-wrap > .k-i-close {
  top: 16px;
}
.k-tabbox .k-multiselect > .k-multiselect-wrap > .k-i-x {
  top: 16px;
}.k-tabbox .k-multiselect > .k-multiselect-wrap > .k-clear-value {
  margin-right: 6px;
  margin-top: 6px;
}

.k-tabbox .k-multiselect-wrap li{
    float: left!important;
    line-height: 1.79em!important;
    margin: 1px 0 1px 1px!important;
    padding: 0.1em 1.6em 0.1em 0.4em !important;
    position: relative!important;
    border-radius: 5px !important;
}
.k-tabbox .k-multiselect-wrap .k-select {
  /*position: static;*/
  line-height: 28px!important;
  width:13px !important;
  background-color: #daecf4 !important;
}
.k-tabbox .k-multiselect-wrap .k-select:hover {
  
  background-color: #55c5f3 !important;
}




.k-multiselect-wrap li span.k-icon{
    margin: -8px 0 0!important;
}


.k-planning-views .k-multiselect-wrap span.k-clear-value{
    margin-right:10px !important;
}
.k-planning-views .k-multiselect-wrap li{
    border-radius: 5px !important;
}


.k-material .k-tabbox .groups-holder ul li span.k-input{  color: #003f59 !important; }
.k-material .k-tabbox .groups-holder ul li span.k-input .required-text{  color: red !important; }

.panel .panel-collapse{ border-bottom:1px solid #ebebeb;  margin-bottom: 20px; }


/* .k-tabbox label { color: #aaaaaa !important;   font-size: 10pt !important; font-weight: normal !important; margin-bottom: 5px !important;} */
.k-tabbox .k-select{ line-height: 32px;}
.k-tabbox .panel-group .panel{ border:none;}
.k-tabbox .panel-group .panel-heading {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 1px solid #ebebeb;}

/* un removed tabbox for diplay validation & percentage 6 june 2021*/
.k-tabbox .panel-group .panel-heading .panel-title {color: #27aae1;font-size: 11pt;font-weight: normal; position: relative; }
.k-tabbox .panel-group .panel-heading .panel-title a{padding-left:0px !important; padding-right:0px !important; position:relative; z-index:10; color:#27aae1 !important;}
.k-tabbox .panel-group .panel-heading { position:relative; z-index:0;}
.k-tabbox .panel-group .panel-heading .fa {font-size: 9pt; font-weight: normal; margin-top: -5px;position: absolute; right: 10px; top: 50%; z-index:1; cursor:pointer;}
.k-tabbox .tab-contentbox [class*="col-"]{ box-sizing:border-box;}

 .k-tabbox ul.k-tabstrip-items li{ z-index:0 !important;}
/* un removed tabbox for diplay validation & percentage */

.k-metro .k-tabbox ul.k-tabstrip-items { border-bottom:1px solid #7EA700; } 
.k-metro .k-tabbox ul.k-tabstrip-items li:hover { background: rgba(0, 0, 0, 0) url("../assets/tab-arrow-metro.png") no-repeat !important; background-position:center bottom  !important;}
.k-metro .k-tabbox ul.k-tabstrip-items li.k-state-active { background: rgba(0, 0, 0, 0) url("../assets/tab-arrow-metro.png") no-repeat !important; background-position:center bottom  !important;}
.k-metro .k-tabbox ul.k-tabstrip-items li.k-state-active span, .k-metro .k-tabbox ul li:hover span {   color: #7ea700 !important;}
.k-metro .fileuloadbox:hover span { color:#FFF !important;}

.k-blueopal a.croddbutton{color:#27aae1 !important}
.k-metro a.croddbutton{color:#7ea700 !important}

.k-fiori .k-tabbox ul.k-tabstrip-items { border-bottom:1px solid #ebf0f5; } 
.k-fiori .k-tabbox ul.k-tabstrip-items li:hover { background: rgba(0, 0, 0, 0) url("../assets/tab-arrow.png") no-repeat !important; background-position:center bottom  !important;}
.k-fiori .k-tabbox ul.k-tabstrip-items li.k-state-active { background: rgba(0, 0, 0, 0) url("../assets/tab-arrow.png") no-repeat !important; background-position:center bottom  !important;}
.k-fiori .k-tabbox ul.k-tabstrip-items li.k-state-active span, .k-metro .k-tabbox ul li:hover span {   color: #5b9bd1 !important;}
.k-fiori .fileuloadbox:hover span { color:#ebf0f5 !important;}

.captionGrid .k-grid-toolbar { margin-top:5px;}

.alreadyexists td:first-child{ color: red; }
.modal-window #example{ padding-left:0px !important; margin-top:0 !important;}
.modal-window  #wrapper{ padding-left:0px; margin-top: 15px !important; padding-right:20px !important;}

body.modal-window:before{ position:static !important;}

.required-text{ color:red !important;}
html[class*="k-"] body label  span.required-text{ color:red !important; padding-left: 5px;}
/* .k-auto-scrollable .k-icon{height: 14px !important;}*/

.formarea{ overflow:hidden; width:auto; float:none; min-height: 400px;}
.photoarea{ width:250px; float:right;}
.photoarea li{ list-style:none;}




.iframe-window{}
 .iframe-window #example{ margin-top:10px !important;}
.iframe-window #example,.iframe-window  #wrapper, .iframe-window  #page-content-wrapper{ padding-left:0px !important;}
.iframe-window .setbtnbox{ padding-left:20px !important; }
.iframe-window #example > #example{ margin-top:0px ; }
.iframe-window .k-window-title{ top:4px;}
/*http://path/ccipsa/company/account ke view icon ke  liye*/
.formbox  .k-invalid-msg{font-size: 10pt;min-width: 140px !important; left:97%; top:-10px; /* top:-14%; */ }
.formbox  .k-invalid-msg .k-callout-w{ top:25% !important;}
.k-tabstrip-top .panel-heading{ margin-bottom:15px;}

.right-validation{ position:relative; display: inline-block; min-width: 20px;}
.right-validation .k-invalid-msg{ right:inherit; top:0px; left:100%;   min-width: 160px !important; margin-top:0 !important; }


.k-material body .innerGrid .k-button{color:#fff !important;border-color:#115e7f !important;background-image:url(textures/highlight.png) !important;background-image:none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.23))) !important;background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.23) 100%) !important;background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.23) 100%) !important;background-position:50% 50% !important;background-color:#177fab !important;-webkit-box-shadow:none !important;box-shadow:none !important;    padding: 2px 14px !important; font-size:10pt;}


.k-metro body .innerGrid .k-button{background-color: #7ea700 !important;
background-image: none !important;
background-position: 50% 50% !important;
border-color: #7ea700 !important;
box-shadow: none !important;
color: #ffffff !important; padding: 0 14px !important; }


.k-fiori body .innerGrid .k-button{background-color: #f2f2f2 !important;
border-color: #bfbfbf !important;
border-style: solid !important;
border-width: 1px !important;
color: #333333 !important; padding: 0 14px !important; }


.popup-half{ box-sizing: border-box;float: left;margin-right: 20px;width: auto;}
.k-blueopal .bluetxt{ color:#27aae1 ;}
.k-metro .bluetxt{ color:#7EA700 ;}
.k-fiori .bluetxt{ color:#847F85 ;}

.access-holderbox{ border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px; -o-border-radius:15px; border:solid 1px darkgrey; padding:15px; min-height:250px;}
.access-holderbox .k-textbox {padding: 0 !important; height: auto!important; padding-right:35px !important; box-sizing:border-box !important; border-radius:4px !important; -moz-border-radius:4px !important;-webkit-border-radius:4px !important;-ms-border-radius:4px !important; -o-border-radius:4px !important;}
.access-holderbox .k-textbox .k-i-search{ margin-right: 7px !important;}
.access-holderbox .k-textbox.search-wrapper .k-i-close { right: 42px;}


.access-list ul { padding:0px;}
.access-list ul li{ list-style:none !important; margin-bottom:10px; position:relative;}
.access-list .km-switch{ border:solid 1px #CCC; }
html .access-list .km-switch span[class*="km-switch-label-"]{color:#FFF !important;}
.viewedit-btn{ position:absolute; /*right: 0%; top: -5px;*/ left: 251px;    top: -2px;}

.k-button.onbtn{ background-image: url("../assets/on-off.png");
background-color:green;
border:solid 1px green;
background-repeat: no-repeat;
height: 22px;
margin-bottom: 5px;
padding: 9px 20px !important;
width: 15px;}


.k-dropdown .k-invalid-msg{ right: -170px; top: 0;}

.commGrid .k-tooltip{ /*margin-left: -160px !important;margin-right: 0.5em !important;margin-top: 30px !important;*/
position:inline-table !important;
}


/**/
.k-custom-visible  .k-textbox {  box-sizing: border-box;    height: 44px !important; padding: 5px !important; border-left:none !important; border-top:none !important; border-right:none !important;}
.k-custom-visible  .k-textbox input[type='text']{ max-width:92%;}
.k-custom-visible  .k-group { width:100%;}
.k-custom-visible .k-treeview-lines  .k-item  { margin-top:0px !important; margin-bottom:0px !important; }
.k-custom-visible  .k-item   span{ display:inline-block}



/*kendo ui validation message position*/
#AddCustomEntityForm .labelinput { position:relative;}
#AddCustomEntityForm .labelinput .k-invalid-msg{  b margin-left: -10% !important;margin-top: 4px !important;  right: -0px; top: 0; margin-left: -10% !important;}

#AddCustomEntityForm .labelinput .k-dropdown .k-invalid-msg {
    right: -170px;
    top: 0;
    
}


#registrationForm .k-textbox span .k-icon.k-i-warning{ background:url(../assets/validation-error-messagearrow.png) no-repeat; width:5px; height:12px; left: -5px; top: 16px;}

/*
body .croddbutton{ width:28px; height:19px;  font-size:0px !important; background-size:100% 100% !important;   padding: 0 !important; top: inherit !important;  margin-top: -12px;}*/

body .croddbutton{ width:12px; height:10px;  font-size:0px !important; background-size:100% 100% !important;   padding: 0 !important; top: inherit !important;  margin-top: -12px;}

.k-blueopal .croddbutton{ background:url(../assets/close-icon.png) no-repeat;}
.k-fiori .croddbutton{ background:url(../assets/close-icon2.png) no-repeat;}
.k-metro .croddbutton{ background:url(../assets/close-icon3.png) no-repeat;}


/*#menuTreeWindow .k-treeview .k-in{ padding:1px 0.6667em 1px 0.5833em;  line-height: 18px;font-size: 10pt; cursor:move;}*/
#menuTreeWindow .k-treeview-lines li, #menuTreeWindow .k-treeview-lines li:first-child { margin:1px 0 !important;}
 .dropdownTreeViewTop .k-treeview-lines li{ padding-bottom:0px !important;}
.dropdownTreeViewTop .k-treeview-lines li .k-in{  padding:1px 0.6667em 1px 0.5833em !important; line-height: 18px !important;font-size: 10pt; }
.dropdownTreeViewTop .k-treeview-lines li,.dropdownTreeViewTop .k-treeview-lines li:first-child{ margin:1px 0 !important;}
.dropdownTreeViewTop .expandAllOption{ position: relative; z-index:999;} 

.dropdownTreeViewTop{ border:1px solid grey, background:#fff, z-index : 999, display: none, position: absolute;}




/*#taxCategoryTreeWindow .k-treeview .k-in{ padding:1px 0.6667em 1px 0.5833em;  line-height: 18px;font-size: 10pt; cursor:move;}*/
#taxCategoryTreeWindow .k-treeview-lines li, #taxCategoryTreeWindow .k-treeview-lines li:first-child { margin:1px 0 !important;}

#DepartmentIdTreeView.dropdownTreeViewTop{ z-index:99999999 !important;}

.ProjectManagerWindow,.ProjectEditorMainWindow{background-color: #ffffff;border:none ;box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);  float: left; width: 100%;}
.ProjectManagerWindow .fullrow,.ProjectEditorMainWindow .fullrow{ padding:5px 10px 0px !important;}

.ProjectManagerWindow .k-checkbox-label,.ProjectEditorMainWindow .k-checkbox-label {display: inline-block !important;}
.ProjectManagerWindow .search-wrapper,.ProjectEditorMainWindow .search-wrapper{ padding:2px 25px 2px 1px !important; height: 37px !important; border-left:solid 1px #CCC !important; border-radius:4px !important; margin-bottom: 8px !important; }

.ProjectManagerWindow .selectTypediv,.ProjectEditorMainWindow .selectTypediv{ width:104%; float:left; padding:5px;  box-sizing: border-box; margin:0 -10px 5px -10px !important;} 
.ProjectManagerWindow .selectTypediv label,.ProjectEditorMainWindow .selectTypediv label{ margin-bottom:0px !important; color:#838085 !important; } 
.ProjectManagerWindow .ddwindow,.ProjectEditorMainWindow .ddwindow{ border:none; background:none;}
.ProjectManagerWindow .k-tabbox label,.ProjectEditorMainWindow .k-tabbox label{  margin-bottom: -2px !important;}
.ProjectManagerWindow  .ddwindow,.ProjectEditorMainWindow  .ddwindow{ background: #ffffff ;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    position: absolute;
    bottom:35px;
    top:inherit;
    width: auto;
    overflow:hidden;
    /* min-height:400px; */
    max-height:400px;
    left:15px;
    right:15px;
    
    z-index: 999;}
    
.ProjectManagerWindow  .ddwindow1,.ProjectEditorMainWindow  .ddwindow1{ background: #ffffff ;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    position: absolute;
    top:34px !important;
    bottom:inherit;
   width: auto;
    overflow:hidden;
    /* min-height:400px; */
    max-height:400px;
    left:15px;
    right:15px;
    z-index: 999;}    
    
    .ProjectManagerWindow .ddwindow .selectTypediv,.ProjectEditorMainWindow .ddwindow .selectTypediv {
    box-sizing: border-box;
    float: left;
    margin: 0 -3px !important;
    padding: 5px;
    width: 100%;
    }
    .ProjectManagerWindow .k-item,.ProjectEditorMainWindow .k-item{ margin-bottom:0px !important; margin-top:0px !important;}
    .ProjectManagerWindow .ddwindow .k-treeview,.ProjectEditorMainWindow .ddwindow .k-treeview{ min-height:200px !important; max-height:200px !important;} 
    
    .ProjectManagerWindow .k-treeview-lines li:first-child,.ProjectEditorMainWindow .k-treeview-lines li:first-child { margin-top:0px !important;;}
    
    .ProjectManagerWindow .k-radio-label,.ProjectEditorMainWindow .k-radio-label{ padding-bottom:1px !important; margin-bottom:1px !important;}
    
    
    
    .headerTemplateDiv{ position:relative;}
    .headerTemplateDiv .k-tooltip{ position:absolute; left:0px; bottom:-40px;}
    .headerTemplateDiv .k-tooltip .k-callout-w{ display:none;}

/*NonProjectTaskSwitch*/    
.NonProjectTaskSwitch .km-switch-container{ left: 20px; overflow: visible;  width: 55px; }    
.NonProjectTaskSwitch .km-switch{ width:105px !important;}    
.NonProjectTaskSwitch .km-switch-handle{width:50px; position:relative;}

.NonProjectTaskSwitch.add .km-switch-label-on{left: -19px;width: 90px;} 
.NonProjectTaskSwitch.add.onbtn .km-switch-label-off {  left: -58px; width: 90px;}

.NonProjectTaskSwitch .km-switch-label-on{left: -73px;width: 90px;} 
.NonProjectTaskSwitch .km-switch-label-off {  left: 86px; width: 90px;}
.NonProjectTaskSwitch.onbtn  .km-switch-label-on{left: -165px;width: 90px;} 
.NonProjectTaskSwitch.onbtn .km-switch-label-off {  left: -4px; width: 90px;}

/*timesheetGrid*/
.timesheetGrid{}
.timesheetGrid  table,.timesheetGrid th, .timesheetGrid td, .timesheetGrid tr:hover th, .timesheetGrid tr:hover td, .timesheetGrid tr:hover, .timesheetGrid  .k-grid-header-wrap, .timesheetGrid tr td td, .timesheetGrid tr td td td, .timesheetGrid .k-grid-header,  .timesheetGrid .k-alt { background:none !important; border:none !important;}    
.timesheetGrid .k-grid, .timesheetGrid  .k-content, .timesheetGrid  #outerWrapper{ border:none !important;}
.timesheetGrid .k-grid-header{ border-bottom:solid 1px #CCC !important;}    
.timesheetGrid .borderTOp td, .timesheetGrid .borderTOp:hover td{ border-top:solid 1px #CCC !important;}    

.k-grid-showovertime:hover{
    text-decoration:none !important;
    
}
.k-grid-shownonworkdays:hover {
    text-decoration:none !important;
    
}

.movie-template.is-billable { background-color: #d1efd5; }
.movie-template.non-billable { background-color: #daf2fe; }
.movie-template.non-project { background-color: #f6e6f6; }

.TimeSheet-BtnCell .btn {
    border:solid 1px silver;
    font-size:initial;
    font-weight:bold;
    border-radius:3px !important;
    -moz-border-radius:3px !important;
    -ms-border-radius:3px !important;
    -o-border-radius:3px !important;
    -webkit-border-radius:3px !important;
    text-align:center;
    width:100%;
    margin:0;
    box-sizing: border-box;
    font-size:10pt;
}
.TimeSheet-BtnCell .btn .fa-sort-desc { vertical-align:top;margin-right:-2px;}
/* Little padding adjustment for buttons when task-details aside is open. */
#example123.col-lg-9 .TimeSheet-BtnCell .btn { padding: 3px 5px !important; }

.TimeSheet-BtnCell.is-billable .btn { background-color: #d1efd5; overflow-x:hidden; }
.TimeSheet-BtnCell.non-billable .btn { background-color: #daf2fe; border-color: #85c0de; }
.TimeSheet-BtnCell.non-project .btn { background-color: #f6e6f6; }

.timesheetOldSkyButton .btn .fa-sort-desc{ vertical-align:top;}
.timesheetOldSkyButton .btn{ 
background-color: #0299d3; 
border-color:#0299d3;
}

.timesheetOldGreenButton .btn .fa-sort-desc{ vertical-align:top;}
.timesheetOldGreenButton .btn{ 
background-color: green; 
border-color:green;

}
.timesheetOldPurpleButton .btn .fa-sort-desc{ vertical-align:top;}
.timesheetOldPurpleButton .btn{ 
background-color: purple; 
border-color:purple;
}

.timesheetOldGrayButton{ background:#f4f4f4; color:
#320000;
height:22px; 
display:inline-block; 
margin:0 auto; 
text-align:center;
min-width: 45px;
font-weight:bold;
line-height: 20px;
padding: 1px 5px;
width:100%;
box-sizing: border-box;
}

.timesheetOldLightGrayButton{ background:#f4f4f4; 
/*color:#d3d3d3 !important;*/
color:#bbb !important;
border-radius:3px !important;
-moz-border-radius:3px !important;
-ms-border-radius:3px !important;
-o-border-radius:3px !important;
-webkit-border-radius:3px !important;
height:22px; display:inline-block; margin:0 auto; text-align:center;
min-width: 45px;
font-weight:bold;
line-height: 20px;
padding: 1px 5px;
width:100%;
box-sizing: border-box;
}
.timesheetOldRedButton{ background:#f4f4f4; 
color:red !important;
border-radius:3px !important;
-moz-border-radius:3px !important;
-ms-border-radius:3px !important;
-o-border-radius:3px !important;
-webkit-border-radius:3px !important;
height:22px; display:inline-block; margin:0 auto; text-align:center;
min-width: 45px;
font-weight:bold;
line-height: 20px;
padding: 1px 5px;
width:100%;
box-sizing: border-box;
}

.timesheetOldLockedButton{ background:#f4f4f4; 
color:red !important;
border-radius:3px !important;
-moz-border-radius:3px !important;
-ms-border-radius:3px !important;
-o-border-radius:3px !important;
-webkit-border-radius:3px !important;
height:22px; display:inline-block; margin:0 auto; text-align:center;
min-width: 45px;
font-weight:bold;
line-height: 20px;
padding: 1px 5px;
width:100%;
box-sizing: border-box;
}

.timesheetOldLightGreenButton{ background:#f4f4f4; 
color:#6fa86f !important;
border-radius:3px !important;
-moz-border-radius:3px !important;
-ms-border-radius:3px !important;
-o-border-radius:3px !important;
-webkit-border-radius:3px !important;
height:22px; display:inline-block; margin:0 auto; text-align:center;
min-width: 45px;
font-weight:bold;
line-height: 20px;
padding: 1px 5px;
width:100%;
box-sizing: border-box;
}


.unpin-image {
    background-image: url("../assets/unpin.png");
    height:15px;
    width:15px;
    display:inline-block;
}

.pinned-image {
    background-image: url("../assets/push-pin.png");
    height:15px;
    width:15px;
    display:inline-block;
}
/*
.approve-image {
    background-image: url("../assets/accept-icon.png");
    height:15px;
    width:15px;
    display:inline-block;
}*/
.k-state-selected .approve-image {
    background-image: url("../assets/accept-icon-hover.png");
    height:15px;
    width:15px;
    display:inline-block;
}
/*
.reject-image {
    background-image: url("../assets/reject-icon.png");
    height:15px;
    width:15px;
    display:inline-block;
}*/
.k-state-selected .reject-image {
    background-image: url("../assets/reject-icon-hover.png");
    height:15px;
    width:15px;
    display:inline-block;
}


.timesheetdatepicker #datepicker,.timesheetdatepicker .k-datepicker, .timesheetdatepicker .k-picker-wrap, .timesheetdatepicker .k-select{ height:5px !important; min-height:5px !important;}


.frozon-div.timesheetdatepicker{text-align:center;} 
.frozon-div.timesheetdatepicker #open.k-link{ float:none; display:inline-block;  vertical-align: top;}
.frozon-div.timesheetdatepicker #open.k-link .k-i-calendar{ display:inline-block; margin-right:5px;}
.frozon-div.timesheetdatepicker .main-heading{ float:left;}

.frozon-div.timesheetdatepicker .leftarrow,.frozon-div.timesheetdatepicker .rightarrow{ color:#003f59;}
.frozon-div.timesheetdatepicker .leftarrow { padding-right:15px;}
.frozon-div.timesheetdatepicker .rightarrow { padding-left:15px;}
.frozon-div.timesheetdatepicker .k-grid-toolbar input[type="checkbox"]{ margin-top:0px;}
.frozon-div.timesheetdatepicker .k-grid-toolbar{ padding-bottom:0px;}    
    
#scheduler .k-event-delete .k-si-close, #scheduler .k-event-delete:hover .k-si-close{ background: url(../assets/close-16.png) no-repeat; height: 10px;
    margin-right: 5px;
    width: 10px; background-size:100% 100%; display:inline-block;}    



#ExpenseDiv .km-switch, #ExpenseCategoryDiv  .km-switch{ margin-top:5px !important; width:120px !important; /* transform: translateX(-30px) translateY(0px) !important;*/ margin-left:10px !important; box-shadow:none !important; border:none !important; background:#FFF !important; border-radius:0px !important; }
#ExpenseDiv span.km-switch-container span, #ExpenseCategoryDiv span.km-switch-container span{ font-size:10pt !important;  height:50px !important; text-align:center !important; border-radius:0px !important;}

#ExpenseCategoryDiv  span.km-switch-container span, #ExpenseDiv  span.km-switch-container span{ font-size:9pt !important;  height:50px !important; border-radius:0px !important; }
#ExpenseCategoryDiv  span.km-switch-container  .km-switch-handle span:first-child, #ExpenseDiv  span.km-switch-container  .km-switch-handle span:first-child{ margin-top:-1px !important; width:80px;}    
#ExpenseDiv .km-switch .km-switch-label-on,  #ExpenseCategoryDiv .km-switch-label-on{ margin-left:-0px !important;   padding-left:15px !important; box-sizing:border-box; border-radius:0px !important;line-height:28px !important;}    
 #ExpenseCategoryDiv  .km-switch .km-switch-label-off,  #ExpenseDiv .km-switch .km-switch-label-off{width:100px !important; text-align:left !important; padding-left:5px !important;  margin-top:-1px !important; border-radius:0px !important; line-height:28px !important;}
 

     #ExpenseDiv .km-switch-handle, #ExpenseCategoryDiv .km-switch-handle{ box-shadow:none !important; width:60px  !important;border-radius:0px !important;}    

    
    
    #expensesDetails .setbtnbox,#expensesDetails1 .setbtnbox,#timeentryDetails .setbtnbox,#timeentryDetailsbyproject .setbtnbox{background-color: #f8f9fa;
border-color: #dee2e6;
color: #212529;  border-radius:5px 5px 0 0 !important;
    padding: 2px 14px;
    
    
    background-image:url(textures/highlight.png);background-image:none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
     border: 1px solid #dee2e6 !important;
     color: #212529;
    
    
    
    }
    
#expensesDetails .setbtnbox + .ra-well-title,#expensesDetails1 .setbtnbox + .ra-well-title,#timeentryDetails .setbtnbox + .ra-well-title,#timeentryDetailsbyproject .setbtnbox + .ra-well-title{ margin-top:0px; margin-left:0px; margin-right:0px;border: 1px solid #dee2e6 !important; border-top:0px !important;}
    
#resourcetimegrid .k-detail-row th:first-child ,#resourcetimegrid .k-detail-row td:first-child{ padding-left:10px !important;}
    
#resourcetimegrid .k-detail-row th:first-child label ,#resourcetimegrid .k-detail-row td:first-child label{ height: 15px; width:15px; float: left; vertical-align: baseline; margin: 0px !important;
    padding: 0px !important;}
    
#resourcetimegrid .k-detail-row td #header-chb-child{     border: 0 !important;}

#timeapprovalContent .btn-group label {background-color: #e1f0f6 !important; color: #454a4c !important; border-radius:0px; font-size:10pt; border: solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
#timeapprovalContent .btn-group label.active { background-color: #347d9c !important; color:#ffffff !important; border-radius:0px; font-size:10pt;  border: solid 1px #1b6e90; height: 24px; line-height: 24px;} 
#timeapprovalContent .rediobtn{ margin-top: -8px;  }
#timeapprovalContent  .btn-group label, .approvaltab  .btn-group label.active{ margin-right: 0 !important; height: auto !important;}
#timeapprovalContent  .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important;
 -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important;}
#timeapprovalContent  .btn-group label:last-child{    -moz-border-radius:0 5px 5px 0 !important;    -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important;}

#expenseapprovalContent .btn-group label {background-color: #e1f0f6 !important; color: #454a4c !important; border-radius:0px; font-size:10pt; border: solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
#expenseapprovalContent .btn-group label.active { background-color: #347d9c !important; color:#ffffff !important; border-radius:0px; font-size:10pt;  border: solid 1px #1b6e90; height: 24px; line-height: 24px;} 
#expenseapprovalContent .rediobtn{ margin-top: -8px;  }
#expenseapprovalContent  .btn-group label, .approvaltab  .btn-group label.active{ margin-right: 0 !important; height: auto !important;}
#expenseapprovalContent  .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important;
 -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important;}
#expenseapprovalContent  .btn-group label:last-child{    -moz-border-radius:0 5px 5px 0 !important;    -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important;}

#invoiceapprovalContent .btn-group label {background-color: #e1f0f6 !important; color: #454a4c !important; border-radius:0px; font-size:10pt; border: solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
#invoiceapprovalContent .btn-group label.active { background-color: #347d9c !important; color:#ffffff !important; border-radius:0px; font-size:10pt;  border: solid 1px #1b6e90; height: 24px; line-height: 24px;} 
#invoiceapprovalContent .rediobtn{ margin-top: -8px;  }
#invoiceapprovalContent  .btn-group label, .approvaltab  .btn-group label.active{ margin-right: 0 !important; height: auto !important;}

#invoiceapprovalContent  .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important;
 -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important;}

#invoiceapprovalContent  .btn-group label:last-child{    -moz-border-radius:0 5px 5px 0 !important;    -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important;}    
    
#AddNewCustomField123 .k-textbox{ padding:1px !important; background:none !important;}    
#AddNewCustomField123 .k-datepicker{ padding:1px !important; }    
    .fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14pt;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.disableClass.k-textbox,.disableClass.k-input{ color:#b5b4b6 !important; }


.customplus{  background-position:center center; cursor:pointer;}    



.customplusinner{ background:url(../assets/plus-icon.png) no-repeat; background-position:center center; cursor:pointer;}    
    
.clear{
    clear:both;
}


.taxSummary {
    width: 230px;
    position: absolute;
    top: 10%;
    right: 10px;
    font-size: 10pt;
    font-weight: 400;
    font-family: Roboto;
}

.taxTotal{width: 60px;border-right: 1px solid #ccc;text-align: right;padding-right: 10px;}
.amountTotal{ width: 110px;text-align: right;padding-right: 30px;padding-top: 7px;font-size: 11pt;color: #6994fb;font-weight: bold;font-family: Roboto; }


.vertical_align{ vertical-align:top !important;}
.vertical_align input[type=checkbox]{ position:absolute; }
    
    
/*fullrow*/
.fullrow:before, .fullrow:after{ content:""; display:table;}
.fullrow:after{ clear:both;}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 979px) {
    .top-option .top-option-one{ display:none !important;}
    .top-option .top-option-one.searchview{ display:block !important;}
    
        #configure{ position:static; float:right; display:block !important;}
        #configure{ border:none;}
        #configure .glyphicon { color:#27AAE1;}
        .top-option-three{background: rgba(0, 0, 0, 0) url("../assets/top-option-border.png") no-repeat scroll right center !important;display: block;float: left;margin: 5px;padding: 0 15px;}
        .top-option-one.searchview{ background: none ;bottom: -43px;display: block !important;left: -7px;position: absolute;width: 100%;} 
    
    }
@media (max-width: 767px) {
    .k-menu.k-menu-horizontal .k-item {
        float: none;
    }

    header .container {
        padding-right: 0;
    }

    header .container h1 {
        padding-top: 0;
        line-height: 50px;
    }

    header label {
        border-width: 1px 0 0 0;
        display: block;
    }

    #configurator-wrap {
        position: absolute;
        overflow: hidden;
        height: 260px;
        right: 0;
        top: 50px;
        z-index: 1000;
        padding: 0;
        width: 320px;
    }

    #configurator {
        background-color: #272727;
        position: absolute;
        width: 100%;
        margin: 0;
    }
    
    
    #page-content-wrapper{ position:static;}
    #page-content-wrapper .well{ float:left; width:100%;}

    #menu-toggle{ width:auto; float:none;}
    
    
    .top-option-three{background: rgba(0, 0, 0, 0) url("../assets/top-option-border.png") no-repeat scroll right center !important;display: block;float: left;margin: 5px;padding: 0 15px;}

    
    .main-heading .big-btnrow{ margin:15px 0;}
    .inner-container {padding-left: 15px; padding-right: 15px;}
    #wrapper #page-content-wrapper{ padding:15px 0px;}
    #wrapper.toggled #page-content-wrapper{ padding:15px;}
    
} 


/* Portrait phones and smaller */
@media (max-width: 480px) {
.logobox,.userpanelbox{ width:100% !important; float:left; text-align:center;}
.logobox{ border-bottom:solid 1px #ebf0f5; padding-bottom:5px; margin-bottom:5px;}

.userpanelbox .top-option{ float:none !important;}
header{ padding-bottom:0px;}
.main-heading div{ margin:15px 0;}
.main-heading .big-btnrow a{ box-sizing: border-box;float: left;margin-bottom: 5px;width: 30%;}

/*menu*/
#sidebar-wrapper .panel-collapse{position: static;  min-width: inherit;}
#sidebar-wrapper .panel .panel-body ul{ width:100%;}
#sidebar-wrapper .panel .panel-body ul li{ width:100%;}
#sidebar-wrapper .panel .panel-body ul li ul{ position:static; width:100%; min-width:inherit; box-sizing: border-box;}

}
@media (max-width: 360px) {
    .main-heading .big-btnrow a{width: 46%;}
    #page-content-wrapper .nav-tabs > li{ width:100%; text-align:center;}    
}

.icongroup-pro {
    display: block;
    
    margin: 15px 0px;
    position: relative;
    width: 100%;
}
.ul_nw{padding-left:0px;}
.ul_nw li{text-align:center;}
.flt-no{float:none!important;}
.txt-lt{text-align:left!important;}
.mx-wd{max-width:200px;}
.checkbox-wid{ width:20px; }
.view-pad{ padding-top:7px; }

@media (max-width: 1800px) {
form#AddCustomEntityForm .labelinput {
    float: left;
    max-width: 100%;
    width: 46%;
}
#AddNewCustomField .fieldlist li {
    width: 100%;
}
form#AddCustomEntityForm .labelinput textarea {
    width: 100%;
}
}

@media (max-width: 1600px) {
form#AddCustomEntityForm .labelinput {
    float: left;
    max-width: 100%;
    width: 36%;
}

}
@media (max-width: 1366px) {
form#AddCustomEntityForm {
    height: 409px;
    overflow-x: hidden;
    overflow-y: scroll;
}    


form#AddCustomEntityForm .labelinput {
    float: left;
    max-width: 100%;
    width: 33%;
}
#AddNewCustomField .fieldlist li {
    width: 100%;
}
form#AddCustomEntityForm .labelinput textarea {
    width: 100%;
}
 
}

.k-window-actions a[aria-label="Maximize"], .k-window-actions a[aria-label="Restore"]{ background:none !important; border-radius:0px !important; padding:0px !important; border:solid 1px #115e7f; margin-right:5px !important; }
.k-window-actions a[aria-label="Maximize"] span, .k-window-actions a[aria-label="Restore"] span{padding:0px !important;}

.k-grid
{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

#outerWrapper{
    border-width: 1px !important;   
    box-shadow:0px !important;
    border-width:0px !important;
   
}
.k-autocomplete.k-header , td input[type="text"], th input[type="text"], .k-dropdown-wrap { -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    box-shadow:0px !important;
}
.k-grouping-header{
    -moz-border-radius:5px 5px 0 0; !important
    -webkit-border-radius:5px 5px 0 0 !important;
    border-radius:5px 5px 0 0 !important;
    overflow:hidden !important;
}
 
.k-grid-pager
{
    -moz-border-radius:0 0 5px 5px !important;
    -webkit-border-radius:0 0 5px 5px !important;
    border-radius:0 0 5px 5px !important;
    
}


.k-filtercell{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
   
}

.k-dropdown-wrap.k-state-default, td .k-widget.k-dropdown.k-header{
    -moz-border-radius:7px !important;
    -webkit-border-radius:7px !important;
    border-radius:7px !important;}
.k-dropdown-wrap{
    
    -moz-border-radius:5px 5px 5px 5px !important;
    -webkit-border-radius:5px 5px 5px 5px !important;
    border-radius:5px 5px 5px 5px !important;
    
}
.k-column-menu{
    
    -moz-border-radius:5px 5px 5px 5px !important;
    -webkit-border-radius:5px 5px 5px 5px !important;
    border-radius:5px 5px 5px 5px !important;
    
}

.k-widget{
    
    -moz-border-radius:4px 5px 4px 4px !important;
    -webkit-border-radius:4px 4px 4px 5px !important;
    border-radius:4px 4px 4px 4px !important;
    
}
.k-input{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
   
}

.k-state-hover{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
   
}
.k-state-focused{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    
}
.k-list-container{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-animation-container{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-menu-group{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-filterable{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-textbox{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-multiselect-wrap .k-input{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

.k-animation-container .k-multiselect-wrap{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

.k-tabbox .k-grouping-header{
    -moz-border-radius:5px 5px 0 0; !important
    -webkit-border-radius:5px 5px 0 0 !important;
    border-radius:5px 5px 0 0 !important;
    overflow:hidden !important;
}

.k-tabbox .k-grid
{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    overflow:hidden !important;
}
.k-column-menu{
    
    -moz-border-radius:5px 5px 5px 5px !important;
    -webkit-border-radius:5px 5px 5px 5px !important;
    border-radius:5px 5px 5px 5px !important;
}
.k-tabbox textarea.k-textbox{
    padding:3px 10px !important;
}

.k-tabbox .k-input{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    
}
.k-tabbox .k-textbox{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    border-left:1px solid #b5b4b6 !important;
    border-right:1px solid #b5b4b6 !important;
    border-top:1px solid #b5b4b6 !important;
    border-bottom:1px solid #b5b4b6 !important;
}
.k-tabbox .customnumerixtextbox{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    
}
.k-tabbox .k-state-default{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-tabbox .k-widget{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-tabbox .k-dropdown{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-tabbox .k-animation-container{
    -moz-border-radius:6px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-tabbox .k-list-container{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

.k-list-container{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-list-scroller{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-list-scroller ul li{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-list-optionlabel{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}


.k-filtercell{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-dropdown-wrap{
    
    -moz-border-radius:5px 5px 5px 5px !important;
    -webkit-border-radius:5px 5px 5px 5px !important;
    border-radius:5px 5px 5px 5px !important;
    
}
.k-column-menu{
    
    -moz-border-radius:5px 5px 5px 5px !important;
    -webkit-border-radius:5px 5px 5px 5px !important;
    border-radius:5px 5px 5px 5px !important;
    
}
.k-widget{
    
    -moz-border-radius:5px 5px 5px 5px !important;
    -webkit-border-radius:5px 5px 5px 5px !important;
    border-radius:5px 5px 5px 5px !important;
    
}
.k-input{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
   
}

.k-state-hover{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
   
}
.k-state-focused{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    
}
.k-list-container{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-animation-container{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-menu-group{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-filterable{
    -moz-border-radius:0px !important;
    -webkit-border-radius:0px !important;
    border-radius:0px !important;*/
}
.k-textbox{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

.k-multiselect-wrap{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-multiselect-wrap ui{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-multiselect-wrap ui li.k-button{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-picker-wrap{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-tabbox .k-multiselect.k-textbox{
    border-left:1px solid #b5b4b6 !important;
}
.k-tabbox .k-datepicker .k-picker-wrap .k-input{
    border-left:1px solid #b5b4b6 !important;
}

#projectOuterWrapper{
     border-width: 1px !important;
     
    
    box-shadow:0px !important;
    border-width:0px !important;
  }
#projectOuterWrapper{
     border-width: 1px !important;
    box-shadow:0px !important;
    border-width:0px !important;
}
.captionGrid {
     -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    overflow: hidden;
}
.k-grid-toolbar .k-button{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.km-switch{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.imgupload .fileuloadbox{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox>input{
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}
.currencyGrid {
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    overflow:hidden;
}
.stopwatch-icon{ position:relative !important;}

.stopwatch-icon{ position:relative !important; cursor:pointer;}

.stopwatch-box{ width: 500px; position: absolute; top: 36px; left: -200px; height: auto; min-height:100px; border: 1px solid #cccccc; font-size:10pt; background:#ffffff; border-radius:5px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);
background-clip: padding-box; z-index: 111;}

.stopwatch-box:after
{
    background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
    left: 39%;
    position: absolute;
    top: -15px;
}

.stopwatch-box label{ border:none; line-height:24px;}
.stopwatch-box .clearall label{ font-size:10pt !important; line-height:18px !important;}
.stopwatch-box .labeltext{ padding-left:10px; padding-top:5px; font-size:10pt !important; line-height:18px !important;}
.stopwatch-box .labeltext span{ padding-right:10px;}
.stopwatch-box .formbox { border:none; padding-left: 12px; padding-right: 12px;}
.stopwatch-box h4{ font-size:10pt !important; line-height:5px !important;}
.stopwatch-box h4.panel-title span{ color: #5b9bd1 !important; font-weight: bold !important; padding-left: 5px !important; font-size:10pt !important; }
.stopwatch-box .panel .panel-collapse{ border:none !important;  }
.stopwatch-box .panel .panel-collapse .delAllNot,.stopwatch-box .panel .panel-collapse .delAllNoturl,.stopwatch-box .delAll{ cursor:pointer; font-size:10pt; color:#757470 !important;  }

.stopwatch-box .panel-group { margin-bottom:20px;}
.recentmenu-box{ width: 280px; position: absolute; top: 40px; /*left: -84px; */ height: auto; min-height:100px; border: 1px solid #cccccc; font-size:11pt; background:#ffffff; border-radius:5px; box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box; z-index: 222;}
.recentmenu-box label{ border:none; line-height:24px;}
.recentmenu-box .clearall label{ font-size:10pt !important; line-height:18px !important;}
.recentmenu-box .labeltext{ padding-left:10px; padding-top:5px; font-size:10pt !important; line-height:18px !important;}
.recentmenu-box .labeltext span{ padding-right:10px;}
.recentmenu-box .formbox { border:none; padding-left: 12px; padding-right: 12px;}
.recentmenu-box h4{ font-size:10pt !important; line-height:5px !important;}
.recentmenu-box h4.panel-title span{ color: #5b9bd1 !important; font-weight: bold !important; padding-left: 5px !important; font-size:10pt !important; }
.recentmenu-box .panel .panel-collapse{ border:none !important;  }
.recentmenu-box .panel .panel-collapse .delAllNot,.recentmenu-box .panel .panel-collapse .delAllNoturl,.recentmenu-box .delAll{ cursor:pointer; font-size:10pt; color:#757470 !important;  }

.recentmenu-box .panel-group { margin-bottom:20px;}
.quickmenu-icon{ position:relative !important;}
.quickmenu-icon{ position:relative !important; cursor:pointer;}
.quickmenu-box{ width: 200px; position: absolute; top: 36px; left: -84px; height: auto; min-height:100px; border: 1px solid #cccccc; font-size:11pt; background:#ffffff; border-radius:5px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);
background-clip: padding-box; z-index: 222;}

.quickmenu-box:after
{
    background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
    left: 39%;
    position: absolute;
    top: -15px;
}
.quickmenu-box label{ border:none; line-height:24px;}
.quickmenu-box .clearall label{ font-size:10pt !important; line-height:18px !important;}
.quickmenu-box .labeltext{ padding-left:10px; padding-top:5px; font-size:10pt !important; line-height:18px !important;}
.quickmenu-box .labeltext span{ padding-right:10px;}
.quickmenu-box .formbox { border:none; padding-left: 12px; padding-right: 12px;}
.quickmenu-box h4{ font-size:10pt !important; line-height:5px !important;}
.quickmenu-box h4.panel-title span{ color: #5b9bd1 !important; font-weight: bold !important; padding-left: 5px !important; font-size:10pt !important; }
.quickmenu-box .panel .panel-collapse{ border:none !important;  }
.quickmenu-box .panel .panel-collapse .delAllNot,.quickmenu-box .panel .panel-collapse .delAllNoturl,.quickmenu-box .delAll{ cursor:pointer; font-size:10pt; color:#757470 !important;  }
.quickmenu-box .panel-group { margin-bottom:20px;}



.favoriteMenu-icon{ position:relative !important;}
.favoriteMenu-icon{ position:relative !important; cursor:pointer;}
.favoriteMenu-box{ width: 230px!important; position: absolute!important; top: 36px!important; left: -95px!important; height: 405px!important;   border: 1px solid #cccccc!important; font-size:11pt!important; background:#ffffff!important; border-radius:5px!important; box-shadow: 0 6px 12px rgba(0,0,0,0.175)!important;
background-clip: padding-box!important; z-index: 222!important;}

.favoriteMenu-box:after
{
    background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
    left: 39%;
    position: absolute;
    top: -15px;
}
.favoriteMenu-box label{ border:none; line-height:24px;}
.favoriteMenu-box .clearall label{ font-size:10pt !important; line-height:18px !important;}
.favoriteMenu-box .labeltext{ padding-left:10px; padding-top:5px; font-size:10pt !important; line-height:18px !important;}
.favoriteMenu-box .labeltext span{ padding-right:10px;}
.favoriteMenu-box .formbox { border:none; padding-left: 12px; padding-right: 12px;}
.favoriteMenu-box h4{ font-size:10pt !important; line-height:5px !important;}
.favoriteMenu-box h4.panel-title span{ color: #5b9bd1 !important; font-weight: bold !important; padding-left: 5px !important; font-size:10pt !important; }
.favoriteMenu-box .panel .panel-collapse{ border:none !important;  }
.favoriteMenu-box .panel .panel-collapse .delAllNot,.favoriteMenu-box .panel .panel-collapse .delAllNoturl,.favoriteMenu-box .delAll{ cursor:pointer; font-size:10pt; color:#757470 !important;  }
.favoriteMenu-box .panel-group { margin-bottom:20px;}

#favoriteMenuTreelist .k-grid-content{
	max-height:352px !important;
	overflow-y: scroll;
}
#favoriteMenuTreelist .k-grid-header tr th.k-header{ border-left: 0px !important; }
#favoriteMenuTreelist .k-grid-header th.k-header{ border-top-width: 0px !important; }
#favoriteMenuTreelist .k-master-row td{ height: 27px !important; }



#sidebar-wrapper .panel .panel-body .menu-column ul ul.childMenu li .icon.checkBookMarkClass {
    margin-top: 2px;
    font-size: 13px;
	width:14px;
	height:14px;
}



.notification-icon{ position:relative !important;}
.notification-icon{ position:relative !important; cursor:pointer;}
.notification-box{ width: 350px; position: absolute; top: 36px; left: -140px; height: auto; min-height:100px; border: 1px solid #cccccc; font-size:11pt; background:#ffffff; border-radius:5px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);
background-clip: padding-box; z-index: 111;}

.notification-box:after
{
    background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
    left: 39%;
    position: absolute;
    top: -15px;
}

.notification-box label{ border:none; line-height:24px;}
.notification-box .clearall label{ font-size:12pt !important; line-height:18px !important;}
.notification-box .labeltext{ padding-left:10px; padding-top:5px; font-size:12pt !important; line-height:18px !important;padding-bottom: 5px;}
.notification-box .labeltext span{ padding-right:10px;}
.notification-box .formbox { border:none; padding-left: 12px; padding-right: 12px;}
.notification-box h4{ font-size:10pt !important; line-height:5px !important;}
.notification-box h4.panel-title span{ color: #5b9bd1 !important; font-weight: bold !important; padding-left: 5px !important; font-size:10pt !important; }
.notification-box .panel .panel-collapse{ border:none !important;  }
.notification-box .panel .panel-collapse .delAllNot,.notification-box .panel .panel-collapse .delAllNoturl,.notification-box .delAll{ cursor:pointer; font-size:10pt; color:#757470 !important;  }

.notification-box .panel-group { margin-bottom:20px;}
.notification-counter{ display: inline-block; width: 23px; height: 25px; font-size: 10pt;
text-align: center; padding: 0px; margin-left: 8px; line-height: 24px; position: absolute; left: 0px; top: -9px; border: none; box-shadow: none; font-size: 14pt; font-weight: 600; background: #32CD32; color: #fff;}
.search-boxcontent{ width: 280px; position: absolute; top: 40px; left: inherit; height: 437px; border: 1px solid #cccccc; font-size:11pt; background:#ffffff; }
.search-boxcontent label{ border:none; line-height:20px;}
.search-boxcontent .labeltext{ padding-left:10px; padding-top:5px; line-height:20px;}
.search-boxcontent .labeltext span{ padding-right:10px;}
.search-boxcontent-tooltip{ width: 230px; position: absolute; top: 41px; left: inherit; height: 180px; border: 1px solid #cccccc; font-size:11pt; background:#ffffff; margin-left:135px !important; }
.search-boxcontent-tooltip:after
{
    background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
    left: 50%;
    position: absolute;
    top: -16px;
    margin-left: -14px;
}

/*2/9/2018*/
#searchDetails{}
#searchDetails #searchDetailsToolTip{}
#searchDetails #searchDetailsToolTip ul { padding:10px; margin:0px;}
#searchDetails #searchDetailsToolTip ul li:first-child{ border-bottom: solid 1px #d6d6d6; padding-bottom:5px; margin-bottom:10px;}
#searchDetails #searchDetailsToolTip ul li{ font-size:10pt; color:#757470;}
#searchDetails #searchDetailsToolTip ul li input{ margin-right:5px;}

.search-boxcontent h4.panel-title span{ color: #5b9bd1 !important; font-weight: 600 !important;}
.search-boxcontent .panel .panel-collapse{ border:none !important;}

.notification-counter{ display: inline-block; width: 23px; height: 25px; font-size: 10pt;
text-align: center; padding: 0px; margin-left: 8px; line-height: 24px; position: absolute; left: 0px; top: -13px; border: none; box-shadow: none; font-size: 14pt; font-weight: 600; background: #32CD32; color: #fff;}

.notification-counter.k-grouping-header{ display: inline-block; width: 23px; height: 25px; font-size: 10pt;
text-align: center; padding: 0px; margin-left: 8px; line-height: 24px; position: absolute; left: 0px; top: -13px; border: none; box-shadow: none; font-size: 14pt; font-weight: 600; background: #32CD32 !important; color: #fff !important;}

#planningContainer .btn-group label { background:#e1f0f6 !important; color:#212529 !important; border-radius:0px; font-size:10pt; border:solid 1px #c6e1ee !important;   height: 24px;line-height: 24px; float:left; z-index:0;} 
#planningContainer .btn-group label.active { background:#347d9c !important; color:#FFF !important; border-radius:0px; font-size:10pt;  border:solid 1px #1b6e90 !important;   height: 24px; line-height: 24px; margin-right:2px !important;} 


#planningContainer ul.k-gantt-views li.k-state-default { background:#e1f0f6 !important; color:#212529 !important; border-radius:0px; font-size:10pt; border:solid 1px #b5b4b6;    z-index:0;} 
#planningContainer ul.k-gantt-views li.k-state-default.k-state-selected { background:#347d9c !important; color:#FFF !important; border-radius:0px; font-size:10pt;  border:solid 1px #b5b4b6;    } 


/* button groups */ 
#projectContainer .btn-group label { background:#e1f0f6; color:#454a4c !important; font-size:10pt; border:solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
#projectContainer .btn-group label.active { background:#347d9c; color:#FFF !important; border-radius:0px; font-size:10pt;  border:solid 1px #1b6e90;   height: 24px; line-height: 24px; margin-right:2px !important;}
#projectContainer .rediobtn{ margin-top: -8px;  }
#projectContainer .btn-group label, #projectContainer .btn-group label.active{ margin-right: 0 !important;  height: auto !important;
}
#projectContainer .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important; }
#projectContainer .btn-group label:last-child{-moz-border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important; }

#invoiceContainer .btn-group label { background:#e1f0f6; color:#454a4c !important; border-radius:0px; font-size:10pt; border:solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
#invoiceContainer .btn-group label.active { background:#347d9c; color:#FFF !important; border-radius:0px; font-size:10pt;  border:solid 1px #1b6e90;   height: 24px; line-height: 24px; margin-right:2px !important;}
#invoiceContainer .rediobtn{ margin-top: -8px;  }
#invoiceContainer .btn-group label, #invoiceContainer .btn-group label.active{ margin-right: 0 !important;  height: auto !important;
}
#invoiceContainer .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important; }
#invoiceContainer .btn-group label:last-child{-moz-border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important; }

.field-buttongroup .btn-group label { background:#e1f0f6; color:#454a4c !important; border-radius:0px; font-size:10pt; border:solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
.field-buttongroup .btn-group label.active { background:#347d9c; color:#FFF !important; border-radius:0px; font-size:10pt;  border:solid 1px #1b6e90;   height: 24px; line-height: 24px; margin-right:2px !important;}
.field-buttongroup .rediobtn{ margin-top: -8px;  }
.field-buttongroup .btn-group label, .field-buttongroup .btn-group label.active{ margin-right: 0 !important;  height: auto !important;
}
.field-buttongroup .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important; }
.field-buttongroup .btn-group label:last-child{-moz-border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important; }

.invoiceProfile .btn-group label { background:#e1f0f6; color:#454a4c !important; border-radius:0px; font-size:10pt; border:solid 1px #c6e1ee;   height: 24px;line-height: 24px; float:left; z-index:0;} 
.invoiceProfile .btn-group label.active { background:#347d9c; color:#FFF !important; border-radius:0px; font-size:10pt;  border:solid 1px #1b6e90;   height: 24px; line-height: 24px; margin-right:2px !important;}
/*.invoiceProfile .rediobtn{ margin-top: -8px;  } */
.invoiceProfile .btn-group label, .invoiceProfile .btn-group label.active{ margin-right: 0 !important;  height: auto !important;
}
.invoiceProfile .btn-group label:first-child{ -moz-border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important; }
.invoiceProfile .btn-group label:last-child{-moz-border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; border-radius:0 5px 5px 0 !important; }

/* button groups */ 
.fixdropdown-list{ top:35px !important;  left: -2px !important;}
.fixdropdown-list .expand-allbox{}
.fixdropdown-list .expand-allbox .expandAllOption{ float: right;margin-right: -15px;margin-top: 5px;min-width: 110px;position: relative;z-index: 99999;}
.fixdropdown-list .expand-allbox .k-checkbox{ position:static; float:left; display:inline-block; width:15px;}
.fixdropdown-list .expand-allbox .k-checkbox-label{ position:static; float:left; display:inline-block !important; padding-left:5px !important;}
#expensesDetails #ExpenseTypeIdFormTreeView{ left:15px !important;}
#expensesDetails #ExpenseCategoryIdFormTreeView{ left:15px !important;}
#expensesDetails #TaskIdFormTreeView{ left:15px !important;}
#expensesDetails #ProjectIdFormTreeView{ left:15px !important;}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
textarea::-moz-placeholder { /* Firefox 19+ */
   color: #ccc;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
textarea:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.k-multiselect-wrap>.k-input {
   color: #ccc; /* specify the default input color */
}
 .k-multiselect-wrap>.k-input:focus {
   color: #ccc; /* specify the focused input color */
}
.k-widget.k-tooltip{ box-shadow:0 2px 4px rgba(0,0,0,.03) !important;}
.text-success{ font-size:17pt !important }

ul#helpDetails:after {
   background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
    right: 7px;
    position: absolute;
    top: -16px;
}
ul#userTopImageDropdown:after {
    background:url(../img/search-arrowtop.png) no-repeat;
    content: "";
    float: right;
    height: 16px;
    width: 29px;
        left: 42%;
    position: absolute;
    top: -16px;
}
 .activecls{ color:#70AD47; }
.inactivecls{ color:#F78B2C; }
.completecls{ color:#b1b1b1; }
.noselectableCursor{cursor: no-drop;}
.fa.fa-workflow-add{
    background:url(../img/add-workflow-icon.png) no-repeat;
    width: 18px;
    height: 16px;
    background-size: cover;

}
.new-pin-image {
    background-image: url("../img/pin.png");
    height:15px;
    width:15px;
    display:inline-block;
}
.new-unpin-image {
    background-image: url("../img/unpin.png");
    height:15px;
    width:15px;
    display:inline-block;
}
.yellocolor{
    background-color:#ffffbf !important;
}
.yellocolor:hover{
    background-color:#ffffbf !important;
}
.yellocolor.k-state-selected{
    color:#003f59 !important;
}
.k-tabbox .panel-group .panel-heading .panel-title a{text-transform: capitalize;}
.k-grid-header th.k-with-icon .k-link{text-transform: capitalize;}
#tabstrip .k-tabstrip-items span{text-transform: capitalize;}

/* new css*/ 
#loginForm .k-invalid-msg{
        position: absolute;
    margin-top: 45px;
}
.k-grid-toolbar {
    border-width: 0 0 0px;
}
.k-button, body .fieldlist .k-button{
    padding-top: 4px;
    padding-bottom: 4px;
}
.k-bootstrap .k-tabbox ul.k-tabstrip-items li.k-state-active{
    color: #0056b3;
}
#fieldlist label{
    font-weight: 400 !important;
}
.k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-header, .k-grid .k-grid-content-locked td{
    border-color:rgba(33, 37, 41, 0.125);
}
.k-grid td{
    border-width: 0 0 1px 1px;
}
.k-grid-content tr:last-child > td, .k-grid-content-locked tr:last-child > td{
    border-bottom-width: 1px;
}
.k-grid-header th.k-with-icon .k-link{
    font-weight:400;
}
.k-grid .k-grid-header-locked .k-header{
    font-weight:400;
}
.panel-default > .panel-heading{
    color:#212529  !important;
}
.k-filter-menu-container div input{
    width: 80%;
    border: none;
    margin: 4px;
}
.k-filter-menu-container div span{
    float: right;
    margin: 7px 6px;
}
.k-tabbox .k-input{
    padding:0.300rem 0.75rem !important;
}
.gantt-copy_btn{
    width:auto !important;
}
.windowActionButton  .k-window-actions .k-i-save::before{
    content:"" !important;
}
.windowActionButton  .k-window-actions .k-i-cancel::before{
    content:"" !important;
}
.windowActionButton  .k-window-actions .k-i-link::before{
    content:"" !important;
}
.windowActionButton .k-window-actions .k-button {
    background-color: #115e7f !important;
    width: auto !important;
    height: auto !important;
    border-color: #115e7f !important;
    background-position: 50% 50% !important;
    margin-left: 5px;
    color:#FFF !important;
}
.windowActionButton .k-window-actions a[aria-label="Close"] {
    padding: 0px !important;
    border: solid 1px #F1F1F1;
    width: 20px !important;
    height: 18px !important;
}
.k-i-cancel::before {
    content: "\e100" !important;
}
.k-i-update::before {
    content: "\e109" !important;
}
.k-toolbar.k-grid-toolbar .k-grid-save-changes .k-i-check::before{
    content: "\e109" !important;
}
#RoleSearch, #MaterialSearch, #ExpenseSearch, #ProjectEditorSearch {
    border:0px !important;
}
#gantt .text.k-i-collapse::before{
    content: "" !important;
}
#PlannedResourceSearch, #SkillSearch, #AccessGroupSearch, #DepartmentSearch, #ResourceSearch, #ProjectSearch, #ProjectTaskSearch, #TaskSearch, #OtherResourcesSearch,#ParentCompanyExpenseCategoryIdSearch, .ResourcesSearchBox {
    border:0px !important;
}
.fullrow .tasklist{
    width:100% !important;
}
.approve-image::before {
    content: "\e64b" !important;
}
.reject-image::before {
    content: "\e64d" !important;
}
.k-grid-toolbar{
    margin: 0;
    padding: .75em .2em .8333em 1em;
    cursor: default;
}
.k-grid .k-icon{
    opacity:1 !important
}
.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-panelbar  .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-toolbar{
    background-image: url(textures/highlight.png) !important;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%) !important;
    background-position: 50% 50% !important;
    background-color: #d9ecf5 !important;
}
.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header{
    border-color: #a3d0e4 !important;
}
.k-autocomplete, .k-block, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editor-dialog .k-tabstrip-items, .k-filter-row>th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-input, .k-panel>.k-item>.k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar>.k-item>.k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-toolbar, .k-treemap-tile, .k-upload .k-action-buttons, .k-upload-files, .k-widget {
    border-color: #bbdceb !important;
}
.k-grid tr:hover{
    background-color: #7ad2f7  !important;
    background-image: url(textures/highlight.png) !important;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%) !important;
    background-position: 50% 50% !important;
}
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited{
    color: #fff  !important;
    background-color: #13688c  !important;
    border-color: #146b90  !important;
}
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover{
    background-color: #0d6a92   !important;
    background-image: none   !important;
}
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td{
    background-color: #0d6a92   !important;
}
.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title {
    color: #00435e !important;
}
.k-button {
    border-radius: 4px;
    border-color: #93c8df;
    color: #757575 !important;
    background-color: #daecf4;
    background-position: 50% 50%;
    background-image: url(textures/highlight.png);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    text-transform: capitalize !important;
    box-shadow: 0 2px 6px rgb(0 0 0 / 5%), 0 2px 3px rgb(0 0 0 / 5%) !important;
	margin-right: 5px;
}
.k-button.k-state-active:hover,
.k-button.k-state-hover, .k-button:hover {
    color: #757575 !important;
    border-color: #8bc4dd;
    background-color: #55c5f3;
    background-image: url(textures/highlight.png);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    text-transform: capitalize !important;
}
.k-grid .k-header .k-button {
    background-color: #daecf4;
    border-color: #8bc4dd;
    color:#444;
}
.k-grid .k-header .k-button:hover {
    background-color: #55c5f3;
    border-color: #8bc4dd;
    color:#444;
}
#stopWatchTreelist .k-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #cdcdcd !important;
}
.k-window-titlebar {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-color: #a3d0e4;
    color: #00435e;
    background-color: #d9ecf5;
    background-image: linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,0));
    padding: 8px 12px;
    border-width: 0px 0px 1px;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    white-space: nowrap;
    min-height: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
}
span.k-select {
    background-color: #c5e3f1;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
}
.k-pager-numbers .k-link {
    
    padding: 8px 8px;
    min-width: 2.5em;
    height: 2.5em !important;
    border-width: 1px;
    border-style: solid;
    outline: 0px;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 40px;
}
.k-pager-wrap .k-pager-numbers li{
        margin-top: 6px;
}
.k-pager-wrap .k-link:hover{
    background-color: #7bd2f6 !important;
}
.k-pager-wrap {
    color: #00435e;
    background-color: #d9ecf5;
    background-position: 50% 50%;
}
.k-pager-wrap .k-pager-info {
    color: #00435e;
}
.k-grid .k-alt {
/*    background-color: #e6f2f8; */
    background-color: #ffffff;
}
.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    border-radius: 4px;
    border-color: #a3d0e4;
    color: #00435e;
    background-color: #d9ecf5;
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
}
.k-widget.k-tabstrip {
    background-color: transparent;
    background-image: none;
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-material .k-tabbox ul.k-tabstrip-items {
    border-bottom: 1px solid #ebf0f5;
}
.k-material .k-tabbox ul.k-tabstrip-items li.k-state-active {
    background: rgba(0, 0, 0, 0) url("../assets/tab-arrow.png") no-repeat !important;
    background-position: center bottom  !important;
}
.k-tabstrip {   
    background-color: #FFFFFF !important;
}
.k-tabstrip .k-tabstrip-items li span{
    color: #003f59 !important;
}
.k-tabstrip-items .k-loading{
    border-top: 0;
}
.k-grid .k-grouping-header .k-group-indicator, .k-grid .k-grouping-header .k-link, .k-grid .k-grouping-header .k-link:link{
    background-color:#27aae1;
}
.k-grid .k-state-selected:hover .k-group-cell, .k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    color: #444;
    background-color: #d9ecf5;
}
tr.k-group-footer td{
    text-align: right;
}
.k-master-row td {
    height: 40px;
    background-color: transparent;
}
.k-grid .k-grid-content-locked tr, .k-grid .k-grid-content tr{
    height: 23px;
}
.numberssumright{
    float:right;
}
#stopWatchTreelist .k-header.k-grid-toolbar{
    height: 30px !important;
}
.k-blueopal  .k-window-actions a span {
    color: #fff;
}
.windowActionButton .k-window-actions a span {
    display: block;
    font-size: 10pt;
    line-height: 16px;
    padding: 1px 15px;
}
.stopwatchform .col-xs-10 {
    width: 73.333333% !important;
}
label.k-radio-label{
        display: inline !important;
}
.timesheetGrid  table, .timesheetGrid th, .timesheetGrid td, .timesheetGrid tr:hover th, .timesheetGrid tr:hover td, .timesheetGrid tr:hover, .timesheetGrid  .k-grid-header-wrap, .timesheetGrid tr td td, .timesheetGrid tr td td td, .timesheetGrid .k-grid-header, .timesheetGrid .k-alt {
    background: none !important;
    border: none !important;
}
.k-checkbox{
    border-radius: 5px;
    width: 18px !important;
    height: 18px !important;
}
.k-grid .k-grid-content-locked tr, .k-grid .k-grid-content tr{
    height: 35px ;
}
.k-grid td {
    padding: 0px 11px 0px 11px;
}
#fieldlist .nicEdit-main ol li{list-style:decimal !important;}
#fieldlist .nicEdit-main ul li{list-style:disc !important;}
#fieldlist .view-pad ol{list-style:decimal !important;}
#fieldlist .view-pad ul{list-style:disc !important;}
#fieldlist .view-pad ol li{list-style:decimal !important;}
#fieldlist .view-pad ul li{list-style:disc !important;}
#alertwindow .alertbox .k-button{
    margin-left:5px !important;
}
.k-material  .k-window-actions a {
    border-color: #115e7f !important;
    background-image: url(textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.23)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%);
    background-position: 50% 50%;
    background-color: #177fab;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-filter-menu .k-action-buttons .k-button {
    width: 48%;
    margin: .5em 4% 0 0;
    min-width: 0;
    color: #ffffff !important;
    border-color: #77c9eb;
    background-color: #115e7f;
}
.k-calendar .k-month .k-link {
    width: 1.8333em !important;
    height: 1.8333em !important;
    padding: 3px 2px 0px .1em !important;
}
.k-calendar td{
    padding: .08333em !important;
}
.k-calendar .k-calendar-view{
    width: 18em !important;
    height: 14.5em !important;
}
button#loginButton.k-button.k-button-icontext {
    background-color: rgb(0, 41, 137);
    color: white !important;
}
tr.k-master-row > td.k-state-selected > div > div > span.k-icon,
tr.k-master-row > td.k-command-cell.k-state-selected > a > span,
tr.k-master-row.k-state-selected > td > a > span.fa,
tr.k-master-row.k-state-selected > td > span > a.k-button,
tr.k-master-row.k-state-selected > td > a > span.k-icon,
.k-button.k-state-selected,
tr.k-alt.k-state-selected > td > a.k-button-icontext > span.k-icon,
tr.k-treelist-group.k-state-selected > td > a.k-button-icontext > span.k-icon,
tr.k-treelist-group.k-state-selected > td > span.k-icon,
tr.k-state-selected > td > a.k-button-icontext > span.k-icon,
ul.k-pager-numbers > li > span.k-link.k-state-selected,
tr.k-master-row.k-state-selected > td > span.k-icon {
    color: white !important;
}
div.form-group > div > span.k-widget.k-datepicker-textbox > span.k-picker-wrap > span.k-select {
    padding-right: 5px;
}
.k-checkbox + .k-checkbox-label, .k-checkbox-label + .k-checkbox {
    margin-left: 5px;
    vertical-align: middle;
}
header.k-content {
    margin-bottom: 0px;
}
.k-icon, .k-button-icontext {
    color: #757575;
}
span.k-icon.k-i-zoom.k-i-search,
span.k-icon.k-i-file-add,
span.k-icon.k-i-clock,
span.k-icon.k-i-notification.k-i-bell,
span.k-icon.k-i-question.k-i-help {
    font: 18px/1 WebComponentsIcons;
}
div.top-option-six {
    padding-top:6px !important;
}
a.k-link.k-state-active.k-state-border-down {
    background-color: transparent;
    font-weight: bold;
}
li.k-item.k-menu-item.k-state-hover {
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 50%);
    background-color: #daecf4;
}
input[type="checkbox"] {
    margin: 0px 0px 0px 5px;
}
.k-input[type=text] {
    padding: 3px 5px 3px 5px;
}
.k-icon.k-i-search {
    padding: 0px 5px 0px 5px;
}
.k-tabbox ul.k-tabstrip-items li.k-state-active span, .k-blueopal .k-tabbox ul.k-tabstrip-items li:hover span {
    color: #27aae1 !important;
}
.k-tabbox ul li span,
.k-tabstrip .k-tabstrip-items li span {
    color: #838085 !important;
}
.k-tabstrip-items.k-reset {
    font-size: 11pt;
}
.k-radio-label:before {
    border-color: #a3d0e4;
    border-radius: 50%;
    background-color: #fff;
    border-width: 1px;
}
label.k-radio-label {
    color: #aaaaaa !important;
}
.k-tabbox ul li span .km-switch-label-on, .k-tabbox ul li span .km-switch-label-off {
    color: #ffffff !important;
}
.k-loading-image {
    background-image: url(BlueOpal/loading-image.gif) !important;
}
.k-textbox .k-icon {
    margin: -8px -7px 0;
}
.k-filter-row .k-dropdown-operator {
    width: 32px;
    right: 42px;
    top: 1px;
}
.k-autocomplete .k-input, .k-textbox>input {
    width: 100%;
}
.k-calendar>.k-header .k-link.k-state-hover {
    background-color: #55c5f3;
}
span.k-button.k-button-icontext {
    width: 95% !important!    
}
label.col-md-3.control-label {
    top: 11px;
}
#scheduler .k-scheduler-toolbar{
	z-index: 0 !important;
}
div.row > span.k-textbox > input[name="CompanyID"].k-invalid,
div.row > span.k-textbox > input[name="Username"].k-invalid,
div.row > span.k-textbox > input[name="Password"].k-invalid {
    width: 100%
}
.k-grid-header th.k-header {
    border-top-width: 3px;
    border-top-color: #00afef !important;
    padding-left: 6px;
}
tr.k-footer-template.faded-row.addNewTask > td > span.fa.fa-plus-circle {
    font-size: 25px;
}
div.col-sm-6 > span.k-widget.k-dropdown.k-textbox > span.k-dropdown-wrap.k-state-default > span.k-select > span.k-icon.k-i-arrow-60-down {
    left: 4px;
}
.k-grid td {
    vertical-align: middle;
}
.k-gantt .k-treelist .k-alt {
    background-color: #e6f2f8;
}
span.selected_view_type_text {
	padding-left: 5px;
    vertical-align: middle;
}
.settooltipnowds.settooltipnowds2 .k-textbox .k-select .k-i-calendar {
	right: unset !important;
}
li#ConfidentialLi > div.form-group > label {
	top: auto !important;
}
li#FieldTitleLi > div.form-group > label {
	top: 11px;
}
li#FieldTitleLi.settooltipnowds > div.form-group > label {
    top: 4px;
}
tr.k-filter-row > th.k-group-cell.k-header {
    border-top-width: 0px !important;
    border-top-color: #bbdceb !important;
}
tr.k-filter-row > th {
    background-color: #ffffff;
}
.k-widget .k-status {
    background-color: #ffffff !important;
}
.k-pager-sizes .k-input{
	padding:0 !important;
}
.k-grid td.k-state-selected span.k-i-attachment-45,
.k-grid tr.k-state-selected > td span.k-i-attachment-45,
tr.k-alt.k-master-row.k-state-selected > td.columntooltip.ReceiptEdit > div#Receipt.k-button {					 
	color:#FFFFFF !important;
}
#profileSubmitForm #LineItems {
	font-size: 100% !important;
}
div.k-edit-form-container > div.k-edit-field > textarea.k-textbox {
	width: 35em;
	height: 10em;
	padding: 10px;
}
span.k-widget.k-autocomplete.k-autocomplete-clearable.k-state-default > input.k-input {
	width: 99%;
}
div#quickMenuTreelist.k-treelist.k-grid.k-widget.k-grid-display-block > div.k-grid-header > div.k-grid-header-wrap > table > thead > tr > th,
div#recentMenuTreelist.k-treelist.k-grid.k-widget.k-grid-display-block > div.k-grid-header > div.k-grid-header-wrap > table > thead > tr > th {
	border-top-width: 0px;
}
div.ra-well-title.nopd.nopd {
	margin: 0px 10px 0px !important;
}
label#planresourcedivradiolabel.btn.btn-primary {
    border-radius: 0px 5px 5px 0px;
}
.k-treeview .k-in {
	padding-left: 0px;
	line-height: 18px;
	font-size: 10pt;
	cursor:move;
}
span > input#_expandAllProjectTask.k-checkbox {
	padding-right: 5px;
}

.notification-box .NotificationScrollBox{
	max-height: 600px;
	overflow-y: scroll; 
}

.notification-box .panel-group { margin-top: 5px; }

.notification-box .NotificationScrollBox .panel-heading .panel-title{ padding-top: 9px !important; }

.notification-box .NotificationScrollBox .pull-right.clearActions, .notification-box .NotificationScrollBox .pull-right.clearInformations, .notification-box .NotificationScrollBox .pull-right.clearNotification {
	top: -23px !important;
	position: relative;
	left: -10px !important;
}

.notification-box .NotificationScrollBox .labeltext{ 
	padding-left:10px; padding-top:0px; font-size:10pt !important; 
	line-height:inherit !important;
}

.notification-box .clearall span.delAll{ 
	cursor:pointer; 
	font-size: 18px !important; 
	color:#757470 !important;  
	margin-top: -2px;
}

.notification-box .NotificationScrollBox .pull-right.clearActions label, .notification-box .NotificationScrollBox .pull-right.clearInformations label, .notification-box .NotificationScrollBox .pull-right.clearNotification label{
	color: #5b9bd1 !important;
	font-size: 10pt !important;
	cursor:pointer; 
}

.notification-box .labeltext span.clearActions, .notification-box .labeltext span.clearInformations, .notification-box .labeltext span.clearNotification {
	padding-right: 10px;
	color: #5b9bd1 !important;
	margin-top: -2px;
}

.NotificationScrollBox input[type="checkbox"]{
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0 !important;
}