.cd-section.modal-is-visible {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
}
.footerload {
	display: block;
position: fixed;
bottom: 10vh;
right:10vh;
z-index: 600;
color: #aaa;}
.bootstrap .soo-overlay label{color:#efefef; font-weight: 300; font-size: 16px}
.bootstrap .soo-overlay label.mdl-textfield__label {font-weight: 300; color:#eee; font-size: 16px;}
.bootstrap .soo-overlay .is-focused label.mdl-textfield__label {color:#fff}
.soo-overlay-content .sortable li div.title {border: 0px solid transparent;
    background: rgba(224,64,251,0.47)!important; color:#efefef}
.soo-borderright {
	-webkit-flex-direction: column;
	background-color: rgba(0,0,0,0.3);
-ms-flex-direction: column;
flex-direction: column;display: -webkit-flex;
display: -ms-flexbox;
display: flex;-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;}
.left-column .mdl-textfield__label {color:#efefef}
.soo-magic-logo {margin:0 auto 50px}
.soo-right-column {padding-top: 80px;}
#soommMenuBuilder {
	height: 100%;
	overflow-y: scroll;}
.vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 35px;
    height: inherit;
    border-bottom: none;
}

.vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    letter-spacing: 2px;
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    border-right: 2px solid rgb(224,64,251);
    background-color: rgba(255,255,0,0.8)
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 0 30px;
    width: 100%
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
}
.soo-round-iconmenu {-webkit-border-radius: 50px;
-moz-border-radius: 50px;color:rgba(0,0,0,0.7);
border-radius: 50px; background-color: #ccc; float: left;background-color: rgba(255,255,0,0.8); height: 20px; width: 20px; text-align: center; margin-right: 5px}
.soo-padding20-0 { padding:20px 0px}
.left-column {padding-left:0;}
.bootstrap .soo-overlay-content .left-column input[type="text"] { background:none; border: 0px solid transparent; color:#FFF;}
@media screen and (max-height: 450px) {
    .soo-overlay #myclosebtn {
        top: 35px;
        right: 35px;
    }
}
.bootstrap .soo-overlay a {color:#eee}
.soo-overlay #myclosebtn {
    position: absolute;
    top: 10%;
    right: 45px;
    cursor: pointer;
    z-index: 9999999;
    text-decoration: none
}
.left-column .mdl-tabs,.left-column .mdl-grid,.left-column .vertical-mdl-tabs .mdl-tabs__tab-bar {height: 100%}
.left-column .vertical-mdl-tabs .mdl-tabs__tab-bar {background-color:rgba(255,255,0,0.8)}
.left-column .mdl-tabs__tab i.material-icons {vertical-align: middle}
.left-column .mdl-textfield--floating-label.is-focused .mdl-textfield__label,.left-column .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.left-column .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {color:#CCC}
.bootstrap .left-column a.mdl-tabs__tab { color:#333}
.mdl-tabs.is-upgraded .mdl-tabs__tab {font-size: 1.2em; text-transform: none; outline-width: 0px; text-decoration: none}
.dp48 { font-size: 50px!important}
.dp14 { font-size: 14px!important}
.bootstrap .sooform_right input[type="text"] {font-size: 16px;}
.hasgoogleicons {border-bottom-right-radius: 0;}
.hasprestasooicons {border-bottom-left-radius: 0;}
.cd-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
}
.cd-modal::after {
  /* gradient overlay at bottom of modal window */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  background: transparent;
  background: -webkit-linear-gradient( bottom , #34383c, rgba(52, 56, 60, 0));
  background: linear-gradient(to top, #34383c, rgba(52, 56, 60, 0));
}
.cd-modal .cd-modal-content {
  height: 100%;
  width: 100%;
  padding: 3em 5%;
  text-align: left;
  z-index: 999;
  position: relative;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-modal p {
  color: #ffffff;
  line-height: 1.6;
  margin: 2em 0;
}
.modal-is-visible .cd-modal {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
}
.modal-is-visible .cd-modal .cd-modal-content {
  -webkit-overflow-scrolling: touch;
  background-color: #933ec5;
   background-image: url("../img/pattern-search.png"); background-position: center center; background-repeat: repeat}
@media only screen and (min-width: 768px) {
  .cd-modal .cd-modal-content {
    padding: 4em 5%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-modal .cd-modal-content {
    padding: 6em 10%;
  }
  .cd-modal p {
    font-size: 2rem;
    line-height: 2;
  }
}
.cd-modal-action .cd-modal-bg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  width: 4em;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-2em);
  -moz-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  -o-transform: translateX(-2em);
  transform: translateX(-2em);
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
.cd-modal-action .cd-modal-bg.is-visible {
  opacity: 1;
  visibility: visible;
}

.cd-modal-close {
  position: fixed;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3) url(../img/closebt.svg) no-repeat center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-is-visible .cd-modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
input.soosuachua {-webkit-border-top-left-radius: 3px!important;
-webkit-border-top-right-radius: 3px!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;}
@media only screen and (min-width: 768px) {
  .cd-modal-close {
    top: 70px;
  }
}
ul.sooframe { padding-top: 30px}
ul.sooframe li {list-style: none; float:left; font-size: 50px; color:#FFF; margin:10px; padding:0px 10px}
ul.sooframe li:hover{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background-color: #fff;cursor: pointer; color:#fa41a1}
.input-group-addon.cd-section { background-color: rgba(16,176,228, 0.7); color:#FFF; cursor: pointer; border:1px solid #10b0e4; padding:15px;}
.input-group-addon.cd-section:hover { background-color: rgba(16,176,228,1); border:1px solid #10b0e4}
.input-group-addon.cd-section.hasprestasooicons { background-color: rgba(250,65,161, 0.7); border:1px solid #fa41a1}
.input-group-addon.cd-section.hasprestasooicons:hover { background-color: rgba(250,65,161,1); border:1px solid #fa41a1}