/*@font-face {
    font-family: 'Source Sans Pro';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#Source Sans Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansbold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#Source Sans Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
html, body { height: 100%; margin: 0; padding: 0;}

body {
	margin: 0; padding: 0; color: #333;
    font-family:'Source Sans Pro','Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size:14px; 
    font-weight:400;
	background: #fff;
	line-height: 1.2em;
    letter-spacing:0.05em;
	min-width: 600px;
	text-align:left;
    -webkit-font-smoothing: antialiased;
}
a {text-decoration: none; color: #666;}
a:hover {color:#ff3264;}

input:focus, textarea:focus, select:focuse, a:focus {
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input:disabled {background:#eee;color:#aaa;}
input, textarea {color:#333;}
.smallgap {height:16px;}
.disabledtxt {color:#d66 !important;}
.hidden {display:none;}

#multFileUpload input[type='file'] , .MultiFile-applied
{
    color: transparent;
} 
.MultiFile-wrap {
    width:150px;
}

.MultiFile-wrap input:disabled {
    background: #f6f6f6;
    color: #f6f6f6;
}
input[type="file"] {
  width: 150px;
}
#page
{ 
	background: #fff;
    height: auto;
    min-height: 100%;
    width: 100%;
    position: relative;
}
#header {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 155px;
    background-color: #201d1e;
    border-color: #ccc;
    border-width: 0 0 0 0;
    border-style: solid;
    /*-webkit-filter: brightness(30%); 
    filter: brightness(-0.7);*/
}
#header:hover {
     -webkit-filter: brightness(100%); 
    filter: brightness(1);
}
#bar {
    margin: 0 auto;
}

#content
{   
    height: 100%;
    margin-left:165px;
    width: 85%; /* 1070px; */
    padding: 20px 10px 20px 10px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
    text-align:center;
    padding: 10px 0 10px 0;
    width: 155px;
    margin:0 auto;
}
#logo img {
    max-width: 100%;
}
#mainmenu
{

}

#mainmenu ul
{
	padding:0px 0 10px 0;
	margin:0px;
	list-style-type: none;
}

#mainmenu ul li
{
	color:#aaa;
	font-size:13px;
	font-weight:normal;
    width: 125px;
    padding: 8px 10px 8px 20px;
    margin: 1px 0 0 0;
	background-color:#666;
    text-align:left;
}
.specialtitle {
    color:#EEE !important;
    background-color:#00628F !important;
    padding: 4px 10px 1px 20px !important;
}
.secondlv {padding-left:28px !important;padding-right:2px !important;}
#mainmenu ul li a
{   
	color:#fff;
	font-size:13px;
	text-decoration:none;
	letter-spacing: 0em;
    /* -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0; */
}
#mainmenu ul li ul {
    padding:0;
}
#mainmenu ul li ul li {
    width: 118px;
    padding: 6px 0px 6px 17px;
    margin: 1px 0 0 0;
}
#mainmenu ul li ul li:first-child {
    margin-top: 5px; 
}
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #000;
	/* background-color:#fff; */
	text-decoration:none;
	/* text-shadow: 0px 0px 8px rgba(255, 255, 255, 1); */
}
.active {
    background-color: #fff !important;
	color: #000 !important;
	text-shadow: none;
}
.active a {
	color: #333 !important;
	font-weight:600;
	text-shadow: none !important;
}
.specialmenuitem {
    margin: 6px 0 0 0 !important;
}
.inactive {color:#444 !important;}
.nopadding {padding-top:0 !important;padding-bottom:0 !important;}
div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight:600;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight:600;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.row-title 
{
    background: #eee;
    color: #333;
    font-weight:600;
    padding: 8px 8px 8px 8px;
    margin: 20px 0 12px 0;
}
/* */
.sort-link {

}  
.flowright {
    margin: 12px 0 12px 0;
    float: right;
}
.activebutton a {
    color: #000 !important; 
    background: #eee !important; 
}
.linkbutton {

}
.linkbutton a {
    background: #C6C6C6;
    color: #333;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #C6C6C6;
    font-size: 1em;
    font-weight:normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    */
    cursor: pointer;
}
.linkbutton a:hover {
    color: #000;
    background: #eee;
    text-decoration: none;
    /* -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear; */
}
.submitbutton {
    background: #C6C6C6;
    color: #333;
    padding: 4px 12px 4px 12px !important;
    text-align: center;
    text-decoration: none;
    border: 1px solid #C6C6C6;
    font-family:'Source Sans Pro','Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight:normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}
.submitbutton:hover {
    color: #000;
    background: #eee;
    text-decoration: none;
}
.genbutton  {
    background: #C6C6C6;
    color: #333;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #C6C6C6;
    font-size: 11px;
    font-weight:600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; 
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    */
    cursor: pointer;
}
.genbutton:hover {
    color: #000;
    background: #eee;
    text-decoration: none;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.toptip {}
.ui-tooltip {
    font-size:11px !important;
    color:#999 !important;
    max-width:120px !important;
    background:#fff !important;
    padding:6px 6px 6px 12px !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    white-space: pre-line;
}

.wfield {
    width: 734px;
}
.pathfield {
    width: 733px;
}
.sfield {
    width: 613px;
}
.xsfield {
    width: 454px;
}
.xxsfield {
    width: 332px;
}
.sidefield {
    width: 294px;
}
.numberfield {
    width:94px;
}
.lightcolor {
    margin-top:0.5em;
    color:#aaa !important;
}
.grid-view {
    min-width:1040px;
    max-width: 1330px;
}
.grid-view .summary {
    margin: 0 0 5px 0;
    text-align: right;
}
.grid-view table.block {
    color: #aaa;
    background: #dfdfdf;
    border-collapse: collapse;
    width: 100%;
}
.grid-view table.items {
    border-collapse: collapse;
    width: 100%;
}
.grid-view table.items th {
    color: #666;
    background: #efefef;
    text-align: center;
    padding:8px 0 8px 0;
}
.grid-view table.items th, .grid-view table.items td {
    font-size: 1em;
    border: 1px #ccc solid;
}
.grid-view table.items tr.odd {
background: #fff;
}
.grid-view table.items tr.even {
background: #f6f6f6;
}

.grid-view table.items tr:hover {
background: #f8e7d2; color:#000;
background: #fff7e2; color:#000;
}
.grid-view table.items tr.hidden {
    display: none;
}

.grid-view table.detailitems {
    border-collapse: collapse;
    width: 100%;
    border: 1px #cecece solid;
}
.grid-view table.detailitems th {
    color: #666;
    background: #dfdfdf;
    text-align: center;
}
.grid-view table.detailitems th, .grid-view table.detailitems td {
    font-size: 0.9em;
    
}
.grid-view table.detailitems tr.odd {
background: #fff;
}
.grid-view table.detailitems tr.even {
background: #f8f8f8;
}
.grid-view table.detailitems tr.hidden {
    display: none;
}
.grid-view table.detailitems tr.langhead {
    background: #ccc;

}
.grid-view table.detailitems tr.langhead td {
    font-weight:600;
    text-align:center;
}
.grid-view .button-column {
text-align: center;
width: 60px;
}
.grid-view .summary {
    font-size: 11px;
    color: #999;
    /* display: none; */
}
.chosen-container-multi .chosen-choices {border-color:#ccc !important;}

/* */
table.detail-view {
background: white;
border-collapse: collapse;
width: 100%;
margin: 0;
}
table.detail-view th {
text-align: right;
width: 220px;
}
table.detail-view tr.odd {
background: #EFF4FA;
}
table.detail-view tr.odd th {
}
table.detail-view tr.even {
background: #F8F8F8;
}
table.detail-view tr.even th {
    
}
table.detail-view th, table.detail-view td {
font-size: 0.9em;
border: 1px white solid;
padding: 0.6em 0.6em;
vertical-align: top;
}
.button-column img {
    opacity:0.5;
    filter:alpha(opacity=50);
}
.button-column img:hover {
    opacity:1;
    filter:alpha(opacity=100);
}
/* page */
ul.yiiPager {
    font-size: 11px;
    line-height: 150%;
    /* background-color: #EFF4FA; */
}
ul.yiiPager .selected a {
    background: #fff;
    color: #000;
    font-weight:600;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: solid 1px #d2d2d2;
    font-weight:600;
    color: #333; /*#6399CD;*/
    padding: 2px 8px;
    text-decoration: none;
}
ul.yiiPager a:hover {
    border: solid 1px #eee;
    background: #eee;
    color: #000;
}
ul.yiiPager .hidden a:link {
    border: solid 1px #fff;
    background-color: #fff;
    color: #fff;
}
ul.yiiPager .hidden a:hover {
    border: solid 1px #fff;
    background-color: #fff;
    color: #fff;
	cursor:default;
}
.pager a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #d2d2d2;
    border-radius: 6px;
    /*
    border: 1px solid #DDD;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    */
}
.pager a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #000;
}
.pager .selected a:link {
    background: #fff;
    color: #000;
    font-weight:600;
}

/* */
.progcontent {
    position: absolute;
    top: 20px;
    left: 300px;
    width: 640px;
    /* cursor: move; */
    display: none;
}
.progcontent .close {
    position: absolute;
    top: 4px;
    right: 8px;
}

.newslettercontent {
    position: absolute;
    top: 20px;
    left: 180px;
    width: 1016px;
    /* cursor: move; */
    display: none;
}
.newslettercontent .close {
    position: absolute;
    top: 4px;
    right: 8px;
}
.insightcontent {
    position: absolute;
    top: 20px;
    left: 180px;
    width: 766px;
    /* cursor: move; */
    display: none;
}
.insightcontent .close {
    position: absolute;
    top: 4px;
    right: 8px;
}

.search-choice {font-family: arial, sans-serif;}

.progdrop { font-size:12px; }
.progdrop option:nth-child(odd) {background:#fff;margin:0 0 3px 0;}
.progdrop option:nth-child(even) {background:#eee;}
.sort-link {text-decoration:underline;}
.rowdisable {background:#eee;color:#aaa;}

.contacttable .even td {padding-top:1em;padding-bottom:1em;font-size:1em !important;line-height:1.5em;}
.contacttable .odd td {padding-top:1em;padding-bottom:1em;font-size:1em !important;line-height:1.5em;}

textarea:focus, input:focus { outline: none; }
select, input[type="file"] {
    height: 30px;
}
.ui-tabs, .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}
.ui-widget {font-family:'Source Sans Pro','Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1em;}

.ui-widget-content {
    border: none;
    background: none;
    color: #000;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}
.ui-widget-header {
    border: none;
    background: none;
    color: #000;
    font-weight: normal;
    font-size: 1em;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 0px 0px;
}
.ui-tabs .ui-tabs-nav li a {font-size:0.9em;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #fefefe;
    color: #c0c0c0;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ccc;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #cecece;
    background: #f8f8f8;
    font-weight: normal;
    color: #222;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:#222;
}
#ui-datepicker-div {
    background:#fff !important;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.tencorner {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.tencrosscorner {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.colorgrey {color:#333 !important;}
.bgred {background:#cb3725;}
.bggreen {background:#a2b538;}
#dropzone {
    background: #e6e6e6;
    width: 150px;
    height: 50px;
    line-height: 20px;
    text-align: center;
    color:#333;
    float:left;
    margin-right:1em;
}
#dropzone.in {
    /*width: 200px;
    height: 60px;
    line-height: 60px;
    font-size: 1.2em;*/
}
#dropzone.in .colorgrey {color:#fff;}
#dropzone.hover {
    background: #aaa;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
#dropzonebtn {
    display: table-cell;
    vertical-align: bottom;
    height:90px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family:'Source Sans Pro','Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size:13px;
}
img[src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
    display: none;
}
.gm-style-iw {
    left: 22px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.filetr, .urltr {display:none;}
@media only screen and (max-width : 768px) {
    #header {
        position: absolute;
        top: 0;
        bottom: auto;
        left:0;
        height: 100%;
    }
}
