/*Site*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, button, input, select, textarea{font-family:'Lato', Segoe UI, sans-serif;}
body{margin:0;font-family:'Lato', Segoe UI, sans-serif;}
a:focus{outline:thin dotted;}
a:active, a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.75em;margin:2.33em 0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
p, pre{margin:1em 0;}
code, kbd, pre, samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before, q:after{content:'';content:none;}
small{font-size:75%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl, menu, ol, ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu, ol, ul{padding:0 0 0 40px;}
nav ul, nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}
button, input, select, textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button, input{line-height:normal;}
button, html input[type="button"],
input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled], input[disabled]{cursor:default;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}
/*Site*/
.text-white {
    color: #ffffff;
}

.logo-top {
    position: absolute;
    top: 20px;
    left: 20px;
}
.centered{float:none;margin-left:auto;margin-right:auto;}
  .dw-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; margin-left: auto; margin-right: auto; }.dw-btn:hover, dw-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
nav ul{list-style:none;padding:0;}
nav ul li a{color:rgba(255, 255, 255, 0.6);padding:20px;display:block;border-bottom:1px dotted rgba(255, 255, 255, 0.2);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;padding-left:0;position:relative;}
nav ul li a:hover, nav ul li a:focus{color:rgba(255, 255, 255, 1);text-decoration:none;}
.try-btn{background-color:#f69679;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:17px;color:#fff;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;display:inline-block;padding:15px 50px;margin:70px 0 70px;}
.try-btn:hover, .try-btn:focus{background-color:#e37857;color:#fff;text-decoration:none;}
.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; position: absolute; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }.up-btn:hover, up-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
.contact-wrap { position: relative; }.section-padding { padding: 90px 0 100px }
.dark-bg { background: #f3f5f8; }
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/*Fileds*/
        .field-label {
    border: none;
    margin: 2px;
    padding: 2px;
    float: left;
     white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    position: relative;
    width: 17%;
    color: #999;
}

.field-value {
    margin: 2px;
    padding: 2px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 29%;
    color: #444;
}

.field-value a:not(.show-always) {
    visibility: collapse;
    font-weight: normal;
    font-size: 1em;
}

.field-value:hover a:not(.show-always) {
    visibility: visible;
}

.field-contener {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-default.btn-icon {
    border: 0px;
    color: #3498db;
}

.separator {
    height: 1px;
    background: #E6E7E9;
    margin: 12px -25px 25px 0;
    width: 100%;
}
/*Fileds*/
.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
    z-index: 99999000;
}

.pageload-overlay.show {
	visibility: visible;
}

.pageload-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.pageload-overlay svg path {
	fill: #fff;
}

.pageload-overlay::after,
.pageload-overlay::before {
	content: '';
	position: fixed;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	z-index: 999999000;
	-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
	background: #6cc88a;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-animation: moveRight 0.6s linear infinite alternate;
	animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
	background: #4fc3f7;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-animation: moveLeft 0.6s linear infinite alternate;
	animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
	to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
	to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
	to { transform: translateX(-20px); }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

body, #full-page, #command-bar, #wrapper {
    overflow-x: hidden;
    overflow: hidden;
}

.row.no-margin {
    margin: 0 !important;
}

.page-row, .page-col {
    overflow: hidden;
    position: absolute;
}

.page-row {
    left: 0;
    right: 0;
}

.page-col {
    top: 0;
    bottom: 0;
}

.scroll-x {
    overflow-x: auto;
}

.scroll-y, .page-row > .scroll-y {
    overflow-y: auto;
}

.full-page-header.page-row {
    height: 60px;
    top: 0;
    left: 70px;
}

.full-page-main.page-row {
    top: 60px;
    bottom: 50px;
    left: 70px;
}

.full-page-footer.page-row {
    height: 50px;
    bottom: 0;
    left: 70px;
}

.page-row.push-right {
    left: 220px;
}

.full-page-left.page-col {
    width: 280px;
}

.full-page-right.page-col {
    left: 280px;
    right: 0;
}

.full-page-right, .full-page-left {
    padding: 0px;
}


.command-bar {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 60px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    -webkit-transform: translateZ(0);
}
.command-bar a {
    padding-top: 4px;
    display: inline-block;
    font-weight: 300;
    padding-left: 15px;
    opacity: 0;
    margin-top: 0px;
}
                    /*
        .command-bar:hover {
           background-color:Black;
           filter:alpha(opacity=65);
           opacity:.65;
           background: rgba(0,0,0,.65);
        }

        .command-bar:hover a{
            opacity:1;
        }


        .command-bar a:hover{
            text-decoration:none;
            color:#fff;
        }
         */

/*
                @media screen and (max-width:480px) {
                    .command-bar {
                        display: none;
                    }
                }

                @media screen and (max-width:320px) {
                    .command-bar {
                        display: none;
                    }
                }

                @media screen and (max-width:760px) {
                    .command-bar {
                        display: none;
                    }
                }

    */
/* MESGAES - begin */
ul.message-items {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    padding-top: 15px;
}

.message-items li {
    display: block;
    padding: 25px 25px 20px 75px;
    background-color: #FBFCFC;
    border-bottom: 1px solid #E6E7E9;
    position: relative;
    cursor: pointer;
    transition: all 160ms;
}

    .message-items li:first-child {
        border-top: 1px solid #E6E7E9;
    }

    .message-items li:hover {
        background-color: #fff;
    }

        .message-items li:hover .bar {
            display: block;
        }

    .message-items li.active {
        background-color: #fff;
    }

        .message-items li.active .bar {
            display: block;
        }

.message-items img {
    position: absolute;
    top: 25px;
    left: 25px;
}

.message-items i {
    position: absolute;
    top: 25px;
    left: 25px;
}

.message-items > div {
    float: left;
}

.message-items p {
    display: block;
    font-size: 14px;
    color: #959da5;
    margin: 0;
    line-height: 20px;
}

.message-items h3 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #37434f;
    margin: 0 0 10px 0;
    color: #3498db;
}

.message-items h3 > span {
    color: #37434f;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    color: #BFC3C6;
    font-size: 10px;
}

.message-items li .bar {
    width: 5px;
    background: #348FCD;
    position: Absolute;
    top: 0;
    bottom: 0;
    left: -5px;
    display: none;
    transition: all 200ms;
}
/* MESGAES - end */
/*tabs*/

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

/* Nav */
.tabs nav {
    text-align: center;
}

.tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

    .tabs nav ul li {
        position: relative;
     /*   z-index: 1; edge */
        display: block;
        margin: 0;
        text-align: center;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    color: #27ae60;
}

    .tabs nav a span {
        vertical-align: middle;
        font-size: 0.75em;
    }

.tabs nav li.tab-current a {
    color: #74777b;
}

.tabs nav a:focus {
    outline: none;
}

/*****************************/
/* Triangle and line */
/*****************************/

.tabs-style-linetriangle nav a {
    overflow: visible;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.tabs-style-linetriangle nav a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em;
}

.tabs-style-linetriangle nav li.tab-current a:after,
.tabs-style-linetriangle nav li.tab-current a:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
}

.tabs-style-linetriangle nav li.tab-current a:after {
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #e7ecea;
}

.tabs-style-linetriangle nav li.tab-current a:before {
    margin-left: -11px;
    border-width: 11px;
    border-top-color: rgba(0,0,0,0.2);
}

@media screen and (max-width: 58em) {
    .tabs-style-linetriangle nav {
        font-size: 0.6em;
    }
}

/* Content */
.content-wrap {
    position: relative;
}

.content-wrap section {
    display: none;
    margin: 0 auto;
    padding: 1em;
}

.content-wrap section.content-current {
    display: block;
}

.content-wrap section em {
    margin: 0;
    padding: 0.75em 0;
    color: rgba(40,44,42,0.05);
    font-weight: 900;
    font-size: 4em;
    line-height: 1;
}

.btn-default.btn-icon {
    border: 0px;
    color: #3498db;
    background-color: #fff;
}

.full-page-main a {
    color: #3498db;
}

.field-label {
    border: none;
    margin: 2px;
    padding: 2px;
    float: left;
     white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    position: relative;
    width: 17%;
    color: #999;
}

.field-value {
    margin: 2px;
    padding: 2px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 29%;
    color: #444;
}

.field-value a:not(.show-always) {
    visibility: collapse;
    font-weight: normal;
    font-size: 1em;
}

.field-value:hover a:not(.show-always) {
    visibility: visible;
}

.field-contener {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-default.btn-icon {
    border: 0px;
    color: #3498db;
}

.separator {
    height: 1px;
    background: #E6E7E9;
    margin: 12px -25px 25px 0;
    width: 100%;
}

.textLabel {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 12px;
    white-space: nowrap;
}

.circle.small {
    height: 8px;
    width: 8px;
    display: inline-block;
    margin-bottom: 1px;
}

.circle {
    border-radius: 50%;
}


.circle.warning {
    background: #fcf8e3;
}
.circle.primary {
    background: #1ab394;
} 
.circle.succes {
    background: #dff0d8;
}
.circle.info  {
    background: #d9edf7;
}
.circle.danger   {
    background: #f2dede;
}
#canvas {
    height: 100%;
    padding: 0;
}

.diagram-task-role{
    background:rgba(52,152,219,0.5);
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    padding: 2px;
    text-align:center;
    color:#fff;
    height:20px;
    font-size:10px;  
    cursor:pointer;
}

.diagram-behavior {
    background:#3498db;
    text-align:center;
    color:#fff;
    border-radius: 50%;
    font-size: 12px;
    padding: 1px;
    padding-top:4px;
    width: 20px;
    height: 20px;
}

.diagram-behavior a {
    color:#fff;
}

.diagram-behavior i {
    color:#fff;
}

.bjs-container {

}
.djs-container {
}
.edit-on-hover{
    background-color: #E8F3FF;
    padding:2px;
}

.in-place-edit-field-box {
    width:95%;
}

.hover-edit a{
    display:none;
}

.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0.8em auto;
  position: relative;
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.11em -0.83em 0 -0.42em #32C9BA, -0.11em -0.83em 0 -0.44em #32C9BA, -0.11em -0.83em 0 -0.46em #32C9BA, -0.11em -0.83em 0 -0.477em #32C9BA;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.11em -0.83em 0 -0.42em #32C9BA, -0.11em -0.83em 0 -0.44em #32C9BA, -0.11em -0.83em 0 -0.46em #32C9BA, -0.11em -0.83em 0 -0.477em #32C9BA;
  }
  30% { 
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.51em -0.66em 0 -0.42em #32C9BA, -0.75em -0.36em 0 -0.44em #32C9BA, -0.83em -0.03em 0 -0.46em #32C9BA, -0.81em 0.21em 0 -0.477em #32C9BA;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.29em -0.78em 0 -0.42em #32C9BA, -0.43em -0.72em 0 -0.44em #32C9BA, -0.52em -0.65em 0 -0.46em #32C9BA, -0.57em -0.61em 0 -0.477em #32C9BA;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.11em -0.83em 0 -0.42em #32C9BA, -0.11em -0.83em 0 -0.44em #32C9BA, -0.11em -0.83em 0 -0.46em #32C9BA, -0.11em -0.83em 0 -0.477em #32C9BA;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.11em -0.83em 0 -0.42em #32C9BA, -0.11em -0.83em 0 -0.44em #32C9BA, -0.11em -0.83em 0 -0.46em #32C9BA, -0.11em -0.83em 0 -0.477em #32C9BA;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.11em -0.83em 0 -0.42em #32C9BA, -0.11em -0.83em 0 -0.44em #32C9BA, -0.11em -0.83em 0 -0.46em #32C9BA, -0.11em -0.83em 0 -0.477em #32C9BA;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.51em -0.66em 0 -0.42em #32C9BA, -0.75em -0.36em 0 -0.44em #32C9BA, -0.83em -0.03em 0 -0.46em #32C9BA, -0.81em 0.21em 0 -0.477em #32C9BA;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.29em -0.78em 0 -0.42em #32C9BA, -0.43em -0.72em 0 -0.44em #32C9BA, -0.52em -0.65em 0 -0.46em #32C9BA, -0.57em -0.61em 0 -0.477em #32C9BA;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #32C9BA, -0.11em -0.83em 0 -0.42em #32C9BA, -0.11em -0.83em 0 -0.44em #32C9BA, -0.11em -0.83em 0 -0.46em #32C9BA, -0.11em -0.83em 0 -0.477em #32C9BA;
  }
}
/* ERROR & LOGIN & LOCKSCREEN*/
.font-bold {
  font-weight: 600;
}
.middle-box {
  max-width: 400px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}
.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}
.loginscreen.middle-box {
  width: 300px;
}
.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0px;
}
.middle-box h1 {
  font-size: 120px;
  margin:0px;
  padding:0px;
   margin-top:20px;
   margin-bottom:10px;
}
.middle-box h3 {
  
  margin:0px;
  padding:0px;
   padding-top:20px;
   margin-bottom:10px;
}
.wrapper .middle-box {
  margin-top: 140px;
}
 

       .alert-overlay{
    background-color:rgba(0,0,0,0.6);
    background-size:contain;
    width:100%;
    height:100%;
    position:fixed; 
    top:0; left:0; 
    z-index:899999999999; 
    display:none; 
}
.alert-overlay .show, .alert-box .show{
    display:block; 
}

.alert-box{
    display:none;
    width:100%;
    min-height:30%;
    top:30%;
    position:absolute;
    overflow: hidden;
    border:2px solid #fff;
    border-left-width:0px;
    border-right-width:0px;
}
.alert-box a {
    color: #428bca;
}
.alert-box span {
    color: #000;
    font-size:small;
}
.alert-box.alert-box-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
    /*background-color: #008a00;*/
}
.alert-box.alert-box-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-box.alert-box-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.alert-box.alert-box-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-actions{
    width: 305px;
    overflow: hidden;
     margin-top:30px;
   /* margin:140px 0px 0px 500px;*/
}

.alert-actions button{
    
   border:none;
   border:2px solid white;
   outline:none;
   background-color:transparent;    
   height:35px;
   min-width:100px;
}

   .lock-overlay{
    background-color:rgba(0,0,0,0.97);
    background-size:contain;
    width:100%;
    height:100%;
    position:fixed; 
    top:0; left:0; 
    z-index:899999999999; 
    display:none; 
}
.lock-overlay .show, .lock-box .show{
    display:block; 
}

.lock-box{
    display:none;
    width:100%;
    min-height:60%;
    top:20%;
    position:absolute;
    overflow: hidden;
    border:2px solid #fff;
    border-left-width:0px;
    border-right-width:0px;
}
.lock-box a {
    color: #428bca;
}
.sort-item .active {
    background: #428bca;
}
.view-item .active {
    background: #428bca;
}
 .dropdown-menu .sub-menu {
            left: 100%;
            position: absolute;
            top: 0;
            display:none;
            margin-top: -1px;
	        border-top-left-radius:0;
	        border-bottom-left-radius:0;
	        border-left-color:#fff;
	        box-shadow:none;
     }
 .show-inline-block {
    display:inline-block;
}
#secondRow {
    background: url('/lib/img/bg4.jpg') no-repeat fixed 150px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100vh;
}