/***** Clear Styles *****/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,input,select,textarea{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;font-family:inherit;font-weight:inherit;vertical-align:baseline;box-sizing:border-box;}
ol,ul{list-style:none;}
a,a:hover,a:active{outline:none;text-decoration:none;color:inherit;}
a:hover{}
html{overflow-y:scroll;-webkit-scrollbar-color:#ddd #f8f9fa;scrollbar-color:#ddd #f8f9fa;}

/***** Standard Styles *****/

body{font-family:"Roboto",helvetica,arial,sans-serif;font-size:16px;font-weight:400;color:#40434A;background:#f3f3f3;}

a{transition:0.3s;}
a:hover{}

strong, b{font-weight:bold;}
em, i{font-style:italic;color:#555;}
.clear{clear:both;}

h1{font-size:28px;margin-bottom:35px;  -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
h2{font-size:24px;margin-bottom:20px;  -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}


/***** Custom Styles *****/

.header{height:40px;background:#fff;border-bottom:1px solid #ddd;position:fixed;top:0px;left;0px;width:100%;z-index:2000;}
.header .new-file{height:30px;line-height:30px;padding:0px;min-width:auto;width:75px;margin:4px 0px 0px 4px;text-transform:default;font-size:14px;}
.header .new-file .icon{font-size:12px;top:-1px;}
.header .logout-button{float:right;margin:4px 4px 0px 0px;}

.content{width:1000px;min-height:700px;margin:25px auto 100px;box-sizing:content-box;}

.card{width:100%;margin:0px auto 30px;padding:25px 30px;background:#fff;box-sizing:border-box;border-radius:4px;box-shadow:0 6px 12px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);}
.card:after{display:block;content:'';clear:both;}
.card h1{text-align:center;margin-bottom:15px;}
.card h2{text-align:center;margin-bottom:15px;}
.card h4{text-align:center;margin-bottom:15px;}
.card h5{text-align:center;margin-bottom:15px;font-weight:500;color:#999;text-shadow:0px 1px 0px #fff;}
.card h5.subtitle{margin-top:-15px;}
.card hr{margin:0px 0px 15px;}

.card.card-small{width:320px;}
.card.card-narrow{width:420px;}
.card.card-medium{width:640px;}
.card.card-column-main{width:640px;float:left;}
.card.card-column-side{width:300px;float:right;}
.card.card-column-half{width:48%;float:left;}
.card.card-column-half.card-column-half-last{float:right;}
.card.card-column-third{width:305px;float:left;}
.card.card-column-third-middle{margin-left:22px;margin-right:22px;}


/** File System **/

.dashboard{padding-top:50px;}

.directories{}
.directory{display:none;}
.directory.directory-active{display:block;}
.directory h1{}
.directory h1 div{display:inline-block;color:#999;transition:0.3s ease-in-out;cursor:pointer;}
.directory h1 div:hover{color:inherit;}
.directory h1 span{display:inline-block;color:#bbb;margin:0px 6px;}
.directory h2{opacity:0.8;}

.folders{margin-bottom:20px;}
.folders:after{display:block;content:'';clear:both;}

.card.card-folder{width:184px;margin:0px 20px 20px 0px;float:left;padding:0px 0px;line-height:50px;vertical-align:middle;cursor:pointer;transition:0.3s ease-in-out;  -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.card.card-folder:nth-of-type(5n){margin-right:0px;}
.card.card-folder .ikon{float:left;width:54px;text-align:center;font-size:26px;color:#999;}
.card.card-folder .ikon .icon{top:-3px;transition:0.3s ease-in-out;box-shadow:0 .03em .1em rgba(0,0,0,0.2);}
.card.card-folder .name{float:left;width:120px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.card.card-folder:hover{background:#f9f9f9;box-shadow:0 6px 12px 0 rgba(50,50,93,.15),0 3px 6px 0 rgba(0,0,0,.1);}
.card.card-folder:hover .ikon .icon{box-shadow:0 .03em .1em rgba(0,0,0,0.4);}

.card.card-files{padding:0px;overflow:hidden;}
.card.card-files .file{display:block;width:100%;border-bottom:1px solid #eee;line-height:55px;vertical-align:middle;cursor:pointer;transition:0.3s ease-in-out;  -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.card.card-files .file:last-of-type{border:0px;}
.card.card-files .file:after{display:block;content:'';clear:both;}
.card.card-files .file .ikon{float:left;width:70px;text-align:center;font-size:40px;   /**font-size:600px;width:700px;padding:100px;**/}
.card.card-files .file .ikon .icon{top:-3px;transition:0.3s ease-in-out;}
.card.card-files .file .name{float:left;width:675px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.card.card-files .file .size{float:left;width:75px;font-size:14px;color:#777;text-align:right;}
.card.card-files .file .date{float:left;width:150px;font-size:14px;color:#777;text-align:right;}
.card.card-files .file .size .size-val{display:none;}
.card.card-files .file .date .date-val{display:none;}
.card.card-files .file:hover{background:#f9f9f9;}
.card.card-files .file:hover .ikon .icon{box-shadow:0 .03em .1em rgba(0,0,0,0.75), -.2em -.42em .1em -.2em rgba(0,0,0,0.75);}

.card.card-form{}
.card.card-form h2{font-size:20px;opacity:0.8;}
.card.card-form input[type="text"]{font-size:28px;padding:6px 12px;}
.card.card-form input[type="submit"]{margin-bottom:0px;}

.empty{color:#aaa;text-align:center;text-transform:uppercase;padding:30px 0px;display:block;}
.empty-not{display:none;}



/** Login Styles **/

.login-box{margin:12% auto 0px!important;}
.login-box input[type="text"],
.login-box input[type="password"]{padding:6px 12px;font-size:16px;}
.login-box input[type="submit"]{margin-bottom:0px;}
.login-box h1{text-align:center;}
.login-box-links{width:300px;box-sizing:border-box;font-size:12px;padding:25px 30px;margin:10px auto;text-align:center;}
.login-box-links a{color:#777;}
.login-box form{margin-bottom:0px;}




/** Form Styles **/

input,
select, 
textarea{font-family:"Open Sans",helvetica,arial,sans-serif;font-size:14px;color:#575b64;border:1px solid #e3e3e3;background:#fdfdfd;margin-bottom:15px;padding:5px 10px;box-sizing:border-box;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
input:focus,
select:focus,
textarea:focus{color:#40434A;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);}

input[type="submit"]{border:0px;background:#3366CC;color:#fff;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:0.5px;text-align:center;display:block;width:auto;min-width:135px;padding:6px 12px;box-sizing:border-box;margin:5px auto 15px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);-webkit-transition: 0.3s;transition: 0.3s;}
input[type="submit"]:hover{color:#fff;box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);}
input[type="submit"]:focus{background:#224282}
input[type="submit"]::-moz-focus-inner{border:0;outline:0;}





/** Loader **/

.loader{display:block;position:relative;width:80px;height:80px;margin:100px auto;color:#e3e3e3;}
.loader:before,
.loader:after,
.loader div:before,
.loader div:after{box-sizing:border-box;display:block;content:'';position:absolute;width:100%;height:100%;margin:8px;border:8px solid #fff;border-radius:50%;animation:loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:currentColor transparent transparent transparent;}
.loader:before{animation-delay:-0.45s;}
.loader:after{animation-delay: -0.3s;}
.loader div:before{animation-delay:-0.15s;}
@keyframes loader{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}



/** Extra Specific Styles **/

.element-removing{opacity:0!Important;pointer-events:none!Important;transition:0.3s opacity!Important;}



/** Tablet Styles **/
@media only screen and (min-width: 569px) and (max-width: 959px) {
	
	
}

/** Mobile Phone Styles **/
@media only screen and (min-width : 0px) and (max-width : 568px) { 
	
	.login-box{width:300px!important;}
	
}