@charset "utf-8";
span.clear {
display: block;
}
a.standard-btn {
padding: 10px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #4082bc;
color: #fff;
cursor: pointer;
}
a.standard-btn:hover {
background-color: #3a75a9;
}
a.standard-btn.mr10 {
margin-right: 10px;
}
h1 {
margin: 20px 0 40px;
}
table.client-list {
position: relative;
width: 100%;
margin-bottom: 30px;
}
table.client-list th {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
text-align: left;
}
table.client-list td {
padding: 18px 5px;
}
#header-folder-view {
margin: 10px 0 20px;
color: #FFF;
font-size: 20px;
font-size: 2rem;
}
#folder-view {
width: 95%;
position: relative;
margin: 30px 0;
background-color: #266fbd;
padding: 20px;
max-width: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: left;
}
#Edit-File-Manager {
display: none;
margin-top: 30px;
}
#add-new-folder,
#add-new-file {
width: 40%;
margin-right: 8%;
float: left;
margin-bottom: 10px;
}
#add-new-folder input[type=text],
#add-new-file input[type=text] {
width: 100%;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.add-new {
margin-top: 10px;
background-color: #3cbc8d;
display: block;
} .dropzone {
padding: 10px;
border: 3px dashed #78c2d9;
background-color: #a0d4e4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.dropzone span {
display: block;
text-align: center;
margin: 20px 0;
font-weight: 700;
font-size: 16px;
} #cdm-addNewClient {
display: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 600px;
padding: 20px;
position: relative;
margin: 20px 0;
background-color: #e4e4e4;
border: 1px solid #cbcbcb;
}
#cdm-addNewClient h3 {
margin-top: 0;
text-align: left;
}
#cdm-addNewClient .data-row {
width: 100%;
margin-bottom: 10px;
}
#cdm-addNewClient .data-row label {
padding: 9px 0;
display: inline-block;
vertical-align: top;
zoom: 1; *display: inline; width: 150px;
}
#cdm-addNewClient .data-row.mb30 {
margin-bottom: 30px;
}
#cdm-addNewClient .data-row p.help {
margin-top: 3px;
margin-bottom: 3px;
font-style: italic;
font-size: 7px;
font-size: 0.7rem;
}
#cdm-addNewClient .data-row p.error {
width: auto;
padding: 5px 15px;
margin: 5px 0;
border: 1px solid #D32F2F;
background-color: #FFCDD2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#cdm-addNewClient .data-row p.change {
width: auto;
padding: 5px 15px;
margin: 5px 0;
border: 1px solid #388E3C;
background-color: #C8E6C9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#cdm-addNewClient input[type=text] {
width: 250px;
padding: 6px;
}
#cdm-addNewClient input[type=submit],
#cdm-addNewClient a#cdm-submitButton {
position: relative;
display: block;
margin: 20px auto 0;
color: #fff;
border: none;
padding: 10px 30px;
text-align: center;
background-color: #4caf50;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
width: 35%;
float: right;
}
#cdm-addNewClient input[type=submit]:hover,
#cdm-addNewClient a#cdm-submitButton:hover {
background-color: #47a44b;
}
#cdm-addNewClient a#cdm-cancelButton {
position: relative;
display: block;
margin: 0px auto 0;
color: #fff;
border: none;
padding: 10px 20px;
text-align: center;
background-color: #e15955;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
width: 15%;
float: left;
}
#cdm-addNewClient a#cdm-cancelButton:hover {
background-color: #df4c48;
}
.error-box {
display: none;
background-color: #ec9896;
border: 1px solid #e15955;
padding: 8px 25px;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.error-box p {
margin: 0;
}
.error-box p span {
font-weight: bold;
}
#collapse-menu {
display: none;
}
 .filemanager {
width: 95%;
max-width: 1340px;
position: relative;
margin: 100px auto 50px;
}
@media all and (max-width: 965px) {
.filemanager {
margin: 30px auto 0;
padding: 1px;
}
} .filemanager .breadcrumbs {
color: #ffffff;
margin-left: 20px;
font-size: 16px;
font-weight: 500;
line-height: 35px;
padding-bottom: 10px;
border-bottom: 1px solid #414950;
font-family: 'FrutigerLTW01-45Light', sans-serif;
font-weight: 100;
}
.filemanager .breadcrumbs a {
font-weight: 300;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 8px;
background-color: #131618;
text-align: center;
cursor: pointer;
}
.filemanager .breadcrumbs a span {
margin: 0;
}
.filemanager .breadcrumbs span {
margin-left: 5px;
}
.filemanager .breadcrumbs a:link,
.breadcrumbs a:visited {
color: #ffffff;
text-decoration: none;
}
.filemanager .breadcrumbs a:hover {
text-decoration: none;
background-color: #000000;
}
.filemanager .breadcrumbs .arrow {
color: #6a6a72;
font-size: 24px;
font-weight: 700;
line-height: 20px;
} .filemanager .search {
position: absolute;
padding-right: 30px;
cursor: pointer;
right: 0;
font-size: 17px;
color: #ffffff;
display: block;
width: 40px;
height: 40px;
}
.filemanager .search:before {
content: '';
position: absolute;
margin-top: 12px;
width: 10px;
height: 11px;
border-radius: 50%;
border: 2px solid #ffffff;
right: 8px;
}
.filemanager .search:after {
content: '';
width: 3px;
height: 10px;
background-color: #ffffff;
border-radius: 2px;
position: absolute;
top: 23px;
right: 6px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.filemanager .search input[type=search] {
border-radius: 2px;
color: #4D535E;
background-color: #FFF;
width: 250px;
height: 44px;
margin-left: -215px;
padding-left: 20px;
text-decoration-color: #4d535e;
font-size: 16px;
font-weight: 400;
line-height: 20px;
display: none;
outline: none;
border: none;
padding-right: 10px;
-webkit-appearance: none;
}
::-webkit-input-placeholder { color: #4d535e;
}
:-moz-placeholder { color: #4d535e;
opacity: 1;
}
::-moz-placeholder { color: #4d535e;
opacity: 1;
}
:-ms-input-placeholder { color: #4d535e;
} .filemanager .data {
margin-top: 0px;
z-index: -3;
}
.filemanager .data.animated {
-webkit-animation: showSlowlyElement 700ms; animation: showSlowlyElement 700ms; }
.filemanager .data li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.filemanager .data li .name {
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 20px;
white-space: nowrap;
display: inline-block;
position: absolute;
overflow: hidden;
text-overflow: ellipsis;
top: 10px;
}
.filemanager .data li .details {
color: #b6c1c9;
font-size: 13px;
font-weight: 400;
width: 55px;
height: 10px;
top: 25px;
white-space: nowrap;
position: absolute;
display: inline-block;
}
.filemanager .nothingfound {
background: none;
width: 23em;
height: 21em;
margin: 0 auto;
display: none;
font-family: Arial;
-webkit-animation: showSlowlyElement 700ms; animation: showSlowlyElement 700ms; }
.filemanager .nothingfound .nofiles {
margin: 30px auto;
top: 3em;
border-radius: 50%;
position: relative;
background-color: #d72f6e;
width: 11em;
height: 11em;
line-height: 11.4em;
}
.filemanager .nothingfound .nofiles:after {
content: '×';
position: absolute;
color: #ffffff;
font-size: 14em;
margin-right: 0.092em;
right: 0;
}
.filemanager .nothingfound span {
margin: 0 auto auto 6.8em;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 20px;
height: 13px;
position: relative;
top: 2em;
}
@media all and (max-width: 965px) {
.filemanager .data li {
margin: 5px 0;
}
} @-webkit-keyframes showSlowlyElement {
100% {
transform: scale(1);
opacity: 1;
}
0% {
transform: scale(1.2);
opacity: 0;
}
} @keyframes showSlowlyElement {
100% {
transform: scale(1);
opacity: 1;
}
0% {
transform: scale(1.2);
opacity: 0;
}
}
.filemanager .data li.folders,
.filemanager .data li.files {
position: relative;
list-style: none;
border: none;
background: none;
margin-top: 0;
margin-bottom: 5px;
line-height: 1.2;
}
.filemanager .data li.folders .panel,
.filemanager .data li.files .panel {
padding-left: 10px;
padding-right: 10px;
margin: 0;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
list-style-type: none;
display: inline-block;
overflow: hidden;
z-index: 1;
cursor: pointer;
box-sizing: border-box;
transition: 0.3s #93aba7;
}
.filemanager .data li.folders .panel a,
.filemanager .data li.files .panel a {
display: block;
position: relative;
width: 100%;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
list-style-type: none;
display: inline-block;
overflow: hidden;
z-index: 1;
cursor: pointer;
box-sizing: border-box;
transition: 0.3s #93aba7;
float: right;
color: #FFF;
text-align: center;
width: 140px;
padding: 10px;
margin-top: 12px;
}
.filemanager .data li.folders .panel a:hover,
.filemanager .data li.files .panel a:hover {
text-decoration: none;
}
.filemanager .data li.folders .panel a.rename-files,
.filemanager .data li.files .panel a.rename-files {
background-color: #d9534f;
margin-right: 10px;
}
.filemanager .data li.folders .panel a.rename-files:hover,
.filemanager .data li.files .panel a.rename-files:hover {
background-color: #d43f3a;
}
.filemanager .data li.folders .panel a.download-files,
.filemanager .data li.files .panel a.download-files {
background-color: #4082bc;
}
.filemanager .data li.folders .panel a.download-files:hover,
.filemanager .data li.files .panel a.download-files:hover {
background-color: #3a75a9;
}
.filemanager .data li.folders .panel a.open,
.filemanager .data li.files .panel a.open {
background-color: #4caf50;
}
.filemanager .data li.folders .panel a.open:hover,
.filemanager .data li.files .panel a.open:hover {
background-color: #449d48;
} .icon {
font-size: 20px;
}
.icon.folder {
display: inline-block;
margin: 0.8em;
background-color: transparent;
overflow: hidden;
}
.icon.folder:before {
content: '';
float: left;
background-color: #7ba1ad;
width: 1.5em;
height: 0.45em;
margin-left: 0.07em;
margin-bottom: -0.07em;
border-top-left-radius: 0.1em;
border-top-right-radius: 0.1em;
box-shadow: 1.25em 0.25em 0 0em #7ba1ad;
}
.icon.folder:after {
content: '';
float: left;
clear: left;
background-color: #a0d4e4;
width: 3em;
height: 2.25em;
border-radius: 0.1em;
}
.icon.folder.full:before {
height: 0.55em;
}
.icon.folder.full:after {
height: 2.15em;
box-shadow: 0 -0.12em 0 0 #ffffff;
}
.icon.file {
width: 2.5em;
height: 3em;
line-height: 3em;
text-align: center;
border-radius: 0.25em;
color: #FFF;
display: inline-block;
margin: 0.7em 1.2em 0.8em 1.3em;
position: relative;
overflow: hidden;
box-shadow: 1.74em -2.1em 0 0 #a4a7ac inset;
}
.icon.file:first-line {
font-size: 13px;
font-weight: 700;
}
.icon.file:after {
content: '';
position: absolute;
z-index: -1;
border-width: 0;
border-bottom: 2.6em solid #DADDE1;
border-right: 2.22em solid rgba(0, 0, 0, 0);
top: -34.5px;
right: -4px;
}
.icon.file.f-avi,
.icon.file.f-flv,
.icon.file.f-mkv,
.icon.file.f-mov,
.icon.file.f-mpeg,
.icon.file.f-mpg,
.icon.file.f-mp4,
.icon.file.f-m4v,
.icon.file.f-wmv {
box-shadow: 1.74em -2.1em 0 0 #7e70ee inset;
}
.icon.file.f-avi:after,
.icon.file.f-flv:after,
.icon.file.f-mkv:after,
.icon.file.f-mov:after,
.icon.file.f-mpeg:after,
.icon.file.f-mpg:after,
.icon.file.f-mp4:after,
.icon.file.f-m4v:after,
.icon.file.f-wmv:after {
border-bottom-color: #5649c1;
}
.icon.file.f-mp2,
.icon.file.f-mp3,
.icon.file.f-m3u,
.icon.file.f-wma,
.icon.file.f-xls,
.icon.file.f-xlsx {
box-shadow: 1.74em -2.1em 0 0 #5bab6e inset;
}
.icon.file.f-mp2:after,
.icon.file.f-mp3:after,
.icon.file.f-m3u:after,
.icon.file.f-wma:after,
.icon.file.f-xls:after,
.icon.file.f-xlsx:after {
border-bottom-color: #448353;
}
.icon.file.f-doc,
.icon.file.f-docx,
.icon.file.f-psd {
box-shadow: 1.74em -2.1em 0 0 #03689b inset;
}
.icon.file.f-doc:after,
.icon.file.f-docx:after,
.icon.file.f-psd:after {
border-bottom-color: #2980b9;
}
.icon.file.f-gif,
.icon.file.f-jpg,
.icon.file.f-jpeg,
.icon.file.f-pdf,
.icon.file.f-png {
box-shadow: 1.74em -2.1em 0 0 #e15955 inset;
}
.icon.file.f-gif:after,
.icon.file.f-jpg:after,
.icon.file.f-jpeg:after,
.icon.file.f-pdf:after,
.icon.file.f-png:after {
border-bottom-color: #c6393f;
}
.icon.file.f-deb,
.icon.file.f-dmg,
.icon.file.f-gz,
.icon.file.f-rar,
.icon.file.f-zip,
.icon.file.f-7z {
box-shadow: 1.74em -2.1em 0 0 #867c75 inset;
}
.icon.file.f-deb:after,
.icon.file.f-dmg:after,
.icon.file.f-gz:after,
.icon.file.f-rar:after,
.icon.file.f-zip:after,
.icon.file.f-7z:after {
border-bottom-color: #685f58;
}
.icon.file.f-html,
.icon.file.f-rtf,
.icon.file.f-xml,
.icon.file.f-xhtml {
box-shadow: 1.74em -2.1em 0 0 #a94bb7 inset;
}
.icon.file.f-html:after,
.icon.file.f-rtf:after,
.icon.file.f-xml:after,
.icon.file.f-xhtml:after {
border-bottom-color: #d65de8;
}
.icon.file.f-js {
box-shadow: 1.74em -2.1em 0 0 #d0c54d inset;
}
.icon.file.f-js:after {
border-bottom-color: #a69f4e;
}
.icon.file.f-css,
.icon.file.f-saas,
.icon.file.f-scss {
box-shadow: 1.74em -2.1em 0 0 #44afa6 inset;
}
.icon.file.f-css:after,
.icon.file.f-saas:after,
.icon.file.f-scss:after {
border-bottom-color: #30837c;
}
span.file-action {
position: absolute;
top: 12px;
right: 0;
width: 120px;
padding: 10px;
text-align: center;
display: block;
line-height: 1;
font-size: 14px;
background-color: #4CAF50;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
span.file-action.download {
background-color: #4082bc;
}
span.file-action.rename-file-btn {
right: 140px;
background-color: #d9534f;
z-index: 500;
}
span.file-action.rename-file-btn :hover {
background-color: #d43f3a;
}
.icon {
font-size: 13px;
}
#cdm-client-uploader #Edit-File-Manager .file-editor-holder {
margin-bottom: 10px;
}
#cdm-client-uploader #Edit-File-Manager .file-editor-holder h3 {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0px;
cursor: pointer;
padding: 15px;
background-color: #153d68;
border: 1px solid #0c243e;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
color: #fff;
}
#cdm-client-uploader #Edit-File-Manager .file-editor-holder h3:hover {
background-color: #19497d;
border: 1px solid #153d68;
}
#cdm-client-uploader #Edit-File-Manager .file-editor-holder h3.open {
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
#cdm-client-uploader #Edit-File-Manager .file-editor-holder .panel {
background-color: #809c97;
padding: 15px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
margin-bottom: 0;
padding-top: 10px;
display: none;
}
#cdm-client-uploader #Edit-File-Manager input#new-folder-name {
width: 100%;
padding: 7px 14px;
margin-bottom: 0px;
font-size: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}
#cdm-client-uploader #Edit-File-Manager a.add-new {
display: block;
width: auto;
margin-top: 10px;
text-align: center;
cursor: pointer;
padding: 10px;
font-size: 14px;
color: #FFF;
background-color: #4082bc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.filemanager .data li {
position: relative;
}
.filemanager .data li .cdm-link-holder {
position: relative;
height: auto;
width: 32%;
float: right;
margin-top: 3px;
}
.filemanager .data li .cdm-link-holder a {
position: relative;
top: auto;
width: auto;
height: auto;
display: block;
color: #fff;
margin-bottom: 5px;
text-decoration: none;
padding: 5px;
text-align: center;
cursor: pointer;
background-color: #4CAF50;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.filemanager .data li .cdm-link-holder a:hover {
background-color: #449d48;
text-decoration: none;
}
.filemanager .data li .cdm-link-holder a.files {
background-color: #4082bc;
}
.filemanager .data li .cdm-link-holder a.delete {
background-color: #EF5350;
color: #fff;
}
.filemanager .data li .cdm-link-holder a.delete:hover {
background-color: #ed3c39;
text-decoration: none;
}
.filemanager .data li .cdm-link-holder a.rename-files {
float: left;
width: 55%;
}
.filemanager .data li .cdm-link-holder a.download-files {
float: left;
width: 55%;
}
.filemanager .data li .cdm-link-holder a.delete-files {
top: 13px;
right: 0;
left: auto;
position: absolute;
width: 35%;
height: 22px;
line-height: 22px;
} body.editor #adminmenuback,
body.editor #adminmenuwrap {
display: none;
}
body.editor #wpcontent {
margin-left: 0;
}
a#open-remove-client {
background-color: #d9534f;
margin-left: 30px;
}
a#open-remove-client:hover {
background-color: #d43f3a;
}
a.delete-client {
background-color: #d9534f;
margin-left: 0px;
margin-right: 20px;
display: none;
}
a.delete-client:hover {
background-color: #d43f3a;
}
.filemanager.admin {
float: left;
}
.filemanager.admin .data li.files,
.filemanager.admin .data li.folders {
background: none;
width: auto;
margin-bottom: 15px;
clear: both;
padding: 5px 10px;
border: 1px solid #153d68;
background-color: #1e5692;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
line-height: 1.2;
position: relative;
}
.filemanager .data li .name {
width: auto;
top: 10px;
}
.filemanager .data li .details {
height: 20px;
top: 25px;
}
a.standard-btn.editClientDetails {
background-color: #81C784;
margin-left: 10px;
}
a.standard-btn.newPassword {
background-color: #FFB74D;
margin-left: 10px;
}
a.standard-btn.newPassword:hover {
background-color: #ffad33;
}
a.standard-btn.deleteUser {
background-color: #E53935;
margin-left: 10px;
}
a.standard-btn.deleteUser:hover {
background-color: #e2231e;
}
tr.newPassword {
display: table-row;
}
tr.newPassword td {
padding: 0 0 28px;
}
.new-password-container {
width: 90%;
padding: 15px;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
background-color: #ededed;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.new-password-container div,
.new-password-container a {
float: left;
width: 30%;
margin-right: 10px;
}
.new-password-container div {
margin-top: 4px;
}
.new-password-container a.standard-btn.save-new-password {
width: auto;
margin: 0;
background-color: #FFB74D;
display: inline-block;
}
.new-password-container a.standard-btn.save-new-password:hover {
background-color: #ffad33;
}
.cdm-link-info {
width: 65%;
float: left;
}
.cdm-link-info .icon {
font-size: 14px;
}
.filemanager .nothingfound h5 {
width: 100%;
text-align: center;
color: #FFF;
font-size: 15px;
font-size: 1.5rem;
font-weight: 100;
}
.filemanager .breadcrumbs {
font-family: 'FrutigerLTW01-45Light', sans-serif;
font-weight: 100;
width: 100%;
padding: 10px 0;
margin-left: 0;
margin-bottom: 20px;
border-top: 3px solid #1e5692;
border-bottom: 3px solid #1e5692;
}
.filemanager .breadcrumbs a {
background-color: #1e5692;
}
.filemanager .breadcrumbs a:hover {
background-color: #163f6c;
}
#cdm-client-uploader {
margin-bottom: 20px;
}
#edit-addFolder {
width: 48%;
float: left;
}
#edit-addFiles {
width: 48%;
float: right;
}
.filemanager.admin .data li.files,
.filemanager.admin .data li.folders {
margin-bottom: 5px;
}
.filemanager .data li .name {
top: 18px;
}
.filemanager .data li .details {
top: 40px;
} ::-webkit-input-placeholder {
color: #bbb;
font-weight: 100;
}
:-moz-placeholder {
color: #bbb;
font-weight: 100;
}
::-moz-placeholder {
*color: #bbb;
font-weight: 100;
}
:-ms-input-placeholder {
color: #bbb;
font-weight: 100;
}
a#btn-cdm-opennewuser-form {
position: relative;
display: inline-block;
vertical-align: top;
zoom: 1; *display: inline; padding: 10px 15px;
background-color: #0288d1;
color: #FFF;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
margin-top: 5px;
}
a#btn-cdm-opennewuser-form:hover {
background-color: #0278b8;
}
form.cdm_user-form {
width: 100%;
max-width: 650px;
padding: 20px 0;
}
form.cdm_user-form .data-row {
float: left;
width: 100%;
margin: 0 auto 15px;
}
form.cdm_user-form .data-row label {
width: 25%;
padding-right: 3%;
text-align: right;
float: left;
display: block;
line-height: 30px;
}
form.cdm_user-form .data-row input[type=text],
form.cdm_user-form .data-row input[type=password] {
float: left;
width: 60%;
max-width: 300px;
padding: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
form.cdm_user-form .data-row input[type=checkbox] {
margin-top: 5px;
}
form.cdm_user-form .data-row input[type=text].empty,
form.cdm_user-form .data-row input[type=password].empty,
form.cdm_user-form .data-row input[type=text].error,
form.cdm_user-form .data-row input[type=password].error {
background-color: #f6c6c6;
border: 1px solid #e86e6e;
color: #de2c2c;
}
form.cdm_user-form .data-row input[type=text].valid,
form.cdm_user-form .data-row input[type=password].valid {
background-color: #ebf6eb;
border: 1px solid #a5d6a7;
color: #4fad52;
}
form.cdm_user-form .data-row a {
display: block;
float: left;
display: inline-block;
vertical-align: top;
zoom: 1; *display: inline; padding: 5px 15px;
background-color: #0288d1;
color: #FFF;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
margin-top: 5px;
}
form.cdm_user-form .data-row a:hover {
background-color: #0278b8;
}
form.cdm_user-form .data-row-right-holder {
float: left;
margin-left: 28%;
}
form.cdm_user-form .data-row-right-holder a {
margin-right: 10px;
}
form.cdm_user-form .data-row-right-holder p {
width: 100%;
margin: 3px 0 0;
font-size: 8px;
font-size: 0.8rem;
font-weight: 100;
font-style: italic;
float: left;
text-align: left;
}
form.cdm_user-form .data-row-right-holder p.error {
padding: 5px 10px;
background-color: #EF9A9A;
border: 1px solid #e86e6e;
color: #de2c2c;
margin: 5px 0;
font-weight: 400;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form.cdm_user-form .data-row-right-holder p.change {
padding: 5px 10px;
background-color: #A5D6A7;
border: 1px solid #82c685;
color: #4fad53;
margin: 5px 0;
font-weight: 400;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form.cdm_user-form a#btn-cdm_addnewuser {
float: right;
padding: 10px 20px;
margin-top: 20px;
background-color: #388E3C;
}
form.cdm_user-form a#btn-cdm_addnewuser:hover {
background-color: #317c34;
}
form#cdm-newuser-form {
display: none;
}
form#cdm-addtogroup-form {
display: none;
}
table.client-list tr.user-group-row {
display: none;
border-bottom: 2px solid #d0d0d0;
}
table.client-list tr.user-group-row td {
padding: 0 5px;
}
table.client-list tr.user-group-row.open {
display: table-row;
}
table.client-list tr.row-odd {
background-color: #e0e0e0;
}
section.cdm-user-group {
width: auto;
padding: 0 20px;
}
section.cdm-user-group h3 {
margin: 0 auto 10px;
padding: 10px;
border-bottom: 1px solid #20b3f6;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
section.cdm-user-group .cdm-user-group-holder,
section.cdm-user-group .cdm-user-group-holder-all {
padding: 0px;
width: 45%;
float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #b3e5fc;
border: 1px solid #51c3f8;
-webkit-box-shadow: 0 1px 5px 0 #ccc;
box-shadow: 0 1px 5px 0 #ccc;
margin-bottom: 5px;
}
section.cdm-user-group .cdm-user-group-holder .cdm-user-group-item,
section.cdm-user-group .cdm-user-group-holder-all .cdm-user-group-item {
float: left;
padding: 10px 55px 10px 10px;
margin: 10px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color: #FFF;
background-color: #0288d1;
border: 1px solid #0278b8;
position: relative;
}
section.cdm-user-group .cdm-user-group-holder .cdm-user-group-item a,
section.cdm-user-group .cdm-user-group-holder-all .cdm-user-group-item a {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 15px;
font-size: 13px;
font-size: 1.3rem;
line-height: 38px;
text-align: center;
padding: 0 10px;
color: #FFF;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
section.cdm-user-group .cdm-user-group-holder .cdm-user-group-item a:hover,
section.cdm-user-group .cdm-user-group-holder-all .cdm-user-group-item a:hover {
background-color: #02679e;
}
section.cdm-user-group .cdm-user-group-holder .cdm-user-group-item.add,
section.cdm-user-group .cdm-user-group-holder-all .cdm-user-group-item.add {
background-color: #81c784;
border: 1px solid #6fbf73;
}
section.cdm-user-group .cdm-user-group-holder .cdm-user-group-item.add a,
section.cdm-user-group .cdm-user-group-holder-all .cdm-user-group-item.add a {
font-size: 17px;
font-size: 1.7rem;
}
section.cdm-user-group .cdm-user-group-holder .cdm-user-group-item.add a:hover,
section.cdm-user-group .cdm-user-group-holder-all .cdm-user-group-item.add a:hover {
background-color: #5eb762;
}
section.cdm-user-group .cdm-user-group-holder-all {
float: right;
background-color: #e8f5e9;
border: 1px solid #a1d6a5;
}
section.cdm-user-group .cdm-user-group-holder-all h3 {
border-bottom: 1px solid #7dc783;
}
section.cdm-user-group .cdm-user-group-holder-all p {
width: 80%;
text-align: center;
position: relative;
margin: 20px auto;
font-style: italic;
line-height: 1.5;
font-size: 10px;
font-size: 1rem;
}
#hidden-file-directory {
display: none;
}
.fl-html .filemanager .data li .name
{
color:  #000;
}
.fl-html .filemanager .breadcrumbs a:hover 
{
background-color: #fff;
}