@charset "utf-8";
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
 
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }
body{ font-family: 'Gotham', sans-serif; font-weight:300}
/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile:		5;
dw-num-cols-tablet:		8;
dw-num-cols-desktop:	10;
dw-gutter-percentage:	25;

Inspiration from "Responsive Web Design" by Ethan Marcotte 
http://www.alistapart.com/articles/responsive-web-design

and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
*/
 
/* Mobile Layout: 480px and below. */

.gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding-left: 0; padding-right: 0; }
#LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; }

/*TOP PANNEL*/
.top-pannel { display:none;  }
.header-pannel{ width:100%; background:#fff; height:auto; float:left;}
.logo { float: left; margin: 0; text-align: center; width: 100%; padding: 0; }
.logotext a {color:#222; text-decoration:none;font-weight:bold;}
.menu-pannel { float: left; height: auto; margin-left: 0; margin-top: 0; padding: 0; width: 100%; }
.login-btn-pannel { display:none; }
.wrapper { display: block; margin: 0 auto; padding: 0; width: 100%; }

/*Slider*/
.slider-pannel{ width:100%; margin:0 auto;}

/*Slider*/

/*Highlight Text*/
.highlight-pannel { background: none repeat scroll 0 0 #0098bc; float: left; margin: 0; width: 100%; } 
.highlight-content { height: auto; margin: 0 auto; padding: 0; width: 100%; } 
.highlight-text-area { color: #fff; float: left; font-size: 23px; font-weight: lighter; margin: 0; padding: 0 2%; width: 96%; }
.circle{ font-size:40px; font-weight:bold; color:#fff; font-family: "Gotham",sans-serif;}
.demo-btn-pannel { float: left; font-size: 19px; font-weight: lighter; margin: 0; padding: 2%; text-align: center; width: 96%; }
.demo-btn{ background:#ff7800;color:#fff; border: 1px solid #ffffff; -moz-border-radius: 5px;/*Firefox*/ -webkit-border-radius: 5px;/*Safari, Chrome*/ border-radius: 5px;: ; padding:10px;}
.demo-btn a{text-decoration:none; color: #fff}
/*Highlight Text*/

/*News*/
.news-pannel{ width:100%; float:left; background:#0086a6;}
.news-content{ width:100%x; margin:0 auto;}
.news-icon { float: left; height: 43px; width: 30%; }
.news-text { color: #fff; float: left; font-size: 14px; padding: 11px; width: 61%; }
/*News*/

/*Servies*/
.services { background: url("../images/services-bg.gif") repeat-x scroll 0 bottom #fefbfb; margin: 0 auto; padding: 0; width: 100%; float: left; }
.services-content { margin: 0 auto; padding:7px 7px 7px 8px; width: 98%; }
.services-title{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; margin:0 0 15px 0; font-weight: lighter;}
.services-text{  width:100%; float:left; font-size:18px; color:#515151; text-align:center; margin:0 0 15px 0;}
.services-image{ width:98%; margin: 0 auto 43px 0; display:none;}
.services-content .only-mob { margin:0 0 15px 0}
/*Servies*/

/*Why Us*/
.why-us{ width:100%; float:left; margin:0 auto; background:#fff;}
.why-us-content { margin: 0 auto; width: 98%; }
.why-us-column1 { float: left; margin: 0; padding: 15px 0; width: 100%; }
.why-us-column2 { float: left; width: 100%; text-align:center }
.why-us-title{  width:100%; float:left; font-size:35px; color:#ff7800; font-weight: lighter; margin:0 0 15px 0; text-align:center}
.why-us-text{ width:90%; float:left; color:#474950; line-height:24px; font-size:14px; margin:0 0 15px 16px; text-align:justify;}
.why-us-bullet-points{ width:100%; float:left;}
.why-us-bullet-points ul { list-style: outside none none; margin: 0; padding: 0; }
.why-us-bullet-points ul li { background: url("../images/bullet-orange.png") no-repeat scroll left 6px rgba(0, 0, 0, 0); color: #474950; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 300; line-height: 25px; list-style: outside none none; margin: 0; padding: 0 0 0 25px; text-align: left; }


/*Why Us*/

/*Testimonials*/

.testimonials { float: left; margin: 0 auto; padding:15px 0 7px 0; width: 100%; background: url("../images/testimonial-mobile-bg.jpg") repeat-x scroll 0 bottom #f7f7f7; }
.testimonials-content{ width:100%; margin:0 auto; padding:20px 0 40px 0; text-align:justify}
.clients .testimonials-content { padding:15px 0; width: 100%}
.testimonials-title { color: #ff7800; float: left; font-size: 35px; font-weight: lighter; margin: 0 0 5px; text-align: center; width: 100%; }
.testimonials-area{ width:100%; float:left; margin:0 auto;}
/*Testimonials*/


/*Clients*/
.clients{width:100%; float:left; margin:0 auto; background:#f7f7f7; padding:15px 0 15px 0; }
.clients-content { margin: 0 auto; width: 98%; }
.clients-title{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; margin:0 0 15px 0; font-weight: lighter;}
.clients-text{ width:98%; margin:0 auto; text-align:center; font-size:18px; color:#515151; margin:0 0 15px 0; font-weight: lighter;}
.celients-logos{ width:100%; margin:0 auto; margin:0 0 0px 0; text-align:center }
.testimonials-content .celients-logos img { background: none repeat scroll 0 0 #fff; border: 1px solid #e7e7e7; display: inline-block; margin: 0 5px 10px; padding: 10px; }
/*Clients*/

/*Footer*/
.footer-pannel1{ width:100%; float:left; margin:0 auto; background:#0098bc; padding:30px 0;}
.footer-content { margin: 0 auto; padding: 1% 0; width: 90%; }
.footer-text1 { float: left; margin: 0; padding: 0; width: 100%; }
.footer-text2 { float: left; margin: 0; padding: 0; width: 100%; }
.footer-text3 { float: left; margin: 15px 0 10px; padding: 0; width: 100%; }
.footer-text4 { float: left; margin: 15px 0 0; padding: 0; width: 100%; }
.footer-text1 ul,.footer-text2 ul,.footer-text3 ul,.footer-text4 ul{  float: left; list-style-type: none; margin: 0; padding: 0; width: 100%;}
.footer-text1 li,.footer-text2 li,.footer-text3 li,.footer-text4 li{ background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0); border-bottom: 1px solid #4cb7d0; float: left; padding: 0 0px 0px 5%; text-transform: uppercase; width: 95%; color: #fff; font-size: 13px; line-height: 27px; }
.footer-text1 li:first-child { background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0); border-bottom: 1px solid #4cb7d0; float: left; padding: 0 0px 0px 5%; text-transform: uppercase; width: 95%; }
.footer-text1 li:last-child { background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0); border-bottom:  1px solid #4cb7d0; float: left; padding: 0 0px 0px 5%; text-transform: uppercase; width: 95%;}
.footer-text1 ul li a ,.footer-text2 ul li a ,.footer-text3 ul li a { color: #fff; font-size: 13px; line-height: 27px; padding: 0; text-decoration: none; }
.follow-us-icons{ width:100%; float:left; margin:13px 0 0 0;}
.follow-us-icons a{ margin-right:1px;}
.contcte-address{ width:100%; float:left; margin:13px 0 0 0; text-align:left; color:#fff; font-size:13px; line-height:20px;} 
/*Footer*/

/*Copyright*/
.copyright{ width:100%; margin:0 auto; float:left; background:#000; padding:15px 0;}
.copyright-content{ width:90%; margin:0 auto;}
.copyright-text{ font-size:13px; color:#fff;}
.copyright-text a{ text-decoration:underline; color:#fff;}

/*Copyright*/

/***************************************************** INSIDE START HERE ************************************************/

/*Inside*/

/*Header Images*/
.inner-head{ width:100%; height:120px; border-bottom:solid 10px #0098bc; }
.inner-head.services { background: url("../images/head-services.jpg") no-repeat center top; width: 100%; }
/*Header Images*/

/*Content*/
.middel-container{ width:100%; float:left; margin:0 auto;}
.common{ width:100%; margin:0 auto;}
.left-slide { float: left; margin: 0; padding:2% 0 0 0; width:100%;}
.left-slide .leftside-menu,.left-slide .divder { display:none}
/* .left-slide.left-slide2 { float: left; margin: 0; padding:2% 0 0 0; width:100%;} */
.container-main-full .left-slide.left-slide2 { float: left; margin: 0; padding:2% 0 0 0; width:100%;}
.right-slide { background: url("../images/right-bg.gif") repeat-y scroll left top rgba(0, 0, 0, 0); float: left; margin: 0; padding: 0 2%; width: 96%; }
 .right-content { float: left; margin: 0; padding: 2%; width: 96%; } 
/*Left side Menu*/

.leftside-menu { float: left; margin: 0; padding: 0; width: 100%; }
.leftside-menu ul{  float: left; list-style-type: none; margin: 0; padding: 0; width: 100%;}
.leftside-menu li{ background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0); border-bottom: 1px solid #e4e4e4; float: left; padding: 0 0px 0px 8%; text-transform: capitalize; width: 92%; color: #fff; font-size: 13px; line-height: 27px; }
.leftside-menu li:first-child { background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0); border-bottom: 1px solid #e4e4e4; float: left; padding: 0 0px 0px 13px; text-transform: capitalize; width: 100%; }
.leftside-menu li:last-child { background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0); border-bottom: none; float: left; padding: 0 0px 0px 13px; text-transform: capitalize; width: 100%;}
.leftside-menu ul li a { color: #474950; font-size: 14px; line-height: 29px; padding: 0; text-decoration: none; font-family: "Gotham",sans-serif; }
.leftside-menu ul li a.active { color: #ff7800; font-size: 14px; line-height: 29px; padding: 0; text-decoration: none; font-family: "Gotham",sans-serif; font-weight:bold }

/*Left Side Menu*/

/*Content*/

/*Bread Crumbs*/
.breadcrumb-inside { color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600; margin: 0; padding: 6px 0; width: 100%; } 
.breadcrumb-inside a { color: #777777; text-decoration: none; } 
/*Bread Crumbs*/

/*Page Title*/

.page-title {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 15px 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}
h1.page-title {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 15px 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom; float:none;}
.page-title a { color: #ff7800; text-decoration: none; } 
.breadcrumb { color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600; list-style: outside none none; margin: 0; padding: 6px 0; width: 100%; }
.breadcrumb li { float: left; }
.breadcrumb li a { color: #777; float: left; text-decoration: none; }
/*Page Title*/

/*Content Area*/
.content-area{ width:100%; float:left; margin:0 0 30px 0;}

/*Content Area*/


/*Inside*/
/*Pop Up*/
#TB_window { margin-left: -50% !important; top: 75% !important; width: 100% !important; }
#TB_iframeContent { height: 200px !important; width: 100% !important; }
#TB_window.Current { margin-left: -50% !important; top: 75% !important; width: 100% !important; }
#TB_iframeContent.Current { height: 230px !important; width: 100% !important; }
/*Pop up*/

/*Header Images*/
.inside-header-pannel{ width:100%; margin:0 auto; clear: both;}
.inner-head{ width:100%; height:120px; border-bottom:solid 10px #0098bc; }
.inner-head.about-us { background: url("../images/header-about-us.jpg") no-repeat center top; width: 100%; }
.inner-head.services { background: url("../images/head-services.jpg") no-repeat center top; width: 100%; }
.inner-head.pricing { background: url("../images/header-pricing.jpg") no-repeat center top; width: 100%; }
.inner-head.support { background: url("../images/header-support.jpg") no-repeat center top; width: 100%; }
.inner-head.media { background: url("../images/header-media.jpg") no-repeat center top; width: 100%; }
.inner-head.demo-request { background: url("../images/header-dermo-request.jpg") no-repeat center top; width: 100%; }
.inner-head.contact { background: url("../images/header-contact.jpg") no-repeat center top; width: 100%; }
.inner-head.site-map { background: url("../images/header-site-map.jpg") no-repeat center top; width: 100%; }
.inner-head.broadcast  { background: url("../images/header-broadcast-m-i.jpg") no-repeat center top; width: 100%; }
.inner-head.print { background: url("../images/header-print-m-i.jpg") no-repeat center top; width: 100%; }
.inner-head.internet { background: url("../images/header-internet-m-i.jpg") no-repeat center top; width: 100%; }
.inner-head.social { background: url("../images/header-socialmedia-m-i.jpg") no-repeat center top; width: 100%; }
.inner-head.media-analysis { background: url("../images/header-media-analysis.jpg") no-repeat center top; width: 100%; }
.inner-head.privacy { background: url("../images/header-privacy.jpg") no-repeat center top; width: 100%; }
.inner-head-clip { background:#0197bc; height:11px}
/*Header Images*/


/***************************************************** INSIDE END HERE ************************************************/

.login-panel { width:100%; float:left; border-radius: 10px; background-color:#fff; padding:0; margin:0;}
.login-bg { width:98%; float:left; background:url(../images/login-bg.png) no-repeat center top; background-size: cover; /*height:100%;*/}
.login { width:90%; float:left; padding:0 5%;}
.login-logo { width:100px; float:left;}
.form-panel { width:100%; float:left;/* background:url(../images/login-img.jpg) no-repeat top right; background-size: auto 100%;*/}
.form-area { width:94%; float:left; padding:31px 3% 0 3%; margin:0;}
.login-text { width:100%; float:left; color:#000; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 8px; margin:0;}
.login-field { width:100%; float:left;}
.login-field input { border:1px solid #dddddd; border-radius:3px; padding:3px; height:22px; margin:0 0 14px;width:93%; float:left;}
.clear { clear:both; height:1px;}
.bt-login { width:85px; float:left; padding:0; margin:0 10px 30px 0;}
.forgot-text { color:#000; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; vertical-align:middle; width:auto; float:left; padding:8px 0 0; margin:0;}
.forgot-text a{ color:#000; text-decoration:none;}
.forgot-text a:hover{ color:#000; text-decoration:none;}
.form-imgpanel { width:100%; float:right; background:url(../images/login-img.png) no-repeat top right; background-size:auto 100%; height:221px; padding:0; margin:-8px 0 0;}


.common { width:94%; margin:0 auto;}
.inside-content { /*background:url(../images/in-bg.gif) repeat-y top left;*/ width:98%; float:left; display: block;}
.left-panel { width:100%; float:left; padding:28px 0 0; margin:0; display:none;}
.left-menu { padding:28px 3% 0 0; margin:0;}
ul.left-menu { padding:0; margin:0;}
ul.left-menu li { list-style-type:none; padding:0; margin:0; width:97%; float:left;}
ul.left-menu li a { list-style-type:none; width:87%; float:left; padding:0 0 6px 13%; margin:0;color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2;}
ul.left-menu li.account a { width:87%; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
/*
ul.left-menu li.clip a { width:87%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search a { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:0 none; text-decoration:none;}
*/
ul.left-menu li.account a:hover { width:87%; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.account.active a { width:87%; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.search a { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search a:hover { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search.active a { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.clip a { width:87%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip a:hover { width:87%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip.active a { width:87%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.price a { width:87%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.price a:hover { width:87%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.price.active a { width:87%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.clip2 a { width:87%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip2 a:hover { width:87%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip2.active a { width:87%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.user a { width:87%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.user a:hover { width:87%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.user.active a { width:87%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:6px 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.ledger a { width:87%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}
ul.left-menu li.ledger a:hover { width:87%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}
ul.left-menu li.ledger.active a { width:87%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 13%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}

.mobile-left-panel { width:100%; float:left; clear:none; display:block; padding:0; margin:15px 0 0;}
.mobile-left-menu {width:100%; float:left; margin:0; padding:0;/* background:#fff url(../images/arrow.png) no-repeat right 16px;  border:1px solid #969696; */}

/* .mobile-left-menu select { border:0; color:#000; background:transparent; padding:8px 0 8px 1%; width:99%; font-size:16px; -webkit-appearance: none; font: 400 17px 'Source Sans Pro', sans-serif; color:#000;}
*/

.mobile-left-menu select {padding:6px 1% 6px 1%; width:99%; }

.right-panel { background:url(../images/right-bg.gif) repeat-y 0 0; width:100%; float:left; background-size:auto 100%; padding:0; margin:15px 0;}
.right-area { width:92%; float:left; padding:0 4% 0 4%; margin: 0;}
.breadcrumb { width:100%; float:left; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:6px 0; margin:0;}
.breadcrumb a { color:#777777; text-decoration:none;}
.in-title h1 { width:100%; float:left; color:#000; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 11px; margin:0;}
.list-panel { width:100%; float:left;}
.list-div1 { width:100%; float:left; padding:0 0 28px 0; margin:0;}
.list-div2 { width:100%; float:left; padding:0 0 28px 0; margin:0;}
.list-img { width:100%; float:left; padding:0 0 17px; margin:0; text-align:center}
.list-img a {display:inline-block}
.list-text { width:100%; float:left; padding:0; margin:0;text-align:center}
.list-orange {color:#ff7800; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px;}
.list-orange-bold {color:#ff7800; font-size:15px; font-weight:bold;font-family: 'Gotham', sans-serif; line-height:25px;}
.list-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px;}
.list-green span{color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px;}
.list-black {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px;}

.pagination-panel { width:94%; margin:0 auto 40px;}
.pagination { width:80%; float:left; padding:6px 3%; margin:0; border-radius: 20px; background-color:#f6f6f6;}
.page-menu { padding:12px 0; margin:0;}
ul.page-menu { padding:0; margin:0;}
ul.page-menu li { list-style-type:none; padding:0; margin:0; background:url(../images/page-divider.gif) no-repeat center right; float:left; text-align:center; display: inline-block;}
ul.page-menu li a{ list-style-type:none; padding:0; margin:0 30%; float:left; color:#777777; text-decoration:none; text-align:center;}
ul.page-menu li.active a{ list-style-type:none; padding:0; margin:0 30%; float:left; color:#ff7800; text-decoration:none; text-align:center;}
ul.page-menu li.arrow { list-style-type:none; padding:0; margin:0; background:0 none; float:left; text-align:center; display: inline-block;}
ul.page-menu li.arrow a{ list-style-type:none; padding:0; margin:0 0px; float:left; color:#777777; text-decoration:none; text-align:center;}
ul.page-menu li.last { list-style-type:none; padding:0; margin:0; background:0 none; float:left; text-align:center; display: inline-block;}

.video-panel { width:100%; float:left;}
.video { width:100%; float:left;}
.video-text { width:100%; float:left; padding:22px 0; margin:0;}
.video-orange {color:#ff7800; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px;}
.video-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px;}
.video-green span{color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px;}
.video-orange {color:#ff7800; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; text-transform:capitalize}
.video-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; float:left; width:100%}
.video-green span.lt-txt {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:33%; float:left}
.video-green span.slash-txt {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:4%; float:left}
.video-green span.rt-txt{color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:63%; float:left}
.slider { width:100%; float:left; padding:0; margin:0 0 30px;}
.sub-title h2 { width:100%; float:left; color:#000; font-size:17px; font-weight:600;font-family: 'Gotham', sans-serif; padding:15px 0 12px; margin:0;}

.search-panel { width:100%; float:left;}
.search { width:100%; float:left;}
.search-form { width:100%; float:left; padding:10px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.search-last { width:100%; float:left; padding:10px 0; margin:0; border-bottom:0 none;}
.search-rtext { width:100%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 10px; margin:0;}
.required {color:#ff3c00; font-size:14px; font-weight:400;}
.checkbox { width:25px; float:left;}
.checkbox input{ width:13px; float:left; border:1px solid #8e8f8f; padding:0; margin:4px 10px 0;}
.checkbox-text {color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:3px 10px 0; float:left;}
.search-text { width:100%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 8px; margin:0;}
.search-field { width:100%; float:left;}
.search-field input { border:1px solid #cccccc; padding:5px; height:13px; margin:0 10px 0 0;width:80%; float:left;}
.search-field select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:84%; float:left; height:23px;}
.search-imgpanel { float:left; width:100%;}
.search-img { width:100%; float:right; padding:0; margin:15px 0 0; background:url(../images/search-img.png) no-repeat top right; height:260px;}
.bt-submit { width:80px; float:left; padding:0; margin:0 10px 0 0;}

.content-area p { text-align:justify; font-size:13px; color:#474950; line-height:22px; font-weight:300;font-family: 'Gotham', sans-serif; padding:0 0 20px; margin:0;}
.inside-bullet { width: 100%;float: left;margin:0;padding: 0;}
.inside-bullet ul{ width: 100%;float: left;list-style-type: none;margin: 0;padding: 0;}
.inside-bullet li{ background: url(../images/bullet2.png) no-repeat 0 7px; width: 93%; float: left; padding: 0 0px 0px 7%;color: #474950;font-size: 13px;line-height: 23px;}

/*New css for other dash-board pages*/
.filter-panel { width:92%; float:left; background: #f7f7f7; border:1px solid #e7e7e7; padding:16px 2% 19px 2%; margin:0 0 20px;}
.filter-title { width:95%; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0 0 10px 0;}
.filter-arrow { width:5%; float:left;}
.channel-col { width:100%; float:left; padding:0; margin:0;}
.language-col {width:100%; float:left; padding:0; margin:0;}
.filter-text { width:100%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:10px 0;}
.filter-field { width:100%; float:left;}
.filter-field input { border:1px solid #e7e7e7; background-color:#fff; padding:5px; height:13px; margin:0 0 5px 0;width:80%; float:left;}
.channel-col div { color: #777; float: left; margin: 0 0 5px; padding: 0; width: 100%; }
.channel-col div.input-append { margin: 0; }
.input-append input { background: none repeat scroll 0 0 #fff; border: 1px solid #e7e7e7; border-radius: 0; box-shadow: none; color: #777; cursor: text; float: left; font-family: sans-serif; font-size: 100%; height: 15px; line-height: normal; margin: 0; outline: 0 none; overflow: hidden; padding: 5px; position: relative; width: 70%; }
#date_filter_img, #jform_coverage_date_img ,#start_date_img,#end_date_img,#to_date_filter_img{ background: url("../images/calender.gif") no-repeat 0 0 ; border: medium none; float: left; height: 21px; margin: 3px 0 0 5px; width: 24px; }
.filter-error{color:#ff7800;text-align:center}
.price-panel { width:100%; float:left; padding:0; margin:0 0 15px;}
.news-row { width:100%; float:left; border-bottom:1px solid #e2e2e2; padding:0; margin:0;}
.news-channel { width:100%; float:left; color:#777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:10px 0; margin:0;}
.news-col1 { width:32%; float:left; padding:0 1% 15px 0; margin:0;}
.news-col1-title { width:100%; float:left; color:#777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-col1-text { width:100%; float:left; color:#777777; font-size:12px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0;}
.news-col2 { width:29%; float:left;}
.news-col2-title{ width:100%; float:left; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-col2-text { width:100%; float:left; color:#777777; font-size:12px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-row input { border:1px solid #8e8f8f; padding:5px; margin:2px 5px 0 0; float:left;}
.news-row-last { width:100%; float:left; border-bottom:none; padding:0; margin:0;}
.news-row-last input { border:1px solid #8e8f8f; padding:5px; margin:2px 5px 0 0; float:left;}

.price-fix-div {width: 98%;position: fixed; bottom: 0; left:0; z-index: 10;background: #ff7900;padding: 1%;}
.price-fix-panel { width:714px; margin:0 auto;}
.total-amount { width:96%; float:left; font-size:14px; font-weight:400; color:#fff;font-family: 'Gotham', sans-serif; padding:9px 0 0 4%; margin:0;}
.total-amount span{ font-size:14px; font-weight:600; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.pay-now { width:96%; float:left; font-size:14px; font-weight:400; color:#fff;font-family: 'Gotham', sans-serif; padding:0 0 0 4%; margin:6px 0 0;}
.pay-now span{ font-size:14px; font-weight:600; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.pay-now input { border:1px solid #e7e7e7; background-color:#fff; padding:5px; height:14px; margin:0 0 5px 0;width:102px; font-size:13px; font-weight:400; color:#777777;font-family: 'Gotham', sans-serif;}
.price-bt-submit { width:96%; float:left; padding:0; margin:6px 0 0 4%;}

.filter-panel select{border:1px solid #e7e7e7; padding:0; height:23px; margin:0 0 10px 0;width:100%; float:left;}
.clip-panel { width:100%; float:left; padding:0; margin:0 0 15px;}
.clip-title { width:100%; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 10px; margin:0;}
.clip-checkbox-panel { width:90%; float:left;}
.clip-col-text { width:50%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0;}
.clip-col-text input { border:1px solid #8e8f8f; padding:5px; margin:2px 10px 10px 0; float:left;}

.request-form { width:100%; float:left; padding:15px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.request-last { width:100%; float:left; padding:15px 0; margin:0; border-bottom:none;}
.request-text { width:100%; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0 0 10px;}
.request-field { width:100%; float:left;}
.request-field input { border:1px solid #cccccc; padding:5px; height:13px; margin:0 10px 0 0;width:90%; float:left;}
.request-field select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:25px; float:left; height:23px;}
.request-field textarea { border:1px solid #cccccc; padding:5px; height:50px; margin:0 10px 0 0;width:90%; float:left;}
.request-field-date select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:60px; float:left; height:23px;}
.request-field-month select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:70px; float:left; height:23px;}
.request-field-year select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:80px; float:left; height:23px;}
.request-text2 { width:100px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0;}
.request-text2 input { width: 20px; float:left; padding:0; margin:0 5px 0 0; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }

.user-panel { width:100%; float:left;}
.user-title {width:60%; float:left; color:#000; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 11px; margin:0;}
.user-button { width:124px; float:right; margin:-46px 0 15px 0}
.user-table { width:100%; float:left;}
.user-tablebg { background-color:#ebebeb;}
.user-table-title { color:#fff; background-color:#0098bc; padding:10px 5px; margin:0; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif;}
table {border-collapse: separate; border-spacing: 1px;}
.user-table-text { color:#777777; background-color:#fff; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:9px 5px; margin:0;}
.user-table-text a { color:#ff7800; text-decoration:none;}

.ledger-title { width:70px; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 10px; margin:0;}
.ledger-panel { width:99%; float:left;}
.debit-col { width:100%; float:left; border-right:0;}
.debit-title {width:100%; float:left; color:#0098bc; font-size:15px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 13px; margin:0;}
.debit-bluetitle {width:96%; float:left; background-color:#0098bc; color:#fff; font-size:10px; font-weight:600;font-family: 'Gotham', sans-serif; padding:10px 2% 10px 2%; margin:0;}
.ledger-date { width:24%; float:left;}
.ledger-description { width:31%; float:left;}
.ledger-amount { width:15%; float:left;}
.ledger-text-panel { width:96%; float:left; border-top:1px solid #ebebeb; padding:0; padding:0 1%;}
.ledger-text1 { width:24%; float:left; color:#777777; font-size:11px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text2 { width:31%; float:left; color:#777777; font-size:11px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text3 { width:15%; float:left; color:#777777; font-size:11px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text-panel-last { width:99%; float:left; background-color:#f3f3f3; padding:0; margin:0 1% 0 0; display:block}
.ledger-text-panel-last.desktop { width:99%; float:left; background-color:#f3f3f3; padding:0; margin:0 1% 0 0; display:none}
.credit-col { width:100%; float:left; padding:10px 0 0 0 margin:0;}
.ledger-bal { width:98%; float:left; border:1px solid #0098bc; padding:13px 0 12px; margin:30px 0; text-align:center; color:#0098bc; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }
.ledger-bal span { color:#0098bc; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif;}

.credit-col .ledger-date { width:33%; float:left;}
.credit-col .ledger-description { width:33%; float:left;}
.credit-col .ledger-amount { width:33%; float:left;}
.credit-col .ledger-text1 { width:33%; float:left; color:#777777; font-size:11px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.credit-col .ledger-text2 { width:33%; float:left; color:#777777; font-size:11px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.credit-col .ledger-text3 { width:33%; float:left; color:#777777; font-size:11px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}

h1{ width:100%; float:left; padding:0; margin:0 0 20px 0; color:#000; font-size:20px; font-weight:600}
h1.in-title  {background: url(../images/bg-h1.gif) no-repeat left bottom; color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px;   padding: 15px 0 10px; width: 100%;}

.table-title {color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 600; margin: 0; padding: 0 0 10px 0; width: 670px;}
.right-panel .clip-table {float: left;  margin: 0; padding:0 0 0 22px; width: 716px;}
.right-panel .table-in { width:100%; float:left; padding:0; margin:0;background: #f7f7f7; border: 1px solid #e7e7e7; float: left; margin: 0 0 20px;    padding: 14px 11px; width:717px;}
#hide_classify, #show_classify { float:right}
.options { width:100%; float:left; padding:0; margin:0}
.option-cont { width:50%; float:left; color:#777; /*padding:10px 0;*/ min-height:34px}
.option-cont input { float:left; margin:0 10px 0 0}
.option-cont .input-txt { color:#777; float:left; width:84%}
.clip-table .submitbt { margin:0}
.clip-table .submitbt img { width:86px; height:26px}
/*New css for other dash-board pages end*/

ul.inside-bullet1 { width: 100%;float: left;list-style-type: none; margin: 0 0 0 0; padding: 0;}
ul.inside-bullet1 li{ background: url(../images/bullet2.png) no-repeat 0 6px; width: 94%; float: left; padding: 0 0 0 6%; color: #474950; font-size: 14px; line-height: 26px}
ul.inside-bullet1 li a{color: #474950; text-decoration:none}
.inner-head-clip{ width:100%; border-bottom:solid 10px #0098bc; }

ul.sitemap-bullet { width:100%;float: left;list-style: none;margin: 0;padding: 0; }
ul.sitemap-bullet li{ background: url(../images/bullet2.png) no-repeat 0 9px; width: 94%; float: left; padding: 2px 0px 2px 6%;color: #474950;font-size: 14px;line-height: 26px;border-bottom:1px solid #e7e7e7}
ul.sitemap-bullet li a{color: #474950; text-decoration:none; font-weight:600}
ul.sitemap-bullet ul{ width: 100%;float: left;list-style: none;margin:0 0 10px 0;padding: 0; }
ul.sitemap-bullet ul li{ background: url(../images/arrow-orange.png) no-repeat 0 8px; width: 97%; float: left; padding: 0 0px 0px 3%;color: #474950;font-size: 14px;line-height: 23px; border-bottom:none}
ul.sitemap-bullet ul li a{color: #474950; text-decoration:none; font-weight:400}

.bt-login { background: url(../../../images/bt-login.gif) no-repeat 0 0; border: medium none; float: left; height: 28px; margin: 0 17px 5px 0; padding: 0; width: 85px; } 
.login-field input { border: 1px solid #dddddd; border-radius: 3px; float: left; height: 22px; margin: 0 0 14px; padding: 3px; width: 93%; }
.pagination .chzn-container { display: inline-block; float: none; margin: 0 0 0 5px; width: 58px !important; }
.view {background: url(../images/view-icon.png) no-repeat 0 2px; color: #0098bc;padding: 0 5px 0 20px; float: left}
.download { background: url(../images/download-icon.png) no-repeat 0 4px; color: #0098bc; padding: 0 5px 0 20px;}
.view-pdf {background: url(../images/view-icon.png) no-repeat 0 2px; color: #0098bc;padding: 3px 2px 0 20px;}
.download-pdf { background: url(../images/download-icon.png) no-repeat 0 4px; color: #0098bc; padding: 4px 2px 0 20px;}
.share-pdf { background: url(../images/share-icon.png) no-repeat 0 3px; color: #0098bc; padding: 4px 2px 0 20px;}

.filter-search.fltlft { width: 91%; }
.ledger-title { width:100%; float:left; margin:0}
.channel-col div.chzn-container-single { width:90% !important; margin:0 0 15px 0}
.channel-col div#schtonality_chzn.chzn-container-single{width:100% !important;}
.chzn-container-single .chzn-single div { top:0}
.search-div { width:94%; float:left; background: url(../images/search-img.png) no-repeat right bottom; background-size:contain; padding:0 0 273px 0}
.search-div .filter-panel { background:none; width:100%; padding:0; margin:0; border:none}
.search-div .fliter-area { width:100%; float:left}
.search-div .channel-col { width:100%; padding:10px 0; border-bottom:1px solid #e7e7e7; margin:0}
.search-div .filt-title {color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 400; margin:5px 0 5px 0; padding: 0; width: 100%;}
.search-div .channel-col div.input-append { width:auto}
.search-div .fliter-area .submitbt { margin:15px 10px 15px 0; float:left}
.resetbt { cursor: pointer; float: left; margin: 15px 10px 0 0;}
.search-div .channel-col div.chzn-container { width:96% !important}
.channel-cat-heading { float:left; width:100%; font-size:17px; color:#0098bc; font-weight:400; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #e4e4e4}
.channel_container { width:48%; float:left; margin:0 2% 0 0}
.channel_logo { width:100%; float:left; background:#D7D7D7; border:1px solid #e7e7e7; height:100px; text-align:center}
.channel_logo img { max-width:100%; max-height:100%}
.channel_name { width:92%; float:left; font-size:13px; font-weight:600; padding:5px 4%; margin:0 0 15px 0; color:#1c1c1c; background:#e7e7e7; border:1px solid #e7e7e7}
.user-regisration-container  {background: url(../images/img-add-user.png) no-repeat center bottom;float: left; padding: 0 0 273px; width: 94%;}.
.user-regisration-container form { width:100%}
.user-regisration-container form .control-label { width:100%; margin:6px 0 6px 0}
.user-regisration-container form .controls input { width:98%}
.user-regisration-container form .controls { width:100%}
.user-regisration-container form .form-actions { padding: 15px 0 15px 0; width:100%;}

.indicator { width:auto; float:none; border:1px solid #e4e4e4;-moz-border-radius: 4px;/*Firefox*/-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px; font-size:14px; color:#0098bc; font-weight:400; padding:0; display:block}

.indicator-title { text-align:left; font-size:16px; color:#fff; font-weight:700; background:#0098bc; padding:7px 5%; display:block; /*Firefox*/ -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 0px; /*Safari, Chrome*/ -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.green_indicator { padding:7px 5%; display:block; color:#0098bc; font-size:10px; font-weight:600}
.red_indicator{padding:7px 5%; display:block; color:#d40000; font-size:14px; font-weight:700; background:#fceded; font-size:12px}

.orange_indicator{padding:7px 5%; display:block; color:#d40000; font-size:14px; font-weight:600}

.list-repeat { color: #777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600; line-height: 25px;text-transform: capitalize; background:url(../images/repeated-clip.png) no-repeat 0 5px; padding:0 0 0 23px; display:block}
.filter-search .pagetitle { width:89%; float:left; padding:0; margin:4px 0 0 0; color: #777777; float: left; font-family: "Gotham",sans-serif;  font-size: 14px; font-weight: 600;}

.filter-search.fltlft .btn-form { margin: 0;} #sbox-window .filter-search.fltlft { padding:5px 11px} /*TOP PANNEL*/ .right-panel fieldset { float: left; width: 100%; }
.registration .video { width:100%; float:left;}
.controls textarea { border: 1px solid #ccc; float: left; height: 100px; line-height: 25px; padding: 2px 5px; width: 98%; }
.registration .video { width:70%; float:right;}
.page-header h1, .right-area h3 {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 0 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}
#search_filter { border:1px solid #e7e7e7; padding:5px; margin:5px 0 0 0;}
#adminForm .submitbt,#adminForm .resetbt{ float:left; width:auto; margin:10px 5px 0 0;}
/* Add this attribute to the element that needs a tooltip */
.video-links a  { border: 1px solid #ffffff; border-radius: 5px; color: #fff; font-weight:bold; padding:3px 12px; font-size:14px; text-decoration:none; }
.video-links { float:left; font-size:14px; font-weight:bold;}
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }

/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }

/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 300px; -webkit-border-radius: 3px; -moz-border-radius:    3px; border-radius:         3px; background-color: #ff7800; /*background-color: hsla(0, 0%, 20%, 0.9);*/ color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #ff7800; /* border-top: 5px solid hsla(0, 0%, 20%, 0.9);*/ border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } 
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
ul.main-tab { float:left; margin:0; padding:0; list-style:none;}
ul.main-tab li { float:left; width: 100%}
ul.main-tab li a{ float:left; background:#0197bc; padding:8px 0; width:100%; font-size:12px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; border-radius:5px 5px 0 0; margin:0 0 3px 0;}
ul.main-tab li a:hover { background:#ff7800;}
ul.main-tab li a.active-tab { background:#ff7800;}

.right-content.videodiv { float: left; margin: 0; min-height: 300px; padding:15px 2% 0; width: 95.8%; border:1px solid #eee; }
.tip-mob { margin:0 0 15px 0;}

.partner-panel { float:right; padding:22px 0}
.partner-panel a {border: 1px solid #ffffff; border-radius: 5px; color: #fff; font-size: 14px; font-weight:normal; padding: 4px 12px 4px 37px; text-decoration: none; background:url(../images/partner-icon.png) no-repeat 12px 5px #ff7800; float:none; display:inline-block}

.partner-panel { float:left; padding:22px 10px 22px 10px; width:170px; text-align:center}
.category_dropdown{width: 100%; border: 1px solid #ccc}
.billing-cont-right{background:#FAFAFA; border:1px solid  #E2E2E2; padding: 15px}
.billing-cont{background:#FAFAFA; border:1px solid  #E2E2E2; padding: 15px}
.invoice-table{background:#FFFFFF; border:1px solid  #E2E2E2; padding: 15px}

.like {background: url(../images/like-icon.png) no-repeat left; margin: 10px 0; padding-left: 21px; float: left; clear: both}
.dislike {background: url(../images/dis-like-icon.png) no-repeat left; margin: 10px 10px; padding-left: 21px; float: left}
.fb_iframe_widget { margin-top: 12px;}
.fb_iframe_widget span {top: -2px;}
.like.ilike{background: url(../images/like-icon1.png) no-repeat left; margin: 10px 0; padding-left: 21px;}
.dislike.idislike {background: url(../images/dis-like-icon1.png) no-repeat left; padding-left: 21px;}


.services-title h2{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; font-weight: lighter;}
.header-tagline h1 {color: #fff;font-size: 48px; font-weight: lighter; float: left; margin: 33px 0 0; width: auto;}
.header-tagline .circle {float: left;}
.inside-bullet li h3{ font-size: 13px; float:left; padding-right: 5px;}
.date-table { width:100%; background:#fafafa; margin:0 0 3px; }
.upload_content { color: #fff; float: left; font-size: 14px; line-height: 24px; margin: 0 0 5px; text-align: justify; width: 100%;}
.upload_logo { color: #fff; float: left; font-size: 14px; line-height: 24px; margin: 0 0 5px; text-align: justify; width: 100%;}
.upload_logo a { border:0 !important; padding:0 !important }
.text-m { padding:15px 0 0; float:left; }
.share_email img { vertical-align: baseline; }
.share_whatsapp_video1 img { border: 0 none; display: inline-block; margin: -15px 0 0; padding: 0; width: 4%; }
.full_debit .debit-col{width:100% !important; display: table; float:none}
.chzn-container .chzn-results{clear: both}
.ssl-div {
    float: right;
    margin: -14px 0 0 0;
}
#comodoTL{display:none !important}
#tl_popupCL1{top:0}
.subscriptionbutton {
 
background: #ff7800;
height: 26px;
line-height: 26px;
color: #fff !important;
font-weight: 600;
text-align: center;
border: none;
padding: 0 8px;
margin: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 10px 0 0;
float: left;
text-decoration:none;
}




/*Added by sachin on 2017-11-27*/
.channel-col-print {
    float: right;
    width: 25%;
}


.channel-col-print .green_indicator {
    float: left;
    width: 40%;
    display: inline;
    padding: 7px 0;
}


.channel-col-print .chzn-container {
    float: left;
    display: inline;
    padding: 3px 0;
	min-width: 120px !important;
}

input.logout {
    margin: 0;
	border:0;
    background: #0d72b9;
}

/*Added by sachin on 2017-11-27 ends here*/
/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {

.highlight-text-area { color: #fff; float: left; font-size: 23px; font-weight: lighter; margin: 0; padding: 0 2%; text-align: center; width: 96%; }

}


@media only screen and (min-width:480px) and (max-width:767px) {

ul.sitemap-bullet { width:100%;float: left;list-style: none;margin: 0;padding: 0; }
ul.sitemap-bullet li{ background: url(../images/bullet2.png) no-repeat 0 9px; width: 95%; float: left; padding: 2px 0px 2px 5%;color: #474950;font-size: 14px;line-height: 26px;border-bottom:1px solid #e7e7e7}
ul.sitemap-bullet li a{color: #474950; text-decoration:none; font-weight:600}
ul.sitemap-bullet ul{ width: 100%;float: left;list-style: none;margin:0 0 10px 0;padding: 0; }
ul.sitemap-bullet ul li{ background: url(../images/arrow-orange.png) no-repeat 0 8px; width: 97%; float: left; padding: 0 0px 0px 3%;color: #474950;font-size: 14px;line-height: 23px; border-bottom:none}
ul.sitemap-bullet ul li a{color: #474950; text-decoration:none; font-weight:400}
.search-div { width:94%; float:left; background: url(../images/search-img.png) no-repeat center bottom; background-size: auto; padding:0 0 259px 0}
.search-div .filter-panel { background:none; width:100%; padding:0; margin:0; border:none}
.search-div .fliter-area { width:100%; float:left}
.search-div .channel-col { width:100%; padding:10px 0; border-bottom:1px solid #e7e7e7; margin:0}
.search-div .filt-title {color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 400; margin:5px 0 5px 0; padding: 0; width: 35%;}
.search-div .channel-col div.input-append { width:auto}
.search-div .fliter-area .submitbt { margin:15px 0}
.search-div .channel-col div.chzn-container { width:60% !important}
.channel_container { width:31%; float:left; margin:0 2% 0 0}
.why-us-column2 { text-align:center}
.partner-panel { float:right; padding:22px 10px}
.partner-panel a {border: 1px solid #ffffff; border-radius: 5px; color: #fff; font-size: 14px; font-weight:normal; padding: 4px 12px 4px 37px; text-decoration: none; background:url(../images/partner-icon.png) no-repeat 12px 5px; float:left}
.billing-cont{background:#FAFAFA; border:1px solid  #E2E2E2; padding: 15px}
.invoice-table{background:#FFFFFF; border:1px solid  #E2E2E2; padding: 15px}
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {
input, select { border-radius:0}	
/*Pop Up*/
#TB_window { margin-left: -50% !important; top: 35% !important; width: 100% !important; }
#TB_iframeContent { height: 338px !important; width: 100% !important; }
#TB_window.Current { margin-left: -50% !important; top: 25% !important; width: 100% !important; }
#TB_iframeContent.Current { height: 360px !important; width: 100% !important; }
/*Pop up*/

.gridContainer { width: 100%; padding-left: 0; padding-right: 0; margin: auto; }
.container { clear: both; float: left; margin-left: 0; width: 100%; display: block; }
/*TOP PANNEL*/
.top-pannel { background: none repeat scroll 0 0 #454545; font-family: "Gotham",sans-serif; font-size: 13px; color:#fff; height: 20px; margin: 0; padding: 5px 0; display:block; }
.top-pannel span { color: #fff; display: inline-block; margin-right: 12px; }
.top-links{ display: block; float: right;	 }
.call { background-image: url("../images/icon-phone.png"); background-position: 0 -1px; background-repeat: no-repeat; float: left; padding: 0 0 1px 21px; width: 108px; }
.welcome { float: left; padding: 0 0 1px 0; width:auto; font-weight:600}
.welcome a { color:#fff; text-decoration:none}
.welcome img {vertical-align: text-top}
.mail { background-image: url("../images/icon-mail.png"); background-position: 0 -1px; background-repeat: no-repeat; display: block; float: left; padding: 0 0 1px 35px; width: 115px; }
.mail a{color:#fff; text-decoration:none}
.follow { float: left; margin: 0 3px 0 0; padding: 0; }
.divder{ width:1px; height:20px; float:left; margin:0 4px; padding:0;}
.wrapper { display: block; margin: 0 auto; padding: 0; width: 100%; }
.header-pannel{ width:100%; background:#fff; height:97px; float:left;}
.logo{width:90px; margin:0 14px 0 0; float:left;}
.menu-pannel { float: left; margin-left: 0;width: 76%; }
.login-btn-pannel { float: right; margin-left: 0px; margin-top: 20px; margin-right:8px; /*width: 76px;*/ display:block; }
.top-pannel .login-btn-pannel { float: right; margin-left: 0px; margin-top: 0; margin-right:8px; /* width: 76px;*/ display:block; } /*TOP PANNEL*/

/*Main Menu*/

.ddsmoothmenu { display: block; }

/*Main Menu*/

/*Slider*/
.slider-pannel{ width:100%; margin:0 auto;}

/*Slider*/

/*Highlight Text*/
.highlight-pannel { background: none repeat scroll 0 0 #0098bc; float: left; height: auto; margin: 0; width: 100%; padding:0; }
.highlight-content { margin: 0 auto; width: 100%; }
.highlight-text-area { color: #fff; float: left; font-size: 32px; font-weight: lighter; margin: -15px 0; padding: 0 2%; width: 58%; }
.demo-btn-pannel { float: left; font-size: 23px; font-weight: lighter; margin: 13px 0; padding: 2%; width: 33%; }

.circle{ font-size:80px; font-weight:bold; color:#fff; font-family: "Gotham",sans-serif;}

.demo-btn{ background:#ff7800; color:#fff; border: 1px solid #ffffff; -moz-border-radius: 5px;/*Firefox*/ -webkit-border-radius: 5px;/*Safari, Chrome*/ border-radius: 5px;: ; padding:10px;}
.demo-btn a{text-decoration:none; color: #fff}
/*Highlight Text*/

/*News*/
.news-pannel{ width:100%; float:left; background:#0086a6;}
.news-content{ width:100%x; margin:0 auto;}
.news-icon{width:14%; height:43px; float:left; }
.news-text {
color: #fff;
float: left;
font-size: 14px;
padding: 15px 11px;
width: 83%;
}
/*News*/

/*Servies*/

.services { background: url("../images/services-bg.gif") repeat-x scroll 0 bottom #fefbfb; margin: 0 auto; padding: 0; width: 100%; float: left; }

.services-content { margin: 0 auto; padding: 60px 0 0; width: 98%; }

.services-title{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; margin:0 0 35px 0; font-weight: lighter;}
.services-text{  width:100%; float:left; font-size:18px; color:#515151; text-align:center; margin:0 0 35px 0;}
.services-image{ width:98%; margin: 0 auto 43px 0; display:block;}

/*Servies*/

/*Why Us*/
.why-us{ width:100%; float:left; margin:0 auto; background:#fff;}
.why-us-content {
margin: 0 auto;
width: 98%;
}

.why-us-column1 {
float: left;
margin: 0 0 0 35px;
padding: 35px 0;
width: 53%;
}

.why-us-column2 {
float: left;
width: 42%;
}
.why-us-title{  width:100%; float:left; font-size:35px; color:#ff7800; font-weight: lighter; margin:0 0 30px 0; text-align:left}
.why-us-text{ width:100%; float:left; color:#474950; line-height:24px; font-size:14px; margin:0 0 30px 0; text-align:justify;}
.why-us-bullet-points{ width:100%; float:left;}
.why-us-bullet-points ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.why-us-bullet-points ul li {
background: url("../images/bullet-orange.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
color: #474950;
font-family: "Gotham",sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 25px;
list-style: outside none none;
margin: 0;
padding: 0 0 0 25px;
text-align: left;
}


/*Why Us*/

/*Testimonials*/

.testimonials {
float: left;
margin: 0 auto;
padding: 30px 0 7px 0;
width: 100%;
background: url("../images/testimonial-bg.jpg") repeat-x scroll 0 bottom #f7f7f7;
}

.testimonials-content{ width:100%; margin:0 auto; padding: 40px 0;}

.testimonials-title {
color: #ff7800;
float: left;
font-size: 35px;
font-weight: lighter;
margin: 0 0 5px;
text-align: center;
width: 100%;
}
.testimonials-area{ width:100%; float:left; margin:0 auto;}
/*Testimonials*/


/*Clients*/
.clients{width:100%; float:left; margin:0 auto; background:#f7f7f7; padding: 30px 0 30px 0; }
.client-mid {
margin: 0 auto;
width: 940px;
}

.clients-content {
margin: 0 auto;
width: 100%;
}
.power-by {
float: left;
width: 26%;
display:none
}
.payment-opt {
border-left: 0 solid #d9d9d9;
float: left;
padding: 0 0 0 0%;
width: 100%;
}
.clients-title{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; margin:0 0 30px 0; font-weight: lighter;}
.clients-text{ width:100%; margin:0 auto; text-align:center; font-size:18px; color:#515151; margin:0 0 30px 0; font-weight: lighter;}
.celients-logos{ width:100%; margin:0 auto; margin:0 0 0px 0; text-align:center}
.testimonials-content .celients-logos img {
background:  #fff;
border: 1px solid #e7e7e7;
display: inline-block;
margin: 0 5px;
padding: 10px;
}
.payment-options{width: 188px; float: left}
.payment-options.payment-options2 { display:none}
.payment-options h2 {color: #ff7800; font-weight: normal; margin: 25px 0 10px;}
.payment-options span {color: #ff7800; font-weight: normal; margin: 25px 0 10px; float:left; font-size: 20px;}
/*Clients*/

/* .left-slide.left-slide2 .leftside-menu { width:100%;} */
.container-main-full .left-slide.left-slide2 .leftside-menu { width:100%;}

/*Footer*/
.footer-pannel1{ width:100%; float:left; margin:0 auto; background:#0098bc; padding:30px 0;}

.footer-content {
margin: 0 auto;
padding: 1% 0;
width: 98%;
}

.footer-text1 {
float: left;
margin: 0 33px 0 0;
padding: 0;
width: 21%;
}

.footer-text2 {
float: left;
margin: 0 33px 0 0;
padding: 0;
width: 21%;
}


.footer-text3 {
float: left;
margin: 0 33px 0 0;
padding: 0;
width: 21%;
}


.footer-text4 {
float: left;
margin: 0 5px 0 0;
padding: 0;
width: 21%;
}
.footer-text1 ul,.footer-text2 ul,.footer-text3 ul,.footer-text4 ul{  float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;}

.footer-text1 li,.footer-text2 li,.footer-text3 li,.footer-text4 li{
background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #4cb7d0;
float: left;
padding: 0 0px 0px 13px;
text-transform: uppercase;
width: 100%;
color: #fff;
font-size: 13px;
line-height: 27px;
}

.footer-text1 li:first-child {
background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #4cb7d0;
float: left;
padding: 0 0px 0px 13px;
text-transform: uppercase;
width: 100%;
}
.footer-text1 li:last-child , .footer-text2 li:last-child {
background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: none;
float: left;
padding: 0 0px 0px 13px;
text-transform: uppercase;
width: 100%;}

.footer-text1 ul li a ,.footer-text2 ul li a ,.footer-text3 ul li a {
color: #fff;
font-size: 13px;
line-height: 27px;
padding: 0;
text-decoration: none;
}

.follow-us-icons{ width:100%; float:left; margin:13px 0 0 0;}
.follow-us-icons a{ margin-right:1px;}
.contcte-address{ width:100%; float:left; margin:13px 0 0 0; text-align:left; color:#fff; font-size:13px; line-height:20px;} 
/*Footer*/

/*Copyright*/
.copyright{ width:100%; margin:0 auto; float:left; background:#000; padding:15px 0;}
.copyright-content{ width:98%; margin:0 auto;}
.copyright-text{ font-size:13px; color:#fff;padding:14px 0 0 0; float:left}
.copyright-text a{ text-decoration:underline; color:#fff;}

/*Copyright*/

/***************************************************** INSIDE START HERE ************************************************/

/*Inside*/

/*Header Images*/
.inner-head{ width:100%; height:298px; border-bottom:solid 10px #0098bc; }
.inner-head.services {
background: url("../images/head-services.jpg") no-repeat center top; background-size:cover; width: 100%;
}
/*Header Images*/

/*Content*/
.middel-container{ width:100%; float:left; margin:0 auto;}
.common{ width:100%; margin:0 auto;}


.left-slide {
display: block;
float: left;
margin: 0;
padding: 2% 2% 2% 0;
width: 24%;
}

.right-slide {
background: url("../images/right-bg.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
float: left;
margin: 0;
padding: 0;
width: 72%;
}


.right-content {
float: left;
margin: 0;
padding: 2%;
width: 96%;
min-height: 300px
}

/*Left side Menu*/

.leftside-menu {
float: left;
margin: 0;
padding: 0;
width: 100%;
}


.leftside-menu ul{  float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;}

.leftside-menu li{
background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e4e4e4;
float: left;
padding: 0 0px 0px 8%;
text-transform: capitalize;
width: 92%;
color: #fff;
font-size: 13px;
line-height: 27px;
}

.leftside-menu li:first-child {
background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e4e4e4;
float: left;
padding: 0 0px 0px 8%;
text-transform: capitalize;
width: 92%;
}
.leftside-menu li:last-child {
background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: none;
float: left;
padding: 0 0px 0px 8%;
text-transform: capitalize;
width: 92%;}

.leftside-menu ul li a {
color: #474950;
font-size: 14px;
line-height: 29px;
padding: 0;
text-decoration: none;
font-family: "Gotham",sans-serif;
}
/*Left Side Menu*/

/*Content*/

/*Bread Crumbs*/

.breadcrumb-inside {
color: #777777;
float: left;
font-family: "Gotham",sans-serif;
font-size: 13px;
font-weight: 600;
margin: 0;
padding: 6px 0;
width: 100%;
}

.breadcrumb-inside a {
color: #777777;
text-decoration: none;
}

/*Bread Crumbs*/

/*Page Title*/

.page-title {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 15px 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}
.page-title a { text-decoration:none; color: #ff7800;}
/*Page Title*/

/*Content Area*/
.content-area{ width:100%; float:left; margin:0 0 30px 0;}

/*Content Area*/


/*Inside*/

/*Header Images*/
.inside-header-pannel{ width:100%; margin:0 auto; clear: both;}

.inner-head{ width:100%; height:298px; border-bottom:solid 10px #0098bc; }
.inner-head.about-us {
background: url("../images/header-about-us.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.services {
background: url(../images/head-services.jpg) no-repeat center top; background-size:cover; width: 100%; 
}

.inner-head.pricing {
background: url("../images/header-pricing.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.support {
background: url("../images/header-support.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.media {
background: url("../images/header-media.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.member {
background: url("../images/header-membership.jpg") no-repeat center top; background-size:cover; width: 100%;
}
.inner-head.demo-request {
background: url("../images/header-dermo-request.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.contact {
background: url("../images/header-contact.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.site-map {
background: url("../images/header-site-map.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.broadcast  {
background: url("../images/header-broadcast-m-i.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.print {
background: url("../images/header-print-m-i.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.internet {
background: url("../images/header-internet-m-i.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.social {
background: url("../images/header-socialmedia-m-i.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.media-analysis {
background: url("../images/header-media-analysis.jpg") no-repeat center top; background-size:cover; width: 100%;
}

.inner-head.privacy {
background: url("../images/header-privacy.jpg") no-repeat center top; background-size:cover; width: 100%;
}
/*Header Images*/



/***************************************************** INSIDE END HERE ************************************************/
.login-panel { width:100%; float:left; border-radius: 10px; background-color:#fff; padding:0; margin:0 0 20px 0; min-height:280px}
.login-bg { width:538px; float:left; background:url(../images/login-bg.png) no-repeat top left; background-size:cover; min-height:300px}
.login { width:94%; float:left; padding:0 3%;}
.login-logo { width:100%; float:left;}
.form-panel { width:50%; float:left;/* background:url(../images/login-img.jpg) no-repeat top right; background-size: auto 100%;*/}
.form-area { width:98%; float:left; padding:31px 0 0 2%; margin:0;}
.login-text { width:100%; float:left; color:#000; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 8px; margin:0;}
.login-field { width:100%; float:left;}
.login-field input { border:1px solid #dddddd; border-radius:3px; padding:3px; margin:0 0 14px;width:96%; float:left; height:20px;}
.clear { clear:both; height:1px;}
.bt-login {  background: url("../../../images/bt-login.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
height: 28px;
margin: 0 17px 5px 0;
padding: 0;
width: 85px;}
.forgot-text { color:#000; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; vertical-align:middle; width:106px; float:left; padding:8px 0 0; margin:0;}
.forgot-text a{ color:#000; text-decoration:none;}
.forgot-text a:hover{ color:#000; text-decoration:none;}
.form-imgpanel { width:50%; float:right; background:url(../images/login-img.png) no-repeat 10px 10px; padding:0; margin:8px 0 0; background-size:contain}

.common { width:98%; margin:0 auto;}
.inside-content { /*background:url(../images/in-bg.gif) repeat-y top left;*/ width:98%; float:left; display:block;}
.left-panel { width:20%; float:left; padding:28px 0 0; margin:0; display:block;}
.left-menu { padding:28px 5% 0 0; margin:0;}
ul.left-menu { padding:0; margin:0;}
ul.left-menu li { list-style-type:none; padding:0; margin:0; width:100%; float:left;}
ul.left-menu li a { list-style-type:none; width:77%; float:left; padding:0 0 6px 23%; margin:0;color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2;}
ul.left-menu li.account a { width:77%; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
/*
ul.left-menu li.clip a { width:77%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search a { width:77%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:0 none; text-decoration:none;}
*/
ul.left-menu li.account a:hover { width:77%; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.account.active a { width:77%; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.search a { width:77%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search a:hover { width:77%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search.active a { width:77%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.clip a { width:77%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip a:hover { width:77%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip.active a { width:77%; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.price a { width:77%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.price a:hover { width:77%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.price.active a { width:77%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.clip2 a { width:77%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip2 a:hover { width:77%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip2.active a { width:77%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.user a { width:77%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.user a:hover { width:77%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.user.active a { width:77%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:6px 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.ledger a { width:77%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}
ul.left-menu li.ledger a:hover { width:77%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}
ul.left-menu li.ledger.active a { width:77%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 23%; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}

.mobile-left-panel { width:100%; float:left; clear:none; display:none; padding:0; margin:15px 0 30px;}

.right-panel { background:url(../images/right-bg.gif) repeat-y 0 0; width:70%; float:left; background-size:auto auto; padding:0 0 0 2%; margin:0;}
.right-area { width:100%; float:left; padding:28px 0 0 0; margin:0;}
.breadcrumb { width:100%; float:left; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:6px 0; margin:0; list-style:none}
.breadcrumb a { color:#777777; text-decoration:none;}
.in-title h1 { width:100%; float:left; color:#000; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 11px; margin:0;}
.list-panel { width:100%; float:none;}
.list-div1 { width:50%; float:left; padding:0 0 28px 0; margin:0;}
.list-div2 { width:50%; float:left; padding:0 0 28px 0; margin:0;}
.list-img { width:100%; float:left; padding:0 0 17px; margin:0; text-align:left}
.list-text { width:100%; float:left; padding:0; margin:0;text-align:left}
.list-orange {color:#ff7800; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px;}
.list-orange-bold {color:#ff7800; font-size:15px; font-weight:bold;font-family: 'Gotham', sans-serif; line-height:25px;}
.list-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px;}
.list-green span{color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px;}
.list-black {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px;}

.pagination-panel { width:338px; margin:0 auto 40px;}
.pagination { width:300px; float:none; padding:6px 19px; margin:0; border-radius: 20px; background-color:#f6f6f6; display:inline-block}
.page-menu { padding:12px 0; margin:0;}
ul.page-menu { padding:0; margin:0;}
ul.page-menu li { list-style-type:none; padding:0; margin:0; background:url(../images/page-divider.gif) no-repeat center right; float:left; text-align:center; display: inline-block;}
ul.page-menu li a{ list-style-type:none; padding:0; margin:0 10px; float:left; color:#777777; text-decoration:none; text-align:center;}
ul.page-menu li.active a{ list-style-type:none; padding:0; margin:0 10px; float:left; color:#ff7800; text-decoration:none; text-align:center;}
ul.page-menu li.arrow { list-style-type:none; padding:0; margin:0; background:0 none; float:left; text-align:center; display: inline-block;}
ul.page-menu li.arrow a{ list-style-type:none; padding:0; margin:0 0px; float:left; color:#777777; text-decoration:none; text-align:center;}
ul.page-menu li.last { list-style-type:none; padding:0; margin:0; background:0 none; float:left; text-align:center; display: inline-block;}

.video-panel { width:100%; float:left;}
.video { width:100%; float:left;}
.video-text { width:100%; float:left; padding:22px 0; margin:0;}

.video-orange {color:#ff7800; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; text-transform:capitalize}
.video-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; float:left; width:100%}
.video-green span.lt-txt {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:31%; float:left}
.video-green span.slash-txt {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:2%; float:left}
.video-green span.rt-txt{color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:67%; float:left}

.slider { width:100%; float:left; padding:0; margin:0 0 30px;}
.sub-title h2 { width:100%; float:left; color:#000; font-size:17px; font-weight:600;font-family: 'Gotham', sans-serif; padding:15px 0 12px; margin:0;}

.search-panel { width:98%; float:left;}
.search { width:45%; float:left;}
.search-form { width:100%; float:left; padding:10px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.search-last { width:100%; float:left; padding:10px 0; margin:0; border-bottom:0 none;}
.search-rtext { width:100%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 10px; margin:0;}
.required {color:#777; font-size:14px; }
.checkbox { width:25px; float:left;}
.checkbox input{ width:13px; float:left; border:1px solid #8e8f8f; padding:0; margin:4px 10px 0;}
.checkbox-text {color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:3px 10px 0; float:left;}
.search-text { width:185px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 8px; margin:0;}
.search-field { width:220px; float:left;}
.search-field input { border:1px solid #cccccc; padding:5px; height:13px; margin:0 10px 0 0;width:170px; float:left;}
.search-field select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:183px; float:left; height:23px;}
.search-imgpanel { float:right; width:55%;}
.search-img { width:100%; float:right; padding:0; margin:15px 0 0; background:url(../images/search-img.png) no-repeat top right; height:260px;}
.bt-submit { width:80px; float:left; padding:0; margin:0 10px 0 0;}

.content-area p { text-align:justify; font-size:14px; color:#474950; line-height:22px; font-weight:300;font-family: 'Gotham', sans-serif; padding:0 0 20px; margin:0;}
.inside-bullet { width: 100%;float: left;margin:0;padding: 0;}
.inside-bullet ul{ width: 100%;float: left;list-style-type: none;margin: 0;padding: 0;}
.inside-bullet li{ background: url(../images/bullet2.png) no-repeat 0 6px; width: 96%; float: left; padding: 0 0px 0px 4%;color: #474950;font-size: 14px;line-height: 26px;}

/*New css for other dash-board pages*/
.filter-panel { width:96%; float:left; background: #f7f7f7; border:1px solid #e7e7e7; padding:16px 2% 19px 2%; margin:0 0 20px;}
.filter-title { width:95%; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0 0 10px 0;}
.filter-arrow { width:5%; float:left;}
.channel-col { width:30%; float:left; padding:0; margin:0 3% 0 0;}
.language-col {width:30%; float:left; padding:0; margin:0;}
.filter-text { width:185px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:10px 0;}
.filter-field { width:220px; float:left;}
.filter-field input { border:1px solid #e7e7e7; background-color:#fff; padding:5px; height:13px; margin:0 0 5px 0;width:150px; float:left;}

.channel-col div {
color: #777;
float: left;
margin: 0px 0 5px;
padding: 0;
width: 100%;
}

.channel-col div.input-append {
margin: 0;
}
.input-append input {
background: none repeat scroll 0 0 #fff;
border: 1px solid #e7e7e7;
border-radius: 0;
box-shadow: none;
color: #777;
cursor: text;
float: left;
font-family: sans-serif;
font-size: 100%;
height: 15px;
line-height: normal;
margin: 0;
outline: 0 none;
overflow: hidden;
padding: 5px;
position: relative;
width: 70%;
}

#date_filter_img, #jform_coverage_date_img,#start_date_img,#end_date_img {
background: url("../images/calender.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
height: 21px;
margin: 3px 0 0 5px;
width: 24px;
}
.price-panel { width:100%; float:left; padding:0; margin:0 0 15px}
.news-row { width:100%; float:left; border-bottom:1px solid #e2e2e2; padding:10px 0; margin:0;}
.news-channel { width:15%; float:left; color:#777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-col1 { width:16%; float:left; padding:0 1% 0 0; margin:0;}
.news-col1-title { width:100%; float:left; color:#777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-col1-text { width:118px; float:left; color:#777777; font-size:12px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0 9px 0; margin:0;}
.news-col2 { width:15%; float:left;}
.news-col2-title{ width:100%; float:left; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-col2-text { width:100%; float:left; color:#777777; font-size:12px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-row input { border:1px solid #8e8f8f; padding:5px; margin:2px 5px 0 0; float:left;}
.news-row-last { width:100%; float:left; border-bottom:none; padding:10px 0; margin:0;}
.news-row-last input { border:1px solid #8e8f8f; padding:5px; margin:2px 5px 0 0; float:left;}

.price-fix-div {width: 100%;position: fixed; bottom: 0; left:0; z-index: 10;background: #ff7900;padding: 5px;}
.price-fix-panel { width:714px; margin:0 auto;}
.total-amount { width:380px; float:left; font-size:14px; font-weight:400; color:#fff;font-family: 'Gotham', sans-serif; padding:9px 0 0 10px; margin:0;}
.total-amount span{ font-size:14px; font-weight:600; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.pay-now { width:230px; float:left; font-size:14px; font-weight:400; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:6px 0 0;}
.pay-now span{ font-size:14px; font-weight:600; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.pay-now input { border:1px solid #e7e7e7; background-color:#fff; padding:5px; height:14px; margin:0 20px 5px 0;width:102px; font-size:13px; font-weight:400; color:#777777;font-family: 'Gotham', sans-serif;}
.price-bt-submit { width:82px; float:right; padding:0; margin:6px 10px 0 0;}

.filter-panel select{border:1px solid #e7e7e7; padding:0; height:23px; margin:0 0 5px 0;width:100%; float:left;}
.clip-panel { width:100%; float:left; padding:0; margin:0 0 15px;}
.clip-title { width:100%; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 10px; margin:0;}
.clip-checkbox-panel { width:90%; float:left;}
.clip-col-text { width:33%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0;}
.clip-col-text input { border:1px solid #8e8f8f; padding:5px; margin:2px 10px 10px 0; float:left;}

.request-form { width:100%; float:left; padding:15px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.request-last { width:100%; float:left; padding:15px 0; margin:0; border-bottom:none;}
.request-text { width:30%; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.request-field { width:70%; float:left;}
.request-field input { border:1px solid #cccccc; padding:5px; height:13px; margin:0 10px 0 0;width:70%; float:left;}
.request-field select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:25px; float:left; height:23px;}
.request-field textarea { border:1px solid #cccccc; padding:5px; height:50px; margin:0 10px 0 0;width:70%; float:left;}
.request-field-date select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:60px; float:left; height:23px;}
.request-field-month select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:70px; float:left; height:23px;}
.request-field-year select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:80px; float:left; height:23px;}
.request-text2 { width:100px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0;}
.request-text2 input { width: 20px; float:left; padding:0; margin:0 5px 0 0; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }

.user-panel { width:100%; float:left;}
.user-title {width:78%; float:left; color:#000; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 11px; margin:0;}
.user-button { width:22%; float:right; margin:-46px 0 15px 0}
.user-table { width:100%; float:left;}
.user-tablebg { background-color:#ebebeb;}
.user-table-title { color:#fff; background-color:#0098bc; padding:10px 0 10px 10px; margin:0; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif;}
table {border-collapse: separate; border-spacing: 1px;}
.user-table-text { color:#777777; background-color:#fff; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:9px 0 9px 10px; margin:0;}
.user-table-text a { color:#ff7800; text-decoration:none;}

.ledger-title { width:70px; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.ledger-panel { width:100%; float:left;}
.debit-col { width:100%; float:left; border-right:0; margin: 0 0 25px 0}
.debit-title {width:100%; float:left; color:#0098bc; font-size:15px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 13px; margin:0;}
.debit-bluetitle {width:96%; float:left; background-color:#0098bc; color:#fff; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:10px 2% 10px 2%; margin:0;}
.ledger-date { width:20%; float:left;}
.ledger-description { width:35%; float:left;}
.ledger-amount { width:15%; float:left;}
.ledger-text-panel { width:96%; float:left; border-top:1px solid #ebebeb; margin: 0; padding: 0 2%}
.ledger-text1 { width:20%; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text2 { width:35%; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text3 { width:15%; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text-panel-last { width:100%; float:left; background-color:#f3f3f3; margin: 0;display:block}
.ledger-text-panel-last.desktop { width:100%; float:left; background-color:#f3f3f3; margin: 0;display:none}
.credit-col { width:100%; float:left; padding:0 0 0 0; margin:0;}
.ledger-bal { width:100%; float:left; border:1px solid #0098bc; padding:13px 0 12px; margin:30px 0; text-align:center; color:#0098bc; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }
.ledger-bal span { color:#0098bc; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif;}

.credit-col .ledger-date { width:33%; float:left;}
.credit-col .ledger-description { width:33%; float:left;}
.credit-col .ledger-amount { width:33%; float:left;}
.credit-col .ledger-text1 { width:33%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.credit-col .ledger-text2 { width:33%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.credit-col .ledger-text3 { width:33%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}


/*New css for other dash-board pages end*/
.view {background: url(../images/view-icon.png) no-repeat 0 2px; color: #0098bc;padding: 0 5px 0 20px; float:left}
.download { background: url(../images/download-icon.png) no-repeat 0 4px; color: #0098bc; padding: 0 5px 0 20px;}
.option-cont .input-txt { color:#777; float:left; width:85%}
.option-cont { /*min-height:49px;*/width:25%}
.pagination .chzn-container { width:58px !important; margin:0 0 0 5px; display:inline-block; float:none}
.pagination .limit { color:#777; font-weight:600}
.clip-checkbox-panel .clip-col-text input { margin: 2px 10px 0 0;}
.request-field input#jform_repeat_clips0, .request-field input#jform_repeat_clips1 { width:auto}
.request-field label { float:left; margin:0 15px 0 0; color:#777}
.form-actions.request { padding: 15px 0 15px 30%;}
.filter-search.fltlft { width:96%}
.filter-search .channel-col { width:28%; margin:0 2% 0 0}
.filter-search .chzn-container-single .chzn-single div { top:0}

.filter-search .btn-form { margin: 0;}
ul.inside-bullet1 { width: 100%;float: left;list-style-type: none; margin: 0 0 0 0; padding: 0;}
ul.inside-bullet1 li{ background: url(../images/bullet2.png) no-repeat 0 6px; width: 30%; float: left; padding: 0 0 0 3%; color: #474950; font-size: 14px; line-height: 26px}
ul.inside-bullet1 li a{color: #474950; text-decoration:none}
.inner-head-clip{ width:100%; border-bottom:solid 10px #0098bc; }

.form-actions.request { padding: 15px 0 15px 30%;}
ul.sitemap-bullet { width:100%;float: left;list-style: none;margin: 0;padding: 0; }
ul.sitemap-bullet li{ background: url(../images/bullet2.png) no-repeat 0 8px; width: 96%; float: left; padding: 2px 0px 2px 4%;color: #474950;font-size: 14px;line-height: 26px;border-bottom:1px solid #e7e7e7}
ul.sitemap-bullet li a{color: #474950; text-decoration:none; font-weight:600}
ul.sitemap-bullet ul{ width: 100%;float: left;list-style: none;margin:0 0 10px 0;padding: 0; }
ul.sitemap-bullet ul li{ background: url(../images/arrow-orange.png) no-repeat 0 8px; width: 31%; float: left; padding: 0 0px 0px 2%;color: #474950;font-size: 14px;line-height: 23px; border-bottom:none}
ul.sitemap-bullet ul li a{color: #474950; text-decoration:none; font-weight:400}

.fliter-area .submitbt { float: left; margin: 15px 0 0; width: 100%;}
.pg-container { width:100%; float:left; padding:0; margin:0; text-align:center}
.search-div { width:100%; float:left; background: url(../images/search-img.png) no-repeat right 50px; background-size:auto}
.search-div .filter-panel { background:none; width:100%; padding:0; margin:0; border:none}
.search-div .fliter-area { width:47%; float:left}
.search-div .channel-col { width:100%; padding:10px 0; border-bottom:1px solid #e7e7e7; margin:0}
.search-div .filt-title {color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 400; margin:5px 0 5px 0; padding: 0; width: 100%;}
.search-div .channel-col div.input-append { width:auto}
.search-div .fliter-area .submitbt { margin:15px 10px 15px 0; width:auto}
.resetbt { float:left; margin:15px 0 0 0}
.search-div .channel-col div.chzn-container { width:96% !important}

.channel-cat-heading { float:left; width:100%; font-size:17px; color:#0098bc; font-weight:400; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #e4e4e4}
.channel_container { width:18%; float:left; margin:0 2% 0 0}
.channel_logo { width:100%; float:left; background:#f7f7f7; border:1px solid #e7e7e7; height:75px; text-align:center}
.channel_logo img { max-width:100%; max-height:100%}
.channel_name { width:92%; float:left; font-size:10px; font-weight:600; padding:5px 4%; margin:0 0 15px 0; color:#1c1c1c; background:#e7e7e7; border:1px solid #e7e7e7}
.user-regisration-container  { width:100%; float:left; background: url(../images/img-add-user.png) no-repeat right 50px}
.user-regisration-container form { width:47%}
.user-regisration-container form .control-label { width:100%}
.user-regisration-container form .controls { width:100%}
.user-regisration-container form .form-actions { padding: 15px 0 15px 0; width:100%;}
.left-slide .leftside-menu,.left-slide .divder { display:block}

.indicator { border: 1px solid #e4e4e4; border-radius: 4px;color: #0098bc;display: block; float: left; font-size: 10px; font-weight: 400; padding: 0;
width: 200px;}

.leftside-menu ul li.active a {color: #ff7800;  text-decoration: none;}
.filter-search .pagetitle { width:90%; float:left; padding:0; margin:4px 0 0 0; color: #777777; float: left; font-family: "Gotham",sans-serif;  font-size: 14px; font-weight: 600;}
.right-panel fieldset {
float: left;
width: 100%;
}
.registration .video { width:70%; float:right;}
.registration .video { width:70%; float:right;}
.page-header h1, .right-area h3 {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 0 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}
.leftside-menu ul li.item-184 {
background: url("../images/my-account-icon.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e2e2e2;
padding: 4px 0 4px 16%;
width: 84%;
}


.leftside-menu ul li.item-186 {
background: url("../images/add-clips.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e2e2e2;
padding: 4px 0 4px 16%;
width: 84%;
}
.leftside-menu ul li.item-187 {
background: url("../images/my-clip-icon.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
border-bottom:none;
padding: 4px 0 4px 16%;
width: 84%;
}
#search_filter { border:1px solid #e7e7e7; padding:5px; margin:5px 0 0 0;}
/* Add this attribute to the element that needs a tooltip */
.video-links a  {
border: 1px solid #ffffff;
border-radius: 5px;
color: #fff; font-weight:bold;
padding:3px 12px; font-size:14px; text-decoration:none;
}
.video-links { float:left; font-size:14px; font-weight:bold; color:#fff; padding:10px; width:95%}
.video-links img { margin:0;}
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 300px;
-webkit-border-radius: 3px;
-moz-border-radius:    3px;
border-radius:         3px;
background-color: #ff7800;
/*background-color: hsla(0, 0%, 20%, 0.9);*/
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #ff7800;
/* border-top: 5px solid hsla(0, 0%, 20%, 0.9);*/
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

ul.main-tab { float:left; margin:0; padding:0; list-style:none;}
ul.main-tab li { float:left; width:auto}
ul.main-tab li a{ float:left; background:#0197bc; padding:8px 10px; width:auto; font-size:13px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; border-radius:5px 5px 0 0; margin:0 3px 0 0;}
ul.main-tab li a:hover { background:#ff7800;}
ul.main-tab li a.active-tab { background:#ff7800;}

.right-content.videodiv {
float: left;
margin: 0;
min-height: 300px;
padding:20px 2% 0;
width: 95.8%; border:1px solid #eee;
}
.disclaimer { float:left; width:96%; padding:10px 2%; background:#f7f7f7; margin:0 0 20px 0;}
.tip-mob { display:none;}
.partner-panel { float:left; padding:0px 10px 15px 10px; width:170px; text-align:center}
.upload_content { margin:10px 0 5px; }
.partner-panel a {border: 1px solid #ffffff; border-radius: 5px; color: #fff; font-size: 14px; font-weight:normal; padding: 4px 12px 4px 37px; text-decoration: none; background:url(../images/partner-icon.png) no-repeat 12px 5px #ff7800; float:none; display:inline-block}
.video-links > span {
float: left;
width: 100%;
margin: 0 0 15px 0;
}
.copyterms {
float: left;
margin: -36px 0 0 200px;
}
.inside-bullet li h3{ font-size: 14px; float:left; padding-right: 5px;}
}


@media only screen and (max-width: 767px) {

.slider-pannel {
    height: 370px;
}
.copyterms {
float: left;
margin: -34px 0 0 41%;
}
.video-links span { float:left; width:100%; margin:10px 0 10px;}
.video-links { margin:0; color:#fff; width:100%; text-align:center}
.video-links img { margin:0;}
.video-links a { float:left; margin:10px 5px 0 10px}
.partner-panel { float:left; padding:22px 5%; width:90%; text-align:center}
.partner-panel a {border: 1px solid #ffffff; border-radius: 5px; color: #fff; font-size: 14px; font-weight:normal; padding: 4px 12px 4px 37px; text-decoration: none; background:url(../images/partner-icon.png) no-repeat 12px 5px #ff7800; float:none; display:inline-block}
.client-mid {
margin: 0 auto;
width: 100%;
}
.power-by {
float: left;
width: 100%;
}
.payment-opt {
border-left: 1px solid #d9d9d9;
float: left;
padding: 0;
width: 100%;
}
.payment-options{display:none;}
.header-tagline h1 {font-size: 23px; margin: 16px 0 0;}
.header-tagline {width: 305px; margin: 0px auto;}

/*Added by sachin on 2017-11-27*/
.channel-col-print {
    float: right;
    width: 100%;
}

.channel-col-print .green_indicator {
    float: left;
    width: 30%;
    display: inline;
    padding: 7px 0;
}
/*Added by sachin on 2017-11-27 Ends here*/

}

@media only screen and (min-width:768px) and (max-width:940px) {
.client-mid{width:90%; margin: 0 auto}
.power-by{width: 35%; float: left}
.payment-opt{width: 100%; float: left; border-left: 0 solid #D9D9D9; padding: 0 0 0 0}
.header-tagline h1 {margin: 48px 0 0; font-size: 32px;}
.ledger-time {
width: 14%;
float: left;
}
.ledger-date {
width: 14%;
float: left;
}
.ledger-description {
width: 22%;
float: left;
}
.ledger-text1 {width: 14%; padding: 10px 1% 10px 0;}
.ledger-text2 {width: 22%; padding: 10px 1% 10px 0;}
.ledger-panel { overflow-x: scroll;}
.full_debit .debit-col { width: 1200px  !important;}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.copyterms {float: left;margin: -36px 0 0 250px;}
.disclaimer { float:left; width:96%; padding:10px 2%; background:#f7f7f7;}
ul.main-tab { float:left; margin:0; padding:0; list-style:none;}
ul.main-tab li { float:left;}
ul.main-tab li a{ float:left; background:#0197bc; padding:8px 12px; width:auto; font-size:15px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; border-radius:5px 5px 0 0; margin:0 3px 0 0;}
ul.main-tab li a:hover { background:#ff7800;}
ul.main-tab li a.active-tab { background:#ff7800;}
.right-content.videodiv {float: left;margin: 0;min-height: 300px;padding:20px 7px 0;width: 700px; border:1px solid #eee;}
.right-content.videodiv .list-div1 { padding:0 5px 28px 0;}
.right-content.videodiv .list-panel { width:703px;}
/* Add this attribute to the element that needs a tooltip */
.video-links a  {border: 1px solid #ffffff;border-radius: 5px;color: #fff; font-weight:bold;padding:3px 12px; font-size:14px; text-decoration:none;}
.video-links { float:left; font-size:20px; padding:15px 0; font-weight:bold; color:#fff; font-weight:lighter; width: auto}
.video-links img { margin:0 0 0 0}
[data-tooltip] {position: relative;z-index: 2;cursor: pointer;}
.video-links > span {float: none;margin: 0 0 0;width: auto;}
/* Hide the tooltip content by default */
[data-tooltip]:before,[data-tooltip]:after {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;}
/* Position tooltip above the element */
[data-tooltip]:before {position: absolute;bottom: 150%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 7px;
width: 300px;-webkit-border-radius: 3px;-moz-border-radius:3px;border-radius:3px;background-color: #ff7800;/*background-color: hsla(0, 0%, 20%, 0.9);*/color: #fff;content: attr(data-tooltip);text-align: center;font-size: 14px;line-height: 1.2;}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {position: absolute;bottom: 150%;left: 50%;margin-left: -5px;width: 0;border-top: 5px solid #ff7800;
/* border-top: 5px solid hsla(0, 0%, 20%, 0.9);*/border-right: 5px solid transparent;border-left: 5px solid transparent;
content: " ";font-size: 0;line-height: 0;}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,[data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;}

#search_filter { border:1px solid #e7e7e7; padding:5px; margin:5px 0 0 0;}
.search-div { width:100%; float:left; background: url(../images/search-img.png) no-repeat right 50px}
.user-regisration-container  { width:100%; float:left; background: url(../images/img-add-user.png) no-repeat right 50px}
.user-regisration-container form { width:415px}
.user-regisration-container form .control-label { width:40%}
.user-regisration-container form .controls { width:60%}
.user-regisration-container form .form-actions { padding: 15px 0 15px 40%; width: 60%;}
.search-div .filter-panel { background:none; width:100%; padding:0; margin:0; border:none}
.search-div .fliter-area { width:415px; float:left}
.search-div .channel-col { width:100%; padding:15px 0; border-bottom:1px solid #e7e7e7; margin:0}
.search-div .filt-title {color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 400; margin:5px 0 0 0; padding: 0; width: 45%}
.search-div .channel-col div.input-append { width:auto}
.search-div .fliter-area .submitbt { margin:15px 10px 0 40%}
/*.filter-search.fltlft { width:692px}*/
.filter-search.fltlft { width:96%}
.filter-search .channel-col { width:33%}
.filter-search .chzn-container-single .chzn-single div { top:-10px}
#TB_window {
margin-left: -370px !important;
top: 50% !important;
width: 739px !important;
}	


/*TOP PANNEL*/
.top-pannel {
background: none repeat scroll 0 0 #454545;
font-family: "Gotham",sans-serif;
font-size: 13px;
color:#fff;
height: 20px;
margin: 0;
padding: 5px 0;
display:block;
}

.top-pannel span {
color: #fff;
display: inline-block;
margin-right: 12px;
}

.top-links{
display: block;
float: right;	
}

.call {
background-image: url("../images/icon-phone.png");
background-position: 0 -1px;
background-repeat: no-repeat;

float: left;
padding: 0 0 1px 21px;
width: 108px;
}
.call a:link { color:#fff; text-decoration:none}
.welcome { float: left;
padding: 0 0 1px 0;
width:auto; font-weight:600}
.welcome a { color:#fff; text-decoration:none}
.welcome img {vertical-align: text-top}
.mail {
background-image: url("../images/icon-mail.png");
background-position: 0 -1px;
background-repeat: no-repeat;
display: block;
float: left;
padding: 0 0 1px 35px;
width: 115px;
}
.mail a{color:#fff; text-decoration:none}
.follow {
float: left;
margin: 0 3px 0 0;
padding: 0;
}
.divder{ width:1px; height:20px; float:left; margin:0 12px; padding:0;}


/*TOP PANNEL*/

/*Main Menu*/

.ddsmoothmenu {
display: block;
}

/*Main Menu*/

/*Slider*/


/*Slider*/

/*Highlight Text*/
.highlight-pannel {
background: none repeat scroll 0 0 #0098bc;
float: left;
height: 90px;
margin: 0;
width: 100%; padding:0;
}
.highlight-content{ width:940px; margin:0 auto;}
.highlight-text-area {
color: #fff;
float: left;
font-size: 48px;
font-weight: lighter;
margin: -15px 0;
padding: 0;
width: 660px;
}
.circle{ font-size:80px; font-weight:bold; color:#fff; font-family: "Gotham",sans-serif;}

.demo-btn-pannel {
float: left;
font-size: 25px;
font-weight: lighter;
margin: 13px 0;
padding: 10px;
width: 260px;
}

.demo-btn{ background:#ff7800; color:#fff; border: 1px solid #ffffff; -moz-border-radius: 5px;/*Firefox*/ -webkit-border-radius: 5px;/*Safari, Chrome*/ border-radius: 5px;: ; padding:10px;}
/*Highlight Text*/

/*News*/
.news-pannel{ width:100%; float:left; background:#0086a6;}

.news-content{ width:940px; margin:0 auto;}
.news-icon{width:102px; height:43px; float:left; }
.news-text {
color: #fff;
float: left;
font-size: 12px;
padding: 15px 11px;
width: 816px;
}
/*News*/

/*Servies*/

.services {
background: url("../images/services-bg.gif") repeat-x scroll 0 bottom #fefbfb;
margin: 0 auto;
padding: 0;
width: 100%;
float: left;
}

.services-content {
padding: 60px 0 0 0;
width: 940px;
margin: 0 auto;
}
.services-title{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; margin:0 0 35px 0; font-weight: lighter;}
.services-text{  width:100%; float:left; font-size:18px; color:#515151; text-align:center; margin:0 0 35px 0;}
.services-image{ width:940px; margin: 0 auto 43px 0; display:block;}

/*Servies*/

/*Why Us*/
.why-us{ width:100%; float:left; margin:0 auto; background:#fff;}
.why-us-content{ width:940px; margin:0 auto;}
.why-us-column1{ width:600px; float:left; margin:0 0 0 35px; padding:35px 23px 0 0; }
.why-us-column2{ width:263px; float:left;}
.why-us-title{  width:100%; float:left; font-size:35px; color:#ff7800; font-weight: lighter; margin:0 0 30px 0; text-align:left}
.why-us-text{ width:100%; float:left; color:#474950; line-height:24px; font-size:14px; margin:0 0 30px 0; text-align:justify;}
.why-us-bullet-points{ width:100%; float:left;}
.why-us-bullet-points ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.why-us-bullet-points ul li {
background: url("../images/bullet-orange.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
color: #474950;
font-family: "Gotham",sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 25px;
list-style: outside none none;
margin: 0;
padding: 0 0 0 25px;
text-align: left;
}
/*Why Us*/

/*Testimonials*/

.testimonials {
float: left;
margin: 0 auto;
padding: 30px 0 7px 0;
width: 100%;
background: url("../images/testimonial-bg.jpg") repeat-x scroll 0 bottom #f7f7f7;
}

.testimonials-content{ width:940px; margin:0 auto; padding: 40px 0;}

.testimonials-title {
color: #ff7800;
float: left;
font-size: 35px;
font-weight: lighter;
margin: 0 0 30px;
text-align: center;
width: 100%;
}
.testimonials-area{ width:100%; float:left; margin:0 auto;}
/*Testimonials*/


/*Clients*/
.clients{width:100%; float:left; margin:0 auto; background:#f7f7f7; padding: 30px 0 30px 0; }
.clients-content{width:940px; margin:0 auto;}
.clients-title{ width:100%; float:left; font-size:35px; color:#ff7800; text-align:center; margin:0 0 30px 0; font-weight: lighter;}
.clients-text{ width:100%; margin:0 auto; text-align:center; font-size:18px; color:#515151; margin:0 0 30px 0; font-weight: lighter;}
.celients-logos{ width:100%; margin:0 auto; margin:0 0 0px 0; text-align:center }

.testimonials-content .celients-logos img {
background:  #fff;
border: 1px solid #e7e7e7;
display: inline-block;
margin: 0 5px;
padding: 10px;
}
/*Clients*/

/*Footer*/
.footer-pannel1{ width:100%; float:left; margin:0 auto; background:#0098bc; padding:30px 0;}
.footer-content{ width:940px; margin:0 auto; padding:0;}

.footer-text1 {
float: left;
margin: 0 33px 0 0;
padding: 0;
width: 206px;
}

.footer-text2 {
float: left;
margin: 0 33px 0 0;
padding: 0;
width: 206px;
}

.footer-text3 {
float: left;
margin: 0 33px 0 0;
padding: 0;
width: 206px;
}


.footer-text4 {
float: left;
margin: 0 5px 0 0;
padding: 0;
width: 206px;
}
.footer-text1 ul,.footer-text2 ul,.footer-text3 ul,.footer-text4 ul{  float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;}

.footer-text1 li,.footer-text2 li,.footer-text3 li,.footer-text4 li{
background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #4cb7d0;
float: left;
padding: 0 0px 0px 13px;
text-transform: uppercase;
width: 100%;
color: #fff;
font-size: 13px;
line-height: 27px;
}

.footer-text1 li:first-child {
background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #4cb7d0;
float: left;
padding: 0 0px 0px 13px;
text-transform: uppercase;
width: 100%;
}
.footer-text1 li:last-child,.footer-text2 li:last-child,.footer-text3 li:last-child {
background: url("../images/arrow-white.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: none;
float: left;
padding: 0 0px 0px 13px;
text-transform: uppercase;
width: 100%;}

.footer-text1 ul li a ,.footer-text2 ul li a ,.footer-text3 ul li a {
color: #fff;
font-size: 13px;
line-height: 27px;
padding: 0;
text-decoration: none;
}

.follow-us-icons{ width:100%; float:left; margin:13px 0 0 0;}
.follow-us-icons a{ margin-right:1px;}
.contcte-address{ width:100%; float:left; margin:13px 0 0 0; text-align:left; color:#fff; font-size:13px; line-height:20px;} 
/*Footer*/

/*Copyright*/
.copyright{ width:100%; margin:0 auto; float:left; background:#000; padding:15px 0; height:30px}
.copyright-content{ width:940px; margin:0 auto;}
.copyright-text{ font-size:13px; color:#fff;float: left; padding: 10px 0 0 0;}
.copyright-text a{ text-decoration:underline; color:#fff;}

/*Copyright*/


/***************************************************** INSIDE START HERE ************************************************/

/*Inside*/



/*Content*/
.middel-container{ width:100%; float:left; margin:0 auto;}
.common{ width:940px; margin:0 auto;}

.left-slide {
display: block;
float: left;
margin: 0;
padding: 28px 0;
width: 202px;
}

.right-slide {
background: url("../images/right-bg.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
float: left;
margin: 0;
padding: 0;
width: 738px;
}

.right-content{
float: left;
margin: 0;
padding: 28px 0 0 22px;
width: 716px;
min-height: 300px
}

/*Left side Menu*/
.leftside-menu {
float: left;
margin: 0 0 0 0;
padding: 0;
width: 188px;
}
.leftside-menu ul{  float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;}

.leftside-menu li{
background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e4e4e4;
float: left;
padding: 0 0px 0px 8%;
text-transform: capitalize;
width: 92%;
color: #fff;
font-size: 13px;
line-height: 27px;
}

.leftside-menu li:first-child {
background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e4e4e4;
float: left;
padding: 0 0px 0px 8%;
text-transform: capitalize;
width: 92%;
}
.leftside-menu li:last-child {
background: url("../images/arrow-orange.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border-bottom: none;
float: left;
padding: 0 0px 0px 8%;
text-transform: capitalize;
width: 92%;
}
.leftside-menu ul li a {
color: #474950;
font-size: 14px;
line-height: 29px;
padding: 0;
text-decoration: none;
font-family: "Gotham",sans-serif;
}

.leftside-menu ul li a.active {
color: #ff7800;
font-size: 14px;
line-height: 29px;
padding: 0;
text-decoration: none;
font-family: "Gotham",sans-serif;
font-weight:bold
}

.leftside-menu ul li.item-171{background:url(../images/my-account-icon.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;	}
.leftside-menu ul li.item-171 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-145{background:url(../images/my-account-icon.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;	}
.leftside-menu ul li.item-145 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-146{	background:url(../images/my-clip-icon.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-146 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-147{background:url(../images/search-icon.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-147 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-148{background:url(../images/price-icon.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-148 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-153{background:url(../images/icon-clip-request.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-153 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-156{background:url(../images/icon-legder.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-156 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-169{background:url(../images/users-icon.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: none;width: 156px;}
.leftside-menu ul li.item-169 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
/*Left Side Menu*/

/*Content*/

/*Bread Crumbs*/

.breadcrumb-inside {
color: #777777;
float: left;
font-family: "Gotham",sans-serif;
font-size: 13px;
font-weight: 600;
margin: 0;
padding: 6px 0;
width: 716px;
}

.breadcrumb-inside a {
color: #777777;
text-decoration: none;
}

/*Bread Crumbs*/

/*Page Title*/
.page-title {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 15px 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}
.login-panel .page-title { border-bottom:none; font-weight:700; margin:20px 0}

/*Page Title*/

/*Content Area*/
.content-area{ width:100%; float:left; margin:0 0 30px 0;}

/*Content Area*/


/*Inside*/


/***************************************************** INSIDE END HERE ************************************************/

.login-panel { width:100%; float:left; border-radius: 10px; background-color:#fff; padding:0 0 25px 0; margin:0; text-align:center}
.login-bg { width:594px; float:none; background:url(../images/login-bg.png) no-repeat top left; display:inline-block; text-align:left}
.login { width:549px; float:left; padding:30px 15px 30px 30px;}
.login-logo { width:100%; float:left;}
.form-panel { width:282px; float:left;}
.form-area { width:285px; float:left; padding:22px 0 0 0; margin:0;}
.login-text { width:285px; float:left; color:#000; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0 0 8px; margin:0;}
.login-field { width:285px; float:left;}
.login-field input { border:1px solid #dddddd; border-radius:3px; padding:5px; height:13px; margin:0 0 14px;width:246px; float:left;}
.clear { clear:both; height:1px;}
.bt-login { width:85px; float:left; padding:0; margin:0 17px 5px 0; background:url(../../../images/bt-login.gif) no-repeat 0 0; height:28px; border:none}
ul.no-bullet { width:100%; float:left; padding:0; margin:0; list-style:none}
ul.no-bullet li { float:left;color: #000; float: left; font-family: "Gotham",sans-serif; font-size: 13px;font-weight: 400; margin:0 10px 0 0; padding:5px 0 0; vertical-align: middle;}
ul.no-bullet li a {color: #000; text-decoration:none}
.forgot-text { color:#000; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; vertical-align:middle; width:106px; float:left; padding:8px 0 0; margin:0;}
.forgot-text a{ color:#000; text-decoration:none;}
.forgot-text a:hover{ color:#000; text-decoration:none;}
.form-imgpanel { width:267px; float:right; background:url(../images/login-img.png) no-repeat top right; height:229px; padding:0; margin:0;}

.common { width:940px; margin:0 auto;}
.inside-content { /*background:url(../images/in-bg.gif) repeat-y top left;*/width:940px; float:left; display:block;}
.left-panel { width:202px; float:left; padding:28px 0 0; margin:0; display:block;}
.left-menu { padding:28px 14px 0 0; margin:0;}
ul.left-menu { padding:0; margin:0;}
ul.left-menu li { list-style-type:none; padding:0; margin:0; width:188px; float:left;}
ul.left-menu li a { list-style-type:none; width:156px; float:left; padding:0 0 6px 32px; margin:0;color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2;}
ul.left-menu li.account a { width:156px; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.account a:hover { width:156px; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.account.active a { width:156px; float:left; background:url(../images/my-account-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.search a { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search a:hover { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.search.active a { width:87%; float:left; background:url(../images/search-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.clip a { width:156px; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip a:hover { width:156px; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip.active a { width:156px; float:left; background:url(../images/my-clip-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.price a { width:87%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.price a:hover { width:87%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.price.active a { width:87%; float:left; background:url(../images/price-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.clip2 a { width:87%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip2 a:hover { width:87%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.clip2.active a { width:87%; float:left; background:url(../images/clip-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.user a { width:87%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.user a:hover { width:87%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}
ul.left-menu li.user.active a { width:87%; float:left; background:url(../images/users-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:6px 0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:1px solid #e2e2e2; text-decoration:none;}

ul.left-menu li.ledger a { width:87%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:0; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}
ul.left-menu li.ledger a:hover { width:87%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}
ul.left-menu li.ledger.active a { width:87%; float:left; background:url(../images/ledger-icon.gif) no-repeat top left; padding:5px 0 9px 32px; margin:0; color:#ff7800; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; border-bottom:none; text-decoration:none;}

.mobile-left-panel { width:100%; float:left; clear:none; display:none; padding:0; margin:15px 0 30px;}


.right-panel { background:url(../images/right-bg.gif) repeat-y top left; width:738px; float:left; padding:0 0 40px 0; margin:0;}
.right-area { width:716px; float:left; padding:28px 0 0 22px; margin:0;}
.breadcrumb { width:716px; float:left; color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:6px 0; margin:0; list-style:none}
.breadcrumb a { color:#777777; text-decoration:none;}

.in-title h1 { width:716px; float:left; color:#000; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 11px; margin:0;}
.list-panel { width:716px; float:left; text-align:center}
.list-div1 { width:230px; float:left; padding:0 13px 28px 0; margin:0;}
.list-div2 { width:230px; float:left; padding:0 0 28px 0; margin:0;}
.list-img { width:230px; float:left; padding:0 0 17px; margin:0;}
.list-text { width:230px; float:left; padding:0; margin:0; text-align:left}
.list-orange {color:#ff7800; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; line-height:25px; text-transform:capitalize}
.list-orange-bold {color:#ff7800; font-size:15px; font-weight:bold;font-family: 'Gotham', sans-serif; line-height:25px; text-transform:capitalize}
.list-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px; text-transform:capitalize}
.list-green span{color:#777777; font-size:12px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px; text-transform:capitalize}
.list-black {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:20px; text-transform:capitalize}

.view {background: url(../images/view-icon.png) no-repeat 0 2px; color: #0098bc;padding: 0 5px 0 20px; float: left}
.download { background: url(../images/download-icon.png) no-repeat 0 4px; color: #0098bc; padding: 0 5px 0 20px;}
.pagination-panel { width:338px; margin:0 auto 40px;}
.pagination { width:92%; float:none; padding:6px 4%; margin:0; border-radius: 0px; background-color:#f6f6f6; display:inline-block}
.page-menu { padding:12px 0; margin:0;}
ul.page-menu { padding:0; margin:0;}
ul.page-menu li { list-style-type:none; padding:0; margin:0; background:url(../images/page-divider.gif) no-repeat center right; float:left; text-align:center; display: inline-block;}
ul.page-menu li a{ list-style-type:none; padding:0; margin:0 10px; float:left; color:#777777; text-decoration:none; text-align:center;}
ul.page-menu li.active a{ list-style-type:none; padding:0; margin:0 10px; float:left; color:#ff7800; text-decoration:none; text-align:center;}
ul.page-menu li.arrow { list-style-type:none; padding:0; margin:0; background:0 none; float:left; text-align:center; display: inline-block;}
ul.page-menu li.arrow a{ list-style-type:none; padding:0; margin:0 0px; float:left; color:#777777; text-decoration:none; text-align:center;}
ul.page-menu li.last { list-style-type:none; padding:0; margin:0; background:0 none; float:left; text-align:center; display: inline-block;}
.pagination .chzn-container { width:58px !important; margin:0 0 0 5px; display:inline-block; float:none}
.pagination .limit { color:#777; font-weight:600; float:right}
.video-panel { width:716px; float:left;}
.video { width:716px; float:left;}
.video-text { width:716px; float:left; padding:22px 0; margin:0;}
.video-orange {color:#ff7800; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; text-transform:capitalize}
.video-green {color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px;}
.video-green span.lt-txt {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:24%; float:left}
.video-green span.slash-txt {color:#777777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:2%; float:left}
.video-green span.rt-txt{color:#0098bc; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; line-height:25px; width:74%; float:left}
.slider { width:100%; float:left; padding:0; margin:0 0 30px;}
.sub-title h2 { width:716px; float:left; color:#000; font-size:17px; font-weight:600;font-family: 'Gotham', sans-serif; padding:15px 0 12px; margin:0;}

.search-panel { width:716px; float:left;}
.search { width:415px; float:left;}
.search-form { width:415px; float:left; padding:15px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.search-last { width:415px; float:left; padding:15px 0; margin:0; border-bottom:0 none;}
.search-rtext { width:185px; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.required {color:#777; font-size:14px; }
.checkbox { width:25px; float:left;}
.checkbox input{ width:13px; float:left; border:1px solid #8e8f8f; padding:0; margin:4px 10px 0;}
.checkbox-text {color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0 10px; float:left;}
.search-text { width:185px; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.search-field { width:220px; float:left;}
.search-field input { border:1px solid #e7e7e7; padding:5px; height:13px; margin:0 10px 0 0;width:170px; float:left;}
.search-field select { border:1px solid #e7e7e7; padding:0; height:13px; margin:0 10px 0 0;width:183px; float:left; height:23px;}
.search-imgpanel { width:301px; float:right;}
.search-img { width:271px; float:right; padding:0; margin:15px 0 0; background:url(../images/search-img.png) no-repeat top left;}
.bt-submit { width:80px; float:left; padding:0; margin:0 10px 0 0;}

.content-area p { text-align:justify; font-size:14px; color:#474950; line-height:22px; font-weight:300;font-family: 'Gotham', sans-serif; padding:0 0 20px; margin:0;}
.inside-bullet { width: 100%;float: left;margin:0;padding: 0;}
.inside-bullet ul{ width: 100%;float: left;list-style-type: none;margin: 0;padding: 0;}
.inside-bullet li{ background: url(../images/bullet2.png) no-repeat 0 8px; width: 97%; float: left; padding: 0 0px 0px 3%;color: #474950;font-size: 14px;line-height: 26px;}

/*New css for other dash-board pages*/
.filter-panel { width:692px; float:left; background: #f7f7f7; border:1px solid #e7e7e7; padding:14px 11px 14px 11px; margin:0 0 20px;}
.filter-title { width:670px; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.filter-title.classifications { margin:15px 0 10px 0}
.filter-arrow { width:22px; float:left;}
.channel-col { width:33%; float:left; padding:0; margin:0;}
.channel-col div { float:left; color:#777; padding:0; margin:12px 0 5px 0; width:100%}
.channel-col div.chzn-container { margin:0}
.language-col {width:33%; float:left; padding:0; margin:0;}
.filter-text { width:185px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:10px 0;}
.filter-field { width:220px; float:left;}
.filter-field input { border:1px solid #e7e7e7; background-color:#fff; padding:5px; height:13px; margin:0 0 5px 0;width:198px; float:left;}

.price-panel { width:100%; float:left; padding:0; margin:0 0 15px}
.news-row { width:714px; float:left; border-bottom:1px solid #e2e2e2; padding:10px 0; margin:0; text-transform:capitalize}
.news-channel { width:139px; float:left; color:#777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0; text-transform:capitalize}
.news-col1 { width:118px; float:left; padding:0; margin:0;}
.news-col1-title { width:118px; float:left; color:#777; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 5px; margin:0;}
.news-col1-text { width:118px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:2px 0 9px; margin:0;}
.news-col2 { width:98px; float:left;}
.news-col2-title{ width:98px; float:left; color:#ff7800; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-col2-text { width:98px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.news-row input { border:1px solid #8e8f8f; padding:5px; margin:2px 5px 0 0; float:left;}
.news-row-last { width:714px; float:left; border-bottom:none; padding:10px 0; margin:0;}
.news-row-last input { border:1px solid #8e8f8f; padding:5px; margin:2px 5px 0 0; float:left;}

.price-fix-panel { width:714px; margin:0 auto;}
.price-fix-div {width: 100%; float:left; padding: 5px;background: #ff7900;position: fixed; bottom: 0; left:0; z-index: 10;}
.total-amount { width:380px; float:left; font-size:14px; font-weight:400; color:#fff;font-family: 'Gotham', sans-serif; padding:9px 0 0 10px; margin:0;}
.total-amount span{ font-size:14px; font-weight:600; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.pay-now { width:230px; float:left; font-size:14px; font-weight:400; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:6px 0 0;}
.pay-now span{ font-size:14px; font-weight:600; color:#fff;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.pay-now input { border:1px solid #e7e7e7; background-color:#fff; padding:5px; height:14px; margin:0 20px 5px 0;width:102px; font-size:13px; font-weight:400; color:#777777;font-family: 'Gotham', sans-serif;}
.price-bt-submit { width:82px; float:right; padding:0; margin:6px 10px 0 0;}
.pay-now a.chzn-single span{ font-size:14px; font-weight:600; color:#777;font-family: 'Gotham', sans-serif; padding:0; margin:0; }
.filter-panel select{border:1px solid #e7e7e7; padding:0; height:23px; margin:0 0 5px 0;width:212px; float:left;}
.clip-panel { width:714px; float:left; padding:0; margin:0 0 15px;}
.clip-title { width:100%; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 10px; margin:0;}
.channel-col div.clip-title { margin:0 0 10px 0}
.clip-checkbox-panel { width:686px; float:left; margin:10px 0 0 0}
.clip-checkbox-panel .clip-col-text input { margin:2px 10px 0 0}

.clip-col-text { width:137px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0; text-transform:capitalize}
.clip-col-text input { border:1px solid #8e8f8f; padding:5px; margin:2px 10px 10px 0; float:left;}

.request-form { width:714px; float:left; padding:15px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.request-last { width:714px; float:left; padding:15px 0; margin:0; border-bottom:none;}
.request-text { width:185px; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.request-field { width:529px; float:left;}
.request-field input { border:1px solid #cccccc; padding:5px; height:13px; margin:0 10px 0 0;width:480px; float:left;}
.request-field input#jform_repeat_clips0, .request-field input#jform_repeat_clips1 { width:auto}
.request-field label { float:left; margin:0 15px 0 0; color:#777}
.request-field select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:25px; float:left; height:23px;}
.request-field textarea { border:1px solid #cccccc; padding:5px; height:50px; margin:0 10px 0 0;width:480px; float:left;}
.request-field-date select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:60px; float:left; height:23px;}
.request-field-month select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:70px; float:left; height:23px;}
.request-field-year select { border:1px solid #cccccc; padding:0; height:13px; margin:0 10px 0 0;width:80px; float:left; height:23px;}
.request-text2 { width:100px; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:4px 0; margin:0;}
.request-text2 input { width: 20px; float:left; padding:0; margin:0 5px 0 0; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }

.user-panel { width:592px; float:left;}
.user-title {width:590px; float:left; color:#000; font-size:20px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 11px; margin:0;}
.user-button { width:125px; float:right; margin:-46px 0 15px 0}
.user-table { width:714px; float:left;}
.user-tablebg { background-color:#ebebeb;}
.user-table-title { color:#fff; background-color:#0098bc; padding:10px 0 10px 10px; margin:0; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif;}
table {border-collapse: separate; border-spacing: 1px;}
table.main-top-table {width:100%; padding: 0 0 20px;}
table.main-top-table .tb-col1{ /*width: 33%; */}
table.main-top-table .tb-col2{ /*width: 33%;*/ }
table.main-top-table .tb-col3{ width: 33%; font-size: 14px;}
table.main-top-table1 {width:100%; font-size: 14px;}
table.invoice-table {width:100%; font-size: 14px;}
table.invoice-table .title {background:#0098bc; color: #fff; font-size: 15px;}
.user-table-text { color:#777777; background-color:#fff; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:9px 0 9px 10px; margin:0;}
.user-table-text a { color:#ff7800; text-decoration:none;}

.ledger-title { width:70px; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
/*.ledger-panel { width:716px; float:left;}*/
.ledger-panel { width:100%; float:left;}
.debit-col { width:60%; float:left; border-right:0; margin: 0 0 25px 0}
.debit-title {width:100%; float:left; color:#0098bc; font-size:15px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 13px; margin:0;}
.debit-bluetitle {width:96%; float:left; background-color:#0098bc; color:#fff; font-size:13px; font-weight:600;font-family: 'Gotham', sans-serif; padding:10px 2% 10px 2%; margin:0;}
.ledger-date { width:13%; float:left;}
.ledger-time {width:15%; float:left;}
.ledger-tonality {width:9%; float:left;}
.ledger-description { width:22%; float:left;}
.ledger-amount { width:15%; float:left;}
.ledger-text-panel { width:96%; float:left; border-top:1px solid #ebebeb; margin: 0; padding: 0 2%}
.ledger-text1 { width:13%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text2 { width:22%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 1% 10px 0; margin:0;}
.ledger-text3 { width:15%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text4 { width:9%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text5 { width:9%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text6 { width:9%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text-panel-last { width:100%; float:left; background-color:#f3f3f3; margin: 0;display:none}
.ledger-text-panel-last.desktop { width:100%; float:left; background-color:#f3f3f3; margin: 0;display:block}
.credit-col { width:39%; float:left; padding:0 0 0 0; margin:0 0 0 1%;}
.ledger-bal { width:714px; float:left; border:1px solid #0098bc; padding:13px 0 12px; margin:30px 0; text-align:center; color:#0098bc; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }
.ledger-bal span { color:#0098bc; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif;}

.credit-col .ledger-date { width:33%; float:left;}
.credit-col .ledger-description { width:39%; float:left;}
.credit-col .ledger-amount { width:27%; float:left;}
.credit-col .ledger-text1 { width:33%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.credit-col .ledger-text2 { width:39%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.credit-col .ledger-text3 { width:27%; float:left; color:#777777; font-size:13px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}

/*New css for other dash-board pages end*/


#system-message {float: left;margin: 0 0 15px;padding:0;width: 100%;}
.right-area #system-message p{ margin:0}
.alert-warning {background: #fceded;color: #d40000;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
.alert {background: #fceded;color: #d40000;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
.alert-notice {background: #fffbe1;color: #222;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
.alert-message {background: #fffbe1;color: #222;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
#system-message .close { float:right; color:#000; font-weight:700; font-size:18px; margin:0 5px; cursor:pointer }

.control-group { width:100%; float:left; padding:15px 0; border-bottom:1px solid #e2e2e2}
.control-group:last-child { border-bottom:none}
.control-label { width:30%; float:left; margin:6px 0 0 0}
.control-label label { color:#777; font-size:14px; font-size:600}
.controls {width:70%; float:left}
.controls input { width:100%; float:left; width:190px; height:21px; line-height:25px; padding:2px 5px; border:1px solid #ccc}
.right-area p { margin:0 0 15px 0}
.form-actions { width:70%;float:left; padding:15px 0 15px 30%; clear:both }
.form-actions.request {padding:15px 0 15px 26%;}
.form-actions button { width:80px; background:#ff7800; height:26px; line-height:26px; color:#fff; font-weight:600; text-align:center; border:none; padding:0; margin:0;-moz-border-radius:2px;/*Firefox*/
-webkit-border-radius:2px;/*Safari, Chrome*/border-radius:2px; margin:0}
.btn-form { width:auto; background:#ff7800; height:26px; line-height:26px; color:#fff; font-weight:600; text-align:center; border:none; padding:0 10px; margin:0;-moz-border-radius:2px;/*Firefox*/
-webkit-border-radius:2px;/*Safari, Chrome*/border-radius:2px; margin:15px 0 0 0}

.filter-search .btn-form { margin:0}
.star { color:#ff3c00}
.right-panel fieldset{ width:100%; float:left}
.right-panel fieldset dl {width:100%; float:left; padding:15px 0}
.right-panel fieldset dl dt { width:30%; float:left; margin:6px 0 0 0}
.right-panel fieldset dl dt label { color:#777; font-size:14px; font-size:600}
.right-panel fieldset dd {width:70%; float:left}
.right-panel fieldset dd input { width:100%; float:left; width:190px; height:21px; line-height:25px; padding:2px 5px; border:1px solid #ccc}
.fliter-area { width:100%; float:left;}
.channel-col div.input-append { margin:0}
.input-append input {margin: 1px 0; padding: 5px;height: 15px; outline: 0; background:#fff;  box-shadow: none;
color: #777;font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0;  background-color: #fff; border: 1px solid #e7e7e7;
cursor: text; margin: 0;overflow: hidden;padding: 0;position: relative; width:70%; padding:5px; float:left}
#date_filter_img, #jform_coverage_date_img,#start_date_img,#end_date_img { float:left; background:url(../images/calender.gif) no-repeat 0 0; width:24px; height:21px; border:none; margin:3px 0 0 5px}
.submitbt { width:100%; float:left; margin:0}

.fliter-area .submitbt { float:left; margin:15px 10px 0 0; cursor:pointer; width:auto;}
.resetbt { float:left; cursor:pointer; margin:15px 10px 0 0;}
/*OTHER CSS*/

/*Page Title*/

.page-title {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 15px 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}
h1.page-title {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 15px 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom; float:none;}
.page-title a {color: #ff7800; text-decoration:none}
/*Page Title*/

ul.inside-bullet1 { width: 100%;float: left;list-style-type: none; margin: 0 0 0 0; padding: 0;}
ul.inside-bullet1 li{ background: url(../images/bullet2.png) no-repeat 0 6px; width: 30%; float: left; padding: 0 0 0 3%; color: #474950; font-size: 14px; line-height: 26px}
ul.inside-bullet1 li a{color: #474950; text-decoration:none}
.inner-head-clip{ width:100%; border-bottom:solid 10px #0098bc; }
ul.sitemap-bullet { width:100%;float: left;list-style: none;margin: 0;padding: 0; }
ul.sitemap-bullet li{ background: url(../images/bullet2.png) no-repeat 0 8px; width: 97%; float: left; padding: 2px 0px 2px 3%;color: #474950;font-size: 14px;line-height: 26px;border-bottom:1px solid #e7e7e7}
ul.sitemap-bullet li a{color: #474950; text-decoration:none; font-weight:600}
ul.sitemap-bullet ul{ width: 100%;float: left;list-style: none;margin:0 0 10px 0;padding: 0; }
ul.sitemap-bullet ul li{ background: url(../images/arrow-orange.png) no-repeat 0 8px; width: 31%; float: left; padding: 0 0px 0px 2%;color: #474950;font-size: 14px;line-height: 23px; border-bottom:none}
ul.sitemap-bullet ul li a{color: #474950; text-decoration:none; font-weight:400}
.search-div .filt-title { width:40%}
.search-div .channel-col div.chzn-container { width:60% !important}
.channel-cat-heading { float:left; width:100%; font-size:17px; color:#0098bc; font-weight:400; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #e4e4e4}
.channel_container { width:18%; float:left; margin:0 2% 30px 0}
.channel_logo { width:100%; float:left; background:#f7f7f7; border:1px solid #e7e7e7; height:100px; text-align:center}
.channel_logo img { max-width:100%; max-height:100%}
.channel_name { width:92%; float:left; font-size:12px; font-weight:600; padding:5px 4%; margin:0 0 15px 0; color:#1c1c1c; background:#e7e7e7; border:1px solid #e7e7e7}
.filter-search .pagetitle { width:90%; float:left; padding:0; margin:4px 0 0 0; color: #777777; float: left; font-family: "Gotham",sans-serif;  font-size: 14px; font-weight: 600;}

.registration .video { width:70%; float:right;}
.page-header h1, .right-area h3 {color: #ff7800; font-size: 30px; font-weight: lighter; margin: 0 0 20px; padding: 0 0 10px; width: 100%; background : url(../images/bg-h1.gif) no-repeat left bottom}

.leftside-menu ul li.item-184 {
background: url("../images/my-account-icon.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e2e2e2;
padding: 4px 0 4px 32px;
width: 156px;
}


.leftside-menu ul li.item-186 {
background: url("../images/add-clips.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
border-bottom: 1px solid #e2e2e2;
padding: 4px 0 4px 32px;
width: 156px;
}
.leftside-menu ul li.item-187 {
background: url("../images/my-clip-icon.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
border-bottom:none;
padding: 4px 0 4px 32px;
width: 156px;
}

.partner-panel { float: right; margin: -52px 0 0; padding: 0 10px 20px; text-align: center; width: 180px; }


}



span.cf_required {
color: red;
width:5px;
}
input.cf_required, select.cf_required, textarea.cf_required {

}

.channel-col2 { width:100%;  padding:0; margin:12px 0; float:left}
.channel-col2 div { color:#777; }
.channel-col2 div.chzn-container { margin:0}

.back-bt{float: left; width: 100%; margin: 0 0 15px 0; text-align:right}
.filter-search {background:#f7f7f7; border: 1px solid #e7e7e7; float: left; margin: 0 0 20px; padding: 14px 11px;    width: 692px;}
.content-area h2 { float:left; width:100%; font-size:17px; color:#0d72b9; font-weight:600; margin:0 0 10px 0; padding:5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight:600}
.content-area .heading-new1 { float:left; width:100%; font-size:17px; color:#0098bc; font-weight:400; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #e4e4e4}
.breadcrumb li { float:left}
.breadcrumb li a { float:left; color:#777; text-decoration:none}
.breadcrumb li .divider { float:left; margin:0 5px}

.content-area {
float: left;
margin: 0 0 30px;
width: 100%;
}

.contact-col1 {
border-right: 1px solid #e4e4e4;
float: left;
margin: 0 0 20px;
padding: 0 5% 0 0;
width:42%;
}

.contact-col2 {
float: left;
padding: 0 0 0 5%;
width: 42%;
}

.contact-col2 a {
color: #474950;
}
ul.no-bullet { width:100%; float:left; padding:0; margin:0; list-style:none}
ul.no-bullet li { float:left;color: #000; float: left; font-family: "Gotham",sans-serif; font-size: 13px;font-weight: 400; margin:0 10px 0 0; padding:5px 0 0; vertical-align: middle;}
ul.no-bullet li a {color: #000; text-decoration:none}
ul.no-bullet li.sign-up a {color: #ff7800; font-weight:bold; text-decoration:none}
#system-message {float: left;margin: 0 0 15px;padding:0;width: 100%;}
.right-area #system-message p{ margin:0}
.alert-warning {background: #fceded;color: #d40000;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}

.alert {background: #fceded;color: #d40000;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
.alert-notice {background: #fffbe1;color: #222;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
.alert-message {background: #fffbe1;color: #222;margin:0;padding:12px 15px; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px}
#system-message.alert-error {background: #fceded;color: #d40000;margin:0;padding:12px 4%; display:block;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/border-radius: 4px; line-height:18px; width:92%}
#system-message .close { float:right; color:#000; font-weight:700; font-size:18px; margin:0 5px; cursor:pointer }
.pagination .limit span { display:inline-block; margin:0 10px 0 0}
.btn-form {
background: none repeat scroll 0 0 #ff7800;
border: medium none;
border-radius: 2px;
color: #fff;
font-weight: 600;
height: 26px;
line-height: 26px;
margin: 15px 0 0;
padding: 0 10px;
text-align: center;
width: auto;
}

.form-actions button {
background: none repeat scroll 0 0 #ff7800;
border: medium none;
border-radius: 2px;
color: #fff;
font-weight: 600;
height: 26px;
line-height: 26px;
margin: 0;
padding: 0;
text-align: center;
width: 80px;
}
.form-actions a.btn-primary {
background: none repeat scroll 0 0 #ff7800;
border: medium none;
border-radius: 2px;
color: #fff !important;
font-weight: 600;
height: 26px;
line-height: 26px;
margin: 0;
padding: 0;
text-align: center;
width: 80px; text-decoration:none; float:left
}
.control-group { width:100%; float:left; padding:15px 0; border-bottom:1px solid #e2e2e2}
.control-group:last-child { border-bottom:none}
.control-label { width:30%; float:left; margin:6px 0 0 0}
.control-label label { color:#777; font-size:14px; font-size:600}
.controls {width:70%; float:left}
.controls input { width:100%; float:left; width:190px; height:21px; line-height:25px; padding:2px 5px; border:1px solid #ccc}
.controls input[type=checkbox]{ width:35px;}
.right-area p { margin:0 0 15px 0}
.form-actions { width:70%;float:left; padding:15px 0 15px 30%; clear:both }

.form-actions button { width:80px; background:#ff7800; height:26px; line-height:26px; color:#fff; font-weight:600; text-align:center; border:none; padding:0; margin:0;-moz-border-radius:2px;/*Firefox*/
-webkit-border-radius:2px;/*Safari, Chrome*/border-radius:2px; margin:0 10px 0 0; float:left}
.btn-form { width:auto; background:#ff7800; height:26px; line-height:26px; color:#fff; font-weight:600; text-align:center; border:none; padding:0 10px; margin:0;-moz-border-radius:2px;/*Firefox*/
-webkit-border-radius:2px;/*Safari, Chrome*/border-radius:2px; margin:15px 0 0 0}
div.muted { display:none}
.filter3_container { width:100%; float:left; padding:0; margin:0}
.pg-container { width:100%; float:left; padding:0; margin:0; text-align:center}
.ledger-text2 a { text-decoration:none; color:#ff7800; word-wrap: break-word;}
.ledger-text2 a:hover { color:#777}
.ledger-text-panel-last .ledger-text2, .ledger-text-panel-last .ledger-text3 { font-weight:600}

.menu-panel-container .container1 { float:right}
.leftside-menu ul li.item-171{background:url(../images/my-account-icon.gif) no-repeat 15px 7px; padding:9px 5 9px 52px;border: 1px solid #e2e2e2;width: 100px;	}
.leftside-menu ul li.item-171 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-145{background:url(../images/my-account-icon.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;	}
.leftside-menu ul li.item-145 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-146{	background:url(../images/my-clip-icon.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 90px;}
.leftside-menu ul li.item-146 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-147{background:url(../images/search-icon.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 60px;}
.leftside-menu ul li.item-147 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-148{background:url(../images/price-icon.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 100px;}
.leftside-menu ul li.item-148 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-153{background:url(../images/icon-clip-request.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 100px;}
.leftside-menu ul li.item-153 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-156{background:url(../images/icon-legder.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 110px;}
.leftside-menu ul li.item-156 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
.leftside-menu ul li.item-169{background:url(../images/users-icon.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 52px;}
.leftside-menu ul li.item-169 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-175,.leftside-menu ul li.item-173{background:url(../images/icon-report.jpg) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;/*display:none*/}
.leftside-menu ul li.item-175 a,.leftside-menu ul li.item-173 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 12px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-179,.leftside-menu ul li.item-176{background:url(../images/icon-report.jpg) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: none;width: 156px;}
.leftside-menu ul li.item-179 a,.leftside-menu ul li.item-176 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-196{background:url(../images/icon-channel.gif) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 70px;}
.leftside-menu ul li.item-196 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-200{background:url(../images/icon-channel.gif) no-repeat 0 7px; padding:9px 0 9px 52px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-200 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}


.leftside-menu ul li.item-198{background:url(../images/icon-view-video.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-198 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-195{background:url(../images/icon-view-video.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;}
.leftside-menu ul li.item-195 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}


.leftside-menu ul li.item-198 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}


.leftside-menu ul li.item-197{background:url(../images/icon-add-new-clip.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;display:none}


.leftside-menu ul li.item-199{background:url(../images/icon-my-clip.gif) no-repeat 0 7px; padding:9px 0 9px 32px;border-bottom: 1px solid #e2e2e2;width: 156px;display:none}
.leftside-menu ul li.item-199 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;display:none}

.leftside-menu ul li.item-209{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-209 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}


.leftside-menu ul li.item-231{background:url(../images/my-group.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-231 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-229{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-229 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}





.leftside-menu ul li.item-210{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-210 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-211{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-211 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-212{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-212 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-213{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-213 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-227{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-227 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}

.leftside-menu ul li.item-214{background:url(../images/rss.png) no-repeat 15px 7px; padding:9px 0 9px 52px;border: 1px solid #e2e2e2;width: 80px;background-size: 23px;	}
.leftside-menu ul li.item-214 a { float:left; width:100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600;    margin: 0;	line-height:18px; text-decoration: none;}
 

.no-data-found { font-size:14px; font-weight:600}
/*.search-div { width:100%; float:left; background: url(../images/search-img.png) no-repeat right 50px}
.search-div .filter-panel { background:none; width:100%; padding:0; margin:0; border:none}
.search-div .fliter-area { width:415px; float:left}
.search-div .channel-col { width:100%; padding:15px 0; border-bottom:1px solid #e7e7e7; margin:0}
.search-div .filt-title {color: #777777; float: left; font-family: "Gotham",sans-serif; font-size: 14px; font-weight: 400; margin:5px 0 0 0; padding: 0; width: 45%}
.search-div .channel-col div.input-append { width:auto}
.search-div .fliter-area .submitbt { margin:15px 0 0 45%}*/
ul.pagination-list { width:auto; float:left; padding:0; margin:4px 0 0 0; list-style:none; text-align:center}
ul.pagination-list li { display:inline-block; padding:0 5px; background:url(../images/page-divider.jpg) no-repeat 0 2px; font-size:13px; line-height:14px}
ul.pagination-list li span, ul.pagination-list li a { float:left}
ul.pagination-list li a { color:#777; text-decoration:none}
ul.pagination-list li.active span { color:#ff7800}
.icon-backward { background:url(../images/arw-back.png) no-repeat center 0; width:10px; height:11px; cursor:pointer; float:left; margin:0 2px}
.icon-step-backward { background:url(../images/arw-back-step.png) no-repeat center 0; width:10px; height:11px; cursor:pointer; float:left;margin:0 2px}
.icon-forward { background:url(../images/arw-next.png) no-repeat center 0; width:10px; height:11px; cursor:pointer; float:left;margin:0 2px}
.icon-step-forward { background:url(../images/arw-next-step.png) no-repeat center 0; width:10px; height:11px; cursor:pointer; float:left;margin:0 2px}

.star { color: #ff3c00;}
.search-div .filter-header {background: #f7f7f7; border: 1px solid #e7e7e7; float: left; margin: 0 0 20px; padding: 12px 2% 12px; width: 96%;}
.search-div .filter-header .filter-title { margin:0; width:665px}
.no-data-found { width:96%; padding:5px 2%; float:left; background:#0086a6; color:#fff; font-size:14px; font-weight:600}


.tooltip {
display: none;
font-size:0px
}
.tooltip.in {
display: none;
font-size:0px
}
.tooltip.top {
display: none;
font-size:0px
}

/*ADDED BY SACHIN **/

input#repeat_filter { margin:5px 10px 5px 0}

.right-panel.right-panel2 {width:100%;}

/*-- New Css --*/
.container-main-full  .right-panel { background:none; width:100%; float:left; padding:0 0 40px 0; margin:0;}
.container-main-full  .right-area { width:100%; float:left; padding:28px 0 0 ; margin:0;}
.container-main-full .indicator {width:100%;}
.container-main-full .indicator .green_indicator {padding: 10px 10px;}
.container-main-full .left-slide.left-slide2 .leftside-menu ul {border: 1px solid #e2e2e2; position: relative; display: table;}
.container-main-full .left-slide.left-slide2 .leftside-menu li {
	width: 10.3% !important;
	border: 0 !important;
	border-right: 1px solid #e2e2e2 !important;
	padding-right: 6px;
	padding-left: 32px;
	background-position: 5px 7px;
	float: left;
	vertical-align: middle;
}
.container-main-full .left-slide.left-slide2 .leftside-menu li.item-173{border:0  !important}
.container-main-full .left-slide.left-slide2 .leftside-menu li:last-child {border-right: 0px solid #e2e2e2 !important;}
.container-main-full .leftside-menu ul li.item-206 {border: 1px solid #e2e2e2;}
.container-main-full .leftside-menu ul li.item-206 a {float: left; width: 100%; color: #777777; font-family: "Gotham",sans-serif; font-size: 13px; font-weight: 600; margin: 0; line-height: 18px; text-decoration: none;}
.container-main-full .filter-search.fltlft {width:100%; box-sizing: border-box;}
.container-main-full .debit-bluetitle {width: 100%;box-sizing: border-box;padding: 10px 10px;display: table-row; float:none}
.container-main-full .ledger-text-panel {width: 100%;box-sizing: border-box;padding: 0px 10px;display: table-row;float:none}
.container-main-full .ledger-text-panel .ledger-text1 {float: left; padding:10px 5px; box-sizing: border-box;width: 9%;}
.container-main-full .ledger-text-panel .ledger-text2 {padding:10px 10px; box-sizing: border-box;width: 11%;}
.container-main-full .ledger-text-panel .ledger-text4 {float: left; padding:10px 5px; box-sizing: border-box;width: 8%;}
.container-main-full .ledger-text-panel .ledger-text5 {float: left; padding:10px 5px; box-sizing: border-box;width: 8%;}
.container-main-full .ledger-text-panel .ledger-text6 {float: left; padding:10px 5px; box-sizing: border-box;width: 8%;}
.container-main-full .ledger-anchor {width:8%; float:left; padding:0px 5px; box-sizing: border-box;}
.container-main-full .ledger-tonality {width:8%; float:left; padding:0px 5px; box-sizing: border-box;}
.container-main-full .ledger-date {float:left; padding:0px 5px; box-sizing: border-box;width: 9%;}
.container-main-full .ledger-time {width:8%; float:left; padding:0px 5px; box-sizing: border-box;}
.container-main-full .ledger-description {width:11%; float:left; padding:0px 10px; box-sizing: border-box;padding: 0px 32px;}
.container-main-full .profile-edit {float: left; width: 100%;}
.container-main-full .filter-panel {float: left; width: 100%; box-sizing: border-box;}
.container-main-full .filter-panel .filter-title {width: 97%;}
.container-main-full .fliter-area .channel-col {width: 33.33%; min-height: 70px;}
.container-main-full .debit-bluetitle div { display: table-cell; width: auto !important; padding: 5px !important; vertical-align: middle; float:none !important} 
.container-main-full .ledger-text-panel div {display: table-cell;width: auto !important;vertical-align: middle;padding: 5px !important; float:none !important}

.container-main-full .list-panel {width: 100%; }
.container-main-full .list-panel .list-div1 {width: 31%; padding-right: 3.5%;}
.container-main-full .list-panel .list-div1 .list-img {width: 100%; }
.container-main-full .list-panel .list-div1 .list-img a {width: 100%; }
.container-main-full .list-panel .list-div1 .list-img a div {width: 100% !important; min-height: 187px; }
.container-main-full .list-panel .list-div1 .list-img a img {width: 100% !important; }
.container-main-full .list-panel .list-div2 {width: 31%; }
.container-main-full .list-panel .list-div2 .list-img {width: 100%; }
.container-main-full .list-panel .list-div2 .list-img a {width: 100%; }
.container-main-full .list-panel .list-div2 .list-img a div {width: 100% !important; min-height: 187px; }
.container-main-full .list-panel .list-div2 .list-img a img {width: 100% !important; }
.container-main-full .list-panel .list-clip .list-text {width: 100% ; }
.container-main-full .right-content {width: 100%; padding-left:  0;}
.container-main-full .filter-search.fltlft .form-field-content {float: left; width: 33.33%; padding-left: 20px; box-sizing: border-box; }
.container-main-full .filter-search.fltlft .form-field-content:first-child {padding-left: 0px;}
.container-main-full .filter-search.fltlft .form-field-content .ledger-title {float: left; width: 100%; margin:0 0 10px; box-sizing: border-box; }
.container-main-full .filter-search.fltlft .form-field-content .channel-col {float: left; width: 100%; margin:0; box-sizing: border-box; }
.container-main-full .filter-search.fltlft .form-field-content .channel-col input {float: left; width: 100%; margin:0; box-sizing: border-box; height: auto; min-height: 30px;}
.container-main-full .filter-search.fltlft .form-field-content .channel-col .input-append input {width: 88%;}
.container-main-full .filter-search.fltlft .form-field-content .channel-col .input-append #start_date_img {margin-top:5px;}
.container-main-full .filter-search.fltlft .form-button-content {float: left; width: 100%; margin: 20px 0 0; }
.container-main-full .filter-search.fltlft .form-field-content .channel-col select#schtonality {float: left; width: 100%; margin:0; box-sizing: border-box; height: auto; min-height: 30px;}
.container-main-full .breadcrumb-inside{width: 100%;}
.container-main-full .breadcrumb-inside .breadcrumb {width: 100%;}

.container-main-full .controls input {width: 340px;}
.container-main-full .search-div .fliter-area {width: 70%;}
.container-main-full .search-div .channel-col {width: 100%; min-height: auto;}
.container-main-full .search-div .filt-title {width: 30%;}
.container-main-full .clip-checkbox-panel {width: 100%;}
.container-main-full .clip-checkbox-panel .clip-col-text {width: 20%;}
.container-main-full .search-panel {width: 100%;}
.container-main-full .search-panel .request-form {width: 100%;}
.container-main-full .search-panel .form-actions.request {padding-left:185px;}
.container-main-full .user-table {width:100%;}
.container-main-full .jclip-listing {float: left; width: 100%; }
.container-main-full .jclip-listing h2 {float: left; width: 100%; font-size: 17px; color: #0098bc; font-weight: 600; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #e4e4e4; box-sizing: border-box;}
.container-main-full .jclip-listing textarea.rss-media-xml {width: 100%; padding: 10px; box-sizing: border-box; color: #666; font-size: 13px; line-height: 22px; border: 1px solid #ccc;}
.container-main-full .registration .user-regisration-container form {width: 65%; }

@media print{
.ledger-title { width:70px; float:left; color:#777777; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0; margin:0;}
.ledger-panel { width:716px; float:left;}
.debit-col { width:700px; float:left; border-right:1px solid #ebebeb; min-height:221px}
.debit-title {width:358px; float:left; color:#0098bc; font-size:15px; font-weight:600;font-family: 'Gotham', sans-serif; padding:0 0 13px; margin:0;}
.debit-bluetitle {width:328px; float:left; background-color:#0098bc; color:#fff; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif; padding:10px 12px 10px 12px; margin:0;}
.ledger-date { width:100px; float:left;}
.ledger-description { width:165px; float:left;}
.ledger-amount { width:55px; float:left;}
.ledger-text-panel { width:352px; float:left; border-top:1px solid #ebebeb;}
.ledger-text1 { width:100px; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 12px; margin:0;}
.ledger-text2 { width:150px; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 0; margin:0;}
.ledger-text3 { width:72px; float:left; color:#777777; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; padding:10px 0 10px 17px; margin:0;}
.ledger-text-panel-last { width:352px; float:left; background-color:#f3f3f3;}
.credit-col { width:700px; float:left; padding:0 0 0 6px; margin:0;}
.ledger-bal { width:714px; float:left; border:1px solid #0098bc; padding:13px 0 12px; margin:30px 0; text-align:center; color:#0098bc; font-size:14px; font-weight:400;font-family: 'Gotham', sans-serif; }
.ledger-bal span { color:#0098bc; font-size:14px; font-weight:600;font-family: 'Gotham', sans-serif;}
.ledger-panel {
width: 100%;
float: left;
}


}

.bill-col1 {

float: left;
min-height: 221px;
width: 100%;
}
.bill-title {
color: #0098BC;
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 15px;
font-weight: 600;
margin: 0;
padding: 0 0 13px;
width: 100%;
}
.bill-bluetitle {
background-color: #0098BC;
color: #FFFFFF;
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0;
padding: 10px 2%;
width: 96%;
}
.invoice-bluetitle {
background-color: #0098BC;
color: #FFFFFF;
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0;
padding: 10px 12px;
width: 700px;
}
.bill-title-text{
width:25%;
float:left;
}
.bill-download{
width:25%;
float:left;
}
.bill-clip-text{
width:25%;
color: #777777;
float: left;
font-family: "Gotham",sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 10px 0;
}
.clip-text-panel{float: left;width: 100%}
.invoice-clip-row{width:700px;float:left;}
.bill-clip-text-price{
width:25%;
color: #777777;
float: left;
font-family: "Gotham",sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 10px 0;
}
.bill-clip-text-right{
width:100px;
float:left;
text-align:right;
padding-right:5px;
}
.clip-row{
float:left;
border-top: 1px solid #ebebeb;
float: left;
margin: 0;
padding: 0 2%;
width: 96%;
}
.clip-row-total{
float:left;
background-color:#FF7800;
}
.bill-clip-total{
width:600px;
float:left;
text-align:center;
font-weight:bold;
}
.total-clips-price{
width:100px;float:left;text-align: right;font-weight:bold;
}
.bill-clip-invoice-button{
width:25%;
color: #777777;
float: left;
font-family: "Gotham",sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 10px 0;
}
.bill-clip-invoice-button .btn-form{margin:0}



/*ADDED BY SACHIN ENDS HERE**/


.bill-to-head{font-weight:bold; padding: 5px 0}
.ledger-panel-pdf{width: 860px; float: left}
.invoice-table th{background:#EFEFEF; padding: 8px 10px}
.invoice-table td{background:#fff; padding: 8px 10px; vertical-align:top}
.invoice-table td.total{font-size: 15px; font-weight:bold}

.icon-calendar:before {
content: "\43";
}

.note{ clear: both;padding: 17px 23%;}
.boldnote{font-weight:bold}


@media only screen and (min-width:768px) and (max-width:940px) {
.ledger-time {
width: 13%;
float: left;
}
.ledger-date {
width: 13%;
float: left;
}
.ledger-tonality {
width: 13%;
float: left;
}
.ledger-description {
width: 22%;
float: left;
}
.ledger-text1 {width: 12%; padding: 10px 1% 10px 0;}
.ledger-text4 {width: 11%; padding: 10px 1% 10px 0; float: left;
color: #777777;
font-size: 14px;
font-weight: 400;
font-family: 'Gotham', sans-serif;}
.ledger-text5 {
color: #777777;
font-size: 14px;
font-weight: 400;
font-family: 'Gotham', sans-serif;}
.ledger-text6 {
color: #777777;
font-size: 14px;
font-weight: 400;
font-family: 'Gotham', sans-serif;}
.ledger-text2 {width: 22%; padding: 10px 1% 10px 0;}
.ledger-panel { overflow-x: scroll;}

.container-main-full .left-slide.left-slide2 .leftside-menu li {padding-right: 8px; width: 14% !important /*padding-left: 8px; background-position: center 7px; padding-top: 35px;*/}
.container-main-full .left-slide.left-slide2 .leftside-menu li.item-173{border:1px  !important}
.container-main-full .left-slide.left-slide2 .leftside-menu li.item-156{border:0 !important}
.container-main-full .filter-panel .filter-title {width: 95%;}
.container-main-full .filter-panel .filter-arrow {text-align:right;}
.container-main-full .filter-panel {padding: 10px;}
.container-main-full .fliter-area .channel-col {width: 31%; margin: 0 2% 0 0;}
.container-main-full .search-div .fliter-area .filter3_container .channel-col {width: 100%; margin: 0 0 0;}
.container-main-full .fliter-area .channel-col div {width: 100% !important; }
.container-main-full .search-div .fliter-area {width: 65%;}
.container-main-full .filter-search.fltlft .form-field-content .channel-col .input-append input {width: 85%;}
.container-main-full .ledger-date {font-size: 12px;}
.container-main-full .ledger-description {font-size: 12px;}
.container-main-full .ledger-tonality {font-size: 12px;}
.container-main-full .ledger-anchor {font-size: 12px;}
.container-main-full .ledger-time {font-size: 12px;}
.container-main-full .debit-bluetitle {word-wrap: break-word;}
.container-main-full .ledger-text-panel .ledger-text1 {font-size: 11px; padding: 10px 5px;}
.container-main-full .ledger-text-panel .ledger-text2 {font-size: 11px; padding: 10px 5px;}
.container-main-full .ledger-text-panel .ledger-text4 {font-size: 11px; padding: 10px 5px;}
.container-main-full .ledger-text-panel .ledger-text5 {font-size: 11px; padding: 10px 5px;}
.container-main-full .ledger-text-panel .ledger-text6 {font-size: 11px; padding: 10px 5px;}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.ledger-tonality {width: 13%; float:left}
.ledger-time {width: 13%; float:left}
.ledger-date {width: 13%;}
.ledger-description {width:20%}
.ledger-text4 {width: 13%;float: left;color: #777777;font-size: 11px;font-weight: 400;font-family: 'Gotham', sans-serif;padding: 10px 0 10px 0;margin: 0;}
.ledger-text5 {color: #777777;font-size: 11px;font-weight: 400;font-family: 'Gotham', sans-serif;margin: 0;}
.ledger-text6 {color: #777777;font-size: 11px;font-weight: 400;font-family: 'Gotham', sans-serif;margin: 0;}
.ledger-text1{width: 13%;}
.ledger-text2 {width: 20%;}
.ledger-panel { overflow-x: scroll;}
.full_debit .debit-col { width: 1000px !important;}
.upload_content { margin: 0 auto; text-align: justify; width: 93%; float:none; }
.upload_logo { margin: 0 auto; text-align: justify; width: 93%; float:none; }
.upload_logo a { float: none !important; margin: 0 !important; }
[data-tooltip]::before { background-color: #ff7800; border-radius: 3px; bottom: 150%; color: #fff; content: attr(data-tooltip); font-size: 14px; left: 0%; line-height: 1.2; margin-bottom: 5px; margin: 0 auto; padding: 7px; position: absolute; text-align: center; width: 95%; }
.services , .why-us { width:98%;}
.clients { width:99%;}
.services-content { width:97%; }

.container-main-full .filter-panel .filter-title {width:96%;}
.container-main-full .filter-panel .filter-arrow {width:4%;}
.container-main-full .filter-panel {padding: 10px;}
.container-main-full .fliter-area .channel-col {width: 100%; min-height: auto; padding-bottom: 10px;}
.container-main-full .fliter-area .channel-col .chzn-container {width: 100%; min-height: auto; float:left;}
.container-main-full .list-panel .list-div1 {width: 100%; padding-right: 0;}
.container-main-full .list-panel .list-div2 {width: 100%;}
.container-main-full .controls {width: 100%;}
.container-main-full .controls .chzn-container {width: 100% !important;}
.container-main-full .controls input {width: 100%; box-sizing: border-box;}
.container-main-full .control-group  {width: 100%;}
.container-main-full .control-group .control-label  {width: 100%; margin: 6px 0 6px 0;}
.container-main-full .search-div  {width: 100%;}
.container-main-full .search-div .fliter-area {width: 100%;}
.container-main-full .search-div .filt-title {width: 100%;}
.container-main-full .clip-checkbox-panel .clip-col-text {width: 50%;}
.container-main-full .search-panel .form-actions.request {padding-left: 0;}
.container-main-full .search-panel .request-form .request-field input[type="radio"] {float:left; width: auto;}
.container-main-full .search-panel .request-form .request-field label {float:left; width: auto; padding: 0 20px 0 0;}
.container-main-full .search-panel .request-form .input-append input {width: 80%;}
.container-main-full .filter-search.fltlft .form-field-content {width: 100%; padding-left: 0;}
.container-main-full .filter-search.fltlft .form-field-content .ledger-title {margin: 10px 0; padding: 0;}
.container-main-full .btn-form {padding: 0 9px;}
.container-main-full .user-table {width: 100%; overflow-x: auto; }
.container-main-full .registration .user-regisration-container form {width: 65%; }
.ssl-div { float: left; margin: 0; text-align: center; width:100% } 
}

.leftside-menu ul li.item-206 {background: transparent url("../images/rss.png") no-repeat scroll 0px 7px;padding: 9px 0px 9px 32px;border-bottom: 1px solid #E2E2E2;width: 156px;background-size: 23px;}

/* The Modal (background) */ 
.cmodal { display: none; position: fixed; z-index: 2147483647; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } 
.modal-content { background-color: #fff; border: 5px solid #0098bc; margin: 15% auto; padding: 2%; position: relative; width: 50%; }
.close { background: #0098bc; color: #fff; float: right; font-size: 28px; font-weight: bold; line-height: 16px; margin: 0; padding: 10px 10px; position: absolute; right:-5px; top: -41px;cursor: pointer;}
.close:focus { color:#0098bc; text-decoration: none; cursor: pointer; }
.tls-btn{ float: left; margin-top: 15px; background: #0098bc none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #ffffff !important; cursor: pointer; font-family: "Gotham",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 600; padding: 4px 12px; text-transform: uppercase; color: #ffffff; cursor: pointer; }
.tls-btn a { color: #fff !important; }
#tls-popup .modal-content p { color: #000; font-size: 15px; line-height: 24px; }
#tls-popup #brwfirefox ol { margin: 10px 0; padding: 0 0 0 18px; }
#tls-popup #brwfirefox li { color: #000; font-size: 14px; line-height: 27px; }
.m-setting-content { background: rgba(0, 0, 0, 0) url("../images/popup-setting.png") no-repeat scroll 0 center; padding: 0 0 0 22%; width: 78%; }
#brwfirefox a {text-decoration: underline;color:#0098bc;}
.m-setting-content p:nth-child(2) {font-weight: bold;}
#brwfirefox > p {font-weight: 400;}

#tls-notify {border-bottom:0; border:1px solid #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; bottom: 0; font-size: 14px; padding: 15px; position: fixed; right: 0; background:#fff;-webkit-box-shadow: 0px 0px 15px 0px rgba(189,189,189,1);-moz-box-shadow: 0px 0px 15px 0px rgba(189,189,189,1);box-shadow: 0px 0px 15px 0px rgba(189,189,189,1);z-index: 1;}
#tlsnoti > a {font-weight: 600; color: #000; text-decoration: underline;}
.tlsnoti {color: #000;}
#tlsnoti {background: rgba(0, 0, 0, 0) url("../images/alert.png") no-repeat scroll 0 center; padding: 0 0 0 38px;}



.block-cont {font-size:40px; font-weight:700; color:#fff;}
.counter-content span.counter { font-size:40px; font-weight:700; color:#fff; line-height:40px;}
.counter-content span.text-bottom { font-size:16px; color:#fff; width:100%; float:left}


/** ADDED BY SACHIN ON 2017-07-21*/ 
.form-field-content div.chzn-container {
    width: 303px !important;
}
.form-field-content.first{padding-left:0px !important}
.chosen-filter-item {
    margin-top: 10px;
}
/** ADDED BY SACHIN ON 2017-07-21 ENDS HERE*/


/***NEW TEMPLATE***/
/*Header Images*/
.inside-header-pannel{ width:100%; margin:0 auto; clear: both; background:#3d71c5; }
.inner-head{ width:100%; height:298px; border-bottom:none; background-size:contain }
.inner-head.about-us {background: url(../images/header-about-us.jpg) no-repeat center top; width: 100%}
.inner-head.monitoring {background:url(../images/header-monitoring.jpg) no-repeat center top; width: 100%}
.inner-head.services {background: url("../images/head-services.jpg") no-repeat center top; width: 100%;}
.inner-head.pricing {background: url("../images/header-pricing.jpg") no-repeat center top; width: 100%;}
.inner-head.support {background: url("../images/header-support.jpg") no-repeat center top; width: 100%;}
.inner-head.media {background: url("../images/header-media.jpg") no-repeat center top; width: 100%;}
.inner-head.demo-request {background: url("../images/header-dermo-request.jpg") no-repeat center top; width: 100%;}
.inner-head.contact {background: url("../images/header-contact.jpg") no-repeat center top; width: 100%;}
.inner-head.site-map {background: url("../images/header-site-map.jpg") no-repeat center top; width: 100%;}
.inner-head.broadcast  {background: url("../images/header-broadcast-m-i.jpg") no-repeat center top; width: 100%;}
.inner-head.print {background: url("../images/header-print-m-i.jpg") no-repeat center top; width: 100%;}
.inner-head.internet {background: url("../images/header-internet-m-i.jpg") no-repeat center top; width: 100%;}
.inner-head.social {background: url("../images/header-socialmedia-m-i.jpg") no-repeat center top; width: 100%;}
.inner-head.media-analysis {background: url("../images/header-media-analysis.jpg") no-repeat center top; width: 100%;}
.inner-head.privacy {background: url("../images/header-privacy.jpg") no-repeat center top; width: 100%;}
.inner-head.analysis {background: url("../images/header-analysis.jpg") no-repeat center top; width: 100%;}
.inner-head.feed {background: url("../images/header-feed.jpg") no-repeat center top; width: 100%;}
.inner-head.faq {background: url("../images/header-faq.jpg") no-repeat center top; width: 100%; height:208px}
/*Header Images*/


.gridContainer {width: 100%;padding-left: 0;padding-right: 0;margin: auto;}
.container {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
.wrapper {display: block;margin: 0 auto;padding: 0;width:1156px;}
.header-pannel{ width:100%; background:#fff; height:110px; float:left; border-bottom:1px solid #c8c8c8; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.6);-moz-box-shadow: 0 8px 6px -6px  rgba(0,0,0,0.6); box-shadow: 0 8px 6px -6px  rgba(0,0,0,0.2); position:relative; z-index:99}
.logo{width:255px; margin:0; float:left; padding:39px 0 0 0}
.menu-pannel {float: right;margin-left: 0;width: 76%;}
.login-btn-pannel{ width:190px; float:right; display:block; margin:14px 0 0 0 }
.top-links .login-btn-pannel{ width:auto; float:right; display:block; margin:0 0 0 10px; }
.top-btn-container { float:right; margin:32px 0 16px 0}
.welcome-panel {float: left;font-weight: 600;color: #777777;margin: 2px 10px 0 10px;font-size: 16px;}
.request-btn, .sign-btn { float:left; background:#0d72b9; margin:0 0 0 15px}
.request-btn a, .sign-btn a { color:#fff; text-decoration:none; line-height:24px; padding:0 9px}
.why-clip { width:100%; float:left; padding:70px 0 0 0; margin:0}
.why-content { width:1157px; margin:0 auto}
.why-title { width: 100%;float: left;font-size: 30px; color: #1c79be; margin: 0 0 35px 0; font-weight: lighter;}
.why-title  h2 { width: 100%; float: left; font-size:30px; color: #1c79be; font-weight:300;}
.why-icon-panel { width:100%; float:left; text-align:center; margin:0 0 20px 0}
.icon-title {width:90%; float:left; text-align:center; font-size:15px; padding:0 5% 16px 5%; position:relative}
.icon-title:after { content:''; position:absolute;width: 0; height: 0; border-left:12px solid transparent; border-right:12px solid transparent; border-top: 16px solid #fff; margin:0 auto; left:0; right:0; bottom:-16px} 
.icon-description { width:84%; float:left; padding:65px 8% 0; text-align:center; height:270px}
.icon-description p { color:#fff}
.why-panel { width:100%; float:left;}
.why-panel .col-lg-2 { width:16.6666%; float:left}
.color1 { background:#96c941}
.color2 { background:#40ba93}
.color3 { background:#57bdc8}
.color4 { background:#25a9e0}
.color5 { background:#3295c9}
.color6 { background:#3a72b8}
.services-container { width:100%; float:left; background: url(../images/service-bg.jpg) no-repeat center 0; padding:70px 0}
.services-cont { width:1157px; margin:0 auto}
.service-title{ width: 100%;float: left;font-size: 30px; color: #fff; margin: 0 0 35px 0; font-weight: lighter;}
.service-title  h2 { width: 100%; float: left; font-size:30px; color: #fff; font-weight:300;}
.service-timeline { width:100%; float:left}
.service-timeline:before { height: 3px;top: auto; bottom: 26px;left: 56px; right: 0;width: 100%; margin-bottom: 20px;}
.service-timeline.timeline-badge {top: auto;bottom: 0px; left: 43px;}
.service-timeline .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 52px;font-size: 22px;text-align: center;
position: absolute;top: 18px; left: 50%;margin-left: -25px;background-color: #7c7c7c;border: 3px solid #ffffff; z-index: 100;
 border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
.left-btn:before,.right-btn:before {content: '';display: block;height: 19px;left: 50%;position:relative;width: 19px; background:#fff; border-radius:50%; left:4px; top:4px}
.left-btn,.right-btn {background-color: transparent;border:1px solid #fff;border-radius: 50px;box-shadow: none;display: block;height:29px;outline: 0;position: absolute;text-indent: -9999px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);top: 50%;width:29px;z-index: 10; left:0}
.service-timeline .right-btn { right:0; left:auto}
.service-timeline .timeline--horizontal .timeline__item::after { display:none}
.service-timeline .timeline-icon { background-color: transparent; border: 1px solid #fff; border-radius: 50%; content: '';  height: 57px; position: absolute; right: -11px; top: 50%; width: 57px; z-index: 1;left:100%; right: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: ranslate(-50%,-50%); transform: translate(-50%,-50%);  top: 100%; display:flex; align-items:center; justify-content:center}
.service-timeline .timeline-icon:before {content: '';display: block;height: 30px;position:relative;width:30px; background:#fff; background:url(../images/timeline-icon1.png) no-repeat center center; }
.service-timeline .timeline-icon.icon1 {background-color:#304153}
.service-timeline .timeline-icon.icon2 {background-color:#344245 }
.service-timeline .timeline-icon.icon3 {background-color:#35685e }
.service-timeline .timeline-icon.icon4 {background-color:#287f6c }
.service-timeline .timeline-icon.icon5 {background-color:#109371 }
.service-timeline .timeline-icon.icon1:before {background:url(../images/timeline-icon1.png) no-repeat center center; }
.service-timeline .timeline-icon.icon2:before {background:url(../images/timeline-icon2.png) no-repeat center center; }
.service-timeline .timeline-icon.icon3:before {background:url(../images/timeline-icon3.png) no-repeat center center; }
.service-timeline .timeline-icon.icon4:before {background:url(../images/timeline-icon4.png) no-repeat center center; }
.service-timeline .timeline-icon.icon5:before {background:url(../images/timeline-icon5.png) no-repeat center center; }
.service-timeline .timeline-icon.icon6:before {background:url(../images/timeline-icon7.png) no-repeat center center; }

.service-timeline .timeline__item:first-child .timeline__content .timeline-desc p,.service-timeline .timeline__item:first-child .timeline__content.last p { margin:0} 
.service-timeline .timeline--horizontal .timeline__item .timeline__content:before,.service-timeline .timeline--horizontal .timeline__item .timeline__content:after { display:none}
.service-timeline .timeline__content .timeline-desc { display:block;padding:15px 35px 0 0; position:relative; min-height:175px}
.service-timeline .timeline__content { background-color:transparent; border:none; color:#fff; padding:0; text-align:right; margin:0 -10px 0 0}
.service-timeline .timeline__content h2 { font-size:40px; font-weight:300; color:rgba(255,255,255,0.6)}
.service-timeline .timeline__content .timeline-desc p span,.service-timeline .timeline__content.last p span { font-weight:300}
.service-timeline .timeline__content .timeline-desc p, .service-timeline .timeline__content.last p{ font-size:18px; font-weight:600; line-height:24px; margin:0 0 0 -65px}
.service-timeline .timeline__content .timeline-desc:before { content:''; position:absolute; background:#fff; width:18px; height:18px; border-radius:50%; right:0; top:0}
.service-timeline .timeline__content .timeline-desc:after { content:''; position:absolute; background:#fff; width:1px; height:100%; top:0; right:8px}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline-icon {top:0}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline__content { display:flex; flex-flow:column}
.service-timeline timeline--horizontal .timeline__item:nth-child(2n) .timeline__content .timeline-desc { order:1}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline__content h2{ order:2}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline-desc { padding:0 35px 15px 0}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline-desc::before { top:90%}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline__content h2 { margin:.625rem 0 0}
.service-timeline .timeline__content.last { margin:0}
.client-container { width:100%; float:left; padding:70px 0}
.client-cont { margin:0 auto; width:1156px}
.client-cont-title { width: 100%;float: left;font-size: 30px; color: #1c79be; margin: 0 0 35px 0; font-weight: lighter;}
.client-cont-title  h2 { width: 100%; float: left; font-size:30px; color: #1c79be; font-weight:300;}
.logo-container { width:100%; float:left; padding:0; margin:0; }
.client-panel { padding:10px 0 0 0; float:left; width:100%; overflow:hidden}
.logo-container img { display:inline-flex}
.footer-pannel1 { background:#242424; width:100%; float:left; padding:10px 0}
.footer-content { width:1156px; margin:0 auto}
.footer-text { width:20%; float:left}
.footer-text:last-child { width:40%; min-height:59px; position:relative}
.footer-text:last-child ul { position:absolute; bottom:0; right:0}
.footer-text ul { list-style:none; padding:0; margin:0; float:left}
.footer-text ul li { width:100%; float:left; padding:6px 0; color:#fff;font-size:14px}
.footer-text ul li a { color:#fff; text-decoration:none; font-size:14px}
.follow-us-icons a { margin:0 25px 0 0 }
.footer-text:last-child ul { float:right}
.sign-btn input {color: #fff;text-decoration: none;line-height: 24px;padding: 0 9px;}
.logo-div { width: 14%;padding: 0 1%; float:left; text-align:center; height:125px; display:flex; align-items:center; justify-content:center; margin:0 0 15px 0}
.logo-div img {  margin:0;max-width: 120px;max-height: 110px;}
ul.resp-tabs-list { margin: 0px; padding: 0px;}
.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 4%; margin:0; list-style: none; cursor: pointer;  float: left; width:17%; position:relative}
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left;}
h2.resp-accordion { cursor: pointer;  padding: 5px; display: none;}
.resp-tab-content {display: none; padding:25px 15px;}
.resp-tab-active {border:none;	border-bottom: none;margin-bottom: -1px !important;}
.resp-tab-active {border-bottom: none; background-color: #fff;}
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content {}
.resp-tabs-list li.resp-tab-active span.number { color:#24b476}
h2.resp-accordion { font-size: 13px;  border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue;}
.resp-tabs-list li span.number { font-size:50px; font-weight:700; float:left; margin:0 5% 0 0; width:41% }
.resp-tabs-list li span.number-text { float:left; font-size:18px; font-weight:300; line-height:24px; width:54%; margin:7px 0 0 0}
.resp-tab-active:before { content:''; position:absolute; background:url(../images/active-border.jpg) no-repeat center bottom; height:2px; width:100%; bottom:0; left:0; right:0; margin:0 auto}
/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion { display: block;}
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1;/* !important;*/}
.resp-jfit { width: 100%; margin: 0px;}
.resp-tab-content-active { display: block;}
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1;/* !important;*/}
.counter-panel {width:100%; float:left; background:#1c79be;min-height:143px;display:flex; align-items:center}
.counter-block { float:left}
.counter-content { width:1156px;margin:0 auto; display:flex; justify-content:space-between }
.main-wrapper { width:100%; float:left; position:relative}
.common { width:1156px;}
.right-slide { width:100%; float:left; background:none}
.right-content { padding:0; width:100%; float:left;}
h1.page-title { color: #0c70bb; font-size: 30px; font-weight: lighter; margin:-67px 0 0 0; padding: 15px 15px; width: auto;
background:#fff; float:left; position:relative}
h1.page-title:before {content:''; position:absolute; background:url(../images/active-border.jpg) no-repeat center bottom; height:2px; width:82%; bottom:0; left:0; right:0; margin:0 auto}
	.content-area { margin:40px 0; width:100%; float:left}
	.smk_accordion{	position: relative;	margin-bottom: 20px;}
.smk_accordion .accordion_in{ position: relative;	z-index: 10;margin-top: -1px;overflow: hidden;}
.smk_accordion .accordion_in .acc_head{	position: relative;	padding:5px 0;font-size: 14px;	display: block;	cursor: pointer; float:left; width:100%; min-height:53px  }
.smk_accordion .accordion_in:first-of-type,.smk_accordion .accordion_in:first-of-type .acc_head{border-radius:0;}
.smk_accordion .accordion_in:last-of-type,.smk_accordion .accordion_in:last-of-type .acc_content{border-radius:0;}
.smk_accordion .accordion_in .acc_content{ float:left; padding:10px 0; width:92%; padding:0 0 0 8%}
.smk_accordion .accordion_in h1:first-of-type,.smk_accordion .accordion_in h2:first-of-type,.smk_accordion .accordion_in h3:first-of-type,.smk_accordion .accordion_in h4:first-of-type,.smk_accordion .accordion_in h5:first-of-type,.smk_accordion .accordion_in h6:first-of-type{	margin-top: 5px;}
.smk_accordion .accordion_in .acc_head .acc_icon_expand{display: block;width: 18px;height: 18px;position: absolute;	left:auto;
	top:56%;margin-top: -9px;background: url(../images/arrow-rt.png) no-repeat center 0; right:20px}
.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand{	background: url(../images/arrow-btm.png) no-repeat center 0;}
.smk_accordion .accordion_in.acc_active .acc_content{ display: block;}
.smk_accordion .accordion_in.acc_active .acc_head{}
.smk_accordion .accordion_in.acc_active .acc_head .icon-heading:before,.smk_accordion .accordion_in.acc_active .acc_head .icon-cont {  display:none}
.smk_accordion .accordion_in.acc_active .acc_head .icon-heading { float:right; font-weight:600 }
.tab-img { width:8%;float:left}
.tab-content { width:92%;float:left}
.smk_accordion.acc_with_icon .accordion_in .acc_head,.smk_accordion.acc_with_icon .accordion_in .acc_content{}
.icon-cont { float:left; width:8%;display: flex;align-items: center;height: 53px;}
.icon-heading { float:left; width:92%; color:#0a72bb; font-size:21px; font-weight:300; padding:14px 0 0 0}
.icon-heading h2{color:#0a72bb; font-size:21px; font-weight:300; padding:0; margin:0; border-bottom:none}
.icon-heading:before { content:''; position:absolute; background:#919191; height:1px; bottom:0; width:92%; right:0}
.accordion_in.acc_active .acc_content:before {content:''; position:absolute; background:#919191; height:1px; bottom:0; width:92%; right:0}
.container-inside { width:100%; float:left; padding:0; margin:0}
.inside-left { float:left; width:71%; padding:0 4% 0 0}
.inside-right { float:right; width:25%}
.border-cont { width:100%; float:left; border-bottom:1px solid #919191; padding:0}
.border-cont .tab-img { width:10%}
.border-cont .tab-img img { margin:5px 0 0 0}
.border-cont .tab-content { width:90%}

.faq .smk_accordion .accordion_in.acc_active .acc_head .icon-heading,.faq .smk_accordion .accordion_in .acc_content { width:100%; float:left; padding:0}
.faq .accordion_in.acc_active .acc_content::before,.faq .icon-heading::before { width:100%}
.faq .smk_accordion .accordion_in.acc_active .acc_head { padding:14px 0 0 0}
.content-area h1.heading-new1 { width:70%; float:none;padding:30px 0; text-align:center; font-size:30px; color:#1072b9; margin:0 auto; border:none; font-weight:300}
.subscribe-cont { width:92%; float:left; background:url(../images/service-bg1.jpg) no-repeat 0 0; padding:48px 4%; color:#fff}
.subscribe-panel.left { width:44%; float:left; padding:25px 2% 5px 2%; border:1px solid rgba(255,255,255,0.6); color:#fff}
.subscribe-panel.right {width:44%; float:right; padding:25px 2% 5px 2%; border:1px solid rgba(255,255,255,0.6); color:#fff}
.subscribe-panel P {color:#fff}
.subscribe-panel h2 { width:100%; float:left; padding:0; margin:0 0 20px 0; font-size:25px; font-weight:300; color:#fff; border-bottom:none}
.subscribe-panel h2 span { position:relative}
.subscribe-panel h2 span:before {content:''; position:absolute; background:#fff; height:2px; bottom:0; width:100%; right:0}
.subscribe-panel p.title { font-size:16px; float:left; width:100%; margin:0; padding:0}
.subscribe-btn { width:48%; float:right; padding:15px 0; margin:10px 0 0 0}
.subscribe-btn h3 {font-size:18px; color:#0a72bb; font-weight:100; margin:0; padding:0; float:left; width:100%}
.subscribe-btn a { float:left; font-size:18px; color:#0a72bb; padding:7px 10px; background:#fff; text-decoration:none; margin:0 15px 0 0}
.right-panel { width:100%; float:left; padding:0; margin:0; background:none}
.right-area { width:100%; float:left; padding:0; margin:0}
.right-area form#chronoform_writetous { width:100%; padding:15px 0; float:left; border:1px solid #919191; margin:40px 0}
form#chronoform_writetous h1.page-title { margin:-123px 0 0 0}
form#chronoform_writetous .ccms_form_element { width:48%; margin:0 1%; float:left; clear:none; padding:15px 0; min-height:31px}
form#chronoform_writetous #quote_container_div.ccms_form_element { width:98%}
form#chronoform_writetous #quote_container_div.cfdiv_checkboxgroup label:first-child { width:20%}
#quote_container_div .box-container { float:left; width:79%}
#quote_container_div .box-container div { float:left; width:33%; padding:0 0 5px 0}
form#chronoform_writetous .ccms_form_element input { margin:0}
form#chronoform_writetous .ccms_form_element label { width:40%}
form#chronoform_writetous #quote_container_div.ccms_form_element label { width:90%; margin: 0 0 0 5px}
/*form#chronoform_writetous #period_of_monitoring_to_container_div.ccms_form_element label { min-height:79px}*/
.keyiol {min-height:79px}
form#chronoform_writetous #chrono_verification1_container_div.ccms_form_element { border-bottom:none}
form#chronoform_writetous  #comments_container_div textarea { height:80px}
ul.sitemap-bullet ul li { width:100%}
ul.sitemap-bullet ul li li { width:31%}
/*.common .left-slide { display:none}*/
.com_chronoforms .common .left-slide { display:none}
.service-timeline .timeline--horizontal .timeline__item:nth-child(2n) .timeline__content .timeline-desc p { position:absolute; bottom:0; right:35px}
.slider-pannel{ width:100%; height:512px; margin:0 auto;}
.itemid-117 h1.page-title,.itemid-190 h1.page-title,.itemid-115 h1.page-title { display:none}
.itemid-117 .inner-head,.itemid-115 .inner-head {display: flex;justify-content: center;align-items: center;}
.itemid-117 .inner-head h1,.itemid-115 .inner-head h1 { font-size:30px; color:#fff; float:none; display:inline-block; width:auto; font-weight:300; margin:0}
.itemid-115 h1 span { font-weight:700}
.itemid-190 .content-area { margin:0 0 40px 0}
.tab-container1 { width:10%; float:left; padding:0; margin:0}


.timeline {list-style: none; padding:0 !important; position: relative; width:100%; float:left}
.timeline:before {top: 0;bottom: 0;  position: absolute; content:''; width: 3px; background-color: #eeeeee; left: 50%;
 margin-left: -1.5px; display:none }
.timeline > li {position: relative; min-height:250px;display:flex; align-items:center;margin-top:-30px}
.timeline > li:before { content:''; background:url(../images/curve.png) no-repeat 0 0; width:125px; height:250px;-moz-transform: scaleX(-1); -o-transform: scaleX(-1);-webkit-transform: scaleX(-1); transform: scaleX(-1);filter: FlipH;
-ms-filter:'FlipH';position: absolute;left: 50%;}
.timeline > li:first-child:after {top: 0;margin: 0 0 0 -8px;}
.timeline > li:first-child:after, .timeline > li:last-child:after {content:''; background:url(../images/curve-end.png) no-repeat 0 0; width:9px; height:30px;-moz-transform: scaleX(-1); -o-transform: scaleX(-1);-webkit-transform: scaleX(-1); transform: scaleX(-1);filter: FlipH;
-ms-filter:'FlipH';position: absolute;left: 50%;bottom: 0;margin: 0 0 0 -8px;}
.timeline > li.timeline-inverted:before { transform:none; filter:none;margin-left: -123px;}
.timeline > li:after {clear: both; }
.timeline > li:after { content: " "; display: table;clear: both; }
.timeline > li > .timeline-panel {width: 43%; float: left;padding:0;position: relative; padding:0 2% 0 4%; text-align:right}
.timeline-heading { font-size:22px; font-weight:600; text-transform:uppercase; padding:0 0 10px 0}
.timeline-body { font-size:14px; line-height:26px}
.timeline > li > .timeline-badge { background:url(../images/circle-bg.png) no-repeat 0 0; display:flex; align-items:center; width:141px; height:141px; justify-content:center; opacity:0.5;filter: alpha(opacity=50);}
.timeline > li > .timeline-badge img { opacity:0.8; filter: alpha(opacity=80);}
.timeline > li.timeline-inverted {justify-content: flex-end; }
.timeline > li.timeline-inverted > .timeline-panel {float: right; text-align:left}
.timeline-title {margin-top: 0;color: inherit;}
.timeline-year { font-size:75px; font-weight:700; color:rgba(217,161,27,0.5); padding:0 0 0 100px; float:left; line-height:75px}
.timeline-year.mob { display:none}
.timeline > li.timeline-inverted .timeline-year {padding:0 100px 0 0;}
.timeline-panel { width:100%; float:left; padding:0; margin:0}
.scrtabs-tab-container * {box-sizing: border-box; }
.scrtabs-tab-container {height:61px; width:100%; float:left }
.timeline-panel .tab-content {clear:both; width:100%; float:left; margin:50px 0 0 0 }

.scrtabs-tabs-fixed-container {float: left;margin:0;overflow: hidden;height:87px;width: 100%; }
.scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container {overflow-x: auto; }
.scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container::-webkit-scrollbar {display: none; }
.scrtabs-tabs-movable-container {position: relative; }
.timeline-panel .tab-content {display: none !important; }
.scrtabs-tab-scroll-arrow {cursor: pointer;float: left;width:45px; height:45px; padding:0; margin:18px 0 0 0}
.scrtabs-tab-scroll-arrow-left { background:url(../images/scroll-left.png) no-repeat 0 0}
.scrtabs-tab-scroll-arrow-right{ background:url(../images/scroll-right.png) no-repeat right 0}
.scrtabs-tab-scroll-arrow:hover {opacity:0.8}
.scrtabs-tab-scroll-arrow.scrtabs-disable {color: #ddd;cursor: default; }
.scrtabs-tabs-fixed-container ul.nav-tabs > li { margin:0; position:relative}
.nav-tabs li.active:before { content:''; position:absolute; background:url(../images/active-border.jpg) no-repeat center bottom; height:2px; width:100%; bottom:0; left:0; right:0; margin:0 auto}
.timeline-panel .nav-tabs { border:none; height:/*87px*/70px; list-style:none; padding:0; margin:0; display:flex;}
.scrtabs-tabs-movable-container ul > li > a {position: relative;display: flex;align-items:center;justify-content:center;font-size: 22px;text-decoration: none;font-weight:500;color: #000; width:/*265px*/206px;height:61px;text-align: center;border:none;background:none; border-radius:30px; transition:all 2s;font-weight: 600; font-size: 13px;}
.scrtabs-tabs-movable-container ul > li > a.active {background:#684f17;border:1px solid #684f17;}
.timeline-panel .nav-tabs li.active span.number,.timeline-panel .nav-tabs li.active .number-text { color:#24b574}

.timeline-panel .tab-content>.tab-pane{display:none}
.timeline-panel .tab-content>.active{display:block}

.nav-tabs li span.number { font-size:50px; font-weight:700; float:left; margin:0 5% 0 0; width:41%; display:none }
/*.nav-tabs li span.number-text { float:left; font-size:18px; font-weight:300; line-height:24px; width:54%; margin:7px 0 0 0; text-align:left}*/
.nav-tabs li span.number-text { float:left; font-size:18px; font-weight:300; line-height:24px; width:100%; margin:7px 0 0 0; text-align:center}'
.nav-tabs li span.number-text br { display:none}

.resp-tab-active:before { content:''; position:absolute; background:url(../images/active-border.jpg) no-repeat center bottom; height:2px; width:100%; bottom:0; left:0; right:0; margin:0 auto}
/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion { display: block;}
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1;/* !important;*/}
.resp-jfit { width: 100%; margin: 0px;}
.resp-tab-content-active { display: block;}
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1;/* !important;*/}


.content-panel .timeline-text h2 { width:100%; float:left; padding:0 0 23px 0; margin:0 0 50px 0; font-size:30px; font-weight:600; color:#fff; text-transform:uppercase; text-align:center; position:relative;}
.content-panel .timeline-text h2:before { content:''; position:absolute; width:50px; height:3px; background:#daa21b; bottom:0; left:0; right:0; margin:0 auto}
.content-panel .timeline-text h3 { width:100%; float:left; padding:0 0 21px 0; margin:0 0 26px 0; font-size:22px; font-weight:500; color:#fff; text-transform: capitalize; text-align:left; position:relative;}
.content-panel .timeline-text h3:before { content:''; position:absolute; width:37px; height:2px; background:#daa21b; bottom:0; left:0; right:0; margin:0 }
.timeline-desc { width:100%; float:left; position:relative; border-bottom: 1px solid #3a3b3f; padding:0 0 40px 0; margin:0 0 40px 0}
.timeline-desc:last-child { border-bottom:none; margin:0}
.timeline-desc a.clickable {color:#fff; font-size:14px; font-weight:500; position:absolute;display: flex;align-items:center;justify-content:center;text-decoration: none;width:170px;height:52px;text-align: center;border:1px solid #684f17;background: url(../images/arw-down.png) no-repeat 130px center #684f17; border-radius:30px; right:0; top:0; transition:all 2s; cursor:pointer; padding:0 15px 0 0}
.timeline-desc a.clickable.listen {background: url(../images/icon-speaker.png) no-repeat 100px center #684f17; transition:all 2s; cursor:pointer; padding:0 74px 0 33px; width:auto}
#xmap { margin:40px 0; width:100%; float:left}
.language-text { width:100%; float:left; padding:0; margin:30px 0 0 0; font-size:15px; font-weight:300}
.language-text span { font-weight:600}	 
.inside-left.about { width:15%; padding:0;min-height:406px; display:flex; align-items:center; padding:0 5% 0 0  }
.inside-left.about img { max-width:100%}
.inside-right.about { width:75%; position:relative; padding:0  0 0 5%;  }
.inside-right.about h2 { border-bottom:none; font-size:18px}
.inside-right.about:before {content:''; position:absolute; width:1px; height:100%; background:#242424; bottom:0; left:0; right:0; margin:0}
.inside-right about p { padding:0 0 30px 0}
.client-container-logo { margin-bottom: 40px; float: left; width: 100%; } 
.banner-img-cont {background: url(../images/banner-img1.jpg) no-repeat center 0; width:100%; float:left; height:512px}
.banner-txt { width:1156px; margin:0 auto}
.banner-txt h1 { font-size:27px; font-weight:100; color:#000; line-height:36px; text-transform:capitalize; margin:129px 0 0 9px; float:left}
.banner-txt h1 span {font-size:34px; font-weight:700; color:#0f72b3}


@media only screen and (min-width: 961px) and (max-width: 1140px){
.banner-img-cont { height:402px}
.slider-pannel .banner { height:402px}
}
@media only screen and (min-width: 768px) and (max-width: 960px){
.banner { height:350px;}
.slider-pannel .banner { height:350px}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.banner { height:150px; margin:0 0 0px 0;}
.slider-pannel .banner { height:150px}
}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
.banner { height:150px;}



}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {

.banner { height:150px;}

}




@media screen and (min-width:992px) and (max-width:1024px){
.tp-bgimg {}	
.subscribe-btn a {font-size:16px}	
.modal-content {width: 82%;}
.wrapper,.counter-content,.why-content,.services-cont,.client-cont,.footer-content, .common { width:100%; max-width:96%}
.why-content {max-width:100%}
.why-title { padding:0 2%; width:96%}
.icon-title { width:96%; padding:0 2% 16px 2%}
.why-panel .col-lg-2 { width:16.6666%; float:left}
.resp-tabs-list li { width:23%; padding:13px 1%}
.banner { height:450px}
.menu-pannel { width:65%}
.logo { width:35%}
.why-panel .col-lg-2 { width:33.33%}	
.inner-head { height:298px; background-size:contain}
.scrtabs-tabs-fixed-container ul.nav-tabs > li { width:9%}
.banner-img-cont { background-size:155%; height:400px}
.banner-txt h1 { font-size:24px;  margin:110px 0 0 9px; width:50%; line-height:30px}
.banner-txt  { max-width:96%}
.banner-txt h1 span {font-size:30px; }
}
@media screen and (min-width:768px) and (max-width:991px){
.inner-head { height:181px; background-size:cover !important}
.modal-content {width: 82%;}
.wrapper,.counter-content,.why-content,.services-cont,.client-cont,.footer-content, .common { width:100%; max-width:96%}
.why-content {max-width:100%}
.why-title { padding:0 2%; width:96%}
.icon-title { width:96%; padding:0 2% 16px 2%}
.why-panel .col-lg-2 { width:16.6666%; float:left}
.resp-tabs-list li { width:23%; padding:13px 1%}
.banner { height:450px}
.menu-pannel { width:65%}
.logo { width:35%}
.why-panel .col-lg-2 { width:33.33%}
.resp-tabs-list li span.number { font-size:41px}
.resp-tabs-list li span.number-text { font-size:16px; line-height:18px}
.service-timeline .timeline__content .timeline-desc { padding:15px 25px 0 0}
.service-timeline .timeline__content .timeline-desc p, .service-timeline .timeline__content.last p { font-size:14px; line-height:20px; margin:0 0 0 -60px}
.service-timeline .timeline__item:first-child .timeline__content .timeline-desc p,.service-timeline .timeline__item:first-child .timeline__content.last p { margin:0} 
.bottom-margin { margin-bottom:25px}
.footer-text,.footer-text:last-child { width:25%}
.smk_accordion .accordion_in .acc_head .acc_icon_expand { right:10px}
.icon-cont,.tab-img { width:12%}
.icon-heading,.icon-heading::before,.accordion_in.acc_active .acc_content::before ,.tab-content{ width:88%}
.smk_accordion .accordion_in .acc_content { padding:0 0 0 12%; width:88%}
form#chronoform_writetous .ccms_form_element { width:96%; margin:0 2%}
form#chronoform_writetous .ccms_form_element label { width:30%}
form#chronoform_writetous #quote_container_div.cfdiv_checkboxgroup label:first-child { width:29%}
#quote_container_div .box-container { width:70%}
#quote_container_div .box-container div { width:49%}
form#chronoform_writetous #quote_container_div.ccms_form_element label { width:88%}
form#chronoform_writetous .ccms_form_element select { width:50%}
.content-area .heading-new1 { font-size:28px; width:84%}
.subscribe-btn a { float: left; font-size: 13px;padding: 7px 7px;}
.contact-col1 { width:46%; padding:0 3% 0 0}
.contact-col2 { width:46%; padding:0  0 0 3%}
.scrtabs-tabs-fixed-container ul.nav-tabs > li { width:12%}
.banner-img-cont { height:320px;background-size:160%;}
.banner-txt h1 { font-size:17px;  margin:55px 0 0 9px; width:50%; line-height:22px}
.banner-txt  { max-width:96%}
.banner-txt h1 span {font-size:24px; }
.slider-pannel .banner { height:320px}
}

@media screen and (max-width:767px){
.subscribe-cont {background-size:auto 100% !important}	
h1.page-title { padding:10px; font-size:25px; margin:-51px 0 0 0}
.inner-head { height:151px;background-size:cover !important}
.wrapper,.counter-content,.why-content,.services-cont,.client-cont,.footer-content,.common { width:100%; max-width:90%}
.wrapper {max-width:90%}
.mobile-menu #header { background:#1c79be}
.counter-content { flex-wrap:wrap}
.counter-block { width:50%; margin:15px 0}
.block-cont {width:100%; text-align:center}
.counter-content span.text-bottom { text-align:center}
.modal-content {padding: 2%; width: 90%;}
.m-setting-content {background: rgba(0, 0, 0, 0) url("../images/popup-setting.png") no-repeat scroll center 20px; padding: 180px 0 0; width: 100%;}
ul.resp-tabs-list {display: none;}
#parentHorizontalTab {width:100%; float:left}
.resp-tabs-container { width:100%; float:left}
ul.resp-tabs-list { display: none;}
h2.resp-accordion {display: block; position:relative}
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: 100px;clear: none; }
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;}
.menu-pannel { width:66%}
.logo { width:34%}
.why-panel .col-lg-2 { width:100%}
h2.resp-accordion span.number { font-size:41px; float:left; margin:0 10px 0 0}
h2.resp-accordion span.number-text { font-size:16px; line-height:49px; font-weight:300; float:left}
.icon-description { height:auto; padding:50px 8%; margin:0 0 25px 0}
.resp-tab-content  {width: 96%;float: left;padding: 25px 2%; border:1px solid #ccc}
h2.resp-accordion { float:left; width:96%; padding:10px 2% !important}
h2.resp-tab-active { background:#1c79be; color:#fff}
h2.resp-accordion.resp-tab-active:first-child { background:#1c79be !important}
.footer-text { width:33%}
.footer-text:last-child { width:100%; text-align:center; min-height:inherit}
.footer-text:last-child ul { float:none; display:inline-block; position:relative}
.inside-left,.inside-right { width:100%; float:left; padding:0}
.right-slide { padding:0}
.icon-cont img,.tab-img img { max-width:75%}
.tab-img { width:10%}
.tab-content { width:90%}
.icon-heading { font-size:19px}
.logo { width:100%; float:left; text-align:center; padding:15px 0}
.menu-pannel { width:100%; float:left}
.top-btn-container { display:none}
.wrapper {max-width:100%}
.menu-panel-container { margin:0 !important}
.inside-right { text-align:center; margin:15px 0 0 0}
form#chronoform_writetous .ccms_form_element { width:96%; margin:0 2%}
form#chronoform_writetous .ccms_form_element label { width:40%}
form#chronoform_writetous #quote_container_div.cfdiv_checkboxgroup label:first-child { width:39%}
#quote_container_div .box-container { width:59%}
#quote_container_div .box-container div { width:98%}
form#chronoform_writetous #quote_container_div.ccms_form_element label { width:87%}
form#chronoform_writetous .ccms_form_element select { width:50%}
form#chronoform_writetous h1.page-title { margin: -106px 0 0 0;}
ul.sitemap-bullet ul li li { width:47%}
.logo-div img {max-width: 90px;max-height: 70px;}
.logo-div { height:80px}
.itemid-117 .inner-head.faq,.itemid-115 .inner-head.faq  { height:130px}
.itemid-117 .inner-head h1,.itemid-115 .inner-head h1 { font-size:20px; text-align:center}
.content-area .heading-new1 { font-size:28px; width:84%}
.content-area .heading-new1 br { display:none}
.subscribe-btn a { float: left; font-size: 13px;padding:7px 3px;}
.subscribe-panel.left,.subscribe-panel.right { width:96%; padding:25px 2% 5px 2%}
.subscribe-panel.left { margin:0 0 10px 0}
.subscribe-btn { width:100%}
.subscribe-btn a { margin:0 5px 0 0}
.contact-col1 { width:100%; padding:0; border-right:none}
.contact-col2 { width:100%; padding:0}
.counter-content span.counter,.block-cont { font-size:30px}
.scrtabs-tabs-fixed-container ul.nav-tabs > li { padding:13px 0; width:15%}
.inside-right.about h2 { text-align:left}
.inside-left.about { min-height:580px}


.banner-txt h1 { font-size:18px;  margin:36px 0 0 9px; width:50%; line-height:20px}
.banner-txt  { max-width:96%}
.banner-txt h1 span {font-size:22px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.slider-pannel .banner { height:258px}
	.banner-img-cont { height:270px; background-size:163%}
	.slider-pannel .tp-banner-container { width:100% !important}
}
@media screen and (min-width:320px) and (max-width:480px){
.client-cont-title h2 {font-size: 26px;}	
.inside-left.about { min-height:inherit; width:100%; padding:0; text-align:center; display:block}
.inside-left.about img { display:inline-block; max-width:35%}
.inside-right.about { width:100%; padding:30px 0 0 0; margin:30px 0 0 0}
.inside-right.about::before { width:100%; height:1px; top:0}
.wrapper {max-width:100%}
.service-timeline .timeline__content { margin:0}
.service-timeline .timeline-icon  {left:33px;right:-11px;z-index: 1; top:50%}
.timeline--mobile .timeline__item .timeline__content::before,.left-btn, .right-btn {display:none}
.timeline--mobile .timeline__item::after,.timeline--mobile .timeline__item .timeline__content::after { display:none}
.timeline--mobile .timeline__item { padding-left:57px}
.service-timeline .timeline:not(.timeline--horizontal)::before{background-color: #c1c8d0;display: block;position: absolute; width:1px;z-index: 1; left:33px !important}
.timeline--mobile::before { left:33px !important}
.logo { width:100%; float:left; text-align:center; padding:15px 0}
.menu-pannel { width:100%; float:left}
.top-btn-container { display:none}
.footer-text,.footer-text:last-child { width:50%}
.footer-text:last-child { min-height:67px}
.footer-text:last-child ul { position:absolute; float:right}
.smk_accordion .accordion_in.acc_active .acc_head .icon-heading { width:100%; float:left}
.smk_accordion .accordion_in .acc_head .acc_icon_expand { right:0}
.icon-heading::before,.accordion_in.acc_active .acc_content::before { width:100%}
.icon-cont,.tab-img { width:20%}
.icon-cont img,.tab-img img { max-width:50%}
.icon-heading,.tab-content { width:80%;padding-top:0 !important}
.scrtabs-tab-container .tab-content { width:100%}
.smk_accordion.acc_with_icon .accordion_in .acc_content { width:100%; padding:0}
.footer-text,.footer-text ul { width:100%; text-align:center}
.footer-text ul li { display:inline-block; float:none; width:auto; margin:0 8px}
.footer-text:nth-child(3) ul li { width:100%; margin:0}
.footer-text:last-child { width:100%}
ul.sitemap-bullet ul li li { width:97%}
.follow-us-icons { float:none; display:inline-block; margin:13px 0 0 0}
.logo-div {width: 27%;padding: 0 3%;}
.services-container {background: url(../images/service-bg.jpg) no-repeat center 0 / auto 100%;}
.inner-head { height:136px;background-size:cover !important}
.logo-div img {max-width: 80px;max-height: 60px;}
.logo-div { height:70px}
.scrtabs-tabs-fixed-container ul.nav-tabs > li { padding:13px 1%; width:14%}
.banner-img-cont { height:161px; background-size:167%}
.banner-txt h1 { font-size:14px;  margin:15px 0 0 9px; width:50%; line-height:14px}
.banner-txt  { max-width:96%}
.banner-txt h1 span {font-size:18px; }
}

@media screen and (max-width:320px){
.subscribe-btn a {
    float: left;
    font-size: 11px;
    padding: 7px 3px;
}
}

/*Added by sachin */
.indicator-title{width: 56px;
    float: left;
    margin-right: 20px;
    background: #3572b9 !important;}
.price-fix-div    {background: #3572b9 !important;}
/*Added by sachin */
.keyiol {
    height: 95px;
}
/*Added by sachin 2018-10-25*/
.ordering-filter-item span {
    float: left;
    margin-left: 10px;
}/*Added by sachin 2018-10-25*/

#page nav
{
	display: none;
}

#header,
.header,
#footer
{
	/*background: #bb3128#5c5d66;*/
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align:left;
	line-height: 40px;
	height: 40px;
	padding: 0 5px;
}
#header a,
.header a
{
	background: center center no-repeat transparent;
	background-image:url(../images/menu-img.gif);
	/*display: block;*/
	float:left;
	width: 40px;
	height: 40px;
	/*position: absolute;
	top: 0;
	left: 10px;*/
}
#header a.friends,
.header a.friends
{
	background:url(../images/right-menu-icon.gif) no-repeat right 0;
}
#header a.right,
.header a.right
{
	/*left: auto;
	right: 10px;*/
	float:right;
	width:100px; color:#fff; text-decoration:none
}