@import "calendar_default-dark.css";
@import "angular-toastr_default-dark.css";
@import "ui-grid.paper.dark.css";

body {
  font: 14px/16px  "Roboto", sans-serif;
  color: #FFFFFF;
  background: #000000 ; }
  
.wp2panelbg {
  background: #303030;
  -webkit-transition: none;
  transition: none;
  background-attachment: fixed; 
}
  
.modal-content {
  border-radius: 5px;
  border: none;
  color: #ffffff;
   background: #303030;
  -webkit-transition: none;
  transition: none;
  background-attachment: fixed;
}
   
  
.page-top {
  background-color: #1C2B36;
 }
 
.page-top.scrolled {
    background-color: rgba(0, 0, 0, 0.85); 
}
    
.al-sidebar {
  background-color: #1C2B36;
}


/***Angular filemanager***/


.nav-sidebar > li > a {

    color: #FFFFFF;
    padding: 7px 0 7px 16px;

}

.nav-sidebar > li.active > a {

    color: #FF0000;
background:  rgba(0,0,0,0.3);
}


.iconset .thumbnail {
color: #c0c0c0;	
}


.iconset .thumbnail.selected {

    background:  rgba(0,0,0,0.3);

}


.sidebar {
 background: none;
}

.navbar-sidebar {
 background: none;
}

.navbar {
 background: none;
}

.navbar-inverse {
 background: none;
}

/***Angular filemanager***/

.wp2table{
	background:none;
}

.table{
	background: none;
}

table{
	background: none;
}





.wp2panel {
 background: none;
  -webkit-transition: none;
  transition: none;
  background-attachment: fixed; }
  


.modal-header {
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
 .modal-header .modal-title {
    color: #209e91; }
 
 
 
.form-control::placeholder {

    color: #474c4f;
    opacity: 1;

}   

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	 color: #dfd2d2;
      opacity: 1;
      background-color: transparent;
      border: 1px solid #e7e7e7;
}



.compose-footer  {
	 color: #dfd2d2;
      opacity: 1;
      background: none;
      border: 1px solid #e7e7e7;
}

.compose-footer .btn-send {
    background-color: transparent;
    border: none;
    color: white;
    padding: 2px 10px;
    margin: 3px;
    font-weight: 300; }

.compose-container  {
	 color: #dfd2d2;
      opacity: 1;
      background: none;
      border: 1px solid #e7e7e7;
}

.compose-container .ta-text.ta-editor{
	 color: #dfd2d2;
      opacity: 1;
      background: none;
      border: 1px solid #e7e7e7;
}

.mail-unread-row {
	font-weight:bold !important;
	background-color: rgba(0,0,0,0.3);
}

.mail-read-row {
	font-style:italic !important;
	background-color: rgba(0,0,0,0.1);
}

.form-control:focus {
    box-shadow: none;
    border-color: #4db1a7;
    border-width: 8;
}

.form-control {
      color: #dfd2d2;
      opacity: 1;
      background: none;
      border: 1px solid #e7e7e7; }
      
.form-control[disabled] {
      color: #dfd2d2;
      background-color: rgba(0,0,0,0);
      border: 1px solid #e7e7e7; }
      
      
.def-form input[readonly] {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}

.def-form input[disabled] {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}

.def-form input {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}

.def-form textarea {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}

.def-form textarea[readonly] {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}

.def-form textarea[disabled] {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}

.def-form select {
	background-color : rgba(0,0,0,0);
	 color: #dfd2d2;
}