@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammediumwebfont';
    src: url('../fonts/gothammediumwebfont.eot');
    src: url('../fonts/gothammediumwebfont.eot') format('embedded-opentype'),
         url('../fonts/gothammediumwebfont.woff2') format('woff2'),
         url('../fonts/gothammediumwebfont.woff') format('woff'),
         url('../fonts/gothammediumwebfont.ttf') format('truetype'),
         url('../fonts/gothammediumwebfont.svg#gothammediumwebfont') format('svg');
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/OpenSans-Regular.woff') format('woff'),
  url('../fonts/OpenSans-Regular.ttf')  format('truetype'),
  url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {
    display: block
}

a img {
    border: 0
}

figure {
    position: relative
}

figure img {
    width: 100%
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    position: relative;
    height: 100%;
}

body {
	font-family: "OpenSans-Regular";
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #4d4d4d;
    background-color: #f4f4f4;
    /*overflow: hidden;*/
    -webkit-font-smoothing: antialiased;
    /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
    -moz-osx-font-smoothing: grayscale;
    /* Fixes font bold issue in Firefox version 25+ on Mac */
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

/*.row {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}*/

.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clr:before,
.clr:after,
.container:before,
.container:after,
.row:before,
.row:after {
    display: table;
    content: " "
}

.clr:after,
.clr:after,
.row:after,
.clear {
    clear: both
}

img,
object,
embed {
    max-width: 100%;
}

img {
    height: auto;
    vertical-align: top;
}

input[type="reset"],
input[type="text"],
input[type="button"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select {
    /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    -webkit-appearance: none !important;
    font-weight: normal;
    font-size: 14px;
    color: #000;
    text-align: left;
    background: #ffffff;
    height: 37px;
    line-height: 37px;
    width: 100%;
    border-radius: 0;
    border: solid 1px #ededed;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0 15px;
}

input[type="submit"] {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    -webkit-appearance: none !important;
    cursor: pointer;
}
*,
img,
a {
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #3e98bb;
}

h1,h2,h3,h4,h5,h6,ul,li {
    font-weight: normal;
}

h1 {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 19px;
    line-height: 22px;
	color: #000000;
}

h2 {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 14px;
    line-height: 18px;
	color: #5b5b5b;
}

h3 {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
}

h4 {
	color: #000000;
    font-size: 12px;
    line-height: 16px;
}


p {
    /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 14px;
    line-height: 18px;
	color: #000000;
	margin: 0;
	text-shadow: 0 0 0 #000000;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}


/*---dashboard-sidebar css start---*/
.header.navbar,
.header-top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	display: inline-block;
	width: 100%;
	background: #FFF;
	padding-right: 28px;
	-webkit-box-shadow: 0px 1px 7px -3px #000;
	-moz-box-shadow: 0px 1px 7px -3px #000;
	-ms-box-shadow: 0px 1px 7px -3px #000;
	-o-box-shadow: 0px 1px 7px -3px #000;
	box-shadow: 0px 1px 7px -3px #000;
	
}
#wrapper {
	height: 100%;
}
.dashboard-sidebar {
	background: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 252px;
	height: 100%;
	z-index: 10;
	padding: 10px 15px 10px 9px;
}
.logo {
	background: #202a44;
	/*padding: 10px 37px 10px 28px;*/
	float: left;
	width: 252px;
	height: auto;
	text-align: center;
}
.logo a {
	display: inline-block;
	width: 100%;
	padding: 10px 37px 10px 28px;
}
.logo img {
	max-width: 135px;
}
.navbar-default .logo:hover {
	background: #202a44;
}
.dashboard-sidebar h2 {
	border-bottom: 1px solid #ededed;
	padding: 11px 0 9px 0;
	position: relative;
}
span.sort-ic {
    position: absolute;
    right: 0;
    top: 11px;
    cursor: pointer;
}
.sort-ic:before {
	content: "\f106";
}
.sort-ic:after {
	content: "\f107";
}
.sort-ic:before, .sort-ic:after {
	font-family: 'Font Awesome 5 Free';
    font-size: 13px;
    line-height: 9px;
    color: #5b5b5b;
    display: block;
}
.folder-list {
	list-style: none;
	padding: 11px 0 0 0;
	margin: 0;
}
.folder-list li, .list-unstyled li {
	position: relative;
	font-size: 14px;
	line-height: 18px;
	color: #1c1c1c;
	text-shadow: 0 0 0 #1c1c1c;
	padding-left: 24px;
	margin-top: 9px;
}
.list-unstyled li a {
	color: #1c1c1c;
	text-shadow: 0 0 0 #1c1c1c;
}
.folder-list li:first-child, .list-unstyled li:first-child {
	margin-top: 0;
}
.folder-list li:before, .folder-ic:before, .list-unstyled li:before, .folder-item:before {
	content: "";
	background: url("../images/openfolder.png") no-repeat center center;
	width: 17px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
}
.list-unstyled li i {
	display: none;
}
.folder-ic:before {
	left: 30px;
	top: 4px;
}
.cloud-drive {
	color: #161616;
    text-shadow: 0 0 0 #161616;
    font-size: 16px;
    line-height: 19px;
    float: left;
    padding-top: 16px;
    padding-left: 31px;
}
.cloud-drive i {
	font-size: 14px;
}
.cloud-drive i {
	margin-right: 4px;
}
.right-header-section {
	padding-top: 10px;
    float: right;
}
.logout-btn,
.switch-section,
.userclient-list {
	display: inline-block;
}
 
.userclient-list .form-group {
	margin-bottom: 6px;
}
.switch-section {
	background: #202a44;
	border-radius: 4px;
	color: #fff;
}
.right-header-section .switch-section a {
	color: #fff;
}
.switch-section a,
.logout-btn a {
	border-radius: 4px;
}
.btn-primary {
	border-radius: 4px !important;
}
.userclient-list #clientlist {
	display: inline-block;
	width: auto;
	height: 33px;
	font-size: 12px;
	line-height: 17px;
	color: #151515;
	text-shadow: 0 0 0 #151515;
	text-transform: uppercase;
	border: 1px solid #202a44;
	text-align: center;
	padding: 7px 19px 6px;
	transition: all ease 0.5s;
	text-decoration: none;
}
.userclient-list .btn-primary {
	margin-top: -3px; 
}
.logout-btn a, .switch-section a, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text,
.btn-primary, .form-group .btn-default {
	font-size: 12px;
  line-height: 17px;
  color: #151515;
	text-shadow: 0 0 0 #151515;
  text-transform: uppercase;
  border: 1px solid #202a44;
  text-align: center;
  padding: 7px 19px 6px;
  display: block;
	transition: all ease 0.5s;
	text-decoration: none;
	/*border-radius: 4px;*/
}
.logout-btn a:focus,
.logout-btn a:active,
.logout-btn a:hover,
.switch-section a:hover,
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-text:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
	background-color: #202a44;
	color: #fff;
	border-color: #202a44;
	outline: none;
}
.dashboard-sidebar ul li {
	list-style-type: none;
}
/*.dashboard-sidebar ul li::before {
	display: inline-block;
	width: 20px;
	height: 15px;
	background-image: url('../images/drop-arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	content: ''
}*/
.dashboard-sidebar ul li a {
	position: relative;
	padding-left: 15px;
	color: #4d4d4d;
	font-size: 14px;
}
.dashboard-sidebar ul li ul li ul li a::before {
	display: none !important;
	content: '';
}
.dashboard-sidebar ul li a:hover {
	text-decoration: none;
}
.dashboard-sidebar ul li i.fa {
	margin-right: 5px;
	color: #f2d882;
  font-size: 18px;
}
.dashboard-sidebar ul li i.fa-caret-down,
.dashboard-sidebar ul li i.fa-caret-right {
	position: relative;
	top: 0;
	font-size: 15px;
	color: #484848;
}
.dashboard-sidebar ul li i.fa {
	cursor: pointer;
}
/*---middle-section css start---*/

.middle-section {
	height: 100%;
	padding-top: 50px;
	padding-left: 252px;
	position: relative;
	padding-bottom: 50px;
}
.top-toolbar {
	background: #ffffff;
	text-align: right;
	padding: 9px 28px 8px;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}
.top-toolbar a {
	color: #000000;
	text-shadow: 0 0 0 #000000;
}
.grid-list-button a {
	padding-left: 8px;
	display: inline-block;
	vertical-align: middle;
}
.grid-list-button a:first-child {
	padding-left: 0;
}
.folder-upload-button a, .file-upload-button a, .new-folder-button a {
	position: relative;
	padding-left: 30px;	
	display: inline-block;
	vertical-align: middle;
}
.file-upload-button a {
	padding-left: 27px;
}
.new-folder-button a {
	padding-left: 26px;
}
.middle-section .navbar-collapse > li:first-child {
	position: relative;
	margin-right: 35px;
}
.middle-section .navbar-collapse > li:first-child::before {
	position: absolute;
	top: 6px;
	left: -6px;
	width: 23px;
	height: 23px;
	background: url("../images/icons-trash2.png") no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat;
	content: '';
}

.folder-upload-button a::before, .file-upload-button a::before,
.new-folder-button a::before {
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
	background: url("../images/folder-upload-ic.png") no-repeat center center;
	width: 23px;
	height: 23px;
}
.file-upload-button a:before {
	background: url("../images/file-upload-ic.png") no-repeat center center;
}
.new-folder-button a:before {
	background: url("../images/plus-ic.png") no-repeat center center;
}
.grid-list-button, .folder-upload-button, .file-upload-button, .new-folder-button {
	display: inline-block;
	vertical-align: middle;
}
.grid-list-button {
    padding-left: 31px;
	padding-top: 2px;
}
.folder-upload-button {
    padding-left: 45px;
}
.file-upload-button {
    padding-left: 41px;
}
.colud-table {
	border-collapse: collapse;
	width: 100%;
	border: none;
	table-layout: inherit;
	height: auto;
}
.colud-table tr th, .colud-table tr td {
	font-size: 13px;
	line-height: 16px;
	color: #4d4d4d;
	font-weight: normal;
	text-align: left;
	position: relative;
	padding: 6px 3px 3px 15px;
	text-shadow: 0 0 0 #4d4d4d;
}
.colud-table tr th:first-child, .colud-table tr td:first-child {
	padding-left: 29px;
	width: 550px;
}
.colud-table tr th {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
.colud-table tr th:first-child {
	border-left: none;
} 
.colud-table tr:nth-child(even) td {
	background: #ffffff;
}
.colud-table tr th:nth-child(2), .colud-table tr td:nth-child(2) {
	width: 91px;
}
.colud-table tr th:nth-child(2) input[type="Checkbox"], 
.colud-table tr td:nth-child(2) input[type="Checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 35px;
	width: 100%;
}
.colud-table tr th:nth-child(3), .colud-table tr td:nth-child(3) {
	width: 141px;
}
.colud-table .folder-ic {
	padding-left: 55px !important;
}
.colud-table .pdf-ic {
	padding-left: 55px !important;
}
.caret-up:after {
	content: "\f0d8";
	font-family: 'Font Awesome 5 Free';
	font-size: 14px;
	line-height: 18px;
	color: #7d7d7d;
	position: absolute;
	right: 15px;
	font-weight: bold;
	top: 4px;
}
.multicheck {
	background: #E7E7E7 !important; /**E7E7E7 **/
}
.pdf-ic:before {
	content: "";
	background: url("../images/pdf-ic.png") no-repeat center center;
	width: 16px;
	height: 19px;
	position: absolute;
	top: 3px;
    left: 30px;
}
footer.footer {
	position: fixed;
	top: auto;
	left: 0;
	bottom: 0;
	z-index: 999;
	display: inline-block;
	width: 100%;
	background: #202a44;
}
footer.footer p {
    padding: 16px 15px;
	color: #fff;
    text-align: center;
}
.footer-section {
   /* top: auto !important;
    bottom: 0;*/
	background: #202a44;
    padding: 15px 20px 16px 10px;
    width: 100%;
    z-index: 999;
}
.footer-section p {
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
}

/*---contex-popup css start---*/

.contex-popup {
	background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    width: 210px;
    position: absolute;
    top: 70px;
    left: 366px;
	display: none;
}
.contex-popup ul {
	list-style: none;
}
.contex-popup ul {
	border-top: 1px solid #ededed;
	padding: 16px 19px;
}
.contex-popup ul:first-child {
	border-top: none;
}
.contex-popup ul li:first-child {
	margin-top: 0;
}
.contex-popup ul li {
	margin-top: 12px;
}
.contex-popup ul li a {
	display: block;
	font-size: 13px;
	line-height: 16px;
	color: #4d4d4d;
	text-shadow: 0 0 0 #4d4d4d;
}
.contex-popup ul li a:hover {
	color: #0087d6;
}
.contex-popup ul li i {
	font-size: 16px;
	color: #4d4d4d;
	width: 20px;
	display: inline-block;
}
.contex-popup ul li img {
	vertical-align: middle;
}

.colud-table tr:nth-child(even):hover td, .colud-table tr:nth-child(odd):hover td {
    background: #e7e7e7;
}


.navbar-right {
	padding-top: 22px;
}
.navbar-right li {
	padding-left: 10px;
}
.navbar-right li:first-child {
	padding-left: 0;
}
.navbar-default {
  background-color: #f4f4f4;
  border-color: #ededed;
	margin-bottom: 0;
}
div#app, .login-section, .login-section .row {
	height: 100%;
}
.login-section .form-group-inline {
	margin-bottom: 0;
}
.login-section .panel {
	position: relative;
	box-shadow: none;
	-webkit-box-shadow: none;
	max-width: 470px;
	width: 100%;
	margin: 0 auto;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 0;
  /*box-shadow: 0px 3px 20px -7px #202a44;*/
}
.login-section .panel::after,
.login-section .panel::before {
	z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.login-section .panel::after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
 .login-section .panel .panel-body {
	padding: 10px 15px 15px;
} 
.panel-default>.panel-heading {
	color: #fff;
    text-shadow: 0 0 0 #161616;
    font-size: 20px;
    line-height: 23px;
    border-color: #ededed;    
    padding: 15px;
    background: #0087d6;
}
.btn-primary {
	background: transparent;
    border-radius: 0;
	display: inline-block;
}
.form-horizontal .control-label {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-weight: normal;
	color: #4d4d4d;
	text-shadow: 0 0 0 #4d4d4d;
}
a.btn.btn-link {
	color: #0087d6;
	font-size: 13px;
}
input[type=checkbox], input[type=radio] {
	margin-top: 3px;
}
.panel-body {
    padding: 30px 15px 15px;
}
#main {
  height: 100%;
  padding-bottom: 50px;
  border-left: none;
  overflow: hidden;
} 
.list-unstyled {
	padding-top: 11px;
}
.middle-section .navbar-right {
	margin: 0;
	padding: 0;
}
.middle-section .navbar-default {
	border: none;
	background: #fff;
	padding: 18px 28px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
	min-height: 0;
	line-height: 0;
}
.middle-section .navbar-default .navbar-nav>li>a {
	color: #000000;
    text-shadow: 0 0 0 #000000;
	position: relative;
	padding: 0;
	border: none;
	text-transform: none;
	font-size: 14px;
    line-height: 18px;
}
.middle-section .navbar-default .navbar-nav>li>a:hover {
	background: transparent;
}
.middle-section .navbar-collapse {
	padding: 0;
	float: right;
}
.middle-section .navbar-collapse li {
	display: inline-block;
	vertical-align: middle;
}
.middle-section .navbar-collapse li:first-child input {
	border: none;
	padding-right: 0;
	padding-left: 22px;
}

.middle-section .navbar-right .mfb-component__button--child {
	width: auto;
	height: auto;
	background: transparent;
	box-shadow: none;
}
.middle-section .table-list-view {
	margin: 0;
}
.middle-section .navbar-default .navbar-nav li.folder-upload-button a {
	padding-left: 30px;
}
.middle-section .navbar-default .navbar-nav li.file-upload-button a {
	padding-left: 27px;
}
.middle-section .navbar-default .navbar-nav li.new-folder-button a {
	padding-left: 26px;
}

.navbar-right li.folder-upload-button {
	padding-left: 49px;
    padding-right: 25px;
}
.navbar-right li.file-upload-button {
    padding-left: 46px;
}
.table>thead>tr>th {
	border-bottom: none;
}
.table>thead:first-child>tr:first-child>th {
	background-color: #E6E9ED;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.table>tbody>tr>td {
	border: none;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding: 8px 3px 8px 15px;
}
.table .folder-item.clickable {
	position: relative;
	padding-left: 25px;
	color: #4d4d4d;
}
.table a {
	color: #4d4d4d;
	font-size: 14px;
	/*vertical-align: middle;*/
}
.table .fa-folder-o {
	display: none;
}
.table-list-view .actions {
	text-align: left;
}
.table .fa {
	width: 17px;
	text-align: center;
	vertical-align: middle;
}
.navbar-header .navbar-brand {
	 color: #000000;
    text-shadow: 0 0 0 #000000;
    float: left;
    height: auto;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
}
/*.middle-section .row {
	margin: 0;
}*/
.square.folder-item:before, .grid-caption .folder-item:before {
	display: none;
}
.btn-default {
	border-color: #ededed;
	color: #4d4d4d;
	font-size: 13px;
}
div#content {
    height: 100%;
    overflow: auto;
    /*padding: 0 15px;*/
}
.square {
	border: 1px solid #ddd;
	border-bottom: none;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
}
.square:hover {
	background-color: rgba(0, 0, 0, .1);
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	vertical-align: middle;
}
.img-row .caption  {
	background: #fff;
	margin-top: 0;
	border: none;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 3px -2px #000;
}
.img-row .caption button.btn {
	border: none;
}
.img-row .caption .dropdown-toggle {
    position: absolute;
    top: auto;
    left: auto;
    right: 7px;
    bottom: 6px;
    z-index: 9;
    border: 1px solid #ddd !important;
    padding: 1px 10px;
    width: auto;
    border-radius: 10px;
    line-height: 0;
}
.navbar-header .navbar-brand.logo {
	padding: 18px 37px 18px 28px;
}
.grid-caption .btn {
	padding: 5px 10px;
	text-align: left;
}
.modal.in .modal-dialog {
	top: 50%;
	margin-top: -280px;
}
.modal.in .modal-dialog .modal-footer {
	padding: 15px;
}
.modal-title {
	font-size: 16px;
	line-height: 20px;
}
.modal-footer .btn-default {
	border-radius: 0;
	border: 1px solid #202a44;
	font-size: 12px;
  line-height: 17px;
  color: #202a44;
  text-shadow: 0 0 0 #202a44;
  border-radius: 4px;
}
.modal-footer .btn-default:hover {
	background: #202a44;
  color: #ffffff;
  /*margin-left: -7%;*/
  width: auto;
}
.modal-footer .btn-default {
	background: #202a44;
	color: #fff;
}
.modal-header, .modal-footer, .dropzone {
	border-color: #ededed;
}
#content .modal-body {
	padding: 15px 20px 25px;
}
.model-detail {
	padding: 24px 0 0;
}
button.close {
	opacity: .6;
}
.folder-item:before {
	top: 1px;
}
div#content p {
    padding: 15px 29px;
}
.list-image .active img, .grid-image .active img {
	display: none;
}
.list-image .active, .middle-section .navbar-default .navbar-nav>li.list-image>a:hover {
	background: url(../images/list-ic-active.png) no-repeat center center;
	width: 17px;
	height: 15px;
}
.grid-image .active, .middle-section .navbar-default .navbar-nav>li.grid-image>a:hover {
	background: url(../images/grid-ic-active.png) no-repeat center center;
	width: 15px;
	height: 15px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover {
  color: #000;
  background-color: #fff;
  border-color: #ededed;
	outline: none;
}
.login-header .navbar-brand.logo {
	padding: 0;
	background: #fff;
}
.login-header .navbar-brand.logo img {
	max-width: 220px;
}
.login-bg, .login-bg .navbar-default {
	background: #ffffff;
}
.login-bg .navbar-default {
	padding: 12px 15px;
}
.login-bg .form-group-inline .form-group {
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
}
.login-bg .form-group-inline .form-group label {
	font-size: 14px;
	margin-bottom: 10px;
}
.login-bg .navbar-right {
    padding-top: 8px;
} 
.login-header {
	padding: 30px 15px;
}

.login-bg .form-group input[type="email"],
.login-bg .form-group input[type="password"] {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	border: solid 2px #EEE;
	height: 40px;
	line-height: 50px;
	border-radius: 4px;
}
.login-bg .form-group input[type="email"]:active,
.login-bg .form-group input[type="password"]:active,
.login-bg .form-group input[type="email"]:focus,
.login-bg .form-group input[type="password"]:focus {
	box-shadow: none;
}
.form-group-inline, .form-group-inline .btn-primary {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
}
.form-group-inline .checkbox {	
	text-align: left;
    min-height: 0;
    padding: 0;
    margin: 0;
}
.login-bg .panel-default>.panel-heading {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	display: inline-block;
	width: 100%;
	padding: 5px;
  font-size: 30px;
  line-height: 50px;
  padding: 5px;
  text-align: center;
  color: #202a44;
  background: none;
  border: none;
}
.login-bg .panel-default .login-logo a.logo {
	display: inline-flex;
	width: 100%;
	background: transparent;
	text-align: center;
	border-bottom: 2px solid #ddd;
}
.login-bg .panel-default .login-logo a.logo img {
	max-width: 270px;
	margin: 0 auto;
	width: 100%;
}
.forgot-btn-link {
	text-align: right;
}
.forgot-btn-link .btn-primary {
	border: solid 2px #202a44;
	padding: 12px 30px 11px;
	background-color: #202a44;
	color: #fff;
}
.forgot-btn-link .btn-primary:hover{
	background-color: #fff !important;
	color: #202a44;
}
.forgot-btn-link a {
	padding-left: 0;
}
span.file-settings-icon.active {
    position: absolute;
    bottom: 0;
    background: #ededed;
    padding: 5px;
    right: 0;
    border-radius: 5px;
}
/*.login-bg:before {
	content: "";
  position: absolute;
  width: 7px;
  float: left;
  height: 185px;
  z-index: 99;
  max-width: 100%;
  background-color: #202a44;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  transform: skew(0deg, -45deg);
  transform-origin: bottom left;
	z-index: 99999;
}*/
.img-row .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	padding-right: 20px;
	font-size: 14px;
}
.img-row .btn-group>.btn:active,
.img-row .btn-group>.btn:focus {
	outline: none;
	box-shadow: none;
}
.btn-group.open .dropdown-toggle {
	box-shadow: none;
	background: #fff;
	border-color: #ededed;
}
.grid-caption .dropdown-menu {
	border-color: #e2e2e2;
	border-radius: 5px;
	box-shadow: none;
}
.grid-caption .dropdown-menu>li>a {
	position: relative;
	font-size: 14px;
	color: #4d4d4d;
	text-shadow: 0 0 0 #4d4d4d;
  padding: 6px 10px 6px 38px;
	vertical-align: middle;
  line-height: 1.42857143;
}
.grid-caption ul.dropdown-menu > li > a.folder-item-drop::before,
ul.dropdown-menu > li > a::before {
	position: absolute;
	top: 7px;
  left: 12px;
	display: inline-block;
	height: 17px;
	width: 17px;
	margin-right: 5px;
	background-image: url('../images/icon-heart.png');
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
	content: '';
}
ul.dropdown-menu > li > a.favourite-item {
	position: relative;
}
ul.dropdown-menu > li > a.favourite-item input.favorite-cls {
	position: absolute;
	top: 8px;
	left: 12px;
}
/*ul.dropdown-menu > li > a.favourite-item::before {
	background-image: none;
}*/
.grid-caption ul.dropdown-menu > li > a.folder-item-drop::before,
ul.dropdown-menu > li > a.folder-item-drop::before {
	background-image: url('../images/icon-folder.png');
}
ul.dropdown-menu > li > a.info-item::before {
	background-image: url('../images/icon-info.png');
}
ul.dropdown-menu > li > a.getlink-item::before {
	background-image: url('../images/icon-link.png');
}
ul.dropdown-menu > li > a.download-item::before {
	background-image: url('../images/icon-downloading.png');
}
ul.dropdown-menu > li > a.copy-item::before {
	background-image: url('../images/icon-copy.png');
}
ul.dropdown-menu > li > a.rename-item::before {
	background-image: url('../images/icon-pencil.png');
}
ul.dropdown-menu > li > a.delete-item::before {
	background-image: url('../images/icon-trash.png');
}
ul.dropdown-menu > li > a.preview-item::before {
	background-image: url('../images/icon-search.png');
}
ul.dropdown-menu > li > a.info-item::before {
	background-image: url('../images/icon-info.png');
}
ul.dropdown-menu > li > a.share-item::before {
	background-image: url('../images/icon-share.png');
}
/*.dropdown-favorite::before {
	display: inline-block;
	height: 17px;
	width: 17px;
	background-image: url('../images/icon-heart.png');
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
	content: '';
}*/
.sorting_1 .list-status-icon::before {
	display: inline-block;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background-color: #999;
	content: '';
}
.favorite_heart {
	display: inline-block;
	height: 10px;
	width: 10px;
	background-image: url('../images/icon-heart.png');
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.favorite_heart::before {
	background-color: transparent !important;
}

.login-bg {
	overflow: hidden;
	/* background-color: #EEE; */
	background-color: #202a44;
}
.form-group-inline {
	text-align: center;
	margin-bottom: 22px;
}
.form-group-inline .form-group {
	    display: inline-block;
    vertical-align: middle;
    width: 49%;
    padding: 0 7px;
    margin: 0;
}



.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: white;
	border: 2px solid #0087d6;
}
.styled-checkbox:hover + label:before {
  background: #0087d6;
}
.styled-checkbox:focus + label:before {
  box-shadow: none;
}
.styled-checkbox:checked + label:before {
  background: #0087d6;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
      content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.login-bg .form-group.has-error input[type="email"], .login-bg .form-group.has-error input[type="password"] {
	border-color: #f00;
}
.help-block {
	display: none;
}
.empty-white {
	text-align: center;
}
.empty-white img {
	opacity: .6;
}
div#content .empty-white  p {
	padding: 0;
	margin-top: 0;
}

/*for copy clipboard*/
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.navbar-right li.grid-image {
	padding-left: 12px;
}
.grid-wrapper {
	padding: 12px 15px 0;
}
#to-previous span {
	font-size: 14px;
    padding-left: 3px;
    line-height: 15px;
}
.grid-wrapper .square > img {
	left: 0;
	right: 0;
}

/** Fav design **/
.dropdown-menu input.favorite-cls {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
input.favorite-cls {
  display: inline-block;
  height: 15px;
  width: 20px;
  background-size: cover;
  background-position: center left 0px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  border: none;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=checkbox]:checked.favorite-cls {
	background-position: center right 0px;
	outline: none;
	background-image: url(../images/new-heart-ic.png);\
	background-repeat: no-repeat;
}
label.cls-success {
    color: darkgreen;
}
label#copy_msg {
    color: darkgreen;
}
.img-row {
	position: relative;
}
.img-row:nth-child(n+18) .grid-caption .dropdown-menu {
	top: -228px;
	left: 0;
}

.img-row .filemanager-fav-icon {
	display: inline-block;
  position: absolute;
  top: 0;
  left: auto;
  right: 17px;
  padding: 5px;
  /*background-color: rgba(244, 244, 244,.6);*/
}
.filemanager-fav-icon input[type=checkbox]:checked.favorite-cls {
  background-position: center right 1px;
}
input.already_checked[type=checkbox] {
	background-image: url(../images/new-heart-ic.png);
	opacity: .6;
}
.colud-table tr td:first-child input.already_checked.favorite-cls:before {
	display: none;
}
.grid-favorite-item::before {
  display: inline-block;
  height: 17px;
  width: 17px;
  margin: 3px 0;
  background-image: url(../images/icon-heart.png);
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  background-color: rgba(244, 244, 244,.6);
  content: '';
}	

.img-row .filemanager-fav-icon input.favorite-cls {
	opacity: .6;
	margin: 0;
  background-position: center left;
}
input[type=checkbox]:checked.favorite-cls {
	background-position: center left 3px;
	-webkit-transition: all .4s ease-in-out;
	  -moz-transition: all .4s ease-in-out;
	  -ms-transition: all .4s ease-in-out;
	  -o-transition: all .4s ease-in-out;
	  transition: all .4s ease-in-out;
}
.square img {
	height: 100%;
	width: 100%;
	padding: 2px;
}

/** Design Changes **/
.dropzone .dz-preview .dz-image {
	width: 95px;
	height: 95px;
}
.dropzone .dz-preview .dz-remove {
	padding-top: 5px;
}
.actions .dropdown-menu {
	top: 24px;
	left: -108px;
	padding: 5px;
}
.table-striped>tbody>tr:nth-child(n+5) td.actions .dropdown-menu {
	position: fixed;
	left: auto;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.actions .dropdown-menu>li>a  {
    position: relative;
    padding: 6px 10px 6px 38px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;  
}
.actions .dropdown-menu>li>a:hover {
  background-color: rgba(170, 170, 170,.3);
}
/*.actions .dropdown-menu>li>a:hover input.favorite-cls {
    background-image: url(../images/heart-checkbox-white.png);
}*/
.actions .dropdown-menu>li>a i.fa {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}
.actions .dropdown-menu>li>a:hover i.fa {
	color: #fff;
}
.actions .btn-default {
	display: inline-block;
	padding: 0px 8px;
	border: 1px solid #ddd;
  border-radius: 15px;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.table-list-view .btn-default:hover {
	background: #fff;
}
.blur-bg {
	filter: blur(0.25em);
}
#tree {
	margin: 8px 0;
}
#tree .folder-item::before {
	top: 3px;
	display: inline-flex;
	width: 10px;
	height: 10px;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center left 2px;
	content: '';
}
#tree .arrow-position::before {
	background-position: center left -9px;
	content: '';
}
.ultoggale {
	display: none;
}
.toggle-min {
	display: block;
}
.colud-table tr th:first-child,
.colud-table tr td:first-child {
	padding-left: 10px;
  width: 10px !important;
  text-align: center;
}
.colud-table tr th:first-child input.favorite-cls:focus,
.colud-table tr td:first-child input.favorite-cls:focus {
	outline: none;
}
.colud-table tr th:first-child input.favorite-cls, 
.colud-table tr td:first-child input.favorite-cls {
  height: 10px;
  width: 11px;
  background-position: center right 0px;
  opacity: .6;
}
.colud-table tr td:first-child input.favorite-cls:before {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin: 0 2px;
  border-radius: 50%;
  background-color: #999;
  content: '';
  vertical-align: text-bottom;
  position: absolute;
  text-align: center;
}
.colud-table tr td:first-child input[type=checkbox]:checked.favorite-cls::before {
	content: '';
	display: none;
}
/*.colud-table tr th:first-child input[type=checkbox]:checked.favorite-cls, 
.colud-table tr td:first-child input[type=checkbox]:checked.favorite-cls {
  background-position: center right 11px;
}*/
.table>thead:first-child>tr:first-child>th:first-child,
.table>thead:first-child>tr:first-child>th:last-child {
	background-image: none;
}
.table>thead:first-child>tr:first-child>th:first-child img {
	vertical-align: middle;
	max-width: 10px;
}
/*div#content .modal-footer,
div#content .modal-header {
	border: none;
}*/

/** List folder icon **/
.dataTables_wrapper i.fa-video::before,
.dataTables_wrapper i.fa-file-word-o::before,
.dataTables_wrapper i.fa-file-movie-o::before,
.dataTables_wrapper i.fa-file-excel-o::before,
.dataTables_wrapper i.fa-file-powerpoint-o::before,
.dataTables_wrapper i.fa-file::before,
.dataTables_wrapper i.fa-image::before {
	display: none;
}
.dataTables_wrapper i.fa-video::after,
.dataTables_wrapper i.fa-file-word-o::after,
.dataTables_wrapper i.fa-file-movie-o::after,
.dataTables_wrapper i.fa-file-excel-o::after,
.dataTables_wrapper i.fa-file-powerpoint-o::after,
.dataTables_wrapper i.fa-file::after,
.dataTables_wrapper i.fa-image::after {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url(../images/icon-picture.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
}
.dataTables_wrapper i.fa-file-powerpoint-o::after {
	background-image: url(../images/icon-ppt.png);
}
.dataTables_wrapper i.fa-file-excel-o::after {
	background-image: url(../images/icon-microsoft-excel.png);
}
.dataTables_wrapper i.fa-file-movie-o::after {
	background-image: url(../images/icon-video.png);
}
.dataTables_wrapper i.fa-file-word-o::after {
	background-image: url(../images/icon-word.png);
}
.dataTables_wrapper i.fa-file::after {
	background-image: url(../images/icon-music.png);
}
.dataTables_wrapper i.fa-video::after {
	background-image: url(../images/icon-video.png);
}
.login-section .form-group-inline:last-child .form-group {
	width: 100%;
	text-align: center;
}
.login-section .forgot-btn-link {
	text-align: center;
	margin-bottom: 0;
}

/** End **/

/** Icon color **/
.table-list-view i.fa-file,
.table-list-view i.fa-video,
.table-list-view i.fa-music,
.table-list-view i.fa-image,
.table-list-view i.fa-file-pdf-o,
.table-list-view i.fa-file-movie-o,
.table-list-view i.fa.fa-file-excel-o,
.table-list-view i.fa.fa-file-word-o,
.table-list-view i.fa.fa-file-powerpoint-o {
	font-size: 16px;
	vertical-align: top;
	margin-right: 5px;
}
i.fa-folder-open {
	color: #202a44 !important;
}
i.fa-music {
	color: #E91E63;
}
i.fa-image {
	color: #a181ff;
}
i.fa-file-pdf-o {
	color: #E40B0B;
}
i.fa-file-movie-o {
	color: #B6DCFE;
}
i.fa.fa-file-excel-o {
  color: green;
}
i.fa.fa-file-word-o {
  color: #45B4FC;
}
i.fa.fa-file-powerpoint-o {
  color: orange;
}
/** End **/
.dropdown-menu i.fa {
	color: #333;
}
.action-modal {
	display: inline-block;
	width: 100%;
}
.custom-label {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px; 
}
.custom-label label {
	display: inline-block;
	float: left;
}
.custom-label p {
  float: left;
	display: inline-block;
  max-width: 210px;
  width: 70%;
  padding: 0 0 0 10px !important;
  color: #999;
  font-size: 13px;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.action-modal button.close {
	position: relative;
	z-index: 9;
	margin: 5px 10px 0;
	cursor: pointer;
}
.action-modal img {
	height: 150px;
	width: auto;
}
.action-modal .modal-footer {
	border: none;
}


/** datatable **/
div#myTable_length {
    display: none !important;
}
div#myTable_filter {
    display: none !important;
}
div#myTable_paginate {
    display: none !important;
}
div#myTable_info {
    display: none !important;
}
table#myTable {
	margin-bottom: 30px;
    border-bottom: none !important;
}
.dataTables_wrapper {
	height: 100%;
	overflow: auto;
}
/** End **/
/*copy folder higlighted in poup*/
a.clickable.which_copy.active_copy {
    color: red;
}
.navbar-default .navbar-toggle {
	border-color: #202a44;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #202a44;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #202a44;
}
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #FFF;
}
.user-name-cls {
    display: inline-block;
    width: auto;
    height: 33px;
    font-size: 12px;
    line-height: 17px;
    color: #151515;
    text-shadow: 0 0 0 #151515;
    text-transform: uppercase;
    border: 1px solid #202a44;
    text-align: center;
    padding: 7px 19px 6px;
    transition: all ease 0.5s;
    text-decoration: none;
}
.bootbox.modal.fade.bootbox-alert.in {
    color: red;
    font-family: sans-serif;
    font-size: larger;
}
/*.colud-table tr:nth-child(even) td { 
  	background-color: #eee; 
}*/ 
/*---responsive css start---*/

/*@media handheld, only screen and (min-width: 1500px) {
	div#content {
		height: 496px;
	}
}
*/
.alert-error {
    color: red;
}
.share-btn {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 13px 9px;
    margin-top: 12px;
}
.share-btn button.removeShare_user {
    float: right;
    border: none;
    background: none;
    font-size: 19px;
}
.cancle-unshare, .confirm-userUnshare  {
	display: inline-block !important;
	vertical-align: middle;
	margin-right: 10px;
}

@media handheld, only screen and (max-width: 1200px) {
	.colud-table tr th:first-child, .colud-table tr td:first-child {
		width: auto;
	}
}
@media handheld, only screen and (max-width: 991px) {
	.grid-list-button {
		padding-left: 15px;
	}
	.folder-upload-button {
		padding-left: 17px;
	}
	.file-upload-button {
		padding-left: 7px;
	}
	.navbar-right li.file-upload-button {
		padding-left: 17px;
	}
	.navbar-right li.folder-upload-button {
		padding-left: 25px;
		padding-right: 18px;
	}
}
@media handheld, only screen and (max-width: 767px) {
	.dashboard-sidebar {
		position: static;
		width: 100%;
		padding-top: 0 !important;
		margin-bottom: 10px;
		display: none;
	}
	.middle-section {
		padding-left: 0;
	}
	.grid-list-button, .folder-upload-button, .file-upload-button, .new-folder-button {
		margin: 5px 0;	
	}
	.top-toolbar {
		padding-right: 10px;
	}
	.form-horizontal .control-label {
		margin-bottom: 8px;
	}
	.login-section .table {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-right li.file-upload-button, .navbar-right li {
		padding-left: 0;
	}
	.navbar-right li.folder-upload-button {
		padding-left: 0;
		padding-right: 0;
	}
	.middle-section .navbar-default .navbar-nav>li>a {
		text-align: left;
	}
	ul.nav.navbar-nav.navbar-right.grid-list-button li {
		display: inline-block;
		vertical-align: middle;
		padding-left: 12px;
	}
	ul.nav.navbar-nav.navbar-right.grid-list-button {
		padding-top: 9px;
	}
	.navbar-default .navbar-toggle {
		margin-right: 0;
	}
	.nav>li>a>img {
		vertical-align: middle;
	}
	.square > img {
		left: 0;
	}
	.footer-section {
		position: static !important;
	}
	.form-group-inline .form-group {
		width: 100%;
		margin-bottom: 13px;
	}
	.form-group-inline {
		margin-bottom: 15px;
	}
	.login-section {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.login-bg {
		overflow: auto;
	}
	.forgot-btn-link .btn-primary {
		padding-left: 15px;
		padding-right: 15px;
	}
	.forgot-btn-link a {
		padding-right: 0;
	}
	.login-header .navbar-brand.logo {
		width: 76%;
	}
	.grid-list-button li.dropdown.hidden-lg {
		display: none !important;
	}
	.middle-section .navbar-default {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-top {
		padding-right: 15px;
	}
	.login-bg .form-group input[type="email"], 
	.login-bg .form-group input[type="password"] {
		line-height: normal;
	}
}
@media handheld, only screen and (max-width: 600px) {
	.logo {
		width: 100%;
		text-align: center;
	}
	.colud-table-wrapper {
		overflow-x: scroll;
	}
	.colud-table {
		min-width: 600px;
	}
	.cloud-drive {
		padding-bottom: 29px;
		padding-left: 10px;
	}
	.logout-btn {
		padding-right: 10px;
		padding-top: 22px;
	}
	.header-top {
		padding-right: 0;
	}	
	ul.nav.navbar-nav.navbar-right.grid-list-button li {
		display: block;
		vertical-align: middle;
		padding-left: 0;
		margin: 16px 0;
	}
	ul.nav.navbar-nav.navbar-right.grid-list-button li.list-image,
	ul.nav.navbar-nav.navbar-right.grid-list-button li.grid-image {
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px 0 0;
	}
	.middle-section .navbar-default {
		padding-left: 10px;
		padding-right: 10px;
	}
	div#content {
		background-color: #FFF;
	}
	#main {
		margin-top: 62px;
	}
	.navbar-default .navbar-toggle {
		margin: 0;
	}
	.middle-section .navbar-collapse {
		margin-top: 10px;
	}
	.media-left {
	    position: relative;
	    top: -2px;
	    float: left;
	    display: inline-block;
	    padding-bottom: 0;
	}
	.table .folder-item.clickable {
		padding-left: 0;
	}
	.list-wrapper .folder-list li:before,
	.list-wrapper .folder-ic:before,
	.list-wrapper .list-unstyled li:before,
	.list-wrapper .folder-item:before {
		display: none;
	}
	.list-wrapper .visible-xs .square > i {
		font-size: 22px;
		top: 0;
		left: 0;
		width: 26px;
		padding: 0;
	}
	.list-wrapper .square {
	    display: inline-block;
	    height: 24px;
	    max-height: 100%;
	    width: 26px !important;
	    padding: 0;
	    border: none;
	}
	.media-body {
		padding-top: 0 !important;
	}
	.media {
		height: auto !important;
	}
	.media-heading {
		display: inline-block;
		margin-bottom: 0;
	}
	div#content .media-heading p:first-child {
		float: left;
	}
	div#content p {
		display: inline-block;
		float: right;
		padding: 0;
	}
	#content table.table tbody {
		display: inline-block;
	}
	.table>tbody>tr>td {
		padding: 8px 15px;
	}
	.grid-wrapper,
	.middle-section {
		background-color: #FFF;
	}
	.cloud-drive {
		font-size: 13px;
	    padding: 18px 0 18px 12px;
	    padding-left: 10px;
	}
	.logout-btn {
		padding: 0;
	}
	.right-header-section {
		padding: 10px 10px 5px 0;
	}
	.middle-section .navbar-default {
		padding: 10px 15px;
	}
}


/*** Responsive design ***/
@media (max-width: 1200px) {
	.dataTables_wrapper {
		height: 100%;
		overflow: auto;
	}
}
@media (max-width: 991px) {
	.dashboard-sidebar {
		width: 190px;
	}
	.middle-section {
		padding-left: 190px;
	}
	.colud-table tr th:nth-child(3),
	.colud-table tr td:nth-child(3) {
		width: 65px;
	}
	.colud-table tr th:nth-child(2), 
	.colud-table tr td:nth-child(2) {
		width: 30%;
    max-width: 200px;
	}
	.dataTables_wrapper table a {
		display: inline-block;
		width: 175px;
		padding-left: 25px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; 
	}
	.colud-table tr th:nth-child(2) i.fa, 
	.colud-table tr td:nth-child(2) i.fa {
		position: absolute;
		top: 48%;
		left: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cloud-drive {
		padding-left: 15px;
	}
}
@media (max-width: 767px) {
	#main {
		height: auto;
		background-color: #FFF;
	}
	.middle-section {
		padding-left: 0;
	}
}