@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

@media print {
  @page {size: portrait}
  body * {
     visibility: visible;
  }
  .sidenav {
	  display:none;
  }
  .grecontent {
	  margin-left:0px !important;
  }
  .input-link-filter {
	  display:none;
  }
  .grecontent .tab-container .bootstrap-iso table tr td:first-child {
	  display:none;
  }
  .grecontent .tab-container .bootstrap-iso table thead td .fa-filter {
	  display:none;
  }
  .grecontent .greinputdesc, .grecontent .greinputbtns {
	  display:none;
  }
}

.gre-extra-text.ng-binding.ng-scope {    
    padding-bottom: 15px;
    color: black;
    font-size: 16px;
    white-space: pre-line;
}

span.preview-type-text,
span.preview-type-url,
span.preview-type-richtext {
    max-width: 20vw;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.input-link-filter span {
	float:right;
}
.input-link-filter input {
	float:left;
	    border: 1px solid gainsboro;
    border-radius: 5px;
    position: relative;
    top: -3px;
    width: 300px;
}

.light-select input {
    min-width: 250px;
    width: 60%;
    text-align: center;
    margin: 10px;
    font-size: 20px;
    border: none;
    border-bottom: 1px dashed gainsboro;
    padding: 10px;
}
.light-select .results { max-height:250px;overflow-y:auto; margin-top:5px;}
.light-select .results p {   transition: all 0.1s linear;  margin: 0px; cursor:pointer;}
.light-select .results p:hover {    color: blue;    background: #eeeeee;     padding-left: 5px;}

.light-select {
    background: rgba(255,255,255,0.96);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    z-index: 100000;
    left: 0px;
    text-align: center;
}
.light-select-input:hover {
	color:blue;
}
.light-select-input {
    cursor: pointer;
    border: 1px solid #c8c8c8;
    padding: 5px;    
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0px;
    border-radius: 4px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {  
  .sidenav a {font-size: 18px;}
}
.topnav {
	height:0px;
	transition:1s;
	background:black;
	position:relative;
	opacity:0;
}
.topnav i {	
    position: absolute;
    left: 10px;
    top: 6px;
}
	
.mobile .topnav {
	opacity:1;
	padding-top: 4px;
    font-size: 22px;
    font-weight: bold;
    height: 30px;
    color: white;
    text-align: center;
	cursor:pointer;
	color:gainsboro;
}
.mobile .sidenav.openned {
	width:100%;
	opacity:1;
	pointer-events:all;
}
.mobile .sidenav {
	width:0px;
	opacity:0;
	pointer-events:none;
}
.mobile .grecontent {
	margin-left:0px;
}
/* The side navigation menu */
.sidenav {
    height: initial;
    width: 250px;
    float: left;
    z-index: 1;
    top: 0;
    left: 0;
    padding-left: 5px;
    transition: 0.5s;
}
.sidenav-old {
  height: 100%; /* 100% Full-height */
  width: 250px;
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.grecontent {
	margin-left:250px;
}
.sidenav div.selected {
	background:white
}
.sidenav div.selected a {
	color: white;
    padding-bottom: 6px;
    padding-top: 6px;
    background: darkcyan;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;
}
.sidenav div {
	transition: 0.3s;
}
.sidenav a {  
    text-align: center;
    padding-bottom: 3px;
    padding-top: 3px;
    text-decoration: none;
    font-size: 25px;
    color: black;
    display: block;
    transition: 0.7s;
    font-family: sans-serif;
}
.sidenav img {
    max-width: 80%;
    margin: auto;
    display: block;
    /* margin: 5px; */
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: darkcyan;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.uploadable img {
    max-width: 100%;
}
.tab-container.tab-container-webspace {
	margin:0px;
	padding:0px;
}

.social .fa {
	width:15px;
}
.gre-webspace{
    margin: 0px;
    padding: 0px;
    width: 100%;
    hheight: calc(100vh - 45px);
}
.gre-webspace iframe {
	width: calc(100% - 10px);
	hheight:100%;
	border:none;
}
.fe-block input {
    border-radius: 4px;
    border: 1px solid lightgray;
    padding: 4px;
}
.fe-block button {
	margin-top:10px;margin-bottom:10px;
}
.fe-block {
	margin: auto;
    width: 400px;
    border: 2px solid #3a3a3a;    
    border-radius: 10px;
    margin-top: 50px;
}
.fe-block .section {
	text-align:center;
	width:200px;
	margin:auto;
}
.fe-block h3 {
	background: #3a3a3a;
	text-align:center;
    margin: 0px;
    color: white;
    padding: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.logout {
	position:fixed;
	top:5px;
	right:5px;
	font-size:20px;
	    z-index: 10000;
}
a:hover {color:orange;}
.tab-container {
	margin:10px;
}
a {color:blue}
.group-body .readonly select {
	display:none;
}
.readonly {
    ccursor: not-allowed;
}
.readonly .multiselect > div {
    display: none;
}
.readonly div[upload] {
    pointer-events: none;
}
.readonly .upload a[upload] {
    display:none;
}
.readonly .social .input-group-addon {
    border: none;
    background: none;
}
.readonly-multiline {
	white-space: pre-line;	
}
.readonly .field-gender {
	pointer-events: none;
}
.readonly .field-date .input-group-addon {
	display:none;
}
.readonly .light-select-input .not-set {
	display:none;
}
.readonly select.not-set {
	display:none !important;
}
.readonly .light-select-input,
.readonly input,
.readonly a,
.readonly select {    
    pointer-events: none;
    /*border: 1px solid #ececec !important;*/
	    border: none !important;
    box-shadow: none !important;
}
.readonly .click-to-upload {
	display:none;
}
.readonly select {
 -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	padding-left: 0px !important;
}
.readonly ul {
	pointer-events: none;
}
.readonly .upload ul li a:last-child {
    display: none;
}

.readonly .upload ul li a:first-child {
    pointer-events: all;
}
.bootstrap-iso
{
    font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: white;
}
.bootstrap-iso label { margin-bottom: 2px; }
.loadingbar {  display: block;    position: fixed;    top: 50%    left: 50%;    zoom: 2; }
.hidewhilecreatingpaper {    display:none; }

.bootstrap-iso .input-group-addon:not(:first-child):not(:last-child),
.bootstrap-iso .input-group-btn:not(:first-child):not(:last-child),
.bootstrap-iso .input-group .form-control:not(:first-child):not(:last-child)
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

textarea {
    min-height: 80px;
}
.password-change input[type="password"] {
    border: 1px solid gainsboro;
    padding: 4px;
    border-radius: 6px;
    margin-bottom: 5px;
}
.field-number {
    position:relative;
}

.field-number span {
        position: absolute;
    right: 10px;
    top: 30px;
    font-weight: bold;
    font-size: 14pt;
}
.grid-item
{
    width: 100%;
    display: inline-block;
    float: none;
}

.grid
{
    /*column-count: 3;*/
}

.google-map iframe
{
    width: 100%;
}

.google-map
{
    margin-top: 15px;
}

@media (max-width: 1200px)
{
    .grid
    {
        column-count: 2;
    }
}

@media (max-width: 992px)
{
    .grid
    {
        column-count: 1;
    }
}

.picture .picture-content p
{
    height: 150px;
    text-align: center;
}

.password-change
{
    padding-top: 7px;
}

#tabs .btn-group a.btn-default
{
    color: black;
}

#tabs .btn-group a.active
{
    color: white;
}

date-picker
{
    width: 110px;
}

.group-content {
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid #2a2a2a;
    border-radius: 4px;
}

.group-title img {
    position: absolute;
    top: 1px;
}
.group-desc {
    display: block;
    color: gainsboro;
    font-size: smaller;
	font-style:italic;
}
.group-title {
    color: white;
    background-color: #3a3a3a;
    padding: 7px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-color: #3a3a3a;
    font-size: 16px;
    font-weight: bold;
}

.group-body {
    padding: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

xt-icon[ng-click] {
    cursor:pointer;
}

.upload li:hover .delete {
 visibility:visible;   
}
.upload .delete {
 visibility:hidden;   
}


.multiselect li:hover xt-icon {
 visibility:visible;   
}

.multiselect xt-icon {

    visibility:hidden;
}

ul {
    list-style-type: square;
}
.multiselect ul {
    position: relative;
    top: 10px;
}

ul.object-with-model
{
    padding: 0;
    margin-right: -7.5px;
    margin-left: -7.5px;
    margin-bottom: 0;
}

.object-with-model li
{
    list-style: none;
    width: 50%;
    display: inline-flex;
}

.object-with-model li input
{
    margin-bottom: 15px;
    margin-right: 7.5px;
    margin-left: 7.5px;
}

.object-with-model li:last-child
{
    width: 100%;
}

.object-with-model li:last-child input
{
    margin-bottom: 0;
}

.upload ul li
{
    list-style: none;
}

.upload ul
{
    padding: 0;
    padding-top: 7px;
    margin-bottom: 0;
}

p.no-handler
{
    padding-top: 7px;
}

.picture .picture-content
{
    padding: 0;
}

.picture .picture-content p
{
    padding: 6px 12px;
    margin: 0;
}

.input-group-addon .addon-icon
{
    width: 20px;
}

.radio-inline label, .radio-inline label input[type=radio]
{
    cursor: pointer;
}

.group-title .title-link-icon
{
    float: right;
    padding: 8px;
    box-sizing: content-box;
    position: relative;
    top: -7px;
    right: -15px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 20px;
    padding-right: 15px;
}
.group-title .title-add-icon
{
    float: right;
    padding: 8px;
    box-sizing: content-box;
    position: relative;
    top: -7px;
    right: -20px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 20px;
    padding-right: 15px;
}

.deadred {color:green;}
   .modified input {border-style: dashed !important;}
   .modified select {border-style: dashed !important;}
   .modified textarea {border-style: dashed !important;}
   
   td.wrap-hide {
    max-width: 20vw;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
td.wrap-wrap {
    white-space: normal !important;
}
span.relative-time {
	position: absolute;
	font-weight:bold;
    right: 10px;
    z-index: 10;
    top: 7px;
}
.calendar-day {
   display: inline-block;
    margin: 5px;
    width: 330px;
    vertical-align: top;
    border: 2px solid #dcdcdc52;
    border-radius: 5px;
    padding: 0px;
}
.calendar-day-item .citem:hover {
	cursor:pointer;
	color:blue;
}
.calendar-day-item > select {
        color: blue;
    border: 1px solid;
    border-radius: 4px;
    font-size: 16px;
    left: 234px;
    top: -1px;
	position: relative;
    outline:none;
	border:none;
	background:transparent;
	display:block;
}
.calendar-day-name {
padding: 5px;
    background: #f4f4f4;
    border-radius: 3px;
	}
.calendar-day-item ul {margin:0px;}
.calendar-week {
text-align:center;
font-size:20px;
margin:10px;
}
.calendar-day-list {
	padding: 5px;
}
.calendar-day-item.open span.chours {
    font-weight: bold;
    color: #0064eb;
}
.calendar-day-item.open {
    background: #efffff;
}
.login-cat h4 {
    background: #3a3a3a;
    width: 100%;
    color: white;
    border-radius: 6px;
    padding: 5px;
    margin-bottom: 0px;
}

span.menu-group-title {
    color: white;
    font-weight: bold;
    background: #3a3a3a;
    display: block;
    text-align: center;
    font-size: 20px;
    border-top-left-radius: 14px;
    border-top-right-radius: 20px;
    font-family: sans-serif;
    padding: 4px;
    border-radius: 8px;
}
span.menu-group-title-old {
        color: white;
    font-weight: bold;
    background: #4d4d4d;
    display: block;
    text-align: center;
    font-size: 22px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;    
	} 
	.menu-group div a {
    font-size: 18px;
}
.sidenav div.selected {
    background: white;
    border-radius: 12px;
}
.tox-statusbar {
    display: none !important;
}
.tox-menubar {
    display: none !important;
}
.tox-statusbar__branding {
	display:none !important;
}
.tinymce-editor {
    min-width:200px;
    min-height:300px;
    background:pink;
}