html, body { height: 100% }
body { font-family: Arial, Helvetica, sans-serif; margin: 0; }

#Layout { display: flex; flex-direction: column; position: relative; min-width: 1000px; }
#Header { height: 55px; flex-shrink: 0; display: flex; border-bottom-width: 1px; }
#Main { flex-grow: 1; overflow: auto; display: flex; flex-direction: column; }
#ToolBar { height: 40px; flex-shrink: 0; }
#Content { flex-grow: 1; overflow: auto; padding-top: 10px; }
#RightSidebar { height: 100%; }

.toolbardropdown {
  overflow: visible; 
  /*color:white;*/
}

/*.toolbardropdown li{
  color:white;
  background-color: #444;
  border: 0;
}

.toolbardropdown ul li{
  color:black;
  float:none;
}

.toolbardropdown ul{
 background-color:#444;
 color: white;
}

.toolbardropdown ul li a:active {
 
 color: white;
}*/

#Header .icon-find {
background: url("Images/Icons/search_menu15x15.png") no-repeat;
background-position: 80%;
background-position-y: 40%;
width: auto;
padding-right: 30px !important;
height: 15px;
}

#Header .icon-invoice-schedule {
background: url("Images/Views/Invoice/invoice.png") no-repeat;
background-position: 80%;
background-position-y: 40%;
width: auto;
padding-right: 40px !important;
height: 15px;
}


#LogOnPage #Header {
    height: 50px;
}

#HeaderLeft {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
#HeaderRight {
    display: flex;
    align-items: center;
}

#ContentLeft, #ContentRight {
    height: 100%;
}
#ContentLeft {
    float: left;
    width: 320px;
}
#ContentRight {
    margin-left: 330px;
    overflow: auto;
    position: relative;
}

#ConnectedToText {
    padding: 1px 0 0 2px;
    font-weight: bold;
    font-family: Trebuchet MS;
}

/*.k-state-highlight{
    background: #444444;
    color: white;
   
}*/

/*.k-menu {
    background-color: transparent;
}
.k-menu.k-header, .k-menu .k-item {
    border-color: transparent;
    border-style: none;
}*/
.k-menu .k-item.no-children {
    display: none;
}

/*generic link*/

a 
{
text-decoration: none;
color: #20638e;
}

/* Simple icon-based menu */
.k-menu.menu-simple > .k-item {
    border-style: none;
}
.k-menu.menu-simple .k-item > .k-link {
    padding: 2px 2px 2px 6px;
}

/*Menu kendo ui*/

#MainMenuWrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: auto;
}
#MainMenuWrapper .k-menu:after {
    content: none;
}
#MainMenu {
    display: flex;
    margin: 0;
    border-width: 0;
    position: absolute;
    left: -999999px; /* need to be visible but off screen to calculate width */
    padding: 0;
}
#MainMenu li {
    position: relative;
}
#MainMenu > li {
    height: 40px;
    margin: 0 auto;
    float: left;
    margin-right: 20px;
}
#MainMenu li .k-link {
    font-size: 14.5px;
    /*padding-right: 30px;*/
    gap: 5px;
}
#MainMenu .k-menu-group .k-menu-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#MainMenu .k-menu-group .k-menu-link:not(:has(> .k-menu-expand-arrow)) {
    padding-right: 15px;
}
#MainMenu li .k-link .icon, #MainMenuPopup li .k-link .icon {
    margin-right: 5px;
}
#MainMenu li .selected-text {    
    padding: 0 4px 0 9px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 10px;    
    font-style: italic;
    /*font-weight: bold;*/
    white-space: nowrap;
    overflow: visible;
    text-align: left;
    line-height: 12px;
    pointer-events: none;
}
#MainMenu .k-animation-container {
    margin-top: 0;
}
#MainMenu .k-menu-item[data-is-top-level="1"] > .k-menu-link > .k-menu-link-text > .icon {
    color: grey;
}

#AboutMenuWrapper {
    
}
/*#AboutMenuWrapper .k-menu:after {
    content: none;
}*/
/*#AboutMenu .k-menu.k-header, .k-menu .k-item {
    border: #504f4f;
}*/
#AboutMenu {
    text-transform: uppercase;
    margin: 0 5px 0 0;
    /*background-color: transparent;*/
    border-width: 0;
    padding: 0;
}
/*#AboutMenu li {
    text-transform: none;
}*/
#AboutMenu li .k-link {
    /*color: #fff;*/
    /*font-size: 1em;*/
    padding: 10px;    
}
/*#AboutMenu .k-active {
    background-color: #515252;
}*/
#AboutMenu .k-group {
    /*background-color: #515252;*/
    /*border-width: 0;*/
}

#MainMenuPopupWrapper {
    margin: 0 0 0 20px;
    display: none;
}
#MainMenuPopup {
    display: inline-block;
    text-align: left;
    border-color: transparent;
}
#MainMenuPopup .k-menu-group .k-menu-link {
    padding-top: 10px;
    padding-bottom: 10px;
}
#MainMenuPopup > .k-item > .k-link > .k-image {
    margin: 0;
}
#MainMenuPopup > .k-item > .k-link > .k-icon {
    padding-top: 1px;
}
#MainMenuPopup > .k-item > .k-link > .k-menu-expand-arrow, #MainMenuPopup > .k-item > .k-link > .k-menu-expand-arrow {
    display: none;
}
#MainMenuPopup .k-menu-group .k-menu-item {
    font-size: 14.5px;
}
#MainMenuPopupSelected {
    font-size: 14.5px;
}

#ToolBar .k-menu-group .k-menu-link {
    padding-right: 15px;
}
#Toolbar > .k-menu-item > .k-menu-link {
    padding-right: 14px;
    padding-left: 5.6px;
    padding-top: 5.6px;
    padding-bottom: 5.6px;
    gap: 5px;
}
#Toolbar > .k-menu-item > .k-menu-link > .k-menu-link-text {
    font-size: 12px;
    padding: 0 5px 0 5px;
}

#TreeToolbar > .k-menu-item > .k-menu-link {
    padding-right: 14px;
    padding-left: 5.6px;
    padding-top: 5.6px;
    padding-bottom: 5.6px;
    gap: 5px;
}

#TreeToolbar > .k-menu-item > .k-menu-link > .k-menu-link-text {
    font-size: 12px;
    padding: 0 5px 0 5px;
}

/*#SupportWrapper {
    
}
#SupportWrapper .k-menu:after {
    content: none;
}
#SupportMenu .k-menu.k-header, .k-menu .k-item {
    border: #504f4f;
}
#SupportMenu {
    text-transform: uppercase;
    padding: 10px 0 0 0;
    background-color: transparent;
}
#SupportMenu li .k-link {
    color: #fff;
    font-size: 1em;
    padding: 10px;
}
#SupportMenu .k-active {
    background-color: #515252;
}
#SupportMenu .k-group {
    background-color: #515252;
    border-width: 0;
}*/ 

/*Menu kendo ui end*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

.lablesinvoices {
    /*display: inline-block;*/
    margin: 0 30px 10px 0;
    float:left;
    width:182px;
}
legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
    width: 180px;
}

.service-param-value > textarea
{
    min-height: 0;
}

/*select {
    border: 1px solid #CCC;
    padding: 1px;
}*/
select[size="1"] {
    height: 22px;
}

input[type="submit"] {
width: auto;}

input[type="text"]
{
    width: 180px;
    /*border: 1px solid #CCC;*/
    /*height: 22px;*/
}

.k-autocomplete > input[type="text"] {
    height: auto;
}

input.k-textbox 
{
    width: 180px;
    /*border: 1px solid #CCC;*/
    /*height: 26px;*/
}

input[type="password"] 
{
    width: 180px;
    /*border: 1px solid #CCC;*/
}
input[type="UserName"] {
    width: 180px;
    /*border: 1px solid #CCC;*/
}
/*input[type="text"][disabled="disabled"], input.k-textbox[disabled="disabled"] {
    background-color: #DEDEDE;
    background-image: none;
}*/
/*input[type="text"][readonly="readonly"]
{
    background-color: #DEDEDE;
}*/

input[type="password"].login-password, input[type="text"].login-database {
    width: 170px;
    height: 21px;
}

/*select {
    width: auto;
}*/

input {
    width: auto;
}

input#RememberMe {
width: 15px;
float: right;
}

/*input#ScheduledTime {
   width: 126px; }*/

#logindisplay
{
    font-size:1.1em;
    display: block;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.loginLink {
float: right;
text-decoration: none;
}
.icon-username {
    width: 50px;
    height: 25px;
    background: url("Images/Icons/loginUser.png") no-repeat;
}

.icon-password {
    width: 50px;
    height: 25px;
    background: url("Images/Icons/loginPassword.png") no-repeat;
}
.icon-database {
    width: 50px;
    height: 25px;
    background: url("Images/Icons/loginDB.png") no-repeat;
}
.icon-add-organization {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/AddNewOrganizations.png") no-repeat;
}
.icon-edit-organization {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/EditNewOrganizations.png") no-repeat;
}
.icon-update-service-organization {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/UpdateServicesOrg.png") no-repeat;
}
.icon-delete-organization {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/deleteOrganizations.png") no-repeat;
}
.icon-search-sim {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/findSIM_long.png") no-repeat;
}

.icon-edit-sim {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/editSIM_long.png") no-repeat;
}
.icon-update-service-sim {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/UpdateServicesSIM.png") no-repeat;
}
.icon-add-sim {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/AddNewSIM.png") no-repeat;
}
.icon-activate-sim {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/activateSIM_long.png") no-repeat;
}
.icon-statistics-sim {
    width: 80px;
    height: 25px;
    background: url("Images/Icons/statisticsSIM_long.png") no-repeat;
}
/*.icon-view-grid {
    width: 80px;
    height: 25px;
    background: url('Images/Icons/gridViewWithLabel.png') no-repeat;
}*/
/*.icon-view-icons {
    width: 80px;
    height: 25px;
    background: url('Images/Icons/iconViewWithLabel.png') no-repeat;
}*/

.icon-customertype {
    padding-left: 25px;
    padding-top: 2px;
    height: 20px;
    font-size: 12px;
    background-image: url("Images/Folder manager/home_blue_16x16.png");
    background-repeat: no-repeat;
   
}
.icon-customertype[custtype="B"] {
    background-image: url('Images/Folder manager/home_lila_16x16.png');
}
.icon-customertype[custtype="R"] {
    background-image: url('Images/Folder manager/consumers_16x16.png');
}
.icon-customertype[custtype="A"] {
    background-image: url('Images/Folder manager/home_blue_16x16.png');
}
.icon-customertype[custtype="S"] {
    background-image: url('Images/Folder manager/home_orange_16x16.png');
}
.icon-customertype[custtype="M"] {
    background-image: url('Images/Folder manager/folder_16x16.png');
}

.icon-portlet {
    width: 50px;
    height: 50px;
    background-image: url("Images/Devices/manage_40.png");
    background-repeat: no-repeat;
    background-position: center center;
   
}

.portlet-dashboard {
    height: 100%;
    text-align: center;
}
.portlet-dashboard .portlet-dashboard-columns {
    height: 100%;
    display: inline-block;
    width: 900px;
}
.portlet-dashboard .column-center {
    height: 100%;
    width: 300px;
    float: left;
    overflow: auto;
}
.portlet-dashboard .column {
    height: 100%;
    width: 300px;
    float: left;
    min-height: 75px;
    overflow: auto;
}
.portlet-dashboard .portlet {
    margin: 0 10px 30px 0;
    padding: 0;
    min-height: 90px;
    cursor: pointer;
    /*border: 1px solid #e9eaec;*/
}
.portlet-dashboard .portlet:last-child {
    margin: 0 10px 0 0;
}
.portlet-dashboard .portlet-header {
    padding: 4px 6px;
    margin-bottom: 0.5em;
    text-align: left;
    /*font-weight: bold;*/
    font-size: 11px;
    /*background-color: #e9eaec;*/
    font-size: 1.2em;
}
.portlet-dashboard .portlet-content {
    padding: 5px; 
    text-align: left;
}
.portlet-dashboard .portlet-icon {
    float: left;
}
.portlet-dashboard .portlet-text {
    padding: 10px 15px 15px 40px;
    text-align: left;
    margin-left: 35px;
    font-size: 1.1em;
}
.portlet-placeholder {
    margin: 0 10px 10px 0;
    padding: 5px;
    height: 75px;
    /*background-color: grey;*/
}
.link-services-portlet {
    text-decoration: none;
}

.icon-search {
    background-image: url("Images/Icons/search_menu40.png");
    background-repeat: no-repeat;
    background-size: 0;
    font-size: 14px;
}

.icon-users-group {
    background-image: url("Images/Folder manager/Realistic/userGroupGreen.png");
    background-size: 50px 40px;
}
.icon-organization-group {
    background-image: url("Images/Folder manager/Realistic/orgGroup50x30.png");
    background-size: 50px 30px;
}
.icon-user-flat {
    background-image: url("Images/Folder manager/Realistic/userGreen.png");
    background-size: 40px 50px;
}
.icon-house-org {
    background-image: url("Images/Icons/houseFrame_blue_140.png");
    background-size: 50px 50px;
}
.icon-house-flat-org {
    background-image: url("Images/Folder manager/Realistic/homeBlueNoPipe.png");
    background-size: 50px 45px;
}

.icon-messaging {
    background-image: url("Images/Icons/mailboxMessagin40x42.png");
    }

.icon-tele {
    background-image: url("Images/Devices/mobile40x21.png");
}
.icon-search-small {
    background-image: url("Images/Icons/search_menu_16.png");
}
.icon-capacity {
    background-image: url("Images/Devices/servers42x40.png");
}
.icon-network {
    background-image: url("Images/Icons/networkDevices44x31.png");
}
.icon-workstation {
    background-image: url("Images/Icons/workstation2_25.png");
}
.icon-voip {
    background-image: url("Images/Icons/voip_25.png");
}
.icon-apps {
    background-image: url("Images/Icons/applications_34.png");
}
.icon-charges {
    background-image: url("Images/Icons/charges49x40.png");
}
.icon-450 {
    background-image: url("Images/Icons/@450_34.png");
}
.icon-mobiledata {
    background-image: url("Images/Icons/mobile_34.png");
}

.icon-workstat
{
    background-image: url("Images/Icons/workstat.png");
}

.icon-phone {

     background-image: url("Images/Icons/phoneRed50x33.png");
}
.icon-power {

     background-image: url("Images/Icons/powerGeneric50x50.png");
}

.icon-licenses 

{
     background-image: url("Images/Icons/license50x43.png");
}


.icon-device {
    width: 290px;
    height: 120px;
    background-image: url("Images/Icons/Device/device.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.icon-device.icon-car {
    background-image: url("Images/Icons/Device/car.png");
}
.icon-device.icon-truck {
    height: 180px;
    background-image: url("Images/Icons/Device/truck.png");
}
.icon-device.icon-motorcycle {
    height: 180px;
    background-image: url("Images/Icons/Device/motorcycle.png");
}

.icon-organization {
    width: 78px;
    height: 70px;
    background-image: url("Images/Folder manager/Realistic/home_blue75x70.png");
    background-repeat: no-repeat;
    display: block;
}

.icon-organizations {
    width: 32px;
    height: 25px;
    background-image: url("Images//Folder manager/Realistic/suborganizations32x24.png");
    background-repeat: no-repeat;
    display: block;
}
.icon-vehicle {
    width: 59px;
    height: 50px;
    background-image: url("Images/Icons/car_black.png");
    background-repeat: no-repeat;
    display: block;
}

.icon-arrow-small {
    width: 13px;
    height: 13px;
    background-image: url("Images/Icons/arrowOrange13x13.png");
    background-repeat: no-repeat;
}

.icon-validate-small {
    width: 13px;
    height: 13px;
    background-image: url("Images/Icons/validateCheckmark13x13.png");
    background-repeat: no-repeat;
}

.icon-map {
    width: 35px;
    height: 22px;
    background-image: url("Images/Icons/mapMagnGlass35x22.png");
    background-repeat: no-repeat;
}

.icon-users {
    background-image: url("Images/Views/User/Usergroup_42x28.png");
}

.icon-user {
    background-image: url("Images/Views/User/realUser_40x30.png");
}

.icon-car {
    background-image: url("Images/Icons/cabrio40x19.png");
}

.icon-journey {
    background-image: url("Images/Icons/plan40x27.png");
}

.icon-shuttle {
    background-image: url("Images/Icons/kutsuplus40x27.png");
}

.icon-tram {
    background-image: url("Images/Icons/tramGreen40x33.png");
}

.icon-train {
    background-image: url("Images/Icons/trainRed39x40.png");
}

.icon-transport-info {
    background-image: url("Images/Icons/infoIcon40x40.png");
}


/* jQuery UI Menubar styles */
.ui-menubar { list-style: none; margin: 0; padding-left: 0;}
.ui-menubar-item { /*float: left;*/ }
.ui-menubar .ui-button { float: left; font-weight: normal; border-top-width: 0 !important; border-bottom-width: 0 !important; margin: 0; outline: none; }
.ui-menubar .ui-menubar-link { border-right: 1px dashed transparent; border-left: 1px dashed transparent; }
.ui-menubar .ui-menu { width: 200px; position: absolute; z-index: 9999; font-weight: normal; }

/* customized */
/*.ui-menubar .ui-menubar-link.ui-state-hover { background: green none 50% 50% repeat-x; }*/
/*.ui-menubar-item { float: left; padding: 3px; }*/
.ui-menubar { border-style: none; }
.ui-menubar-item .ui-button-text {  }

/* Clearfix for the menu */
.ui-menubar .ui-menu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.ui-menubar .ui-menu .ui-menu-item {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.ui-menubar { list-style: none; margin: 0; padding-left: 0; }
.ui-menubar-item { /*float: left;*/ /*text-transform: uppercase;*/}
.ui-menubar .ui-button { /*float: left;*/ font-weight: normal; border-top-width: 0 !important; border-bottom-width: 0 !important; margin: 0; outline: none; }
.ui-menubar .ui-menubar-link { border-right: 1px dashed transparent; border-left: 1px dashed transparent; }
.ui-menubar .ui-menu { width: 200px; position: absolute; z-index: 9999; font-weight: normal; }




/* jsTree, keep default styling, otherwise jquery theme (with scope) overrides these */
.jstree ins.ui-icon {
    display: inline-block;
    height: 18px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 18px;
}

.icon-tree-hide {
    width: 16px;
    height: 16px;
    background: url("Images/Folder manager/hide.png") no-repeat;
}
.icon-tree-show {
    width: 16px;
    height: 16px;
    background: url("Images/Folder manager/show.png") no-repeat;
}
.icon-tree-hide-dark {
    width: 16px;
    height: 16px;
    background: url("Images/Folder manager/hideGrey.png") no-repeat;
}
.icon-tree-show-dark {
    width: 16px;
    height: 16px;
    background: url("Images/Folder manager/showGrey.png") no-repeat;
}

/* Kendo UI TreeView icons for each organization type */
.k-treeview span[data-nodetype="0"] {
    background-image: url('Images/Folder manager/Realistic/defaultUser16x18.png');
}
.k-treeview span[data-nodetype="1"] {
    background-image: url('Images/Folder manager/home_blue_16x16.png');
}
.k-treeview span[data-nodetype="2"] {
    background-image: url('Images/Folder manager/folder_16x16.png');
}
.k-treeview span[data-nodetype="1"][data-custtype="B"] {
    background-image: url('Images/Folder manager/home_lila_16x16.png');
}
.k-treeview span[data-nodetype="1"][data-custtype="R"] {
    background-image: url('Images/Folder manager/consumers_16x16.png');
}
.k-treeview span[data-nodetype="1"][data-custtype="A"] {
    background-image: url('Images/Folder manager/home_blue_16x16.png');
}
.k-treeview span[data-nodetype="1"][data-custtype="S"] {
    background-image: url('Images/Folder manager/home_orange_16x16.png');
}
.k-treeview span[data-nodetype="1"][data-custtype="M"] {
    background-image: url('Images/Folder manager/folder_16x16.png');
}


/* style all elements with a required attribute */
.required input {
   padding-right: 25px;
   background-image: url(...);
   background-position: right top;
}
.required-asterisk {
    color: #CD0A0A;
}

.ui-jqgrid .loading {
    background: url('Images/ajax-loader-small.gif');
    background-color: transparent;
    width: 16px; 
    height: 16px; 
    padding: 0px;
    margin: 0px;
    border-width: 0px !important;
}

.ui-autocomplete 
{
    max-height: 200px;
    overflow-y: auto;    
    overflow-x: hidden;
    z-index: 1100 !important;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover
{
    margin: inherit;
    border-style: none;
    font-size: 1.0em;
}

input[type="text"].messagebox
{
    background-color: transparent;
    border-style: none;
}

/*toolbar icons*/

#icons {
    /*margin: 0 20px;*/
    text-decoration: none;
    outline: none;
    padding: 0;
    /*background-color: #008099;*/
}
#icons ul {
    margin: 0;
    padding: 0;
}
/*#icons ul li {
    float: left;
   
}*/
/*#icons ul li a {
    color: #ffffff;
    text-decoration: none;
    outline: none;
    letter-spacing: 0.06em;
    padding: 6px 8px;
}*/
/*#icons ul li a:hover {
    background-color: #333333;
    color: #ffffff;
}*/

#iconsLeft {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

#iconsRight {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

#iconsRight .toolbardropdown-dynamic-dashboard .k-animation-container {
    overflow: visible;
    left: auto !important;
    right: -3px;
}

/*#iconsRight ul{
    background-color: #444444;
}*/

/*#iconsRight ul li{
   margin-right: 3px;
}*/

#iconsRight ul li.k-last {
   margin-right: 0;
}

.toolbardropdown-dynamic-dashboard .k-menu-group-md .k-menu-link {
    padding-left: 10px;
}

#search, #searchGrid, #searchService {
    /*float: right;*/
    height: 20px;
    /*width: 180px;*/
    /*line-height:24px;*/
    /*margin: 1px 10px 0 10px;
    margin-top:-4px;*/
    /*padding: 0px 0px 0px 10px;*/
    /*padding: 6px 15px 2px 35px;*/
    /*background: url('images/icons/magnglass.png') no-repeat 10px 3px #fff;*/
    /*background-size: 12px;*/
    /*border: 0 none;*/
    /*font: italic 12px Arial,Helvetica,Sans-serif;*/
    color: #777;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}

/*to remove borders in ie*/
a img {
      border: none;
}

.ui-tabs.ui-widget-content {
    border-style: none;
}

#tabs {
background-color: #fff;
}

/* hide tabs header background bar */
/*#tabs .ui-tabs-nav {
    background: none repeat-x scroll 50% 50% transparent;
    border: 0 none transparent;
}*/

/*tabs in My data and Add and edit an organization dialogs*/

#tabs li.ui-tabs-active a {
    
    font-size: 1.2em;

}
    #tabs .ui-state-default a
    {
    font-size: 1.2em;
     }

/*Dialog titles font size*/
.ui-dialog-title {
    font-size: 1.4em;

    }


/*Drop-down lists, edit and add organization dialogs*/

select#BillingMethod, #PaymentPeriod, #CustomerType, #InvoiceType,  #BillingLanguage, #Country {
width: 181px;}

input#BillingLanguage, #EBillable, #LanguageId {
width: 180px;}

input#ConsolidatedCompany, #ConsolidatedCompany,
#Ban, #NoReminders, #NoCollect, #NoBilling {
   float: left;

}

/* Icon based grid view */
.grid-icon-view {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.grid-icon-view li.icon {
    margin: 3px;
    padding: 1px;
    float: left;
    width: 200px;
    height: 120px;
}
.grid-icon-view li.icon ul {
    margin: 0;
    padding: 0;
}
.grid-icon-view .template-table {
    padding-top: 10px;
}
.grid-icon-view .icon-home, .grid-icon-view .icon-mobile, .grid-icon-view .icon-info, .grid-icon-view .icon-pie {
    display: block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}
.grid-icon-view .icon-home {
    background-image: url('Images/Icons/home_blue.png');
}
.grid-icon-view .icon-mobile {
    background-image: url('Images/Icons/mobileFlat_blue.png');
}
.grid-icon-view .icon-info {
    background-image: url('Images/Icons/informationFlat_blue.png');
}
.grid-icon-view .icon-pie {
    background-image: url('Images/Icons/pie_flat_blue.png');
}
.grid-icon-view .ui-state-highlight .icon-home {
    background-image: url('Images/Icons/home_white.png');
}
.grid-icon-view .ui-state-highlight .icon-mobile {
    background-image: url('Images/Icons/mobileFlat.png');
}
.grid-icon-view .ui-state-highlight .icon-info {
    background-image: url('Images/Icons/informationFlat.png');
}
.grid-icon-view .ui-state-highlight .icon-pie {
    background-image: url('Images/Icons/Pie_flat.png');
}

/* View mode dropdown menu */
#SelectViewMode {
    text-align: right;
}
#SelectViewMode .ui-menu {
    padding: 0;
    border-style: none;
    z-index: 999999;
}
#SelectViewMode .ui-menu-item a {
    display: block;
    height: 21px;
    transition: none;
    color: #ffffff;
    font-weight: bold;
    background-color: #69b35f;
}
#SelectViewMode .ui-menu-item a span {
    display: inline-block;
    padding-top: 3px;
}
#SelectViewMode .ui-menu .ui-menu-item a.ui-state-focus, #SelectViewMode .ui-menu .ui-menu-item a.ui-state-active {
	margin: 0;
    background-image: none;
}
#icons a#SelectViewModeMenu {
    padding-right: 28px;
    background-image: url('Images/Icons/triangle.png');
    background-position: right;
    background-repeat: no-repeat;
}
#icons a#SelectGridView {
    padding-right: 28px;
    background-image: url('Images/Icons/gridView.png');
    background-position: right;
    background-repeat: no-repeat;
}
#icons a#SelectIconView {
    padding-right: 28px;
    background-image: url('Images/Icons/iconView.png');
    background-position: right;
    background-repeat: no-repeat;
}
#icons #SelectViewMode a:hover {
    background-color: #63a959;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

/* dynamic service */
.service {

}
.service .param-group-wrapper {
    position: relative;
}
.service .param-group {
    position: relative;
}
.service .param-group h3 {
    margin-bottom: 5px;
    margin-top: 13px;
}
.service .param {
    float: left;
    padding: 3px;
}
.service .param[data-field-type-id="40"], .service .param[data-field-type-id="41"] {
    padding: 0;
}
.service .param-name {
    padding: 2px;
}
.service .param-value {
    padding: 2px;
}
.service .param.param-hidden {
    padding: 0px;
}
.service .param-name.param-hidden {
    padding: 0px;
}
.service .param-value.param-hidden {
    padding: 0px;
}
.service .field-required-asterisk {
    color: #CD0A0A;
}

.service .field-required-asterisk2 {
    color: red;
    font-size: 9px;
    vertical-align: top;
}

.service-schedule {
    padding-top: 10px;
    padding-bottom: 20px;
}
.service-update-message.ui-state-error {
    border-style: none;
    background: none transparent;
}


/* services list */
.services {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.services li.services-item {
    float: left;
    width: 300px;
    min-height: 35px;
    padding-left: 5px;
    padding-bottom: 3px;
}
.services li.services-item table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
.services li.services-item table td, .services li table th {
    /*padding: 0;*/
    /*color: #333;*/
    font-size: 1em;
}
.services li.services-item table th {
    width: 35px;
}
.services li.services-item table td.service-notifications {
    text-align: left;
    /*padding-right: 20px;*/
}
.services li.services-item table td.service-description {
    text-align: left;
    width: 250px;
    /*padding-right: 20px;*/
}
.services .service-add {
    
}
.services .service-attention {
    display: inline-block;
    /*background: url('Images/Services/attention_25.png') transparent no-repeat;*/
   
    width: 25px;
    /*height: 25px;*/
}
/*.services .service-edit {
    display: inline-block;
    width: 25px;
    height: 25px;
}*/
/*.services .service-edit.disabled {
    background: url('Images/Services/Realistic/dynamicSettings_disabled_23.png') transparent no-repeat;
}*/
.services .service-blocked {
    display: inline-block;
    /*background: url('Images/Services/blocked_deleted_25.png') transparent no-repeat;*/
    width: 25px;
    height: 25px;
}
.services .service-delete {
    display: inline-block;
    background: url('Images/Services/delete_15.png') transparent no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/*.k-panelbar services list */

.k-panelbar .service-add {
    
}
.k-panelbar .service-attention {
    display: inline-block;
    /*background: url('Images/Services/attention_25.png') transparent no-repeat;*/
    width: 25px;
    /*height: 25px;*/
}
/*.k-panelbar .service-edit {
    display: inline-block;
    /*background: url('Images/Services/Realistic/dynamicSettings_23.png') transparent no-repeat;*/
    /*content: '\e81b';
    width: 25px;
    height: 25px;
}*/
/*.k-panelbar .service-edit.disabled {
    /*background: url('Images/Services/Realistic/dynamicSettings_disabled_23.png') transparent no-repeat;
}*/
.k-panelbar .service-blocked {
    display: inline-block;
    background: url('Images/Services/blocked_deleted_25.png') transparent no-repeat;
    width: 25px;
    height: 25px;
}
.k-panelbar .service-delete {
    display: inline-block;
    background: url('Images/Services/delete_15.png') transparent no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.k-panelbar .k-item .k-item .k-hover
{
    cursor: default;
    background-color: transparent;
}
.k-panelbar .k-item .k-item .k-selected
{
    box-shadow: none;
}
.k-panelbar > li > .k-selected, .k-panelbar > li > .k-link.k-selected
{
    /*background: #E1EDBD;*/
    /*color:black;*/
    box-shadow: none;
}
.k-panelbar .k-item .k-hover, .k-panelbar > li > .k-link.k-hover
{
    /*background: #E1EDBD;*/
    /*color:black;*/
    box-shadow: none;
}

/*Update services dialogs*/

.k-panelbar .k-panelbar .k-link.k-hover
{
    cursor: pointer;
}

#ActivationServices {
    padding-top: 10px;
}
#ActivationServices.services li.services-item {
    width: 280px;
    min-height: 27px;
    padding-left: 0;
    padding-bottom: 0;
}
#ActivationSchedulingOptionsWrapper {
    padding-top: 10px;
}

.text-box-td {
    padding: 5px;
}
.name-td 
    {
width: 140px;

}

.multisim-count {
padding-top: 20px; 
padding-bottom: 20px; 
font-size: 1.1em;
vertical-align: middle;
}

/*horizontal tabs*/
/*.k-tabstrip .k-tabstrip-items {
    padding: 0;
}
.k-tabstrip .k-tabstrip-items .k-link {
    display: block;
}
.k-tabstrip .k-tabstrip-items .k-active {
    background-color: #ffffff;
    background-image: none;
    border-top: 2px solid #dcdcdc;
    border-left: 3px solid #dcdcdc;
    border-right: 2px solid #dcdcdc;
}
.k-tabstrip .k-tabstrip-items .k-active .k-link {
    color: #696969;
    font-weight: bold;
}
.k-tabstrip .k-tabstrip-items .k-hover {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #ccc;
}
.k-tabstrip .k-tabstrip-items .k-hover .k-link {
    color: #696969;
    font-weight: bold;
}

.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item {
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: #CCC;
    width: 150px;
    text-align: center;
    background-color: #f5f5f5;
}*/


/*.k-tabstrip .k-active { // removed since caused dropdownlist problems in portal (content just flashing and not visible, issue #19637)
border: 0;

}*/

.k-tabstrip-top > .k-tabstrip-items .k-item::after { /* removes extra border under selected tab header, should be ok to remove this after next kendo upgrade */
    border-bottom-width: 0;
}

.tabs-simple .ui-tabs-nav {
    background: none transparent;
    text-align: center;
}
.tabs-simple .ui-tabs-nav li {
    display: inline-block;
    float: none;
    border-style: none;
    background: none transparent;
    padding: 10px 25px;
}
.tabs-simple .ui-tabs-nav li.ui-tabs-active {
    padding: 10px 25px;
    margin: 0;
}
.tabs-simple .ui-tabs-nav li a {
    color: #20638e;
    font-size: 1.2em;
    padding: 0;
}
.tabs-simple .ui-tabs-nav li.ui-tabs-active a {
    font-weight: bold;
}

.tabs-simple.k-tabstrip {
    background: none transparent;
    border-style: none;
}
.tabs-simple.k-tabstrip .k-tabstrip-items {
    background: none transparent;
    text-align: center;
}
.tabs-simple.k-tabstrip .k-tabstrip-items li {
    display: inline-block;
    float: none;
    border-style: none;
    background: none transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabs-simple.k-tabstrip .k-tabstrip-items li.k-active {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}
.tabs-simple.k-tabstrip .k-tabstrip-items li a {
    color: #20638e;
    font-size: 1.2em;
    padding: 0;
}
.tabs-simple.k-tabstrip .k-tabstrip-items li.k-active a {
    font-weight: bold;
}
.tabs-simple.k-tabstrip .k-tabstrip-items .k-loading {
    border-style: none;
}
.tabs-simple.k-tabstrip .k-content {
    border-style: none;
}

.tabs-vertical.ui-tabs {
    padding: 0;
    width: 100%;
}
.tabs-vertical.ui-tabs .ui-widget-header {
    border: none;
}
.tabs-vertical.ui-tabs .ui-tabs-nav {
    float: left;
}
.tabs-vertical.ui-tabs .ui-tabs-nav li {
    clear: left;
    width: 100%;
   

}
.tabs-vertical.ui-tabs .ui-tabs-nav li a {
    display: block;
    width: 100%;
}
.tabs-vertical.ui-tabs .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    
}
.tabs-vertical.ui-tabs .ui-tabs-nav li:last-child {
    border-bottom-width: 1px;
    margin-bottom: 10px;
}
.tabs-vertical.ui-tabs .ui-tabs-panel {
    height: 100%;
    margin-left: 200px;
    border-radius: 0;
    padding: 0px 10px 0px 10px;
}

.tabs-vertical-wrapper {
    height: 100%
}
.tabs-vertical-wrapper .k-tabstrip-wrapper {
    height: 100%
}
.tabs-vertical.k-tabstrip {
    padding: 0;
    width: 100%;
    border-width: 0;
}
.tabs-vertical.k-tabstrip > .k-tabstrip-items {
    float: left;
    border-width: 0;
    padding: 0;
}
.tabs-vertical.k-tabstrip > .k-tabstrip-items .k-item {
    border-width: 0;
}
.tabs-vertical.k-tabstrip > .k-tabstrip-items li {
    display: block;
}
.tabs-vertical.k-tabstrip > .k-tabstrip-items li a {
    display: block;
}
.tabs-vertical.k-tabstrip > .k-tabstrip-items li a:hover {
    cursor: pointer;
    color: #fff;
}

.tabs-vertical.k-tabstrip > .k-tabstrip-items li:last-child {
    
}
.tabs-vertical.k-tabstrip .k-active {
    
}
.tabs-vertical.k-tabstrip [role="tabpanel"] {
    
}
.tabs-vertical.k-tabstrip > .k-content {
    height: 100%;
    margin: 0 0 0 200px;
    border-radius: 0;
    padding: 0 0 0 10px;
    border-width: 0;
}
.tabs-vertical.k-tabstrip > .k-tabstrip-items .k-link {
    padding: 5px 10px;
}

.tabs-flexible-height.k-tabstrip {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    padding: 5px;
}
.tabs-flexible-height.k-tabstrip > .k-content {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.tabs-flexible-height.tabs-services-by-category.k-tabstrip > .k-content {
    overflow-y: hidden;
}
.tabs-flexible-height.tabs-update-devices.k-tabstrip > .k-content {
    overflow-y: hidden;
}

.tab-content-loading.k-tabstrip-content {
    border-bottom-style: none;
}

.tabs-scrollable-contents.k-tabstrip {
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.tabs-scrollable-contents.k-tabstrip .wrapper-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
}

.tabs-scrollable-contents.k-tabstrip .wrapper-footer.k-content {
    display: none;
    top: auto;
    padding: 0;
    margin-bottom: 3px;
    border-top-style: none;
    bottom: 0;
    height: 50px;
}

.tabs-scrollable-contents.k-tabstrip .wrapper-footer > table {
    width: 100%;
    border-collapse: collapse;
}

.tabs-scrollable-contents.k-tabstrip .wrapper-footer .footer-right {
    height: 50px;
    white-space: nowrap;
    text-align: right;
    padding-right: 4px;
}

.tabs-scrollable-contents.k-tabstrip .wrapper-footer button {
    display: inline-block;
    margin-left: 2px;
}

.tabs-scrollable-contents.k-tabstrip > .k-tabstrip-content {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    margin-bottom: 3px;
}

.wrapper-entity-update .k-tabstrip-wrapper {
    width: 100%;
    height: 100%;
}

.dialog-message-save {
    display: inline-block;
    margin: 0.5em 0.4em;
    color: #497896;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    
}
.dialog-message-save.ui-state-error {
    border-style: none;
    background: none transparent;
}

/*Add and Edit organization dialogs*/

#SelectCustomerType, #CopyAddressLink {
    background-image: url('Images/Icons/arrowOrange13x13.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 17px;
    font-weight: bold;
    /*color: #297fb8;*/
    text-decoration: none;
}
#CustomerTypeInfo, #CustomerTypeLabel {
    font-size: 0.8em;
    font-weight: bolder;
}
#HeaderLinks  {
    list-style: none;
    color: #fff;
    font-size: 1em;
    float: right;
    margin: 0;
    padding-right: 20px;
    padding-top: 20px;
}
#HeaderLinks ul {
    list-style: none;
    color: #fff;
    font-size: 1em;
    float: right;
    margin: 0;
    padding: 0;
    transition: all 1s;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-transform: uppercase;
}
#HeaderLinks ul li{
    display: inline-block;
    color: #fff;
    padding-right: 15px;
    height:25px;
    line-height:25px;
}
#HeaderLinks ul li img
{
    vertical-align: text-bottom;
}

#HeaderLinks ul li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	float: right;
	color: #fff;
	text-align: center;
}
#HeaderLinks ul li a:hover{
	opacity: 0.7;
}

 #HeaderLinks ul li img:hover{
    opacity: 0.7;
}

/*/////////////////////////////////////////////////KENDO*/
/*.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-select, .k-disabled, .k-grid-header-wrap, .k-grid-header, .k-grid td, .k-grid td.k-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
    border-color: #EAE9E5;
}
.k-alt, .k-separator {
    background-color: #F5F4F0;
}
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle {
    background-color: #DCDCDC;
    border: 1px solid #cccccc;
}
.k-pager-wrap .k-dropdown{
    width: 70px;
}
.k-button {
    color: #ffffff;
    border-color: #dadada;
    background-color: #989999;
}
.k-button:hover {
        color: #fff;
        border-color: #dadada;
        background-color: #333333;
}
.k-selected, .k-selected:link, .k-selected:visited, .k-list > .k-selected, .k-list > .k-state-highlight, .k-panel > .k-selected, .k-button:active, .k-ghost-splitbar-vertical, 
.k-ghost-splitbar-horizontal, .k-draghandle.k-selected:hover, .k-scheduler .k-scheduler-toolbar .k-selected, .k-marquee-color {
    color: #4F2412;
}
.k-focus, .k-list > .k-focus, .k-listview > .k-focus, .k-grid-header th.k-focus, td.k-focus, .k-button:focus:not(.k-disabled):not([disabled]), .k-button.k-focus {
    -webkit-box-shadow: inset 0 0 0 1px #cccccc;
    box-shadow: inset 0 0 0 1px #cccccc;
}


.k-button:hover, .k-button:focus, .k-button.k-focus, .k-textbox:hover, .k-hover, .k-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover {
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,#333333 0,#333333 0,#333333 100%);
    background-image: none,-o-linear-gradient(top,#333333 0,#333333 100%);
    background-image: none,linear-gradient(to bottom,#333333 0,#333333 100%);
}*/
   
/*.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {*/
    /*-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;*/
    /*border: 1px solid #cccccc;*/
/*}*/

/*.k-secondary .k-autocomplete.k-hover, .k-secondary .k-picker-wrap.k-hover, .k-secondary .k-numeric-wrap.k-hover, .k-secondary .k-dropdown-wrap.k-hover {
    background-color: #fff;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,#177F76 0,#177F76 100%);
    background-image: none,-moz-linear-gradient(top,#8ebc00 0,#8ebc00 100%);
    background-image: none,-o-linear-gradient(top,#177F76 0,#177F76 100%);
    background-image: none,linear-gradient(to bottom,#fff 0,#fff 100%);
    background-position: 50% 50%;
    border-color: #dadada;
}
 
.k-secondary .k-autocomplete.k-focus, .k-secondary .k-picker-wrap.k-focus, .k-secondary .k-numeric-wrap.k-focus, .k-secondary .k-dropdown-wrap.k-focus {
    background-color: #dadada;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,#8ebc00 0,#8ebc00 100%);
    background-image: none,-moz-linear-gradient(top,#8ebc00 0,#8ebc00 100%);
    background-image: none,-o-linear-gradient(top,#8ebc00 0,#8ebc00 100%);
    background-image: none,linear-gradient(to bottom,#fff 0,#fff 100%);
    background-position: 50% 50%;
    border-color: #dadada;
}
.k-secondary .k-button, .k-secondary.k-button {
    color: #ffffff;
    background-color: #177F76;
    border-color: #dadada;
}
.k-secondary .k-button:hover, .k-secondary.k-button:hover {
        color: #fff;
        border-color: #177F76;
        background-color: #177F76;
}
.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator {
    border-color: #CACACA;
}
.k-selected, .k-selected:link, .k-selected:visited, .k-list > .k-selected, .k-list > .k-state-highlight, .k-panel > .k-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-selected:hover, .k-scheduler .k-scheduler-toolbar .k-selected, .k-marquee-color {
color: #000;
background-color: transparent;
border-color:transparent;
}

.k-treeview .k-selected {
background-color: #989999;
color: white;
}
*/
.k-notification {
                    border: 0;
                    box-shadow: none;
}
.k-notification-upload-success.k-group {
                    background: rgba(0,153,0,.7);
                    color: #fff;
}
.upload-success {
                    width: 170px;
                    height: 50px;
                    padding: 0 5px;
}
.upload-success p {
                    padding:10px;
                    font-size: 11px;
                    display: inline-block;
}
.upload-success img {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 5px;
                    display: inline-block;
}

.k-notification-upload-failure.k-group {
                    background: red;
                    color: #fff;
}
.upload-failure {
                    width: 170px;
                    height: 50px;
                    background-color:red;
                    padding: 0 5px;
}
.upload-failure p {
                    padding:10px;
                    font-size: 11px;
                    display: inline-block;
}
.upload-failure img {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 5px;
                    display: inline-block;
}

#k-notification-close-button .k-i-x {
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    cursor: pointer;
                    font-size: 2em;
                    color: inherit;
}

.custom-notification .custom-notification-text {
                    display: inline-block;                    
                    vertical-align: middle;
                    margin: 30px 30px 30px 40px;
                    max-width: 400px;
}

.custom-notification .custom-notification-text h3 {
                    margin: 0px;
                    word-wrap: break-word;
                    white-space: normal;
}

.custom-notification .custom-notification-text p {
                    margin: 0px;
                    word-wrap: break-word;
                    white-space: normal;
}

.custom-notification .custom-notification-icon {
                    display: inline-block;
                    vertical-align: middle;
                    margin: 30px 0px 30px 20px;
                    font-size: 35px;
                    width: 35px;
                    height: 35px;
                    /*color: #fff;*/
}

.k-notification-wrap .k-icon {
    background-image: none;
    border-color: transparent;
}
/*
.k-hover, .k-hover:hover, .k-list > .k-hover {
    background-color:#;
    border-color:#444444;
    color: #ffffff;
}
.k-focus {
color:#000;

}
.k-grid-delete {
     color:#000;
     background-color:#fff;
     }
    
    .iconslink {
        margin-right: 4px;
        font-size: 16px;
        font-family: Helvetica;
        color: white;
        line-height: 31px;
    }*/

/* Dialogs titlebar*/
/*.k-window-titlebar {
background-color:#008099;
font-weight: bold;
color: #ffffff;
}*/
/*.k-icon.k-i-maximize, k-icon.k-i-minimize, k-icon.k-i-close{
background-color: #ffffff;

}
.k-icon.k-i-minimize{
background-color: #ffffff;

}
.k-icon.k-i-maximize:hover{
background-color: transparent;

}
.k-icon.k-i-close{
background-color: #ffffff;

}
}
.k-icon.k-i-minimize:hover{
background-color: transparent;

}
}
.k-icon.k-i-close:hover{
background-color: transparent;

}*/

/*.k-grid .k-selected {
    background-color: #E1EDBD;
}*/

/*copied from Typography css*/
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }*/

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

/*html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, button, input, dialog, textarea { font-family: Verdana; color: #222; overflow: hidden; }
select { font-family: Verdana; color: #222; }

body {
	font-family: Verdana; background-color: #ffffff; margin: 0; font-size: 0.7em; line-height: 1.231;
}
html {
background: none no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}*/


#LayoutDiv1 {
    margin-left: auto;
    margin-right: auto;
    width: 70%;   
    clear: both; 
   
}
th {
	/*font-family: Verdana;*/
    /*text-align:left;*/
}
h1 {
	/*font-family: Verdana;*/
	/*color: #FFF;*/
	text-decoration: none;
	margin-left: 170px;
	margin-top: 0px;
}


ul li{
    list-style-type: none;
}

nav {
	
	
}
nav ul {

	padding: 0;
	list-style: none;
	width: 100%;
    
}
nav ul li {
	list-style: none;
	display: inline;
	padding: 0;
	text-align: right;
}
 
 nav ul li a:hover {
	text-decoration: none;
}

 		

#footer
		{
    width:100%;
    clear: both;
   bottom: 0;
   position: absolute;
}

#bottom
{
	width: 30%;
	font-size: 12px;
    font-family: Franklin Gothic;
    clear: both;
    text-align: right;
    vertical-align: middle;
    margin-bottom: 0px;
    float: right;
    margin-right: 20px;

}


#frontpage_central {
    clear: both;
    margin-right: auto;
    margin-left: auto;
    height: 570px;
    width: 100%;
    background: url(Images/Background/COM4_background_nopeople.png) no-repeat center center;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-top: 2px solid #297fb8;
}
  
#frontpage_info 
    {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	height: auto;
	width: 70%;
}
#frontpage_rightcell {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e4e4e5;
	padding: 15px;
	text-align: left;
	vertical-align: text-top;
	height: auto;
}
#frontpage_leftcell {
	padding: 15px;
	text-align: right;
	vertical-align: text-top;
	height: auto;
	width: 50%;
}
#frontpage_table
{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
    font-size: 14px;
    
}
/*login form*/
.centered-block
{
	clear: both;
    display: inline-block;
	background-color: #ffffff;
	/*padding: 5px 5px;*/
	/*border: 2px #e4e4e5 solid;*/
    margin-right: auto;
    margin-left: auto;
   	margin-top: 180px;
 }

#headerRow {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #297fb8;
     
}

#lastRow {
 
 height: 20px;

}

.loginLink {
    
    font-size: 12px;
    color: #20638e;
    font-style: italic;
    padding: 5px;
}

#formSubmitButton 
{
font-size: 12px;
font-weight: bold;
text-align: right; }

.transparent {
    background-color: #ffffff;
    /*background-color: rgba(255,255,255,0.6);*/
}

/*Tabs and Tab forms and fields, dialogs*/


.formfields
 {
    padding: 0.5em;
    width: auto;
    
   
  
	}
.text-box-zip
{
    width: 15em;
}


.formtable
{
	border: 2px #DFDFDF solid;
  
}


.formtable { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.formtable { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.formtable { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.formtable { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/*sim and organization dialogs*/


#tabforms
{
	width: 400px;
    margin-left: auto;
    margin-right: auto;
   overflow: hidden;
   /*background-color: #ffffff;*/
             
}
.tabforms
{
	width: 400px;
    margin-left: auto;
    margin-right: auto;
   overflow: hidden;
   /*background-color: #ffffff;*/
             
}
#dialogSimCard, #dialogMobilePhoneModel, #dialogSimStatusDialog {
overflow: hidden;}


.tabButtons
{
	width: 400px;
    margin-right: 0px;
    border-top-color: #b6b5b5;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 1em;
    display: inline-block;
  }



/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.editor-field,
.editor-label_rem,
.editor-field_rem
{
    margin: 1em 0 0 0;
    width: auto;
  
}

/*Main menu*/

#menu-item {
    padding:0 0 0 20px; 
    border-style: none; 
    display: inline-block;
    width: auto;
}

.imgMenu {
   
    height: 15px;
    vertical-align: middle;

}


/*Sim activation dialog*/
#Profile,
#SubscriptionPackage, 
#Sms,
#Voice,
#Roaming, 
#Apn
 {
width: 130px;
}





/*error message*/
#ValidationMsg {
color: red;
width: 280px;
display: block;
margin-right: auto;
margin-left: auto;
}



/*styling for the GS site link in the footer*/

#siteName
{

text-decoration: none;
color: #555556;
font-style: italic;
padding-bottom: 3px;

}

#siteNameLink
{

text-decoration: none;
color: #555556;
font-style: italic;
padding-bottom: 3px;
margin-right: 15px;

}

#siteNameImg 
{
width: 45px; 
padding-left: 7px; 
padding-right: 7px;
}

/*OTP*/

/* div with footer */
.hasfooter {
    position: relative;
}
.hasfooter .wrapper-window-content {
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 10px;
}
.hasfooter .wrapper-window-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
    /*border-top: solid 1px #dcdcdc;*/
    width: 100%;
}
.hasfooter .wrapper-window-footer > table {
    width: 100%;
    border-collapse: collapse;
}
.hasfooter .wrapper-window-footer .window-footer-left {
    height: 50px;
}
.hasfooter .wrapper-window-footer .window-footer-right {
    height: 50px;
    white-space: nowrap;
    text-align: right;
    padding-right: 4px;
}
.hasfooter .wrapper-window-footer button {
    display: inline-block;
    margin-left: 2px;
}
.hasfooter .wrapper-window-footer .wrapper-window-message-save {
    height: 42px;
    overflow: auto;
    margin: 4px 4px 4px 4px;
}
.hasfooter .wrapper-window-footer .wrapper-window-message-save > table {
    height: 42px;
    border-collapse: collapse;
}

/* Kendo UI Window with footer */
.k-window-content.hasfooter {
    position: relative;
}
.k-window-content.hasfooter .wrapper-window-content {
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 10px;
}
.k-window-content.hasfooter .wrapper-window-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
    /*border-top: solid 1px #dcdcdc;*/
    width: 100%;
}
.k-window-content.hasfooter .wrapper-window-footer > table {
    width: 100%;
    border-collapse: collapse;
}
.k-window-content.hasfooter .wrapper-window-footer .window-footer-left {
    height: 50px;
}
.k-window-content.hasfooter .wrapper-window-footer .window-footer-right {
    height: 50px;
    white-space: nowrap;
    text-align: right;
    padding-right: 4px;
}
.k-window-content.hasfooter .wrapper-window-footer button {
    display: inline-block;
    margin-left: 2px;
}
.k-window-content.hasfooter .wrapper-window-footer .wrapper-window-message-save {
    height: 42px;
    overflow: auto;
    margin: 4px 4px 4px 4px;
}
.k-window-content.hasfooter .wrapper-window-footer .wrapper-window-message-save > table {
    height: 42px;
    border-collapse: collapse;
}

/* Embedded dynamic form */
.param .wrapper-window-content {
    padding: 0;
}
.hasfooter .param .wrapper-window-content {
    padding: 0;
}
.k-window-content .param .wrapper-window-content {
    padding: 0;
}
.k-window-content.hasfooter .param .wrapper-window-content {
    padding: 0;
}

/* Kendo UI Window footer messages */
.window-message-save {
    color: #497896;
    font-weight: bold;
    font-size: 1.1em;
}
.window-message-save.ui-state-error {
    color: red;
    border-style: none;
    background: none transparent;
}
/*.CustomSelectedrow {
        background-color: #E1EDBD;
  
    }*/


.dialogTitle {

font-size: 1.1em; 
padding-left: 19px;
padding-bottom: 17px;
  background-image: url('Images/Icons/arrowOrange13x13.png');
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #78788d;
    text-decoration: none;
    font-style: italic;
}

#OneTimePassword {
background-color: white;}

.numberCircle {
    border-radius: 75%;
    behavior: url(PIE.htc);
    width: 35px;
    height: 35px;
    padding: 3px 7px;
    background: #FF9966;
    border-color: transparent;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.steps {
    font-size: 1.17em;
    font-weight: bold;
    color: #78788d;
    padding-top: 30px;
    padding-bottom: 10px;
}

.radioButtonsCustType {
    width: 30px;
    padding-bottom: 4px;
}


div.k-window-content {
   
    padding-left: 1.3em;
    /*background-color: #ffffff;*/
}

#Profile, #SubscriptionPackage {
width: 240px;
height: 22px;
}

/*.k-header {
    color: #78788d;
}*/
/* Dialogs titlebar*/
/*.k-window-titlebar, k-window-title {

font-weight: bold;
color: #fff;
background-color:#515252;
}*/




.dialogTitle {

padding-top: 20px;

}

/*.k-link:link, .k-link:visited, .k-hover.k-nav-current .k-link {
    color: #78788d;
    font-weight: bold;
}*/


#OrganizationUnitTabs .k-content {
    border-color: transparent;
}

select#Database {
    width: 179px;
    height: 25px;
    border: solid 1px #dadada;
}

/* screen width specific styles */
@media screen and (max-width : 1024px) {
    #iconsRight #search {
        display: none;
    }
}
/*.k-selected > .k-link, .k-panelbar > li > .k-selected {
color: #78788d;
}*/

table.form-fields-fixed > tbody > tr > td {
    width: 250px;
}

input[type="text"].sim-reserve-phonenumber, input[type="text"].sim-reserve-iccid, input[type="text"].sim-reserve-simname, .k-textbox.sim-reserve-iccid {
    width: 170px;
}
.sim-reserve-phonenumber-check {
    display: inline-block;
}
.sim-reserve-iccid-check {
    display: inline-block;
}
.sim-reserve-iccid.invalid {
    border: red solid 1px;
}

#searchPhone, .searchGroup {
margin-bottom:5px; 
width:253px;
border-radius: 3px;
background: url('Images/Icons/magnglass.png') no-repeat;
background-size: 22px; 
padding-left:25px
}
    ::-webkit-input-placeholder { font-style: italic; }
    ::-moz-placeholder { font-style: italic; }
    ::-ms-input-placeholder { font-style: italic; }


    .invoiceLable {
    margin:2px 0;
    }
    .invoiceLongEditor {
    width:300px;
    }
    .invoiceLongBottomEditor {
    width:410px;
    }
    .invoiceRight {
    float:left;
    margin-right:20px;
    }
#InvoicePeriodStartDateValidate, #InvoicePeriodEndDateValidate {
width:170px;
}

/*Services dashboard, services overview*/
#DeviceCategoryInfo {
    width: 200px; 
    float: left; 
    padding: 30px 0; 
    clear: both;
}

/* Services dashboard, device types */
#DeviceTypes {
    /*height: 100%;*/
    /*background-color: #ffffff;*/
}
#DeviceTypes > ul.k-tabstrip-items {
    width: 200px;
    clear: both;
}
#DeviceTypes > ul.k-tabstrip-items > .k-item {
    border-width: 1px 1px 0 1px;
    /*border-color: #c7c8c8;*/
    border-style: solid;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 200px;
    text-align: left;
}
#DeviceTypes > ul.k-tabstrip-items > .k-active > .k-link {
    /*background-color: #e1edbd;*/
    /*color: #444;*/
    font-weight: bold;
}
#DeviceTypes > ul.k-tabstrip-items > .k-hover > .k-link {
    /*background-color: #e1edbd;*/
    /*color: #444;*/
    font-weight: normal;
}
#DeviceTypes > ul.k-tabstrip-items > .k-item.k-last {
    border-width: 1px 1px 1px 1px;
}
#DeviceTypes > ul.k-tabstrip-items > .k-item .k-link {
    padding: 7px 10px;
}
#DeviceTypes > ul.k-tabstrip-items .k-loading {
    border-top-width: 0;
}
#DeviceTypes > .k-content ul.k-tabstrip-items .k-item  {
    margin-bottom: 0;
    padding-bottom: 0;
}

#DeviceTypes .ui-tabs-nav {
    background: none no-repeat #ffffff;
}
#DeviceTypes .ui-tabs-panel {
    margin-left: 220px;
}
#DeviceTypes .ui-tabs-nav {
    background: none transparent;
}
#DeviceTypes .ui-tabs-nav li {
    border-color: #696969;
    background: none transparent;
}
#DeviceTypes .ui-tabs-nav li.ui-tabs-active {
    background: none #ececec;
}
#DeviceTypes .ui-tabs-nav li a {
    color: #696969;
    font-weight: bold;
    padding: 12px 10px 12px 10px;
}

#DeviceTypes > ul > .k-content {
    margin-left: 220px;
}

/* Services dashboard, user types */
#UserTypes {
    height: 100%;
}
#UserTypes > ul.k-tabstrip-items {
    width: 200px;
    clear: both;
}
#UserTypes > ul.k-tabstrip-items > .k-item {
    border-width: 1px 1px 0 1px;
    /*border-color: #c7c8c8;*/
    border-style: solid;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 200px;
    text-align: left;
}
#UserTypes > ul.k-tabstrip-items > .k-active > .k-link {
    /*background-color: #e1edbd;*/
    /*color: #444;*/
    font-weight: bold;
}
#UserTypes > ul.k-tabstrip-items > .k-hover > .k-link {
    /*background-color: #e1edbd;*/
    /*color: #444;*/
    font-weight: normal;
}
#UserTypes > ul.k-tabstrip-items > .k-item.k-last {
    border-width: 1px 1px 1px 1px;
}
#UserTypes > ul.k-tabstrip-items > .k-item .k-link {
    padding: 7px 10px;
}
#UserTypes > ul.k-tabstrip-items .k-loading {
    border-top-width: 0;
}
#UserTypes > .k-content ul.k-tabstrip-items .k-item  {
    margin-bottom: 0;
    padding-bottom: 0;
}
#UserTypes .ui-tabs-nav {
    background: none no-repeat #ffffff;
}
#UserTypes .ui-tabs-panel {
    margin-left: 220px;
}
#UserTypes .ui-tabs-nav {
    background: none transparent;
}
#UserTypes .ui-tabs-nav li {
    border-color: #696969;
    background: none transparent;
}
#UserTypes .ui-tabs-nav li.ui-tabs-active {
    background: none #ececec;
}
#UserTypes .ui-tabs-nav li a {
    color: #696969;
    font-weight: bold;
    padding: 12px 10px 12px 10px;
}
#UserTypes > ul > .k-content {
    margin-left: 220px;
}


.tabs-expanded {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.tabs-expanded ul {
    width: auto;
    height: auto;
}
.tabs-expanded .k-content {
    position: absolute;
    top: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow-y: hidden;
}

/*.k-active, .k-tabstrip .k-active {
    background-color: #ffffff;
    color: #000;
}*/
.ui-state-error-text{
	color: #cd0a0a/*{fcError}*/;
}

#OrganizationsBreadcrumbWrapper {
    display: inline-block;
}
#OrganizationsBreadcrumb {
    display: inline-block;
    padding: 5px 10px;
}
#OrganizationsBreadcrumb ul {
    margin: 0;
    padding: 0;
}
#OrganizationsBreadcrumb ul li {
    display: inline;
    font-weight: bold;
    list-style-type: none;
    padding-right: 4px;
}
#OrganizationsBreadcrumb ul li a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    /*color: #444444;*/
}
#OrganizationsBreadcrumb ul li.separator {
    font-size: 12px;
    /*color: #444444;*/
}

#SimCardSelectionMode .k-input span, #ActivationSettingId-list ul li span {
    display: inline-block;
    padding-left: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: left center
}
#SimCardSelectionMode [data-selection-mode="single"], #ActivationSettingId-list [data-selection-mode="single"], #SimCardSelectionMode [data-selection-mode="single"], #ActivationSettingId-list [data-selection-mode="single"] {
    background-image: url("Images/icons/sim_14.png");
}
#SimCardSelectionMode [data-selection-mode="multiple"], #ActivationSettingId-list [data-selection-mode="multiple"], #SimCardSelectionMode [data-selection-mode="multiple"], #ActivationSettingId-list [data-selection-mode="multiple"] {
    background-image: url("Images/Icons/sims_17.png");
}
#SimCardSelectionMode [data-selection-mode="range"], #ActivationSettingId-list [data-selection-mode="range"] {
    background-image: url("Images/Icons/sims_17.png");
}

/*.k-chart .k-tooltip {
    color: #ffffff;
}*/

/*toolbar icon styles*/
.toolbarIcon
{
    width: 12px; 
    vertical-align:text-top;
}

.k-sprite.icon-devicetype {
    width: 30px;
    height: 24px;
    background-position: center center;
    background-image: url("Images/Devices/manage_24.png");
}
.k-sprite.icon-devicetype-1 {
    background-image: url("Images/Devices/mobile_24.png");
}
.k-sprite.icon-devicetype-2 {
    background-image: url("Images/Devices/voip_24.png");
}
.k-sprite.icon-devicetype-3 {
    background-image: url("Images/Devices/fax_24.png");
}
.k-sprite.icon-devicetype-4 {
    background-image: url("Images/Devices/voicemail30x21.png");
}
.k-sprite.icon-devicetype-5 {
    background-image: url("Images/Devices/data_24.png");
}
.k-sprite.icon-devicetype-6 {
    background-image: url("Images/Devices/pstn30x24.png");
}
.k-sprite.icon-devicetype-10 {
    background-image: url("Images/Devices/mobile_24.png");
}
.k-sprite.icon-devicetype-100 {
    background-image: url("Images/Devices/server_24.png");
}
.k-sprite.icon-devicetype-110 {
    background-image: url("Images/Devices/LinkageCapacity_24.png");
}
.k-sprite.icon-devicetype-120 {
    background-image: url("Images/Devices/LinkageBackups_24.png");
}

.k-sprite.icon-devicetype-130 {
    background-image: url("Images/Icons/applications_24.png");
}
.k-sprite.icon-devicetype-131
 {
    background-image: url("Images/Icons/license20x24.png");
}

.k-sprite.icon-devicetype.icon-devicetype-140 {
        background-image: url("Images/Icons/mailboxMessagin25x24.png");

}


.k-sprite.icon-devicetype.icon-devicetype-150 {
        background-image: url("Images/Icons/passiCharges30x17.png");

}


.k-sprite.icon-devicetype-200 {
    background-image: url("Images/Icons/networkDevices_25.png");
}

/*power*/
.k-sprite.icon-devicetype-254 {
    background-image: url("Images/Icons/powerGeneric24x24.png");
}

/*exchange*/
.k-sprite.icon-devicetype.icon-devicetype-850 {
        background-image: url("Images/Icons/echange24x24.png");

}

/*archive*/
.k-sprite.icon-devicetype.icon-devicetype-851 {
        background-image: url("Images/Icons/archive24.png");

}

.k-sprite.icon-usertype {
    width: 30px;
    height: 24px;
    background-position: center center;
    background-image: url("Images/Views/User/realUser_19x24.png");
}

.icon-search-bo {
    background: url("Images/icons/charge12x12.png") no-repeat;
    background-position:right;
    background-position-y: 50%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}
.icon-delete-bo{
    background: url("Images/icons/charge12x12.png") no-repeat;
    background-position:right;
    background-position-y: 50%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}
.icon-report-rerun {
    background: url("Images/Views/Report/flatGraphs.png") no-repeat;
    background-position:right;
    background-position-y: 40%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}
.icon-invoice{
    background: url("Images/Views/Invoice/invoice.png") no-repeat;
    background-position:right;
    background-position-y: 40%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}
.icon-workqueue {
    
    background: url("Images/Views/Workqueue/workqueueButtonIcon.png") no-repeat;
    background-position:right;
    background-position-y: 40%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}
.icon-workqueue-history {
     background: url("Images/Views/Workqueue/historyClock.png") no-repeat;
    background-position:right;
    background-position-y: 40%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}
.icon-find
{
     background: url("Images/Icons/search_menu_16.png") no-repeat;
    background-position:right;
    background-position-y: 40%;
    width:auto;
    padding-right:20px !important;
    height:13px;
}

/*.toolbardropdown ul li a {
    color:white;
    float:left;
}
.toolbardropdown ul li a.k-link:link, .toolbardropdown ul li a.k-link:visited, .toolbardropdown ul li a.k-hover.k-nav-current .k-link {
    color:white;
}*/

/*.k-select
 {
    background-color: #a2a1a1;
    color: #ffffff;
}

.k-select:hover
 {
    background-color: #515252;
    color: #ffffff;
}*/

   .BoLabel {
    margin-top: 15px;
    }
    .BoEditor {
    width:300px;
    }
    /*.BoBottomEditor {
    width:410px;
    }*/
    .BoLeft {
    float:left;
    margin-right:20px;
    }
    .BoRight {
    float:left;
    margin-left:20px;
    }
#logOutToolbar ul li
    {    
    display: block;
    }
#logOutToolbar ul li a
{    
  color:white;
  text-align:left;
  float:left;
  width:auto;
}
/*#logOutToolbar ul {
 background-color:#515252;
 color: white;
}
#logOutToolbar, #logOutToolbar .k-active, #logOutToolbar .k-state-border-down  {
background-color:transparent;
color:white;
}*/

/*.k-active, .k-active:hover, .k-active-filter, .k-tabstrip .k-active {
background-color: #fff;
color: #000;
}*/



/*.template-device.k-selected .template-header {
background-color: #989999;
color: white;
}*/

  /*.k-button:focus:active:not(.k-disabled):not([disabled]) {
        -webkit-box-shadow: inset 0 0 3px 1px #cccccc;
        box-shadow: inset 0 0 3px 1px #cccccc;
    }*/

  /*services, organization contact information */

.contact-info-left {
    width: 50%;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
    font-size: 1.1em;
}


/*Charges, run reports on charges dialog, other BO reports dialogs*/
#reports ul li {
font-size: 1.2em;
padding-bottom: 10px;
}

/*.k-popup .k-list .k-item:hover 
{
    color: white;
}*/


/*.toolbardropdown .k-active{
 background-color:#333;
 color: white;
 border:0;
}*/

/*Charges, viewing charge history and parameteres drop-down*/

/*.toolbardropdown.k-active #boManagementToolbar
{
    background-color: #333;
    color: white;
   
}*/


/*#boManagementToolbar ul {

background-color: #333;
color: white;


}*/


/*#boManagementToolbar ul li 
{
background-color: #333;
color: white;

}

#boManagementToolbar ul li a {

color: white;
padding: 10px 20px;

}*/

/*#boManagementToolbar ul li a:hover {

color: white;
background-color: #444;

}*/

/*#viewInvoiceParams
 {
color: white;
}

#viewHistoryBillingObject
 {
color: white;
}*/
.asterisk {
color:red;
}

.grid-cancel-search-wrapper {
    z-index: 2;
    height: 100px;
    width: 100px;
    position: absolute;
    margin: -50px 0 0 -50px;
    left: 50%;
    top: 50%;
    background-color: transparent;
    text-align: center;
}
#diagram {
width:auto;
}

/*.toolbardropdown .k-active{
 background-color:#333;
 color: white;
 border:0;
}*/
.icon-excel {
background: url("Images/Icons/icon_excel.png") no-repeat;
background-position: 70%;
background-position-y: 40%;
width: auto;
padding-right: 40px !important;
height: 15px;
cursor:pointer;
}
.linkageMaster {
float: left; 
width: 60px; 
height: 60px; 
background-color: #E1EDBD; 
margin-right: 30px;
}
#masterImage, .linkageimages {
 width:60px;
 height:60px;
}

/*linkage stuff*/
 #deviceLinkageSheme:hover {
        opacity: 0.7;
    }

    #example {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .demo-section {
        padding: 50px 70px;
    }

    .one-way {
        background: url('/Content/web/sortable/one-way.png') no-repeat 50% 50%;
    }

    .two-way {
        background: url('/Content/web/sortable/two-way.png') no-repeat 50% 50%;
    }

    .list-wrapper {
        overflow: hidden;
    }

    #sortable-listC, #sortable-listD {
        width: 210px;
        min-height: 40px;
        margin: 0;
        padding: 0;
        border: 1px solid #dddddd;
        border-radius: 4px;
    }

    #masterDiv {
        width: 100%;
    }

    fieldset {
        margin: 5px;
        border-radius: 3px;
    }

    #masterDiv {
        color: #000000;
    }

    .list-item, .list-item-dashboard {
        list-style-type: none;
        width: 250px;
        margin: 5px;
        line-height: 20px;
        text-align: left;
        /*background-color: #222222;*/
        color: #ffffff;
        border-radius: 3px;
    }

    #sortable-listA .list-item {
        background-color: #54b8fa;
        color: #000000;
    }

    #sortable-listB .list-item {
        background-color: #ff879e;
        color: #000000;
    }

    #sortable-listC .list-item {
        background-color: #D5D6D7;
        color: #000000;
    }

    #sortable-listC tr {
        background-color: #D5D6D7;
        color: #000000;
        width: 200px;
        height: 30px;
    }

    #sortable-listD .list-item {
        background-color: #E1EDBD;
        color: #000000;
    }

    #placeholder.list-item {
        background-color: #ffffff;
        color: #777;
    }
    .list-item-dashboard {
/*background-color: white;*/
color:black;
height:60px;
border: 1px solid #C0C3C1;
}
/* END of linkage stuff*/
/*.reportgrid .k-header.k-grid-toolbar {
    background-color:green
}*/
/*.reportparamgrid .k-header.k-grid-toolbar {
          background-color:#B4B4B4  ;
        
     }
 .reportparamvaluegrid .k-header.k-grid-toolbar{
          background-color:#8C8C8C 
     }*/

     /*.levelOneGrid .k-header.k-grid-toolbar{
       background-color: #DCDCDC !important;
}
    .levelTwoGrid .k-header.k-grid-toolbar {
        background-color: #B4B4B4 !important;
    }

    .levelThreeGrid .k-header.k-grid-toolbar {
        background-color: #8C8C8C !important;
    }

    .levelFourGrid .k-header.k-grid-toolbar {
        background-color: #646464 !important;
    }*/

.lableDiv {
float:left;
width: 150px;
height: 40px;
line-height:40px;
vertical-align:middle;
}
.editorDiv {
float: right;
width: 200px;
height: 40px;
line-height:40px;
vertical-align:middle;
}
.divContainer {
width:370px;
clear:both;
}
.divContainerfor2 {
width:950px;
clear:both;
}
.SublabelDiv {
float:left;
width: 170px;
height: 40px;
line-height:40px;
vertical-align:middle;
}
.SubEditorDiv {
float: right;
width: 170px;
height: 40px;
line-height:40px;
vertical-align:middle;
}
.addressLable {
margin:2px 0;
}
.addressRight {
float:left;
margin-right:20px;
}
#minimizeUp, #maximizeDown {
margin-top:5px;
margin-left:5px;
}
.k-grid-toolbar {
    text-align: right;
}
.k-grid-toolbar > * {
    text-align: left;
}

.k-toolbar.k-grid-toolbar {
    justify-content: flex-end;
    flex-wrap: wrap;
}

  #boManagementToolbar ul li{
    width:300px;
    }

 /*right-side SIM list toolbar height is too big - 27px, should be smaller*/

#simList {
    height: 25px;
}


#exportToExcel {
    color: #777677;
    margin-left: 20px;
}
#userInfo {
margin-left:10px;
margin-bottom:10px;
font-size: 1.2em;
font-weight:bold;
}
.infoDashboard {
    margin:10px auto; 
    text-align: center; 
    font-size:2em; 
    font-weight:bold; 
    color:#FF7301;
}

.menu-item-service-category > .k-link > .k-sprite {
    background-image: url("Images/Folder manager/Realistic/edit16x16.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-edit {
    background-image: url("Images/Folder manager/Realistic/edit16x16.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-location {
    background-image: url("Images/Folder manager/Realistic/location13x16.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-view {
    background-image: url("Images/Views/Workqueue/historyClock.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-link {
    background-image: url("Images/Views/Sim/link15x15.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-cancel {
    background-image: url("Images/Icons/cancel.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-update {
    background-image: url("Images/Folder manager/Realistic/update16x16.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-add {
    background-image: url("Images/Folder manager/Realistic/add.png");
}
.menu-item-service-category > .k-link > .k-sprite.icon-activate {
    background-image: url("Images/Views/Sim/activate15x16.png");
}

.stats-links {
    width:210px;
    /*height:130px;*/
    margin: 5px;
    /*border: 5px solid #BBBBBB;
    background-color:#F3F3F3;*/
    /*background-color:#E1EDBD;*/
    /*font-size: 1.2em;*/
    text-align: left;
    line-height:25px;
    /*color: #888685;*/
    padding:5px;
    cursor:pointer;
    font-weight:bold;
}
.mini-chars {
margin:8px;
}
.stats-links:hover {
/*background-color:#D1DDAC;*/
color: #188806;
}
.stats-link-chosen {    
/*border: 4px solid #8DA053;
background-color: #E1EDBD;*/
color: #188806;
}
.user-settings-frame {
    float: left;
    /*background-color:#C0C3C1; 
    width:30px; 
    height:27px; 
    border: 1px solid #C0C3C1;
    border-top-left-radius:5px; 
    border-radius:5px;	
    border-top-right-radius:5px;*/
    margin-right:10px;
}
.user-settings {
margin-top:20px;
}
.shortcut-links {

}

#SimRegisterButtonWrapper {
    display: inline-block;
    width: 250px;
    text-align: right;
    padding-top: 20px;
}
.shortCuts-images {
height:25px;
margin:5px 5px 5px 0px;
}
.DDButtons {
margin: 0 25px 10px 25px;
color:white; 
padding:0 10px; 
font-size:1.4em; 
line-height:30px; 
height:30px; 
text-align:center; 
min-width:95px;
}

.k-window-content > .k-loading-mask > .k-loading-color
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

/* updating device */
.wrapper-update-device {
    position: relative;
}
.device {

}
.device .param-group-wrapper {
    position: relative;
}
.device .param-group {
    position: relative;
}
.device .param-group h3 {
    margin-bottom: 5px;
}
.device .param {
    float: left;
    padding: 3px;
}
.device .param[data-field-type-id="40"], .device .param[data-field-type-id="41"] {
    padding: 0;
}
.device .param-name {
    padding: 2px;
}
.device .param-value {
    padding: 2px;
}
.device .param.param-hidden {
    padding: 0px;
}
.device .param-name.param-hidden {
    padding: 0px;
}
.device .param-value.param-hidden {
    padding: 0px;
}
.device .field-required-asterisk {
    color: #CD0A0A;
}
.device .field-required-asterisk2 {
    color: red;
    font-size: 9px;
    vertical-align: top;
}

.k-multiselect.multiselect-list .k-button {
    display: block;
    float: none;
}

.toolbar-menu {
    /*display: inline-block;*/
    border: none;
}

.toolbar-menu-right {
    /*display: inline-block;*/
    border: none;
    float: right;
}

  .toolComponent {
        float: left;
        width: calc(100% - 14px);
    }

    #contentList, .formHeader, .formFooter {
        width: 550px;
        min-height: 300px;
        min-width: 300px;
        height: 95%;
        margin: 0 auto;
        padding: 10px;
        border-left: solid 1px #e9e9e9;
        border-right: solid 1px #e9e9e9; 
        box-shadow:0px 2px 2px #ccc, 
        -3px 3px 2px #ccc, 3px 3px 2px #ccc;       
    }
    #contentList {
    overflow-y:auto;
    }
#contentList, .formFooter {
    background-color:white;
}
    .formHeader {
        min-height: 20px !important;
        height: 30px !important;
        font-size: 1.3em !important;
        margin-top: 20px !important;
        padding: 5px 10px !important;
        border-left: solid 1px #e9e9e9 !important;
        border-right: solid 1px #e9e9e9;
        border-top: solid 1px #e9e9e9;
    }

    .formFooter {
        border: solid 1px #e9e9e9;
        border-top: solid 1px #dcdcdc;
        height: 50px;
        min-height: 20px;
    }

    .list, .componenets, .headers {
        width: 210px;
        /*min-height: 150px;*/
        margin: 0;
        padding: 0;
        /*border: 1px solid #dddddd;*/
        /*border-radius: 4px;*/
    }

    .rowElement, .spaceComponentRow, .lableComponentRow, .headerComponentRow {
        min-height: 50px;
        margin-bottom: 5px;
        border: 1px dashed #c3c3c3;
        color:black;
        width: 100%;
        margin-left: -5px;
        border-radius: 3px;
        /*padding-left: 10px;*/
        float: left;
    }

    .rowElement, .row {
        margin-left: -5px;
        padding-left: 0px;
    }
        .rowElement:hover, .rowElement:active {
        background-color:#AFD7F0;
        }

    .componentsForm, #paramvalues {
        width: 100%;
        max-width: 230px;
        height: 40px;
        color:black;
        padding: 0 10px;
        border: 1px solid #c3c3c3;
        margin-top: 5px;
        border-radius: 5px;
        background-color: white;
        line-height: 40px;
    }
        .componentsForm:hover {
        background-color: #e9e9e9;        
        }
    #paramvalues {
    height:auto;
    width:280px;
    border:none;
     padding: 5px;
     line-height: initial;
    }

    .spaceComponentRow, .lableComponentRow, .headerComponentRow {
        border: 1px dashed #c3c3c3;
        height: 20px;
        min-height: 20px;    
        /*padding-left: 17px;*/
        width: 100%;
    }

    .headerComponentRow {
        height: 30px;
    }

    .cross-icon, .cross-icon-element {
        float: right;
        color:black;
    }

    .cross-icon-element, .glyphicon-th {
        font-size: 0.9em;
        color: #5e5e5e;
    }

    .spacer {
        height: 30px;
        width: calc(100% - 18px);
        border: 1px dashed #c3c3c3;
        margin: 10px auto;
    }

    .vertical-icon {
        float: left;
        width: 14px;
        height: 20px;
        background-image: url("Images/FormBuilder/dragDropIcon30x30.png");
        background-repeat: no-repeat;
    }

    .editableText {
        background-image: url("Images/FormBuilder/editFlatWhite.png");
        background-repeat: no-repeat;
        background-position: right center;
        width: auto;
        padding-right: 20px;
    }
    .element-highlight {        
    background-color: #afd7f0;
    height:50px;
    }

     #formBuilder {
        margin: 0 auto;
        width: 100%;
    }
    .heading-icon, .lable-icon,.space-icon, .row-icon, .textbox-icon, .checkbox-icon, .radio-icon, .ddl-icon, .calendar-icon, .button-icon, .horizontal-space-icon {        
        background-image: url("Images/FormBuilder/header_one.png");            
        background-position: 5% 50%;
        background-repeat: no-repeat;
    }
    .lable-icon {
     background-image: url("Images/FormBuilder/text_icon.png");       
    }
    .space-icon {
     background-image: url("Images/FormBuilder/horizontal_space.png");       
    }
    .row-icon {
     background-image: url("Images/FormBuilder/row.png");      
    }
    .textbox-icon {
     background-image: url("Images/FormBuilder/textbox.png");      
    }
    .checkbox-icon {
     background-image: url("Images/FormBuilder/checkbox.png");      
    }
    .radio-icon {
     background-image: url("Images/FormBuilder/radio.png");      
    }
    .ddl-icon {
     background-image: url("Images/FormBuilder/ddl.png");      
    }
    .calendar-icon {
     background-image: url("Images/FormBuilder/calendar.png");      
    }
    .button-icon {
     background-image: url("Images/FormBuilder/button.png");      
    }
    .horizontal-space-icon {
     background-image: url("Images/FormBuilder/horizontal-space.png");      
    }
    
    .componentsForm {
    padding-left:30px;
    }
    #formArea {
        width: 100%;
        width: calc(100% - 400px);
        float: left;
        min-height: 700px;
    }
    .toolbox-header {
     height: 26px; 
     width: 210px; 
     padding: 0 2px; 
     border-width: 0 0 1px 0; 
     border-style: solid; 
     font-weight: bold;
     text-align:center;
    }
    #spinnerVertical {
        width: 50px;
        float: left;
        height: 500px;
    }

    .horizontalSlider {
        width: 100% !important;
    }

    #MenuBar {
        width: 100%;
        width: calc(100% - 400px);
        height: 40px;
    }

    .verticalSlider {
        display: inline-block;
        margin: 1em;
        height: 800px !important;
        vertical-align: top;
    }

    #toolsArea {
        width: 310px;
        height: 700px;
        position:fixed;
        right:40px;
        float: right;
        margin-top: 10px;
    }

.clearable-input {
    position: relative;
    display: inline-block;
}
.clearable-input > input {
    padding-right: 1.4em;
}
.clearable-input > [data-clear-input='1'] {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    font-size: 1.4em;
    padding: 2px 5px 2px 5px;
    line-height: 1em;
    cursor: pointer;
}
.clearable-input > input::-ms-clear {
    display: none;
}
.drag-vertical-icon {
position:relative; 
top: 15px; 
left: -7px; 
margin-top:-15px; 
width: 20px; 
height: 14px;
}
.remove-cross-icon {
position:relative; 
margin-bottom:-15px; 
top: -55px !important; 
right: -10px; 
width: 20px; 
height: 14px;
}
.remove-cross-icon-header {
top:-35px !important;
margin-bottom: -30px !important;
}
.remove-cross-icon-lable {
top:-25px !important;
margin-bottom: -20px !important;
}

.theme-preview {
    cursor: pointer;
}
.theme-select-option {
    float: left;
    margin: 10px;
}

.centerbutton2
{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
#footermarginal2 {
    position: relative;
	height: 40px;
	clear:both;
} 
#reportwrapper2 {
    height: 180px;
}

.k-context-menu.context-menu-dynamic .k-item {
    float: none;
}
.k-context-menu.context-menu-dynamic .k-item .k-link {
    min-width: 120px
}

table#searchTable 
{
    border-collapse:separate;
    border-spacing: 3px 5px;
}

.k-pager-wrap .k-dropdown{
    width: 80px;
}

.styled-select { 
    opacity : 0;
}
.styled-select-wrapper {
    width: 100%;
    height: 22px;
    position: absolute;
    z-index: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.styled-select-value {
    padding: 0px 3px;
}

.portlet-listview .portlet {
    margin: 0 15px 15px 0;
    padding: 0;
    min-height: 120px;
    cursor: pointer;
    width: 290px;
    float: left;
}
.portlet-listview .portlet-header {
    padding: 4px 6px;
    margin-bottom: 0.5em;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    font-size: 1.2em;
}
.portlet-listview .portlet-content {
    padding: 5px; 
    text-align: left;
}
.portlet-listview .portlet-icon {
    float: left;
}
.portlet-listview .portlet-text {
    padding: 10px 15px 15px 40px;
    text-align: left;
    margin-left: 35px;
    font-size: 1.1em;
}
#ValidFromDate, #ValidToDate {
margin-top:0 !important;
}

.one-service-schedule {
    padding: 10px 5px 0px 5px;
}

.param-group-wrapper > .k-panelbar > .k-panelbar-item > .k-panelbar-content {
    padding: 10px;
}

.k-menu .k-menu-group > .k-item.menu-item-service[data-visibility],
.k-menu .k-menu-group > .k-item.menu-item-service-hidden {
    display: none;
}

.menu-item-service-icon {
    margin: 0 4px 0 -4px;
}

.k-button.confirm-yes, .k-button.confirm-no, .k-button.confirm-cancel {
    min-width: 60px;
}
.tooltip-dynamic {
    display:  none;
    margin-left: 3px;
    vertical-align: top;
    font-size: 12px;
}


.content-left, .content-right  {
    height: 100%;
}
.content-left {
    float: left;
    width: 220px;
}
.content-right {
    margin-left: 230px;
    overflow: auto;
}

.k-splitter.splitter-resizable, .k-splitter.splitter-resizable > .k-scrollable {
    border-width: 0;
    overflow: hidden;
}

.tree-wrapper .k-treeview {
    overflow: visible;
}
.tree-wrapper .tree-header {
    height: 60px;
}
.tree-wrapper .tree-content {
    overflow: auto;
}
/* TODO: add these to keep old spacing? */
/*.tree-wrapper .tree-content .k-treeview-md .k-treeview-leaf {
    padding: 2.8px 8.4px;
}
.tree-wrapper .tree-content .k-treeview-leaf .icon {
    margin-right: 5.6px;
}*/

.k-dropdown.dropdown-auto-width {
    width: auto;
}

.grid-toolbar-item {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.grid-toolbar-item input[type="checkbox"] {
    vertical-align: middle;
}

.k-tabstrip > .k-content:focus {
    outline-style: none;
}

.k-tabstrip-items .k-icon.tab-close {
    margin-right: 0;
    margin-left: 10px;
}

h1, h2, h3 {
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 13px;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 17px;
}

h3 {
    font-size: 13px;
}

label {
    font-weight: normal;
}

/* Query Builder */
.query-builder[data-is-simple="true"].form-inline .rule-value-container .form-control {
    display: none;
}
.query-builder .btn-group {
    padding-bottom: 2px;
}
#AdvancedSearchSimpleSearchWrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

.k-treeview-leaf.k-in.k-hover {
    cursor: pointer;
}
.k-treeview .tree-icon {    
    padding-right: 5px;
}

.tree-quick-search {
    width: auto;
    height: auto;
    padding: 4px;
    line-height: 1em;
    margin-top: 1px;
}

.tree-advanced-search {
    padding: 1px 5px 3px 3px;
}

.tree-advanced-search > .icon-search, .grid-advanced-search > .icon-search {
    font-size: 14px;
    vertical-align: middle;
}
.tree-advanced-search > .icon-search:before, .grid-advanced-search > .icon-search:before {
    vertical-align: inherit;
}

.k-grid tbody .k-button.grid-icon-button {
    min-width: 25px;
    padding-right: 0;
}

/* Provides backward compatibility support for custom sprites */
.k-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
}

/* Removes sprite styles from font icons */
.k-sprite.k-icon {
    font-size: 16px;
    line-height: 1;
}

.k-numerictextbox.numeric-textbox-right .k-input {
    text-align: right;
    padding-left: 4px;
    padding-right: 4px;
    width: 96%;
}
.k-menu .k-menu-group > .k-item.service-dummy-menu-item {
    display: none;
}

.map_canvas_googlemap {
    width: 400px;
    height: 400px;
}

.k-grid.grid-hide-footer .k-grid-footer {
    display: none;
    height: 0;
}

.param > .tree-wrapper {
    width: 300px;
    height: 200px;
    position: relative;
}

.k-panelbar .k-content.k-treeview {
    border-bottom-style: none;
}

.grid-advanced-search.k-icon-button.k-button-md {    
    padding: 1px 5px 3px 3px;
}

[data-field-type-id="2"] label {
    margin-bottom: 0;
}
[data-field-type-id="2"] .k-widget.km-switch {
    border-style: none;
    width: 2.3rem;
}
[data-field-type-id="2"] .km-switch-label-on, [data-field-type-id="2"] .km-switch-label-off {
    display: none;
}
[data-field-type-id="2"] .km-switch-background, [data-field-type-id="2"] .km-switch-container, [data-field-type-id="2"] .km-switch-wrapper {
    border-radius: 3em;
}
[data-field-type-id="2"] .km-switch-background {
    width: 300%;
    background-image: none;
}
[data-field-type-id="2"] .km-switch-container {
    cursor: pointer;
    padding: 0;
}
[data-field-type-id="2"] .km-switch-wrapper {
    background-color: #f8fafb;
}
[data-field-type-id="2"] .km-switch-handle {
    border-radius: 3em;
    box-shadow: 0 .202rem .403rem 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 .202rem .403rem 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    margin-right: 2px;
    width: 19px;
}
[data-field-type-id="2"] .km-switch-off .km-switch-background {
    color: transparent;
}
[data-field-type-id="2"] .km-switch-off .km-switch-handle {
    box-shadow: 0 .202rem .403rem 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 .202rem .403rem 0 rgba(0, 0, 0, .3);
}

.k-menu .k-item[data-service-category-collection-id] .k-loading-mask .k-loading-text {
    display: none;
}

.context-menu-dynamic:empty {
    border-style: none;
}

.no-border {
    border-style: none;
}

.notification-on {
    color: red;
}

.waiting {
    cursor: progress !important;
}

#ChatNotification {
    height: auto;
    max-height: none;
    max-width: none;
    border-style: none;
}
#ChatNotification .k-message-list-content {
    padding: 0;
}
#ChatNotification .k-message-group {
    max-width: none;
}

.input {
    padding: 3px;
}
.input > div {
    padding: 3px 0;
}

.k-menu .k-menu-group > .k-item.k-nodata, .k-menu-scroll-wrapper .k-menu-group > .k-item.k-nodata, .k-popups-wrapper .k-menu-group > .k-item.k-nodata {
    display: table;
}
.k-menu .k-menu-group > .k-item.k-nodata > span, .k-menu-scroll-wrapper .k-menu-group > .k-item.k-nodata > span, .k-popups-wrapper .k-menu-group > .k-item.k-nodata > span {
    display: table-cell;
    vertical-align: middle;
}

.help-link-button {
    position: absolute;
    top: 0;
    right: 5px;
    margin: 5px;
    z-index: 1000;
    height: 25px;
    width: 25px;
}

.help-link-button-dashboard {
    margin-right: 15px;
    margin-top: 1px;
}

.param[data-field-type-id="45"] {
    display: flex;
    align-items: center;
}
.param[data-field-type-id="45"] > .k-switch {
    height: 15px;
    font-size: 8px;
    margin-left: 10px;
}
.param[data-field-type-id="45"] > .k-switch .k-switch-thumb {
    width: 10px;
    height: 10px;
}
.param[data-field-type-id="45"] > .k-switch .k-switch-track {
    width: 30px;
    height: 15px;
}
.param[data-field-type-id="45"] > .k-switch.k-switch-off .k-switch-thumb-wrap {
    left: calc(100% - 23px);
}
.param[data-field-type-id="45"] > .k-switch.k-switch-on .k-switch-thumb-wrap {
    left: calc(100% - 8px);
}
.param[data-field-type-id="45"][data-reverse-layout="1"] > .k-switch {
    margin-left: 0;
    margin-right: 10px;
}

.param-group > .k-scrollview > .k-scrollview-elements > .k-scrollview-nav-wrap > .k-scrollview-nav {
    overflow-x: initial;
}

.param-group[data-group-type-id="2"] > .k-tabstrip {
    padding: 5px;
}

.jsoneditor-modal {
    z-index: 20001 !important;
}

.jsoneditor-modal-overlay {
    z-index: 20000 !important;
}

.file-icon {
    display: inline-block;
    float: left;
    width: 16px;
    height: 20px;
    margin-right: 10px;
    margin-top: 4px;
}

.k-upload-action {
    position: absolute;
    top: 4px;
    right: 0;
}

.top-margin-four {
    margin-top: 4px;
}

.k-column-menu, .k-filter-menu {
    font-size: 100%;
}

.k-menu-link-text {
    overflow: initial;
    align-items: center;
}

.param-group-wrapper > .k-panelbar > .k-panelbar-header > .k-link:focus {
    box-shadow: none;
}
.param-group-wrapper > .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    cursor: pointer;
}

#ObjectTypeGridContextMenu.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-right: 15px;
}

#ObjectTypeTreeContextMenu.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-right: 15px;
}

.k-toolbar .k-picker.gridTemplateDropdown {
    width: 160px;
}

.k-pager-md .k-pager-sizes .k-dropdownlist {
    width: 80px;
}

.param[data-field-type-id="21"] > .param-value > .k-datetimepicker, .param[data-field-type-id="21"] > .param-value > .k-datepicker, .param[data-field-type-id="21"] > .param-value > .k-timepicker {
    width: 200px;
}
.param[data-field-type-id="21"] > .param-value > .k-datetimepicker > input, .param[data-field-type-id="21"] > .param-value > .k-datepicker > input, .param[data-field-type-id="21"] > .param-value > .k-datepicker > input {
    width: 100%;
}

.param[data-field-type-id="7"] > .param-value > label {
    display: inline-block;
}

.chat-notification-window.k-window > .k-window-titlebar {
    padding: 4px 6px;
}
.chat-notification-window.k-window > .k-window-titlebar > .k-window-title {
    font-size: 1.25rem;
}

.param[data-field-type-id="5"] > .param-value > select.k-input {
    overflow-y: auto;
}

.grid-select-row.k-checkbox-md, .grid-select-rows.k-checkbox-md {
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.param[data-field-type-id="2"] > span > input[type="checkbox"] {
    width: 12px;
    height: 12px;
}

.param-required-asterisk {
    font-size: 16px;
    line-height: 0;
}

.k-splitbar > .k-collapse-prev > .k-svg-icon, .k-splitbar > .k-collapse-next > .k-svg-icon, .k-splitbar > .k-expand-prev > .k-svg-icon, .k-splitbar > .k-expand-next > .k-svg-icon {
    width: 18px;
    height: 18px;
}

/* fix to prevent applying general menu text color for column menu */
.k-column-menu .k-menu:not(.k-context-menu) > .k-item {
    color: inherit;
}

#services_panel.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
#services_panel.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
    background-color: transparent;
}

/* TODO: show grab cursor for draggable kendo window? */
/*.k-window[data-role="draggable"] > .k-window-titlebar, .k-window[data-role="draggable"] > .k-window-titlebar > .k-window-title {
    cursor: grab;
}*/

[data-field-type-id="54"] .k-multiselect.multiselect-value-select > .k-input-values > .k-chip-list > .k-chip {
    display: none;
}
[data-field-type-id="54"] .k-multiselect.multiselect-value-display {
    display: flex;
    align-items: stretch;
    border-style: none;
    box-shadow: none;
    margin-top: 5px;
}
[data-field-type-id="54"] .k-multiselect.multiselect-value-display > .k-input-values {    
    flex-direction: column;
    align-items: start;
    flex-wrap: nowrap;    
}
[data-field-type-id="54"] .k-multiselect.multiselect-value-display > .k-input-values > [role="combobox"] {
    display: none;
}
[data-field-type-id="54"] .k-multiselect.multiselect-value-display > .k-input-values > .k-chip-list > .k-chip {
    flex-shrink: 0;
}
[data-field-type-id="54"] .k-multiselect.multiselect-value-display > .input-values-ordering {    
    display: flex;
    flex-direction: column;
    flex: 1;
}
[data-field-type-id="54"] .k-multiselect.multiselect-value-display > .input-values-ordering > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-weight: bold;
    padding-right: 5px;
    flex-shrink: 0;
}

.k-splitter > .k-pane:nth-last-child(1 of .k-pane:not(.k-hidden)) { /* fix to expand splitter pane when the last pane is collapsed */
    flex-grow: 1 !important;
}

.k-ghost-splitbar .k-expand-prev, .k-ghost-splitbar .k-expand-next, .k-splitbar .k-expand-prev, .k-splitbar .k-expand-next { /* fix to show cursor as pointer also on collapsed splitter panels */
    cursor: pointer;
}

.k-treeview-item[aria-expanded] { /* fix to align tree items with or without children correctly to each other */
    margin-left: -2px;
}

.k-form.dynamic { /* k-form is used only to set font size on dynamic forms, other styles should be reset */
    line-height: inherit;
}

#Chat > .k-message-list.k-avatars > .k-message-list-content > .k-message-group > .k-author { /* remove user name from AI chat bubbles */
    display: none;
}
#Chat .k-message-box > .k-input-separator { /* style AI chat input box */
    display: none;
}
#Chat .k-message-box > .k-input-inner { /* style AI chat input box */
    padding: 10px 10px 30px 10px;
}

/* remove expand and collapse triggers from right sidebar */
#MainSplitter > .k-splitbar .k-expand-prev, #MainSplitter > .k-splitbar .k-expand-next, #MainSplitter > .k-splitbar .k-collapse-prev, #MainSplitter > .k-splitbar .k-collapse-next {
    display: none;
}