@font-face {  font-family: FontAwesome;  	src: url('./bt1/fontawesome-webfont.ttf'); 	}
@font-face {  font-family: 'exo';		  	src: url('./bt1/Exo2-Regular.ttf');			}
@font-face {  font-family: 'ropa';		  	src: url('./bt1/RopaSans-Regular.ttf');			}
@font-face {  font-family: 'roboto';		src: url('./bt1/Roboto-Regular.ttf');			}
@font-face {  font-family: 'roboto condensed';		src: url('./bt1/RobotoCondensed-Regular.ttf');			}


@media Print
{
	table
	{
		border-collapse:collapse !important;
		font-family:tahoma;
		font-size:11pt;
	}
	#printdiv h2
	{
		font-size:12pt;
		font-family:'consolas';
	}
	
}
@media only screen and (max-width: 600px) 
{
	.mainleft
	{
		width:20px;
	}
}
@media only screen and (min-width: 600px)
{
	.mainleft
	{
		width:200px;
	}
}
@media screen
{
.ttl
{
	margin:0;
	text-align:center;
}
.red
{
color:red;
}
.divbox1
{
border:solid 2px gray;
background-color:white;
padding:5px;
}	
.chatbox
{
	
}

.filetable
{
	border:solid 2px blue;
	padding:5px;
}
.filetable td
{
	padding:5px;
}

.uploadbtn
{
background-color: #DDF; 
width: 90%; 
height: 100%;
min-width:200px;
min-height:340px;
padding: 0px;
font-size: 18px;
display:block;
border:solid 2px gray;
}

.folder
{
	display:inline-block;
	width:150px;
	height:40px;
	background-color:yellow;
	margin:2px;
	border:solid 2px orange;
}
.folder button
{
	display:block;
	width:100%;
	height:100%;
	background-color:yellow;
	border:none;
	position:relative;
	text-align:left;
	outline:none;
	font-family:'exo';
}

.folder button:before
{
content:url('images/fo-icon2.png') ;
text-align:left;
margin-right:10px;
width:20px;
height:15px;

}
.mainleft
{

}
.leftmenu
{
position:fixed;
left:-245px;
bottom:10px;
display:block;
width:250px;
min-height:500px;
padding-top:3px;
background-color:#33424D;
z-index:101;
transition:all 0.3s;
border-right:solid 5px orange;
}
.leftmenu:hover
{
	left:0px;
	transition:all 0.3s;
}
.leftmenu::after
{
	position:absolute;
	display:block;
	left:250;
	width:20px;
	height:20px;
	height:20px;
	content:url("images/burger1.png");
	top:0px;
}
.leftmenu a
{
display:inline-block;
width:95%;
height:30px;
line-height:30px;
text-decoration:none;
padding-left:5px;
background-color:white;
margin:2px 0px 2px  1px;
transition:all 0.5s;
font-family:exo;
}
.leftmenu a:hover
{
margin-left:3%;
transition:all 0.2s;
box-shadow:1px 1px 10px white;
}


.tablecommon
{
	border:solid 1px navy;
	margin:2px;
	background-color:white;
	margin:10px;
}
.tablecommon td
{
	border:solid 1px navy;
	padding:2px 15px;
}
.divques
{
	background-color:#ececec;
	padding:5px;
	border:orange;
	margin:4px 0px;
}

#printdiv h2
{
	display:none;
}
.frmfile
{
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	z-index:200;
	background-color:rgba(255,255,255,0.5);
	width:100%;
	text-align:center;
}
.frmfile .btn
{
	width:40px;
	height:30px;
}
.divshared:hover .frmfile
{
	visibility:visible;
}
i.ic
{
	font-size:100px;
	border-radius:4px;
	padding:5px;
}
.fa-file-word-o {
	color:indigo;
	
}
.fa-file-excel-o {
	color:red;
}
.fa-file-image-o {
	color:indianred;
}
.fa-file-powerpoint-o {
	color:coral;
}
.fa-file-archive-o {
	color:limegreen;
}
.fa-file-text-o {
	color:darkolivegreen;
}
.fa-file-code-o {
	color:darkcyan;
}

i[class*=' fa-file']
{
	position:relative;
	transition:all 0.8s;
}

.divshared:hover i[class*=' fa-file']
{
	background-color:white;
	transition:all 0.2s;
}
i[class*=' icncust']::after {
  display: block;
  content: attr(data-type);
  position: absolute;
  bottom: 10;
  left: 0;
  font-size: 16px;
  color: #fff;
  text-transform: lowercase;
  width: 100%;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
	font-family:consolas;
	text-shadow: 0 0 3px rgba(255,255,255,0.5);
}
.timer
{
	font-family:'exo';
	font-weight:bold;
}
.exo
{font-family:'exo';}

.ropa
{ font-family:'ropa'; }
.f8
{font-size:8px;}
.f10
{font-size:10pt;}
.f16
{font-size:16pt;}
.f20
{font-size:20pt;}
input[type=text].noedit,input[type=password].noedit
{
	border:none;
	background-color:rgba(0,0,0,0);
	min-width:1px;
	margin:0px;
	padding:0px;
}
input[type=text].editable,input[type=password].editable
{
	border:solid 1px blue;
	background-color:lemonchiffon;
	width:100%;
	margin:0;
	padding:3px 5px;
}
.hideMe {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
.alert-dkm
{
	background-color:#48C9B0;
	color:white;
	padding: 6px 10px;
	border-radius:5px;
	font-family:'ropa';
	border:solid 1px #138D75;
	display:inline-block;
	
	
}
.alert-dkm:before
{
	content: "a";
	font-family:'webdings';
	margin-right:10px;
	font-weight:bold;
}
.yel
{
	background-color:#F4D03F;
	color:#7E5109;
	border:solid 1px #B7950B;	
}
.yel:before
{
	content:"i";
	font-family:'webdings';
	margin-right:5px;
}
.war
{
	background-color:darkred;
	color:white;
	border:none;
}
.war:before
{
	content:"X";
	font-family:'arial';
	margin-right:5px;
}
#popdiv
{
	display:inline-block;
	position:fixed;
	width:300px;
	height:80px;
	border:solid 5px gray;
	background-color:beige;
	font-size:16px;
	left:200px;
	top:200px;
	padding:20px;
}
.tbdkm,.tbdkm1
{
	overflow-y:auto;
	font-size:10pt;
	font-family:'tahoma';
}
.white tr:nth-child(2n)
{
	background-color:whitesmoke;
	
}
.white tr:nth-child(2n+1)
{
	background-color:ivory;
}
.tbdkm th
{
	border:none;
	border-bottom:solid 1px navy;
	padding:5px;
}
.tbdkm td
{
	border:none;
	border-bottom:solid 1px navy;
	padding-left:5px;
}
::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: black;
  outline: 1px solid slategrey;
  width:5px;
}
.more
{
	display:inline-block;
	transition:all 0.2s;
}
.morecontent span {
    display: none;
	transition:all 0.2s;
}
.morelink {
    display: block;
	transition:all 0.2s;
}
html
{
	height:100%;
	
}
body
{
	background-color:#FBFBEF;
	/*background-image:url('images/a3.jpg');*/
	font-family:'roboto';
	font-weight:400;

}
.dw
{
	background-color:yellow;
	border:solid 5px red;
	display:block;
	height:100%;
	box-sizing:border-box;
	line-height:100%;
	z-index:500;
}

.dw:hover
{
	background-color:cyan;
}
.divbox
{
	width:100%;
	background-color:#EFE4E4;
	margin:0px;
	padding:10px;
	
}


.btn
{
	margin:2px;
}
.btndel
{
	margin:2px;
	position:relative;
	bottom:2px;
	z-index:1500;
}
.btndkm
{
	background-color:forestgreen;
	color:white;
	display:inline-block;
	padding:0px 15px;
	margin-bottom:1px;
	height:36px;
	text-align:center;
	
	line-height:36px;
	text-decoration:none;
	border-radius:5px;
	border:none;
}

.btndkm:hover
{
	background-color:#30AE1D;
	color:white;
	text-decoration:none;
}
.btndel
{
	margin:6px;
}
.tbhr
{
	position:relative;
	
	margin:2px;
	border-color:gainsboro;
}
.divshared
{
	/*background-color:whitesmoke;*/
	position:relative;
	background-color:white;
	display:inline-block;
	margin:0px;
	vertical-align:top;
	font-family:'roboto condensed';
	width:10em;
	border:solid 1px silver;
	min-height:12em;
	border-radius:5px;
	clear:both;
	align-content:stretch;
	transition:all 0.5s;
}

.d1:hover  .divshared,.divshared:hover
{
	background-color:darkkhaki;
	transition:all 0.1s;
}
.divshared
{
	overflow-y:auto;
}
.main
{
	height:auto;
	position:relative;
	bottom:0;
	padding:2px 5px;
}
.d1
{
	margin:2px;
	border:none;
	height:auto;
	width:10em;
	clear:both;
	display:inline-block;
		
}
.divtable
{
	display:inline-block;
	width:100%;
	height:12em;
	overflow:auto;
}
.tbl_my_up
{
	font-size:10pt;
	top:0;
	position:relative;
	max-height:10em;
	text-align:center;
}
.tbl_my_up td
{
	border:none;
	text-align:center;
	padding:5px;
	width:100%;
}
.tbl_my_up .right
{
	border-right:solid 1px silver;
}
input[type=text],input[type=email],input[type=password]
{
width:99.5%;
padding: 3px 5px;
margin-top: 4px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family:'exo';
}

textarea
{
padding: 10px;
margin-top: 4px;
border: 1px solid #ccc;
padding-left: 5px;
margin-bottom: 5px;
font-size: 16px;
font-family:'exo';
width:100%;
}
select
{
	min-width:100px;
	padding:2px 3px;
	font-size:16px;
	margin:2px 0;
	font-family:'exo';
}

hr
{
border:0;
border-bottom:1px solid #ccc;
margin: 10px 10px;
margin-bottom: 30px;
}

.menu
{
	background-color:tomato;
	z-index:100;
}
.menu a, .menu button
{
	font-weight:400;
	background-color:tomato;
	padding:5px 10px;
	margin:0px 5px;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	z-index:200;
	font-family:'ropa';
	border:none;
}
.oswald
{
font-family:'roboto condensed';}
.menu a:hover, .menu button:hover
{
	color:darkred;
	background-color:white;
}
.mainright
{
	background-color:lightsteelblue;
	width:250px;
	position:fixed;
	right:-250px;
	top:200px;
	border-left:solid 2px orange;
	transition:all 0.3s;
}
.mainright::before
{
	position:absolute;
	display:block;
	width:20px;
	height:33px;
	left:-20;
}
.mainright:hover
{
	right:0px;
	transition:all 0.3s;
}
.loginbox
{
	display:block;
	margin:0;
	padding:5px;
	
}
	.loginbox h3
	{
			background-color:rgba(0,0,0,0);
			
	}
	.loginbox input[type=text],.loginbox input[type=password]
	{
		border:none;
		border-bottom:solid 1px gray;
		background-color:rgba(0,0,0,0);
		padding:3px 5px;
	}
	.loginbox input[type=text]:focus,.loginbox input[type=password]:focus
	{
		outline:0;
		border:none;
		border-bottom:solid 1px red;
		background-color:rgba(0,0,0,0);
		padding:3px 5px;
		font-weight:bold;
	}
	.loginbox .btn1
	{
		width:100px;
		height:25px;
		background-color:#2ECC71;
		color:white;
		border:none;
	}
	
	.loginbox #lblmsg
	{
		background-color:rgb(0,0,0,0);
		border:none;
		
	}
.td5 td
{
	padding:5px;
}
.counter
{
		color:silver;
}
#logindiv
{
 position:fixed;
 width:500px;
 height:330px;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 background-color:white;
 border-radius:3px;
 box-shadow:0px 0px 10px 0px #424242;
 padding:10px;
 box-sizing:border-box;
 font-family:helvetica;
 visibility:hidden;
 display:none;
 z-index:500;
}
.hightd td
{
	padding:15px 10px;
	border:0;
}

}