/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    /*zoom: 0.8;*/
    /*position:relative;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;*/
    /* this is supposed to change font-size but is not working*/
    /*font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
}
/*div {display:inline;}*/
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.form-group.required .control-label {color:red;}
/*.form-group.required .control-label:after {
  content:"*";
  color:red;
}*/

/*
    *[accesskey]:after {content:' [' attr(accesskey) ']'}
*/
button[accesskey]:first-letter {text-decoration:underline !important}
a[accesskey]:first-letter {text-decoration:underline !important}
input[accesskey]:first-letter {text-decoration:underline !important}

/*
<button type="submit" name="thing" id="thing" accesskey="b">Ginger<b>b</b>read</button>
button b {text-decoration:underline}
*/

.ui-selectee {border-width:1px; border-style:dotted; cursor:pointer;}
.ui-selecting { background: #FECA40; }
.ui-selected { background: #F39814; color: white; }

/*
#X__DesignPropertiespanelcontainer textarea {height:80%; margin-bottom:5px;} 
#X__DesignPropertiespanelcontainer input {height:80%;} 
#X__DesignPropertiespanelcontainer {width: 22%; height: 90%; right: 25px; float: right; line-height:1 !important; font-weight:normal !important; margin-bottom:5px;}
#X__DesignPropertiespanelcontainer .form-group {margin-bottom:5px !important;}
#X__DesignPropertiespanelcontainer label {font-weight: normal !important;}
#X__DesignPropertiespanelcontainer .panel-collapse { overflow:scroll; overflow-x: hidden; height:90% !important;}
#X__DesignPropertiespanelcontainer .btn:after {content:'';}

.toggle-group:focus {
    border-style:dotted; border-width:thin;
}

#X__DesignPropertiespanelcontainer .toggle {  padding: 1px 5px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  min-width: 35px; 
  min-height: 22px;
  width: 34px !important;
  height: 22px !important;
}

#X__DesignPropertiespanelcontainer .toggle-on {  padding: 1px 5px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;}

#X__DesignPropertiespanelcontainer .toggle-off {  padding: 1px 5px;
  padding-left: 12px; 
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;}
#X__DesignPropertiespanelcontainer .toggle-handle {  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;}

#X__DesignPropertiescollapseOne:-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#X__DesignPropertiescollapseOne:-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#X__DesignPropertiescollapseOne:-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}*/


.toggle-group:focus {
    border-style: dotted;
    border-width: thin;
}

div.panel:hover{
    border-width:1px; border-style:dashed;border-color:darkgray;
    /*background-color:gray;*/
}
div[data-appx="X_xMetaData_xWebSitePage"]:not([data-appx-designmode]) {
    /*min-height:100vh !important;*/
    padding-top:50px;
}
div[data-appx="X_xMetaData_xWebSitePages"] {
    min-height:75px;
}
div[data-appx="X_xMetaData_xWebSitePageSections"] {
    min-height:75px;
}
div[data-appx="X_xMetaData_xWebSitePageSectionContents"] {
    min-height:75px;
}
div[data-appx="X_xMetaData_xContentTypes"] {
    min-height:75px;
}
div[data-appx="X_xMetaData_xWebSite"][data-appx-designmode="true"] {
    margin-left:25%; width:50%; 
}
div[data-appx-childlist="true"].panel{
    border-color:transparent;
}
div[data-appx-childlist="true"] .panel-heading{
    background-color:transparent;
}
div[data-appx="X_xMetaData_xWebSitePageSection"][data-appx-designmode="true"] >div.panel >div.panel-heading{
    display:none;
}
div[data-appx="X_xMetaData_xWebSitePageSection"] >div.panel {
    border-style:dotted;
    /*padding-top:10px;*/
}
div[data-appx="X_xMetaData_xFormControl"][data-appx-designmode="true"] >div.panel >div.panel-heading{
    display:none;
}
div[data-appx="X_xMetaData_xFormControl"] >div.panel {
    border-style:dotted;
    /*padding-top:10px;*/
}
/*
 added to help position the design toolbar, but causes the sortable and resize functionality to act strange
.panel-body {position:relative;}
*/

#X__DesignPropertiespanelcontainer {width: 22%; height: 90%; right: 25px; float: right; } /*overflow:scroll; overflow-x: hidden; overflow-y: hidden*/
#X__DesignGallerypanelcontainer {width: 22%; height: 90%; left: 25px; float: left; } /*overflow:scroll; overflow-x: hidden; */
#X__DesignPropertiespanelcontainer .panel-collapse { overflow:scroll; overflow-x: hidden; height:90% !important;}


#X__DesignProperties{
    zoom: 0.8;
    -moz-transform: scale(0.8);
}
#X__DesignGallery{
    zoom: 0.7;
    -moz-transform: scale(0.7);
    z-index:999;
    /*width: 140%*/
}
#X__DesignGallery > div > div > div > div .panel.panel-default{
    pointer-events: none;
    opacity: 0.8;
}
/*#X__DesignGallery > div > div > div > div {
    overflow:hidden;
    height:100vh;
}
#X__DesignGallery > div > div > div > div:hover {
    overflow-y:scroll; 
}*/

#X__DesignGallerycollapseOne{
    height:90% !important;
}
#X__DesignGallery {
    height: 90% !important;
    overflow:hidden;
}
#X__DesignGallery:hover {
    overflow-y:auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    #X__DesignGallery {
        width: 140%;
        height: 140%;
    }
    #X__DesignGallerycollapseOne{
        height:140% !important;
    }
}

/*.xdisabled{
    pointer-events: none;
    opacity: 0.4;
}*/
/* or use jquery
    $('#div').css({ transform: 'scale(.5)' });
    $("#mydiv").addClass("disabledbutton");
*/

/*

#X__DesignGallerypanelcontainer textarea {height:80%; margin-bottom:5px;} 
#X__DesignGallerypanelcontainer input {height:80%;} 
#X__DesignGallerypanelcontainer {width: 22%; height: 90%; left: 25px; float: left; line-height:1 !important; font-weight:normal !important; margin-bottom:5px;}
#X__DesignGallerypanelcontainer .form-group {margin-bottom:5px !important;}
#X__DesignGallerypanelcontainer label {font-weight: normal !important;}
#X__DesignGallerypanelcontainer .panel-collapse { height:90% !important;} 
#X__DesignGallerypanelcontainer .btn:after {content:'';}

    #X__DesignGallerypanelcontainer .toggle {  padding: 1px 5px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  min-width: 35px; 
  min-height: 22px;
  width: 34px !important;
  height: 22px !important;
}

#X__DesignGallerypanelcontainer .toggle-on {  padding: 1px 5px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;}

#X__DesignGallerypanelcontainer .toggle-off {  padding: 1px 5px;
  padding-left: 12px; 
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;}
#X__DesignGallerypanelcontainer .toggle-handle {  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;}

#X__DesignGallerycollapseOne:-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#X__DesignGallerycollapseOne:-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#X__DesignGallerycollapseOne:-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}*/


pre {max-width: 500px; max-height: 200px;}


/* stack buttons on small device*/
@media (max-width: 767px) {
  .stackable {
    display:block;
    width:100%;
  }
}

.xtable{display:table;}
.xtable-header-group{display:table-header-group;}
.xtable-row-group{display:table-row-group;}
.xtable-row{display:table-row;}
.xtable-cell{display:table-cell;}
.xtable-footer-group{display:table-footer-group;}
/* show table row buttons on hover */
/*div.btn-toolbar { opacity: 0; transition: all 0.6s ease 0s;  }
div.btn-toolbar:hover { opacity: .75;}*/
.btn-toolbar.fade {position:absolute;right:35px;top:0px;width:25%; z-index:99;}
table.table tr[data-appx-datarow]:hover {
    cursor: pointer;
}
table.table tr td div.btn-group { opacity: 0; transition: all 0.6s ease 0s;  }
table.table tr:hover td div.btn-group { opacity: .75;}
/*table.table tr td div.btn-toolbar { opacity: 0; transition: all 0.6s ease 0s; vertical-align:middle }
table.table tr:hover td div.btn-toolbar { opacity: .75; vertical-align:middle}
table.table tr td div.btn-group {display:none;}
table.table tr:hover td div.btn-group {display:flex}*/
/* show wrench on hover */
legend a.fade { opacity: 0; transition: all 0.6s ease 0s;  }
legend:hover a.fade { opacity: .75;}
div.fade { opacity: 0; transition: all 0.6s ease 0s;  }
div:hover.fade { opacity: .75;}
.typeaheadtextbox::-ms-clear {
   display: none;
}
.form-control-feedback {
  pointer-events: initial !important; 
  cursor: pointer;
}


/*
.note-toolbar {position: relative !important; z-index:9999 !important;}
*/
 /*otherwise zindex is not honored*/

/* Nav test */
@media screen and (max-width: 768px) {
    .side-collapse-container{
        width:100%;
        position:relative;
        left:0;
        transition:left .4s;
    }
    .side-collapse-container.out{
        left:200px;
    }
    .side-collapse {
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        position:fixed;
        overflow:hidden;
        transition:width .4s;
    }
    .side-collapse.in {
        width:0;
    }
}


.resizable-helper {border-style:dotted !important; border-width:1px !important; border-color:white !important; }
.ui-resizable-handle{border-left-style:dotted !important; border-left-width:1px !important; border-color:white !important; }

nav
{
    opacity:.85;
}
a.navbar-brand img
{
    height:20px;
    display:inline;
    float: left;
    padding-right:15px;
}


animation-delay2 {
    -webkit-animation-delay: 2s !important; /* Safari 4.0 - 8.0 */
    animation-delay: 2s !important;
}


@-webkit-keyframes blurIn {
  from {
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }

  to {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}

@keyframes blurIn {
  from {
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }

  to {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}

.blurIn {
  -webkit-animation-name: blurIn;
  animation-name: blurIn;
}

span.fa{
    padding-right:5px;
}

span.glyphicon{
    padding-right:5px;
}
/* BIG Glyphs */
    .bigglyph {
    font-size:45px;
    background-color:gray;
    padding:25px;
    border-radius:50%;
}

/* BLUR

    .blur {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
*/

/* parallax */
.parallax {
    background-image: url("/websites/crewtel/images/background.png");
    /*background-image: url("/websites/meta-dao/images/background-sm.png");*/
    position:center;
    /*top:0px;
    left:0px;*/
    min-height: 100vh !important;
    /*height:1px !important;*/ 
    width:100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-content:center;
    align-items:center;
    text-align:center;
    vertical-align:middle;
}
video.parallax {
    position: fixed;
    z-index:-100;
}
.parallax div[data-appx='X_xMetaData_xWebSitePageSection']
{
    position:relative;
    height:100vh;
}
.parallax div[data-appx='X_xMetaData_xWebSitePageSectionContent']
    {
        top:50%;
        left:50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position:absolute !important;
        background-color:transparent;
    }
/*.parallax div:not(.well):not(.panel):not(.excl) {
    position: relative;
    height: 100%;
}*/

    @media (max-width: 768px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:75% !important;
    line-height: 1;
    display:block;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  }
}

/* target all widgets on dashboard page */
/*.dashboard *{
    font-size:11px !important;
}
.dashboard .form-control{
    font-size:11px !important;
}
.dashboard .btn{
    font-size:11px !important;
}*/

.dashboard div[data-appx-widget][data-appx="X_xMetaData_xForm"]>div {
    height:400px;
    overflow:hidden;
    /*zoom:.7;*/
}
.dashboard div[data-appx-widget][data-appx="X_xMetaData_xForm"]>div:hover {
    overflow-y:scroll;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dashboard div[data-appx-widget][data-appx="X_xMetaData_xForm"] > div {
        /*width: 140%;*/
    }
}

.dashboard div[data-appx-widget][data-appx="X_xMetaData_xChart"]>div {
    height:400px;
}

/*
 *  STYLE 1
 */

.dashboard div[data-appx-widget][data-appx="X_xMetaData_xForm"]>div::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.dashboard div[data-appx-widget][data-appx="X_xMetaData_xForm"]>div::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.dashboard div[data-appx-widget][data-appx="X_xMetaData_xForm"]>div::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}