body {
	background: url('../images/bg.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		background-position: top;
		background-attachment: fixed;
	color:#fff;
    font-weight: normal;
	font-family: 'OpenSansRegular',Arial,Helvetica,Sans-Serif;
}

.innerBg { background: url('../images/innerSearchBg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		background-position: top;
		background-attachment: fixed;
		}

.backgroundFix{
	background: url('../images/bg.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		background-position: top;
		background-attachment: fixed;
		width:100%;
		height:100%;
		position: absolute;
		left:0;right:0;
	}
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.navbar-default .navbar-nav>li>a{color:#ffffff;}
.navbar-default .navbar-nav>li>a:hover{color:#00acd0;}
.header{
  background: #ffffff;
  border: 0;
	margin: 0;
	border-radius:0;
}
.header .navbar-header{height: 80px;margin: 0; border-radius: 0;}
.header .navbar-collapse, .navbar-default .navbar-form {
  border-color: #212531;
}
.navbar-default .navbar-nav>li>a{padding:0; color:#00b0b5;display: inline-block;}
.header .navbar-nav>li>a.link{padding:0; line-height: inherit; padding: 0; color:#65676d; font-size: 22px;}

.header .navbar-nav>li{height: 80px; line-height: 74px; text-align: center;}

.header .navbar-right>li{text-align: center;}

.header .navbar-nav>li.licenseTxt{color:rgba(255,255,255,0.2);font-size: 22px; text-transform: uppercase; padding: 0; line-height: 150px; width: 58%;}

.header .navbar-right>li.first{
  border-left: 0;
  line-height: 77px;
  margin: 0;
  padding: 0 10px 0 0;
	text-align: right;
	}
.header .navbar-brand{height: auto;}
	.header .navbar-right>li.first a{color:#00acd0;}
.header .navbar-right>li{
  border-left: 1px solid rgba(101,103,109,0.3);
  color: #65676d;
  line-height: 0;
  height: inherit;
  margin-top: 18px;
  padding: 11px 0 11px 8px;
	}
.header .navbar-toggle{margin-top:22px;border-color: #5F5F5F;}
.header .navbar-toggle .icon-home-outline{
  color: #D8D8D8;
  font-size: 22px;
  width: 23px;
  display: inline-block;
}
.header .rightMenu{margin:26px 0 0 0}
.header .navbar-toggle .icon-bar {
  background-color: #D8D8D8;
}
.header .navbar-toggle:hover, .header .navbar-toggle:focus{background: #5F5F5F; border-color: #5F5F5F;}
.header .navbar-toggle:hover .icon-bar{  background-color: #D8D8D8;}, .header .navbar-toggle:focus .icon-bar

.header .navbar-brand {
  height: auto;
  padding: 15px;
  font-size: 18px;
  line-height: inherit;
}
.header .navbar-brand>img {
  display: inline-block;
	float:left;
	height: 52px;
}
.navbar-collapse .navbar-right{width: 20%;}

.header .titleLogo{
  line-height: inherit;
	float:left;
	margin: 13px 0 0 60px;
}
.titleLogo .titNam{color:#99ca3c; font-size: 30px;margin: 0 0 0 0; text-transform: uppercase;}
.titleLogo .subTitNam{color:#e98841;}
.titleLogo .dateHeader{color:black;margin: 0; font-size:26px;}

.container {
  position: relative;
}
.col-md-6, .col-md-8, .col-xs-6, .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}

.footer{
  padding: 20px 0 10px;
  background: #20211d;
  border: 0;
  margin: 0;
  z-index: 1001;
	border-radius:0;
	display: block;
}
.footer .navbar-nav>li{height: 50px; line-height: 50px; text-align: center;}
.copyRightBot .copyFooterTxt {
  font-size: 13px;
  color: rgba(255,255,255,0.1);
  text-align: left;
  padding-left: 1%;
}
.copyFooterTxt a {
  color: #fff;
  padding-right: 1%;
  font-size: 13px;
  border-bottom: 1px solid transparent;
}
.copyRghtLnk{padding: 3px 0 0 0;}
.copyRightBot .hlpContFterTxt {
  font-size: 15px;
  color: #fff;
	text-align: center;
}
.copyRightBot .hlpContFterTxt a {
  color: #01adb2;
  border-bottom: 1px solid transparent;
}
.formAreaBox .btn-group, .formAreaBox .dropdown-menu{width:100%;margin:0;border-radius:0;}
.moodBox .btn-default{text-align: left;}
.moodBox .btn-input .btn.form-control span:first-child {
   left: 10px;
   overflow: hidden;
   position: absolute;
   right: 35px;
   top:0;
   font-size: 18px;
   font-family: 'OpenSansRegular';
	 color:#5a6378;
}
.moodBox.searchHmeBtn{margin-top: 20px;}
.form-control::-moz-placeholder {
  color:#5a6378;
}
.form-control:-ms-input-placeholder {
  color:#5a6378;
}
.form-control::-webkit-input-placeholder {
  color:#5a6378;
}
.formAreaBox .dropdown-menu {
  top: 96%;
	border-top: 0;
  border-color: rgba(0,0,0,.15);
	background: #e6e6e6;
}

.infoTxt{color:rgba(255,255,255,0.3); font-size: 12px;display: inline-block;padding: 5px 0 10px;}
.infoTxt b{font-weight: bold; color:#999; }

#custom-search-input{
  padding: 0;
  border: 0;
  border-radius: 3px;
  background-color: #fff;
  height: 51px;
  line-height: 51px;
}
#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color:rgba(90,99,120,0.4);
    padding: 0 8px 0 10px;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
		color:rgba(90,99,120,0.4);
		font-weight: normal;
}
#custom-search-input .token {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #C7C8CA;
  background: #d7dadf;
  white-space: nowrap;
  margin: 10px 5px 5px 0;
  height: 31px;
  vertical-align: middle;
  cursor: default;
	cursor: pointer;
	float:left;
	color:#5a6378;
	padding: 0 5px;
}
#custom-search-input .token:hover{text-decoration: none;color:#000;}
#custom-search-input input.tokenInput{float:left; width: auto; padding-left: 5px; font-family: 'OpenSansRegular'; width: 70%;background: none;}
#custom-search-input .token .token-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  vertical-align: top;
  line-height: 29px;
	font-size: 16px;
	text-transform: capitalize;
	font-family: 'OpenSansRegular';
}
#custom-search-input .token .close {
  font-family: Arial;
  display: inline-block;
  font-size: 27px;
  line-height: 30px;
  margin-left: 0;
  float: none;
  height: 100%;
  vertical-align: top;
  padding-right: 4px;
  font-weight: 100;
	color:#000;
}
#custom-search-input .token:hover .close{text-decoration: none; color:#000;}

.focusedInput:focus {
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6) !important;
}
/*.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover*/
.greenBg{background: #17a589;border:1px solid #7fc241; color:#ffffff;}
.greenBg:hover{background: #75ba35;border:1px solid #75ba35; color:#ffffff;}
.greenBg:focus{background: #75ba35;border:1px solid #75ba35; color:#ffffff;}
.greenBg:active{background: #6fb230;border:1px solid #6fb230; color:#ffffff;}

.blckShadeBg{background: #373a45;border:1px solid #373a45; color:#ffffff; transition:0.4s ease-in all;}
.blckShadeBg:hover{background: #00b0b5;border:1px solid #00b0b5; color:#ffffff;}
.blckShadeBg:focus{background: #282b36;border:1px solid #282b36; color:#ffffff;}
.blckShadeBg:active{background: #171920;border:1px solid #171920; color:#ffffff;}

.greenishShadeBg{background: #05b2b6;border:1px solid #05b2b6; color:#ffffff;}
.greenishShadeBg:hover{background: #198c8f;border:1px solid #198c8f; color:#ffffff;}
.greenishShadeBg:focus{background: #198c8f;border:1px solid #198c8f; color:#ffffff;}
.greenishShadeBg:active{background: #106b6d;border:1px solid #106b6d; color:#ffffff;}

.transparentBg {background: none;border:1px solid #adb1bc; color:#393f4f; transition:0.4s ease-in all;}
.transparentBg:hover,
.transparentBg:focus,
.transparentBg:active {background: none;border:1px solid #05B2B6; color:#05B2B6;}

.transparentBgTxtGry,
.transparentBgTxtGry:focus,
.transparentBgTxtGry:active{background: none;border:1px solid #666a73; color:rgba(255,255,255,0.7);}
.transparentBgTxtGry:hover{border: 1px solid #bdc2ca;color:rgba(255,255,255,0.7);}
.moodBox .btn-input .btn.form-control .downArrow_ico {
   margin-top: -1px;
   position: absolute;
   right: 8px;
   top: 42%;
  background: url(../images/sprite_ico.png) no-repeat -7px -9px;
  width: 21px;
  height: 11px;
}
.middleContainer {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%,-50%);
    z-index: 1031;
}
.moodBox .form-control{height: 50px; line-height: 49px;border: 0;font-size: 18px; color:#5a6378;}
.redOutLine{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
    border-color: #D82A2A;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 6px rgba(234, 59, 59, .9), 1px 1px 1px rgba(234, 59, 59, .9);
    box-shadow: inset 1px 1px 6px rgba(234, 59, 59, .9), 1px 1px 1px rgba(234, 59, 59, .9);
}
.bigTitle{font-family: 'LoraRegular'; font-size:190%;text-align: center; line-height: 137%; word-spacing: 4px; margin-bottom: 19px;margin-top: 0;}

.contentArea{/*width:55%;*/ width:620px; }
.formAreaBox{background: rgba(0,0,0,0.2);padding: 1px 8px 1px 8px;border-radius:6px;}
.formAreaBox .row-fluid{margin: 15px 0;}
.resultPageAccordian .panel-heading{
background:#4a5060;
  padding: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.resultPageAccordian .panel{
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
.resultPageAccordian .panel+.panel{margin-top:1px;}
.resultPageAccordian .panel-heading a{color:#ffffff; padding: 10px; display: block; text-decoration: none;}

.resultPageAccordian .panel-collapse{ /*padding:0 10px; */ color:rgba(173,177,188,1); padding:0 2px; }
.resultPageAccordian .glyphicon-menu-down{float:right;}
.resultPageAccordian .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e260";    /* up arrow - adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
		color:#ffffff;
}
.resultPageAccordian .accordion-toggle.collapsed:after {
    content: "\e259";    /* down arrow - adjust as needed, taken from bootstrap.c*/
		color:#ffffff;
}
.filterSearch{background:#eff0f0; padding: 20px 30px 18px;}
.filterSearch .btn-group{padding: 10px;}
.filterSearch .glyphicon-search{
  position: absolute;
  left: 13px;
  z-index: 3;
  color: rgba(90,99,120,0.2);
  top: 16px;
	}
.filterSearch .inputTxt{padding-left: 35px; font-size: 18px;}

.filterSearch .form-control::-moz-placeholder{
  color: rgba(90,99,120,0.2);
	font-style: italic;
	font-size: 18px;
}
.filterSearch .form-control:-ms-input-placeholder{
  color: rgba(90,99,120,0.2);
	font-style: italic;
	font-size: 18px;
}
.filterSearch .form-control::-webkit-input-placeholder{
  color: rgba(90,99,120,0.2);
	font-style: italic;
	font-size: 18px;
}

.filterSearch #custom-search-input {
  background: none;
  height: 68px;
  line-height: 68px;
}
.filterSearch #custom-search-input .search-query{
  padding: 0;
  padding: 0 110px 0 45px;
  height: 62px;
	border: 1px solid #bdc2ca;
	border-radius: 4px;
  line-height: 49px;
	font-size: 18px;
}
.filterSearch #custom-search-input .glyphicon-search {top: 19px; color: rgba(69,57,57,0.2);}
.filterSearch #custom-search-input .input-group-btn{
  position: absolute;
  z-index: 2;
  width: 95px;
  text-align: center;
  height: 48px;
  top: 7px;
  line-height: 46px;
  right: 8px;
  border-radius: 4px;
}
.filterSearch #custom-search-input button {
  color: inherit;
  font-size: 16px;
  display: block;
  width: 100%;
  margin: 0;
  height: 46px;
}
.filterSearch .tokenfield{margin-top: 10px;}

.tokenStyling .token {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #C7C8CA;
  background: #d7dadf;
  white-space: nowrap;
  margin: 10px 5px 5px 0;
  height: 31px;
  vertical-align: middle;
  cursor: default;
	cursor: pointer;
	float:left;
	color:#5a6378;
	padding: 0 5px;
}
.tokenStyling .token:hover{text-decoration: none;color:#000;}
.tokenStyling input.tokenInput{float:left; width: auto; padding-left: 5px; font-family: 'OpenSansRegular'; width: 100%;}
.tokenStyling .token .token-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  vertical-align: top;
  line-height: 29px;
	font-size: 16px;
	text-transform: capitalize;
	font-family: 'OpenSansRegular';
}
.tokenStyling .token .close {
  font-family: Arial;
  display: inline-block;
  font-size: 27px;
  line-height: 30px;
  margin-left: 0;
  float: none;
  height: 100%;
  vertical-align: top;
  padding-right: 4px;
  font-weight: 100;
	color:#000;
}
.tokenStyling .token:hover .close{text-decoration: none; color:#000;}

.filterSearch #custom-search-input .token,
.tokenStyling .tokenfield .token{
  background:#ffffff;
  color: #5a6378;
	font-size: 16px;
  height: 38px;
	line-height: 38px;
	text-decoration: none;
	margin:0 6px 5px 0;
	/*box-shadow:1px 1px 3px #ccc;
	  border: 1px solid #dbdee1;*/
}
.filterSearch #custom-search-input .token .disable,
.tokenStyling .tokenfield .token .disable{color:#bdc2ca; cursor: default;}

.filterSearch #custom-search-input .token .token-label,
.tokenStyling .tokenfield .token .token-label {
  line-height: 34px;
}
.filterSearch #custom-search-input .token .close,
.tokenStyling .tokenfield .token .close {
  height: 36px;
  line-height: 39px;
}

.resultContainerListing{padding: 15px 30px; min-height:560px}
#resultPageTitle{
	padding: 0 0 0;
    -webkit-transition:all 0.2s ease;
       -moz-transition:all 0.2s ease;
        -ms-transition:all 0.2s ease;
         -o-transition:all 0.2s ease;
            transition:all 0.2s ease;
	}
#resultPageTitle.scrollTitle{
    position: fixed;
    top: 80px;
    width: 100%;
    left: 258px;
    padding: 0 286px 0 23px;
		z-index: 3;
    box-shadow: 1px 3px 1px -1px #EAE6E6;
		 background: rgba(255, 255, 255, 1);
	}
#resultPageTitley .scrollTitle .pageTitle .title {
    top: 4px;
}
.resultContainerListing .pageTitle .buttonStyl{margin: 5px 0 0;}
.resultContainerListing .pageTitle .title{color: #373a45;font-size:26px; margin: 0; padding: 10px 0;}
.resultContainerListing .pageTitle .title b{font-weight: bold}
.resultContainerListing .pageTitle .rightCont{text-align: right;padding:6px 0 0 0;}
.resultContainerListing .pageTitle .rightCont .icon-email{
  font-size: 15px;
  position: relative;
  top: 2px;
}
#resultPageTitle .infoAreaBotBox .titArea {
    margin: 0 0 0 0;
    padding: 0 0;
    font-size: 16px;
    color: #373a49;
    text-align: right;
	line-height: 30px;
	padding-right: 10px;
}
#resultPageTitle .infoAreaBotBox{border:1px solid #dddddd;padding: 4px 0 7px; margin:0 0;}
#resultPageTitle .infoAreaBotBox .buttonStyl{
    height: 33px;
    line-height: 27px;
    font-size: 15px;
    padding: 0 10px;
    margin-top: 0;
	}

.listingResult{
	color:rgba(59,56,57,0.5);
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.listingResultSelected{
	color:rgba(59,56,57,0.5);
	padding: 10px 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background: rgba(55, 58, 69, 0.05);
}
.plyPausIco{
  display: inline-block;
  text-align: center;
  border: 2px solid rgba(59, 56, 57, 0.2);
  border-radius: 30em;
  height: 50px;
  width: 50px;
	position: relative;
}
.plyPausIco .glyphicon-play,
.plyPausIco .glyphicon-pause{
  position: absolute;
  width: 13px;
  top: 13px;
  left: 14px;
  color: rgba(59, 56, 57, 1);
  font-size: 20px;
  font-weight: 100;
}
.listingResult .alignCenter{text-align:center; margin: 0 0;}
.listingResult .alignCenter .imgBlock{height:50px;width: auto;display: block; margin: 0 auto;}
.listingResult .carousel-inner>.item>a>img,
.listingResult .carousel-inner>.item>img,
.listingResult .img-responsive,
.listingResult .thumbnail a>img, .thumbnail>img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.listingResult .shareArea{
  position: relative;
  top: 8px;
}
.listingResult .chckBoxLsting{
 position: relative;
 top: 6px;
}
.listingResult .icon-share{
  text-decoration: none;
  font-size: 17px;
  color: #9d9d9d;
}
.listingTxtArea .title, .listingTxtArea .title a{color:#05b2b6; font-size:20px;margin:0; text-decoration: none;}
.listingTxtArea .subTitle, .listingTxtArea .subTitle a{color:rgba(59,56,57,0.6); font-size:16px;margin:0; text-decoration: none;}
.listingTxtArea .subTitle{margin-top: 4px;}
.listingTxtArea .tokenStyling{margin-top: 10px;}
/**/
.listingResult .checkboxStyling {
  display: block;
  margin-bottom: 0;
  height: 20px;
  width: 20px;
  margin: 0 auto;
}
.listingResult .checkboxStyling input[type="checkbox"],
.listingResult .checkboxStyling input[type="radio"] {
  opacity: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: 0;
  right: 0;
  cursor:pointer;
}
.listingResult .checkboxStyling .ckStyle {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: 30px;
  height: 20px;
  left: 0;
	margin: 0;
}
.listingResult .checkboxStyling .ckStyle::before {
  width: 21px;
  height: 20px;
  z-index:inherit;
}
.listingResult .checkboxStyling .ckStyle::after {
  top: 4px;
  width: 21px;
  height: 20px;
  left: 3px;
  z-index:inherit;
}
.tagSelect .token {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #C7C8CA;
  background: #ffffff;
  white-space: nowrap;
  /*margin: 10px 5px 5px 0;*/ margin: 3px 5px 5px 0px;
  height: 31px;
  vertical-align: middle;
  cursor: default;
	/*float:left;*/ float: right;
	color:#5a6378;
	padding: 0 8px;

}
/*.tagSelect .token:hover{text-decoration: none;color:#000;}*/
.tagSelect input.tokenInput{float:left; width: auto; padding-left: 5px; font-family: 'OpenSansRegular'; width: 100%;}
.tagSelect .token .token-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  vertical-align: top;
  line-height: 28px;
	font-size: 15px;
	text-transform: capitalize;
	font-family: 'OpenSansRegular';
}
.tagSelect .token .glyphicon-ok {
  display: inline-block;
  font-size: 13px;
  line-height: 27px;
  margin-left: 0;
  float: none;
  height: 100%;
  vertical-align: top;
  padding-right: 0;
  font-weight: 100;
	color:#4a5060;
}
.tagSelect .token:hover .glyphicon-ok{text-decoration: none; color:#000;}
.infoAreaBotBox{text-align: center; background:#eff0f0 ;}
.infoAreaBotBox .titArea{margin: 20px 0 0 0;padding: 10px 0; font-size: 20px; color: #373a49; text-align: center}
.infoAreaBotBox .buttonStyl{height: 66px; line-height: 52px; font-size: 20px;padding: 0 30px; margin-top: 20px; }
.scrollArea,.scrollArea_js{max-height: 700px; min-height: 450px;}
.scrollArea .mCSB_container, .scrollArea_js .mCSB_container{
  margin-right: 18px;
}
.scrollArea .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .scrollArea_js .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background: #fff;
  background: rgba(145, 145, 145, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.scrollArea .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.scrollArea .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrollArea .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.scrollArea_js .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.scrollArea_js .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrollArea_js .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#4a5060; }

.scrollArea .mCSB_scrollTools .mCSB_draggerRail, .scrollArea_js .mCSB_scrollTools .mCSB_draggerRail{
  background: none;
}

.resultContainerListing .scrollArea .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  float: right;
}
 .listingResult:hover, .listingResult:focus {text-decoration: none;background-color: rgb(245, 245, 245);}
 .listingResult.activeRow {background-color:#D5EFFC;}

/* results page */
.sidebar-nav .panel-collapse .accordion-inner { padding:10px 0 0 0; }
.sidebar-nav .panel-collapse .panel-collapse .accordion-inner { padding:0; }
.sidebar-nav .checkboxStyling label span.glyphicon-ok { background:#adb1bc; font-size:12px; border: 1px solid rgba(173, 177, 188, 0.6); border-radius: 3px; width: 17px; height: 17px; padding: 1px; color:#4a5060; margin-right: 6px; }
.sidebar-nav .checkboxStyling label.collapsed span.glyphicon-ok  {  background:none; content: ""; font-size:0px; background:#30333d; border:1px solid rgba(173, 177, 188, 0.6); top: -12px; margin-right: 6px; z-index:0;}
.sidebar-nav .panel-collapse .checkboxStyling .ckStyle::before { border:none; }
.sidebar-nav .panel-collapse .panel-collapse .checkboxStyling .ckStyle::before { border: 1px solid rgba(173, 177, 188, 0.6);}
.sidebar-nav .panel-collapse .checkboxStyling .ckStyle .labelChkRdo { margin-left:0; cursor:pointer; }
.sidebar-nav .panel-collapse .panel-collapse .checkboxStyling .ckStyle .labelChkRdo { padding-left:30px; font-weight:normal; }
.sidebar-nav  .checkboxStyling input.styled[type="checkbox"]:checked + label::after { color:#30333d; line-height:20px; }
.sidebar-nav  .scrollArea {  max-height:200px; min-height:112px; height:112px; }

/* Advanced Search */
.formAreaBox  .btn-group { position:relative; }
.advancedSearch { position:absolute; top:0; left:0; z-index:9; width: 100%; display:none; min-height:482px; margin-top:-256px; }
.advancedSearch .dropTop { background:#e9edf2; }
.advancedSearch h1 { font-size:130%; color:#5a6378; padding:10px 0px 10px 23px; margin:0; }
.advancedSearch .sidebar-nav { width:100%; position:static	; top:0px !important; background: #fff; padding-bottom:8px; }
.advancedSearch #custom-search-input { background:#e9edf2; width:90%; margin:0 auto; }
.advancedSearch #custom-search-input .glyphicon-search { font-size:120%; font-weight:normal; display:inline-block; float:left; top:29%; left:4%; position:absolute; z-index: 3; }
.advancedSearch #custom-search-input input { width:100%; padding:0px 17px 0px 31px; margin:0 auto; border-radius: 34px; color: rgb(189, 193, 201); font-style: italic; border: 1px solid #5a6378; height: 35px; line-height: 35px; }
.advancedSearch .resultPageAccordian .panel-heading { background:none; position:relative; border-top: 1px solid #ccc; line-height: 39px; }
.advancedSearch .resultPageAccordian .panel-heading a { outline:none; color: #5a6378;padding:0 10px 0 32px; font-weight:700; display:block; text-decoration:none; }
.advancedSearch .resultPageAccordian .accordion-inner { padding: 0 0 0 30px;}
.advancedSearch .panel-heading a span {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
	top:11px;
    left:10px;
    border:1px solid #4a5060;
    border-radius: 3px;
    background-color: #4a5060;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	font-family: 'Glyphicons Halflings';
	content:"\e067";
	font-weight: 700;
	font-size:12px; color:#fff;
}
.advancedSearch .panel-heading a.collapsed  span{ border: 1px solid rgba(173, 177, 188, 0.6); background:none; content: ""; font-size:0;}
.advancedSearch .checkboxStyling .ckStyle { color:#4a5060; font-weight: 300; display: block; cursor:pointer; }
.advancedSearch .checkboxStyling .ckStyle:hover{ color:#282B33; }
.advancedSearch .checkbox-primary input[type="checkbox"] + label.ckStyle  span.labelChkRdo { font-weight: 300; padding: 0 0 0 25px;margin:0; }
.advancedSearch .checkbox-primary input[type="checkbox"]:checked + label.ckStyle span.labelChkRdo { font-weight:700; }
.advancedSearch .accordion-heading a .glyphicon-ok { font-weight: 200; padding: 1px; font-size:11px; }
.advancedSearch  .accordion .scrollArea { max-height: 400px; min-height:150px; height:150px; }
.advancedSearch .panel-heading a .glyphicon-ok { font-weight: 200; padding: 1px; font-size:11px; }
.advancedSearch .panel-group .scrollArea { max-height: 400px; min-height:170px; height:170px; padding: 0; }
.advancedSearch .panel-group { margin-bottom:0; }
.advancedSearch .sidebar-nav .panel-collapse .checkboxStyling .ckStyle::before { border: 1px solid rgba(173, 177, 188, 0.6); }
.advancedSearch .resultPageAccordian .panel-collapse{ padding:0 10px 5px 10px; }
.advancedSearch .singleContent  { padding:20px 20px 20px 0; }
.advancedSearch .singleContent .scrollArea { max-height:600px; min-height:350px; height:350px; }
.advancedSearch .resultPageAccordian .panel-collapse{ padding:0 10px 5px 20px; }
.advancedSearch .singleContent  { padding:20px; }
.resultPageAccordian.sidebar-nav  .scrollArea { min-height:31px; max-height:206px; height: auto;}
.advancedSearch .singleContent .scrollArea { max-height:600px; min-height:350px; height:350px; }
.advancedSearch .scrollArea .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .advancedSearch .scrollArea .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.advancedSearch .scrollArea .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:#4a5060; }
#checkedValues { background: none; border: none; resize: none; width:100%; height:auto; }
#checkedValues span { position: relative; background:#ffffff; color: rgb(102, 102, 102); display: inline-block; border-radius: 2px;/* box-shadow:1px 1px 3px #333; border: 1px solid rgb(153, 153, 153)*/; line-height:30px; padding: 0px 7px 0px 10px; font-size: 15px; margin: 5px 5px 0 0;}
#checkedValues span .glyphicon-remove { float: none; padding-left: 5px; font-style: normal; width: 12px; display:inline-block; top:0px; color:#999; cursor:pointer; text-shadow: none; font-size: 12px; }
#checkedValues span .glyphicon-remove:hover { color:#666; text-decoration:none; }
.selectedVals {width:100%; }
.selectedVals .glyphicon-collapse-down { position:relative; float: right; padding-right: 11px; cursor:pointer; display:none; }
.selectedVals .countItems  { z-index: 1; position: absolute; background: #FF9600 none repeat scroll 0% 0%; border-radius: 3em; overflow: hidden; padding:2px;  font-size: 10px; color: #FFF; right:0; text-align: center; top: -9px; height:17px; line-height:11px; min-width:17px; cursor: pointer; }


#checkedValues span a.close {
    font-family: Arial;
    display: inline-block;
    font-size: 17px;
    line-height: 28px;
    margin-left: 0px;
    float: none;
    height: 24px;
    vertical-align: top;
    padding-left: 6px;
    font-weight: 100;
    color: #ffffff;
}

.resultPageAccordian .panel-collapse a { color: #ADB1BC; cursor:pointer; display: block;}
.sidebar-nav .resultSingleAccordion .checkboxStyling .ckStyle::before { border:1px solid rgba(173, 177, 188, 0.6); }
.sidebar-nav .resultSingleAccordion .checkboxStyling .ckStyle .labelChkRdo { margin:0 0 5px 25px;}

.resultPageAccordian .panel-collapse .panel-collapse  { padding:0; }
.resultPageAccordian .panel-collapse .panel-collapse .checkboxStyling  { padding: 0px 10px; margin:3px 0 0 0; }
.resultPageAccordian .panel-collapse .panel-collapse .scrollArea {border-bottom: 1px solid #333; margin-bottom: 10px; padding-bottom:4px; }
label { margin:0;}

.resultPageAccordian .panel-group, .resultPageAccordian .panel-group .panel-group  { margin:0; }

.sidebar-nav .checkboxStyling label span.glyphicon-ok { background:#adb1bc; font-size:12px; border: 1px solid rgba(173, 177, 188, 0.6); border-radius: 3px; width: 17px; height: 17px; padding: 1px; color:#4a5060; margin-right: 6px; }
.sidebar-nav .checkboxStyling label.collapsed span.glyphicon-ok  {  background:none; content: ""; font-size:0px; background:#30333d; border:1px solid rgba(173, 177, 188, 0.6); top: -12px; margin-right: 6px; z-index:0;}

.checkboxStyling { margin-bottom:2px; }
.sidebar-nav .panel-collapse .checkboxStyling .ckStyle .labelChkRdo { display:block; font-weight:normal; }


.sidebar-nav .panel-collapse .checkboxStyling .ckStyle .labelChkRdo:after  {
	font-family: 'Glyphicons Halflings';
    content: "\e260";
	color:#ADB1BC;
	float: right;
	font-size:12px;
}

.sidebar-nav .panel-collapse .checkboxStyling .ckStyle.collapsed .labelChkRdo:after
 {
    content: "\e259";
    float: right;
	color:#ADB1BC;
	font-size:12px;
}
/*
.sidebar-nav .upArrow:before { font-family: 'Glyphicons Halflings';
    content: "\e260";
	color:#ADB1BC;
	font-size:12px;	}

.sidebar-nav .dwnArrow:after { font-family: 'Glyphicons Halflings';
    content: "\e259";
	color:#ADB1BC;
	font-size:12px;	}
*/
.sidebar-nav .panel-collapse .panel-collapse .checkboxStyling .ckStyle .labelChkRdo:after, .sidebar-nav .panel-collapse  .panel-collapse .checkboxStyling .ckStyle.collapsed  .labelChkRdo:after, .sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle .labelChkRdo:after, .sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle.collapsed .labelChkRdo:after { font-family:"OpenSansRegular"; content:initial; float: none;}

.resultPageAccordian .checkboxStyling { border-bottom: 1px solid rgb(69, 72, 83);}
.resultPageAccordian .checkboxStyling .checkboxStyling  { border:none; }
.resultPageAccordian .panel-group .ckStyle { padding:0; line-height:20px; display:block; cursor:pointer; }
.resultPageAccordian .panel-group .checkboxStyling .checkboxStyling  .ckStyle { padding:2px 0; border-bottom: 1px solid rgb(69, 72, 83); }
.resultPageAccordian .panel-group .checkboxStyling .ckStyle { position: relative; z-index: 2; width: 93%; margin: 0 auto; padding:5px 0 0 0; }
.resultPageAccordian .panel-group .accordion-inner { background:#2c2f3b; position: relative; margin-top:-26px; padding: 26px 0px 0px 16px !important; transition:background 2s ease-in;}
.resultPageAccordian .panel-group .accordion-inner .panel-collapse.in { background:#2c2f3b;}

/* sidebar check and uncheck the accordions states css */
.sidebar-nav .checkboxStyling label span.glyphicon-ok { /* font-size:12px; background:#adb1bc; border: 1px solid rgba(173, 177, 188, 0.6);*/ border:0px solid rgba(173, 177, 188, 0.6); background:none;  font-size:0px;  border-radius: 3px; width: 17px; height: 17px; padding: 1px; color:#4a5060; margin-right: 6px; }
.sidebar-nav .panel-collapse .checkboxStyling .ckStyle::before { border:0px solid rgba(173, 177, 188, 0.6); }
.sidebar-nav .checkboxStyling label.collapsed span.glyphicon-ok  { background:none; content: ""; font-size:0px; /*background:#30333d; border:1px solid rgba(173, 177, 188, 0.6); */ border:0px solid rgba(173, 177, 188, 0.6); top: -12px; margin-right: 6px; z-index:0; }
.sidebar-nav .checkboxStyling label.closeAll span.glyphicon-ok  { content: ""; font-size:0px; background:#30333d; border:1px solid rgba(173, 177, 188, 0.6);top: -12px; }
.sidebar-nav .checkboxStyling label.selected span.glyphicon-ok  { content: ""; font-size:12px; background:#adb1bc; border:1px solid rgba(173, 177, 188, 0.6);top: -1px; }


.sidebar-nav .occapanel .checkboxStyling label span.glyphicon-ok { font-size:12px; background:#adb1bc; border: 1px solid rgba(173, 177, 188, 0.6); border-radius: 3px; width: 17px; height: 17px; padding: 1px; color:#4a5060; margin-right: 6px; }
.sidebar-nav .occapanel .checkboxStyling label.collapsed span.glyphicon-ok  { content: ""; font-size:12px; background:#30333d; border:1px solid rgba(173, 177, 188, 0.6); top: -12px; margin-right: 6px; z-index:0; }
.sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle::before { border:1px solid rgba(173, 177, 188, 0.6); }

.sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle .labelChkRdo {
    padding-left: 0px;
}
.sidebar-nav .occapanel .checkboxStyling { margin-bottom:0px; padding-top: 3px; }

.advancedSearch .occapanel .checkbox-primary input[type="checkbox"] + label.ckStyle  span.labelChkRdo { font-weight: 300; padding: 0 0 0 25px;margin:0; }

.centerAlign { width:30%; margin:0 auto; padding: 10px 0; }
.blueBg { background:#05b2b6;}

/* Modal - Search Not Available */
#SearchNotAvailable { text-align:center; }
#SearchNotAvailable button.close { margin-top: 1px; padding: 0px 10px 0px 0px; }
#SearchNotAvailable .modal-body { padding: 0px 15px 15px 14px;margin-top: 15px }
#SearchNotAvailable .modal-body  h1 { color:#373a45; font-size: 170%; line-height: 127%; padding: 20px 0 15px 0; }
#SearchNotAvailable .input-group-btn {width: 40%; margin: 0px auto; display: block;}
#SearchNotAvailable .btn  { border-radius: 3px; margin:20px 0; }

/* Modal - Situation Not Available */
#situationNotAvailable { text-align:center; }
#situationNotAvailable button.close { margin-top: 1px; padding: 0px 10px 0px 0px; }
#situationNotAvailable .modal-body { padding: 0px 15px 15px 14px;margin-top: 15px }
#situationNotAvailable .modal-body  h1 { color:#373a45; font-size: 170%; line-height: 127%; padding: 20px 0 15px 0; }
#situationNotAvailable .input-group-btn {width: 40%; margin: 0px auto; display: block;}
#situationNotAvailable .btn  { border-radius: 3px; margin:20px 0; }

/* Modal - No results Available */
#noResultAvailable { text-align:center; }
#noResultAvailable button.close { margin-top: 1px; padding: 0px 10px 0px 0px; }
#noResultAvailable .modal-body { padding: 0px 15px 15px 14px;margin-top: 15px }
#noResultAvailable .modal-body  h1 { color:#373a45; font-size: 170%; line-height: 127%; padding: 20px 0 15px 0; }
#noResultAvailable .input-group-btn {width: 40%; margin: 0px auto; display: block;}
#noResultAvailable .btn  { border-radius: 3px; margin:20px 0; }

/* Modals - Get In Touch, Share Via Email, Selected Song */
#GetInTouch, #emailShare, #selectedSongs { color:#373a45; }
#GetInTouch button.close, #emailShare button.close, #selectedSongs button.close { margin-top: 14px; padding: 0px 14px 0px 0px; z-index: 1; position: absolute; right: 0; }
#GetInTouch .modal-body, #emailShare .modal-body, #selectedSongs .modal-body { padding: 0px 0 15px 0; margin-top:0px }
#GetInTouch .heading, #emailShare .heading, #selectedSongs .heading { border-radius: 5px 5px 0px 0px; background:#eff0f0; padding:15px 40px; border-bottom:1px solid #d7d8da; }
#GetInTouch .modal-body  h1, #emailShare .modal-body  h1, #selectedSongs .modal-body  h1  { color:#373a45; font-size:140%; padding:0 0 5px 0; margin:0; font-family:'OpenSansSemibold'; }
#GetInTouch .modal-body  h2, #emailShare .modal-body  h2, #selectedSongs .modal-body  h2 { color:#8c8d8f; font-size:100%; font-family: 'OpenSansRegular'; margin:0; line-height:120%; }
#GetInTouch .input-group-btn, #emailShare .input-group-btn, #selectedSongs .input-group-btn {width:40%; margin: 0px auto; display: block;}
#GetInTouch .btn, #emailShare .btn, #selectedSongs .btn { border-radius:3px; color:#fff; }
#GetInTouch .formContent,#emailShare .formContent, #selectedSongs .formContent { padding:10px 40px 0 40px; }
#GetInTouch .formContent label,#emailShare .formContent label, #selectedSongs .formContent label { color:#373a45; font-size:120%; width:100%;  }
#GetInTouch .formContent span,#emailShare .formContent span, #selectedSongs .formContent span { color:#c43838; }
#GetInTouch .formContent .input-group, #emailShare .formContent .input-group, #selectedSongs .formContent .input-group { margin-bottom:10px; width:100%; }
#GetInTouch .formContent input, #emailShare .formContent input, #selectedSongs .formContent input { border:1px solid #d7d8da; border-radius:3px; width:100%; height:40px; line-height:40px; margin-bottom:3px; padding:0 10px; }
#GetInTouch .formContent input.error,#GetInTouch .formContent textarea.error, #emailShare .formContent input.error,#emailShare .formContent textarea.error, #selectedSongs .formContent input.error,#selectedSongs .formContent textarea.error { border:1px solid #c43838; }
#GetInTouch .formContent span.errorMessage, #emailShare .formContent span.errorMessage, #selectedSongs .formContent span.errorMessage { color:#c43838; font-style:italic; }
#GetInTouch .formContent textarea, #emailShare .formContent textarea, #selectedSongs .formContent textarea { border:1px solid #d7d8da; width:100%; overflow:auto; resize:none; height:120px; padding:10px; margin-bottom:10px; }
#GetInTouch .formContent em, #emailShare .formContent em, #selectedSongs .formContent em { font-style:normal; display:inline-block; padding:10px 0; }
#GetInTouch .heading a, #emailShare .heading a , #selectedSongs .heading a { display:block; color:#05b2b6; font-family: 'OpenSansSemibold'; }
#emailShare .icon-email { padding:0px; position:absolute; top:30px; left:10px; z-index:2; font-size:20px; color:#d7d8da; padding:0; }
#emailShare .formContent .email input { margin-bottom:10px; width:100%; padding:0 10px 0 35px; }

/* Modal - Thank You */
#thankYou { text-align:center; }
#thankYou button.close { margin-top: 1px; padding: 0px 10px 0px 0px; }
#thankYou .modal-body { padding: 0px 15px 15px 14px;margin-top: 15px }
#thankYou .modal-body  h1 { color:#373a45; font-size: 190%; line-height: 127%; padding: 20px 0 0 0; font-family: 'OpenSansSemibold'; margin: 0; }
#thankYou .modal-body  h2 { color:#373a45; font-size:120%; line-height:150%; font-family: 'OpenSansSemibold'; margin: 0px; }
#thankYou .input-group-btn {width: 40%; margin: 0px auto; display: block;}
#thankYou .btn  { border-radius: 3px; margin:40% 0px 10% 0; }

/* Modal - Email Sent */
#emailSent { text-align:center; }
#emailSent button.close { margin-top: 1px; padding: 0px 10px 0px 0px; }
#emailSent .modal-body { padding: 0px 15px 15px 14px;margin-top: 15px }
#emailSent .modal-body  h1 { color:#373a45; font-size: 190%; line-height: 127%; padding:10% 0 0 0; font-family: 'OpenSansSemibold'; margin: 0; }
#emailSent .input-group-btn {width:40%; margin: 0px auto; display: block; }
#emailSent .btn  { border-radius: 3px; margin:10% 0px 10% 0; text-transform:uppercase; }

#NosongSelect { text-align:center; }
#NosongSelect button.close { margin-top: 1px; padding: 0px 10px 0px 0px; }
#NosongSelect .modal-body { padding: 0px 15px 15px 14px;margin-top: 15px }
#NosongSelect .modal-body  h1 { color:#373a45; font-size: 190%; line-height: 127%; padding:10% 0 0 0; font-family: 'OpenSansSemibold'; margin: 0; }
#NosongSelect .input-group-btn {width:40%; margin: 0px auto; display: block; }
#NosongSelect .btn  { border-radius: 3px; margin:10% 0px 10% 0; text-transform:uppercase; }

/*orange / purple btn S*/
.filterSearch #custom-search-input .token.orange, .tokenStyling .tokenfield .token.orange,
#checkedValues span.orange{
	background: #e98841;
	color: #fff;
	 border-color:#e98841;
}
.filterSearch #custom-search-input .token.purple, .tokenStyling .tokenfield .token.purple,
#checkedValues span.purple{
	background: #7f67d5;
	color: #fff;
	 border-color:#7f67d5;
}
.moodBox .btn-input .btn.form-control.orangeBtn{
	background: #ba4a00;
	color: #fff;
}
.moodBox .btn-input .btn.form-control.orangeBtn span,
.moodBox .btn-input .btn.form-control.purpleBtn span{
	color: #fff;
}
.moodBox .btn-input .btn.form-control.orangeBtn .downArrow_ico,
.moodBox .btn-input .btn.form-control.purpleBtn .downArrow_ico {
    color: #fff;
    background: transparent url(../images/sprite_ico.png) no-repeat scroll -32px -9px;
}

.moodBox .btn-input .btn.form-control.purpleBtn{
	background: #d4ac0d;
	color: #fff;
}
/*orange / purple btn E*/
@media(max-width:900px) {
	.contentArea {
	    width: 90%;
	}
}
.ajaxLoader{
position: fixed;
left: 50%;
top: 45%;
z-index: 100;
}

.ajaxLoaderBg{
border-radius: 6px;
padding: 14px;
filter: alpha(Opacity=80);
opacity: 0.8;
transition-delay: 21;
-webkit-transition: background 2s ease-in;
-moz-transition: background 2s ease-in;
-ms-transition: background 2s ease-in;
-o-transition: background 2s ease-in;
transition: background 2s ease-in;
display: block;
width: 80px;
height:80px;
}
.gradient2BoxContainer{
background: #01adb2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxYWRiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGJmNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #01adb2 0%, #7dbf41 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01adb2), color-stop(100%,#7dbf41)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #01adb2 0%,#7dbf41 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #01adb2 0%,#7dbf41 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #01adb2 0%,#7dbf41 100%); /* IE10+ */
background: linear-gradient(to bottom,  #01adb2 0%,#7dbf41 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01adb2', endColorstr='#7dbf41',GradientType=0 ); /* IE6-8 */
}

.gradientBlackGray{
background: #585a68; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NWE2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzU4NWE2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTNmNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #585a68 0%, #585a68 65%, #3e3f49 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585a68), color-stop(65%,#585a68), color-stop(100%,#3e3f49)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #585a68 0%,#585a68 65%,#3e3f49 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #585a68 0%,#585a68 65%,#3e3f49 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #585a68 0%,#585a68 65%,#3e3f49 100%); /* IE10+ */
background: linear-gradient(to bottom,  #585a68 0%,#585a68 65%,#3e3f49 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585a68', endColorstr='#3e3f49',GradientType=0 ); /* IE6-8 */
}
.ajaxLoaderImg{
position: absolute;
z-index: 11;
top: 12px;
left: 7px;
}

button.close{  font-size: 26px !important; opacity:1 !important;}

.tooltip-inner { background-color: #05B2B6 !important; padding:10px !important; font-size:14px !important; opacity:1 !important; }
.tooltip.top .tooltip-arrow { border-top-color: #05B2B6 !important; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #05B2B6 !important; }

.tooltip.in {
  filter: alpha(opacity=100) !important;
  opacity: 1!important;
}

/* scroll area -> additional borders and backgrounds */
.advancedSearch .resultPageAccordian .panel-collapse { padding:0px 10px; }
.advancedSearch .resultPageAccordian .checkboxStyling { border-bottom:none;}
.advancedSearch .resultPageAccordian .checkboxStyling .checkboxStyling  { border:none; }
.advancedSearch .resultPageAccordian .panel-group .ckStyle { padding:2px 0; line-height:20px; display:block; cursor:pointer; }
.advancedSearch .resultPageAccordian .panel-group .checkboxStyling .checkboxStyling  .ckStyle { padding:2px 0; border-bottom:none; }
.advancedSearch .resultPageAccordian .panel-group .checkboxStyling .ckStyle { position: relative; z-index: 2; width:100%; margin: 0 auto; padding:0; }
.advancedSearch .resultPageAccordian .panel-group .accordion-inner { background:none; position: relative; margin-top:0; padding:0 !important; transition:background 2s ease-in;}
.advancedSearch .checkboxStyling { margin-bottom:2px; }

.sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle::before, .sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle::after  { margin-top:5px;}
.advancedSearch .sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle::before, .advancedSearch .sidebar-nav .occapanel .panel-collapse .checkboxStyling .ckStyle::after  { margin-top:0px;  }

.resultPageAccordian.sidebar-nav .situationSclrArea .scrollArea{ max-height:350px; margin-bottom: 5px; }
.resultPageAccordian.sidebar-nav .occassionScrlArea .scrollArea{ max-height:187px; }

.blue { background:#839192; }
.moodBox .btn-input .btn.form-control:hover.blue, .moodBox .btn-input .btn.form-control:focus.blue  { background:#839192; }
.moodBox .btn-input .btn.form-control.blue span:first-child { color:#fff; }
.moodBox .btn-input .btn.form-control.blue .downArrow_ico  { color:#fff; background:transparent url("../images/sprite_ico.png") no-repeat scroll -32px -9px; }
#checkedValues span.blue { background:#60c8bd; color:#FFFFFF; border-radius: 2px;}
#checkedValues span.blue a.close{  color:#FFFFFF; opacity:0.7 }
.filterSearch #custom-search-input .token.blue, .tokenStyling .tokenfield .token.blue { background:#60c8bd; color:#FFFFFF; border-radius: 5px; border-color:#60c8bd;}
.filterSearch #custom-search-input .token.blue .close, .tokenStyling .tokenfield .token.blue .close{  color:#FFFFFF; opacity:0.7;line-height: 35px; }

.turquoise { background:#2471a3; }

.categories-button {
    background: #ca6f1e;
}


.moodBox .btn-input .btn.form-control:hover.turquoise, .moodBox .btn-input .btn.form-control:focus.turquoise { background:#2471a3; }
.moodBox .btn-input .btn.form-control.turquoise span:first-child { color:#fff; }
.moodBox .btn-input .btn.form-control.turquoise .downArrow_ico  { color:#fff; background:transparent url("../images/sprite_ico.png") no-repeat scroll -32px -9px; }
#checkedValues span.turquoise { background:#e9c04c; color:#FFFFFF; border-radius: 2px;}
#checkedValues span.turquoise a.close{  color:#FFFFFF; opacity:0.7 }
.filterSearch #custom-search-input .token.turquoise, .tokenStyling .tokenfield .token.turquoise { background:#e9c04c; color:#FFFFFF; border-radius: 5px; border-color:#e9c04c;}
.filterSearch #custom-search-input .token.turquoise .close, .tokenStyling .tokenfield .token.turquoise .close { color:#FFFFFF; opacity:0.7;line-height: 35px; }

.resultsImg, .resultsPlayBtn, .listingTxtArea { float:left; margin:0 10px; }
.resultCheck,.tagSelect { float:right; margin:0 2px; }
.resultCheck { width: 4%; margin-right: 10px;}
.tagSelect {width: 88%;}
.arrw { position: absolute; top: 5px; right: 0; height: 10px; width: 10px;}
.resultsImg img{ height:50px; width:50px;}
.col-xs-6, .col-xs-5, .col-md-3 { padding-right: 0 !important; padding-left: 0 !important;}
.col-sm-6, .col-sm-12{ padding-right: 8px !important; padding-left: 8px !important;}

.customAddField .col-sm-8{padding-left: 0;margin-bottom: 15px;}
.customAddField .col-sm-4{padding-right: 0;}
a:focus { outline:none;}

.titArea a {color:#00b0b5;border-bottom:1px solid #00b0b5; text-decoration:none; transition:0.4s ease-in all;}
.titArea a:hover { color:#000; border-bottom:1px solid #000; }

.resultPageAccordian.sidebar-nav .socialScroll .scrollArea {
    min-height: 31px;
    max-height:80px;
    height: auto;
}

/* --------------sticky footer-------------- */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#wrapper {
  min-height: 100%;
  /* equal to footer height */
	margin-bottom: -75px; margin-top:0 !important;
}
#wrapper:after {
  content: "";
  display: block;
}
.footer, #wrapper:after {
  /* .push must be the same height as footer */
	height: 75px;
}
#sidebar-wrapper { top: 80px; }
#sidebar-wrapper-right { top: 80px; z-index: 1001 !important;}
#page-content-wrapper { padding: 80px 0px 0 0!important;; }

/*responsive*/
.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
  line-height: initial;
}
.listingTxtArea .subTitle {
    margin-top: 0;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
	display: block;
}
button.close{  font-size: 26px !important; opacity:1 !important;}
	.listingTxtArea{max-width: 50%;}

.closePop {
    display: none;
    position: absolute;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    right: 0;
    background: #000;
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 20px;
    text-align: center;
    border-radius: 61px;
    border: 3px solid #ffffff;
    top: 4px;
    right: 4px;
		cursor: pointer;
}

@media (min-width: 900px){
	.navbar-toggle {
	    display: none;
	}
}
@media (min-width: 320px) and (max-width: 480px){
	body{
	/*	background: #232a3a url('../images/bg_240.jpg') no-repeat center center fixed; */
	background: #232a3a url('../images/bg.png') no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
			background-position: top;
			background-attachment: fixed;
	}
	body.innerBg{
			background: #232a3a url('../images/innerSearchBg_240.jpg') no-repeat center center fixed;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
				background-position: top;
				background-attachment: fixed;
		}
		.advancedSearch .closePop{display: block;}
		.advancedSearch {margin-top: -106px;}
	  .header .navbar-brand>img{height: 38px}
	  .header .titleLogo{margin-top: 7px;}
	  .titleLogo .titNam{font-size: 13px;}
	  .header .navbar-brand{
  	    margin-top: 23px;
  	    position: absolute;
  	    width: 100%;
  	    left: 0;
  	    padding: 0 20px;
  	    text-align: center;
  	    float: none;
	  }
    .navbar-toggle{margin-right: 0;}
		.footer, #wrapper:after {height: auto;}
		#wrapper{padding-bottom: 100px;}
    .moodBox .col-sm-6{margin-bottom: 15px;}
    .navbar-fixed-bottom.hme, .navbar-fixed-top.hme{position: relative;height: auto;}

.middleContainer {
	transform: translate(0,0);
	position: relative;
	top:0;
	margin: 0 auto;
	left:0;
}
.listingTxtArea {
    max-width: 52%;
}
.resultContainerListing {
    padding: 0 10px 15px;
}
#resultPageTitle.scrollTitle {
    padding: 0 10px;
    left: 0;
}
.resultContainerListing .pageTitle .rightCont {
    padding: 0 0 6px 0;
}
.toggledRight #resultPageTitle.scrollTitle {
    left: -260px;
}
.toggled #resultPageTitle.scrollTitle {
    left: 260px;
}
.header .rightMenu {
    margin: 17px 0 0 0;
}
.filterSearch #custom-search-input .input-group-btn {
    top: 7px;
}
.listingResult .col-xs-7{padding: 0;width: 100%;}
.listingResult .col-xs-5{width: 100%;}

		.header .collapse.in {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.header .collapse.in .navbar-nav {
			margin: 0;
		}

		.header .collapse.in  .navbar-nav>li {
			height: auto;
			line-height: inherit;
			text-align: center;
			margin-top: 0;
			padding: 5px;
			border: 0;
			display: block;border-bottom: 1px solid #373738;
		}
		.navbar-default .navbar-nav>li>a{text-transform: uppercase;font-size: 110%;}
		.header .collapse.in .icon-home-outline{display: none;}
		.header .navbar-nav > li > a.link {
	    padding: 0px;
	    color: #00acd0;
	    font-size: 110%;
		}
		.header .collapse.in .navbar-nav, .header .collapse.in .navbar-right {
	    float: none !important;
			display: block;
			width: auto;
		}
		.navbar-header .navbar-toggle{
			z-index: 1;
		}
		.bigTitle {
    	font-size: 160%;
		}
		.resultContainerListing .pageTitle .buttonStyl {
    margin: 5px 0 0;
    font-size: 12px;
    padding: 2px 5px;
	}
	#resultPageTitle .infoAreaBotBox .titArea {
    font-size: 13px;
    font-weight: 400;
    color: #373a49;
    text-align: right;
    line-height: 21px;
    padding:0 10px;
	}
	#resultPageTitle .infoAreaBotBox .titArea a{
    display: inline-block;
	}
	#resultPageTitle .infoAreaBotBox {
    padding: 0 0 6px;
    font-size: 15px;
	}
	.listingTxtArea .title, .listingTxtArea .title a {
    font-size: 110%;
	}
	.copyRightBot .copyFooterTxt {
    padding:0 2%;
	}
	.copyFooterTxt a {
    color: #ffffff;
    padding-right: 0;
    margin-right: 0;
    font-size: 106%;
    border-left: 1px solid #0C0B0B;
    border-right: 1px solid #333232;
    display: inline-block;
    width: 33%;
    text-align: center;
    float: left;
	}
	.copyRghtLnk{padding:0; padding-top: 10px;text-align: center; margin: 0;}
}

@media (min-width: 480px) and (max-width: 640px){
	body{
		background: #232a3a url('../images/bg.png') no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
			background-position: top;
			background-attachment: fixed;
	}

	body.innerBg{
			background: #232a3a url('../images/innerSearchBg_640.jpg') no-repeat center center fixed;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
				background-position: top;
				background-attachment: fixed;
		}
#resultPageTitle.scrollTitle {
    padding: 0 10px;
    left: 0;
}
.resultContainerListing .pageTitle .rightCont {
    padding: 0 0 6px 0;
}
	.header .rightMenu {
	    margin: 17px 0 0 0;
	}
	.resultContainerListing {
    padding: 10px 10px;
	}
		.advancedSearch {margin-top: -96px;}
.moodBox .col-sm-6{margin-bottom: 15px;}
	.resultCheck {
    width: auto;
	}
	.listingTxtArea {
	    max-width: 55%;
	}
.listingResult .col-xs-7{padding: 0;width: 100%;}
.listingResult .col-xs-5{width: 100%;}
	.advancedSearch {
    margin-top: -50%;
	}
	.moodBox .col-sm-6{margin-bottom: 15px;}
	.advancedSearch .closePop{display: block;}
	.middleContainer {
		transform: translate(0,0);
		position: relative;
		left:0;
		margin: 0 auto;
	}
	.boxContainerHome {
    height: inherit;
    top: 0;
		padding-bottom: 20px;
	}
	.navbar-fixed-bottom.hme, .navbar-fixed-top.hme{position: relative;height: auto;}

	.header .collapse.in {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.header .collapse.in .navbar-nav {
		width: auto;
		margin: 0;
	}

	.header .collapse.in .navbar-right {
		display: inline-block;
	}

	.header .collapse.in  .navbar-nav>li {
		height: auto;
		line-height: inherit;
		text-align: center;
		margin-top: 0;
		padding: 5px;
		border: 0;
		display: block;
	}

	.header .collapse.in {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.header .collapse.in .navbar-nav {
		margin: 0;
	}

	.header .collapse.in  .navbar-nav>li {
		height: auto;
		line-height: inherit;
		text-align: center;
		margin-top: 0;
		padding: 5px;
		border: 0;
		display: block;border-bottom: 1px solid #373738;
	}
	.navbar-default .navbar-nav>li>a{text-transform: uppercase;font-size: 110%;}
	.header .collapse.in .icon-home-outline{display: none;}
	.header .navbar-nav > li > a.link {
    padding: 0px;
    color: #00acd0;
    font-size: 110%;
	}
	.header .collapse.in .navbar-nav, .header .collapse.in .navbar-right {
    float: none !important;
		display: block;
	}
	.navbar-header .navbar-toggle{
		z-index: 1;
	}
	.listingTxtArea .title, .listingTxtArea .title a {
    font-size: 110%;
	}
	.copyRightBot .copyFooterTxt {
    padding:0 2%;
	}
	.copyFooterTxt a {
    color: #ffffff;
    padding-right: 0;
    margin-right: 0;
    font-size: 106%;
    border-left: 1px solid #0C0B0B;
    border-right: 1px solid #333232;
    display: inline-block;
    width: 33%;
    text-align: center;
    float: left;
	}
	.copyRghtLnk{padding-top: 10px;text-align: center; margin: 0;}
}
@media (min-width: 640px) and (max-width: 900px){
.navbar-toggle {display: block;}
#resultPageTitle.scrollTitle {
    padding: 0 10px;
    left: 0;
}
.resultContainerListing .pageTitle .rightCont {
    padding: 0 0 6px 0;
}
.advancedSearch {margin-top: -96px;}
.advancedSearch .closePop{display: block;}
.moodBox .col-sm-6{margin-bottom: 15px;}
.listingTxtArea {
    max-width: 55%;
}
	.header .rightMenu {
    margin: 18px 0 0 0;
}
#resultPageTitle .infoAreaBotBox .titArea{padding: 0 10px;}
.listingResult .col-xs-7{padding: 0;width: 70%;}
.listingResult .col-xs-5{width: 30%;}
.listingResult .tagSelect {width: 79%;}
.navbar-fixed-bottom.hme, .navbar-fixed-top.hme{position: relative;height: auto;}
	.middleContainer {
		transform: translate(0,0);
		position: relative;
		left:0;
		margin: 0 auto;
	}
	*{font-size: 100%;}
	.contentArea {
	    width: 90%;
			position: relative;
	}
	.header .collapse.in {
    width: 100%;
		margin: 0;
	}

	.header .collapse.in  .navbar-nav>li {
    height: auto;
    line-height: inherit;
    text-align: center;
		margin-top: 0;
		padding: 5px;
		border: 0;
		display: block;
	}
	.header .collapse.in {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.header .collapse.in .navbar-nav {
		margin: 0;
		width: auto;
	}

	.header .collapse.in  .navbar-nav>li {
		height: auto;
		line-height: inherit;
		text-align: center;
		margin-top: 0;
		padding: 5px;
		border: 0;
		display: block;border-bottom: 1px solid #464444;
	}
	.navbar-default .navbar-nav>li>a{text-transform: uppercase;font-size: 110%;}
	.header .collapse.in .icon-home-outline{display: block; margin-top: 6px;}
		.header .collapse.in .icon-home-outline{display: none;}
	.header .navbar-nav > li > a.link {
		padding: 0px;
		color: #00acd0;
		font-size: 120%;
	}
	.navbar-header .navbar-toggle{
    z-index: 1;
	}
	.listingTxtArea .title, .listingTxtArea .title a {
    font-size: 120%;
	}
	.copyRightBot .copyFooterTxt {
    padding:0 2%;
	}
	.copyFooterTxt a {
    color: #ffffff;
    font-size: 100%;
	}
}
@media (min-width: 768px) and (max-width: 950px){

.header .collapse.in{float: left;}
.header .collapse.in .navbar-nav>li{float: left;border-bottom: 0;}
.advancedSearch .closePop{display: block;}
	.header .collapse.in .navbar-nav {
		float:left !important;
		width: auto;
		margin: 0;
	}
	.moodBox .col-sm-6 {
	    margin-bottom: 0;
	}
	.header .collapse.in .navbar-right {
		float:right !important;
		width: auto;
	}
	.copyRightBot .copyFooterTxt {
    padding:0 2%;
	}
	.copyFooterTxt a {
    color: #ffffff;
    font-size: 110%;
	}
	.header .collapse.in .icon-home-outline{display: inline-block; margin-top: 0;}
}


/*Patent page css start*/
#wrapper.patentPage {width: 80%; margin: 0 auto 30px;padding: 0;margin-top: 138px !important}
.patentLink{margin-left: 10px;}
.patentLink .glyphicon{font-size: 90%}
.patentPage .formAreaBox{padding: 20px;}

.patentPage .form-control {
    display: block;
    width: 100%;
    height: 42px;
    font-size: 16px;
		border-radius: 2px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	}
.patentPage textarea.form-control{height: 70px}
/* Required field START */

.patentPage .required-field-block {
    position: relative;
}

.patentPage .required-field-block .required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #ffc0c0;
    border-color: #ffc0c0;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    font-size: 75%;
}

.patentPage .required-field-block .required-icon {
    background-color: transparent;
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 10;
    margin: 0em;
    width: 20px;
    height: 20px;
    padding: 0em;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.patentPage .required-field-block .required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0em;
    height: 0em;
    border-top: 0em solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.patentPage .required-field-block .required-icon .text {
    color: #B80000;
    font-size: 15px;
    margin: 0 0 0px 9px;
    position: relative;
    top: -1px;
    right: 1px;
}
.patentPage .checkbox label:after,
.patentPage .radio label:after {
    content: '';
    display: table;
    clear: both;
}


.patentPage .checkbox .cr,
.patentPage .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    margin-right: .5em;
}

.patentPage .radio .cr {
    border-radius: 50%;
}

.patentPage .checkbox .cr .cr-icon,
.patentPage .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.patentPage .radio .cr .cr-icon {
    margin-left: 0.04em;
}

.patentPage .checkbox label input[type="checkbox"],
.patentPage .radio label input[type="radio"] {
    display: none;
}

.patentPage .checkbox label input[type="checkbox"] + .cr > .cr-icon,
.patentPage .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.patentPage .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.patentPage .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.patentPage .checkbox label input[type="checkbox"]:disabled + .cr,
.patentPage .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/* Required field END */
.patentPage .checkbox a {
    position: relative;
		top:-4px;
		color:#05b2b6
}
.patentPage .enterOtp{color:#ffffff; width: 50%}
.patentPage .enterOtp input{color:#242424; }
.patentPage .checkbox a:hover{color:#ffffff}
.patentPage .patentBtn{    padding: 8px 16px; font-size: 18px; background: #05b2b6; border:1px solid #05b2b6;color:#ffffff}
.patentPage .patentBtn:disabled{   background: #8a8a8a; border:1px solid #8a8a8a;color:#585757}
.patentPage .patentBtn:hover{background: #05b2b6;}
.patentPage .error{color:red;}
.patentPage .table{color:#ffffff;border-collapse: collapse;}
.patentPage #change{display: block;margin:10px 0;}
.patentModal .modal-content{color:#2a2a2a; text-align: center;}

/* .patentPage .pctContainer td{border:0 !important;padding: 0 !important;} */
.patentPage .table .table{background: none;}
.patentPage .table>tbody>tr>td,
.patentPage .table>tbody>tr>th,
.patentPage .table>tfoot>tr>td,
.patentPage .table>tfoot>tr>th,
.patentPage .table>thead>tr>td,
.patentPage .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ffffff;
}
.patentPage .table .table>tr>td{border-color:#ffffff;}

/*Vendor and Customer*/
select.form-control {
	  display: inline-block;
	  box-sizing: border-box;
	  padding: 0.5em 2em 0.5em 0.5em;
	  border: 1px solid #eee;
	  font: inherit;
	  line-height: inherit;
	  appearance: none;
	  background-repeat: no-repeat;
	  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	  background-position: right 15px top 1em, right 10px top 1em;
	  background-size: 5px 5px, 5px 5px;
	}

.padLR8{padding: 0 8px !important}

.vendCustPage .customAddFieldBox{}
.vendCustPage .customAddField{position: relative;}
.vendCustPage .customAddField .customSelectField{padding-left: 0;}
.vendCustPage .customSelectField .form-control{ padding-right: 20px; }
.vendCustPage .col2CustInput{padding-bottom: 15px;}
.vendCustPage .uploadCss{margin: 10px 0 0;padding: 0 !important;}
.vendCustPage .uploadInfoTxt{font-size: 12px; color:rgba(255,255,255,0.8)}
.vendCustPage .input-group-btn{background: #337ab7}
.vendCustPage .addField {
    position: absolute;
    right: -15px;
    top: 6px;
    width: 20px;
    height: 20px;
		font-size: 20px;
		color:#99ca3c;
		cursor: pointer;
	}
.vendCustPage .removeField{
	color:#9e9696;
}
.customAddArea_js .customAddField_js{
	margin: 5px 0;
}
.form-group span.oldfile, .form-group span.oldfile a{
    float: right;
    font-size: 12px;
    color: #7fc241;
    font-weight: bold;
}
.checkbox label, .radio label{padding-left: 0;}
@media(max-width:768px) {
  .patentPage .formAreaBox{padding: 10px;}
	#wrapper.patentPage .navbar-fixed-top.hme{position: absolute !important; }
	#wrapper.patentPage{width: 100%; margin-top: 20px !important}
	.patentPage .enterOtp{color:#ffffff; width: 100%}
	.vendCustPage .customAddField .customSelectField{padding-left: 15px;}
  .vendCustPage .customAddField .customSelectField, .vendCustPage .customAddField .customInputField{padding: 0 !important;}
  .form-group span.oldfile, .form-group span.oldfile a{
      font-size: 12px;
      color: #7fc241;
      font-weight: bold;
      display: contents;
      word-break: break-all;
  }
}


/** Pagination**/
#content .pagination{
	text-align: right;
	margin: 10px -7px 10px 10px;
	/*[empty]border:;*/
}
#content .pagination a{
	display: inline-block;
	height: 20px;
	/*width: 20px;*/
	line-height: 20px;
	margin: 0 1px 0 0;
	/*border: 1px solid #DAD9D9;*/
	text-align: center;
	text-decoration: none;
	color: #646161;
	/*+border-radius:3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	padding:2px;
}
#content .pagination a.next, #content .pagination a.prev{
	border: 1px solid #FFFFFF;
}
#content .pagination a.current, #content .pagination a:hover{
	background: url(img/buttons.html) left -68px;
	border: 1px solid #3580A9;
	/*+text-shadow:0px -1px 0px #2C6AA3;*/
	-moz-text-shadow: 0px -1px 0px #2C6AA3;
	-webkit-text-shadow: 0px -1px 0px #2C6AA3;
	-o-text-shadow: 0px -1px 0px #2C6AA3;
	text-shadow: 0px -1px 0px #2C6AA3;
	color: #D4E6EF;
	font-weight: bold;
}
#content .pagination a.next:hover, #content .pagination a.prev:hover{
	background: none;
	/*+text-shadow:none;*/
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	color: #646161;
	font-weight: normal;
	border-color: #F7F7F7;
}
/** Pagination**/