@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700);
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {font-family:"Open Sans";font-size:13px;margin:0px;color:#333; padding:0;}
form{ display:inline-block}
a{ text-decoration:none; color:#000000;}
/*input[type="text"],input[type="password"],select{ width:350px; padding:5px; margin:0 10px 0 30px;}*/
input[type="submit"]{ padding:5px; background-color:#f4f4f4; color:#333; border:1px solid #666;}
tv { font-size:14px; font-weight:bold;}
bt { font-size:13px; font-weight:bold;}
.submit-button{ padding:5px; background-color:#333333; color:#fff; border:1px solid #666; font-size:14px; padding:4px 25px; margin-left:20px; margin-botton:10px;}
.submit-button:hover{background-color:#FF5300;}
#content { padding:20px 40px 40px 40px; height:auto;}

#topgrey { background-color:#fbfbfb; border-top:#ff5300 3px solid; border-bottom:#ececec 1px solid; font-size:11px; padding:4px 40px; font-family:"Open Sans"; }
#header { clear:both; width:calc(100% - 100px); height:100px; padding:0 50px;}
#header .logo img {padding:5px 40px 2px 40px; height:90px; width:auto;}
.logo{ float:left; }
.gsearch{ float:right; line-height:100px;}
.gsearch img{ height:40px; padding-top:30px; width:auto}

#footer { width:100%;background-color:#fbfbfb; border-top:#ff5300 5px solid; font-size:11px; padding:4px 40px; margin-top:50px; bottom:0;  clear:both; position:fixed}

.pagetitle { font-size:30px; font-weight:400; text-transform:capitalize; color:#333333;  display:inline-block; padding:10px 0; font-family:"Open Sans"; float:left}

.subtitle { font-size:22px; font-weight:300; display:inline-block;}
.searchbox{width:100%; height:auto; display:inline-block;float:left; padding:10px 0; text-align:left;}
.searchbox a { float:right; line-height:35px;}
.searchbox input[type="text"]{ width:250px !important; float:left;}

/* PopUp Screen */
.popupbg{ position:fixed;  top: 0px; width: 100%; height: 100%; z-index: 99999; background:#8B8B8B; opacity: 0.5; display:none; margin:0 auto; text-align:center}
.popupcontent{height:auto;top:0;left:0;bottom:0;right:0;width:70%;position:fixed; margin:0 auto;border:3px #666 solid;padding: 10px;z-index: 99999; border:0;display:none;}

/* MENU */
#menu { background-color:#2d2d2d; border-bottom:#ff5300 4px solid; padding:0 40px; height:44px;width:100%; position:relative; z-index:99}
#menu ul {padding:0; margin:0;width:100%; list-style:none;}
#menu ul li {float: left;background: #2d2d2d;}
/* This hides the dropdowns */
#menu li ul { display: none; }
#menu ul li a {padding:11px 20px;	display:block;	color:#fff;	text-decoration:none; font-size:13px; color:#FFFFFF;}
#menu ul li a:hover { background: #ff5300; }
/* Display the dropdown */
#menu li:hover > ul {display: block;position: absolute; width:200px;}
#menu li:hover li { float: none; }
#menu li:hover a { background: #ff5300; }
#menu li:hover li a:hover { background: #2d2d2d; }
#menu .main-navigation li ul li { border-top: 0;  }

/* Displays second level dropdowns to the right of the first level dropdown */
#menu ul ul ul {left: 100%;top: 80px;}



/* Table */
.table {clear:both; width:100%; font-size:13px; font-family:"Open Sans"; font-weight:400;}
.table .row { clear:both; width:100%; display:inline-block; border-bottom:1px #f2f2f2 solid; color: #000;}
.table .headrow { font-weight:400;  background-color:#f4f4f4; color:#212121; }
.table .row:not(:first-child):hover { background-color:#f8f8f8; display:inline-block; /*cursor:pointer; _curson:pointer; */}
.table .col { float:left; padding:1px 6px 1px 6px; }
.table .subhead { background-color:#f9f9f9; font-weight:400; padding:5px; width:calc(100% - 10px); border:0; }
.table  .col span { color:#a8a8a3; }
.table .options { width:60px; text-align:center; }
.table .quicklinktitle{ width:calc(100% - 95px);}
.table .quicktitle{ width:calc(100% - 84px);}
.table .img { width:100px;}
.table .linkimage { width:70px; vertical-align:middle;}
.table .jobposition  { width:calc(100% - 942px); }
.table .joptions { width:120px; text-align:center; }
.table .qualification { width:250px}
.table .company {width:300px}
.table .lastdate  {width:100px}
.table .sno { width:50px; }
.table .name { width:200px; }
.table .status { width:70px; text-align:center;}
.table .date { width:90px; }
.table .uname { width:calc(100% - 480px);}
.table .branch { width:80px; }
.table .date { width:100px; }
.table .name{ width:150px; }
.table .intime { width:150px;  }
.table .panno{ width:100px; }
.table .quantity { width:50px; text-align:center; }
.table .amount { width:100px; text-align:right }
.table .entries { width:calc(100% - 490px);}
.table .product { width:calc(100% - 186px);}

/* Pancard */
.pancards .table .sno { width:30px; text-align:center; }
.pancards .table .date { width:100px; }
.pancards .table .datetime { width:130px; }
.pancards .table .panno { width:90px; }
.pancards .table .refno { width:200px; }
.pancards .table .provider { width:70px; }
.pancards .table .name { width:200px; }
.pancards .table .mobile { width:90px; }
.pancards .table .status { width:100px; }
.pancards .table .appno { width:calc(100% - 794px);}


/*iworld*/
.iworld .table .sno { width:30px; text-align:center; }
.iworld .table .branch { width:80px; }
.iworld .table .date { width:100px; }
.iworld .table .intime { width:150px;  }
.iworld .table .amount { width:100px; text-align:right }
.iworld .table .entries { width:calc(100% - 490px);}


/*iworld threads*/
.iworld .table .sno { width:30px; text-align:center; }
.iworld .table .branch { width:80px; }
.iworld .table .date { width:100px; }
.iworld .table .qty { width:100px;  }
.iworld .table .amount { width:100px; text-align:right }
.iworld .table .entries { width:calc(100% - 490px);}

/*Pagination*/
ul.pagination{margin:5px 0 45px 0;padding:0;height:100%;overflow:hidden;list-style-type:none;display:inline-block}ul.pagination li.details{padding:7px 10px;font-size:12px}ul.pagination li.dot{padding:3px 0}ul.pagination li{float:left;margin:0 0 0 5px;padding:0}ul.pagination li:first-child{margin-left:0}ul.pagination li a{color:#000;display:block;text-decoration:none;padding:7px 10px;font-size:11px}ul.pagination li a img{border:none}
ul.pagination li.details{color:#ff5300;}
ul.pagination li a{border:1px solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 9px}
ul.pagination li{padding-bottom:1px}
ul.pagination li a.current,ul.pagination li a:hover{color:#FFF;box-shadow:0 1px #EDEDED;-moz-box-shadow:0 1px #EDEDED;-webkit-box-shadow:0 1px #EDEDED;text-shadow:0 1px #388DBE;border-color:#ff5300;background:#58B0E7;background:-moz-linear-gradient(top,#fcb592 1px,#fd7a3c 1px,#ff5300);background:-webkit-gradient(linear,0 0,0 100%,color-stop(.02,#fcb592),color-stop(.02,#fd7a3c),color-stop(1,#ff5300));}
ul.pagination li a{color:#ff5300;border-color:#fd7a3c;background:#F8FCFF;}


/* Job List */
.headrow { clear:both; background-color:#ccc; display:inline-block; width:100%; padding: 5px 10px; font-weight:600; } 
.row { clear:both; display:inline-block; width:100%; padding: 5px 10px; border-bottom:1px #eaeaea dotted; } 
.row:hover { background-color:#f2f2f2; cursor:pointer;  } 
.col { float:left; }
#joblist .img { width:100px;}
#joblist .jobposition  { width:calc(100% - 750px); }
#joblist .qualification { width:250px}
#joblist .company {width:300px}
#joblist .lastdate  {width:100px}
#joblist a {text-decoration:none; font-size:12px;}
strong { font-weight:600 }
/*useful link*/

#useful-list .title{ width:100%;}
/* image upload*/
#image-upload{ width:100%; height:auto; display:inline-block; margin-top:10px; }
#image-upload h2{ color:#333333; font-weight:300;}
#image-upload h3{ color:#333333; font-weight:300; font-size:16px;}

.uploaded-image{ width:700px; height:auto; display:inline-block; margin-left:10px; margin-bottom:20px; }

#image-upload .rightside{width:200px; background-color:#EBEBEB; min-height:655px; height:auto;float:left;}
#image-upload .rightside .size{text-align:center;}
#image-upload .size input[type="text"]{ width:50px; height:20px; border:1px solid #999999;  font-size:16px; }
#image-upload .crop_btn{ font-size:14px;}

`

/*Dashboard*/
#dashboard{clear:both; margin-top:10px; height:auto; float:left; display:inline-block; width:100%;}
#dashboard .category { clear:both; width:100%; display:inline-block;}
#dashboard .category-title{ float:left;width:120px;display:inline-block; text-align:right; padding-right:10px; font-size:16px;color:#333333;}
#dashboard .category-title a{ text-decoration:none; color:#333333}
#dashboard .category-img{ float:left; width:calc(100% - 202px);  overflow:hidden}
#dashboard .category-img .source-img{ float:left;width:140px;height:45px;  border:1px solid #CCCCCC; margin:5px; text-align:center; background-size:80%;}
#dashboard .category .category-more{ float:right;width:70px;border:1px solid #CCCCCC; height:45px; font-size:14px; font-weight:600; margin-top:5px; line-height:45px; text-align:center; text-decoration:none;background-color:#faf7f7;}
#dashboard .category .category-more a{ text-decoration:none; color:#333333; }
#dashboard .category .category-more a:hover{ color:#0000FF; }
/*paggination*/
#pagination { text-align:right; padding:15px 0; }
#pagination a { border:1px solid #0d6856; padding:3px 8px; margin:0 0 0 5px;font-weight:500}
#pagination a:hover { background-color:#0d6856; color:#fff; }
#pagination .selected { background-color:#0d6856; color:#fff;  }
/*background_overlay*/
.background_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background:#8B8B8B; opacity: 0.5;}
.overlay_form{border:3px #666 solid;padding: 10px;background: white;min-width: 300px;width:auto;height: auto;min-height:100px;z-index: 999999;text-align:center;position:absolute;	top: 40%;left: 40%;	margin-top: -9em; /*set to a negative number 1/2 of your height*/	margin-left: -15em; /*set to a negative number 1/2 of your width*/}

/*Sign in */
.signinouter{ margin:20px auto; clear:both; width:350px;}

.iworld{width:calc(100% - 500px); float:left}

.floatbox #floatpanel { padding:0 10px 0px 10px;position:fixed; right:0; bottom:0; float:right;  margin:35px 0 0 0px; width:470px; max-height:600px; background-color:#EAEAEA; overflow:scroll; z-index:999;}


.iwfleft{ margin:6px 6px; float:left;}
.iqty{width:43px!important; text-align:center;}
.iprice{width:50px!important; text-align:center;}
.iamount{width:70px!important; text-align:center;}

.abutton{ border:1px solid #2D2D2D!important; color:#2D2D2D; font-weight:500; font-size:12px; padding:7px;}
.abutton:hover { background-color:#FF6709!important; color:#FFFFFF!important;border:1px solid #FF6709!important;}

.listheading{ font-size:22px; line-height:40px; padding:0 5px; float:left}
.listheadingsub{clear:both; font-size:16px; line-height:25px; padding:0; float:left}
.fleft{ float:left;} .tleft{ text-align:left !important; }
.w25{ width:25%; height:auto; display:inline-block;}
.fw100{ width:100px; height:auto; display:inline-block;}
.fw250{ width:250px; height:auto; display:inline-block;}
.fw300{ width:300px; height:auto; display:inline-block;}
.irow{ width:100%; line-height:30px; float:left;text-align:center; }
.icol{ width:50%; line-height:30px; float:left; text-align:center; }

.iworldcollection .tborder{border-bottom:1px solid #CCCCCC; padding:4px 10px}
.iworldcollection .totv{ font-size:14px;}
.iworldcollection .theader{ font-weight:500;background-color:#CCCCCC; padding:4px 10px; font-size:13px;}
.iworldcollection .monthcol{width:150px;  float:left; margin-right:80px; margin-top:40px}
.iworldcollection .branchcol{width:300px;  float:left; margin-right:30px;}
.iworldcollection .branchcol:last-child{ margin-right:0}
.iworldcollection .visitors{ width:80px; text-align:right; float:left}
.iworldcollection .collection{ width:80px; text-align:right; float:left}
.iworldcollection .expense{ width:80px; text-align:right; float:left}


/*loader*/
.loader{width:50%; height:250px; background-color:#fff; top:0; bottom:0; left:0; right:0; margin:auto;   position:fixed;}
.loading { position: absolute; top: 40%; left: 0%; width:100%; height:auto; background-color:#fff; text-align:center;}
.loading-bar { display: inline-block; width: 4px; height: 18px; border-radius: 4px; animation: loading 1s ease-in-out infinite;}
.loading-bar:nth-child(1) { background-color: #3498db; animation-delay: 0;}
.loading-bar:nth-child(2) { background-color: #c0392b; animation-delay: 0.09s;}
.loading-bar:nth-child(3) { background-color: #f1c40f; animation-delay: .18s;}
.loading-bar:nth-child(4) { background-color: #27ae60; animation-delay: .27s;}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}

/*iworld Summary*/
.listheading{ font-size:22px; line-height:40px; padding:0 5px; float:left}
.fleft{ float:left;}
.w25{ width:25%; height:auto; display:inline-block;}
.irow{ width:100%; line-height:20px; float:left;text-align:center; }
.icol{ width:50%; line-height:20px; float:left; text-align:center; }


#gridview { z-index:1;}
.gridoverlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: background 0.5s ease;}
#gridview div.image {margin: 10px; display: inline-block; position: relative;}
#gridview div.image img {width: 100%;height: auto;border: 1px solid #ccc;}
/*#gridview div.image img:hover {box-shadow: 0 5px 5px 0 rgba(0,0,0,0.32), 0 0 0 0px rgba(0,0,0,0.16);opacity:0.5;}
*/
#grid{margin-bottom:30px;}
#gridview .image:hover .overlay {    display: block; text-align:center }
#gridview div.image .overlay {
position: absolute;top: 0;left: 0;width: 100%;height: calc(100% - 90px);bottom:0; right:0; margin:auto; background:rgba(0,0,0,0.5);display:none; padding-top:90px;
}
#gridview div.image .overlay a{  text-align:center ; color:#fff; line-height:25px; height:25px; color:#fff; display:block; width:100px; position: absolute; left:85px;}

#gridview div.image .overlay a.red{background:rgba(255,0,0,1); top:220px; }
#gridview div.image .overlay a.blue{background:rgba(6,221,255,1); top:180px;}
#gridview div.image .overlay a.green{background:rgba(6,170,66,1); top:140px;}

.switch {position: relative;display: block;vertical-align: top;width: 55px;height: 20px;padding: 3px;border-radius: 18px;cursor: pointer;}
.switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
.switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: #EFEFEF;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);}
.switch-label:before, .switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;}
.switch-label:before {content: attr(data-off);right: 11px;color: #333;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {content: attr(data-on);left: 11px;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0; }
.switch-input:checked ~ .switch-label {background: #009900;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-input:checked ~ .switch-label:before {opacity: 0;}
.switch-input:checked ~ .switch-label:after {opacity: 1;}
.switch-handle {position: absolute;top: 4px;left: 4px;width: 18px;height: 18px;background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);border-radius: 100%;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-handle:before {content: "";position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;background: linear-gradient(to bottom, #eeeeee, #FFFFFF);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked ~ .switch-handle {left: 38px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
/* Transition */
.switch-label, .switch-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}

/* Responsive Styles */
@media screen and (min-width: 1224px) {
#gridview div.image {width: 294px;}
}

@media screen and (min-width: 1044px) and (max-width: 1224px) {
#gridview div.image {width: 250px;}
}

@media screen and (min-width: 845px) and (max-width: 1044px) {
#gridview div.image {width: 200px;}
}


.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;}
.uploadbtn {border: 1px solid gray;color: gray;background-color: white;padding: 8px 20px;font-size: 14px;font-weight: 400;}
.upload-btn-wrapper input[type=file] {font-size:20px;position: absolute;left: 0;top: 0;opacity: 0;}

.info-msg,.success-msg,.warning-msg,.error-msg {margin: 10px 0;padding: 10px;border-radius: 3px 3px 3px 3px;}
.info-msg {color: #059;background-color: #BEF;}
.success-msg {color: #270;background-color: #DFF2BF;}
.warning-msg {color: #9F6000;background-color: #FEEFB3;}
.error-msg {color: #D8000C;background-color: #FFBABA;}

.sidepanel  {width: 0;position: fixed;z-index: 999999;height: 100vh;top: 0;right: 0;background-color: #fafafa;overflow-x: hidden;transition: 0.5s;}
.sidepanel .title{padding: 8px 0 8px 10px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
/*.sidepanel a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidepanel a:hover {color: #f1f1f1;}
*/.sidepanel .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;}
.openbtn {font-size: 12px;cursor: pointer;background-color: #111;color: white;padding: 5px 15px;border: none;}
.openbtn:hover {background-color:#444;}

.style1 {color: #FFFFFF}
#main{display: table;width: 100%;height: 50vh;text-align: center;}
.fof{display: table-cell;vertical-align: middle;}
.fof h2{font-size: 20px;display: inline-block;padding-right: 12px;animation: type .5s alternate infinite;}
@keyframes type{from{box-shadow: inset -3px 0px 0px #888;}to{box-shadow: inset -3px 0px 0px transparent;}}
/* headlines with lines */
.decorated{overflow: hidden;text-align: center;}
.decorated > span{position: relative;display: inline-block;}
.decorated > span:before, .decorated > span:after{content: '';position: absolute;top: 50%;border-bottom: 2px solid;width: 591px; /* half of limiter*/margin: 0 20px;}
.decorated > span:before{right: 100%;}
.decorated > span:after{left: 100%;}