﻿.font_thin {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 100;
}
.font_light {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.font_regular {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font_semibold {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font_bold {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 700;
}
body {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
h1 {
  font-size: 40px !important;
}
/*LAYOUT*/
header.header .logo {
  height: 114px;
}
header.header .logo img {
  /*background: url('/Content/img/Login/logo-White.png') no-repeat #333;
    background-size: contain;
    height: 50px;
    background-position: center;*/
  height: 80px;
  margin-top: 17px;
}
#sideBarModules {
  padding-bottom: 60px;
  -moz-transition: left 1s ease-in-out;
  -o-transition: left 1s ease-in-out;
  -webkit-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
  left: 0;
}
#sideBarModules.collapse-left {
  left: -220px;
}
#sideBarModules .cpartLogo {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 20px;
}
#sideBarModules .cpartLogo img {
  width: 100px;
  margin: 0 auto;
  display: block;
}
.user-panel > .info {
  padding-left: 6px;
}
/* INDEX TABLE  */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 12px 12px;
}
.rtl {
  direction: rtl;
  text-align: left;
}
/* INDEX FILTERS */
#searchFilters .actionLinks {
  /*.ACTION_ICON { padding: 6px 6px; color: #ffae00; }*/
}
#searchFilters .actionLinks td {
  border: none;
}
#searchFilters .actionLinks td .btn i {
  padding-right: 7px;
}
#searchFilters #filtersTitle {
  font-size: 15px;
}
#searchFilters #filtersTitle i {
  padding: 0;
  font-size: 20px;
  padding-right: 11px;
}
#searchFilters #filtersTitle span {
  font-size: 14px;
}
.box.filters {
  margin-top: 20px;
}
.box.filters .btn-tools .btn {
  font-size: 13px;
  padding: 4px 10px;
  margin: 4px;
}
.box.filters .searchBox {
  padding-right: 0;
}
.box.filters .input-group-addon {
  cursor: pointer;
}
#tblIndex tr td {
  vertical-align: middle;
}
#tblIndex tr td:first-child {
  width: 35px;
}
#tblIndex tr td.StatusText .fa {
  padding-right: 6px;
  font-size: 9px;
}
#tblIndex tr .actions .btn.fa-share-square-o:before,
#tblIndex tr .actions .btn.fa-undo:before,
#tblIndex tr .actions .btn.fa-trash-o:before {
  padding-right: 6px;
}
#tblIndex tr.Deleted td.StatusText .fa {
  color: #d43f3a;
}
#tblIndex tr.Pending td.StatusText .fa {
  color: #eea236;
}
#tblIndex tr.Published td.StatusText .fa {
  color: #5cb85c;
}
/* Display page Styles */
#displayTable tr td {
  min-width: 100px;
  vertical-align: middle;
  padding: 7px 0;
}
#displayTable tr td label {
  margin: 0;
}
/* FORMS */
.form-group {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
label {
  font-size: 16px;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #666;
  margin-bottom: 7px;
  font-weight: bold;
}
#evn {
  position: relative;
  /*input, button, select, textarea{text-align: left;direction: rtl;
    }*/
}
#evn p.buttons {
  position: absolute;
  bottom: 0;
  background: #fff;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
#evn form {
  overflow: scroll;
}
/* MSS */
.ui-multiselect {
  background: #fff;
  border: 1px solid #ccc !important;
}
.ui-multiselect * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-multiselect div.available {
  border-left: 1px solid #ccc !important;
}
.ui-multiselect .actions {
  background-color: #f5f5f5;
}
.ui-multiselect ul.connected-list li {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding-left: 10px !important;
  text-indent: 0 !important;
}
.ui-multiselect ul.connected-list li span {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-multiselect ul.connected-list li span.ui-icon-arrowthick-2-n-s {
  display: none;
}
.ui-multiselect ul.connected-list li span.ui-icon-arrowthick-2-n-s:before {
  content: "\f061";
}
.ui-multiselect ul.connected-list li span.ui-icon-minus:before {
  content: "\f068";
}
.ui-multiselect ul.connected-list li span.ui-icon-plus:before {
  content: "\f067";
}
.ui-multiselect input.search {
  width: 150px !important;
}
/* LOGIN */
.loginPage {
  background: transparent;
}
.loginPage .BG {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-size: cover;
}
.loginPage #bg1 {
  background-image: url('/content/img/Login/LOGIN_Bg (1).jpg');
}
.loginPage #bg2 {
  background-image: url('/content/img/Login/LOGIN_Bg (2).jpg');
}
.loginPage #bg3 {
  background-image: url('/content/img/Login/login_Bg (3).jpg');
}
.loginPage #bg4 {
  background-image: url('/content/img/Login/login_Bg (4).jpg');
}
.loginPage #logo {
  margin: 90px auto 0;
  width: 360px;
}
.loginPage #logo img {
  margin: 0 auto;
  display: block;
}
.loginPage #login-box {
  margin: 140px  auto 0 auto;
}
.loginPage #login-box .header {
  background: rgba(255, 174, 0, 0.2);
}
.loginPage #login-box .body {
  background: rgba(229, 229, 229, 0.1) !important;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.loginPage #login-box .body input.form-control {
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid #999;
  color: #fff;
  height: 40px;
}
.loginPage #login-box .footer {
  background: rgba(229, 229, 229, 0.1) !important;
}
.loginPage #login-box .remember {
  color: #999;
}
.loginPage #login-box .field-validation-error {
  color: #fff;
}
.loginPage #login-box button {
  background: #ff2020;
  color: #fff;
}
/* SLIDING PANEL */
.ddajaxsidepanel {
  /* Main Panel Container */
  position: fixed;
  /* keep this value as is */
  top: 0;
  /* keep this value as is */
  visibility: hidden;
  /* keep this value as is */
  background: lightyellow;
  border-color: white;
  border-left: 1px ridge #eee;
  /*-moz-box-shadow: -10px 0 10px rgba(137,137,137, 0.8); 
-webkit-box-shadow: -10px 0 10px rgba(137,137,137, 0.8);
box-shadow: -10px 0 10px rgba(137,137,137, 0.8);*/
  /* CSS 3 box shadow */
  -webkit-box-sizing: border-box;
  /* Set .ddajaxsidepanel width so that any padding or borders are added inside this width, not in addition to */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1040;
}
.ddajaxsidepanel .panelhandle {
  /* CSS for Panel Handle DIV */
  width: 24px;
  height: 100%;
  position: absolute;
  left: -14px;
  top: 0;
  cursor: pointer;
  /*background: transparent url(handle.gif) center left no-repeat;*/
  /* path to "handle" gif */
}
.ddajaxsidepanel .contentarea {
  /* CSS for main content area DIV */
  height: 100%;
  padding: 10px;
  overflow: scroll;
}
.templateParent table.table.bullets,
.templateParentDoors table.table.bullets {
  margin: 0;
}
.templateParent table.table.bullets tr,
.templateParentDoors table.table.bullets tr,
.templateParent table.table.bullets td,
.templateParentDoors table.table.bullets td {
  border: none;
  padding: 0;
  margin: 0;
  padding: 5px 40px;
}
.templateParent table.table.bullets tr .form-group,
.templateParentDoors table.table.bullets tr .form-group,
.templateParent table.table.bullets td .form-group,
.templateParentDoors table.table.bullets td .form-group {
  border: none;
  padding: 0;
  margin: 0;
}
.templateParent table.table.bullets tr label,
.templateParentDoors table.table.bullets tr label,
.templateParent table.table.bullets td label,
.templateParentDoors table.table.bullets td label {
  font-weight: normal;
}
.templateParent .addBulletRow,
.templateParentDoors .addBulletRow {
  margin-left: 40px;
  margin-top: 10px;
}
/*
    Skin Cpart Light 
    --------
*/
/* skin-cpart_light navbar */
.skin-cpart_light .navbar {
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.skin-cpart_light .navbar .nav a {
  color: #333;
}
.skin-cpart_light .navbar .nav > li > a:hover,
.skin-cpart_light .navbar .nav > li > a:active,
.skin-cpart_light .navbar .nav > li > a:focus,
.skin-cpart_light .navbar .nav .open > a,
.skin-cpart_light .navbar .nav .open > a:hover,
.skin-cpart_light .navbar .nav .open > a:focus {
  background: #fff;
  color: #999;
}
.skin-cpart_light .navbar .navbar-right > .nav {
  margin-right: 10px;
}
.skin-cpart_light .navbar .sidebar-toggle .icon-bar {
  background: #333;
}
.skin-cpart_light .navbar .sidebar-toggle:hover .icon-bar {
  background: #999 !important;
}
/* skin-cpart_light logo */
.skin-cpart_light .logo {
  background-color: #333;
  color: #ffae00;
}
.skin-cpart_light .logo > a {
  color: #ffae00;
}
.skin-cpart_light .logo:hover {
  background: #303030;
}
/* skin-cpart_light content header */
.skin-cpart_light .right-side > .content-header {
  background: transparent;
  box-shadow: none;
}
/* Skin-red user panel */
.skin-cpart_light .user-panel > .image > img {
  border: 1px solid #444;
}
.skin-cpart_light .user-panel > .info,
.skin-cpart_light .user-panel > .info > a {
  color: #eee;
}
/* skin-cpart_light sidebar */
.skin-cpart_light .sidebar {
  border-bottom: 1px solid #333;
  padding-top: 64px;
}
.skin-cpart_light .sidebar > .sidebar-menu > li {
  border-top: 1px solid #333;
  border-bottom: 0px solid #444;
}
.skin-cpart_light .sidebar > .sidebar-menu > li:first-of-type {
  border-top: 1px solid #444;
}
.skin-cpart_light .sidebar > .sidebar-menu > li:first-of-type > a {
  border-top: 0px solid #333;
}
.skin-cpart_light .sidebar > .sidebar-menu > li > a {
  margin-right: 1px;
}
.skin-cpart_light .sidebar > .sidebar-menu > li > a:hover,
.skin-cpart_light .sidebar > .sidebar-menu > li.active > a {
  color: #ffae00;
  background: #444;
}
.skin-cpart_light .sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #444;
}
.skin-cpart_light .left-side {
  background: #333;
}
.skin-cpart_light .sidebar a {
  color: #fff;
}
.skin-cpart_light .sidebar a:hover {
  text-decoration: none;
}
.skin-cpart_light .treeview-menu > li > a {
  color: #fff;
}
.skin-cpart_light .treeview-menu > li > a:hover {
  color: #ffae00;
}
.skin-cpart_light .treeview-menu > li.active {
  background: #ffae00;
}
.skin-cpart_light .treeview-menu > li.active > a {
  margin-left: 5px !important;
  color: #ffae00;
  background: #333;
  padding-left: 20px;
}
.skin-cpart_light .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px solid #555;
  margin: 10px 10px;
}
.skin-cpart_light .sidebar-form input[type="text"],
.skin-cpart_light .sidebar-form .btn {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0 solid rgba(255, 255, 255, 0.1);
  height: 35px;
  outline: none;
}
.skin-cpart_light .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-cpart_light .sidebar-form input[type="text"]:focus,
.skin-cpart_light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #444;
  border: 0;
}
.skin-cpart_light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left: 0;
}
.skin-cpart_light .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0;
}