@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-info-circle:before {
  content: "\f05a";color:#fff;font-size:2.5em;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:100%;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  img{max-width:100%;border:none;}
  a{text-decoration: none;}
body{margin:  0 0 0 0;text-align:center;font:0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;background-color: #000;}

#wrapper{width:100%;margin:4em auto ;max-width:1500px;position:relative;min-height:80vh;background:#262626;height:100%;padding-bottom:10em;}
.panel{font-size:1.5em;min-width:600px;width:100%;color:#fff;}
.panel input{border:0;}
#top_block{border-bottom:1px #cfcdc8 solid;height:4em;margin-bottom:1em;}
h1,h2,h3{color:#535758;font-size:1.4em;text-align:left; }
p{line-height: 160%;}
a.removeitem{display:inline-block;width:34px;height:26px;background:url(../imgs/remove.png);background-repeat: no-repeat;background-position: left top;}
a.removeitem:hover{background-position: right top;}
a.filterglass{display:inline-block;width:37px;height:37px;background:url(../imgs/lookingclass.png);background-repeat: no-repeat;background-position: right center;}
.info_box{position:absolute;right:0.1em;top:7em;width:20em;min-height:300px;border:2px #a7aeb0 solid;}
header{display:block;width:100%;margin:auto;position:relative;height:10em;min-width:700px;background:#140a2f;}
#twr_logo{position:absolute;top:2em;left:5em;width:20em;max-width:327px;height:100%;background: url(../imgs/logo.png);background-repeat:no-repeat;background-position:top left;background-size: 100%;}
.top_navs{position:absolute;bottom:1em;right:9em;width:70%;}
nav{display:block;background:#363638;width:100%;position:absolute;top: 10em;left:0;height:4.2em; border:none;}
#info{float:right;margin:1em 1em 0 0;}
#usrlast{color:#fff;float:left;margin:0.5em 0 0 20em;font-size:1.1em;font-weight:bold;}
#topdate{color:#fff;float:right;margin:0.5em 1em;font-size:1.1em;font-weight:bold;}
#form{text-align:left;width:23em;margin:auto;}
#form select,input{min-width:12em;padding:0.2em;}
.top_navs a.top_navs_link{background-color: #060606;
    background: -webkit-linear-gradient(#060606,#656569);
    background: -moz-linear-gradient(#060606,#656569);
    background: -o-linear-gradient(#060606,#656569);
    background: linear-gradient(#060606,#656569);display:block;float:right;height:3em;width:10em;color:#fff;padding-top:0.8em;font-size:1.2em;border:1px #5e5d5d solid;}
     a.button:hover{background-color: #656569;
    background: -webkit-linear-gradient(#656569,#060606);
    background: -moz-linear-gradient(#656569,#060606);
    background: -o-linear-gradient(#656569,#060606);
    background: linear-gradient(#656569,#060606);color:#fff;}   
   a.button{background-color: #060606;
    background: -webkit-linear-gradient(#060606,#656569);
    background: -moz-linear-gradient(#060606,#656569);
    background: -o-linear-gradient(#060606,#656569);
    background: linear-gradient(#060606,#656569);display:inline-block;width:auto;color:#fff;padding:0.2em 0.3em 0.2em 0.3em;font-size:0.8em;border:1px #5e5d5d solid;}
.top_navs a.top_navs_link:hover{background-color: #656569;
    background: -webkit-linear-gradient(#656569,#060606);
    background: -moz-linear-gradient(#656569,#060606);
    background: -o-linear-gradient(#656569,#060606);
    background: linear-gradient(#656569,#060606);color:#fff;} 
nav a.links{
    display:inline-block;color:#fff;padding:1em;font-size:1.2em;font-weight:bold;border:1px #656569 solid;}
    nav a.links:hover{background-color: #656569;border:1px #fff solid;
    }
     nav a.live{background-color: #656569;
    color:#a7a2a2;}
a#Myupdate{display:block;padding:0.5em 0.7em 0.5em 0.7em;color:#fff;border:0.1em #fff solid;background-color: #060606;
    background: -webkit-linear-gradient(#060606,#656569);
    background: -moz-linear-gradient(#060606,#656569);
    background: -o-linear-gradient(#060606,#656569);
    background: linear-gradient(#060606,#656569);font-size:1.1em;position:absolute;bottom:1em;left:5.8em;}
  a#Myupdate:hover{background-color: #656569;
    background: -webkit-linear-gradient(#656569,#060606);  
    background: -moz-linear-gradient(#656569,#060606);
    background: -o-linear-gradient(#656569,#060606);  
    background: linear-gradient(#656569,#060606);color:#c2c8cd;}
     #pwrdbox{position:fixed;right:-4em;top:10em;padding-top:10px;background:url(../imgs/droparrowUp.png);background-repeat:no-repeat;background-position:top center;height:10em;display:none;z-index:2000;}
     #mypass_frm{background:#140a2f;width:18em;height:12em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;color:#fff;position:relative;font-size:1.3em;text-align:center;-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;font-weight:bold;padding-top:1em;}
table{border-spacing: 0; *border-collapse: collapse; }
.fa-trash-o:before {
  content: "\f014";
}
.has_tool{text-align: center;padding:0;}
.fa-check:before {content:"\f00c";color:#739213;padding:0;}
.fa-times:before {color:#fc0735;content: "\f00d";padding:0;}
.btn-group {
    display: inline-block;
      position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-group > .btns:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.btns:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #e6e6e6;
    color: #333;
}
 
.btns.active, .btn:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

.btn-group > .btn-micro {
    font-size: 1em;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 13px;
}
.btn-group > .btn {
    border-radius: 0;
    position: relative;
}
 .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.btn-micro {
    font-size: 10px;
    line-height: 8px;
    padding: 1px 4px;margin:0;
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.btns {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #bbb #bbb #a2a2a2;
    border-image: none;
       border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    line-height: 18px;
    margin: 0;
    padding: 0 12px 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
#look_up{background: #000;color: #fff;min-width:10em;border:none;text-align:center;padding: 0.2em;}
#soldiers_all{width: 99%;}
.fa-pencil-square:before {
  content: "\f14b";font-size:2em;
} 
#newBox{width:20em;text-align:right;background:#b7c5bb;position:absolute;right:20px;top:115px;z-index:1000!important;padding:20px;color:#000;}
table{position:relative;}
 
.light{background:#eaebee}
.dark{background:#d2d3d5;}
#soldiers_all tbody tr:hover{background:#fff;}
#soldiers_all tbody #last:hover{background:none;}
.tbl{border:1px #fff solid;margin:2em auto;padding:1em;}
.white{background:#fff;}
.white th{background:#262626;}
.white input,select{background:#262626;border:#262626;color:#fff;}
td{vertical-align: top;}
td,th{padding:0.5em;text-align:center;border:0.5px #a8a7a7 solid;}
td{color:#000;}
select{border:none;}
#userstatus,#status{width:100%;}
.round{-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}  
.headings{font-weight:bold;font-size:1.1em;color:#6b6e6f;}
.clear{clear:both;}
a.admin_btn{display:inline-block;background-color: #8f8f8f;
    background: -webkit-linear-gradient(#8f8f8f,#282828);
    background: -moz-linear-gradient(#8f8f8f,#282828);
    background: -o-linear-gradient(#8f8f8f,#282828);
    background: linear-gradient(#8f8f8f,#282828);padding:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;color:#fff;text-shadow: 2px 2px #000;font-size:0.9em;}
a.admin_btn:hover{box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
footer{display:block;position:fixed;bottom:0;left:0;width:100%;background:#140a2f;z-index: 5000 !important;}
footer p{color:#fff;font-size:1em;font-weight:bold;text-align:center;width:100%;padding:0.5em;}
a.whitelink,a.whitelink:visited{color:#fff;}
a.whitelink:hover{color:#ece6e6;}
a.delete,a.deleteimg{display: block;background:url(../imgs/delete.png) no-repeat;border:0;height:32px;width:28px;background-position: 0 0;margin:auto;}
a.delete:hover,a.deleteimg:hover {background-position:-32px 0;}

.pager			{ font-size: 11px; line-height: 20px;text-align:center;margin:0 0 4em 3em;}
.pager a		{ display: block; float: left; }
.pager .nav		{ display: block; float: left;margin-right:3px; }
.pager .nav a		{ width: 20px; height: 20px; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; }
.pager .nav a span	{ display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }
.pager a.first		{ background: url('../imgs/arrow_leftend_off.png') center center no-repeat; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; margin-right:2px;}
.pager a.first:hover	{ background: url('../imgs/arrow_leftend_ovr.png') center center no-repeat; }
.pager a.previous	{ background: url('../imgs/arrow_left_off.png');background-position: center;background-repeat: no-repeat; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;}
.pager a.previous:hover	{ background: url('../imgs/arrow_left_ovr.png') center center no-repeat; }
.pager a.last		{ background: url('../imgs/arrow_rightend_off.png') center center no-repeat; border-left-width: 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.pager a.last:hover	{ background: url('../imgs/arrow_rightend_ovr.png') center center no-repeat; }
.pager a.next		{ background: url('../imgs/arrow_right_off.png') center center no-repeat; border-right-width: 0px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
.pager a.next:hover	{ background: url('../imgs/arrow_right_ovr.png') center center no-repeat; }

.pager .pages a		{ min-width: 20px; margin: 0px 1px 0px 1px; background: url("../imgs/page_active.gif") repeat-x center center #fff; text-align: center; border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; color: #fff; text-decoration: none; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.pager .pages a	span	{ padding: 0px 2px 0px 2px; }
.pager .pages a:hover	{ background: url('../imgs/bck_white_50.png'); color: #00A5C4; text-decoration: none; }
.pager .pages a.active	{ background: url('../imgs/button_glas2.png'); color: #333333; text-decoration: none; font-weight: bold; border-width: 0px; line-height: 22px; min-width: 22px; }