Sindbad~EG File Manager
@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
* {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #fff;
/*color: #484848;*/
color: #000000;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
vertical-align: baseline;
font-size: 16px;
line-height: 1.5em;
padding-right:0px; overflow-x:hidden;
}
/*Global */
.full-height {
height: 100vh;
}
.full-width {
width: 100% !important;
max-width: 100% !important;
}
img {
vertical-align: middle;
max-width: 100%
}
.login{padding-right:0px; overflow-x:hidden;}
.margin10{margin-bottom:10px;}
.margin20{margin-bottom:20px;}
.margin30{margin-bottom:30px;}
.nomargin {margin: 0;}
.nomargintop{margin-top:0;}
/* Typography*/
em {
font-style: italic
}
b,
strong {
font-weight: 600
}
a {
color: #4a148c;
text-decoration: none;
}
a:hover {
color: #ff0066
}
.nolink {
color: #484848
}
.nolink:hover {
color: #484848
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-weight: 600;
color: #484848;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
outline: 0
}
h1,
.h1 {
font-size: 30px;
line-height: 1.6em;
margin-bottom: .2em;
letter-spacing: -0.029em;
color:#ff0066;
}
h2,
.h2 {
font-size: 25px;
line-height: 1.44em;
margin-bottom: 1.92em;
letter-spacing: -0.024em; color:#4a148c;
}
#eval_abs_name {
font-size: 25px;
/*line-height: 1.44em;*/
margin-bottom: 0.0em;
letter-spacing: -0.024em;
color: #4a148c;
}
h3,
.h3 {
font-size: 21px;
line-height: 1.14285714em;
margin-bottom: 1.14285714em;
letter-spacing: -0.025em;
font-style: italic
}
h3+label,
.h3+label {
margin-top: 18px
}
h4,
.h4 {
font-size: 17px;
line-height: 24px;
margin-bottom: 18px
}
h5,
.h5 {
font-size: 16px;
line-height: 24px;
margin-bottom: 18px
}
p,
.p {
max-width: 635px;
font-size: 15px;
line-height: 24px;
margin-bottom: 12px
}
p>a,
.button~a:not(.button),
.link-underline a:not(.button) {
line-height: normal;
border-bottom: 0px solid
}
.button~a:not(.button) {
font-size: 13px;
font-weight: 600
}
li>a {
display: block;
line-height: inherit;
height: inherit
}
ol {
padding: 0 0 0 24px
}
ul,
ol {
font-size: 15px;
line-height: 24px;
outline: 0
}
hr {
border: 0 none;
height: 1px;
background-color: #e0e0e0;
margin: 0
}
.textcontainer h4{color:#4a148c; margin:0px;}
/*Form Elements*/
label,
input,
select,
textarea {
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
font-size: 15px;
line-height: 18px;
font-weight: normal
}
label {
color: darkblue;
font-weight: 600;
display: block;
/*max-width: 635px;*/
padding-bottom: .8em;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
label.dark {
color: #484848
}
label * {
line-height: inherit
}
legend.required::after,
label.required::after {
content: "required";
float: right;
color: #959595;
font-size: .86666667em
}
textarea {
height: auto;
line-height: 1.6em;
-ms-overflow-style: scrollbar
}
input[type="file"] {
cursor: pointer
}
input[type="file"]::-webkit-file-upload-button {
cursor: pointer
}
select {
display: inline-block;
/*margin-bottom: 30px;*/
vertical-align: middle;
border-radius: 3px;
min-width: 50px;
/*max-width: 635px;*/
border: 2px solid #c9c9c9 !important;
min-height:42px;
}
select:focus{
display: inline-block;
/* margin-bottom: 30px;*/
vertical-align: middle;
border-radius: 3px;
min-width: 50px;
/*max-width: 635px;*/
border: 2px solid #52bad5 !important;
min-height:42px; outline:none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="email"] {
display: inline-block;
padding: 0 .4em 0 .4em;
margin-bottom: 2em;
vertical-align: middle;
border-radius: 3px;
min-width: 50px;
/*max-width: 635px;*/
width: 100%;
min-height: 32px;
background-color: #ffffff;
border: 2px solid #c9c9c9;
margin: 0 0 24px 0
}
textarea.invalid,
input[type="text"].invalid,
input[type="password"].invalid,
input[type="file"].invalid,
input[type="number"].invalid,
input[type="email"].invalid {
border: 2px solid #e85c41
}
textarea {
padding: 6px 0 0 6px
}
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
.radio,
.checkbox {
/*max-width: 635px;*/
margin-bottom: 24px;
padding-bottom: 0;
padding-left: 36px;
text-indent: -36px
}
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
width: auto
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 0 none
}
input:not([type="submit"])[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #e0e0e0
}
input:not([type="submit"])[disabled],
textarea[disabled] {
border: 2px solid #e0e0e0
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="file"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.faux-file:hover,
.selectize-input:hover{
border-color: #a6a6a6 !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.faux-file:focus,.selectize-input:focus{
border: 2px solid #52bad5 !important;
outline: none !important ; box-shadow:none !important;-webkit-box-shadow:none !important;
}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
display: inline-block;
padding: 0 .4em 0 .4em;
margin-bottom: 1.5em;
vertical-align: middle;
border-radius: 3px;
min-width: 50px;
/*max-width: 635px;*/
width: 100%;
min-height: 32px;
background-color: #ffffff;
border: 2px solid #c9c9c9;
margin: 0 0 12px 0;
}
select {
-webkit-appearance: none;
position: relative;
height: 52px ;
border: none;
font-size: 15px;
font-weight: 600;
letter-spacing: .01em;
border-collapse: separate;
padding: 0 18px 0 18px;
width: 100%;
/* max-width: 600px;*/
color: #484848;
background:url(../images/dropdown.svg) no-repeat center right -30px transparent !important;
background-size: 30px auto;
background-color: transparent;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}
.select-small {
height: 32px;
font-size: 13px;
}
.largeForm input[type="text"], .largeForm input[type="email"], .largeForm input[type="url"], .largeForm input[type="password"], .largeForm input[type="tel"], .largeForm input[type="number"] {
min-height: 52px;
font-size: 17px;
line-height: 20px;
padding: 0 15px;
}
/*.form-control {border:0px; -webkit-box-shadow:none;
box-shadow: none;color:#000;
}*/
/*edited by hari*/
.form-control {border:0px; -webkit-box-shadow:none;
box-shadow: none;color:#000;
font-size: 14px;
}
.button-wide {
font-size: 17px;
padding: 0 42px;
}
/*.button-large {
font-weight: 600;
font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
padding: 0 18px;
margin-right: 18px;
border: 0 none;
border-radius: 3px;
display: inline-block;
font-size: 17px;
height: 48px;
line-height: 49px;
}*/
/*edited by hari*/
.button-large {
font-weight: 600;
font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
padding: 0 20px;
margin-right: 18px;
margin-top: 2.5px;
border: 0 none;
border-radius: 3px;
display: inline-block;
font-size: 20px;
height: 48px;
line-height: 49px;
}
button, .button, .button-small {
color: #ffffff;
background-color: #9999cc;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
font-weight: 600;
font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
padding: 0 18px;
margin-right: 18px;
border: 0 none;
border-radius: 3px;
display: inline-block;
font-size: 13px;
height: 32px;
line-height: 32px;
}
button:focus, .button:focus, .button-small:focus {
outline: 1px dotted rgba(72,72,72,0.6);
outline-offset: -4px;
}
button:hover, .button:hover, .button-small:hover, button:focus, .button:focus, .button-small:focus {
cursor: pointer;
color: #484848;
background-color: #d3d3d3; text-decoration:none;
}
.primary{
color: #ffffff;
background-color: #52bad5;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}
.primary:hover, .primary:focus {
cursor: pointer;
color: #ffffff;
background-color: #3db2d0;
}
.search { margin-left: 10px;}
.badge {
background-color: #e0e0e0;
font-size: 12px;
font-weight: 600;
font-style: normal;
text-align: center;
white-space: nowrap;
border-radius: 5px;
color: #fff !important;
padding: 0 7px 1px;;
line-height: normal;
margin: 0 6px;
display: inline-block; text-transform:uppercase;
}
.badge.info {
background-color: #f9a825
}
.badge.success {
background-color: #388e3c
}
.badge.warning {
background-color: #ff3d00
}
.badge.error {
background-color: #f64e56
}
.badge.dark {
background-color: #4d4d4d
}
.badge.dot {
font-size: 6px;
margin-right: 18px
}
.panel-block {
background-color: #e0e0e0;
padding: .75em .75em .75em .75em;
border-radius: 6px
}
.panel-block>*:last-child {
margin-bottom: 0
}
.panel-block.error {
background-color: #f8d0c8
}
.panel-block.warning {
background-color: #ffeebf
}
div.success {
background-color: #d4ece6
}
div.error {
background-color: #f8d0c8
}
div.warning {
background-color: #ffeebf
}
div.info {
background-color: #ccebf3
}
div.base {
background-color: #f2f2f2
}
/*Checkbox & Radio Button Styling */
@keyframes a{0%{border-color:silver}to{border-color:#00bcd4}}.magic-checkbox,.magic-radio{position:absolute;display:none}.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}.magic-checkbox+label,.magic-radio+label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle}.magic-checkbox+label:hover:before,.magic-radio+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:a}.magic-checkbox+label:before,.magic-radio+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:2px solid silver}.magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:''}.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{cursor:not-allowed;color:#e4e4e4}.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:2px solid #e4e4e4;animation-name:none}.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{animation-name:none}.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}.magic-radio+label:before{border-radius:50%}.magic-radio+label:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#00bcd4}.magic-radio:checked+label:before{border:1px solid #00bcd4}.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}.magic-radio:checked[disabled]+label:after{background:#c9e2f9}.magic-checkbox+label:before{border-radius:3px}.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border:2px solid #fff;border-top:0;border-left:0}.magic-checkbox:checked+label:before{border:#00bcd4;background:#00bcd4}.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}
#datepicker{width:170px;}
/* Login Page Styles */
.loginwrap {
max-width: 480px;
padding: 6px;
}
.loginlogo {
margin-top: 40px;
}
.announcement {
background: #00bcd4;
}
.announcement h1, .announcement h2, .announcement h3, .announcement h4, .announcement p, .announcement ul li, .announcement .list li:before{color:#fff;}
.news { padding:10px; background:#efefef; margin-top:15px; border-radius:5px;}
.newscontainer{display: flex;
justify-content: center;
align-items: center;}
.vertical-center {
min-height:100vh;
display: flex;
align-items: center;
}
html, body {
height: 100%;
}
/* Menu */
nav {height:75px;}
.navbar-brand {
float: left;
height: 65px;
padding: 7px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand>img {
padding: 7px 14px;
}
.navbar-nav {
margin-top: 14px !important;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 19px; color:#333333; font-weight:600;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background:transparent; border-bottom:5px solid #ccc;}
.navbar-toggle {margin-top: 20px;
margin-right: 30px;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover {background:transparent; border:none;}
/* remove the original arrow */
select.input-lg {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
/* no standardized syntax available, no ie-friendly solution available */
}
select + i.fa {
float: right;
margin-top: -30px;
margin-right: 5px;
/* this is so when you click on the chevron, your click actually goes on the dropdown menu */
pointer-events: none;
/* everything after this is just to cover up the original arrow */
/* (for browsers that don't support the syntax used above) */
background-color: #fff;
padding-right: 5px;
}
/*Layouts */
/*.header {
overflow: visible;
margin-bottom: 20px;
position: relative;
z-index: 0;
}*/
.header {
overflow: visible;
margin-bottom: 20px;
position: relative;
z-index: 0;
background: purple;
color: #fff;
border-radius: 7px;
}
.textcontainer {margin-bottom:30px;}
.textcontainer .small{margin-bottom:0px;}
.contactdetails{
border: solid 1px #d0d0d0; border-radius:5px; margin-top:10px; max-width:250px;
}
.contactdetails p{font-size:14px; border-bottom:1px solid #d0d0d0; padding:5px; margin:0px;}
.contactdetails p:last-child{border-bottom:0px;}
.grid li:first-child {
border-top: 1px solid #e0e0e0;
}
.grid li {
border-bottom: 1px solid #e0e0e0;
padding: 17px 0; list-style-type:none; margin:0px;
}
.grid li h3 a, .grid li h3{margin:0px; font-style:normal; color:#ff0066; text-decoration:none;}
.grid li h3 a:hover{color:#4a148c !important;}
.grid li p{margin:5px 0px 0; font-style:normal; max-width: 600px;}
.spacer{width:100%; clear:both;}
.inline{display:inline-block !important; margin-right:20px;}
/*Steps*/
.step{background:#b0bec5; color:#fff; font-size:16px; text-align:center; padding:15px; display:inline-block; margin:10px 2px; border-radius:5px; font-weight:600;}
.activestep{background:#ff1744;}
.completedstep{background:#7cb342;}
.pagination>li>a, .pagination>li>span {color:#111; font-weight:600; border: 2px solid #ddd;}
.footer {
background: #efefef;
color: #111;
padding: 15px 0;
font-size: 12px;
}
.footer p {
margin: 0px; font-size:12px;
}
.footer a {
color: #111;
}
.link{text-align:right;}
.breadcrumb {background-color:#fff; padding:0;}
.tile{width:100%; padding:15px; height:220px; background:#efefef; margin-bottom:20px;}
.aquablue{background:#00b8d4 !important; color:#fff;}
.darkblue{background:#311b92 !important; color:#fff;}
.green{background:#339933 !important; color:#fff;}
.purple{background:#4a148c !important; color:#fff;}
.orange{background:#ff6f00 !important; color:#fff;}
.pink{background:#ff0066 !important; color:#fff;}
.darkred{background:darkred !important; color:#fff;}
.aquablue h2, .aquablue h3, .aquablue h4, .aquablue p, .aquablue a,
.darkblue h2, .darkblue h3, .darkblue h4, .darkblue p, .darkblue a,
.green h2, .green h3, .green h4, .green p, .green a,
.purple h2, .purple h3, .purple h4, .purple p, .purple a,
.orange h2, .orange h3, .orange h4, .orange p, .orange a,
.pink h2, .pink h3, .pink h4, .pink p, .pink a
.darkred h2, .darkred h3, .darkred h4, .darkred p, .darkred a
{color:#fff; font-style:normal; margin:3px; text-decoration:none;}
.tile button, .tile .button, .tile .button-small {
color: #ff0066 !important;
background-color: #ffffff; }
/* Tables */
table {
border: 1px solid #ccc;
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}
table tr {
border: 1px solid #ddd;
padding: 5px;
}
/*table th, table td {
padding: 10px;
text-align: center;
}*/
/*edited by hari*/
table th, table td {
padding: 3px;
text-align: center;
}
table th {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
background: #444;
color: #fff;
}
@media screen and (max-width: 600px) {
table {
border: 0;
}
table thead {
display: none;
}
table tr {
margin-bottom: 10px;
display: block;
border-bottom: 2px solid #ddd;
}
table td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
}
table td:last-child {
border-bottom: 0;
}
table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
.step{display:none;}
.footer{text-align:center;}
.link{text-align:center;}
.navbar-collapse {background:#f8f8f8; z-index:10; position:relative;}
.navbar-nav>li>a {color:#111; padding-left:30px;}
}
label span {
font-size: 14px;
font-weight: normal;
}
.red, .error {
color: red;
}
.blue {
color: blue;
}
.nopadding{padding:0;}
.message{padding: 10px; color:#000 !important; border-radius: 5px;}
.search .modal-dialog {width: 80%;}
.list li {
display: block; padding-left: 20px;
}
.list li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 11px;
float: left;
margin-top: 0px;
margin-left: -17px;
color: #484848;
}
.largeForm .selectize-input {
display: inline-block;
margin-bottom: 2em;
vertical-align: middle;
border-radius: 3px;
min-width: 50px;
/*max-width: 635px;*/
width: 100%;
font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
background-color: #ffffff;
border: 2px solid #c9c9c9;
margin: 0 0 24px 0;
min-height: 52px;
font-size: 17px;
line-height: 35px;
padding: 0 15px;
}
.selectize-control.multi .selectize-input > div {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 10px !important;
}
.selectize-dropdown, .selectize-input, .selectize-input input {font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif !important;}
.selectize-dropdown {top:50px !important;}
.largeForm .selectize-input input[type="text"] {border:0px !important;}
.largeForm select{height:52px; margin-bottom: 15px;}
.date{ margin-bottom: 15px;}
.checkbox-grid li {
display: block;
float: left;
width: 30%;
}
.sidebar{
background: #f5f7f8;
padding: 10px;
border-radius: 7px;
border: 1px solid #ccc;
}
@media only screen and (min-width: 940px) {
.checklist{height:60px;}
.checklist:nth-child(1+3n) {
clear:both;
}
}
.header h1, .header p{color:#fff !important;}
.button .btn-primary {color: #fff !important;
background-color: #337ab7 !important;
border-color: #2e6da4 !important;}
.button .btn-primary:hover {color: #fff !important;
background-color: #337ab7 !important;
border-color: #2e6da4 !important;}
/*Varshini 03 Apr 2017*/
/*.dropdown-menu > li.kopie > a {
padding-left:5px;
}
.dropdown-submenu {
position:relative;
}
.dropdown-submenu>.dropdown-menu {
top:0;left:100%;
margin-top:-6px;margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
}
.dropdown-menu>li>a {
padding: 3px 15px!important;
}
.dropdown-submenu > a:after {
border-color: transparent transparent transparent #333;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
display: block;
float: right;
height: 0;
margin-right: -10px;
margin-top: 5px;
width: 0;
}
.dropdown-submenu:hover>a:after {
border-left-color:#555;
}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
text-decoration: underline;
}
.dropdown-menu-right {margin-left:0;} */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px; display:none !important;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block !important;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.text-wrap
{
word-wrap: break-word;
}
.gridgreen a, .gridgreen {
margin: 0px;
font-style: normal;
color: #388e3c !important;
text-decoration: none;
}
.bocontainer
{
width:95% !important;
}
@media screen and (min-width: 1200px)
{
.bocontainer
{
width:95% !important;
}
}
.color1{background:#caddbc; padding-left:10px !important;}
.color2{background:#e6afc5; padding-left:10px !important;}
.color3{background:#a5e0e8; padding-left:10px !important;}
.color4{background:#cab0d9; padding-left:10px !important;}
.color5{background:#f0dab3; padding-left:10px !important;}
.color6{background:#bac2c6; padding-left:10px !important;}
.color7{background:#aed0ed; padding-left:10px !important;}
.color8{background:#eab8b8; padding-left:10px !important;}
.color9{background:#a5d4d1; padding-left:10px !important;}
.color10{background:#fffbf0; padding-left:10px !important;}
.color11{background:#F0FFFF padding-left:10px !important;}
.grid h5 a{color:#ff0066 !important; margin:0px;}
.vote {margin-left:3px; float:right; padding:6px;}
.unread {background:#fff5d9 !important; padding-left:10px !important;}
.btn-default {border:1px solid #ccc !important;}
.thread p, .reply p{max-width:100% !important; text-align:justify;}
.reply{background:#f1f3f4; padding:5px 10px; border-radius:5px; width:100%; }
.pending {background:#fff8e1 !important;}
.reject{background:#eab8b8; padding:5px 10px; border-radius:5px; width:100%; }
.sucess{background:#F0FFFF; padding:5px 10px; border-radius:5px; width:100%; }
.forumtitle{background:#bac2c6; padding:15px 10px; border-radius:5px; width:100%; }
#maindiv{
width:960px;
margin:10px auto;
padding:10px;
font-family:'Droid Sans',sans-serif
}
#formdiv{
width:500px;
float:left;
text-align:center
}
#file{
color:green;
padding:5px;
border:1px dashed #123456;
background-color:#f9ffe5
}
#replies .myImg
{
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
#replies .myImg:hover {opacity: 0.7;}
/* The Modal (background) */
#replies .modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
#replies .modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#replies #caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation - Zoom in the Modal */
#replies .modal-content, [id^="caption"] {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
#replies .close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
#replies .close:hover,
#replies .close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
#replies .modal-content {
width: 100%;
}
}
/* For appearance */
.sticky-wrap {
overflow-x: auto;
overflow-y: hidden;
position: relative;
margin: 0.5em 0;
width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: all .125s ease-in-out;
z-index: 50;
width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
z-index: 100;
width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
opacity: 1;
z-index: 150;
}
.sticky-wrap .sticky-intersect th {
background-color: #666;
color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
box-sizing: border-box;
}
/* Not needed for sticky header/column functionality */
/*td.user-name {
text-transform: capitalize;
}*/
.sticky-wrap.overflow-y {
overflow-y: auto;
max-height: 50vh;
}
/*
.container table td
{
font-size: 14px;
}*/
.selection_status
{
font-size: 24px;
}
.text-green
{
color:green;
}
.text-red
{
color:red;
}
.rounded
{
display: block;
margin-right: auto;
margin-left: auto;
}
.btn-subscribed {
color: #606060;
background-color: #e0e0e0;
border-color: #e0e0e0;
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists