*{
  box-sizing: border-box;
}
main{
  width:100%;
  position:relative;
}
div.ws-main--header{
  position:relative;
  width:100%;
  text-align:right;
}
div.ws-shadow--2dp{
  -webkit-box-shadow: 0px 8px 24px rgba(13,13,18,0.04);
  box-shadow: 0px 8px 24px rgba(13,13,18,0.04);
}
div.mat_dashboard_margin{
  width:100%;
  position:relative;
  height:60px;
}
div.mat_dashboard_loader{
  position:fixed;
  z-index:98;
  background-color:#fff;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:0px;
  display:none;
  align-items: center;
  -webkit-align-items:center;
  justify-content: center;
}
div.mat_dashboard_loader.is-active{
  display:flex;
}
div.mat_dashboard_loader > div{
  margin:0px;
}
div.mat_dashboard{
  width:100%;
  position:relative;
  padding:16px !important;
}
div.mat_dashboard > div{
  width:100%;
  position:relative;
}
p.mat_dashboard_title{
  font-family:Raleway;
  font-size:18px;
  color:#222;
}
div.mat_dashboard_element_container{
  padding:2px;
  position:relative;
}
div.mat_dashboard_element{
  width:100%;
  border:1px solid #eee;
  background-color:#ffffff;
  height:100%;
  border-radius:8px;
  transition:box-shadow .2s;
}
div.mat_dashboard_element[data-role = 'folder']{
  background-color:#ffffff;
}
div.mat_dashboard_element_title{
  padding:8px;
  position:absolute;
  bottom:0px;
  left:0px;
}
p.mat_dashboard_element_title{
  font-size:16px;
  font-family:Raleway;
  color:#fff;
  margin:0px;
}
div.mat_dashboard_element_share{
  position:absolute;
  top:0px;
  right:0px;
  padding:8px;
}
div.mat_dashboard_element_share > i{
  color:#fd4;
}
div.mat_dashboard_element_icon{
  width:100%;
  position:relative;
  height:180px;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0), rgba(0,0,0,.6));
}
div.mat_dashboard_element_icon.folder{
  width:100%;
  position:relative;
  height:180px;
  background-color:#ffffff;
  background:none;
}
div.mat_dashboard_element_icon_inner{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  justify-content: center;
}
div.mat_dashboard_element_icon_inner > i{
  font-size:48px;
  color:#666;
}
div.mat_dashboard_element:hover{
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
div.mat_dashboard_element_information{
  width:100%;
  position:relative;
  padding:8px;
}
div.mat_dashboard_element_information > p.time{
  font-size:14px;
  font-family:Raleway;
  color:#888;
  margin:0px;
}
.custom-menu {
    z-index:1000;
    position: fixed;
    background-color:#fefefe;
    padding: 2px;
    width:200px;
}
.custom-menu > button{
  width:100%;
  text-transform: none;
  font-family:Raleway;
  text-align:left;
}
button.ws-fab-button{
  position:fixed;
  z-index:100;
  bottom:32px;
  right:32px;
}
button.ws-fab-button > i{
  color:#ffffff;
}
button.ws-fab-button_more{
  position:fixed;
  z-index:99;
  right:32px;
  transition:all ease-out .5s;
}
button.ws-fab-button_more.folder{
  bottom:96px;
  transform: translateY(64px);
}
button.ws-fab-button_more.folder.is-active{
  transform: translateY(0px);
}
button.ws-fab-button_more.project{
  bottom:160px;
  transform: translateY(128px);
}
button.ws-fab-button_more.project.is-active{
  transform: translateY(0px);
}
button.ws-fab-button_more > i{
  color:#ffffff;
}
div.khu_new_file_container{
  position:fixed;
  z-index:105;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  display:none;
  align-items:center;
  -webkit-align-items:center;
}
div.khu_new_file_container_back{
  position:fixed;
  z-index:104;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background-color:rgba(0,0,0,.3);
  display:none;
}
div.khu_new_file_container_back.is-active{
  display:flex;
}
div.khu_new_file_container.is-active{
  display:flex;
}
div.khu_new_file_inner{
  position:relative;
  width:100%;
  text-align:center;
}
div.khu_new_file_box{
  position:relative;
  width:300px;
  margin:auto;
  padding:32px 16px;
  border-radius:8px;
  background-color:rgba(255,255,255,.8);
  transition:background-color .5s;
}
div.khu_new_file_box:hover{
  background-color:rgba(255,255,255,1);
}
div.khu_new_file_box > h2.title{
  font-size:24px;
  color:#444444;
  font-family:'Nanum Gothic',sans-serif;
  text-align:left;
  margin:0px 0px 6px 0px;
  line-height:1;
}
div.khu_new_file_box > div.mdl-textfield{
  position:relative;
  width:100%;
}
div.khu_new_file_box > div.button_group{
  text-align:right;
  margin-top:12px;
}
div.button_group > button.create_button{
  color:#ffffff;
  text-transform:none;
}
div.button_group > button.cancel_button{
  color:#666666;
  text-transform:none;
}
div.ws-folder-container{
  position:relative;
  width:100%;
  padding:36px;
}
h2.ws-container--title{
  font-size:15px;
  color:#777777;
  font-family:'Raleway',sans-serif;
  line-height:1.5;
  margin:24px 0px;
}
div.ws-folder-list, div.ws-file-list{
  position:relative;
  width:100%;
}
div[ws-role="FOLDER"]{
  position:relative;
}
div[ws-role="FOLDER"] > div{
  position:relative;
  width:100%;
  border-radius:4px;
  padding:16px;
  border:1px solid #dddddd;
}
div[ws-role="FOLDER"] div.folder--icon{
  position:relative;
  display:inline-block;
  vertical-align: middle;
  width:48px;
  height:auto;
}
div[ws-role="FOLDER"] div.folder--text{
  position:relative;
  display:inline-block;
  vertical-align: middle;
  width:calc(100% - 52px);
}
div[ws-role="FOLDER"] div.folder--icon i{
  font-size:18px;
  color:#555555;
  line-height:1.5;
}
div[ws-role="FOLDER"] div.folder--text p{
  font-size:14px;
  color:#555555;
  font-family:'Raleway', sans-serif;
  margin:0px;
  text-overflow: ellipsis;
  overflow:hidden;
  white-space: nowrap;
}
div[ws-role="FILE"]{
  position:relative;
}
div[ws-role="FILE"] > div{
  position:relative;
  width:100%;
  border-radius:4px;
  border:1px solid #dddddd;
}
div[ws-role="FILE"] div.file--preview{
  position:relative;
  width:100%;
  padding-bottom:100%;
}
div[ws-role="FILE"] div.file--preview div.file--preview-info{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  width:100%;
  height:100%;
}
div[ws-role="FILE"] div.file--preview div.file--preview-info div[ws-type="CIF"]{
  border : 1px solid #226;
  width:100%;
  position:relative;
  height:100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height:inherit;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-flex-align:center;
  -ms-flex-pack: center;
}
div[ws-role="FILE"] div.file--preview div.file--preview-info div[ws-type="CIF"] p{
  font-size:24px;
  opacity:.5;
  color:#226;
  margin:0px;
}
div[ws-role="FILE"] div.file--text{
  padding:16px;
  position:relative;
  width:100%;
}
div[ws-role="FILE"] div.file--text div.file--icon{
  position:relative;
  display:inline-block;
  vertical-align: middle;
  width:48px;
}
div[ws-role="FILE"] div.file--text div.file--data{
  position:relative;
  display:inline-block;
  vertical-align: middle;
  width:calc(100% - 52px);
}
div[ws-role="FILE"] div.file--icon i{
  font-size:18px;
  color:#555555;
  line-height:1.5;
}
div[ws-role="FILE"] div.file--data p{
  font-size:14px;
  color:#555555;
  font-family:'Raleway', sans-serif;
  margin:0px;
  text-overflow: ellipsis;
  overflow:hidden;
  white-space: nowrap;
}