#vmboxes_container .vmboxes-header {
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header > * {
|
|
display: inline-block;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .title {
|
|
padding: 15px;
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 2px 0 0 2px;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .count-vmboxes {
|
|
display: inline-block;
|
|
margin-top: -5px;
|
|
margin-left: 15px;
|
|
color: #22a5ff;
|
|
font-weight: 600;
|
|
font-size: 28px;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .dropdown {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .add-vmbox {
|
|
margin: 0;
|
|
padding: 9px 13px;
|
|
border: 1px solid #dcdcdc;
|
|
border-left: 0;
|
|
border-radius: 0 2px 2px 0;
|
|
background-image: -webkit-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
|
|
background-image: -moz-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
|
|
background-image: -ms-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
|
|
background-image: -o-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
|
|
background-image: linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
|
|
height: 42px;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .add-vmbox:hover {
|
|
background-image: none;
|
|
background-color: #eee;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .add-vmbox i {
|
|
font-size: 16px;
|
|
display: block;
|
|
margin: 0;
|
|
color: #929799;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .add-vmbox:hover i {
|
|
color: #22a5ff;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-header .search-box { margin: 16px 0 16px 15px; }
|
|
|
|
#vmboxes_container .vmboxes-grid {
|
|
background: #fcfcfc;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid i.fa-plus {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .empty-search-row,
|
|
#vmboxes_container .vmboxes-grid .no-vmboxes-row {
|
|
display: none;
|
|
padding: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row.title:not(:last-child) {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row.title,
|
|
#vmboxes_container .vmboxes-grid .grid-row .user-cells{
|
|
height: 50px;
|
|
line-height: 50px; /* 60 - padding */
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row:not(:last-child) {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row.title .grid-cell {
|
|
text-align: center;
|
|
padding-left: 0;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell {
|
|
border-right: 1px solid #eee;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
padding-left: 10px;
|
|
width: 20%;
|
|
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell:first-child {
|
|
border-left: none !important;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell:not(.features) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.centered {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.right-aligned {
|
|
padding: 0 5px 0 0;
|
|
text-align: right;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.features a.dropdown-toggle {
|
|
padding: 15px 7px 2px 15px;
|
|
text-align: left;
|
|
background: transparent !important;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-cells {
|
|
height: 60px;
|
|
line-height: 60px;
|
|
}
|
|
|
|
/* Columns */
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.number {
|
|
width: 20%;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.name {
|
|
width: 40%;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.owner {
|
|
width: 30%;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.edit {
|
|
width: 10%;
|
|
}
|
|
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.edit .settings {
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
#vmboxes_container .vmboxes-grid .grid-row .grid-cell.edit .settings:hover {
|
|
color: #000;
|
|
}
|
|
|
|
/* Adding / Edition vmboxes Popups */
|
|
.edit-vmbox .actions {
|
|
border-top: 1px solid #CCCCCC;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.edit-vmbox .actions button {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.edit-vmbox .title-bar {
|
|
border-bottom: 1px solid #ccc;
|
|
margin-bottom: 20px;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.edit-vmbox .title-bar .vmbox-title > div {
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.edit-vmbox .title-bar .vmbox-title .vmbox-icon {
|
|
height: 75px;
|
|
line-height: 75px;
|
|
}
|
|
|
|
.edit-vmbox .title-bar .vmbox-title .vmbox-icon > i {
|
|
font-size: 48px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.edit-vmbox .title-bar .nav-pills {
|
|
margin-top: 24px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.edit-vmbox .content .tabs-section .title {
|
|
color: #22a5ff;
|
|
font-size: 24px;
|
|
margin-bottom: 30px;
|
|
margin-left: 40px;
|
|
text-shadow: 1px 0 1px #CCCCCC;
|
|
}
|
|
|
|
.edit-vmbox .control-input.checkbox {
|
|
margin-left: 160px;
|
|
}
|
|
.edit-vmbox .control-input.checkbox > div {
|
|
display: inline-block;
|
|
}
|
|
.edit-vmbox .control-input.checkbox.disabled {
|
|
color: #909099;
|
|
}
|
|
.edit-vmbox .control-input.checkbox.disabled input ~ i {
|
|
border: solid 1px #bcbcc2;
|
|
background: #909099;
|
|
}
|
|
|
|
.edit-vmbox .helper {
|
|
margin: 0 30px;
|
|
}
|
|
|
|
.edit-vmbox .helper i {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.edit-vmbox .list-entities.emails-list {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container,
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .temporary-greeting-container {
|
|
padding: 0 90px 25px
|
|
}
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .media-dropdown {
|
|
margin-bottom: 0px;
|
|
margin-left: 10px
|
|
}
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-toggle {
|
|
margin-left: 10px;
|
|
min-width: 117px;
|
|
}
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-div {
|
|
display: none;
|
|
margin-top: 20px;
|
|
}
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-div .upload-input {
|
|
margin: 0;
|
|
width: 330px;
|
|
}
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-div button.upload-action {
|
|
margin-left: 10px;
|
|
padding-left: 19px;
|
|
padding-right: 19px;
|
|
}
|
|
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-div button > i {
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-div .file-upload {
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
.edit-vmbox .tabs-section[data-section="greeting"] .greeting-container .upload-div .file-upload > input {
|
|
margin: 0;
|
|
padding: 6px;
|
|
width: 140px;
|
|
}
|