*{ outline:none;}
body{ margin:0px; padding:0px; font-size:12px; background:#fff; color:#000;}
h1,h2,h3,h4,h5,h6{margin:2px; padding:2px; font-weight:600;}
a{text-decoration:underline; 
  color:#000;
  padding:2px; 
  border-radius:2px;
  display:inline-block;
  cursor: pointer;
  -webkit-transition: all 0.2s linear 0s;	
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
a:hover{ color:#fff; text-decoration:none;}
b,.bold,strong{ font-weight:600;}
img{ border:none;}
select,textarea,input[type=password], input[type=text], input[type=file]{display: inline-block;margin: 0; padding:4px;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px; font-size:14px; height:28px;}
select{ padding:0px;}
textarea{ padding:4px; height:auto;}
input[type=file], input[type=file]:focus, input[type=file]:hover{ border:none; padding:0;}

select:hover, textarea:hover, input[type=text]:hover, input[type=password]:hover{border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus{outline: none; border: 1px solid #357ae8;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); background:#cdf0fe;}
select[readonly], textarea[readonly], input[type=text][readonly], input[type=password][readonly], select[disabled], textarea[disabled], input[type=text][disabled], input[type=password][disabled]{ background:#CC9;}

.login-cont{ margin:100px auto 0px; width:520px; }
.login-box{ float:left; width:100%; background-color:#eeeeee; border-radius:0px 0px 10px 10px; border:1px solid #d4d4d4; border-top:none; box-shadow:0px 5px 5px rgba(212,212,212,0.5);}
.box-title{background-color:#036a92; border:1px solid #058ec2; text-align:center; color:#fff; width:100%; float:left; border-radius:10px 10px 0px 0px;}
h1.lock{background:url('../img/locked.png') left center no-repeat; padding:5px 5px 5px 30px; line-height:30px; display:inline-block; font-size:20pt; font-variant:small-caps}
ul.forms{ list-style:none; float:left; margin:5px 1%; padding:5px 1%; width:96%; }
ul.forms li{ margin:5px 1%; padding:5px 1%; width:96%; float:left;}
ul.forms li label, ul.forms li input[type=text], ul.forms li input[type=password]{ display:block; margin-bottom:5px; height:auto; font-size:13pt; width:100%; max-width:100%;}
ul.forms li button{ font-size:13pt; padding:6px;}

.prog{ position:fixed;_position:absolute; top:0px; left:44%; padding:5px 10px; border-top:none; border-radius:0 0 5px 5px; display:none; z-index:1000000; background:#f9edbe; border:1px solid #f0c46e; }
#error-data{ text-shadow:0px 1px 2px rgba(255,255,255,0.5); padding:5px 10px; bottom:30px; left:30px; float:left; position:fixed; z-index:230000; border-radius:2px; display:none; font-size:12pt; color:#000; background:#ffd7cc; border:1px solid #ffbaa6;}

.error,.red{color:#f00;}
.checklabels{ float:left; padding:5px; text-align:left; }

.pic{ background:#fbfbfb; border:1px solid #eaeaea; padding:3px;}

input.error,select.error,textarea.error, select.error:focus, textarea.error:focus, input.error:focus{ border:1px solid #f00; background:#fc8199; color:#000 !important}

button[type=submit].button, button[type=submit]:active.button, 
input[type=submit].button, input[type=submit]:active.button{ 
 background:#0C6; 
 background-image: -webkit-gradient(linear,left top,left bottom,from(#0C6),to(#00b359));
 background-image: -webkit-linear-gradient(top,#0C6,#00b359);
 background-image: -moz-linear-gradient(top,#0C6,#00b359);
 background-image: -ms-linear-gradient(top,#0C6,#00b359);
 background-image: -o-linear-gradient(top,#0C6,#00b359);
 background-image: linear-gradient(top,#0C6,#00b359);
 border-color:#00b359;
}
a.button.red, a.button.red:active,
button[value=delete].button, button[value=delete]:active.button, 
a[title=Delete].button, input[value=delete].button, input[value=delete]:active.button{ 
 background:#ed1f24; 
 background-image: -webkit-gradient(linear,left top,left bottom,from(#ed1f24),to(#de1217));
 background-image: -webkit-linear-gradient(top,#ed1f24,#de1217);
 background-image: -moz-linear-gradient(top,#ed1f24,#de1217);
 background-image: -ms-linear-gradient(top,#ed1f24,#de1217);
 background-image: -o-linear-gradient(top,#ed1f24,#de1217);
 background-image: linear-gradient(top,#ed1f24,#de1217);
 border-color:#de1217;
}

select[readonly=readonly], textarea[readonly=readonly], input[type=text][readonly=readonly], input[type=password][readonly=readonly]{ background:#e2e2c5;}

.paging { text-align:center}
.paging a,.paging b{ margin:0px 2px;display:inline-block}
.paging b{padding:3px 8px; }


.button, a.button, .paging a{padding:4px 8px; margin:2px; display:inline-block; font-size:9pt; text-decoration:none;border-radius:2px; cursor:pointer; text-transform:uppercase; font-weight:bold;border: 1px solid #3079ed;color: #fff !important;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);background-image: -o-linear-gradient(top,#4d90fe,#4787ed);background-image: linear-gradient(top,#4d90fe,#4787ed);	}
.paging a:hover,.button:hover, a.button:hover,.button:focus,a.button:focus, ul.short-menu li a:hover{border: 1px solid #2f5bb7;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #357ae8;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);background-image: -o-linear-gradient(top,#4d90fe,#357ae8);background-image: linear-gradient(top,#4d90fe,#357ae8);}
.paging a:focus, .button:active, a.button:active, ul.short-menu li a:active{background-color:#357ae8;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);background-image: -o-linear-gradient(top,#4d90fe,#357ae8);background-image: linear-gradient(top,#4d90fe,#357ae8); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);}

.full,.fullform{ width:100%; float:left; clear:both;}
.cols5{ float:left; width:3%; padding:3px 1%;}
.cols10{ float:left; width:8%; padding:3px 1%;}
.cols15{ float:left; width:13%; padding:3px 1%;}
.cols20{ float:left; width:18%; padding:3px 1%;}
.cols25{ float:left; width:23%; padding:3px 1%;}
.cols30{ float:left; width:28%; padding:3px 1%;}
.cols35{ float:left; width:33%; padding:3px 1%;}
.cols40{ float:left; width:38%; padding:3px 1%;}
.cols45{ float:left; width:43%; padding:3px 1%;}
.cols50{ float:left; width:48%; padding:3px 1%;}
.cols55{ float:left; width:53%; padding:3px 1%;}
.cols60{ float:left; width:58%; padding:3px 1%;}
.cols70{ float:left; width:68%; padding:3px 1%;}
.cols75{ float:left; width:73%; padding:3px 1%;}
.cols80{ float:left; width:78%; padding:3px 1%;}
.cols85{ float:left; width:83%; padding:3px 1%;}
.cols90{ float:left; width:88%; padding:3px 1%;}
.cols95{ float:left; width:93%; padding:3px 1%;}
.cols100{ float:left; width:98%; padding:3px 1%;}

.col50{ float:left; width:50%;}

div.success{color:#49AB01;}
div.error,label.error{ color:red; }
label{line-height:22px; font-size:14px; }
.none{ display:none;}
.block{ display:block; padding:5px 0 0 0;}
.user{ background:url('../img/user.png') no-repeat left center; display:inline-block;padding:0px 0px 0px 22px;}
.logout{ background:url('../img/logout.png') no-repeat left center; display:inline-block;padding:0px 0px 0px 18px;}
.refresh{ background:url('../img/refresh.png') no-repeat left center; display:inline-block;padding:0px 0px 0px 22px;}
.clone{ background:url('../img/clone.png') no-repeat left center; display:inline-block;padding:0px 0px 0px 18px;}
a.add, a.delete, a.edit, a.view, a.print, a.pdf, a.download{ background:no-repeat center center; border-radius:3px; text-indent:-9999px; height:20px; width:20px; display:inline-block;padding:3px;}
a.add:hover, a.delete:hover,a.edit:hover, a.view:hover, a.print:hover, a.pdf:hover, a.download:hover{background-color:#fff;}

a.add-ico{ background:#c1c1c1; vertical-align:middle; text-align:center; text-decoration:none; color:#fff !important; font-size:18pt; font-weight:bold; border-radius:4px; line-height:17px; height:18px; width:16px; padding:1px 3px; display:inline-block; box-shadow:1px 1px 2px rgba(0,0,0,0.2); text-shadow:1px 1px 2px rgba(0,0,0,0.4); border:1px solid #aeafaf;}
a.add-ico:hover,a.add-ico:focus{ background:#c1c1c1; }
a.add-ico:active{ box-shadow:inset 1px 1px 3px rgba(0,0,0,0.6);}
.grid th a.add-ico{ float:right;}
.button-red, .button-green{ background:no-repeat center center; border-radius:3px; text-indent:-9999px; height:20px; width:20px; display:inline-block;padding:3px; cursor:pointer; border:none;}
.button-red{ background-image:url('../img/button-red.png');}
.button-green{ background-image:url('../img/button-green.png');}

.dflex{display: flex;}
a.add{ background-image:url('../img/add.png');}
a.delete{ background-image:url('../img/delete.png');}
a.edit{ background-image:url('../img/edit.png');}
a.view{ background-image:url('../img/view.png');}
a.print{ background-image:url('../img/print.png');}
a.pdf{background-image:url('../img/pdf.png');}
a.download{ background-image:url('../img/download.png');}

table.mytbl, table.mytbl td, table.mytbl th{ vertical-align:top;}
table.tbl{ width:100%;background:#fff; }
table.tbl td,table.tbl th{vertical-align:top}

table.grid{ float:left; width:100%; border:1px solid #d9d9d9; margin-bottom:10px;}
table.grid th { 
 background-color:#dfdede;
 color:#333333; 
 font-weight:600; 
 border-right:1px solid #cccccc;
 border-bottom:1px solid #d9d9d9;
 border-left:none;
 font-size:10pt;
}
table.grid tr th:last { 
 border-right:0px none;
}
table.grid th.btop {
 border-top:1px solid #d9d9d9;
}
table.grid td{ 
 border-top:none;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 border-left:none; vertical-align:top} 
table.grid th a{color:#333333; text-decoration:none}

table.grid tr:nth-child(even), table.grid tbody:nth-child(even) tr:nth-child(even){ background:#f2f2f2;}
table.grid tr:nth-child(odd), table.grid tbody:nth-child(odd) tr:nth-child(odd){ background:#fff;}

table.grid tr.even{ background:#f2f2f2 !important;}
table.grid tr.odd{ background:#FFFFFF !important;}

.relative{ position:relative}
.txtleft{ text-align:left;}
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.fleft{ float:left;}
.fright{ float:right;}

.header{ width:100%; padding:0px; clear:both; float:left; position:fixed; _position:absolute; left:0; top:0; z-index:100; background-color:#0478a5;color:#fff;}

.header-height{ height:130px;}

.header .logo-panel{ float:left; width:96%; padding:0px 2%; clear:both;height:40px;}
.header .logo-panel a.logo{ float:left; color:#fff; font-size:22pt; padding:2px 0px 5px; font-weight:600; text-decoration:none; text-shadow:0px 1px rgba(64,64,64,0.5);}
.header .logo-panel a.logo:hover{ text-shadow:0px 1px rgba(64,64,64,1); color:#f4f4f4;}
.header .logo-panel .login-details{ float:right; padding:5px 0px; }
.header .logo-panel .login-details a{ color:#fff; }
.top-menu-section{ width:100%;float:left;}
ul.top-menu{ margin:0px 1%;padding:0px 1%; float:left; list-style:none; text-align:left; font-size:13px; height:41px; }
ul.top-menu li{border:1px solid #26addc; border-right-color:#0084b3; border-bottom:none; background:#028ec1; float:left; padding:0px; margin:0px; position:relative;}
ul.top-menu li a{ display:block; padding:11px 15px; text-decoration:none; color:#fff; }
ul.top-menu li ul{ margin:0; padding:0; float:left; position:absolute; top:40px; left:-1px; background-color:#f4f4f4; width:250px; display:none; z-index:20000; list-style:none; border:1px solid #26addc; border-top:0px none;}
ul.top-menu li ul li{background:transparent; float:left; width:100%;}
ul.top-menu li:hover,ul.top-menu li a:hover{background:#f4f4f4;color:#058ec2; border-right-color:#f4f4f4;}
ul.top-menu li ul li a,ul.top-menu li:hover a{ color:#000; }
ul.top-menu li:hover ul{ display:block;}
ul.top-menu li ul li{ border:none;}
ul.top-menu li ul li a{display:block; padding:5px 6px 5px 8px; font-size:13px; }
ul.top-menu li ul li a:hover{ background:#0084b3; border-radius:0px; color:#fff;}
ul.top-menu li ul li.bot-border{border-bottom:1px solid #26addc;}
.sub-menu-section{ float:left; width:100%; background:#eeeeee; box-shadow:0px 1px 5px rgba(212,212,212,0.8); margin-bottom:10px;
}
ul.sub-menu{ margin:0px 1%;padding:0px 1%; float:left; list-style:none;text-align:left; font-size:13px;}
ul.sub-menu li{ float:left; padding:0px; margin:0px; position:relative; border-right:1px solid #d4d4d4;}

ul.sub-menu li a,ul.sub-menu li b{ display:block; padding:12px 15px; text-decoration:none; color:#000; }
ul.sub-menu li ul{ margin:0; padding:0; float:left; position:absolute; top:42px; left:0px; 
                   background-color:#eeeeee; width:250px; display:none; z-index:20000; list-style:none; }
ul.sub-menu li ul li{background:transparent; float:left; width:100%; border-top:1px solid #d4d4d4 !important;}
ul.sub-menu li:hover,ul.sub-menu li a:hover,ul.sub-menu li b:hover, ul.sub-menu li:hover b{ background:#eeeeee;color:#036a92; cursor:pointer; box-shadow:inset 0px 0px 10px rgba(212,212,212,1);}
ul.sub-menu li ul li a, ul.sub-menu li:hover a{color:#000;}
ul.sub-menu li:hover ul{ display:block;}
ul.sub-menu li ul li{ border:none;}
ul.sub-menu li ul li a{display:block; padding:10px 15px;}
ul.sub-menu li ul li a:hover{background-color:#eeeeee;box-shadow:none;}

.header .page-title{ width:96%; font-size:18pt; float:left; clear:both; padding:5px 2%; box-shadow:0px 1px 3px rgba(0,0,0,0.4); background:#f8f8f8;color:#4c4c4c; border-bottom:1px solid #f0f0f0;}
.header .page-title h2{font-size:18pt; float:left; margin:0; padding:0; height:30px; line-height:30px;}
h2.page-title {font-size:18pt; float:left; margin:0; padding:0; height:30px; line-height:30px;}

.tabs{ margin:0px;padding:0px;float:right; list-style:none;}
.tabs li{ float:left; padding:0px 0px 0px 5px; margin:0px; font-size:14px;}
.tabs a{ float:left; padding:5px 10px; border-radius:5px; }
select{ max-width:220px; }
.fullform select,.fullform input[type=password],.fullform input[type=text],.fullform textarea{ width:90%; max-width:280px;}

.grid select,.grid input[type=password],.grid input[type=text], .grid textarea{ width:99%; max-width:99%;}
.search-form select,.search-form input[type=text]{ width:180px;}
.thhead{ background:#e1e1e1 !important; font-size:10pt; text-align:center;}
.tdhead{ background:#bbf7d2 !important;}
.ftdhead{ background:#e1e1e1 !important;}

ul.short-menu{ margin:auto;padding:0; list-style:none; max-width:1000px;}
ul.short-menu ul{ margin:0;padding:0; list-style:none;}

ul.short-menu li{ width:200px; padding:5px 0px; float:left; }
ul.short-menu li a{padding:5px; width:175px; text-align:center; display:inline-block; font-size:11pt; text-decoration:none;border-radius:2px; cursor:pointer; text-transform:uppercase; border: 1px solid #3079ed;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;}

.tabs-menus{float:left;width:100%;height:auto;margin:0px;padding:0px; list-style:none; border-bottom:1px solid #3079ed}
.tabs-menus li{float:left;margin:10px 3px 0px;}
.tabs-menus li a{padding:6px 10px; display:inline-block; font-size:10pt; text-decoration:none; border-radius:2px 2px 0px 0px; cursor:pointer; text-transform:uppercase; border: 1px solid #3079ed; border-bottom:none; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);background-image: -o-linear-gradient(top,#4d90fe,#4787ed);background-image: linear-gradient(top,#4d90fe,#4787ed);}
.tabs-menus li a:hover{border-color:#2f5bb7; text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #357ae8;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);background-image: -o-linear-gradient(top,#4d90fe,#357ae8);background-image: linear-gradient(top,#4d90fe,#357ae8);}
.tabs-menus li a.current{border-color:#008040; text-shadow: 0 1px rgba(0,0,0,0.3);background-color:#95d76c;background-image: -webkit-gradient(linear,left top,left bottom,from(#95d76c),to(#65b933));background-image: -webkit-linear-gradient(top,#95d76c,#65b933);background-image: -moz-linear-gradient(top,#95d76c,#65b933);background-image: -ms-linear-gradient(top,#95d76c,#65b933);background-image: -o-linear-gradient(top,#95d76c,#65b933);background-image: linear-gradient(top,#95d76c,#65b933);}

fieldset{ border:1px solid #d9d9d9;border-radius:2px; margin-top:5px; width:96%; padding:10px 1%; margin:10px 1%; float:left}
fieldset legend{ padding:3px 5px; color:#4c4c4c; font-weight:600; background:#fff; font-size:11pt; border-radius:5px;}
.scrollable{ max-height:100px; overflow-y:auto;}
.isNo, .RisNo{ text-align:right;}
.padtop40{ padding-top:40px;}
.padbot40{ padding-bottom:40px;}
.header-buttons{ position:fixed; top:0px; left:0px; padding:5px 1%; text-align:center; width:98%; margin:0; background:#f5f5f5; border-bottom:1px solid #f5f5f5;}
.footer-buttons{ position:fixed; bottom:0px; left:0px; padding:5px 1%; text-align:center; width:98%; margin:0; background:#f5f5f5; border-top:1px solid #f5f5f5;}

.search-frm select{ max-width:150px; }

table.matrics{ float:left; width:100%; border-left:1px solid #888888; border-top:1px solid #888888; margin-bottom:10px;}
table.matrics th { 
 background-color:#dfdede;
 color:#333333; 
 font-weight:600; 
 font-size:10pt;
}
table.matrics th, table.matrics td{ 
 border-top:none;
 border-right:1px solid #888888;
 border-bottom:1px solid #888888;
 border-left:none; 
 vertical-align:middle;
 text-align:center;
}

ul.sorting{ list-style:none; margin:1%; padding:0%; width:98%; float:left; }
ul.sorting li{ float:left; color:#368dde; margin:10px; padding:10px; background:rgba(220,220,220,0.1); border:1px solid #368ee0; cursor:move }


div.grid{ float:left; width:100%; border:1px solid #d9d9d9; margin-bottom:10px; }
div.grid .dhead{ 
 background-color:#dfdede;
 color:#333333; 
 font-weight:600; 
 font-size:10pt;
 float:left; 
 width:100%;
}
div.grid .dbody{ 
 float:left; 
 width:100%;
 margin-bottom:10px;
}
div.grid .rows{ 
 float:left; 
 width:100%;
} 
div.grid .rows:nth-child(even){ background:#f2f2f2;}
div.grid .rows:nth-child(odd){ background:#fff;}

div.grid input[type="text"]{ max-width:98%}



.preloader {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(255,255,255,0.5);
 z-index: 9999999;
 display: none;
}
.preloader .spinner{ 
 width: 32px;
 height: 32px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -16px 0 0 -16px;
}



.gloader {
 text-align: center;
 height: 25px;
 min-width: 80px;
}

.gloader span {
 display: inline-block;
 vertical-align: middle;
 width: 5px;
 height: 5px;
 margin: 5px 1px 0px;
 background: #000000;
 -moz-border-radius: 50px;
 -moz-animation: gloader 0.8s infinite alternate;
 -webkit-border-radius: 50px;
 -webkit-animation: gloader 0.8s infinite alternate;
 -ms-border-radius: 50px;
 -ms-animation: gloader 0.8s infinite alternate;
 -o-border-radius: 50px;
 -o-animation: gloader 0.8s infinite alternate;
 border-radius: 50px;
 animation: gloader 0.8s infinite alternate;
}

#gloader_1 {
 -moz-animation-delay: 0s;
 -webkit-animation-delay: 0s;
 -ms-animation-delay: 0s;
 -o-animation-delay: 0s;
 animation-delay: 0s;
}

#gloader_2 {
 -moz-animation-delay: 0.24s;
 -webkit-animation-delay: 0.24s;
 -ms-animation-delay: 0.24s;
 -o-animation-delay: 0.24s;
 animation-delay: 0.24s;
}

#gloader_3 {
 -moz-animation-delay: 0.48s;
 -webkit-animation-delay: 0.48s;
 -ms-animation-delay: 0.48s;
 -o-animation-delay: 0.48s;
 animation-delay: 0.48s;
}

@-moz-keyframes gloader {
 0% {
  width: 5px;
  height: 5px;
  background-color:#000000;
  -moz-transform: translateY(0);
 }

 100% {
  width: 15px;
  height: 15px;
  background-color:#FFFFFF;
  -moz-transform: translateY(-5px);
 }

}

@-webkit-keyframes gloader {
 0% {
  width: 5px;
  height: 5px;
  background-color:#000000;
  -webkit-transform: translateY(0);
 }

 100% {
  width: 15px;
  height: 15px;
  background-color:#FFFFFF;
  -webkit-transform: translateY(-5px);
 }

}

@-ms-keyframes gloader {
 0% {
  width: 5px;
  height: 5px;
  background-color:#000000;
  -ms-transform: translateY(0);
 }

 100% {
  width: 15px;
  height: 15px;
  background-color:#FFFFFF;
  -ms-transform: translateY(-5px);
 }

}

@-o-keyframes gloader {
 0% {
  width: 5px;
  height: 5px;
  background-color:#000000;
  -o-transform: translateY(0);
 }

 100% {
  width: 15px;
  height: 15px;
  background-color:#FFFFFF;
  -o-transform: translateY(-5px);
 }

}

@keyframes gloader {
 0% {
  width: 5px;
  height: 5px;
  background-color:#000000;
  transform: translateY(0);
 }

 100% {
  width: 15px;
  height: 15px;
  background-color:#FFFFFF;
  transform: translateY(-5px);
 }

}


/* Dropdown Button */
.dropbtn {
 background-color: #4CAF50;
 color: white;
 padding: 6px 10px;
 font-size: 12px;
 border: none;
 cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
 background-color: #3e8e41;
}

.dropdown {
 position: relative;
 display: inline-block;
}
.dropdown-content {
 display: none;
 position: absolute;
 background-color: #f9f9f9;
 min-width: 140px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 10000;
}
.dropdown-content a {
 color: black;
 padding: 6px 10px;
 text-decoration: none;
 display: block;
 text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1; color:#000; }

.show {display:block;}
.bg{
 clear: both;
 padding: 10px;
 margin: 10px;
 border-radius: 4px;
 font-size: 12pt;
}
.bg-danger, .bg-danger td, .bg-danger th { 
 background: #d9534f;
 color: #fff;
}
.bg-warning, .bg-warning td, .bg-warning th{
 background: #f0ad4e;
 color: #fff;
}
.bg-success, .bg-success td, .bg-success th{
 background: #5cb85c;
 color: #fff;
}
.bg-info, .bg-info td, .bg-info th{
 background: #0275d8;
 color: #fff;
}
.bg-yellow, .bg-yellow td, .bg-yellow th{
 background: #ebf34b;
 color: #000;
}

.label{ padding:3px 5px 5px; color: #fff; border: 1px solid #fff; background-color:#aeaeae; display: inline-block; border-radius: 3px;}
.label-danger{ background-color:#f25e65; }
.label-success{ background-color:#41ba50; }