body { font-size: 16px;font-family: sans-serif;}

table {border-collapse: separate; border-spacing: 0 3px; margin-top: -5px;}
td {border: solid 1px #ccc;border-style: solid none;padding: 3px;background-color: #fff;}
td:first-child {border-left-style: solid;border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
td:last-child {border-right-style: solid;border-bottom-right-radius: 4px; border-top-right-radius: 4px; } 

.noborder{
border: solid 1px #fff;border-style: solid none;padding: 1px;background-color: #fff;
border-left-style: solid;border-top-left-radius: 1px; border-bottom-left-radius: 1px;
border-right-style: solid;border-bottom-right-radius: 1px; border-top-right-radius: 1px; 
}

@media (min-width:300px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; } }
@media (min-width:320px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; } }
@media (min-width:430px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; } }
@media (min-width:481px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; } 
@media (min-width:560px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; }}}
@media (min-width:641px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; }}
@media (min-width:600px)  { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; }}
@media (max-width:980px)   { #main {  width: 100%; margin: auto; max-width: 100%; min-width: 100%; } }
@media (min-width:1025px)  { #main {  width: 750px; margin: auto; max-width: 750px; min-width: 750px; } }
@media (min-width:1281px) { #main {  width: 750px; margin: auto; max-width: 750px; min-width: 750px; } }
  
#timer_row_on{background-position-y: 13px;background-size:25px 25px;background-image:url(https://www.ippriz.com/panel/images/power-on-timer.png);background-repeat:no-repeat;}
#timer_row_off{background-position-y: 13px;background-size:25px 25px;background-image:url(https://www.ippriz.com/panel/images/power-off-timer.png);background-repeat:no-repeat;}

.boxer {
   display: table;
   border-collapse: collapse;
   width:100%;
   border-collapse: separate; border-spacing: 0 5px; margin-top: -5px;
}
 
.boxer .box-row {
   display: table-row;
}
 
.boxer .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   /*border: 1px solid black;*/
   width:33%;
}

.boxer .sol {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   /*border: 1px solid black;*/
   border: solid 1px #ccc;border-style: solid none;padding: 3px;background-color: #fff;
   border-left-style: solid;border-top-left-radius: 4px; border-bottom-left-radius: 4px;
   width:25%;
   
}

.boxer .orta {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   /*border: 1px solid black;*/
   border: solid 1px #ccc;border-style: solid none;padding: 3px;background-color: #fff;
   width:55%;
}

.boxer .sag {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   /*border: 1px solid black;*/
   border: solid 1px #ccc;border-style: solid none;padding: 3px;background-color: #fff;
   border-right-style: solid;border-bottom-right-radius: 4px; border-top-right-radius: 4px;
   width:20%;
}

.logr{border-right: 1px solid #ddd;}