#ADMINbar {position: fixed; top: 50%; left:0; z-index:99999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#ADMINbar a {display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 20px; background:#000000;}
#ADMINbar a:hover {background-color: #000;}
#ADMINIO {margin: 5px 10px; border-radius:15px; border: 10px groove #CCCCCC; overflow:hidden;}
#ADMINIO .adminum {padding:2px; border: 1px solid #EEEEEE; border-radius: 5px;}
#ADMIN {padding: 5px 10px;}
.ADMIN > div {border: 1px dashed #CCCCCC; border-width: 1px 0px; padding: 2px 10px;}
.ADMIN .toggler {width: 72px; margin:0px;}
.ADMIN .toggler input {display: none;}
.ADMIN .toggler label {display: inline-block; position: relative; width: 72px; height: 36px; border: 1px solid #d6d6d6; border-radius: 36px; background: #e4e8e8; cursor: pointer;}
.ADMIN .toggler label::after {display: block; border-radius: 100%; background-color: #d7062a; content: ''; -webkit-animation-name: toggler-size; animation-name: toggler-size; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-play-state: running; animation-play-state: running;}
.ADMIN .toggler label::after, .ADMIN .toggler label .toggler-on, .ADMIN .toggler label .toggler-off {position: absolute; top: 50%; left: 25%; width: 26px; height: 26px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out; transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;}
.ADMIN .toggler input:checked + label::after, .ADMIN .toggler input:checked + label .toggler-on, .ADMIN .toggler input:checked + label .toggler-off {left: 75%;}
.ADMIN .toggler input:checked + label::after {background-color: #50ac5d; -webkit-animation-name: toggler-size2; animation-name: toggler-size2;}
.ADMIN .toggler .toggler-on, .ADMIN .toggler .toggler-off {opacity: 1; z-index: 2;}
.ADMIN .toggler input:checked + label .toggler-off, .ADMIN .toggler input:not(:checked) + label .toggler-on {width: 0; height: 0; opacity: 0;}
.ADMIN .toggler .path {fill: none; stroke: #fefefe; stroke-width: 7px; stroke-linecap: round; stroke-miterlimit: 10;}
.ADMIN .but {padding: 5px 5px 5px 10px; border: 1px solid #888888; font: normal 12px tahoma; border-radius: 5px;}
.ADMIN .but:hover {background: #CCCCCC;}
.ADMIN .but i {background:#FFFFFF; border-radius: 5px; border: 1px solid #888; padding: 5px 0px 3px 5px; border-width: 0px 0px 0px 1px;}
.ADMIN .but:hover i {border-color:#333333;}
.ADMIN .lud i {font-size:1em;}
.ADMIN select {padding: 5px 5px 5px 10px; border: 1px solid #888888; font: normal 12px tahoma; border-radius: 5px;}
@-webkit-keyframes toggler-size {0%, 100% {width: 26px; height: 26px;} 50% {width: 20px; height: 20px;}}
@keyframes toggler-size {0%, 100% {width: 26px; height: 26px;} 50% {width: 20px; height: 20px;}}
@-webkit-keyframes toggler-size2 {0%, 100% {width: 26px; height: 26px;} 50% {width: 20px; height: 20px;}}
@keyframes toggler-size2 {0%, 100% {width: 26px; height: 26px;} 50% {width: 20px; height: 20px;}}
#Scooper {font-size:1em;}
#Scooper .box-header h3 {margin:0px; padding:0px; font: bold 0.75em/1em Kufi;}
#Scooper table {border-collapse: collapse; width: 100%; font-family:Kufi; font-size:0.75em;}
#Scooper table tr:nth-child(even) {background-color: #f2f2f2;}
#Scooper table tr:hover {background-color: #ddd;}
#Scooper table th {font-weight:bold; font-size: 0.75em; text-align:center; padding:5px;}
#Scooper table td {text-align:right; padding: 5px; font-size: 0.75em; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#Scooper table td div {display:none;}
#Scooper table td.text-center {text-align:center;}
#Scooper table td small {display:block; line-height:0.2em;}
#Scooper {}
#Scooper {}
.float-left {float:left;}
.box-body .info {font: normal 12px/16px tahoma;}
.box-body table.table {width:98%; border-collapse: collapse; margin: 0 auto; font-size: 0.9em; min-width: 400px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.box-body table.table caption {font:bold 1em/1em Traditional Arabic;}
.box-body table.table thead th {font-size:0.8em; line-height:2em; text-align:center; background:rgba(255,255,255,0.75);}
.box-body table.table tfoot {font: normal 12px/16px tahoma;}
.box-body table.table tbody tr {border-bottom: 1px solid #dddddd;}
.box-body table.table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
.box-body table.table tbody tr:last-of-type {border-bottom: 2px solid #999999;}
.box-body table.table tbody tr td {font: normal 12px/16px tahoma;}
#HistoryTH {position:absolute; left:0px;}
.FormS {}
.FormS div {border-bottom: 1px outset #EEEEEE; position:relative;}
.FormS div label {display: block; bottom:0px; right: -32px; left: 0px; width: 40px; white-space: nowrap; position: absolute; font-size:0.5em; text-align:left; color:#999999; transform: rotate(90deg);}
.FormS div span {}
.FormS div code {font-size:0.75em; font-weight:bold;}
.FormS div span p {margin:2px 4px; padding:0px; border: 1px dashed #ccc; font: normal 0.9em/2em Arial;}
.FormS del {padding:0px 2px; color:red;}
.FormS ins {padding:0px 2px; color:green;}