body {
background: #f2f2f2;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family: "Roboto";
}
script{
	display: none !important;
}
p{
  display: table-row;
}
input{
  border: 1px solid #AAAAAA;
  border-radius: 8px;
}
#trashForm .buttonin{
  margin-top: 14px;
  text-transform: uppercase;
  margin-right: 63px;
  margin-bottom: 25px;
  
}
.buttonin{
  height: 60px;
  text-align: center;
  padding-left: 1em;
  border-radius: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  color: #FFFFFF;
  padding-right: 1em;
  border: 0;
}
.tools{
    
}
.toolss{

}

.toolss button{
  height: 46px;
  line-height: 46px;
  font-size: 26px;
  text-align: center;
}
.multiple{
  margin-bottom: 1em;
}
.oserch{
  float: left;
  margin-right: 1em;
}
.tico{
  //font-size: 36px;
  width: 56px;
  display: block;
  float: left;
}
.tico:hover{
  cursor: pointer;
}
.refresh, .cart{
  width: 50px;
}
.search{
  height: 42px;
  width: 400px;
  font-size: 26px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.filtrap{
height: 46px;
line-height: 46px;
text-align: center;
font-size: 26px;
}

button{
height: 60px;
line-height: 60px;
text-align: center;
padding-left: 17px;
margin-right: 10px;
border-radius: 5px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 30px;
color: #FFFFFF;
padding-right: 17px;
min-width: 100px;
border: 0;
vertical-align: middle;
}
button:hover, .buttonin:hover{cursor: pointer;}
.bt_read{background: #8C0303;border:0 !important;color: #fff;}
.bt_read:hover{background: #AA0505;}
.bt_gren{background: #1C8C38;border:0 !important;color: #fff;}
.bt_gren:hover{background:#22A342;}
.bt_blue{background: #035AA6;border:0 !important;color: #fff;}
.bt_blue:hover{background: rgba(3, 90, 166, 0.35);}

.popupz{
position: fixed;
z-index: 21;
width: 100vw;
height: 100vh;
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.trash{
}
#trash_clean_warning{
  width: 700px;
  height: 150px;
  font-size: 24px;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  padding: 1em;
  border-radius: 20px;
}
#trash_delete_warning, #eDelete{
 width: 800px;
 height: 400px;
 font-size: 24px;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 position: absolute;
 padding-top: 1em;
 padding-left: 1em;
 border-radius: 20px;
  
}

.trash_popup{
  background: #CDCDCD;
  //left: 10%;
  //position: relative;
  //min-width: 500px;
  //max-width: 80%;
  //min-height: 320px;
  //max-height: 80vh;
  //top: 10%;
  //display: none;
  //z-index: 10;
//padding: 36px 40px 20px 40px;
  //overflow: auto;
  //margin: auto auto;
  
}
.tcwtxt{
position: relative;
}
.tcwtxt2{
  position: absolute;
  width: 500px;
  top: 80px;
}
.tcwbt{
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.trashehc{
  position: fixed;
  z-index: 2;
  background: #CDCDCD;
  width: calc(100% - 3em);
  left: 1em;
  top: 1em;
  height: 80px;
  border-radius: 20px;
}
.addTextForm{
  margin-top: 108px;
}
.addTrashForm{
  margin-top: 108px;
  margin-bottom: 95px;
}
.bord0{
  border:0;
}
.trash_empty{
  background: #CDCDCD;
  position: relative;
  width: calc(100vw - 4em);
  min-height: 320px;
  max-height: calc(100vh - 2em);
  top: 1em;
  display: none;
  //padding: 1em;
  padding-left: 35px;
  overflow: auto;
  margin: auto auto;
  border-radius: 20px;
}
.emptytrashp{
font-size: 26px;
border-bottom: 5px #8C0303 solid;
display: inline-block;
margin-left: 34px;
margin-top: 29px;
text-transform: uppercase;
height: 43px;
}
.erroraddtxt{
font-size: 24px;
color: #8C0303;
display: inline-block;
height: 80px;
line-height: 80px;
font-weight: bold;
}
.trash_emp_en{
  font-size: 24px;
  text-transform: capitalize;
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  margin-left: 75px;
  margin-top: 20px;
  margin-bottom: 15px;
  width: calc(100% - 4em);
}
.trash_emp_lng{
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  color: #8C0303;
  width: 74px;
  float: left;
  height: 108px;
  line-height: 108px;
}
.trash_emp_tar{

}
.trash_emp_elng{
  
}
.trash_emp_t{
  height: 78px;
  width: calc(100% - 88px - 4em);
  border: 1px solid #AAAAAA;
  border-radius: 10px;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 30px;
  padding-bottom: 24px;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 124.19%;
  text-transform: capitalize;
  color: #000;
  resize: none;
  margin-bottom: 15px;
}
#trash_deletels,#text_deletels{
width: calc(100% - 84px);
//height: 100%;
white-space: pre;
margin-top: 40px;
margin-bottom: 1em;
border-radius: 5px;
border: 0;
resize: none;
padding-top: 10px;
padding-left: 14px;
padding-right: 30px;
padding-bottom: 24px;
font-size: 24px;
font-weight: 400;
font-style: normal;
}
.trashtext{
   height: calc(100vh - 140px);
   width: calc(100vw - 2em);
   overflow: scroll;
   margin-top: 25px;
}
.reg_sms{
width: 144px;
height: 100%;
background:rgba(233, 242, 187, 0.75);
right: 0;
position: absolute;
	
}
.mr0{
  margin-right: 0px;
}
td{
   position: relative;
   padding-right: 20px;
   padding-left: 10px;

}
#txtsrc tr td:hover{
   background: rgba(0,155,155,1) !important;
}
#edittd,#edittype,#editniche,#editvertical{
   position: absolute;
bottom: 5px;
right: 7px;
font-size: 18px;
}
#edittd,#edittype,#editniche,#editvertical:hover{
 cursor: pointer;  
}
tbody tr:hover{
   background: rgba(155,155,155,0.5) !important;
   z-index: 6;
}

#addtrash{
  margin-left: 5px;
}

#progress{
width: 90%;
border: 4px solid green;
border-radius: 10px;
}
#progress_proc{
  background: red;
  border-radius: 6px 0 0 6px;
  width: 0; 
}
#progress_proc span{
padding-left: 2em;
font-size: 18px;
font-weight: bold;
}



#progressbar{
  display: none;
  margin-top: 1em;
}
.ewar{
  margin-top: 1em;
  width: 60%;
  border: red solid;
  background: #CD5C5C;
  font-size: 18px;
  font-weight: bold;
  padding: 1em;
  text-align: left;
  display: none;
}
.updbm{
  margin-top: 1em;
  width: 60%;
  font-size: 18px;
  font-weight: bold;
  padding: 1em;
  text-align: left;
  display: none;
}

#keyupgsum,#updbstr,#updbtime{
  font-size: 18px;
}
.ewartext{
  
}
.ewarbuton{
  margin-bottom: 6em;
  margin-top: 2em;
}
.eup{
  margin-top: 1px;
  width: 100px;
  height: 50px;
  background: #cccccc;
}
.eup:hover{
  background: #0000FF;
  cursor: pointer;
}
.left{float: left;}
.right{float: right;}
.r1e{margin-right: 1em;}
.rtl {direction: rtl;}

.edittextlist{
height: calc(100vh - 196px);
width: calc(100vw - 2em);
overflow: scroll;
margin-top: 1em;
}
table{
  position: relative;
  font-family: "Calibri";
  font-size: 20px;
  border-collapse: separate;
  border-spacing: 0;
}

.fileimp,.filesub{
height: 42px;
width: 320px;
font-size: 26px;
padding-left: 10px;
padding-right: 10px;
border: 0;
border-radius: 5px;
vertical-align: middle;
}


//.trashtab td, .trashtab thead{
  //border:2px solid #C6C8C8;
//}
//td, th{
 // border:2px solid #C6C8C8;
//}
//#tabletxt table,td,th,thead td{
//  border-collapse: collapse; 
//  border:2px solid #C6C8C8;
//}
//tr#txtfa td{
//position: sticky;
//  top: 0;
//border-collapse: collapse; 
//border:2px solid #C6C8C8;  
//background: #F2E2C4;
//z-index: 5;
//}
//table, thead, th, td , th div{
//  border: 4px solid #C6C8C8;
//}
//#tabletxt table thead{
//position: sticky;
//top: 0;
//z-index: 5;
//font-size: 30px;
//}
th {
  position: relative;
  width: 200px;
//  border: 2px solid #C6C8C8;
  height: 60px;
  background: #F2E2C4;
}
//td {
//  border: 2px solid #C6C8C8;
//}
th,td {
  border-right: var(--border);
  border-bottom: var(--border);
}

th:first-child, td:first-child {
  border-left: var(--border);
}
thead tr:first-child th {
  border-top: var(--border);
}
:root {
  --border-width: 2px;
  --border-color: #C6C8C8;
  --border: var(--border-width) solid var(--border-color);
}
.desktdata{
width: 210px;  
}
.desktfile{
  width: 100px;
}
.desktab thead{
  text-align: center;
}
.desktlen,.desktlink{
  width: auto;
}
.thtitle{
//background: #F2E2C4;
white-space: nowrap;
min-width: 200px;
padding-left: 10px;
}
.thtitle p{
  text-indent: 10px;
}
.textlistselect{
  height: calc(100vh - 202px);
  width: calc(100vw - 2em);
  overflow: scroll;
  margin-top: 25px;
}
.trfix{
  height: 48px;
}
.txtchkb{
   //margin-left: 5px;
   //margin-right: 5px;
   //float: left;
   //border: 2px solid red;
}
tbody tr:nth-child(2n),.fixbg2{background: #F2F2F2;}
tbody tr:nth-child(2n+1),.fixbg1{background: #ffffff;}

#txtfa{font-weight: bold;}

thead{
  position: sticky;
  top:0;
  z-index: 5;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  max-height: 60px;
}

#txtsrc td{width: 200px;}


.txtfixen{
  position: sticky;
  left: 249px; 
  z-index: 3;
background: #F2E2C4;
font-weight: bold;
}
  
.txtfixchek{
width: 45px;
position: sticky !important;
z-index: 4 !important;
background: #F2E2C4;
padding: 0;
left: 0;
}
th.txtfixchek div{
  width: 45px;
}
#langcheckedit{
 width: 24px;
 height: 24px;
 margin-left: 10px;
}
.txtfixkey{
width: 140px;
position: sticky !important;
z-index: 3 !important;
background: #F2E2C4;
left: 47px;
font-weight: bold;
}

.txtz1{z-index: 1;}

.chektxt{
   //background: rgba(155,155,155,0.5);
}
.fleft{float: left;}
.edittitle{margin: 1em;}
.tlttxt{
 width: calc(100% - 11em);
 float: left;
 margin-left: 1em;
 margin-right: 2em;
 font-size: 22px;
}
.eTextf{
background: #CDCDCD;
position: relative;
width: 60%;
height: 70%;
top: 10%;
display: none;
overflow: auto;
margin: auto auto;
border: 1px solid #F1F1F1;
border-radius: 20px;
}
.eTextftnv{
  background: #CDCDCD;
  position: relative;
  width: 40%;
  height: 40%;
  top: 30%;
  display: none;
  overflow: auto;
  margin: auto auto;
  border: 1px solid #F1F1F1;
}
.eimpTXTp{
  background: #CDCDCD;
  position: relative;
  width: 60%;
  height: calc(100% - 6em);
  top: 2em;
  display: none;
  z-index: 10;
  padding: 1em;
  overflow: auto;
  margin: auto auto;
}
.tjsonsave{
  margin-top: 55px;
  width: calc(100% - 3em);
}
.jsonin{
  width: calc(100% - 300px);
  float: left;
  margin-top: -2px;
}
.jsonin input {
height: 54px;  
font-size: 26px;
padding-left: 10px;
padding-right: 10px;
}
.jsoncom{
  width: calc(50% - 2em);
}
.jsonurl{
  width: calc(50% - 1em);
  margin-left: 1em;
}
.trashjson{
  background: #CDCDCD;
  position: relative;
  width: calc(100vw - 4em);
  height: calc(100vh - 4em);
  top: 1em;
  display: none;
  padding: 1em;
  overflow: auto;
  margin: auto auto;
}
#TJSON{
  height: calc(100vh - 5em - 94px);
  width: calc(100% - 3em - 55px);
}
.trashjson textarea{
width: 100%;
height: 100%;
border-radius: 5px;
border: 0;
padding: 10px 30px 24px 14px;
resize: none;
font-size: 20px;
font-family: "Calibri";
}
#trashediterror, #eediterror {
  font-size: 28px;
  color: #8C0303;
  position: absolute;
  bottom: 1em;
}  


.trashdelsel{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
  border-bottom-color: #8C0303;
  border-bottom-size: 5px;
  border-bottom-style: solid;
  display: inline-block;
  height: 33px;
  //margin-top: 36px;
  //margin-left: 31px;
}

#trash_delete_listw{
  position: relative;
  display: block;
  //margin-left: 40px;
  height: calc(100% - 237px);
}
#trash_delete_yes,#trash_clean_yes, #eDeleteSave{
  right: 40px;
  position: absolute;
  bottom: 20px;
}
#trash_delete_no,#trash_clean_no
{
  left: 40px;
  position: absolute;
  bottom: 20px;
}
.trash_clean_but{
width: 100%;
margin-top: 60px;
}
.eTxten {
  float: left;
}
.trash_edidterror{
  height: 60px;
  margin-top: 1em;
  margin-left: 1em;
}
//#eTexteditin{min-width: 90%;min-height: 60vh}
#eTextedit{
  width: calc(100% - 7em);
  height: calc(100% - 12em);
  margin-left: 1em;
}
#eTexteditin{
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  margin-top: 1em;
  font-size: 20px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #F1F1F1;
}


#stickth{
  position: absolute;
  right: 10px;
  top: 10px;
}
.close{
 font-size: 3em;
 float: right;
}
.close:hover{
  cursor: pointer;
}
.txtclose, .txtaddclose{
font-size: 44px;
right: 16px;
position: absolute;
top: 33px;
color: #8C0303;
}
.txtclose:hover{
  cursor: pointer;
}

.txtsave{
   right: 10px;
   position: absolute;
   bottom: 10px;
   font-size: 2em;
}
.txtsave:hover{
  cursor: pointer;
}
.addtextt{
border-bottom: 5px solid #8C0303;
font-weight: bold;
font-size: 22px;
display: inline-block;
text-transform: uppercase;
margin-left: 34px;
margin-top: 29px;
height: 43px;
float: left;
}
.addTextf{
/*
 background: rgba(226, 229, 120, 0.95);
 left: 25%;
 position: fixed;
 width: 50%;
// top: 25%;
display: none;  
min-height:90%;
top: 3em;
 bottom:3em;
 position:fixed;
 overflow-y:scroll;
 overflow-x:hidden;
 z-index: 3;
 */
 background: #CDCDCD;
 position: relative;
 width: calc(100vw - 4em);
 height: calc(100vh - 4em);
 top: 1em;
 display: none;
 padding: 1em;
 overflow: auto;
 margin: auto auto;
}
.addTxtlang .trash_emp_t{width: calc(100% - 55px - 4em);}
.addTxtlang .trash_emp_lng{width: 80px;}
.fullnameadd{
  font-size: 14px;
  line-height: 0;
  margin-top: -27px;
  position: absolute;
}
.addseltnv{margin-left: 80px;}
.nulsel{
  height: 55px;
  font-size: 26px;
  padding-left: 10px;
  padding-right: 7px;
  margin-top: 1em;
  border-radius: 5px;
  border: 1px solid #AAA;
  margin-left: 10px;
  vertical-align: middle;
}
.addTextLng{
   width: 150px;
   display: inline-block;
}
.eTextf span{
   font-size: 48px;
}
.eTextf span:hover{
   cursor: pointer;
}
.regtaprof{
	width: 227px;
}
.reg_prifile{
	width: 377px;
	padding: 3px;
}
nav {
position: fixed;
top:0;
left: 0;
width: 100%;
height: 60px;
line-height: 60px;	
background: #FFF;
z-index: 20;
//box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.93);
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
text-transform: capitalize ;
font-size: 26px;
color: #000;
}

nav ul{ list-style: none outside none; margin:0; padding: 0; }
nav li {margin: 0 10px; display: inline-block;}
.usl{
position: absolute;
top: 0;
right: 0;	
}
.ramdev{
	width: 100%;
	background: #bdbdbd;
	height: 50px;
	overflow: auto;
}
.content{
margin-left: 1em !important;
margin-top: 95px;
position: absolute;
}
#auf input,#auf select{
height: 45px;
width: 185px;
margin-right: 8px;
font-size: 34px;
color: rgba(0, 82, 103, 0.94);
border: 1px solid #04819E;
text-indent: 10px;
border-radius: 5px;
}
.adduser{
  width: 400px !important;
  color: #F2F2F2 !important;
}
.userreset{
  width: 185px !important;
  color: #F2F2F2 !important;
}
.adduser:hover, .userreset:hover{cursor: pointer;}
.usrlst{
  position: absolute;
  z-index: 1;
  width: 100vw;
 // height: calc(100% - 145px);
  top: 108px;
  left: 0;
  bottom: 0;
  right: 0;
}
.userlist{
position: relative;
display: block;
width: calc(100% - 1em);
height: 100vh;
overflow: auto;
margin-left: 1em;
}
.fauf{
background: rgba(255,255,255,0.5);
height: 75px;
padding: 5px;
position: absolute;
margin-top: 5px;
display: none;
z-index:100;
}
.useraddf_close {
float: inline-end;
line-height: 55px;
background: rgba(255,255,255,0.5);
padding: 0 10px 0 10px;
margin-top: 10px;
font-size: 24px;
cursor:pointer;
}
.auf_error_repot{
height: 44px;
line-height: 44px;
padding-left: 33px;
background: rgba(255,255,255,0.8);
color: red;
font-size: 21px;
font-weight: bold;
display: none;
}
.cleans{
display: block;
clear: both;
}
.usl span{
margin-right: 27px;	
}
.ltext{
  width: 170px;
  word-wrap: break-word;
}
.active {
border-bottom-color: #8C0303;
border-bottom-size: 5px;
border-bottom-style: solid;
font-weight: bold;
}

.trashcount{
  font-size: 30px;
  font-weight: bold;
  border: 4px solid #8C0303;
  border-radius: 45px;
  width: 45px;
  display: inline-block;
  height: 43px;
  text-align: center;
  line-height: 45px;
  color: #8C0303;
}
.trashcounth{
  //font-size: 18px;
  font-weight: bold;
  //border: 4px solid #8C0303;
  //border-radius: 16px;
  //width: 24px;
  //display: inline-block;
  //height: 24px;
  //text-align: center;
  //line-height: 24px;
  color: #8C0303;
}
.active:hover{cursor: default;}
#exit{}
#exit:hover{
cursor: pointer;
border-bottom-color: #8C0303;
border-bottom-size: 5px;
border-bottom-style: solid;
}
#settings:hover{
cursor: pointer;
color: rgba(217, 242, 253, 0.89);
}
nav li:hover{
cursor: pointer;
//text-decoration-line: underline;
//text-decoration-style: solid;
//text-decoration-color: #8C0303;
//text-decoration-thickness: 5px;
border-bottom-color: #8C0303;
border-bottom-size: 5px;
border-bottom-style: solid;
//border-top-style: none;
}
.btn{
height: 2em;
border-radius: 5px;
background:rgba(233, 242, 187, 0.75);
line-height: 2em;
padding: 8px;
margin-left: 8px;
	
}
.fimport{
   display:none;
}
#hold{
  background: center / contain no-repeat url('/img/protect_open.png');
}
#unhold {
 background: center / contain no-repeat url('/img/protect_close.png'); 
}

#hold, #unhold{
  display: block;
  height: 30px;
}

#unhold:hover, #hold:hover{
  cursor: pointer;
  
}

/*
*
{
    user-select: none;
    -webkit-tap-highlight-color:transparent;
}
*:focus{outline: none;}
*/
.toggle-button-cover
{
    display: table-cell;
    position: relative;
    width: 71px;
    height: 2em;
    box-sizing: border-box;
}
.h2 {height: 2em;}
.button-cover
{
    //height: 100px;
    //margin: 20px;
    background-color: #fff;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    border-radius: 4px;
}

.button-cover:before
{
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}

.button-cover, .knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button
{
    position: relative;
    top: 50%;
    width: 74px;
    height: 2em;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.button.r, .button.r .layer
{
    border-radius: 100px;
}

.button.b2
{
    border-radius: 2px;
}

.checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs
{
    z-index: 2;
}

.layer
{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}



.btn:hover {
	cursor: pointer;
	background: rgba(177, 212, 0, 1);
}
.zapit{
background:rgba(238, 157, 36, 1) !important;	
}
#regb div:hover{
	background: rgba(233, 242, 187, 1) !important;
}
.wnumsender{}
.wnummsg{}
.wnumdata{}
.wfr{
clear: left;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
height: calc(100vh - 100px);
width: 90vw;
padding-top: 13px;
	
}
.forformreg{
clear: left;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
height: calc(100vh - 100px);
width: 90vw;
padding-top: 13px;
}
.formreg{
	margin-left: 13px;
	margin-bottom: 13px;
	position: relative;
	
}
.formreg:nth-child(odd) {
    background-color: rgba(197, 247, 218, 0.75);
}
.formreg:nth-child(even){
    background-color: rgba(235, 250, 206, 0.93);
}
.regacc {
padding: 13px;
}

section{
margin-top: 34px;
}

.hide{
display: none !important;
top:-1000px;
}
#auth {
width: 100%;
height: 100%;
display: grid;	
position: absolute;
}
.auth{
margin: auto;
padding: 13px;
background: rgba(98, 187, 207, 0.63);
}
.auth input{
height: 55px;	
width: 233px;
margin: 8px auto 5px auto;
font-size: 34px;
color: rgba(0, 82, 103, 0.94);
border: 1px solid #04819E;
}
.useraddf{

}
.auth input:not([type=button]){
text-indent: 10px;
} 
.auth input[type=submit] {
display: block;
background: #206676;
color: #fff;
font-size: 18px;
}
.athsubm:hover{
background: red;
color: #000;
cursor: pointer;
}

/* allsms*/
#sallsms{padding: 0 34px 34px;}
.smsinfo{
background:rgba(164, 255, 176, 0.46);
clear: left;
position: fixed;
height: 2em;
overflow:hidden;
width: 100%;
}
.sms:nth-child(odd) {
    background-color: rgba(162, 222, 208, 0.91);
}
.sms:nth-child(even){
    background-color: rgba(235, 250, 206, 0.93);
}
.smsid{width: 50px;}
.smssender{width: 200px;}
.tnum{
width: 200px;
}
.smsmess{
width: 200px;
}
.smsdate{
width: 200px;
}
.allsms{
padding-top: 2em;

}
.sms{
clear: left;
width: 100%;
overflow: hidden;
}
.sms:nth-child(odd) {background-color: rgba(162, 222, 208, 0.91);}
.sms:nth-child(even){background-color: rgba(235, 250, 206, 0.93);}
.sms:hover{background-color: rgba(133, 129, 235, 0.93);}
#allports{

padding: 0 21px;	
}
.fl{
	float: left;
}
.acnp{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
height: calc(100vh - 100px);
width: 90vw;
}
.ports {
font-size: 18px;
line-height: 14px;
background: rgba(179, 237, 200, 0.66);
width: 186px;
padding: 13px;
margin-right: 13px;
font-weight: bold;
}
.lastsmsport{
	width: 100%;
	height: 55px;
	background: rgba(255, 255, 255, 0.66);
}
.ports a{
	text-decoration: none;
	color: #000;
}
.ports:nth-child(odd){
   background:#d3ffe6;
}
.ports:hover{
background: rgba(255, 255, 255, 0.66);	
}
.porta {
width: 34px;
margin-left: 10px;
}
.numa {
}
.acc div{
height: 2em;
line-height: 2em;
}
.acclist{
clear: left;
background: rgba(202, 184, 250, 0.87);
}
.acclists{
clear: left;
background: rgba(185, 220, 251, 0.57);
}
.acclists:nth-child(odd){
	background: rgba(240, 250, 184, 0.57);	
}
.acc div div{
border: 1px solid black;
padding-left: 5px;
}
.accid{
	width: 2em;
}
.accemail{
	width: 17em;
}
.accnum{
	width: 7em;
}
.acclogin{
	width: 11em;
}
.accpass {
	width: 11em;
}
.accdatadr{width: 7em;}
.accdatareg{width: 9em;}
.smsreset{
	font-size: 2em;
}
.smsreset:hover{
	cursor: pointer;
}

.td1{width: 200px;}
.td2{width: 200px;}
.td3{width: 400px;}
.td4{width: 100px;}
.td5{width: 100px;}

.tr{clear: both;}
.usrlsthlp{
height: 40px;
width: 100%;  
}
.tr-header{
height: 40px;
line-height: 40px;
position: fixed;
background: #F2E2C4;
z-index: 2;
font-size: 24px;
font-weight: bold;
}
.tr-header div{text-align: center;}
.userslist{font-size: 22px;}
.tr-header div,.userslist div{border: 1px solid #000;}
.userslist div{
height: 50px;
padding-left: 1em;
line-height: 50px;
}
.userslist select{
  height: 34px;
  width: 150px;
  font-size: 22px;
  padding-left: 1em;
}
.userslist input{
height: 34px;
width: 270px;
font-size: 22px;
padding-left: 1em;
padding-right: 1em;
}
.userslist .td1{width: calc(200px - 1em);}
.userslist .td2{width: calc(200px - 1em);}
.userslist .td3{width: calc(400px - 1em);}
.userslist .td4{width: calc(100px - 1em);}
.userslist .td5{width: calc(100px - 1em);}
.userslist div:hover {
//background: rgba(51,153,255,0.5); 
}
.eyeshow{
  margin-top: 5px;
  position: absolute;
  margin-left: 9px;
}
.eyeshow:hover{
cursor: pointer;
fill: #5046e5;
}
.ssave:hover,.user_del:hover{cursor: pointer;}

.omclose{
position: absolute;
top: 15px;
right: 65px;
}
.oclose{
position: absolute;
top: 15px;
right: 70px;  
}
.mclose{
  position: absolute;
//top: 39px;
//right: 32px;
  width: 55px;
  height: 55px;
  cursor: pointer;
  //border: 4px solid #8C0303;
  //border-radius: 50%;
}

.mclose:before,
.mclose:after {
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  width: 55px;
  height: 9px;
  background: #8C0303;
}

.mclose:before {
  webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mclose:after {
  webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


#log{
  position: fixed;
  width: 260px;
  height: 80%;
  background: #fff;
  left: 0;
  border: 1px solid red;
  overflow: auto;
}

@media (max-width: 1500px) {
nav{
  font-size: 20px;
}
button{
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;

  }
.jsonin input{
  height: 50px;
}
.search{
  width: 300px;
}
}