﻿
/* New Theme CSS*/
html {
    background: #fff;
}
header {
    background-color: #000B1B;
    width: 100%;
}
.Products_Grid{
    box-shadow:none;
    background: #fff;
    width: 100%;
}
.sidebar-collapse .Products_Grid {
    width: 98%;
}
.sidebar-collapse .dashboard_page {
     width: 96%;
     float:right;
}
/*.skin-blue .wrapper,*/
 .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #D1E6EF;
}
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 40px;
    min-height: 96%;
    width: 150px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
.sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #BFD8E3;
}
.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}
.sidebar-menu > li.active {
    border-top: 0px solid #BFD8E3;
}
.skin-blue .sidebar-menu > li.active > a, .sidebar-menu > li.active > a > i, .sidebar-menu > li.active > a > span {
    color: #000916;
}
.skin-blue .sidebar a {
    color: #343A43;
}
.main-header {
    position: relative;
    max-height: 100px;
        max-height: 55px\9;
    z-index: 1030;
    float:left;
}
.skin-blue .main-header .logo {
    background-color: #000B1B;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
/*.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 110px;
    padding: 0 0px 0 30px;
    font-weight: 300;
    overflow: hidden;
    margin: 0px;
}*/
.k-ie10 .main-header .logo, .k-ie9 .main-header .logo{
    width:150px;
}
.k-ie10 .main-header > .navbar, .k-ie9 .main-header > .navbar {
    height:50px;

}
.k-ie10 .logo-lg img, .k-ie9 .logo-lg img {
    margin:5px 0 0 -20px;
}
.k-ie10 .logo-mini img, .k-ie9 .logo-mini img {
    margin:10px 0 0 -24px;
}
.skin-blue .main-header .navbar {
    background-color: #000B1B;
}
/*.main-header > .navbar {
    -webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-bottom: 0;
    margin-left: 150px;
    border: none;
    min-height: 50px;
    border-radius: 0;
    max-height: 55px;
}*/
.skin-blue .main-header .navbar .nav > li > a {
    color: #d2d2d2;
    line-height: 25px !important;
        padding-top: 9px;
    padding-bottom: 5px;
}
/*h2.idmp_name {
    width: 110px;
    padding: 21px 0px 19px 0px;
    font-size: 14px;
    color: #fbfbfb;
    font-weight: 600;
    margin: 0;
    display: inline;
    float: right;
        background: #00B1FC;
    text-align: center;
}
.skin-blue .wrapper, */
.skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #D1E6EF;
}
.skin-blue .sidebar-menu > li.active > a, .sidebar-menu > li.active > a > i, .sidebar-menu > li.active > a > span {
    color: #000916;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #424242;
    background: #EBEFF6;
    border-left-color: transparent; 
}
.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
        padding: 6px 0;
}
.sidebar-menu > li > a > .icon:before {
    width: 84%;
    text-align: center;
    float: left;
    font-size: 26px;
    padding: 0;
    margin-left: 9px;
    height: 36px;
}
.skin-blue .main-header .navbar .nav > li > a > i {
    color: #e1e1e1;
    padding: 0px 0px 0 10px;
    float: right;
  /*  float: none\9;*/
    font-size: 22px;
}
.k-ie .skin-blue .main-header .navbar .nav > li > a > span {
    text-align:right;
    width:69%;
    float:left;
}
.Products_Grid_Title {
   padding: 0px 0px 0px 14px;
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
    line-height: 42px;
}
.Products_Grid_Title i.icon {
font-size: 24px;
    line-height: 30px;
    padding: 5px 8px 0 3px;
    float: left;
}
.ProductGridBtnsFlat button.btn.add, .GridBtnsFlat button.btn.add {
        background: #00B1FC;
    color: #FBFBFB;
    border: 1px solid  #00B1FC;
}
.ProductGridBtnsFlat button.btn.add:hover, .Product_TableGrid.k-grid .k-header .k-button.k-grid-add:hover, .GridBtnsFlat button.btn.add:hover  {
       /*opacity: .65;*/
    background-color: #009DDF;
    border-color: #009DDF;
}
.ProductGridBtnsFlat button.btn-default:hover{
      /*opacity: .65;*/
    background-color: #EDEDED;
    border-color: #ddd;
}
  .ProductGridBtnsFlat button.btn.add[disabled] {
        color: #B3B3B3;
            background: transparent; 
             border-color: #ddd;
    }

    .ProductGridBtnsFlat button.btn-default[disabled]:hover {
        background-color: #fff;
        border-color: #ccc;
        opacity: .65;
            background: transparent;
    }

    .ProductGridBtnsFlat button.btn-primary[disabled]:hover {
        background-color: #337ab7;
        border-color: #ddd;
        opacity: .65;

    }
.user-panel {
    background: #D1E6EF;
    padding: 4px;
   
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 20px 0 0 10px;
    font-family: fontAwesome;
}
.skin-blue .main-header .navbar .sidebar-toggle, .sidebar-toggle {
    color: #fff;
}
.Product_TableGrid .k-grid-header th.k-header, .Common_TableGrid .k-grid-header th.k-header {
           border-color: #dedede;
    background: #FAFAFA;
}
.Common_TableGrid tr:nth-child(odd) td.no-data:first-child, .Common_TableGrid tr:nth-child(even) td.no-data:first-child, .Common_TableGrid tr td.no-data {
    border-bottom: 1px solid #d2d2d2 !important;
}
/*.Common_TableGrid tr td:first-child {
    border-left: 1px solid #d2d2d2 !important;
}*/
.k-grid-header-wrap {
    border-width: 1px 0px;
    border-color: #fafafa;
    background: #FAFAFA;
    border-bottom: 0px solid #aaa;
}
.Product_TableGrid tr:nth-child(even) td, .Common_TableGrid .k-grid tr:nth-child(even) td {
      border-top: 1px solid #f8f8f8;
    background: #FCFDFD;
    height: 30px;
    border-bottom: 1px solid #f8f8f8;
    border-left: 0px;
}
.main-header .logo .logo-lg {
    display: inline;
}
.logo-lg img {
    width: 46px;
    margin: 3px 0 0 0;
    height: 26px;
}
.main-footer {
    width: 100%;
    background: #d1e6ef;
    padding: 7px 15px 5px 15px;
    border-top: 0px solid #d2d6de;
    height: 30px;
    position: fixed;
    bottom: 0;
    margin-left: 0px;
    text-align: center;
    color: #828181;
    z-index: 1000;
}

 .content-wrapper, .right-side {
    min-height: 100%;
    background-color: #FFFFFF;
    z-index: 800;
}
.content-wrapper.products_content {
     min-height: 100%;
    background-color: #EEEEEE;
     z-index: 800;
}

.side_child_menu {
    width: auto;
    min-width: 220px;
    background: #EBEFF6;
    min-height: 82.2%;
    overflow: hidden;
    position: absolute;
    color: #fff;
    padding-right: 0px;
    max-height: 79%;
    overflow-y: auto;
    z-index: 10;
}
.cbp-spmenu-left {
    margin:68px 0px 0 0px;
}
.side_child_sub_menu, .side_child_menu .form_menu_item {
    color: #9DAEB6;
}

.Product_TableGrid.k-grid.k-widget, .Common_TableGrid.k-grid.k-widget {
    margin: 0px 18px 30px;
    border: none;
}
h1.page_title {
    margin: 0;
    font-size: 28px;
    color: #999;
    line-height: 68px;
    padding: 0 0 0 20px;
    font-weight: 500;
    display: none;
}

.row.AddPageRow .GridSubTitle {
    color: #000B1B;
}
.GridSubTitle.AddProductTitle,
.GridSubTitle.EditTitle {
        border-bottom: 2px solid #000B1B;
}

.k-grid-header {
    background-color: #FFFFFF;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
}
.k-grid-content {
        border: 1px solid #d2d2d2 !important;
}
.k-grid-content table {
    border: 0px solid #d2d2d2;
    border-bottom: 0px;
    border-top: 0px;
}

.row.AddInnerPageRow .GridSubTitle, .GridSubTitle {
    color:#323232 ;
}
.k-pager-wrap.k-grid-pager {
    border: 1px solid #d2d2d2 !important;
        border-top-color: #f1f1f1 !important;
}

.k-pager-numbers .k-state-selected {
    color: #ffffff;
    background-color: #00b1fc;
}
.sidebar-menu i.icon-dashboard8.icon:before {
    height: 30px;
}
.page_flattabs li {
    background:#00b1fc !important;
}
.page_flattabs li.active {
    background:#fff !important;
}

.RegStep3TabOpened .page_flattabs li {
        background: transparent !important;
}

.Metadata_TableGrid.k-grid .k-header .k-button.k-grid-add {
    background: #3469ab !important;
    color: #FBFBFB !important;
    border: 1px solid #3469ab !important;
    border-radius: 20px;
}
.Metadata_TableGrid.k-grid .k-header .k-button.k-grid-add:hover{
        background-color: #009DDF !important;
    border-color: #009DDF !important;
}

.k-button.btn.add {
               background: #00B1FC !important;
    color: #FBFBFB !important;
    border: 1px solid #00B1FC !important;
}
.k-button.btn.add:hover{
  background-color: #009DDF !important;
    border-color: #009DDF !important;
}
/*
    .RowGridHeader {
    padding: 0px 8px 16px 8px;
    background: #FFFFFF;
    margin: 0 0px;
}
    .content-wrapper, .right-side {
    min-height: 100%;
    background-color: #FFFFFF;
    z-index: 800;
}
    .row.row_singletab {
    background: #FFFFFF;
    box-shadow: none;
}
.GridTabName {
    padding: 10px 18px;
    color: #000B1B;
    font-size: 18px;
    border: 0px solid #E5E5E5;
    background: #fff;
    border-bottom: 0px;
    font-weight: 200;
    margin: 4px 0 0px -1px;
    border-radius: 0;
    border-bottom: 0px solid #3D97CC;
}
    .row.row_multitabs {
    background: #FFFFFF;
    margin: 0px 0 0 0;
    box-shadow: none;
}
.page_flattabs {
    float: left;
    list-style-type: none;
    padding: 0 20px;
    margin: 0px;
}
.page_flattabs li.active {
    color: #00B0F0;
    border-bottom: 3px solid #000B1B;
    background: #fff;
    box-shadow: none;
}
.page_flattabs li {
    color: #000B1B;
    padding: 10px 18px;
    font-size: 16px;
    border: 0px solid #E5E5E5;
    background: transparent;
    font-weight: 400;
    margin: 4px 6px 0px -1px;
    border-radius: 0;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.page_flattabs li.active a {
    color: #000B1B;
    transition: all .5s ease-in-out;
}
.page_flattabs li a {
    color: #000B1B;
    font-size: 18px;
    font-weight: 200;
    transition: all .5s ease-in-out;
}*/
/*End Dark Theme*/

.btn-group.AdminGridBtns {
    
}
.btn-group.AdminGridBtns .tooltip {
     position:fixed;
    z-index:11000000000;
}