@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700);
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700);
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstamil.css);*/
@font-face {
  font-family: 'Noto Sans Tamil';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Regular.eot);
  src: url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Tamil';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Bold.eot);
  src: url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstamil/v3/NotoSansTamil-Bold.ttf) format('truetype');
}
* {
  box-sizing: border-box;
}
html,body {font-family: 'Noto Sans Tamil', sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight:400;margin:0px;font-size:13px;color:#000;}

body{background-color:#ffffff;max-width:400px; margin:0 auto;}
/*body {margin:0px;font-family:'Roboto';font-weight:400;font-size:13px;color:#333333;}*/
.pagecontent{width:100%; padding:15px 0px; position:relative; top:32px; box-sizing:border-box; margin-bottom:15px; }

ul{ list-style:none; padding:0; margin:0;}
a{ text-decoration:none; color:#333333}
sb {font-weight:600;}
.errspan{ color:#FF0000}
.button, input[type="submit"], input[type="button"] { display:inline-block;background-color:#ff6700; color:#fff; border:0; padding:9px 17px; font-weight:500; font-family:'Roboto'; font-size:12px; text-transform:uppercase; line-height:20px; border:0px solid #ff6700; font-weight:600; cursor:pointer; _cursor:pointer }
.button:hover,input[type="button"]:hover,input[type="submit"]:hover {background-color:#f95b07}

/*
input[type="text"], input[type="number"], input[type="password"],input[type="email"],textarea,select { color: #000;width:100%;padding: 5px 7px;-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);font-family:'Roboto'; border: 1px solid #C3C3C3; font-size:20px; font-weight:400; outline:0; }
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus {  border:1px solid #ed4306;}
*/

input[type="text"], input[type="number"],input[type="tel"], input[type="password"],input[type="email"],textarea,select { color: #000;width:100%;padding: 5px 0px; font-family:'Roboto'; border:0; border-bottom: 1px solid #C3C3C3; font-size:20px; font-weight:400; outline:0; margin-bottom:20px; }
input[type="text"]:focus, input[type="number"]:focus,input[type="tel"]:focus, input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus,textarea {  border-bottom:1px solid #9300b3;}

select{ width:100%; box-shadow: none;background: transparent;background-image: none;-moz-appearance: none;-webkit-appearance: none;background:url(../images/down-arrow.svg) no-repeat; background-size:10px; background-position: right 7px center; padding: 5.5px 7px;}
.button {display:inline-block;background-color:#ff6700; color:#fff; border:0; padding:5px 8px; font-family:'Roboto'; font-size:12px; line-height:20px; text-transform:uppercase; font-weight:600}
.button.black{background-color:#666; color:#fff;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
/* Firefox */
input[type=number] {  -moz-appearance: textfield;}

#header {position:fixed; top:0; z-index:999; max-width:400px; width:100%; margin:0 auto; display: table; padding:10px; background-color:#000;}
#header .headleft { width:8%; float:left;}
#header .headleft i{ font-size:18px; padding-top:5px; color:#ffffff;}
#header .logo {text-align:center; width:67%; float:left;}
#header .logo img {height:27px;}
#header .headright { width:25%; float:left; text-align:right;}
#header .headright a{font-size:11px; margin:0 4px;}
#header .headright i{ font-size:18px;}
#header .topadv{width:calc(500px); float:right;  padding:0;}
#header .signinsection{ display:inline-block;float:left; width:50px;text-align:right;font-size:20px;cursor:pointer;}
#header .topadv .topadimage{width:100%;}
#header .mainmenuicon{ display:none;}

/*#header .logo img{ height:inherit; width:auto;}
#header .signinsection img{height:20px; width:auto; cursor:pointer}

*/

/* Menu */
#menu { border-bottom:1px solid #ececec; background-color:#fff; width:100%;}

#menu ul li{ float:left; margin:0 10px;}
#menu ul li:first-child{ margin-left:0px;}
#menu ul li a{ text-decoration:none; color:#fff;font-weight:600;font-size:12px; text-transform:capitalize}

/*homepage*/

.homepage{ width:100%; padding:0; margin:0;}
.homepage .leftcontent{  float:left; width:calc(50% - 36px); margin-right:10px; height:auto;  background-color:#F2F3F5; height:285px; position:relative; border:3px solid #fff; box-shadow: 0px 3px 5px 0px #c0c0c0; }

.homepage .rightcontent{  float:left; width:50%; height:290px; display:inline-block }
.homepage .rightcontent .w50{ float:left; width:calc(50% - 15px);background-color:#F2F3F5;}
.homepage .rightcontent .mleft{  margin-left:15px;height:285px;}
.homepage .rightcontent .mright{  margin-right:15px;height:290px; display:inline-block}

.homepage .rightcontent .newsimg{ width:100%; height:285px; }
.homepage img {  }

.homepage .rightcontent .newstext{ font-size:14px; overflow:hidden;position:relative; text-align:center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.20) 18%, rgba(0,0,0,0.42) 36%, rgba(0,0,0,0.85) 70%, rgba(0,0,0,0.95) 87%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 18%,rgba(0,0,0,0.42) 36%,rgba(0,0,0,0.85) 70%,rgba(0,0,0,0.95) 87%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 18%,rgba(0,0,0,0.42) 36%,rgba(0,0,0,0.85) 70%,rgba(0,0,0,0.95) 87%,rgba(0,0,0,1) 100%);color:#FFFFFF;
 width:285px; position:absolute; margin-left:3px; height:50px; padding-top:50px; margin-top:-103px;}

.homepage .rightcontent .adimage{ width:285px; height:285px; background-color:#FFFFFF;border:3px solid #fff; box-shadow: 0px 3px 5px 0px #c0c0c0; }
.homepage .rightcontent .adimage .imagead{ width:100%;height:285px;}	

.searchpanel{ width:100%; display:inline-block; clear:both; padding:10px;}
.page-title { font-size:26px; color:#333; font-weight:400; float:left;}

/*News Box*/
.newsimg{ max-width:100%; height:auto; margin-bottom:-5px;}
.newsrow{clear: both;padding: 0px;margin: 10px 0 0 0; display:block;}
.newsrow:before,.group:after { content:""; display:table; }
.newsrow:after { clear:both;}
.newsrow { zoom:1; /* For IE 6/7 */ }
.newsbox {margin: 1% 0 1% 1.6%;width: 23.80%; display: table-cell;float:left; } /*width: 33.33%;padding: 10px*/
.newsbox:first-child { margin-left: 0; }
.newstext{ padding:10px 10px 35px 10px; display:inline-block; font-weight:600; background-color:#000; border-radius:0 0 0px 0px; color:#fff;}
.bgimg{ width:100%; background-position:center center; background-repeat:no-repeat; height:150px; background-size:cover;}
.newsboxtitle{ width:100%; height:40px; font-size:12px; padding:5px 0;}
.category-title{font-size:26px; color:#333; font-weight:500; position:relative; padding:15px 0 7px 0;border-bottom:1px solid #f2f2f2}
.category-title:after {content: " ";border-bottom: 3px solid #04d5e8;position: absolute; bottom: -1px; left: 0;width: 50px;}

/*GRID*/
.grid { width:100%; display:inline-block; padding:0; margin:0; }
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] { padding:0; margin-bottom:10px;}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

.g33 { width: 100%; }
.g23 { width: 66.13%; }
.g13 {width: 32.26%;  }

.newslisting{ width:100%; display:inline-block; clear:both; padding:10px;}
/*Table*/
.table {  width:100%; font-family: 'Noto Sans Tamil', sans-serif;font-weight:400;}
.table .row { clear:both; width:100%; display:inline-block; border-bottom:1px #E1E1E1 solid;padding:4px 0; font-size:13px;  }
.table .row:last-child{ border-bottom:none} 
.table .headrow { font-weight:600;  background-color:#f2f2f2; color:#666; padding:7px 0;font-size:12px;}
.table .row .col { float:left;}
.table .row .rowcol { padding: 5px 0 5px 10px;}
sl{ color:#8c8c85}
.table .row:not(:first-child):hover{ background-color:#f8f8f8; display:inline-block; cursor:pointer; _curson:pointer; }
.table .row .sno { width:50px; text-align:center;}
.table .row .date { width:100px;}
.table .row .status { width:70px; text-align:center;}
.table .row .teaser{ width:calc(100% - 50px); font-family: 'Noto Sans Tamil', sans-serif; text-align:justify}

#postnews{width:100%; display:inline-block; clear:both; padding:15px;}
.form-title{ font-size:32px; color:#333; font-weight:300;  }
.formsection{width:250px; margin:10px 50px 0 0; float:left; height:auto}
.compulsarytext{ font-size:14px; color:#FF6709; padding-left:2px;}
#inputform .field{ width:100%; margin:0px 0;}
#inputform .field label{clear:both; height: 20px; line-height: 20px; text-align: left;  width: 100%; font-size:12px; color:#333;}
#inputform input[text] {font-size:20px; }

/*News Content*/
.newscontent{width:100%; padding:15px;}
.newstitle{ font-size:21px; color:#000; font-weight:600; width:100%; text-align:left; line-height:27px; border-left:#ea0000 8px solid; padding-left:10px; }
.watermark {color:#FFFFFF; position:absolute; z-index:999; margin-top:-35px; margin-left:5px; padding: 0px 5px; border-radius:0 3px 3px 0; font-size:10px;}
.publishedinfo{padding:10px 0 5px; font-size:13px; margin-top:-6px;}
.newsteaser{ width:100%;font-size:13px; text-align:left; line-height:140%; padding:10px 0;}
.description { font-size:14px; line-height:160%; padding:15px 0; text-align:justify; }
.subcontenttitle{ font-size:14px; font-weight:600;}
.location {background-color:#FF0000; color:#FFFFFF; position:absolute; z-index:999; margin-top:12px; padding: 0px 5px; border-radius:0 3px 3px 0; font-size:10px;}
.newsthreadtitle { font-weight:600;}
.newsthreaddesc { font-size:14px; line-height:160%; padding:0; text-align:justify; }

/*new thread*/
.newsthread{clear:both; width:100%; height:100%; padding:10px 15px; text-align:justify;  }
.newsthreadcontent{padding:5px 0; display:inline-block; width:100%; }
.betweennewssection{padding:10px 0; display:inline-block; max-width:825px; height:auto; text-align:center; margin: 0 auto;}
.betweennewssection .imageadbetween{width:825px;height:auto; text-align:center}
.newsthreadcontent .number{float:left; width:30px; height:30px; background-color:#990033; color:#fff; text-align:center; line-height:30px; display:none;}
.threadimage {opacity: 1;display: block;transition: .5s ease; backface-visibility: hidden; vertical-align: middle;text-align:center; margin: 0 auto;}
.videosection{ width:100%; height:auto; position:relative; text-align:center; margin: 0 auto;}
.videolink{ width:825px; height:480px;}
.threadphoto{  position:relative; width:100%; height:auto; text-align:center;}
.newsthread .threadphoto img{ width:100%;}
.phototag{ font-size:11px; color:#666666; padding:5px 0;vertical-align: middle;text-align:center; width:100%; }

.threadcontent{ font-size:14px; text-align:justify; line-height:22px; color:#000000;  position:relative; width:100%; }
.newsthread .optionsection {transition: .5s ease;opacity: 0;position:absolute;top: 0;left:0;text-align: center; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.optbutton{left:50%;top:50%;margin:-20px 0 0 -20px; width:40px; height:40px;background:rgba(0,0,0,0.5);border-radius:40px; position:relative;}
.optcbutton{left:50%;top:50%;margin:-20px 0 0 -50px; width:110px; height:40px;position:relative;}
.videodelete,.optcbutton .photodelete,.optcbutton .editthread,.optcbutton .delthread {background:rgba(0,0,0,0.8); height:inherit; float:left; margin-left:10px;border-radius:40px; }
.edit-ic {background-image:url("../images/pen.png");background-repeat:no-repeat; background-position:center center; background-size:20px auto;  cursor:pointer; width:40px; height:40px; float:left;  }
.editphoto-ic {background-image:url("../images/edit-image.png");background-repeat:no-repeat; background-position:center center; background-size:20px auto;  cursor:pointer; width:40px; height:40px; float:left;  }
.remove-ic {background-image:url("../images/delete-button.png");background-repeat:no-repeat; background-position:center center; background-size:22px auto;  cursor:pointer; width:40px; height:40px; float:left;  }
.camera-remove-button{background-image:url("../images/camera-remove-button.png");background-repeat:no-repeat; background-position:center center; background-size:24px auto; cursor:pointer; width:24px; height:24px; float:left; display:inline-block; float:left; margin:10px;}
.no-video{background-image:url("../images/no-video.png");background-repeat:no-repeat; background-position:center center; background-size:24px auto;  cursor:pointer;width:24px; height:24px; float:left; display:inline-block; float:left; margin:10px}
.edit-video{background-image:url("../images/video-edit-button.png");background-repeat:no-repeat; background-position:center center; background-size:24px auto;  cursor:pointer;width:24px; height:24px; float:left; display:inline-block; float:left; margin:10px}

.threadcontent:hover .optionsection { opacity: 1;}
.threadphoto:hover .optionsection { opacity: 1;}
.videosection:hover .optionsection { opacity: 1;}

/*pop up*/
#popupBackground { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; margin:0 auto; z-index: 99999; border:0;background:rgba(0,0,0,0.7); display:none;}
#popupForm {position:fixed;top: 0;border-radius:5px; z-index: 999999; width: 90%; margin:0 auto; background-color:#fff; padding:20px; left:0; right:0; bottom:0; margin:auto;}
/*#popupForm {position:fixed;top: 100px;left: calc((100vw - 500px)/2);width:100%;max-width: 500px;height:calc(105vh - 300px);border: 5px solid #CCCCCC;z-index: 999999; background-color:#fff;display:none; padding:20px; }
*/
.close{z-index:9999;top:-12px;right:-12px;float:right;position:absolute;background-color:#fff;border-radius:25px;cursor:pointer}
.contentbox{ width:500px; height:370px; }

.file-input-wrapper {width: 100%;overflow: hidden;position: relative; background-color:#F0F0F0;  }
.file-input-wrapper > input[type="file"] {position: absolute;opacity: 0;cursor:pointer; width:100%; height:200px;  left:0; top:0;}
.btn-file-input {display: inline-block;width: 100%;height:100px; background-image:url(../images/upload-photo.png); background-position:center center; background-repeat:no-repeat; background-size: auto 100%;  margin:50px auto; }
.imagebox{width: 100%; margin:0 auto; text-align:center}
#imagepreview{ vertical-align: middle;width:100%; height:230px;}

/*pagination*/
.pagination {clear:both; margin-top:10px;display:flex;align-items: center;justify-content: center;}
.pagination li{ list-style:none; display:inline; padding-left:5px; font-size:11px;}
.pagination .details{ font-weight:500;}
.pagination .current{ padding:1px 10px;  background-color:#000; color:#FFFFFF;}
.pagination a{ border:1px solid #000000; padding:1px 10px; font-weight:500; font-size:12px;}

/*floating menu*/
.floatingmenu{  background-color:#000; color:#fff; float:right; position:fixed; right:0; bottom:0px;display: table-cell; z-index:99; padding:5px 0;}
.floatingmenu ul li{ padding:5px 15px; cursor:pointer; font-size:30px;}
.floatmenuicon{ height:auto; width:28px}

/*Sub menu*/
.submenu{float:left;  width:250px;  background-color:#F5F5F5; display: table-cell; height:500px;}
.content{ width:calc(1200px - 280px); float:left;margin-left:30px;display: table-cell; }

.newsbuttonsection{ float:left;  width:250px;  background-color:#F5F5F5; display: table-cell; height:500px; }
.newsbuttonsection ul li{ width:calc(100% - 30px); padding:10px 15px;border-bottom:1px solid #E1E1E1;}
.newsbuttonsection ul li a{color: #757575;}
.subtitleheader{ font-weight:600; text-transform:uppercase; color: #757575; font-size: 12px; background-color:#E1E1E1;}
.newsbuttonsection ul li a:hover{ color:#f54100}
.newsbuttonsection .curmenu{ background-color:#424242;}
.newsbuttonsection .curmenu a{ color:#FFFFFF}
.profilemenu{color:#f54100;}
.editicon{height:auto; width:15px}

/* News Content Page*/
.newsidenav {height: 100%;width: 0;position: fixed;z-index: 99999;top: 0;left: 0;background:rgba(0,0,0,0.7);overflow-x: hidden;padding:0;}
#threadformcontent {position:fixed;top: 0;border: 5px solid #CCCCCC;z-index: 999999; background-color:#fff; padding:20px; left:0; right:0; bottom:0; margin:auto; display:
none; height:450px}
.newsidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.newsidenav a:hover {color: #333;}
.newsidenav .closebtn {position: absolute;top: 0;right: 0;font-size: 36px;}
[id^=thread_]{display:none;}
input-wrapper {width: 100%;overflow: hidden;position: relative; background-color:#F0F0F0;  }
.input-wrapper > input[type="file"] {position: absolute;opacity: 0;cursor:pointer; width:100%; height:23px;  left:0; z-index:11;}

.previewbox_img{width: 100%;text-align:center; position: relative; height:230px;}
.previewbox_img img{ position: absolute; z-index:1; left:0; max-height: 100%;max-width: 100%; width: auto;height: auto;}

.previewbox{width: 100%;text-align:center; height:170px; position: relative;}
.previewbox img{ max-height: 100%;max-width: 100%; width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; z-index:1}
.previewbox_edit img{ width:100%; height:200px;}

/*.previewbox{width: 100%;text-align:center; height:230px; position: relative;}
.previewbox img{ max-height: 100%;max-width: 100%; width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; z-index:1}
*/

/*.icon-date{ background-image:url(../images/date.png); background-repeat:no-repeat;background-size:17px 17px; background-position:left}*/

.newsarticle{ width:100%; margin:20px 30px 0 0; background-color:#fff;border:3px solid #fff; box-shadow: 0px 3px 5px 0px #c0c0c0; padding:0 20px; height:auto; display:inline-block }
.articlead{float:right;display:inline-block;width:300px;}
.articlead .adbetween{ width:300px;height:280px; display:inline-block; margin:20px 0 0 0;}
.articlead .lengthad{ width:300px;height:auto; margin:10px 0 0 0; display:block}
.articlead .imageadbetween{max-width:300px;height:auto;}

#footer{ width:100%; height:30px;box-sizing:border-box; text-align:center;}
#footermenu{ width:100%;background-color:#f9f9f9; height:50px;box-sizing:border-box; display:flex;align-items: center;justify-content: center; position:fixed;bottom:0;left:0}
#footermenu .iconbox{background: #dde1e7;border-radius: 10px;padding: 40px 30px;box-shadow: -3px -3px 7px #ffffff73,2px 2px 5px rgba(94, 104, 121, 0.288);}
#footermenu .icon{height: 30px;width: 30px;display: flex;position: relative; text-align:center; margin:0 10px;}
#footermenu .icon ia{height: 100%;width: 30px;font-size: 18px;outline: none;border: none;color: #595959;background: #dde1e7;border-radius: 25px;box-shadow: inset 2px 2px 5px #babecc,inset -5px -5px 10px #ffffff73; padding-top:5px;}
#footermenu .icon i{width: 100%;height: 30px;color: #000;font-size: 13px;font-weight: 600;background: #e9e9e9;border: none;outline: none;cursor: pointer;border-radius: 25px;box-shadow: 2px 2px 5px #babecc, -5px -5px 10px #ffffff73; line-height:30px;}


.catenews{clear:both; width:100%;margin:10px 0;  height:auto; display:inline-block;}
.catetitle{ font-size:18px; padding:10px 0; font-weight:600;}
.homenewssection {float:left; width:271.5px; height:auto; margin-right:30px;background-color:#fff; overflow:hidden;border:3px solid #fff; box-shadow: 0px 3px 5px 0px #c0c0c0; border-radius:7px;}
.homenewssection:last-child{ margin-right:0;}
.homenewssection .newsimg{ width:277.5px; height:150px; background-position:center center; background-size:100% auto; background-repeat:no-repeat;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;}
.homenewssection .newsimg:hover{background-size:290px auto;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;}
.homenewssection .newstext{ padding:10px; text-align:left;  height:50px; font-size:13px; }
.viewmore{clear:both; width:100%; display:block; text-align:right}
.viewmore a{ color:#0000FF}

.relatednews{width:100%; height:auto; clear:both; display:inline-block; padding:20px 0;}

.loginsection{width:100%; margin:40px auto; display:inline-block}
.w250{width:250px;}
.adminpanel{float:left; width:calc(100% - 280px); margin-left:30px;}

.trainlist{  background-color:#fff;border:3px solid #fff; box-shadow: 0px 3px 5px 0px #c0c0c0; padding:10px; height:auto; display:inline-block }
.trainlist .table .row { padding:6px 0;}
.table .row .descr { width:calc(100% - 90px);}
.table .row .time { width:70px;}

.brandform{ width:250px;}
.brandform .input-wrapper {width: 100%;overflow: hidden;position: relative; background-color:#F0F0F0; height:200px;}
.brandform .input-wrapper > input[type="file"] {position: absolute;opacity: 0;cursor:pointer; width:100%; height:23px;  left:0; top:60px; z-index:11;}

.catesection{ display:none;  background-color:#000; float:right; position:fixed; right:0; top:300px; margin-top:20px; color:#FFFFFF; padding:0 0 20px 20px;}

.postnews{ width:100%; clear:both}
.otpform{ display:none; clear:both; height:0px; margin:40px auto}
.postimage{height:170px!important;cursor:pointer; width:500px!important;}
.postnewsbt{ background-color:#F95B07; padding:11px 10px 10px 10px}

.complaintform{ width:300px; clear:both}
.complaintotpform{ width:300px; clear:both; display:none}

/* responsive table */
table {margin: 0;padding: 0;width: 100%;table-layout: fixed; font-family: 'Noto Sans Tamil', sans-serif;} /*border-collapse: collapse;*/
table caption {font-size: 1.5em;margin: .5em 0 .75em;}
table tr {background-color: #f8f8f8;border: 1px solid #ddd;padding: .35em;}
table th,table td {padding: .625em;text-align: center;}
table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;border-bottom: 1px solid #ccc;}


/* The side navigation menu */
.sidenav {height: 100%;width: 0;position: fixed;z-index: 9999;top: 0;left: 0;background-color: #111;overflow-x: hidden;padding-top: 60px;transition: 0.5s;background-color:#101010; padding-top:0;}
.sidenav a {padding: 8px 8px 8px 15px;text-decoration: none;font-size: 16px;color: #818181;display: block;transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 24px;margin-left: 50px;}
#main {transition: margin-left .5s;padding: 20px;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

/* Status */
.notify {align-items: center;font-weight: bold;font-size: 11px;display: inline-block;height: 100%;white-space: nowrap;width: auto;position: relative;border-radius: 10px;line-height: 1;overflow: hidden;padding: 5px 15px 3px 15px;text-overflow: ellipsis;word-break: break-word;}
/*.notify:before {border-radius: 50%;content: "";height: 10px;left: 6px;margin-top: -5px;position: absolute;top: 50%;width: 10px;}
.notify--published:before { background: #b4eda0;}*/
.notify-published {background: #6BC167;color: #fff;}
.notify-draft {background: #ffc400;}
.notify-approved {background: #3498db;color: #fff;}
.notify-declined {background: #ff4436;color: #fff;}
.notify-pending {background: #2c3e50;color: #fff;}
.notify-review {background:#FD007E;color: #fff;}

.status_circle {position: relative;display: inline-block;width: 15px;height: 15px;border-radius: 50%;margin: 10px;}
.status_circle.online, .status_circle.online:before {background: #72ff7d;}
.status_circle.offline, .status_circle.offline:before {background: #ff4242;}
.status_circle.invisible, .status_circle.invisible:before {background: #42e5ff;}
.status_circle.idle, .status_circle.idle:before {background: #ffda72;}

.status_circle1 {display: inline-block;width: 10px;height: 10px;border-radius: 50%;}
.status_circle1.published, .status_circle1.published:before {background: #6BC167;}
.status_circle1.declined, .status_circle1.declined:before {background: #ff4436;}
.status_circle1.review, .status_circle1.review:before {background:#004080;}
.status_circle1.approved, .status_circle1.approved:before {background: #3498db;}
.status_circle1.pending, .status_circle1.pending:before {background: #2c3e50;}
.status_circle1.draft, .status_circle1.draft:before {background: #ffc400;}
.circlespan {font-size:11px; line-height:10px; padding:3px;border-radius: 30px;}
.circlespan.draft{ border: 2px #ffc400 dotted; }
.circlespan.published{ border: 2px #6BC167 dotted; }

.onoffswitch {position: relative; width: 75px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; float:right;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer;border: 1px solid #000; border-radius: 20px;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;font-size: 11px; color: white; font-weight: bold;box-sizing: border-box;}
.onoffswitch-inner:before {content: "PIN";padding-left: 10px;background-color: green; color: #FFFFFF;}
.onoffswitch-inner:after {content: "Not PIN";padding-right: 10px;background-color: red; color: #FFFFFF;text-align: right;}
.onoffswitch-switch {display: block; width: 20px; margin: 2px;background: #FFFFFF;position: absolute; top: 0; bottom: 0;right: 50px;border: 1px solid #0000; border-radius: 10px;transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; }