﻿@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height:12px;
    }
    .collapse.in{
  		display:block !important;
	}

    /*.navbar-default .navbar-nav > .dropdown > a .caret{
        border-top:4px solid red;
    }*/
}


.navbar-default 
{ 
    background-color: #ffffff !important; 
    border-color: #ffffff !important;
    /*background-color: #e9edf2 !important;*/ 
    border-color: #e9edf2 !important;
    background: linear-gradient(to bottom, #e9edf2, #ffffff);
}

.navbar-local {
    background-color: #ffffff !important; 
    border-color: #ffffff !important;
    border-color: #e9edf2 !important;
    background: linear-gradient(to left, #1515af 1%, #1b84e7 5%, #ffffff 25%);
}

.navbar-dev {
    background-color: #ffffff !important; 
    border-color: #ffffff !important;
    border-color: #e9edf2 !important;
    background: linear-gradient(to left, #1515af 1%, #1b84e7 5%, #ffffff 25%);
}


.navbar-default .navbar-nav li {
    min-width:120px;
    text-align:center;
}

.navbar-default .navbar-nav li > a {
    color: #535b6a;
    font-size:18px;
    font-weight:bold;
    padding-top: 20px;
}

.navbar-default .navbar-nav li:not(.menu-item-current) > a:focus {
    /*color:#FFFFFF;*/
    background-color:#1b84e7;
    background: linear-gradient(to right, #dce8f2, #97b9d9);
}
.navbar-default .navbar-nav li:not(.menu-item-current) > a:hover {
    /*color:#FFFFFF;*/
    background-color:#1b84e7;
    background: linear-gradient(to right, #dce8f2, #97b9d9);
}
.navbar-default .navbar-nav li:not(.menu-item-current) > a:active {
    /*color:#FFFFFF;*/
    background-color:#1b84e7;
    background: linear-gradient(to right, #dce8f2, #97b9d9);
}

.navbar-default .navbar-nav li.open:not(.menu-item-current) > a.dropdown-toggle {
    /*color:#FFFFFF;*/
    background-color:#1b84e7;
    background: linear-gradient(to right, #dce8f2, #97b9d9);
}

.navbar-default .navbar-nav li.open.menu-item-current > a.dropdown-toggle {
    color:#FFFFFF;
    background-color:#1b84e7;
    background: linear-gradient(to right, #1b84e7 0%, #1515af 100%);
}

.navbar-default .navbar-nav li.menu-item-current {
    background-color:#003E94;
    background: linear-gradient(to right, #1b84e7 0%, #1515af 100%);
    /*border-bottom-style: solid;
    border-color: #DC0830;
    border-width: 4px;*/
}

.dropdown-menu > li > a {
    padding-bottom: 15px;
}

.navbar-default .navbar-nav li.menu-item-current > a {
    color: #FFFFFF;
}

ul.navbar-nav {
    padding-left: 50px !important;
}

.jumbotron {
    /*background-color: #bfcfe4 !important;*/ 
    background: linear-gradient(to top, #e9edf2, #ffffff);
    font-size:63px;
    font-weight:bold;
}

.jumbotron,h1 {
    color: #535b6a;
    font-size:55px !important;
    font-weight:bold;
}

/*.jumbotron, h2 {
    color: #535b6a;
    font-size:25px !important;
    font-weight:bold;
}*/

.marketingheader {
    background: linear-gradient(to bottom right, #e9edf2, #ffffff);
    padding:10px;
    color: #535b6a;
    font-size:25px !important;
    font-weight:bold;
}

.marketingpara {
    text-align:justify;
    font-size:14px;
    /*background: linear-gradient(to bottom right, #bfcfe4, #ffffff);*/
    padding:10px;
    min-height:160px;
}

.lead {
    text-align:justify;
    /*font-weight:500;*/
}

body {
    font-size: 12px !important;
    /*padding-top: 00px !important;*/
    /*background: url('/Content/images/GE_Honeycomb_BG.svg') repeat;*/
    /*padding-top: 70px;*/
}

.page-heading-title
{
    margin-left:5px;
    color: #535b6a;
    font-size:22px;
    font-weight:bold;
    background: linear-gradient(to right, #e9edf2, #ffffff 30%);
    padding:10px;
}

.k-edit-form-container {
    /*width: 510px;*/
    width: auto;
    border-width: 0;
}

.k-grid{
    font-size:12px !important;
}

.k-grid tbody .k-button {
        min-width: 16px;
        /*width: 16px;*/
        background:none;
        border:0px;
    }

.k-grid .k-grid-edit {
    background-image: url('/Content/icons/edit.png') !important;
    background-repeat: no-repeat !important;
    /*background-size: 16px 16px;*/
    height: 16px;
    width: 16px;
    outline: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.k-grid .k-grid-delete {
    background-image: url('/Content/icons/delete.png') !important;
    background-repeat: no-repeat !important;
    /*background-size: 16px 16px;*/
    height: 16px;
    width: 16px;
    outline: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.k-grid .column-edit-delete {
    width:50px;
    min-width:50px;
    max-width:50px;
    text-align: center;
}

.k-grid .ra,.k-numerictextbox .k-input{
        text-align: right;
    }

/*.k-grid .k-i-edit
{
   background-position:0 0 !important;
   background-image: url('/Content/icons/edit.png') !important; 
}*/

/*.k-grid .k-button .k-i-edit:hover {
   background-position:0 0;
   background-image: url('/Content/icons/edit.png') !important; 
 }*/

.k-grid .k-i-close 
{
    /*display:inline-block;
    width:16px;
    height:16px;*/
    /*background-position:0 0;*/
    /*background-position:0 0 !important;
    background-image: url('/Content/icons/delete.png') !important;*/ 
}

/*.k-icon .k-edit{
    background-position:0 0;
   background-image: url('/Content/icons/edit.png') !important; 
}*/

.k-grid .k-i-update 
{
    background-position:0 0 !important; 
    background-image: url('/Content/icons/ok.png') !important; 
    border-color: transparent;
}

.k-grid .k-button .k-i-update:hover {
   background-position:0 0 !important; 
   background-image: url('/Content/icons/ok.png') !important;  
   border-color: transparent;
 }

.k-grid .k-i-cancel 
{
    background-position:0 0 !important; 
    background-image: url('/Content/icons/cancel.png') !important; 
}

.k-grid .k-button .k-i-cancel:hover {
   background-position:0 0 !important; 
   background-image: url('/Content/icons/cancel.png') !important;  
   /*border-color: transparent;*/
 }



/* No paging if only one page - For grids*/
.k-pager-numbers li:nth-child(2):last-child { display:none; }

/* magenta color #8b0000;*/

.KendoAlertTextError {
    background-image: none;
    color: red;
}

.KendoAlertIconError {
    width:32px;
    height:32px;
    background-image: url('/Content/icons/DialogIcons/error.png');
    background-repeat:no-repeat; background-size:32px 32px;
    /*border: 1px solid black;*/  
}

.KendoAlertTextWarning {
    background-image: none;
    color: black;
}

.KendoAlertIconWarning {
    width:32px;
    height:32px;
    background-image: url('/Content/icons/DialogIcons/warning.png');
    background-repeat:no-repeat; background-size:32px 32px;
    /*border: 1px solid black;*/  
}

#mainTableInEditor{
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}   

.editorDiv{
    min-width:270px;
    min-height:120px;
    padding: 10px 10px 10px 10px;
}   

.topTableInEditor{
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}   

.leftTD {
    vertical-align:top; 
    text-align:left;
}
.rightTD {
    vertical-align:top; 
    text-align:right;
}

.leftTD label {
    padding-top:3px;
}

.editor-field {
        float: left !important;
        padding: inherit !important;
    }



     .numerictextbox-withpercentage .k-numeric-wrap {
         position: relative;
     }
     .numerictextbox-withpercentage .k-numeric-wrap input {
         padding-right: 15px;
     }
     .numerictextbox-withpercentage .k-numeric-wrap:after {
         position: absolute;
         top: 4px;
         right: 30px;
         content:"%";
     }

     .numerictextbox-withpercentage .k-formatted-value,.numerictextbox-withpercentage .k-input {
         padding-right: 20px !important;
     }

     :not(.numerictextbox-withspecificformat) .k-numeric-wrap input {
         padding-right: 4px;
     }

.k-input[type=number], .k-input[type=text], .k-multiselect .k-input, .k-picker-wrap .k-input, .k-textbox, .k-textbox>input {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/*k-grid-norecords {
    height:48px;
}*/

.k-grid-norecords-template {
    border:none;
    width: auto;
    padding: 0px 5px 0px 5px;
    /*font-weight:bold;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.d1 {
    border-width:2px !important;
    border-color:red !important;
}

.d2 {
    border-width:5px !important;
    border-color:red !important;
}

.page-main-table {
    width:100%;
    border-collapse: separate; 
    border-spacing: 5px;
}

.page-cover-div {
    padding:5px;
}

/*#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:80px;
}*/

/*.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}*/

.blue-theme-gradient-background {
    background: linear-gradient(to right, #1b84e7 0%, #1515af 100%);
}

.title-mock-sign {
    background-color:red;
    font-size:14px;
}


.title-beta-sign {
    background-color:green;
    font-size:14px;
}