body { background: url(../images/bg.png) center center no-repeat #000000; background-attachment: fixed; }

.cb { clear: both; }

.button_menu { width: 122px; height: 60px; border: 0px; background: none; font-family: "Open Sans", "Arial", sans-serif; color: #ff2400; font-size: 14px; text-align: center; margin: 0px; }
.button_menu:hover { cursor: pointer; color: #ffffff; background: url(../images/bg-menu-h.png) repeat; background-size: 142px 60px; box-shadow: 0px 3px 5px #000000; text-shadow: 0px 0px 3px #000000; }
.button_menu_new { width: 122px; height: 60px; border: 0px; background: url(../images/menu-new.png) bottom right no-repeat; font-family: "Open Sans", "Arial", sans-serif; color: #ff2400; font-size: 14px; text-align: center; margin: 0px; }
.button_menu_new:hover { cursor: pointer;  color: #ffffff; background: url(../images/menu-new.png) bottom right no-repeat, url(../images/bg-menu-h.png) repeat; background-size: 142px 60px; box-shadow: 0px 3px 5px #000000; text-shadow: 0px 0px 3px #000000; }
.button_menu_h { width: 122px; height: 60px; border: 0px; font-family: "Open Sans", "Arial", sans-serif; font-size: 14px; text-align: center; margin: 0px; color: #ffffff; background: url(../images/bg-menu-h.png) repeat; background-size: 142px 60px; box-shadow: 0px 3px 5px #000000; text-shadow: 0px 0px 3px #000000;}
.button_menu_h_new { width: 122px; height: 60px; border: 0px; font-family: "Open Sans", "Arial", sans-serif; font-size: 14px; text-align: center; margin: 0px; color: #ffffff; background: url(../images/menu-new.png) bottom right no-repeat, url(../images/bg-menu-h.png) repeat; background-size: 142px 60px; box-shadow: 0px 3px 5px #000000; text-shadow: 0px 0px 3px #000000; }

.login_text { font-family: 'Open Sans', arial, sans-serif; color: #ea0000; font-size: 14px; line-height: 35px; }
.login_buttl { width: 250px; height: 35px; background: url(../images/bg-button.png) left center repeat-x; border: 1px solid #005d9a; border-radius: 6px; text-align: center; font-family: 'Open Sans', arial, sans-serif; color: #ea0000; font-size: 14px; line-height: 35px; }
.login_buttl:hover {  cursor: pointer; border: 1px solid #a4dbff; color: #a4dbff; }



.table_rows:hover { background: #292929; }

.command { border: none; background: none; padding: 0px; }
.command:hover { background: url(../images/bg-menu-h.png) repeat; }

h2 {
	font-family: 'Open Sans', arial, sans-serif;
	color: #ffffff; 
	font-size: 16px;
	line-height: 40px;
	margin: 0px 10px; 
	font-weight: 300;
	font-variant: small-caps; 
}

.box_top { width: 1000px; height: 40px; background: #ea0000 url(../images/bg-box2.png) top left repeat-x; background-size: 300px 70px; border-left: 1px solid #bc1900; border-top: 1px solid #bc1900; border-right: 1px solid #bc1900; border-bottom: 1px solid #9d1500; border-radius: 6px 6px 0px 0px; margin: 25px 0px 0px 0px; text-align: left; }
.box_bottom { width: 1000px; background: #060606 url(../images/bg-box-n.png) top left repeat-x; border-left: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; border-radius: 0px 0px 6px 6px; text-align: left; margin: 0px 0px 25px 0px; }

.button_normal { width: 300px; height: 40px; background: #ea1f00 url(../images/bg-box2.png) top left repeat-x; background-size: 300px 70px; border: 1px solid #bc1900; border-radius: 6px; font-family: "Open Sans", "Arial", sans-serif; font-size: 14px; color: #ffffff; text-transform: uppercase; }
.button_normal:hover {  cursor: pointer;  background: #bc1900; color: #ffffff; border: 1px solid #6f0f00; }

.input_normal { width: 300px; height: 20px; background: #272727; border: 1px solid #454545; font-family: "Open Sans", "Arial", sans-serif; font-size: 12px; color: #bbbbbb; margin: 2px 0px 2px 0px; padding: 0px 3px; }
.input_normal:focus { border: 1px solid #c1c1c1; color: #c1c1c1; }
 
.textarea_normal { width: 300px; max-width: 300px; min-width: 300px; height: 40px; min-height: 40px; max-height: 500px; background: #272727; border: 1px solid #454545; font-family: "Open Sans", "Arial", sans-serif; font-size: 12px; color: #bbbbbb; margin: 2px 0px 2px 0px; padding: 3px; }
.textarea_normal:focus { border: 1px solid #c1c1c1; color: #c1c1c1; }

.select_normal { width: 300px; height: 20px; background: #272727; border: 1px solid #454545; font-family: "Open Sans", "Arial", sans-serif; font-size: 12px; color: #bbbbbb; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 3px; }
.select_normal:focus { border: 1px solid #c1c1c1; color: #c1c1c1; }

.a_normal:hover { color: #ff2400; cursor: pointer; }

.post-error { height: 40px; background: #343a41; border: 0px; border-left: 6px solid #ff2000; font-size: 12px; color: #ff2000; text-align: center; line-height: 40px; margin-bottom: 10px; padding: 0px 0px; }
.post-warning { height: 40px; background: #343a41; border: 0px; border-left: 6px solid #fea601; font-size: 12px; color: #fea601; text-align: center; line-height: 40px; margin-bottom: 10px; padding: 0px 0px; }
.post-success { height: 40px; background: #343a41; border: 0px; border-left: 6px solid #93ff00; font-size: 12px; color: #93ff00; text-align: center; line-height: 40px; margin-bottom: 10px; padding: 0px 0px; }

.table-head {     width: 1220px;    height: 25px;    background: #ffffff;    color: #ffffff;    text-align: center;    border-bottom: 1px solid #454545;    background: url(../images/bg-list-title.png) left top repeat-x;    line-height: 25px;    font-size: 13px;    overflow: hidden;}
.table-rows { width: 1220px; min-height: 45px; border-top: 1px solid #1d2125; font-size: 13px; color: #ea0000; line-height: 45px; margin-top: -1px; background: rgb(25, 25, 25); color: #e0e0e0; }
.table-fcel { min-width: 24px; min-height: 40px; padding: 0px 6px; float: left; }
.table-cell { min-width: 24px; min-height: 40px; border-left: 0px solid #ea0000; padding: 0px 6px; float: left; }
.table-bcel { width: 41px; height: 41px; background: #ea0000; text-align: center; line-height: 41px; margin: 2px; float: right; cursor: pointer; }
.table-bcel a { color: #0f1113; font-size: 23px; line-height: 41px;}
.table-bcel a i { line-height: 41px; }
.table-bcel:hover a { color: #ffffff !important; }

.input-text { width: 350px; height: 30px; background: #0f1113; border: 1px solid #ea0000; border-left: 0px; border-right: 0px; font-family: "Microsoft Sans Serif"; font-size: 12px; color: #ea0000; line-height: 30px; padding: 0px 5px; }
.input-text:hover, .input-text:focus { color: #ffffff; box-shadow: 0px 0px 5px #ea0000; }
.input-select { width: 350px; height: 30px; background: #0f1113; border: 1px solid #ea0000; border-left: 0px; border-right: 0px; font-family: "Microsoft Sans Serif"; font-size: 12px; color: #ea0000; padding: 5px 1px; }
.input-select:hover, .input-select:focus { color: #ffffff; box-shadow: 0px 0px 5px #ea0000; }
.input-option { width: 315px; height: 18px; background-color: #0f1113; font-family: "Microsoft Sans Serif"; font-size: 12px; color: #ea0000; padding: 5px 8px; }
.input-option:hover, .input-option:active { background-color: #00406a; }
.input-textarea { width: 350px; max-width: 350px; min-width: 350px; min-height: 50px; background: #0f1113; border: 1px solid #ea0000; border-left: 0px; border-right: 0px; font-family: "Microsoft Sans Serif"; font-size: 12px; color: #ea0000; line-height: 20px; margin: 0px; padding: 5px; }
.input-textarea:hover, .input-textarea:focus { color: #ffffff; box-shadow: 0px 0px 5px #ea0000; }

.input-button { width: 350px; height: 40px; background: #ea0000; border: 0px; font-size: 12px; color: #ffffff; -webkit-appearance: none;}
.input-button:hover, .input-button:active { background: #ffffff; color: #0f1113; }

.content { width: 1240px; margin: 20px auto 0px auto;  }
.content-title { display: none; }
.content-body { width: 1220px; padding: 10px; margin: 20px auto 0px auto;
    background: #060606 url(../images/bg-box-n.png) top left repeat-x;
}

.content .server { width: 100%; height: 100px; background: #ffffff; color: #0f1113; overflow: hidden; }
.content .server .name { width: calc(100% - 380px); height: 65px; text-align: center; line-height: 65px; font-weight: 300; float: left; }
.content .server .control { height: 100%; text-align: center; float: right; }
.content .server .control a { width: 100px; height: 100px; color: #0f1113; font-size: 48px; text-align: center; display: inline-block; }
.content .server .control a:hover { color: #ea0000; }
.content .server .control a i { line-height: 100px; }
.content .server img { width: 64px; height: 64px; position: relative; margin: -45px 0px -19px 30px; float: left; z-index: 2; display: block; }
.content .server .info { width: calc(100% - 480px);  height: 35px; position: relative; color: #ffffff; line-height: 35px; padding-left: 150px; float: left; z-index: 1; }
.content .server .info:before { content: ""; width: 10000px; height: 100%; position: absolute; right: 0px; background: #ea0000; -webkit-transform: skew(36deg); transform: skew(36deg); z-index: -1; }
.content .server .info i { color: #1e1f1e; font-size: 16px; padding: 0px 15px 0px 30px; }

.content .config { padding: 30px 0px 20px 20px; }
.content .config .function { width: 320px; height: auto; background: #ea0000; color: #fff; font-size: 13px; padding: 30px; margin: 0px 20px 20px 0px; float: left; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .config .function i { width: 80px; height: 80px; font-size: 59px; text-align: center; line-height: 80px; margin: -10px 20px -10px -10px; float: left; display: block;     color: #1e1f1e;}
.content .config .function:hover { background: #ffffff; color: #ea0000; }
.content .config .function:hover >  i  { color: #ea0000; }
.content .config .function .title { height: 30px; font-size: 21px; line-height: 30px; font-weight: 300; }

.metin-commands .metin-title { height: 50px; background: #fff; color: #0f1113; line-height: 50px; padding: 0px 20px; }
.metin-commands .metin-cmds { padding: 10px 30px; }
.metin-commands .metin-cmd { min-width: 150px; height: 30px; background: #ea0000; color: #fff; font-size: 13px; text-align: center; line-height: 30px; padding: 0px 10px; margin: 0px 10px 10px 0px; float: left; cursor: pointer; }
.swal-textarea { width: 100%; min-width: 100%; height: 150px; }

.input-console { text-align: left; overflow-y: scroll; overflow-x: hidden; }