@charset "utf-8";
/* CSS Document */
@import url('reset.css'); 
/*Reset CSS*/
@import url('fonts.css'); 
/*Custom Fonts*/
@import url('fontawesome/font-awesome.min.css'); 
/*Icons Fonts*/
.header{padding: 15px 0px;background-color: #fff; }
.container-fluid{padding-left: 20px;padding-right: 20px;}
/***************************************User Information***************************************/
.user{position: relative;display: inline;}
.user h5{margin: 0px 10px 0px 0px;text-align:right;color:#424242;font-size:17px;font-weight:normal;line-height:18px;}
.user p{color:#39acec;display:block;font-size:15px; text-align:right;margin:0px 10px 0px 0px;padding-top:20px}
/***************************************Aside Left Pannel***************************************/	
aside#left_panel{background-color:#dadada;position:fixed;left:0px;padding:20px 0px;width:270px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;top:120px;height:100%;}
form.search_form{margin-bottom:20px;position:relative;}
.search-input{margin-right:35px;}
form.search_form input{border:1px solid #afafaf;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
form.search_form input[type=text]{color:#919191;padding:7px;background-color:#eeeeee;display:block;height:35px;font-style:italic;border-right:0px;width:100%;}
form.search_form input[type=text]:focus{border-color:#8c8b8b;}
form.search_form input[type=submit]{background-color:#1171a1;color:#FFF;padding:9px 10px;position:absolute;right:0px;top:0px;height:35px;border-color:#013f5f;}
nav#aside_nav ul{margin:0px;}
nav#aside_nav li{list-style:none;}
nav#aside_nav  li:hover a, nav#aside_nav li.active a, nav#aside_nav li.open a{background-color:#ececec;color:#1171a1;}
nav#aside_nav li.active > a{font-family: 'OpenSans-Regular';}
nav#aside_nav li ul{display:none;}
nav#aside_nav li a{display:block;font-size:14px;padding:8px 20px;color:#0d1218;}
nav#aside_nav li a span{background-color:#d43b28;display:inline-block;color:#fff;float:right;padding:0px 5px;line-height:16px;font-weight:bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size:10px;border:1px solid #a11a08;}
nav#aside_nav li ul li a{color:#979797 !important;padding:7px 20px 7px 20px;}
nav#aside_nav li ul li a:hover, nav#aside_nav li ul li.active a{background:#f6f6f6;color:#7c7c7c !important;}
/***************************************Main Section / Basic Elements***************************************/
.movefor-aside{transform:translate3d(270px, 0px, 0px);-ms-transform:translate3d(270px, 0px, 0px); /* IE 9 */-webkit-transform:translate3d(270px, 0px, 0px); /* Safari and Chrome */-moz-transition: translate3d(270px, 0px, 0px);-o-transition: translate3d(270px, 0px, 0px);}
section#main_content{margin:0px 0px 0px 0px;background-color:#fff;}
section#main_content > div.container-fluid{padding:1px 15px;}
.overflow-scroll{overflow:auto;}
.page-header{margin:0px;border:0px;padding:0px;}
.page-header h1{font-size:34px;margin-top:0px;}
.page-header h1 small{font-size:14px;}
/***************************************breadcrumbs***************************************/
.breadcrumb{padding:3px 10px;background-color:#F4F4F4;}
.breadcrumb li a, .breadcrumb li{font-size:14px;font-family: calibri;}	
/***************************************Panels***************************************/
.panel{border:0;box-shadow:none;}
.panel.colored .panel-body{border:1px solid #E5E5E5;border-top:0px;}
.panel-heading{padding:8px 0px;border-bottom:1px solid #ccc;}
.panel.colored .panel-heading{padding:8px 15px;position:relative;box-shadow: 0 2px 0 rgba(255, 255, 255, 0.3) inset;border:0;}
.panel.colored .panel-heading:before{display:block;content:''; border:1px solid #000; border-left:7px solid #000;filter:alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-moz-opacity:0.3;-khtml-opacity: 0.3; opacity: 0.3;position:absolute;left:0; top:0;bottom:0;right:0;pointer-events:none;}
.panel-title{display: inline;font-size: 18px;color:#656565;line-height:normal;text-transform: uppercase;}
.panel.colored .panel-title, .panel.colored small{color:#fff;}
.panel-body{padding:15px 0px;position:relative;}
.panel.colored .panel-body{padding:15px;}
.panel:hover ul.toolbar{display:block;}
.panel-body.no-padding, .no-padding{padding:0px;}
ul.toolbar{margin:0;display:none;}
ul.toolbar li{display:inline-block;}
ul.toolbar li a{font-size:16px;display:inline-block;padding:5px;opacity:0.6;color:#333;}
ul.toolbar li a i{width:auto;}
.panel.colored 	ul.toolbar li a{color:#fff;}
.panel.colored 	ul.toolbar li a:hover{opacity:0.8;}
.panel-footer{padding:15px;border:1px solid #E5E5E5;border-top:0;}
.box-loader{position:absolute;height:100%;width:100%;z-index:2;background:#fff url(../images/loader/windows8.gif) no-repeat center center;opacity:0.7;left:0px;cursor:wait;top:0px;}	
/***************************************Statistics boxes***************************************/	
.stats{margin:0px;}
.stats li{color:#FFF;margin-bottom:25px;text-align:center;list-style:none;}
.stats li h5{font-weight:normal;line-height:25px;padding:0px 0px 6px 0px;margin:0px;text-align:center;font-size:16px;}
.stats li a{display:block;font-size:13px;color:#FFF;padding:5px 15px;clear:both;text-align:left;opacity:0.7;}
.stats li a i{float:right;padding:0px;font-size:14px;padding-top:2px;text-align:right;}
.stats li a:hover, .stats li a:hover i{opacity:1;}
.stats li > div > i{font-size:46px;padding:8px 0px 0px 0px;clear:both;display:inline-block;}
.stats li div.blue-bg a{background-color:#2295c9;}
.stats li div.green-bg a{background-color:#50b478;}
.stats li div.purple-bg a{background-color:#751e88;}
.stats li div.orange-bg a{background-color:#e87712;}
.stats li div.yellow-bg a{background-color:#db9628;}
.stats li div.mehroon-bg a{background-color:#cb545e;}
.stats li div.bottelgreen-bg a{background-color:#45bca1;}	
/***************************************Responsive Tables / Gride***************************************//***Unseen Column***/
@media (max-width: 850px) 
{
    table#unseen td:nth-child(2),table#unseen th:nth-child(2) {display: none;}
}
@media (max-width: 640px) 
{
   table#unseen td:nth-child(4),table#unseen th:nth-child(4),table#unseen td:nth-child(7),table#unseen th:nth-child(7),table#unseen td:nth-child(8),table#unseen th:nth-child(8){display: none;}
}
/***Fill Scroll***/
@media (max-width: 850px) 
{
    #flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    #flip-scroll * html .cf { zoom: 1; }
    #flip-scroll *:first-child+html .cf { zoom: 1; }
    #flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    #flip-scroll th,#flip-scroll td { margin: 0; vertical-align: top; }
    #flip-scroll th { text-align: left; }
    #flip-scroll table { display: block; position: relative; width: 100%; }
    #flip-scroll thead { display: block; float: left; }
    #flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    #flip-scroll thead tr { display: block; }
    #flip-scroll th { display: block; text-align: right; }
    #flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    #flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
    /* sort out borders */
    #flip-scroll th { border-bottom: 0; border-left: 0; }
    #flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    #flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    #flip-scroll th:last-child,#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}
/***Responsive Table - no more table***/
@media only screen and (max-width: 850px) 
{   /* Force table to not be like tables anymore */
     #no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr {display: block;}
     /* Hide table headers (but not display: none;, for accessibility) */
     #no-more-tables thead tr {position: absolute;top: -9999px;left: -9999px;}
     #no-more-tables tr { border: 1px solid #ccc; }
     #no-more-tables td {/* Behave like a "row" */border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 1%;white-space: normal;text-align:center;}
     #no-more-tables td:before {/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;}/*Label the data*/
     #no-more-tables td:before { content: attr(data-title); }
 }
 /***************************************Background Colors***************************************/
 .blue-bg, .pager li > a.blue-bg{background-color:#30abe0;}
 .btn.blue-bg:hover, .btn.blue-bg.active{background-color:#259ccf;}
 .yellow-bg, .pager li > a.yellow-bg{background-color:#f2ae43;}
 .btn.yellow-bg:hover, .btn.yellow-bg.active{background-color:#e8a740;}
 .green-bg, .pager li > a.green-bg{background-color:#66c88d;}
 .btn.green-bg:hover, .btn.green-bg.active{background-color:#5aba80;}
 .red-bg, .pager li > a.red-bg{background-color:#f06060;}
 .btn.red-bg:hover, .btn.red-bg.active{background-color:#e25353;}
 .mehroon-bg, .pager li > a.mehroon-bg{background-color:#e36974;}
 .btn.mehroon-bg:hover, .btn.mehroon-bg.active{background-color:#d85d68;}
 .orange-bg, .pager li > a.orange-bg{background-color:#f5821c;}
 .btn.orange-bg:hover, .btn.orange-bg.active{background-color:#e77918;}
 .purple-bg, .pager li > a.purple-bg{background-color:#c180e6;}
 .btn.purple-bg:hover, .btn.purple-bg.active{background-color:#b474d9;}
 .pink-bg, .pager li > a.pink-bg{background-color:#ec2f87;}
 .btn.pink-bg:hover, .btn.pink-bg.active{background-color:#df287d;}
 .bottelgreen-bg, .pager li > a.bottelgreen-bg{background-color:#58d4b8;}
 .btn.bottelgreen-bg:hover, .btn.bottelgreen-bg.active{background-color:#50c9ae;}
 .gray-bg, .pager li > a.gray-bg{background-color:#cccccc;}
 .btn.gray-bg:hover, .btn.gray-bg.active{background-color:#bcbcbc;}
 .brown-bg, .pager li > a.brown-bg{background-color:#bea881;}
 .btn.brown-bg:hover, .btn.brown-bg.active{background-color:#ad966e;}
 .black-bg, .pager li > a.black-bg{background-color:#484848;}
 .btn.black-bg:hover, .btn.black-bg.active{background-color:#323232;}
 /***************************************Invoice***************************************/
 .invoice-details{display:table;width:100%;clear:both;margin:15px 0px 20px 0px;border:1px solid #e6e6e6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 .invoice-details > div{display:table-cell;padding:10px;}
 /***************************************Lockscreen***************************************/
 .locked{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.2);padding:25px;max-width:540px;height:230px;margin:auto;}
 .locked-body h2{margin:-8px 0px 5px 0px;}
 .locked .locked-body h2, .locked .locked-body p{color:#fff;}
 .locked-user img{max-width:100%;}
 .locked-body .msg-button-relative{margin-top:45px;}
 /***************************************Login Screen***************************************/
 .signin{position:absolute;top:20%;left:0px;right:0px;background:#fff;margin:auto;padding:25px;max-width:400px;}
 .signin .signin-body h3{margin:0px 0px 30px 0px;line-height:normal;}
 /***************************************Idol Screen***************************************/
 .idolcontainer .back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background:rgb(91,145,179);background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(91,145,179,1)), color-stop(0.5, rgba(146,187,219,1)), color-stop(0.75, rgba(118,137,196,1)), to(rgba(37,67,127,1)));background:-webkit-linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);background:-moz-linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);background:-o-linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);background:linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b91b3', endColorstr='#25437f',GradientType=0 );}.
 idolcontainer .back span {display: block;position: absolute;border-radius: 50% !important;}
 .idolcontainer .time {color: white;text-align: right;position: absolute;bottom:40px;right:50px;}
 .idolcontainer .hour {font-size: 120px;font-weight: normal;line-height: 120px;margin:0px;}
 .idolcontainer .date {font-size: 18px !important;padding-right:10px;}
 /***************************************Forms***************************************/
 input,button,select,textarea {font-family: 'OpenSans-Light';}
 textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{color:#333333;border:1px solid #dddddd;}
 textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {border-color: #30abe0;}input, textarea{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}.control-label, label{font-size:15px;color:#666;font-weight:normal;}.panel-footer .form-group:last-child{margin-bottom:0px;}
 /*****Select Sizes******/
 select.chzn-nopadd{padding:0px;}.btn {color: #FFF;}.btn:hover, .btn:focus, .btn:active,.btn.active,.btn[disabled],.btn.disabled {  color: #FFF;}
 /*******Pager********/
 .pager li > a, .pager li > span{border:0;}
 /*****Button Sizes******/
 .input-append .add-on, .input-prepend .add-on{padding:7px 9px;}.well{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}.accordion-heading .accordion-toggle{background-color:#f9f9f9;}.form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal .uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block{margin-top:5px;}
 /****Form Action Left Aligned****/
 .left-label label.control-label{text-align:left;}
 /*****Styled Input File******/
 .styled-input-file{position:relative;padding:0px;}.styled-input-file .input-file-box input{border-right:0px;}.styled-input-file .btn{position:absolute;right:0px;top:0px;}
 /*Grid*/
 .row [class*="span"]:first-child{margin-left:0px;}.show-grid [class*="span"]{margin-bottom:5px;}
 /*just to showcase button*/
 .showcase-btn{margin:0px 10px 15px 0px !important;}
 /******Form Row Saprated******/
 .form-row-seperated .form-group {border-bottom: 1px solid #EDEDED;padding:10px 0px;}.form-row-seperated .form-group:last-child{border:0px;}
 /******Form Row Bodered******/
 .form-bordered .form-group {border-bottom: 1px solid #E5E5E5;margin-bottom:0px;}.form-bordered .form-group:last-child{border:0px;}.form-bordered .form-group .control-label{padding-top:15px;}.form-bordered .form-group .col-lg-10{	border-left: 1px solid #E5E5E5;padding-top:15px;padding-bottom:15px;}
 /***************************************Feeds***************************************/
 .feeds{margin:0px;}.feeds li{font-size:14px;color:#666;padding:10px 0px;border-bottom:1px dotted #999;}.feeds li span{padding:3px;margin-right:10px;}.feeds li span i{color:#FFF;}
 /***************************************Messages / Chanting***************************************/
 .messages {padding-right:10px;margin:0px;}.messages li {list-style:none;position:relative;padding:12px 0px;}.messages li p{margin:0px;}.messages li a img {height:51px;width:51px;border-radius:50px;}.messages li.incoming a, .messages li.outgoing a{display: block;position:absolute;top:12px;}.messages li.outgoing a {right:0px;}.messages li.incoming .message_area, .messages li.outgoing .message_area {border: 1px solid #E36974;padding: 8px 12px;color:#666666;position:relative;font-size:13px;}.messages li.outgoing .message_area {margin-right:70px;text-align:right;border: 1px solid #50B478;}.messages li.incoming .message_area{margin-left:70px;}.message_info {margin-bottom:5px;}.message_info span.sender {font-weight:bold;color:#F06060;}.messages li.outgoing .message_info span.sender{color:#50B478;}.message_info span.says, .message_info span.time {font-style:normal;font-size:12px;color:#999999;margin-left:5px;}.messages li.outgoing .message_area:after, .messages li.incoming .message_area:after {display:block;content:" ";position:absolute;top:-1px;border:6px solid transparent;}.messages li.outgoing .message_area:before, .messages li.incoming .message_area:before {display:block;content:" ";position:absolute;top:0px;border:5px solid transparent;z-index:1;}.messages li.outgoing .message_area:before{left:100%;border-left:5px solid #fff;border-top:5px solid #fff;}.messages li.outgoing .message_area:after{left:100%;border-left:6px solid #50B478;border-top:6px solid #50B478;}.messages li.incoming .message_area:after {right:100%;border-right:6px solid #E36974;border-top:6px solid #E36974;}.messages li.incoming .message_area:before{right:100%;border-right:5px solid #fff;border-top:5px solid #fff;}.messages li.incoming .message_area span.arow {left:-6px;}.msg-input{margin-right:40px;}.msg-input input{width:100%;border-right:0px;}.msg-button-relative{position:relative;}.msg-button{position:absolute;right:0px;top:0px;}
 /***************************************Static Notifications***************************************/
 .notification{padding:10px;min-height:0px !important;color:#fff;font-size:14px;cursor:pointer;margin-bottom:20px;}
 /***************************************Bootstrap Wizard***************************************/
 .bwizard-steps{background-color:#f0f0f0;display:table;width:100%;margin:0px 0px 20px 0px;}.bwizard-steps li{display:table-cell;padding:15px;cursor:pointer;}.bwizard-steps li a{font-size:17px;display:inline-block;color:#b9b9b9;padding:0px 15px;}.bwizard-steps li.active{background-color:#FFF;}.bwizard-steps li.active a{color:#333;}.bwizard-steps .label{color:#fff;background-color:#999999;}.bwizard .well{border:0px;background:none;}.bwizard-steps .label.badge-inverse{background-color:#333333;}
 /***************************************Errors Pages***************************************/
 .error-heading{color: #FFFFFF;display: block;font-size: 100px;color:#dfdfdf;line-height:140px;text-align:center;}
 .error-heading small{display: block;color: #C0C0C0 !important;font-size: 25px}
 /***************************************Gallery Page***************************************/
 ul.gallery{}ul.gallery li{margin:0px 15px 15px 0px;float:left;position:relative;}ul.gallery li img{height:100px;width:100px;}ul.gallery li:hover .overlay-options{display:block;}.overlay-options:before {content:"";display:inline-block;height: 100%;vertical-align: middle;}.overlay-options{position:absolute;height:100%;width:100%;display:none;text-align:center;background:rgba(0,0,0,0.2);top:0px;}.overlay-options a{padding:5px 10px;}/***************************************Blog post***************************************/.latest-blogs li{margin-bottom:15px;}.latest-blogs li:hover{background-color:#f7f7f7;}.tags li{float:left;margin:0px 5px 5px 0px;}.media a img{height:50px;width:50px;}.post-meta{margin-right:15px;font-size:13px;}.post-meta i{font-size:16px;margin-right:5px;}.blogs-list h3{margin-top:0px;line-height:26px;}/***************************************Mail Box***************************************/.mail-list li:nth-child(odd){background-color:#F6F6F6;}.mail-list li{border-radius:5px !important;padding:10px;cursor:pointer;color:#888;}.mail-list li:before,.mail-list li:after {display: table;content: " ";}.mail-list li:after {clear: both;}.mail-list li div.tools{width:70px;white-space:nowrap;float:left;}.mail-list li div.sender{width:20%;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
 .mail-list li div.message{width:50%;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
 .mail-list li div.time{width:18%;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
 .mail-list li div[class*="icheckbox"]{margin-left:0px !important;}
 .mail-list li i.star{font-size:20px;color:#ccc;}
 .mail-list li i.star:hover{color:#FFAB00;}
 .mail-list li i.star.selected{color:#FFAB00;}
 .mail-list li div.message .label{padding:0px 5px;font-weight:normal;}
 /***************************************Font Awesome Icons***************************************/
 .the-icons{margin:0px;}
 .the-icons li{list-style:none;color:#505050;height:32px;line-height:32px;cursor:pointer;}
 .the-icons li i{font-size:14px;width:30px;}
 .the-icons li:hover i{font-size:24px;}
 /***************************************Overlaping Bootstarp Style***************************************/
 div, input, select, textarea,span, img, table, td, th, p, a,button, ul, li, ol{-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}a:hover{text-decoration:none !important;}
/***************************************Resposive Styleing***************************************/
@media (max-width: 768px) 
{
    nav#main_topnav .toggle-topmenu, nav#main_topnav .toggle-aside{display:block;}
    aside#left_panel{left:0px;transform:translate3d(-270px, 0px, 0px);-ms-transform:translate3d(-270px, 0px, 0px); /* IE 9 */-webkit-transform:translate3d(-270px, 0px, 0px); /* Safari and Chrome */-moz-transition: translate3d(-270px, 0px, 0px);-o-transition: translate3d(-270px, 0px, 0px);top:0px !important;height:100% !important;}
    aside#left_panel.asideopen{transform:translate3d(0px, 0px, 0px);-ms-transform:translate3d(0px, 0px, 0px); /* IE 9 */-webkit-transform:translate3d(0px, 0px, 0px); /* Safari and Chrome */-moz-transition: translate3d(0px, 0px, 0px);-o-transition: translate3d(0px, 0px, 0px);}
    section#main_content,nav#main_topnav, header, aside{transition: all 0.4s;}
    section#main_content{margin-left:0px;}
    nav#main_topnav{padding:10px 0px;}
	nav#main_topnav ul{text-align:left;clear:both;margin-top:10px;display:none;}	
	nav#main_topnav ul li{display:block;border-top:1px solid #404040;margin:0px 0px;}
	nav#main_topnav ul li a{display:block;padding:10px 0px;}
	nav#main_topnav ul li a i{margin-right:10px;}
	body{padding-left:0px;padding-right:0px;}
	.container-fluid{padding-left: 15px;padding-right: 15px;}
	section#main_content > div.container-fluid{padding:15px;}
}
@media (max-width: 768px) 
{
    /**For Login**/
    .signin{top:0;}
    .signin .signin-body h3, 
    .locked-body h2, .locked-body p{text-align:center;}
    /**For Lock Screen**/
    .locked{height:365px;}
    .locked-user{width:180px;margin:0 auto;}
    .locked-body h2{margin:10px 0px 20px 0px;}
    .locked-body .msg-button-relative{margin-top:0px;}
 }
 /**For Tablate Two Colums**/
 @media (min-width: 480px) and (max-width: 767px) 
 {
     .row.responsive-tab [class*="col-md-"] {width: 50%;float:left;}
     .row.responsive-tab [class*="col-md-"]:nth-child(even) {padding-left: 0;}
 }
 /**For Mobile Two Colums**/
 @media (max-width: 767px) 
 {
     .row.responsive-mob [class*="span"] {width: 48.717948717948715%;*width: 48.664757228587014%;float:left;margin-left: 2.564102564102564%;*margin-left: 2.5109110747408616%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
     .row.responsive-mob [class*="span"]:nth-child(odd) {margin-left: 0;}
 }
 .zindex1{ z-index:1 !important;}.overf-hide{ overflow:hidden;}	
 /*------------- gridview responsive ------------------*/    
.rwd-table a{text-decoration:none;}
 .rwd-table{margin: 1em 0;min-width: 300px;}
 .rwd-table tr{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
 .rwd-table th{display: none;}
 .rwd-table td{display: block;}
 .rwd-table td:first-child{padding-top: .5em;}
 .rwd-table td:last-child{padding-bottom: .5em;}
  @media (min-width: 200px) and (max-width: 600px) 
 {
 .rwd-table td.grid-text:before{content: attr(data-th) ": ";font-weight: bold;width: 6.5em;display: inline-block;}
 }.gird-hd{height:30px }
 @media (min-width: 601px)
 {.rwd-table td:before{display: none;}}
 .rwd-table th, .rwd-table td{text-align: left;}
 @media (min-width: 601px)
 {
     .rwd-table th, .rwd-table td{display: table-cell;padding: .25em .5em;}
     .rwd-table th:first-child, .rwd-table td:first-child{padding-left: 0;}
     .rwd-table th:last-child, .rwd-table td:last-child{padding-right: 0;}
 }
 .rwd-table{background: #34495E;color: #fff;border-radius:.4em;overflow: hidden;}
 .rwd-table tr{border-color: #999999;}
 .rwd-table th, .rwd-table td{margin: .5em 1em;}
 @media (min-width: 601px)
 {
     .rwd-table th, .rwd-table td{padding: 2px !important;}
 }
 .rwd-table th, .rwd-table td:before{color: #999999;}
 /*--------------------------header grey--------------------------*/
 #header {min-width: 0;background-color:#585858;}
#header {display: block}
#header {position: relative;z-index: 1000;width: 100%;zoom: 1;font-size: 100%;}
#header:before, #header:after {display: table;content: "";line-height: 0}
#header:after {clear: both}
#header.home {background:#585858;color: #fff;animation:thedrop 1s 1;-moz-animation:thedrop 1s 1;-webkit-animation:thedrop 1s 1;}
#header .container {position: relative;height: 42px;width:96%;max-width:1000px;margin: 0 auto;padding:10px 0;}
#header .container:after {display: block;height: 0;clear: both;visibility: hidden;content: "\0020"}
.menu ul {display: inline-block;margin: auto;padding: 0;}
.rightmenu {float: right;}
.menu li {list-style:none;display:inline-block;border-right:1px solid #fff;line-height:14px;margin-right:5px;padding-right:10px;}
.menu li:last-of-type {border-right:none;margin-right:0px;padding-right:0px;}
.menu li a{list-style:none;font-size:14px;color:#fff;}
.menu li a font{color:#00aae4;}
.menu li a:hover {text-decoration:none;color:#00aae4;}

@media (max-width: 640px) {
	.menu ul {float: none;display:block;text-align:center;}
#header .container {position: relative;height: 56px;}
 }
@media (max-width: 420px) { 
     #header.home {min-height:70px}
     .header .clogo{width:100%;margin-bottom:20px;}}
/*--------------------------end header grey--------------------------*/
/*----------------------lodding------------------------------------*/
 .mainload{background: none repeat scroll 0 0 rgba(51,51,51,0.3);visibility: hidden;color: #333;padding: 7px;z-index: 100001;position: fixed;left: 36%;top: 43%;}
 .listmainload{background: none repeat scroll 0 0 rgba(51,51,51,0.3);color: #333;padding: 7px;z-index: 100001;position: fixed;left: 36%;top: 43%;}
.innerload{background: #fff no-repeat 6% 50%;font-size: 20px;padding: 10px 10px 10px 10px;}
.loadimg{background: url(images/loading.gif) no-repeat;width: 215px;height: 32px;padding-left: 40px;padding-top: 5px;font-size: 16px;}
@media (max-width: 700px) {.mainload{left: 33%;}.listmainload{left: 33%;}}
@media (max-width: 560px) {.mainload{left: 29%;}.listmainload{left: 29%;}}
@media (max-width: 460px) {.mainload{left: 23%;}.listmainload{left: 23%;}}
@media (max-width: 410px) {.mainload{left: 18%;}.listmainload{left: 18%;}}
@media (max-width: 360px) {.mainload{left: 14%;}.listmainload{left: 14%;}}
@media (max-width: 320px) {.mainload{left: 9%;}.listmainload{left: 9%;}}
@media (max-width: 295px) {.mainload{left: 7%;}.listmainload{left: 7%;}}
@media (max-width: 272px) {.mainload{left: 2%;}.listmainload{left: 2%;}}
/*--------------------end loading ------------------------------*/