/**!
 * @project         RS Framework
 * @version         3.9.9
 * @date            01/08/2012
 * @last update     24/06/2016
 * @autor           Rogerio Saraceni
 *
*/

/**============================================================================
 * BASE		   - @section base
 * STRUCTURE   - @section structure
 * ELEMENTS	   - @section elements
 * PLUGINS     - @section plugins
============================================================================**/





/**============================================================================
 * BASE
 *
 * normalize
 * html5-boilerplate
 * box-size
 * clear/clearfix
 * base
 * tipografia
 * links
 * classes auxiliares
 *
 * @section base
*/

/**----------------------------------------------------------------------------
 * normalize
 *
 * normalize.css v3.0.3 | MIT License | http://necolas.github.io/normalize.css/
 *
 * @section base
*/

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em
40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,
html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],
html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px
solid #c0c0c0;margin:0
2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/**----------------------------------------------------------------------------
 * html5-boilerplate
 *
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
 *
 * @section base
*/

html{color:#222;font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em
0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media only screen and (min-width: 35em){}@media print,
(min-resolution: 1.25dppx),
(min-resolution: 120dpi){}@media
print{*,*:before,*:after,*:first-letter,*:first-line {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px
solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}


/**----------------------------------------------------------------------------
 * box-size
 *
 * aplica em todo elementos
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 *
 * @section base
*/

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
}


/**----------------------------------------------------------------------------
 * clear/clearfix
 *
 * @section base
*/

.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

.clearfix:before,
.clearfix:after{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.clearfix:after{ clear:both;}
.clearfix      { zoom:1;}


/**----------------------------------------------------------------------------
 * GLOBAL
 *
 * @section base
*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
}
html               { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img                { border: none; vertical-align: middle; height: auto;}
fieldset   		   { border: 0;}
textarea           { resize: vertical;}

/*dl,menu,ol,ul,li,dd{ margin: 0; padding: 0;}*/
ul li, ol li{ list-style-position: inside;}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size  : inherit;
	line-height: inherit;
}

/* Correct IE9 overflow*/
svg:not(:root) { overflow: hidden;}

::-moz-selection,
::selection {
	text-shadow: none;
	color: #fff;
	background: #EB4B31;
}

hr{
	margin-top   : 20px;
	margin-bottom: 20px;
	border       : 0;
	border-top   : 1px solid #eee;
	clear        : both;
}


/**----------------------------------------------------------------------------
 * tipográfia
 *
 * @section base
*/

h1,h2,h3,h4,h5,h6{
	font-weight: 500; 
	margin-bottom: 10px;
}

h1{ font-size: 36px; line-height: 36px;}
h2{ font-size: 30px; line-height: 30px;}
h3{ font-size: 24px; line-height: 24px;}
h4{ font-size: 18px; line-height: 18px;}
h5{ font-size: 14px; line-height: 14px;}
h6{ font-size: 12px; line-height: 12px;}

small, .small { font-size: 85%;}
mark, .mark   { padding: .2em; background-color: #fcf8e3;}

p{ padding:0; margin:0 0 10px 0;}

address { margin-bottom: 20px; font-style: normal; line-height: 1.4; }

code,kbd,pre,samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd  { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); }
kbd kbd { padding: 0; font-size: 100%; box-shadow: none; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.4; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
blockquote { position: relative; background: #f9f9f9; border-left: 5px solid #ccc; margin-bottom: 10px; padding: 0.5em 10px; color: #666; font: italic 20px Arial, Helvetica, sans-serif; }
blockquote:before { color: #ccc; content: "\201C"; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
blockquote p { display: inline; }


/**----------------------------------------------------------------------------
 * LINKS
 *
 * @section base
*/

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: none;
  transition: all .20s ease-in-out;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


/**----------------------------------------------------------------------------
 * classes auxiliares
 *
 * @section base
*/

.clear-left { clear: left;}
.clear-right{ clear: right;}

.float-none { float: none;}
.float-left { float: left;}
.float-right{ float: right;}

.display-none        { display: none;}	
.display-block       { display: block;}	
.display-inline      { display: inline;}	
.display-inline-block{ display: inline-block;}	

.bold	        { font-weight: bold;}
.no-bold        { font-weight: normal;}
.center         { text-align: center;}
.text-left      { text-align: left;}
.text-right     { text-align: right;}
.text-center    { text-align: center;}
.text-justify   { text-align: justify;}
.text-nowrap    { white-space: nowrap;}
.text-lowercase { text-transform: lowercase;}
.text-uppercase { text-transform: uppercase;}
.text-capitalize{ text-transform: capitalize;}

.txt-center-all{
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    position:absolute;
    top:50%;
    left:50%;
    margin:0;
}

.img-circle{ border-radius: 50%;}

.hidden{ display: none;}

.bottom-10 { margin-bottom: 10px;}
.bottom-20 { margin-bottom: 20px;}
.bottom-30 { margin-bottom: 30px;}
.bottom-40 { margin-bottom: 40px;}
.bottom-50 { margin-bottom: 50px;}

.noBd      { border: none;}
.noBdTop   { border-top: none;}
.noBdBottom{ border-bottom: none;}
.noBdLeft  { border-left: none;}
.noBdRight { border-right: none;}

.no-radius       { border-radius: 0;}
.no-left-radius  { border-radius-left: 0;}
.no-right-radius { border-radius-right: 0;}
.no-top-radius   { border-radius-top: 0;}
.no-bottom-radius{ border-radius-bottom: 0;}

.underline { text-decoration: underline;}

.no-shadow { box-shadow:none;}

.v-align-top   { vertical-align: top;}
.v-align-middle{ vertical-align: middle;}
.v-align-bottom{ vertical-align: bottom;}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.nowrap    { white-space: nowrap }
.no-nowrap { white-space: normal;}

.word-break-all { word-break: break-all; padding: 0;}
.no-word-break  { word-break: normal;}

/* 
VIDEO HOLDER 
CSS hack for responsive videos.
@see http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
@see http://webdesignerwall.com/tutorials/css-elastic-videos
*/
.video-holder {
	position      : relative;
	display       : block;
	padding-bottom: 56.25%;
	padding-top   : 30px;
	height        : 0;
	overflow      : hidden;
}

.video-holder iframe, .video-holder object, .video-holder embed {
	position: absolute;	
	top     : 0;	
	left    : 0; 
	width   : 100%; 
	height  : 100%;
}

.opacity5{ filter : alpha(opacity=50); opacity: 0.5;}
.opacity6{ filter : alpha(opacity=60); opacity: 0.6;}
.opacity7{ filter : alpha(opacity=70); opacity: 0.7;}
.opacity8{ filter : alpha(opacity=80); opacity: 0.8;}
.opacity9{ filter : alpha(opacity=90); opacity: 0.9;}

.content-border{
    padding: 10px;
    margin : 10px 0 20px 0;
    border : 1px solid #ddd;
}










/**============================================================================
 * STRUCTURE
 * 
 * wrappers + containers
 * header
 * nav
 * footer
 * media print
 *
 * @section structure
*/

/**----------------------------------------------------------------------------
 * wrappers + containers
 *
 * @section structure
*/

.wrapper-full:before,
.wrapper-full:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.container-row:before,
.container-row:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}

.wrapper-full:after,
.container:after,
.container-fluid:after,
.container-row:after{ clear:both;}

.container,     
.container-fluid,
.container-row{ 
	position: relative; 
	margin  : 0 auto; 
}

.wrapper-full{
	position  : relative;
	width     : 100%;
	min-height: 100%;
}

.container > *{ transition: all 400ms ease-out;}

.container{
	padding-left : 15px;
	padding-right: 15px; 
}
@media (min-width: 768px) { .container{ width:750px}}
@media (min-width: 992px) { .container{ width:970px}}
@media (min-width: 1200px){ .container{ width:1170px}}

.container-fluid {
	padding-right: 15px;
	padding-left : 15px;
}


/**----------------------------------------------------------------------------
 * header
 *
 * @section structure
*/

#header{ 
	position: relative; 
	margin  : 0 auto; 
	width   : 100%;
}


/**----------------------------------------------------------------------------
 * nav
 *
 * @section structure
*/
.nav-responsivo{
	position  : relative;
	float: right;
	margin-top: 15px;
}

.nav-responsivo ul{
	list-style: none;
}

.nav-responsivo ul li{
	position: relative;
	display: inline-block;
}

.nav-responsivo ul li a{
    padding: 5px 10px;
	font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transition-delay: 0.1s;
	text-decoration: none;
    border-bottom: 1px solid transparent;
}

.nav-responsivo ul li a:hover {
    border-bottom: 1px solid #d94f5c;
}

.btn-nav-responsivo-768{ display: none;}


@media screen and (max-width:768px) {

	.nav-responsivo{ display: none;}

	a.btn-nav-responsivo-768{ 
		display: block;
		position: absolute;
	    top: 5px;
	    right: 10px;
	    color: #fff;
	    font-size: 26px;
	    cursor: pointer;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
	    transition-delay: 0.1s;
	}

	a.btn-nav-responsivo-768:hover,
	a.btn-nav-responsivo-768:focus{ 
		color: #d94f5c;
	}	

	.nav-responsivo-768{
		position  : relative;
		margin: 10px 0; 
    	padding: 10px 0;
		width: 100%;
		z-index: 1000;
		background-color: #222;
	}
	.nav-responsivo-768 ul li{
		position: relative;
	}

	.nav-responsivo-768 ul li a{
		display: block;
		width: 100%;
		margin-bottom: 5px;
	    padding: 5px 10px;
		border-bottom: 1px solid #333;
		font-size: 16px;
	    color: #fff;
	    font-weight: 400;
	    font-family: 'Raleway', sans-serif;
		text-decoration: none;
	}

	.nav-responsivo-768 ul li a:hover{
		background-color: #d94f5c;
	}
}


/**----------------------------------------------------------------------------
 * footer
 *
 * @section structure
*/

#footer{ 
	position: relative; 
	margin  : 0 auto; 
	width   : 100%;
}
#footer.footer-bottom{
	position: absolute; 
	width   : 100%; 
	bottom  : 0; 
	clear   : both;
}


/**----------------------------------------------------------------------------
 * media print
 *
 * @section structure
*/

@media print {
	.noprint{ display: none}
	#header { display: none}
	#nav    { display: none}
	#footer { display: none}
}










/**============================================================================
 * ELEMENTS
 *
 * bootstrap grid
 * 34 Responsive Grid System
 * loading
 * breadcrumb
 * mytable
 * tooltip
 * info
 * alerts
 * btns
 * tabs
 * accordion
 * progressBars
 * box-item
 * grid galeria
 * cards
 *
 * @section elements
*/

/**----------------------------------------------------------------------------
 * bootstrap grid
 *
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 *
 * @section elements
*/

.row:before,
.row:after{ content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.row:after{ clear:both;}

.row{
	position: relative; 
	margin-right: -15px;
	margin-left : -15px;
	zoom: 1;  
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position     : relative;
  min-height   : 1px;
  padding-right: 15px;
  padding-left : 15px;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}

@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}
}
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}
}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}
}


/**----------------------------------------------------------------------------
 * 34 Responsive Grid System
 *
 *	Developer	: Kemal Yılmaz
 *	URL			: http://34grid.com
 *	Version		: 1.0
 *
 * @section elements
*/

.row-grid:before,
.row-grid:after{
	content    :'.';
	display    : block;
	overflow   : hidden;
	visibility : hidden;
	font-size  : 0;
	line-height: 0;
	width      : 0;
	height     : 0;
}

.row-grid:after{ clear:both;}

.row-grid{
	position: relative; 
	margin-left : -0.50%; 
	margin-right: -0.50%; 
	zoom        : 1;
}

/* GRIDS & COMPLEMENTS */
.grid-0 {
	position     : relative;
	width        : 100%;
	margin-bottom: 0;
	display      : block;
}

.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12, 
.grid-3c,.grid-4c,.grid-5c,.grid-6c,.grid-7c,.grid-8c,.grid-9c,.grid-10c,.grid-11c,.grid-12c {
	position     : relative;
	float        : left;
	display      : block;
	margin-left  : 0.5%;
	margin-right : 0.5%;
	margin-bottom: 10px;
}

/* grid-umns (autogenerated styles) */
.grid-1{width:99%}.grid-2{width:49%}.grid-3{width:32.3333333333%}.grid-4{width:24%}.grid-5{width:19%}.grid-6{width:15.6666666667%}.grid-7{width:13.2857142857%}.grid-8{width:11.5%}.grid-9{width:10.1111111111%}.grid-10{width:9%}.grid-11{width:8.09090909091%}.grid-12{width:7.33333333333%}

/* complements (autogenerated styles) */
.grid-3c{width:65.6666666667%}.grid-4c{width:74%}.grid-5c{width:79%}.grid-6c{width:82.3333333333%}.grid-7c{width:84.7142857143%}.grid-8c{width:86.5%}.grid-9c{width:87.8888888889%}.grid-10c{width:89%}.grid-11c{width:89.9090909091%}.grid-12c{width:90.6666666667%}

/* DESKTOP, LARGE SCREENS */
@media only screen and (min-width: 1200px) {

}
@media only screen and (max-width: 1200px) {
	.grid-12 { width:15.6666666667%;}.grid-12c{ width: 82.3333333333%;}
}
@media only screen and (max-width: 1024px) {
	.grid-6{width:32.3333333333%}.grid-8{width:24%}.grid-9{width:32.3333333333%}.grid-10{width:19%}.grid-12{width:24%}.grid-6c{width:65.6666666667%}.grid-8c{width:74%}.grid-9c{width:65.6666666667%}.grid-10c{width:79%}.grid-12c{width:74%}
}
@media handheld, only screen and (max-width: 768px) {
	.grid-4{width:49%}.grid-6{width:49%}.grid-8{width:49%}.grid-9{width:99%}.grid-10{width:49%}.grid-12{width:32.3333333333%}.grid-4c{width:49%}.grid-6c{width:49%}.grid-8c{width:49%}.grid-9c{width:99%}.grid-10c{width:49%}.grid-12c{width:65.6666666667%}
}
@media handheld, only screen and (max-width: 480px) {
	.grid-2{width:99%}.grid-3{width:99%}.grid-4{width:99%}.grid-5{width:99%}.grid-6{width:99%}.grid-7{width:99%}.grid-8{width:99%}.grid-10{width:99%}.grid-11{width:99%}.grid-12{width:49%}.grid-2c{width:99%}.grid-3c{width:99%}.grid-4c{width:99%}.grid-5c{width:99%}.grid-6c{width:99%}.grid-7c{width:99%}.grid-8c{width:99%}.grid-10c{width:99%}.grid-11c{width:99%}.grid-12c{width:49%}
}
@media handheld, only screen and (max-width: 320px) {
	.container { width: 100%; max-width: 100%}
	.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-3c,.grid-4c,.grid-5c,.grid-6c,.grid-7c,.grid-8c,.grid-9c,.grid-10c,.grid-11c,.grid-12c{
		width:99%;margin-left:0;margin-right:0;
	}
}
@media handheld, only screen and (max-width: 240px) {
	
}

/* 
FLOATING PROBLEM FIXER 
Use ".skip-float" class to start from brand new lines.
Clears left of current 100% group for new 100% 
lines in same ".row" group.
@see webpage for details
*/
.skip-float { clear: left;}


/**----------------------------------------------------------------------------
 * loading
 *
 * @section elements
*/

#dvLoading{
	position           : fixed;
	z-index            : 10000;
	width              : 100%;
	height             : 100%;
	background-color   : #333;
	background-image   : url(/images/elements/loading.gif);
	background-repeat  : no-repeat;
	background-position: center center;
}


/**----------------------------------------------------------------------------
 * breadcrumb
 *
 * @section elements
*/

.breadcrumb{
	position      : relative;
	margin-top    : 10px;
	margin-bottom : 10px;
	padding-top   : 5px;
	padding-bottom: 5px;
	list-style    : none;
	border        : none;
	border-bottom : 1px solid #444;
	font          : normal 11px Arial, Helvetica, sans-serif;
}
.breadcrumb ul{ list-style: none;}

.breadcrumb ul li{ display: inline-block; zoom: 1; margin-bottom: 2px; }

.breadcrumb ul li + li:before{ padding: 0 4px; color: #8e8e8e; content: "/\00a0"; font-size: 14px; }
.breadcrumb ul li a i.icon   { margin-right: 5px; color: #8e8e8e; font-size: 16px; }
.breadcrumb ul li a          { color: #8e8e8e; }
.breadcrumb ul li a:hover i.icon{ color: #f5f5f5; }
.breadcrumb ul li a:hover       { color: #f5f5f5; text-decoration: underline; }
.breadcrumb ul li.active        { font-weight: normal; color: #ccc; }

.breadcrumb-active-big{
	position  : absolute;
	top       : 50%;
	right     : 10px;
	margin-top: -25px;
	font-size : 30px;
}
@media screen and (max-width: 768px){
    .breadcrumb-active-big{ display: none;}
}


/**----------------------------------------------------------------------------
 * mytable
 * 
 * @section elements
*/

table.myTable{
	width             : 100%;
	max-width         : 100%;
	border-spacing    : 0;
	border-collapse   : collapse;
	-webkit-box-sizing: content-box;
	-moz-box-sizing   : content-box;
	box-sizing        : content-box;
    margin-bottom     : 20px;
    background-color  : #fff;
    color             : #444;
    font              : 12px/18px Arial, Helvetica, sans-serif;	
}

table.myTable img{ vertical-align: middle;}

table.myTable th,
table.myTable td{
	vertical-align    : middle;
	-webkit-box-sizing: content-box;
	-moz-box-sizing   : content-box;
	box-sizing        : content-box;
    padding           : 5px;
    border-left       : 1px solid #cfcfcf;
    border-bottom     : 1px solid #cfcfcf;
}
table.myTable th:first-child,
table.myTable td:first-child{ border-left: none;}

table.myTable thead th,
table.myTable tfoot th{
    color           : #fff;
    font-weight     : normal;
    font-size       : 14px;
    background-color: #40484C;
}

table.myTable tbody tr:hover td,     
table.table-export tbody tr:hover td{ background-color: #FFFFCC !important;}

table.myTable tr.bd-top td,       table.myTable tr td.bd-top      { border-top:    1px solid #cfcfcf;}
table.myTable tr.bd-bottom td,    table.myTable tr td.bd-bottom   { border-bottom: 1px solid #cfcfcf;}
table.myTable tr.bd-left td,      table.myTable tr td.bd-left     { border-left:   1px solid #cfcfcf;}
table.myTable tr.bd-right td,     table.myTable tr td.bd-right    { border-right:  1px solid #cfcfcf;}

/*icones*/
table.myTable tr td i.fa{ color: #111; font-size: 18px;}

table.myTable tr td i.fa.green { color: green;}
table.myTable tr td i.fa.red   { color: red;}
table.myTable tr td i.fa.orange{ color: orange;}  

/*odd e even*/
table.table-striped tbody tr.bg-odd  { background-color:#fff;}
table.table-striped tbody tr.bg-even { background-color:#f8f8f8;}

/*Classes complementares*/

/*TR TD*/ /*TD*/
table.myTable tr.normal td,       table.myTable tr td.normal      { font-weight: normal;}
table.myTable tr.bold td,         table.myTable tr td.bold        { font-weight: bold;}

table.myTable tr.al-center td,    table.myTable tr td.al-center   { text-align: center;}
table.myTable tr.al-left td,   	  table.myTable tr td.al-left     { text-align: left;}
table.myTable tr.al-right td, 	  table.myTable tr td.al-right    { text-align: right;}

table.myTable tr.no-bd td,        table.myTable tr td.no-bd       { border:        none;}
table.myTable tr.no-bd-top td,    table.myTable tr td.no-bd-top   { border-top:    none;}
table.myTable tr.no-bd-bottom td, table.myTable tr td.no-bd-bottom{ border-bottom: none;}
table.myTable tr.no-bd-left td,   table.myTable tr td.no-bd-left  { border-left:   none;}
table.myTable tr.no-bd-right td,  table.myTable tr td.no-bd-right { border-right:  none;}

/*fixed*/
table.table-fixed{ table-layout: fixed;}

/*nowrap*/
table.table-nowrap tr th,
table.table-nowrap tr td{ white-space: nowrap;}

.container-tab-overflow{
	min-height: .01%;
	overflow-x: auto;
	margin-bottom: 20px;
}
.container-tab-overflow > .myTable{
	margin-bottom: 0;
}
@media screen and (max-width: 767px){
	.container-tab-overflow{
		width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}


/**----------------------------------------------------------------------------
 * tooltip
 *
 * @section elements
*/

#tooltip{
	position        : absolute;
	display         : none;
	padding         : 10px;
	color           : #fff;
	font            : normal 11px Arial, Helvetica, sans-serif;
	text-shadow     : none;
	text-align      : left;
	border-radius   : 2px;
	z-index         : 10000;
	background-color: #333;
	filter          : alpha(opacity=90);
	opacity         : 0.9;
}

.tooltipTitle{ font-weight: bold; color:#FF9900;}


/**----------------------------------------------------------------------------
 * info
 *
 * @section elements
*/

span.info,
span.info-blue,
span.info-red,
span.info-orange,
span.info-green{ font : normal 11px Arial, Helvetica, sans-serif;}

span.info        { color: #444444;}
span.info-blue   { color: #3C9AC9;}
span.info-red    { color: #FF0000;}
span.info-orange { color: #DD845A;}
span.info-green  { color: #239169;}


/**----------------------------------------------------------------------------
 * alerts
 *
 * @section elements
*/

.alert{
	position         : relative;
	display          : block;
	margin           : 0 0 10px 0;
	padding          : 10px;
	border-width     : 1px;
	border-left-width: 4px;
	border-style     : solid;
	font-size        : 14px;
}

.alert-success{ background:#e3ebc6; border-color:#c2d288; color:#3c763d;}
.alert-error  { background:#f9e5e6; border-color:#f7c7c9; color:#a94442;}
.alert-notice { background:#fcf7d9; border-color:#f5dc7d; color:#a18208;}
.alert-info   { background:#d8ecf5; border-color:#9ac9df; color:#31708f;}

strong i.fa{ margin-right: 5px;}

.alert a.fechar{
	position        : absolute;
	top             : 1px;
	right           : 1px;
	width           : 16px;
	height          : 16px;
	text-align      : center;
	font-size       : 11px;
	color           : #fff;
	background-color: #666;
}
.alert a.fechar:hover{ background-color: #444;}


/**----------------------------------------------------------------------------
 * btns
 *
 * @section elements
*/

.btn{
	display            : inline-block;
	margin-bottom      : 10px;
	padding            : 5px 10px;
	border-radius      : 2px;
	text-decoration    : none;
	border             : 1px solid transparent;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	text-align         : center;
	vertical-align     : top;
	white-space        : normal;
	font-size          : 13px;
	font-family        : Arial, Helvetica, sans-serif;
	cursor             : pointer;
	-webkit-user-select: none;
	-moz-user-select   : none;
	-ms-user-select    : none;
	user-select        : none;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
}

.btn:focus{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover{ cursor: pointer; text-decoration: none;}

.btn-left{
	float       : left;
	margin-left : 0;
	margin-right: 3px
}
.btn-right{
	float       : right;
	margin-left : 3px;
	margin-right: 0;
}
.btn-block{
	display: block;
	width  : 100%;
}
.btn-big{
	padding    : 10px 16px;
	font-size  : 18px;
	line-height: 1.3333333;
}

/*para btns com icone*/
.icon-btn-inline{ margin-right: 5px;}
.icon-btn-block { margin-top: 5px;}

.btn        { background-color: #e6e6e6; color: #444;}
.btn-blue   { background-color: #4aa3df; color: #fff;}
.btn-green  { background-color: #2ecc71; color: #fff;}
.btn-red    { background-color: #e74c3c; color: #fff;}
.btn-orange { background-color: #e67e22; color: #fff;}
.btn-yellow { background-color: #f1c40f; color: #fff;}
.btn-grey   { background-color: #555555; color: #fff;}
.btn-black  { background-color: #222222; color: #fff;}


/* Rectangle Out */
.btn {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn:hover, 
.btn:focus, 
.btn:active{ color: #fff;}

.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn:hover:before, 
.btn:focus:before, 
.btn:active:before { -webkit-transform: scale(1); transform: scale(1);}

.btn:before        { background-color: #c5c5c5;}
.btn-blue:before   { background-color: #2980b9;}
.btn-green:before  { background-color: #27ae60;}
.btn-red:before    { background-color: #c0392b;}
.btn-orange:before { background-color: #d35400;}
.btn-yellow:before { background-color: #f39c12;}
.btn-grey:before   { background-color: #333333;}
.btn-black:before  { background-color: #000000;}

/* racks para IE8, IE9 */
.btn:hover        { background-color: #c5c5c5\0; color: #444\0;}
.btn-blue:hover   { background-color: #2980b9\0; color: #fff\0;}
.btn-green:hover  { background-color: #27ae60\0; color: #fff\0;}
.btn-red:hover    { background-color: #c0392b\0; color: #fff\0;}
.btn-orange:hover { background-color: #d35400\0; color: #fff\0;}
.btn-yellow:hover { background-color: #f39c12\0; color: #fff\0;}
.btn-grey:hover   { background-color: #333333\0; color: #fff\0;}
.btn-black:hover  { background-color: #000000\0; color: #fff\0;}


/**----------------------------------------------------------------------------
 * tabs
 *
 * @section elements
*/

ul.tabs{ overflow: hidden; list-style:none; }

ul.tabs li{
	position     : relative;
	float        : left;
	padding      : 0;
	line-height  : 32px;
	border-top   : 1px solid #eee;
	border-right : 1px solid #eee;
	border-bottom: 1px solid #eee;
	overflow     : hidden;
	background   : #f6f6f6;
}
ul.tabs li:first-child{ border-left: 1px solid #eee; }
ul.tabs li.active     { border-bottom: 1px solid #fff; background: #fff; }

ul.tabs li a{
	padding    : 2px 16px 0 16px;
	line-height: 33px;
	color      : #333;
	font-size  :14px;
}

.tab-content-wrap{
	float        : left;
	margin-top   : -1px;
	margin-bottom: 20px;
	width        : 100%;
	border       : 1px solid #eee;
	overflow     : hidden;
}

.tab-content{ padding: 15px; font-size:12px; background: #fff; }

/*mod vertical*/

ul.tabs.vertical   { float: left; overflow: hidden; list-style:none; width:20% }

ul.tabs.vertical li{
	position   : relative;
	float      : left;
	padding    : 0;
	width      : 100%;
	line-height: 42px;
	border     : 1px solid #ddd;
	border-top : none;
	overflow   : hidden;
	background : #f6f6f6;
}
ul.tabs.vertical li:first-child{ border-top: 1px solid #ddd; }

ul.tabs.vertical li.active{
	border-bottom: 1px solid #ddd;
	border-right : none;
	background   : #FFF;
}

ul.tabs.vertical li a{
	float    : left;
	padding  : 15px;
	width    : 100%;
	color    : #333;
	font-size: 14px;
}

.tab-content-wrap.vertical{
	float     : left;
	margin-top: 0;
	overflow  : hidden;
	border    : none;
	width     : 80%
}

.tab-content-wrap.vertical .tab-content{
	padding    : 5px 10px;
	border     : 1px solid #ddd;
	border-left: none;
	font-size  : 12px;
	background : #fff;
}


/**----------------------------------------------------------------------------
 * accordion
 *
 * @name Accordion acc-rs
 * @requires jQuery
 *
 * @author Rogério Saraceni
 * @version 1.0 (07/03/2016)
 *
 * @section elements
*/

.acc-rs:before,
.acc-rs-sub:before,
.acc-rs-container:before{ content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}

.acc-rs:after,
.acc-rs-sub:after,
.acc-rs-container:after{ clear:both;}

.acc-rs,
.acc-rs-sub,
.acc-rs-container{ 
	zoom              : 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
}

.acc-rs    { position: relative; margin-bottom: 20px;}
.acc-rs-sub{ position: relative; margin-bottom: 10px;}

.acc-rs .btns-open-close-acc{
	position     : relative;
	margin-bottom: 10px;
	width        : 100%;
	list-style   : none;
	text-align   : right; 
}

.acc-rs-container{ position: relative;}

.acc-rs .acc-rs-header{
	position        : relative;
	display         : inline-block;
	width           : 100%;
	color           : #fff;
	cursor          : pointer;
	border-bottom   : 1px solid #ddd;
	background-color: #464646;
}

.acc-rs .acc-rs-header .title-acc,
.acc-rs-sub .acc-rs-header .title-acc-sub{
	display    : inline-block;
	width      : 100%;
	padding    : 10px 5px 10px 35px;
	color      : #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.acc-rs .acc-rs-header .title-acc        { font-size: 14px;}
.acc-rs-sub .acc-rs-header .title-acc-sub{ font-size: 12px;}

.acc-rs .acc-rs-header .title-acc:after,
.acc-rs-sub .acc-rs-header .title-acc-sub:after{ 
	position  : absolute;
	top       : 10px;
	left      : 5px;
	width     : 20px;
	height    : 20px;
	text-align: center;
	color     : #fff;
	font-size : 16px;
}
.acc-rs .acc-rs-header .title-acc:after,
.acc-rs-sub .acc-rs-header .title-acc-sub:after{ content: '+'; background-color: #333333;}

.acc-rs .acc-rs-header .title-acc.active:after,
.acc-rs .acc-rs-header .title-acc-sub.active:after{ content: '-'; background-color: #D52B2A;}

.acc-rs-header.acc-header-link > .title-acc,
.acc-rs-header.acc-header-link > .title-acc-sub{ width: 80%;} 

.acc-rs-header.acc-header-link > .link-acc{
	float      : right;
	display    : block;
	width      : 20%;
	padding    : 10px 5px;
	text-align : center;
	border-left: 1px solid #777;
}
.acc-rs-header.acc-header-link > .link-acc a{
    color: #ddd;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.acc-rs-header.acc-header-link > .link-acc a:hover{ color: #fff; text-decoration: underline;}

.acc-rs .content-acc,
.acc-rs-sub .content-acc-sub{
	display      :none;
	padding      : 10px;
	overflow     : hidden;
	margin-bottom: 1px;
	border       : 1px solid #eee; 
	border-top   : none; 
}
.acc-rs .content-acc		{ background-color: #f8f8f8;}
.acc-rs-sub .content-acc-sub{ background-color: #ffffff;}


/* Responsivo */
@media handheld, only screen and (max-width: 1024px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 78%;}
    .acc-rs-header.acc-header-link > .link-acc     { width: 22%;}
}
@media handheld, only screen and (max-width: 960px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 77%;}
}
@media handheld, only screen and (max-width: 786px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 76%;}
}
@media handheld, only screen and (max-width: 640px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 75%;}
}
@media handheld, only screen and (max-width: 540px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 74%;}
}
@media handheld, only screen and (max-width: 420px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 73%;}
}
@media handheld, only screen and (max-width: 320px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 72%;}
}


/**----------------------------------------------------------------------------
 * progressBar
 *
 * @section elements
*/

.meter{
    position: relative;
    margin-bottom: 10px;
    padding-left: 40px;
}
table tr td > .meter{ margin-bottom: 0;}

.meter-col-tab{ padding-left: 0;}

.meter-value{
    z-index: 10;
    position: absolute;
    width: 40px;
    height: 20px;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font: 11px/20px Arial, Helvetica, sans-serif;
    background-color: #34495e;
}

.meter > span {
    position: relative;
    display: block;
    height: 20px;
    overflow: hidden;
    background-color: #e6e6e6;
}
.meter-blue > span  { background-color: #4aa3df;}
.meter-green > span { background-color: #2ecc71;}
.meter-red > span   { background-color: #e74c3c;}
.meter-orange > span{ background-color: #e67e22;}
.meter-yellow > span{ background-color: #f1c40f;}
.meter-grey > span  { background-color: #555555;}
.meter-black > span { background-color: #222222;}


/**----------------------------------------------------------------------------
 * box-item
 *
 * @section elements
*/

.box-item-wrapper{ border-bottom: 5px solid #ddd;}

.box-item{ color: #666; margin-bottom :10px;}

.box-item p.data,  
.box-item p.titulo,
.box-item p.txt{ padding: 0 10px;}

.box-item p.data  { font-size: 12px; font-style: italic;}
.box-item p.titulo{ font-size: 18px;}
.box-item p.txt   { font-size: 12px;}

.box-item .box-img{
	position                   : relative;
	margin-bottom              : 10px;
	opacity                    : 1;
	overflow                   : hidden;
	z-index                    : 10;
	-webkit-transform          : translateZ(0);
	-moz-transform             : translateZ(0);
	-o-transform               : translateZ(0);
	-ms-transform              : translateZ(0);
	transform                  : translateZ(0);
	-webkit-backface-visibility: hidden;
}
.box-item .box-img:hover{ cursor:pointer;}

.box-item .box-img img {
    width            : 100%;
    height           : auto;
    transition       : all .3s ease-out;
}

.box-item .box-img:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform   : scale(1.2, 1.2);
    -o-transform     : scale(1.2, 1.2);
    -ms-transform    : scale(1.2, 1.2);
    transform        : scale(1.2, 1.2);
}

.box-item .hover-mask {
    position          : absolute;
    padding           : 0;
    width             : 100%;
    height            : 100%;
    top               : 0;
    left              : 0;
    text-align        : center;
    opacity           : 0;
    filter            : alpha(opacity=0);
    transition        : all 0.3s ease-out;
}

.box-item:hover .hover-mask {
	background       : #EA634C;
	opacity          : .75;
	filter           : alpha(opacity=75);
}

.box-item .hover-mask i{
	margin-top        : 20%;
	color             : #fff;
	font-size         : 40px;
	opacity           : 0;
	filter            : alpha(opacity=0);
	-webkit-transform : translateY(100px);
	-moz-transform    : translateY(100px);
	-o-transform      : translateY(100px);
	-ms-transform     : translateY(100px);
	transform         : translateY(100px);
	transition        : all 0.5s ease-out;
}
.box-item:hover .hover-mask i {
	opacity          : 1.0;
	filter           : alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform   : translateY(0);
    -o-transform     : translateY(0);
    -ms-transform    : translateY(0);
    transform        : translateY(0);
}

.box-item .hover-mask h2{
	margin-top        : 10px;
	color             : #fff;
	font-size         : 20px;
	opacity           : 0;
	filter            : alpha(opacity=0);
	-webkit-transform : translateX(-500px);
	-moz-transform    : translateX(-500px);
	-o-transform      : translateX(-500px);
	-ms-transform     : translateX(-500px);
	transform         : translateX(-500px);
	transition        : all 0.5s ease-out;
}
.box-item:hover .hover-mask h2 {
	opacity          : 1.0;
	filter           : alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform   : translateX(0);
    -o-transform     : translateX(0);
    -ms-transform    : translateX(0);
    transform        : translateX(0);
}


/**----------------------------------------------------------------------------
 * grid galeria
 *
 * @section elements
*/

.container-grid-galeria{ 
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%;
}
.container-grid-galeria.grid-galeria-2 .grid-galeria{ width: 47.5%;}  /* this value + 2.5 should = 50% */
.container-grid-galeria.grid-galeria-3 .grid-galeria{ width: 30.83%;} /* this value + 2.5 should = 33% */
.container-grid-galeria.grid-galeria-4 .grid-galeria{ width: 22.5%;}  /* this value + 2.5 should = 25% */


.grid-galeria{
	text-align: center;
    display: inline-block;
    padding: 10px;
    margin: 0 0 2.5% 2.5%;
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;       
}

.grid-galeria h3{ 
	margin: 5px 0;
	text-align: left;
	font-weight: bold; 
	font-size: 16px; 
}
.grid-galeria p {
	text-align: left;
	font-size: 12px;
}


@media (max-width: 480px) {
    .container-grid-galeria {
        margin-left: 0;
    }
    .container-grid-galeria .grid-galeria{
        width: 100% !important; /* over-ride all li styles */
        margin: 0 0 20px;
    }
}


/**----------------------------------------------------------------------------
 * cards
 *
 * @section elements
*/

.card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
}

.card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
}

@media (min-width: 544px){
    .card-deck .card {
        display: table-cell;
        width: 1%;
        vertical-align: top;
    }
}
.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    color: #666;
}

.card-img-top { border-radius: .25rem .25rem 0 0;}

.card-block { padding: 1.25rem;}
.card-title { margin-bottom: .75rem;}
p.card-text { margin-top: 0; margin-bottom: 1rem;}
p.card-text:last-child { margin-bottom: 0;}







/**============================================================================
 * PLUGINS
 *
 * Jcarousel
 * Magnific Popup
 * Scroll to top
 * simplePagination
 * multiple-select
 *
 * @section plugins
*/


/**----------------------------------------------------------------------------
 * Jcarousel
 *
 * jCarousel - v0.3.3 - 2015-04-07
 * http://sorgalla.com/jcarousel
 * Copyright (c) 2013 Jan Sorgalla; Licensed MIT
 *
 * @section plugins
*/

.jcarousel-wrapper {
	position     : relative;
	margin       : 20px auto;
	border       : 10px solid #fff;
	border-radius: 5px;
	box-shadow   : 0 0 2px #999;
}

/** Carousel **/
.jcarousel    { position: relative; overflow: hidden; width: 100%; }
.jcarousel ul { position: relative; margin: 0; padding: 0; width: 20000em; list-style: none; }

.jcarousel li {
	width : 200px;
	float : left;
	border: 1px solid #fff;
}

.jcarousel img {
	display  : block;
	max-width: 100%;
	height   : auto;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
	position        : absolute;
	top             : 50%;
	margin-top      : -15px;
	width           : 30px;
	height          : 30px;
	text-align      : center;
	background-color: #4E443C;
	color           : #fff;
	text-decoration : none;
	text-shadow     : 0 0 1px #000;
	font            : 24px/27px Arial, sans-serif;
	border-radius   : 30px;
	box-shadow      : 0 0 4px #F0EFE7;
}
.jcarousel-control-prev { left:  -15px;}
.jcarousel-control-next { right: -15px;}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel-control-prev:focus,
.jcarousel-control-next:focus{
	color           : #fff;
	background-color: #666;
}

/** Carousel Pagination **/
.jcarousel-pagination {
	position         : absolute;
	bottom           : -40px;
	left             : 50%;
	margin           : 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform   : translate(-50%, 0);
	-o-transform     : translate(-50%, 0);
	-ms-transform    : translate(-50%, 0);
	transform        : translate(-50%, 0);
}
.jcarousel-pagination a {
	text-decoration: none;
	display        : inline-block;
	font-size      : 11px;
	height         : 10px;
	width          : 10px;
	line-height    : 10px;
	background     : #fff;
	color          : #4E443C;
	border-radius  : 10px;
	text-indent    : -9999px;
	margin-right   : 7px;
	box-shadow     : 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
	background: #4E443C;
	color     : #fff;
	opacity   : 1;
	box-shadow: 0 0 2px #F0EFE7;
}


/**----------------------------------------------------------------------------
 * Magnific Popup
 *
 * Magnific Popup - v1.1.0 - 2016-02-20
 * http://dimsemenov.com/plugins/magnific-popup/
 * Copyright (c) 2016 Dmitry Semenov; 
 *
 * @section plugins
*/

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/*
meu container personalizado aonde fica todo o conteudo nas paginas externas carregaas via ajax.
obs: tudo tem que estar dentro deste container até mesmo comentários.
*/
.container-popup-ajax {
    position  : relative;
    max-width : 800px;
    margin    : 20px auto;
    background: #FFF;
    padding   : 20px;
    overflow  : auto;
}

/*classe para ajustes personalizados*/
.mfp-bg {
    background: #0b0b0b;
    z-index   : 1042;
    opacity   : 0.8;
    filter    : alpha(opacity=80);
}

.mfp-wrap    { z-index: 1043;}
.mfp-content { z-index: 1045;}

.mfp-preloader        { color: #CCC; z-index: 1044;}
.mfp-preloader a      { color: #CCC;}
.mfp-preloader a:hover{ color: #FFF;}

button.mfp-close, button.mfp-arrow { z-index: 1046;}

.mfp-close{
  width      : 44px;
  height     : 44px;
  line-height: 44px;
  color      : #FFF;
  font-size  : 28px;
}

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100);}
.mfp-close-btn-in .mfp-close { color: #333;}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close{
  color        : #FFF;
  right        : -6px;
  text-align   : right;
  padding-right: 6px;
  width        : 100%;
}

.mfp-counter { color: #CCC; font-size: 12px; line-height: 18px;}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a   { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b  { margin-left: 25px; border-right: 27px solid #3F3F3F;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{ border-left: 27px solid #3F3F3F;}

.mfp-figure:after { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;}
.mfp-figure small { color: #BDBDBD; font-size: 12px; line-height: 14px;}
.mfp-title        { text-align: left; line-height: 18px; color: #F3F3F3;}


/**----------------------------------------------------------------------------
 * Scroll to top
 *
 * http://codepen.io/adventuresinmissions/pen/suzKB
 * http://codyhouse.co/gem/back-to-top/
 *
 * @section plugins
*/

.cd-top{
	z-index           : 100;
	position          : fixed;
	display           : inline-block;
	padding           : 5px 5px;
	right             : 10px;
	bottom            : 10px;
	border-radius     : 50%;
	box-shadow        : 0 0 10px rgba(0, 0, 0, 0.05);
	white-space       : nowrap;
	visibility        : hidden;
	opacity           : 0.8;
	color             : #fff;
	text-align        : center;
	font              : 18px Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition   : all 0.3s;
	-o-transition     : all 0.3s;
	transition        : all 0.3s;
	background-color  : rgba(167, 167, 167, 0.4)
}

.cd-top:hover,
.cd-top:active { color:#444; text-decoration: none;}

/* the button becomes visible */
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }

/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
.cd-top.cd-fade-out{
	-moz-opacity   : 0.5;
	-webkit-opacity: 0.5;
	filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity        : 0.5;
	text-decoration: none;
}
.cd-top:hover,
.no-touch .cd-top:hover { background-color: #E84855; opacity: none; }

@media only screen and (max-width: 768px){
	.cd-top{
		padding  : 10px 10px;
		font-size: 11px;
	}
}


/**----------------------------------------------------------------------------
 * simplePagination
 *
 * simplePagination.js v1.6
 * A simple jQuery pagination plugin.
 * http://flaviusmatis.github.com/simplePagination.js/
 *
 * @section plugins
*/

ul.simple-pagination{ list-style: none;}

.simple-pagination{
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul{ 
	list-style: none; 
	padding: 0; 
	margin: 0;
}

.simple-pagination li{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.simple-pagination li a,
.simple-pagination li span{
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	background: #efefef;
}

.simple-pagination li a:hover{ text-decoration: none; background: #FCFCFC;}

.simple-pagination li .ellipse{
	background: none;
	border: none;
	font-weight: bold;
	cursor: default;
}

.simple-pagination li .current{
	cursor: default;
	color: #FFF;
    background: #40484C;
    border-color: #333;
}

/*Float right*/
.pagination-right{ float: right;}
.pagination-right.simple-pagination{ padding: 0 0 5px 0;}


/**----------------------------------------------------------------------------
 * multiple-select
 *
 * Version 1.2.1
 * @author zhixin wen <wenzhixin2010@gmail.com>
 * https://github.com/wenzhixin/multiple-select
 * http://wenzhixin.net.cn/p/multiple-select/docs/
 *
 * obs: trocar caminho das imagens conforme projeto ()
 *
 * @section plugins
*/

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    line-height: 30px;
    color: #555;
    text-align: left;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-weight: normal;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background-color: #FAFFBD;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 10px;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder { color: #999;}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    text-align: center;
    background: url('/images/plugins/multiple-select.png') left top no-repeat;
}

.ms-choice > div.open { background: url('/images/plugins/multiple-select.png') right top no-repeat;}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
}

.ms-drop.bottom{ top: 100%;}
.ms-drop.top   { bottom: 100%;}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('/images/plugins/multiple-select.png') no-repeat 100% -22px;
    background: url('/images/plugins/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('/images/plugins/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('/images/plugins/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('/images/plugins/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('/images/plugins/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('/images/plugins/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li.ms-select-all label{ font-weight: bold;}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group { clear: both;}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup{ font-weight: bold;}

.ms-drop input[type="checkbox"]{
    vertical-align: middle;
    margin-right: 5px;
}

.ms-drop .ms-no-results{ display: none;}