/*
 * Skin: Transparent
 * -----------
 */


/*
rgba(255, 255, 255, .4)
rgba(0, 0, 0, 0.498039)
rgba(0, 0, 0, 0.298039)

Borders
rgba(255, 255, 255, 0.0980392)

*/

body.skin-trans-custom {
  /*background-image: url(../images/blurred-background-7.jpg)!important;*/
  /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAADCAYAAABfwxXFAAAAYklEQVQYVwFXAKj/AROFV/8UKCAA+PXoAAXt+QDn2PAAH/MRAA/oBQABHmtR/wISEAABCgEAIRIQABAMEwDnwuMA8cndAAGXqbT/tLO0AN705wAVKB4AHxcdAP/g8gAcCxUAY9se/IJzZGkAAAAASUVORK5CYII="); */
  /* background: linear-gradient(to bottom, #e1f0fb 0%, #9ecef1 100%); */
   /* background: linear-gradient(to bottom, #1c7bc1 0%, #9ecef1 100%);  */
   background: linear-gradient(to bottom, #9ecef1 0%, #1c7bc1 100%); 
  /* background-color: #1c7bc1; */
  -webkit-overflow-scrolling: touch;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

h3 small {
  color: #fff;
}

.skin-trans-custom a {
  color: #fff;
  cursor: pointer;
}
/*.skin-trans-custom a:not(.btn):hover {
  text-decoration: underline;
}*/

.skin-trans-custom hr {
  border-top: 1px solid rgba(255, 255, 255, 0.35)!important;
}

/* skin-trans navbar */
.skin-trans-custom .main-header {
  /*-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);*/
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}
.skin-trans-custom .main-header .navbar-toggle {
  color: #fff;
}
.skin-trans-custom .main-header .navbar-brand {
  color: #fff;
  background: rgba(0, 0, 0, .09);
}
.skin-trans-custom .main-header > .navbar {
  /*background-color: rgba(0, 0, 0, 0.498039);*/
  /*background-color: rgba(0, 0, 0, 0.298039);*/
  background-color: rgba(0, 0, 0, 0.55);
}
.skin-trans-custom .main-header > .navbar .nav > li > a {
  color: #fff;
}
.skin-trans-custom .main-header > .navbar .nav > li > a:hover,
.skin-trans-custom .main-header > .navbar .nav > li > a:active,
.skin-trans-custom .main-header > .navbar .nav > li > a:focus,
.skin-trans-custom .main-header > .navbar .nav .open > a,
.skin-trans-custom .main-header > .navbar .nav .open > a:hover,
.skin-trans-custom .main-header > .navbar .nav .open > a:focus,
.skin-trans-custom .main-header > .navbar .nav > .active > a {
  background: rgba(0, 0, 0, .15);
  color: #fff;
}
.skin-trans-custom .main-header > .navbar .sidebar-toggle {
  color: #fff;
}
.skin-trans-custom .main-header > .navbar .sidebar-toggle:hover {
  color: #fff;
  background: rgba(0, 0, 0, .15);
}
.skin-trans-custom .main-header > .navbar > .sidebar-toggle {
  color: #fff;
  /*border-right: 1px solid rgba(0, 0, 0, 0.0980392);*/
  border-right: 1px solid rgba(0, 0, 0, .07);
}
.skin-trans-custom .main-header > .navbar .navbar-nav > li > a {
  /*border-right: 1px solid rgba(0, 0, 0, 0.0980392);*/
  border-right: 1px solid rgba(0, 0, 0, .07);
}
.skin-trans-custom .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-trans-custom .main-header > .navbar .navbar-right > li > a {
  /*border-left: 1px solid rgba(0, 0, 0, 0.0980392);*/
  border-left: 1px solid rgba(0, 0, 0, .07);
  border-right-width: 0;
}
.skin-trans-custom .main-header > .logo {
  cursor: default;
  /*background-color: rgba(0, 0, 0, 0.498039);*/
  /*background-color: rgba(0, 0, 0, 0.298039);*/
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  border-bottom: 0 solid transparent;
  /*border-right: 0px solid rgba(0, 0, 0, 0.0980392);*/
  /*border-right: 1px solid rgba(255, 255, 255, 0.1);*/
}
.skin-trans-custom .main-header > .logo:hover {
  /*background-color: rgba(0,0,0,0.7);*/
}
@media (max-width: 767px) {
  .skin-trans-custom .main-header > .logo {
    /*background-color: rgba(0, 0, 0, 0.498039);*/
    /*background-color: rgba(0, 0, 0, 0.298039);*/
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;

    display: none;
  }
  .skin-trans-custom .wrapper,
  .skin-trans-custom .main-sidebar,
  .skin-trans-custom .left-side {
    /*background-color: rgba(0, 0, 0, 0.298039);*/
    background-color: rgba(0, 0, 0, 0);
  }
  .skin-trans-custom .sidebar {
    /*background-color: rgba(0, 0, 0, 0.298039);*/
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.skin-trans-custom .main-header li.user-header {
  background-color: rgba(0, 0, 0, 0.498039);
}
.skin-trans-custom .content-header {
  background: transparent;
  box-shadow: none;
}
/*.skin-trans-custom .wrapper,*/
.skin-trans-custom .main-sidebar,
.skin-trans-custom .left-side {
  background-color: rgba(0, 0, 0, 0.4);
}
.skin-trans-custom .content-wrapper,
.skin-trans-custom .main-footer {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.skin-trans-custom .user-panel > .info,
.skin-trans-custom .user-panel > .info > a {
  color: rgba(255, 255, 255, .7);
}
.skin-trans-custom .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-trans-custom .sidebar-menu > li.header {
  color: #fff;
  background: rgba(0, 0, 0, 0.498039);
}
.skin-trans-custom .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-trans-custom .sidebar-menu > li:hover > a {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.skin-trans-custom .sidebar-menu > li.active > a {
  color: #fff;
  background: rgba(0, 0, 0, 0.298039);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.skin-trans-custom.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a {
  background: rgba(0, 0, 0, 0.5);
}

.skin-trans-custom.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a {
  background: rgba(0, 0, 0, 0.5);
}

.skin-trans-custom .sidebar-menu > li.active > a {
  border-left-color: rgba(255, 255, 255, 0.8);
}
.skin-trans-custom .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-trans-custom .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}
.skin-trans-custom .sidebar a {
  color: rgba(255, 255, 255, .7);
}
.skin-trans-custom .sidebar a:hover {
  text-decoration: none;
}
.skin-trans-custom .treeview-menu > li > a {
  color: #fff;
}
.skin-trans-custom .treeview-menu > li.active > a,
.skin-trans-custom .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-trans-custom .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-trans-custom .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-trans-custom .sidebar-form input[type="text"],
.skin-trans-custom .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-trans-custom .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-trans-custom .sidebar-form input[type="text"]:focus,
.skin-trans-custom .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-trans-custom .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-trans-custom .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .skin-trans-custom.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

@media (max-width: 767px) {
  .skin-trans-custom .content-wrapper,
  .skin-trans-custom .main-footer {
    border-left: 0px solid rgba(0, 0, 0, 0.298039);
  }

  .skin-trans-custom .wrapper,
  .skin-trans-custom .main-sidebar,
  .skin-trans-custom .left-side {
    background-color: rgba(0, 0, 0, 0);
  }
}

.skin-trans-custom table th, .skin-trans-custom table td {
  border-color: rgba(255, 255, 255, 0.1)!important;
}


.skin-trans-custom .bg-gray {
  /*background-color: #d2d6de !important;*/
  background-color: rgba(210, 214, 222, .4)!important;
}
.skin-trans-custom .bg-gray-light {
  /*background-color: #f7f7f7;*/
  background-color: rgba(247, 247, 247, .4)!important;
}
.skin-trans-custom .bg-black {
  /*background-color: #111111 !important;*/
  background-color: rgba(17, 17, 17, .4)!important;
}
.skin-trans-custom .bg-red {
  /*background-color: #dd4b39 !important;*/
  background-color: rgba(221, 75, 57, .4)!important;
}
.skin-trans-custom .bg-yellow {
  /*background-color: #f39c12 !important;*/
  background-color: rgba(243, 156, 18, .4)!important;
}
.skin-trans-custom .bg-aqua {
  /*background-color: #00c0ef !important;*/
  background-color: rgba(0, 192, 239, .4)!important;
}
.skin-trans-custom .bg-blue {
  /*background-color: #0073b7 !important;*/
  background-color: rgba(0, 115, 183, .4)!important;
}
.skin-trans-custom .bg-light-blue {
  /*background-color: #3c8dbc !important;*/
  background-color: rgba(60, 141, 188, .4)!important;
}
.skin-trans-custom .bg-green {
  /*background-color: #00a65a !important;*/
  background-color: rgba(0, 166, 90, .4)!important;
}
.skin-trans-custom .bg-navy {
  /*background-color: #001f3f !important;*/
  background-color: rgba(0, 31, 63, .4)!important;
}
.skin-trans-custom .bg-teal {
  /*background-color: #39cccc !important;*/
  background-color: rgba(57, 204, 204, .4)!important;
}
.skin-trans-custom .bg-olive {
  /*background-color: #3d9970 !important;*/
  background-color: rgba(61, 153, 112, .4)!important;
}
.skin-trans-custom .bg-lime {
  /*background-color: #01ff70 !important;*/
  background-color: rgba(1, 255, 112, .4)!important;
}
.skin-trans-custom .bg-orange {
  /*background-color: #ff851b !important;*/
  background-color: rgba(255, 133, 27, .4)!important;
}
.skin-trans-custom .bg-fuchsia {
  /*background-color: #f012be !important;*/
  background-color: rgba(240, 18, 190, .4)!important;
}
.skin-trans-custom .bg-purple {
  /*background-color: #605ca8 !important;*/
  background-color: rgba(96, 92, 168, .4)!important;
}
.skin-trans-custom .bg-maroon {
  /*background-color: #d81b60 !important;*/
  background-color: rgba(216, 27, 96, .4)!important;
}

input, textarea, select, .form-control {
  background-color: rgba(0, 0, 0, 0.2)!important;
  color: #fff!important;
  /*border-color: rgba(255, 255, 255, 0.2)!important;*/
  border-color: rgba(0, 0, 0, 0.07)!important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    rgba(255, 255, 255, 0.6)!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    rgba(255, 255, 255, 0.6)!important;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    rgba(255, 255, 255, 0.6)!important;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    rgba(255, 255, 255, 0.6)!important;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    rgba(255, 255, 255, 0.6)!important;
}

.input-group .input-group-addon {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
}

.table-hover > tbody > tr:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/*Select2 Overrides*/
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: rgba(0, 0, 0, 0.2);
  /*height: 30px;*/
  /*padding: 5px 10px;*/
  /*font-size: 12px;*/
  /*line-height: 1.5;*/
}

/*.select2-container--default .select2-selection--multiple {*/
  /*height: auto;*/
  /*min-height: 30px!important;*/
  /*padding: 4px 10px;*/
/*}*/

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: rgba(255, 255, 255, 0.8);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 8px;
}

.select2-container--default .select2-results__option {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(255, 255, 255, 0.4);
  color: #000
}

.select2-results__option .select2-results__option--highlighted {
  background-color: rgba(255, 255, 255, 0.1);
  color: #000
}

.select2-dropdown {
  /*background-color: rgba(0, 0, 0, 0.7);*/
  /*background-image: url(../images/royalty-free-images-autumn-colour-backgrounds-04.jpg)!important;*/

  /*background-color: green;
  background-image: url(../images/royalty-free-images-autumn-colour-backgrounds-04.jpg);*/
}

.select2-dropdown--below {
  /*background-color: green;*/
  /*background-image: url(../images/royalty-free-images-autumn-colour-backgrounds-04.jpg);*/
  /* background-image: url(../images/blurred-background-7.jpg)!important; */
  background: linear-gradient(to bottom, #9ecef1 0%, #1c7bc1 100%); 
  -webkit-overflow-scrolling: touch;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.select2-results {
  background-color: rgba(0, 0, 0, 0.7);
}

.select2-hidden-accessible {
  display: none !important; 
  visibility: hidden !important;
}

/*SELECT " OVERRIDE FOR DISABLED"*/
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: rgba(0,0,0,0.4);
  cursor: not-allowed;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--multiple .select2-selection__arrow b {
  border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
}

.inline-header .select2.select2-container {
  vertical-align: top;
}

.inline-header > p {
  vertical-align: top;
}

/*.select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline*/
.select2-selection.select2-selection--multiple .select2-selection__rendered {
  /*padding: 0;*/
}

.select2-search.select2-search--inline .select2-search__field {
  background-color: rgba(0, 0, 0, 0)!important;
  /*margin-top: 0;*/
}

.select2-selection .select2-selection__rendered .select2-selection__choice {
  /*margin-top: 0px;*/
}

.select2-container--default .select2-selection--multiple {
    border-color: rgba(210, 214, 222, 0);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}


/*.select2.no-search .select2-search--dropdown {
  display: none!important;
}*/


/*====================================================*/
/*ANGULAR UI-SELECT*/
/*====================================================*/
.ui-select-bootstrap .ui-select-choices-row > span {
  color: #fff!important;
  white-space: normal!important;
}

.ui-select-bootstrap .ui-select-choices-row > span:hover {
  color: #333!important;
}

.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
  /* background-image: url(../images/blurred-background-7.jpg)!important; */
  background: linear-gradient(to bottom, #9ecef1 0%, #1c7bc1 100%); 
  -webkit-overflow-scrolling: touch;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  border-radius: 0;
  padding: 0;
}

.ui-select-choices .ui-select-choices-group {
  background-color: rgba(0, 0, 0, 0.7);
}

.ui-select-match.btn-default-focus {
  background-color: transparent;
  box-shadow: none;
}

.btn.btn-default.form-control.ui-select-toggle {
  border-radius: 0;
}

.ui-select-bootstrap .ui-select-choices-row.disabled > span {
  color: #333!important;
  background-color: rgba(255, 255, 255, 0.5)!important;
}

.ui-select-multiple.ui-select-bootstrap {
  padding: 4px 10px!important;
}

/*end*/

/*Pagination*/
.pagination > li > a {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.02);
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  background: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8); 
  border-color: rgba(0, 0, 0, 0.02)
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.0)
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.01)
}


/*List views*/
.products-list {
  margin-left: -10px;
  margin-right: -10px;
}
.product-list-in-box > .item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.product-list-in-box > .item:first-of-type:not(.no-top-border) {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.products-list > .item {
  background: transparent;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.products-list > .item:not(.no-hover):hover {
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.products-list > .item.no-hover {
  cursor: default!important;
}

.products-list .product-title, .products-list .product-description {
  color: rgba(255, 255, 255, 0.8);
}

.text-muted {
  color: rgba(255, 255, 255, 0.8);
}


/*Tables*/
.table .table {
    background-color: transparent;
}

.table-bordered {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.table-question-view tbody > tr > td {
  background-color: rgba(0, 0, 0, 0.2)!important;
  border-color: rgba(0, 0, 0, 0.07)!important;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid rgba(0, 0, 0, 0.07)!important;
}

.dropdown-menu {
  background: linear-gradient(to bottom, #9ecef1 0%, #1c7bc1 100%); 
}

/*Modal Windows*/
.modal-content {
  /* background-image: url(../images/blurred-background-7.jpg)!important; */
  background: linear-gradient(to bottom, #9ecef1 0%, #1c7bc1 100%); 
  -webkit-overflow-scrolling: touch;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

}

.modal-header, .modal-body, .modal-footer {
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #fff!important;
  background-color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.1);
}


/*Date time picker dropdown*/
.datetimepicker span:hover {
  background: rgba(0, 0, 0, 0.2)!important;
}

.datetimepicker .minute:hover, .datetimepicker .hour:hover, .datetimepicker .day:hover, .datetimepicker .switch:hover, .datetimepicker .left:hover, .datetimepicker .right:hover {
  background: rgba(0, 0, 0, 0.2)!important;
  cursor: pointer;
}

.description p {
  background-color: transparent!important;
}