/* !important note 
 * !important is being used becuase there 
 * is CSS in custom.css that is overwriting. 
 * We need to remove custom.css unless it
 * is doing something of importances  that
 * can not get rolled up into an existing
 * css file. 
 * - Ian Donahue 
 */

/*  ----------------------------------------------------------
    Font includes
    ---------------------------------------------------------- */ 
  
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/opensans/OpenSans-Light/opensans-light.eot') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Light/opensans-light.woff2') format('woff2'),
         url('../fonts/opensans/OpenSans-Light/opensans-light.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Light/opensans-light.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Light/opensans-light.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/opensans/OpenSans-Regular/opensans-regular.eot') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Regular/opensans-regular.woff2') format('woff2'),
         url('../fonts/opensans/OpenSans-Regular/opensans-regular.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Regular/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Regular/opensans-regular.svg#OpenSansLight') format('svg');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/opensans/OpenSans-Bold/opensans-bold.eot') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Bold/opensans-bold.woff2') format('woff2'),
         url('../fonts/opensans/OpenSans-Bold/opensans-bold.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Bold/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Bold/opensans-bold.svg#OpenSansLight') format('svg');
}


body {
  margin: 0;
  font-family: "OpenSans-Regular", "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif !important; 
  background-color: #FFF;
  } 

/*  ----------------------------------------------------------
    Baseic Element Styling CSS
    ---------------------------------------------------------- */

h1 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 300;
  color: #0A5564;
  letter-spacing: -3px; }

h2 {
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  color: #3F3F3F;
  letter-spacing: -3px; }

h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #000;
  letter-spacing: -.7px; }

h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #333333;
  letter-spacing: -.7px; }

h5 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
  color: #0A5564;
  letter-spacing: -.7px; }

h6 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 300;
  color: #3F3F3F;
  letter-spacing: -.7px; }

p {
  line-height: 20px;
  font-weight: 400;
  color: #3F3F3F;
  letter-spacing: -.4pxx;
  padding-top: 10px;
  padding-bottom: 10px; }

a {
  color: #6A6A6A; }

a:hover {
  color: #d52427; }

a:active {
  color: #d52427; }

/*a:visited {
  color: #6A6A6A; }*/
 
  

/*  ----------------------------------------------------------
    Button CSS
    ---------------------------------------------------------- */

.k-button,
.button,
.button_dark,
.button_Dark,
.button_light,
.button_Light {
  height: 27px;
  min-width: 60px;
  font-size: 12px;
  text-align: center;
  color: white;
  padding: 0px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #357ebd;
  background: #428BCA;
  /* Old browsers */
  background: -moz-linear-gradient(top, #428BCA 0%, #428BCA 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #428BCA), color-stop(100%, #428BCA));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #428BCA 0%, #428BCA 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #428BCA 0%, #428BCA 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #428BCA 0%, #428BCA 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #428BCA 0%, #428BCA 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428BCA', endColorstr='#428BCA',GradientType=0 );
  /* IE6-9 */ }

.button2 {
  font-size: 12px;
  color: white;
  padding: 10px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #91B341;
  background: #99d60b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #99d60b 1%, #8ec60a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #99d60b), color-stop(100%, #8ec60a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #99d60b 1%, #8ec60a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #99d60b 1%, #8ec60a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #99d60b 1%, #8ec60a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #99d60b 1%, #8ec60a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d60b', endColorstr='#8ec60a',GradientType=0 );
  /* IE6-9 */ }

.login,
.loginBtn {
    height: 31px;
    margin: 0 auto;
    text-align: right;
    float: none;
    padding: 6px 28px;
}
.loginBtn:hover {
    background-color:#428BCA;
    Padding: 6px 31px;
    border-color: #357ebd;
}
.profile .caret {
    left: -5px;
    position: relative;
    right: 10px;
}
.breadcrumbHomeIcon {
    background: url("/img/home_white_greyscale.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 19px;
    width: 19px;
}
#myModal{outline:none}
.button-submitted,
.button-dark-gray,
.button-gray {
  /* Dark Gray */
  border-color: #555555;
  background: #737373;
  /* Old browsers */
  background: -moz-linear-gradient(top, #737373 0%, #646464 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #737373), color-stop(100%, #646464));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #737373 0%, #646464 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #737373 0%, #646464 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #737373 0%, #646464 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #737373 0%, #646464 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#646464',GradientType=0 );
  /* IE6-9 */ }

.button-open,
.button-red {
  /* Red */
  border-color: #a12a2a;
  background: #cb0000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cb0000 0%, #c00000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb0000), color-stop(100%, #c00000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cb0000 0%, #c00000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cb0000 0%, #c00000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cb0000 0%, #c00000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cb0000 0%, #c00000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0000', endColorstr='#c00000',GradientType=0 );
  /* IE6-9 */ }

.button-canceled,
.button-yellow {
  /* Yellow */
  border-color: #b59523;
  background: #e4c30b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e4c30b 0%, #c8a000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4c30b), color-stop(100%, #c8a000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e4c30b 0%, #c8a000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e4c30b 0%, #c8a000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e4c30b 0%, #c8a000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e4c30b 0%, #c8a000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4c30b', endColorstr='#c8a000',GradientType=0 );
  /* IE6-9 */ }

.button-completed,
.button-green {
  /* Green */
  border-color: #628a2a;
  background: #66a609;
  /* Old browsers */
  background: -moz-linear-gradient(top, #66a609 0%, #5d9808 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66a609), color-stop(100%, #5d9808));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #66a609 0%, #5d9808 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #66a609 0%, #5d9808 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #66a609 0%, #5d9808 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #66a609 0%, #5d9808 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a609', endColorstr='#5d9808',GradientType=0 );
  /* IE6-9 */ }

.button-green-lime,
.button-details {
  /* lime green */
  border-color: #91b341;
  background: #a1e10c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a1e10c 0%, #8fc70a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1e10c), color-stop(100%, #8fc70a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a1e10c 0%, #8fc70a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a1e10c 0%, #8fc70a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a1e10c 0%, #8fc70a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a1e10c 0%, #8fc70a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1e10c', endColorstr='#8fc70a',GradientType=0 );
  /* IE6-9 */ }

.button-check-out,
.button-orange {
  /* orange */
  border-color: #ce7120;
  background: #f87b00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f87b00 0%, #e86600 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f87b00), color-stop(100%, #e86600));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f87b00 0%, #e86600 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f87b00 0%, #e86600 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f87b00 0%, #e86600 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f87b00 0%, #e86600 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87b00', endColorstr='#e86600',GradientType=0 );
  /* IE6-9 */ }

.edit_btn,
.button-edit {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #444;
  float: right;
  font-size: 16px;
  text-shadow: 0 1px 0 #e2e2e2;
}


/*  ----------------------------------------------------------
    Bootstrap Override - CSS
    ---------------------------------------------------------- */

.form-group {
    padding: 5px 0 0;
    overflow: hidden;
}
.control-label {
    color: #3f3f3f;
    margin-top: 8px;
    text-align: right;
    font-weight: normal;
}
/*.form-control {
    display: block;
    width: 100%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 15px;
}*/

/*  ----------------------------------------------------------
    Bootstrap Override - CSS - END
    ---------------------------------------------------------- */


/*  ----------------------------------------------------------
    Site Wide Classes CSS
    ---------------------------------------------------------- */
/*  ----------------------------------------------------------
    Page Title (Green Bar) -  CSS 
    ---------------------------------------------------------- */
.pagetitleSection { height: 114px; text-align: left; padding-bottom:10px;}
.ClientNameSectionGreen { height: 70px; background-color: rgb(107,174,173); vertical-align:middle; text-align:right; padding-right: 3px;}
.clientname { font-size: medium; font-family:'Open Sans'; color: #FFF;  border-bottom: 1px solid #fff; display: inline-block;}
.pagetitle { 
    font-size: 36px;
    color: #000;
    display: inline-block;
    margin-top: 53px;
    margin-left: 20px;
    height: 40px;    
    display: inline-block;
    line-height: 27px;
    text-align: left;
}
.pageTitle { /* do not use this class */
    color: #000;
    font-size: 36px;
    /*padding-left: 1.1em;*/
    margin-right: 2px;
    padding-top: 2px;
    position: relative;
    top: 40px;
}
.pageTitleGreenbar {  background-color: rgb(0, 0, 0);
    display: inline-block;
    height: 22px;
    margin-top: 40px;
    width: 350px;}

.pageSubNav {
    height: 35px;
    width: 100%; 
    margin-top: 0px;
}
.pageSubNavButtons {
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #0A5564;
    padding-top: 10px; 
    padding-bottom: 0px;

}


/*  ----------------------------------------------------------
    Page Title (Green Bar) -  CSS - END
    ---------------------------------------------------------- */
.producttitle {
  color: #3C6C73;
  font-size: 16px;
  line-height: 1.4; 
}
.stars .fa-star {
  color: #ff9600; 
}
.dropdown-toggle {
  padding: 4px 0 0;
}

/*  ----------------------------------------------------------
    Global Top Nav CSS
    ---------------------------------------------------------- */

.mainHeader {
  background: #fff;
  margin: 1em 0 3px 0;
  height: 65px;
}
.breadcrumbSection {
  height: 65px;
  padding-top: 38px;
}
  .mainHeader .breadcrumbSection a, 
  .mainHeader .breadcrumbSection span {
    color: #3F3F3F;
    font-size: 12px;
  }
.globalSearch {
  margin-top: 30px;
}
  .globalSearch .glyphicon-search {
    left: 20px;
    position: absolute;
    top: 5px;
  }
    .globalSearchText {
      background: none repeat scroll 0 0 #F0F0F0;
      border-radius: 0;
      box-shadow: none;
      height: 24px;
      padding: 0 10px 0 25px;
      font-size: 11px;
      border: medium none;
    }
    
.headerRight {height: 65px;float: right;}
 .headerUserInfo{float: right;margin: 7px 0 0;position: relative;}
.ClientLogoSection{display:block;float: right;height: 61px;margin: 1px 0 2px 5px;padding-left: 5px;width: auto;text-align: center;}
.ClientLogoSectionInner{  display: table-cell;vertical-align: middle;height: 61px;width: auto;}
.profile {margin-top: 20px;padding: 0 0 0 15px;width:100%;float: right;text-align: right;}
.homeHeaderRight{height: 0px;margin: -20px 0 0 0;}
.homeProfile{margin-top: 0;padding: 0 0 0 16px;float: right;width: auto;}
.large .homeClientName{top:-6px}
.small .homeClientName{top:-10px}
#Header_lblClientName, .headerClientName{font-size: 12px;font-weight: bold;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;right: 15px;text-align: right;width:240px;}
   .cartArrow, 
    .alertCount {
      text-align: center;
      font-size: 16px;
      color: #3c6c73;
      height: 48px;
      width: 20%;
    }
      .cartArrow_img {
        background: url("../../Images_Webcontent_Areas/img/cartArrow.png") no-repeat scroll 3px 6px rgba(0, 0, 0, 0);
        height: 45px;
        width: 30px;
        display: block;
        margin: 0 auto;
      }
    .alertCount {
      border-left: 1px solid #999;
      border-right: 1px solid #999;
    }
      .bellicon_img {
        background: url("../../Images_Webcontent_Areas/img/bellicon.png") no-repeat scroll 2px 0px rgba(0, 0, 0, 0);
        height: 45px;
        width: 30px;
        display: block;
        margin: 0 auto;
      }
    .homeProfile .userIcon_img{float:left}
      .userIcon_img {
/*background: url("../../Images_Webcontent_Areas/img/userIcon.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);height: 45px;width: 30px;display: block;float: left;*/
background: url("../../Images_Webcontent_Areas/img/defaultUserIcon_26.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);border-radius: 5px;display: inline-block;height: 24px;margin: 2px 3px;width: 27px;}
.userNameSection{float: right;}
        .userName {
          color: #000;
          display: block;
          float: left;
          font-size: 16px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: 128px;
          /*min-width: 93px;*/
          margin-right: 9px;
          text-align: right;
        }
.breadcrumbSection {background:url("../img/archs/arc-home_greyscale.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
#CMLandingPage {background:url("../img/archs/arc-home_greyscale.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
#Lifecycle {background:url("../img/archs/arc-lifecycle_greyscale.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0); /*height: 45px; margin-top: 1.5%;*/}
#ProductPolicies, #ManagementPolicies {background:url("../img/archs/arc-manage_greyscale.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0); /*height: 45px; margin-top: 1.5%;*/}
#Dashboard {background:url("../img/archs/arc-dashboard_greyscale.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0); /*height: 45px; margin-top: 1.5%;*/}
#Support {background:url("../img/archs/arc-support_greyscale.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
#Commerce {background:url("../img/archs/arc-commerce.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
#Account, #Profile {background:url("../img/archs/arc-manage_greyscale.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
.breadcrumbSection.SupportPageHeader { background:url("../img/archs/arc-support_greyscale.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); }
/*  ----------------------------------------------------------
    Home Page Side Nav
    ---------------------------------------------------------- */

.side_nav {
  background-color: #000;
  width: 30px;
  height: 100%;
  float: left;
  position: fixed;
  padding-top: 216px;
  z-index: 1000; }
  .side_nav .nav-elements {
    width: 200px; }
  .side_nav .nav_button {
    height: 34px;
    width: 30px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
    text-align: center;
    background-color: #6aaca9;
    padding-top: 12px; 
    display: block; }
    .side_nav .nav_button.Menu {
      background-image: url("../img/side-nav/left_nav_menu.png");
      background-color: #d52427!important; }
    .side_nav .nav_button.Home {
      background-image: url("../img/side-nav/left_nav_home.png"); }
    .side_nav .nav_button.Commerce {
      background-image: url("../img/side-nav/left_nav_Commerce.png"); }
    .side_nav .nav_button.Dashboard {
      background-image: url("../img/side-nav/left_nav_Dashboard.png"); }
    .side_nav .nav_button.Support {
      background-image: url("../img/side-nav/left_nav_Support.png"); }
    .side_nav .nav_button.Lifecycle_Services {
      background-image: url("../img/side-nav/left_nav_Lifecycle_Services.png"); }
    .side_nav .nav_button.Account {
      background-image: url("../img/side-nav/left_nav_Manage.png"); }
    .side_nav .nav_button.border-top {
      border-top: 1px solid white; }
    .side_nav .nav_button.blank {
      background-color: #d52427!important; }
  .side_nav .nav_title {
    width: 200px;
    text-align: left;
    background-color: #6aaca9;
    margin-left: 30px;
    position: relative;
    bottom: 25px;
    left: 1px;
    height: 33px;
    padding: 6px; }

.mainPageContent {
  width: 98.22%;
  float: left;
  overflow: hidden;
  padding: 0;
  margin-right: 1%;
  transition: all 0.3s ease 0s; }



/*  ----------------------------------------------------------
    Top Nav CSS
    ---------------------------------------------------------- */

.top_nav h1 {
  text-align: center;
  margin: 50px auto -13px auto;
  color: #0A5564;
  font-weight: 300;
  font-size: 58px;
  line-height: 54px;
  letter-spacing: -3px; }
.top_nav .login_module {
  float: right;
  position: relative;
  bottom: 70px; }

/*  ----------------------------------------------------------
    Page Container CSS
    ---------------------------------------------------------- */

.page_container {
  background-color: white; }
.page_container {
    width: 97%; margin-left: 1.5%;
   /* margin-left: 2.5%; 
    margin-right: 2.5%; 
    margin-top: 30px;
    margin-bottom: 30px;    */
}  
.page_container.home_page 
{
    width: 100%;
    margin-left: 0px;
    margin-rigth: 0px;
}   

/*  ----------------------------------------------------------
    Page Title CSS
    ---------------------------------------------------------- */

.page_title h5 {
  font-size: 18px;
  line-height: 32px;
  color: #0A5564;
  margin-bottom: 2px;
  padding-top: 55px;
  padding-left: 55px;
  font-weight: 300; }
.page_title .greenbarundertitle {
  height: 20px;
  width: 30%;
  max-width: 350px;
  background-color: #6aaca9;
  border-left: 1px solid white;
  float: left; }
.page_title .search.global {
  float: left;
  margin-left: 1px; }

/*  ----------------------------------------------------------
    Cat Content CSS
    ---------------------------------------------------------- */

.cat_page_nav {
  background-color: white;
  margin-bottom: 3px;
  margin-top: 10px; }
  .cat_page_nav .breadcrumb {
    float: left;
    list-style: none;
    font-size: 12px;
    margin-bottom: 0px;
    /*Boostrap override */ }
    .cat_page_nav .breadcrumb li {
      float: left; }
      .cat_page_nav .breadcrumb li a {
        color: #333;
        text-decoration: none;
        padding: 0px 0 10px 10px;
        position: relative;
        display: block;
        float: left;
        line-height: 32px;
        color: #0A5564; }
  .cat_page_nav .user_bar {
    float: right;
    margin-top: 10px; }
    .cat_page_nav .user_bar .search {
      float: left;
      padding-top: 14px; }
    .cat_page_nav .user_bar .nav_element {
      float: left;
      padding-left: 26px;
      padding-right: 26px;
      border-right: 1px solid #b2b2b2;
      padding-top: 0px;
      padding-bottom: 25px;
      background-position: bottom center;
      background-repeat: no-repeat;
      text-decoration: none; }
      .cat_page_nav .user_bar .nav_element.downloads {
        background-image: url("../img/downloads.png"); }
      .cat_page_nav .user_bar .nav_element.notification {
        background-image: url("../img/notifications.png"); }
      .cat_page_nav .user_bar .nav_element.user_profile {
        background-image: url("../img/user.png");
        background-position: 13px bottom;
        font-size: 12px;
        text-align: left;
        padding-left: 51px;
        padding-top: 23px;
        padding-bottom: 5px;
        border-right: none; }

/*  ----------------------------------------------------------
    Checking Container -  CSS
    ---------------------------------------------------------- */

.checkout_container {
  text-align: center;
  background-color: #e4e4e4;
  margin-top: 30px;
  padding: 20px 0px 20px 0px;
  float: right; }
  .checkout_container .cart_total {
    font-size: 11px;
    color: #3f3f3f;
    margin-bottom: 15px; }
    .checkout_container .cart_total .price {
      font-size: 18px; }
  .checkout_container .continue_shopping {
    border-top: 1px solid white;
    margin-top: 20px;
    padding-top: 20px; }

/*  ----------------------------------------------------------
    Catalog Filter -  CSS
    ---------------------------------------------------------- */

.catalog_filter.col-sm-12 {
  margin-top: 0px; }
.catalog_filter .filtering_area {
  color: #0a5564;
  font-size: 11px; }
  .catalog_filter .filtering_area .section-title {
    font-size: 15px; }
  .catalog_filter .filtering_area .filter .fitler-title {
    border-top: 1px solid #c3dedd;
    border-bottom: 1px solid #c3dedd;
    padding: 10px 10px 10px 10px; }
  .catalog_filter .filtering_area .filter .form-styling {
    padding: 10px; }
    .catalog_filter .filtering_area .filter .form-styling input[type="checkbox"] {
      margin: 10px 8px 0 0; }
    .catalog_filter .filtering_area .filter .form-styling input[type="checkbox"] + label span {
      display: inline-block;
      width: 19px;
      height: 19px;
      margin: 10px 4px 0 0;
      vertical-align: middle;
      cursor: pointer; }

/*  ----------------------------------------------------------
    Client Name - Site Wide Above Menu -  CSS
    ---------------------------------------------------------- */
.clientNameSection {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    font-size: 26px;
    height: 114px;
    left: 0;
    position: fixed;
    top:82px;
    z-index:-1;
    padding: 0 10px 0 26px;
    width: 189px;}
    }
.clientName {
    border-bottom: 1px solid #fff;
    position: relative;
    top: 18px;
    font-size: 20px ;
    line-height: 30px;
}

/*  ----------------------------------------------------------
    Client Name - Site Wide Above Menu -  CSS - END
    ---------------------------------------------------------- */

/*  ----------------------------------------------------------
    Accordion Menu -  CSS
    ---------------------------------------------------------- */
.G_menuIcon {
    height: 20px; 
    width: 20px; 
    display: block;
}
.G_menuIcon.homeIcon { background-image: url("../img/side-nav/left_nav_home.png"); }
.G_menuIcon.cartIcon { background-image: url("../img/side-nav/left_nav_Commerce.png"); }
.G_menuIcon.dashboardIcon { background-image: url("../img/side-nav/left_nav_Dashboard.png"); }
.G_menuIcon.supportIcon { background-image: url("../img/side-nav/left_nav_Support.png"); }
.G_menuIcon.lifeCycleIcon { background-image: url("../img/side-nav/left_nav_Lifecycle_Services.png"); }
.G_menuIcon.profileIcon { background-image: url("../img/side-nav/left_nav_Manage.png"); }

/*.accordionSection{height: 100%;left: 0;padding-top: 13.5%;position: fixed;}*/
/* Can not use padding-top % because it causes the top left nav to change position on if page changes sizes */
.accordionSection{
    height: 100%;
    left: 0;
    padding-top: 196px;
    position: fixed;
}
.panel-group{overflow: hidden;margin: 0;}
.accordionSection .panel-heading{padding: 0;background:#808080;border-radius: 0;margin-right: -1px;}
.accordionSection .panel-title > a {color: inherit;display: block;padding:6px 2px;}
.accordionSection .panel-group .panel{ border-radius: 0;}
.accordionSection .glyphicon{color: #fff;font-size: 12px;padding: 0 5px;}
.accordionSection .panel-default{ border-color: transparent;}
.accordionSection .panel{background:transparent;margin-bottom: -1px;}
.accordionSection .panel-group .panel + .panel {border-top: 1px solid #fff;margin-top: 0px;}
.landingPage_Accordion{background: none repeat scroll 0 0 #444;}


.innerPage_Accordion .glyphicon{padding:0 6px 0 0.4em}
.innerPage_Accordion .menuName{padding: 10px;color: #fff;font-size: 12px;}
.innerPage_Accordion .panel-heading{transition:all 0.3s ease 0s;margin-right:0px;}
.accordionHeadAuto{width:auto}
.accordionHead{width:25px;overflow:hidden;}
.innerPage_Accordion .panel-title{line-height:20px;}
.innerPage_Accordion .panel-title > a{white-space: nowrap;overflow: hidden;width: 190px;text-decoration: none;position: relative;}
.innerPage_Accordion .panel-collapse {background: none repeat scroll 0 0 #C0C0C0;}
.innerPage_Accordion .panel-collapse .panel-body{padding: 0 0 0 1.7em;}
.innerPage_Accordion .panel-collapse .table{  margin-bottom: 0;}
.innerPage_Accordion .panel-collapse .table td{border:none;width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:5px}
.innerPage_Accordion .panel-collapse .table tr:hover{border-left:1px solid #000}
.innerPage_Accordion .panel-collapse .table td a{ color: #fff;font-size: 12px;left: 10px;position: relative;text-decoration: none;}
.innerPage_Accordion .panel-collapse .table tr {border-left: 1px solid #fff;}
.innerPage_Accordion .G_menuIcon{float: left; width: 22px;}

a .activeArrow{float: right;}
.collapsed .activeArrow {}
.activeArrow, .activeArrowClick{border-bottom: 8px solid transparent;border-right: 7px solid #fff;border-top: 8px solid transparent;height: 0;position: relative;right:-2px;width: 0;}
.accordionHeadAuto a .activeArrow{ position: absolute;right: 0;top: 7px}
.accordionHeadAuto a .activeArrowClick {float: right;margin-top: 7px;position: absolute;right: 0;top: 0;}
.accordionHead  a .activeArrow{left: 20px;position: absolute;top:8px;}
 .accordionHead  a .activeArrowClick{left: 20px;position: absolute;top: 8px;}
.panel-collapse td .activeArrow, .panel-collapse td .activeArrowClick{position:absolute ;right:15px;}

/*  ----------------------------------------------------------
    Accordion Menu -  CSS - END
    ---------------------------------------------------------- */
/*  ----------------------------------------------------------
    Accordion Toggle Control -  CSS
    ---------------------------------------------------------- */

.toggleHide, .toggleShow, .toggleNone, .toggleEmpty {
  background: none repeat scroll 0 0 #d52427;
  height: 34px;
  padding: 0;
  width: 25px; }

.toggleShow, .toggleNone {
  background: url("../img/side-nav/menushow_red.png") no-repeat scroll 5px 0px #d52427!important; }

.toggleHide {
  background: url("../img/side-nav/menuHide_red.png") no-repeat scroll 3px 0 #d52427 !important; }

.toggleEmpty {
  padding: 13px 6px;
  border-top: 1px solid #fff; }

.toggleHide {
  display: none; }

.toggleHide .glyphicon, .toggleShow .glyphicon {
  color: #fff;
  font-size: 12px; }

.mainPageContent {
  width: 98.22%;
  float: left;
  overflow: hidden;
  padding: 0;
  margin-right: 1%;
  transition: all 0.3s ease 0s; }

.ContainerExtend {
  width: 98.22%;
  position: relative;
  left: 10px; }

.ContainerReset {
  left: 175px;
  position: relative;
  width: 85.8%; }

/*  ----------------------------------------------------------
    Accordion Toggle Control -  CSS - END
    ---------------------------------------------------------- */
/*  ----------------------------------------------------------
    Footer -  CSS 
    ---------------------------------------------------------- */

div.footerSection {
  background: none repeat scroll 0 0 #000;
  color: #fff;
  margin-left: 0;
  padding-bottom: 3%;
  padding-left: 2%;
  padding-top: 2%;
  transition: all 0.3s ease 0s;
  z-index: 9;
  width: 100%;
  border-left: 1px solid #fff;
  overflow: hidden;
}
.footerSectionAddr{float: left;width: 83%;}
  .poweredText {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .footerAddr {
    font-size: 14px;
  }
      .footerAddr .headquartersBold 
      {
      font-family: "OpenSans-Bold";
      font-size: 16px;
    }
.footerMenuRight { float:left; }
  .footerMenuRightTitle { 
    border-bottom: 1px solid #666;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 0; 
  }
  .footerMenuRightLink { 
    cursor: pointer;
    font-size: 12px;
    color:#fff 
  }
  .footerMenuRightLink a{ color:#fff }
  .footerMenuRightLink:hover, .footerMenuRightLink a:hover { color: #ddd; }

/*  ----------------------------------------------------------
    Footer -  CSS - END
    ---------------------------------------------------------- */
    
/*  ----------------------------------------------------------
    Big Footer - CSS
    ---------------------------------------------------------- */
.bigFooterSection{background: none repeat scroll 0 0 #000;color: #fff;float: none;margin-left: 0;overflow: hidden;padding-bottom: 3%;padding-left: 2%;padding-top: 2%;position: relative;transition: all 0.3s ease 0s;z-index: 9;border-left:1px solid #fff}   
.bigFooterSection {
	background: none repeat scroll 0 0 #000;
	color: #fff;
	float: none;
	margin-left: 0;
	overflow: hidden;
	padding-bottom: 3%;
	padding-left: 2%;
	padding-top: 2%;
	position: relative;
	transition: all 0.3s ease 0s;
	z-index: 9;
	border-left: 1px solid #fff;
}
    .bigFooterSection h6 {
	    color: White;
    }
    .bigFooterSection p{
	    color: White;
    }
	.BFSection1, 
	.BFSection2, 
	.BFSection3 {
		overflow: hidden;
	}
	.BFSection1 {
		margin-left: 0px;
		color: #3f3f3f;
	}
		.BFSection1 h6 {
			color: #FFF;
			font-size: 14px;
			font-weight: bold;
		}
		.BFSection1 p {
			color: #FFF;
			font-size: 12px;
		}
	.BFSection2 {}
		.BFSection2 h6 {
			font-size: 14px;
			font-weight: bold;
			margin-left: 13px;
		}
		.BFSection2 p {
			font-size: 14px;
		}
	.BFSection3 {}
		.BFSection3 h6 {
			color: #FFF;
			font-size: 14px;
			font-weight: bold;
		}
		.BFSection3 p {
			color: #FFF;
			font-size: 12px;
		}
	.BFSection4 {
		text-align: center;
	}
    
/*  ----------------------------------------------------------
    Big Footer - CSS - END
    ---------------------------------------------------------- */

/*  ----------------------------------------------------------
    Site Tour - CSS - START
    ---------------------------------------------------------- */
.tourTilte {color: rgb(0, 114, 188);font-weight: bold;}
.tourContent {color: rgb(70, 85, 100);font-size: 13px;}
    
    /*  ----------------------------------------------------------
    Site Tour - CSS - END
    ---------------------------------------------------------- */
    
/*  ----------------------------------------------------------
    Model Popup (Global) - CSS
    ---------------------------------------------------------- */
.modal {
    display: block;
    z-index: 100001;
}   
    .modalPanel {
        /*left:25% !important;*/
        margin: 0 auto;
        /*position: absolute !important;*/
        top: 100px !important;
    }
    .modalBg {
        background-color: #333 !important;
    }
    .modal-content, 
    .modal-header, 
    .modal-body {
        overflow: hidden;
        border-radius: 0;
    }
    .modal-header {
        background: #000;
        color: #fff;
        padding: 1em 3em 1em;
    }
        .modal-header .close {
            font-size: 40px;
            margin-right: -20px;
            margin-top: -8px;
            opacity: 1;
            color: #fff;
        }
        .loginLabel {
            font-size: 16px;
            color:#fff;
        }
   .modal-body { padding: 1em; }
   .feedbackForm {
        margin: 3em auto;
    }
    
    .okCanSection {
        margin-top: 1em;
        padding: 0;
        text-align: right;
        margin-left: -15px;
    }
    .okCanSection button{margin:0 1em}
    
.loginLabel{font-size:16px;}
.loginDesp{font-size:14px;margin-top:5px;}

.logInError{ margin: 0px 0 -10px 15px;font-weight: bold;}
.errorMessage{margin: 2px 0 0px 0px;font-weight: bold;display: block;}
.forgotSection{padding: 1em 0 0em 2em;}
.forgotSection a{color:#0a5564}
.submitBtn {margin: 1em 1em 2em;}

.modalBg {background-color: #cccccc;display: none;opacity: 0.8;}
.modal-open {position: fixed;width: 100%;}

    
/*  ----------------------------------------------------------
    Model Popup (Global) - CSS - END
    ---------------------------------------------------------- */
    
/*  ----------------------------------------------------------
    Kendo Popup (Global) Overwrite - CSS
    ---------------------------------------------------------- */
.compucom-modal .k-window-titlebar 
{
    border-radius: 0px;
}
.compucom-modal .k-window-titlebar.k-header 
{
    background-color: #6AADA9;
    background-image: none, linear-gradient(rgba(245, 245, 245, 0) 0px, rgba(245, 245, 245, 0) 100%)
    
}
.compucom-modal .form-control 
{
    height: 28px;
    margin-bottom: 15px;
}
.compucom-modal .k-window-content.k-content 
{
    margin-top: 20px;    
}
    .compucom-modal .k-window-content.k-content table tbody tr td 
    {
        margin-bottom: 15px;
        background-color: Blue;
    }
    
    
       .compucom-modal .k-window-content.k-content table tbody tr td .form-control 
        {
            display: block;
            width: 100%;
            height: 20px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            margin-bottom: 15px;
        }
.compucom-modal > table > tbody > tr > td:nth-child(1) 
{
    color: rgb(63, 63, 63);
    font-size: 14px;
    text-align: right;
    padding-right: 20px;
}
.k-widget.k-window 
{
    border:0px;
}
.k-widget.k-window .k-window-titlebar.k-header 
{
    margin-top: -48px;
    color: rgb(255, 255, 255);
    background-color: #000 !important;
    background-image: none, linear-gradient(rgba(245, 245, 245, 0) 0px, rgba(245, 245, 245, 0) 100%);
    height: 36px;
}
.k-widget.k-window .k-window-titlebar .k-window-actions 
{
    background-color: rgba(255,255,255,0) !important;
    right: 13px;
    padding-top: 13px;   
}
.k-widget.k-window .k-window-title {
    color: #fff;
    font-size: 16px;
    padding: 8px 8px 8px 17px;
}
/* END KENDO POPUP OVERRIDE */

.accountBtnHolder{margin-left: 10.6em; margin-bottom: 2em;}
#accountsearch_grid .k-grid-header{margin-top: 0em;padding-right:0px !important}
#accountsearch_grid .k-grid-header,#accountsearch_grid .k-grid-content,#accountsearch_grid .k-grid-pager{width:70%;margin-left: 4em;}
.k-grid-header th{background:#ddd}
#accountsearch_grid .k-grid-content{overflow-y:auto}
.k-grid-content .k-alt{background:#eee}
#accountsearch_emptygrid_msg {margin-left: 4em;}

/*  ----------------------------------------------------------
    General Page - CSS
    ---------------------------------------------------------- */

.GlobalSection {overflow: hidden;background: none repeat scroll 0 0 #fff;padding-bottom: 15px;}
.GlobalSectionTitle {color: #000;font-size: 48px;text-align: center;}
.GlobalSectionTitlehelp {color: #3f3f3f;float: none;font-size: 22px;margin: 0 auto;position: relative;text-align: center;width: 40%;}
.GlobalSectionContent {margin-top: 3em;}
.GlobalSectionLeft {margin-top: 5em;}
.midSection {}
.bannerSection {text-align: center;}
.bannerImage {max-width: 100%;}
.secDesp {color: #3f3f3f;float: left;font-size: 14px;margin: 0 0 30px 0;position: relative;top: 15px;/*width: 640px;overflow: hidden;*/}
.secDesp p{font-size: 14px;}
.GlobalSectionRight.col-md-2 {margin-top: 10.5em;text-align: center;}
.greenSection { margin-top: 15px; }
.greenSection .percentageSection { font-size: 24px;color: #3f3f3f; }
.greenSection .percentageText { font-size: 14px;color: #3f3f3f; }
.greenSection li {margin-bottom: 1em; }
.GS_PageName {font-size: 21px;line-height: 2;text-align: center;}
.GS_Experience {margin-top: 60px;}
.GS_Experience > ul {list-style: disc outside none;margin-left: 15px;margin-top: 10px;font-size: 12px;}

/* Item list table in service Now starts here */
table.ItemDet th.bl { background:rgba(233, 236, 243, 0.52);line-height:25px;border-collapse:collapse;border:1px solid #C6C5C6;}
table.ItemDet th.gr { background:#eee;line-height:25px;border-collapse:collapse;border:1px solid #C6C5C6;}
table.ItemDet tr.gr { background:#eee !important;line-height:25px;border-collapse:collapse;}
table.ItemDet {border:1px solid #D6D6D6;}
table.ItemDet td {font-size: 11px; font-family: 'Open Sans', sans-serif; color: #7D7777;padding :6px 0px 6px 10px;border:1px solid #C6C5C6;}
table.ItemDet th {padding:3px 0 3px 10px;font-size: 12px; font-family: 'Open Sans', sans-serif; color: #7D7777;font-weight:normal;}
.ItemDet td input[disabled] {background: none !important;border: none;word-wrap: break-word;word-break: break-word;height: 100%;}
.RightFloat {text-align:right;padding-right:5px !important;}

table.ItemDet tr:nth-child(odd) {
  background-color: #eee;
  
}
table.ItemDet tr:nth-child(even) {
  background-color:#fff;
   
}
.dollars:before { content:'$'; font-size:14px;}
li a {margin-bottom:5px !important;}
.pageSubNavButtons .SupCurrent {border-bottom:1px solid black !important;cursor:default;}
.pageSubNavButtons a  {border-bottom:none;}
.pageSubNavButtons :hover {margin-bottom:5px;border-bottom:1px solid #000;}

table.RequestNew td {padding:5px 0px !important;font-size: small !important;}
table.RequestNew td textarea {font-size: 14px !important;}
.RequestNew td input[type="text"] {font-size: 14px !important;}
.rowTitle {float:left;background:#ddd;border-bottom:1px solid #C6C7C6;margin-top:15px;margin-bottom: 3px;padding:3px 0px;}
.k-grid {background: #EFEFEF !important;}
.k-grid-content {background-color: #EFEFEF !important;}

.CurrState {margin-bottom:5px;border-bottom:1px solid #000;}
.QuickFilterDiv {width:8%;float:right;margin-top:2.5%;color: #0A5564;margin-right:1%;}
.QuickFilterAnchor  {text-decoration:none;text-indent:5px;margin-left:10px;color: #0A5564;font-size: 0.85em !important;}
.QuickFilterAnchor:hover {margin-bottom:5px;border-bottom:1px solid #000;}
td.QfTable {padding-top:5px;padding-bottom:5px;}
li.DashMenuLink {float:left;color: #0A5564;margin-right:1%;cursor:pointer;}
.DashMenuAnchor  {text-decoration:none;text-indent:5px;margin-left:10px;color: #0A5564;cursor:pointer;}
.DashMenuAnchor:hover {margin-bottom:5px;border-bottom:1px solid #000;cursor:pointer;}
.facet_title_colored span {
    font-size: 0.9em !important;
    color: #000;
    margin-left: 2px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-top: 1px solid rgb(207,208,208);
    border-bottom: 1px solid rgb(207,208,208);
    margin-bottom: 3px;
    float:left;
    padding-left:7px;
    width:100%;
    font-weight:bold;
}

/* Search input field focus override */
#inputSearchTerm:focus {
    border: 1px solid #d52427;
    outline: 0px;
}

/* Client contentarea Style overrides */
p.sectionHeading, span.sectionHeading, span.subHeading, p.subHeading {
    color: rgb(0, 0, 0);
}
a.featureLink1, a.featureLink {
    color: #6A6A6A;
}
/*a.featureLink:visited, a.featureLink1:visited {
    color: #6A6A6A;
}*/
.featureLink1 span.tooltiptext {
    background-color: #d52427;
}
span.caret {
    color: Gray;
}
.search-bar .search-buttom-container img {
    padding: 30px 45px 0px 0px; 
    background: url('../BUP/Newimg/glass_red.png'); 
    background-size: auto; 
    width:0px; 
    height: 0px;
}
.mainHeader .breadcrumbSection a:visited {
    color: #000;
}
.GlobalSectionContent .GS_PageName img {
    padding: 67px 69px 0px 0px; 
    background: url('../../../../Images_Webcontent_Areas/img/icon05_greyscale.png'); 
    background-size: auto; 
    width:0px; 
    height: 0px;
}

/* client stylesheet overrides */
.accordionSection .panel-heading, .side_nav a.nav_button {
    background-color: #808080;
}
div.top_nav, div.top_nav.small {
    background: #FFF linear-gradient(to right bottom, #FFF 0%, #FFF 100%) no-repeat fixed 0 0
}
html body {
    background: url("../img/bg_afternoon_greyscale.png") 0px -200px/100% repeat-x fixed transparent; 
}

/* Kendo Modal popup Style overrides */
.k-widget.k-window .k-window-title + .k-window-actions .k-icon.k-i-close {
    background-image: none;
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
}
.k-widget.k-window .k-window-title + .k-window-actions .k-icon.k-i-close:hover {
    color: #000;
}
.k-widget.k-window .k-window-title + .k-window-actions .k-window-action.k-link {
    opacity: 1;
}

/* Kendo grid Style overrides */
.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.k-grid-content, .k-grid-content .k-alt {
    color: #000;
}
.k-grid table tbody .k-state-selected td a {
    color: #fff;
}
.k-grid table tbody .k-alt.k-state-selected td a {
    color: #000;
}
.k-grid th.k-header .k-link {
    color: #000;
}

/* ends here*/

/* Custom */
/*body, .top_nav, .top_nav.small {background: #ffeda6 linear-gradient(to right bottom, #ffeda6 0%, #ffef5c 100%) no-repeat fixed 0 0}

.pageTitleGreenbar {background-color: #4b5b6e;}
.clientNameSection {background: none repeat scroll 0 0 #4B5B6E;}

.accordionSection .panel-heading, .side_nav .nav_button, .subChild-title {background-color:#4B5B6E;}
.innerPage_Accordion .menuName { color: #fff;}
.innerPage_Accordion .panel-collapse {background: none repeat scroll 0 0 #818C9A;}
.innerPage_Accordion .panel-collapse .table td a { color: #fff;}

.GlobalSection, .mainSection, .whiteBG{background: none repeat scroll 0 0 #f5f6fb;}

.profile .dropdown-menu li{ background:#999 }
.profile .dropdown-menu > li > a {color:#fff }
.profile .dropdown-menu > li > a:hover {background: #939DA8;color: #fff;}

.k-button, .button, .button_dark, .button_Dark, .button_light, .button_Light, .dark_green_button, .dark_green_button:hover { background:#4b5b6e;color:#fff;}

.k-grid-header th, .k-header {background: none repeat scroll 0 0 #4b5b6e;color: #fff;}
.k-header .k-link{color:#fff}
.k-grid-content .k-alt {background: #eee none repeat scroll 0 0;}

.modal-header, .k-widget.k-window .k-window-titlebar.k-header, .k-widget.k-window .k-window-title, .modal-title {background: none repeat scroll 0 0 #4B5B6E;color:#fff}
.modal-content, .k-window-content, .k-content-frame body{background: none repeat scroll 0 0 #f5f6fb;border:none}

.footerSection {background: none repeat scroll 0 0 #4B5B6E;}*/