/*.navbar-nav .dropdown-menu {
    position: fixed !important;
}
*/

.aiquery_notes {
    font-size: smaller;
    border: 1px #ccc7c7 solid;
    padding: 10px;
}

.rgDetailTableFix {
    table-layout: auto !important;
}

.goog-te-gadget img {
    display: none !important;
}
body > .skiptranslate {
    display: none;
}
body {
    top: 0px !important;
}
#goog-gt-tt, .goog-te-balloon-frame {
    display: none !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

.grdUserColor {
    /*display: contents;*/
}

.RadHtmlChart {
    margin: auto
}

@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.RadButton.rbRounded {
    white-space: nowrap;
}

.RadNavigation_Default .rnvRootGroupWrapper,
.RadNavigation_Default .rnvHovered > .rnvRootLink {
    color: unset !important;
    background-color: unset !important;
    background-image: unset !important;
    border: 0px !important;
}
.navBtnIcon .rnvRootLink {
    padding-right: 3px !important;
    padding-left: 3px !important;
}
.RadNavigation .rnvRootLink,
.RadNavigation .rnvRootLink .rnvHovered {
    border-width: unset !important;
}

.RadGrid .rgFilterBox {
    width: 70%;
}

.messageNotification {
    z-index: 100000 !important;
    top: 100px !important;
    /*background: #cfcfcf !important;*/
}
.RadNotification .rnIcon::before {
    /*line-height: unset !important;*/
}
.RadNotification .rnContent {
    padding: 5px 64px !important;
    min-height: 70px !important;
}

.RadSplitter .rspSlideContainer {
    /*height: 100%;*/
}

.RadGrid {
    border-radius: 10px;
    overflow: hidden;
}

/* Firefox old*/
@-moz-keyframes blink-image {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink-image {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* IE */
@-ms-keyframes blink-image {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink-image {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blink-image {
    -moz-animation: blink-image normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink-image normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink-image normal 2s infinite ease-in-out; /* IE */
    animation: blink-image normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.nume_vrsi img,
.title {
    vertical-align: middle
}
.nume_vrsi .nume_itemList {
    position: relative
}
.itemBtnBuy,
.itemSticker,
.tabName {
    position: relative
}

.itemBtnBuy {
    float: right;
    top: 250px;
    display: none
}
.contDiv a:hover p.riimgdes,
.fback a:hover,
.itmCnt a:hover,
.nume_item a:hover .nume_item_title,
.nume_vrsi .nume_item .nume_image,
.nume_vrsi a.title,
.nume_vrsi a.title:hover,
.nume_vrsi div.link a,
.nume_vrsi div.link a:hover,
a:active {
    text-decoration: none
}
    .nume_vrsi a.title:visited,
    .nume_vrsi p {
        color: #535353
    }

.LedgerPeriod {
    color: #4e1c53;
    font-size: medium;
    top: -15px;
    position: relative;
}

.nume_vrsi_item {
    position: relative;
    float: left;
}

.nume_vrsi .nume_item {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 5px;
    width: 240px;
    /*min-height: 440px;*/
    height: 90%;
    border: 1px solid transparent;
    border-radius: 1px;
    margin: 0 20px 20px 0;
    padding-Left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 30px;
    background: #fff;
    padding-top: 15px !important;
}

.nume_vrsi img {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center
}

.nume_vrsi p {
    -font-family: arial;
    font-size: small;
    font-weight: 400;
    overflow: hidden;
    padding: 0;
    text-align: left
}

    .nume_vrsi p.title {
        font-size: small;
        height: 3.61em;
        line-height: 120%;
        margin-top: 5px;
        overflow: hidden
    }

.nume_vrsi a.title {
    color: #535353;
    -font-family: Arial, Verdana, sans-serif;
    font-size: small
}

.nume_vrsi .nume_price {
    color: #fff;
    -font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 8px 0 0;
    float: left
}
.imgCatalog {
    max-width: 240px;
    max-height: 240px;
}
.nume_vrsi div.link,
.nume_vrsi div.link a {
    -font-family: Verdana, sans-serif;
    font-size: x-small;
    padding: 0
}

.nume_vrsi div.link {
    color: #999;
    height: 20px;
    margin: 8px 0;
    text-align: left
}

    .nume_vrsi div.link a {
        color: #fff
    }

.nume_vrsi .separator {
    color: #999
}

.nume_vrsi .spacer {
    clear: both;
    margin: 0;
    padding: 0
}

.nume_vrsi p {
    margin: 0
}

.nume_vrsi .nume_item .nume_imgdesc {
    color: #fff;
    cursor: pointer;
    font: 12px arial;
    text-decoration: none;
    border: 0;
    line-height: 32px;
}

.cloudzoom-thumb {
    width: 150px;
    cursor: zoom-in
}

.cloudzoom-thumb-prod {
    width: 100px;
    height: 100px;
    cursor: zoom-in;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dvFirsImgZoom {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 350px;
}

.nume_vrsi .nume_item .nume_image {
    cursor: zoom-in;
    border-radius: 4px;
    background: #fff;
    display: table-cell
}

.itemText {
    font-size: 13px;
    color: #535353;
    text-decoration: none;
    text-align: center;
    margin-top: 12px;
    display: block;
}

.nume_item_title {
        text-align: center;
        color: #393939;
        font-size: 13px;
        height: 32px;
        line-height: 16px;
        margin: 6px 0 0;
        overflow: hidden;
        padding: 3px 0 0 2px;
        text-align: left;
        white-space: normal
    }

.nume_vrsi td,
.tdla,
.tdra {
    vertical-align: top
}

.nume_vrsi .nume_codigo,
.nume_vrsi .pcnt {
    color: #fff;
    font: 10px/18px verdana;
    font-style: italic;
    line-height: 18px;
    text-align: left
}

.nume_vrsi .nume_b_format {
    padding-top: 12px;
}

.itemPriceCatalog {
    font-size: 16px;
/*    line-height: 16px;
    margin: 8px 0 0;*/
}

.itemPrice, .itemPriceCatalog {
    color: #393939;
    display: block;
    font-weight: 700;
}
.itemCode {
    color: #9b9b9a;
    margin: 2px 0;
    font-size: 13px;
}
.nume_vrsi .nume_price_trs {
    clear: both;
    overflow: hidden;
    text-align: center
}

.nume_vrsi .nume_item:hover {
    background-color: #fff;
    -border: 2px solid #bfbfbf;
    box-shadow: 0 0 8px #cac9c9;
    -moz-box-shadow: 0 0 8px #cac9c9;
    -webkit-box-shadow: 0 0 8px #cac9c9
}

.nume_vrsi .nume_item:hover .seemorelike {
    -visibility: visible;
    font: 10px verdana
}

.nume_vrsi {
    display: flex;
    flex-wrap: wrap;
    /*display: block !important;*/
}

    .nume_vrsi .seemorelike {
        -font-family: helvetica;
        font-size: 12px;
        height: 15px;
        margin: 4px 0 6px;
        text-align: center;
        visibility: hidden
    }

    .nume_vrsi .nume_item .nume_image {
        border: 0 solid #ccc;
        text-align: center;
        vertical-align: middle;
        width: 240px;
        height: 240px
    }

.viewDataListItem:hover {
    /*background-color: #FF0000;*/
    border-style: dashed;
    border-color: black
}

.viewDataListHeaderLeft {
    padding: 5px !important;
    text-align: center;
    background: #00864b;
    color: #ffffff;
    font-size: 0.7em;
    /*border-radius: 7px 0 0 7px;*/
}

.viewDataListHeaderRight {
    padding: 3px !important;
    text-align: center;
    background: #00864b;
    /*border-radius: 0 7px 7px 0;*/
}

.viewDataListItem {
    font-size: 0.7em;
    padding: 8px;
    border: 1px solid #ffffff;
    /*border-radius: 0 7px 7px 0;*/
}

.PanePosition {
    position: relative;
}

.viewItemDisplay {
    width: 100%;
    height: 100%;
    background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*border-radius: 7px;*/
    /*padding: 6px;*/
}

.Base {
    display: inline-block;
    font: 12px/18px "segoe ui",arial,sans-serif;
    height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    /*    border: 1px solid #333;*/
}

.RadListView tr > td {
    border-style: hidden !important;
}

.pagelogin {
    vertical-align: middle;
    text-align: center;
}

.RadSearchBox .rsbInner {
    border-radius: 4px;
}

.RadSearchBox .rsbSCInner {
    border-radius: 4px 0 0 4px;
}

.riRead, .riDisabled, .rcbDisabled {
    background-color: #f1f1f1 !important;
}

.tablefixed {
    table-layout: fixed;
}

#description {
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

/*#infowindow-content {
    display: none;
}*/

#dvMap #infowindow-content {
    display: inline;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    outline: none;
    background-color: #fff;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    border-radius: 3px 0 0 3px;
    display: inline-block;
    padding: 9px 11px !important;
    top: 10px !important;
}

.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

#pac-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    text-overflow: ellipsis;
    width: 400px;
    border-radius: 2px;
    border-style: initial;
}

#pac-input:focus {
    border-color: #4d90fe;
}

#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

#target {
    width: 345px;
}

.raDiv {
    background-image: url('../images/loading_gp.gif') !important;
}

.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText {
    padding-left: 3px !important;
}

.RadUpload_MetroTouch .ruUploadProgress {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.lblRadRating {font-size:small;}
/*.RadRating .rrtCustomItemImages a:before,
.RadRating .rrtCustomItemImages a span:before {
    content: '';
    display: none;
}

.RadRating .rrtCustomItemImages a,
.RadRating .rrtCustomItemImages a span {
    background-repeat: no-repeat;
}*/
.RadSplitter_MetroTouch .rspPane .RadSplitbarFullH {
    height: unset !important;
    /*width: 100% !important;*/
/*    overflow: unset !important;*/
}

.rspCollapseBarSpacer{
    width: 2px !important;
}

.RadSplitter .rspPaneTabIcon {
    width: 17px;
}

.btnEditPadding {
    padding-left: 10px;
    padding-top: 10px;
}

.AnchorSandbox {
    color: red;
    font-size: medium;
    top: -15px;
    position: relative;
}

.elementHidden {
    display: none;
    visibility: hidden;
}
.fieldName {
    min-width: 200px;
    width: 200px;
}
.fieldNameSeparator {
    min-width: 30px;
    width: 30px;
}

.divAlert {
    background: #E2CC01;
    position: fixed;
    width: 100%;
    text-align: center;
    padding: 4px;
    color: #000000;
    font-weight: bold;
}

.RadDropDownList_Material {
    /*margin: -8px -5px -5px -5px;*/
    width: auto !important;
}
.RadDropDownList_Material .rddlFocused, .RadDropDownList_Material .rddlInner {
    border-color: transparent;
    color: #fff;
}
    .RadDropDownList_Material .rddlIcon {
        background: url(../images/ddlicon.png) no-repeat center;
    }
.rddlPopup_Material {
    border-color: #fff;
    background: #fff;
}

#slider {
/*    -width: 200px;
    -height: 155px;
*/    -background: url(../images/sliderBG.png) bottom left no-repeat;
    top: -100px;
    position: absolute;
    z-index: 1;
    transition: top .2s linear;
    -webkit-transition: top .2s linear;
    -moz-transition: top .2s linear;
    -ms-transition: top .2s linear;
    -o-transition: top .2s linear;
    transition: top .2s linear;
    padding: 5px;
}

    #slider:hover {
        top: 0;
        z-index: 3;
        background: url(../images/sliderBG.png) bottom left no-repeat;
        background-size: 100% 98px;
    }

.imgStampPreviewDv{ 
    height:400px; 
    width:400px;
    border: 1px #000000 solid !important;
    background: #ffffff;
    text-align:center;
    vertical-align:middle;
}

.imgStampPreview{ 
    max-height:400px; 
    max-width:400px;
    text-align:center;
    vertical-align:middle;
}
.imgStampThumbnail{
    max-height:70px; 
    max-width:70px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}

.SubTitle{ font-size: 1.2em; font-weight:bold;}

@-webkit-keyframes blink {50% { background: rgba(255,255,255,0.6); }}
@-moz-keyframes blink { 50% { background: rgba(255,255,255,0.6); }}
@-o-keyframes blink { 50% { background: rgba(255,255,255,0.6); }}
@keyframes blink { 50% { background: rgba(255,255,255,0.6); }}

.blink {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: linear;
    
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: linear;
}

@-webkit-keyframes imgblink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes imgblink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes imgblink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.imgblink {
    -webkit-animation: imgblink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: imgblink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: imgblink 1s;
    -o-animation-iteration-count: infinite;
}

.RadAjaxPanel {
    height:100%;
    display: contents !important;
}

.RadGrid .rgClipCells .blink > td {
    overflow: hidden;
}
.lnkButtonLogout {
    -top: 5px;
    -width: 50px;
    height: 30px;
    line-height: 20px;
    font-size: 0.9em;
}
.lnkButtonLogout img {
    height: 15px;
}

.pnlHDInfo{float:left; right:600px; 
             position:fixed; top:-10px; 
             z-index:2100; padding-right: 2em !important; 
             color:#000 !important;
 }

.pnlUserInfo{float:left; right:150px; 
             position:fixed; top:0px; 
             z-index:2000; padding-right: 2em !important; 
             color:#000 !important;
 }
.txtUserInfo{ font-size:0.7em;}

 .avatarDv {
        background: #ffffff; /* url('../images/avatar_bg.png') no-repeat center;*/
        max-width:62px;
        max-height:62px;
        margin-top: -5px;
 }
 .avatarDvNote {
        -background: url('../images/avatar_bg.png') no-repeat center;
        max-width:50px;
        max-height:50px;
 }
 .avatarDvNote img{max-width: 100%;}
 .avatarOver {
    width:62px;
    height:62px;
    position:absolute;
 	-webkit-opacity:0.0;
	-moz-opacity:0.0;
	-ms-opacity:0.0;
	-o-opacity:0.0;
	opacity:0.0;
 } 
 .avatarOver:hover{
    -webkit-opacity:0.7;
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-o-opacity:0.7;
	opacity:0.7;
}

 .avatarUserPanel{
    border: medium none;
    max-width: 345px;
    min-width: 345px;
    max-height: 345px;
    min-height: 345px;
 }

.ch-imgbtn{    
     width: 50px;
     height: 50px;
     -background:#ffffff;
} 
 .ch-item {
    width: 345px;
    height: 345px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
    -background:#ffffff;
}
.ch-img { 
	background: #999999;/* url(../dominios/logica/uploads/files/84D209CC-8A9C-4662-AA44-8DC7F775A5B8.png) no-repeat center;*/
    width: 345px;
    height: 345px;
	border-radius: 50%;
	overflow: hidden;
}
.ch-info {
	position: absolute;
	/*background: rgba(16,30,40, 0.8);*/
	background: rgba(0,0,0, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	/*transform: scale(0);*/
    text-align:center;
}
.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	/*font-size: 22px;*/
	margin: 0 30px;
	padding: 60px 0 0 0;
	height: 40px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
    overflow: hidden;
}
.ch-info p {
	margin: 0 30px;
    padding:10px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	transition: all 1s ease-in-out 0.4s;
    color:#ffffff;
    line-height:8px;
}
.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}

.ch-info p a:hover {
	color: rgba(255,242,34, 0.8);
}
.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	transform: scale(1);
	opacity: 1;
}
.ch-item:hover .ch-info p {
	opacity: 1;
}

.fieldReadOnly{color:Gray; background: url(../images/lock11.png) #fff no-repeat 95% 50% !important;}
 
 .avatar {
    /*-background: url('../images/avatar_bg.png') no-repeat center;
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;*/
    width:53px; height:53px; padding:4px;
}

.imgPicture {
    max-height: 290px;
    max-width: 290px;
    border: 1px solid #999999 !important;
}

.panelError {
    height: 100%;
    background: #18100d url(../images/registermain3.jpg) no-repeat scroll 50% 0% / cover;
}
.panelError h1 {
	font-size: 50px;
	color: #FFF;
	font-weight: 600;
	letter-spacing: -2px;
	text-shadow: 1px 1px 2px #000;
	position: absolute;
	left: 0px;
	top: -220px;
	width: 480px;
	text-transform: none !important;
}
.wrapperMain {
	width: 980px;
	margin: 0px auto;
	position: relative;
	top: 320px;
}

* {	outline:none;}
html, body {
	width:100%;
	min-height:100%;
    height: 100%;
	-position:relative;
	margin:0;
	padding:0;
}

body {
    color: #000;
    line-height: 1.5;
    font-size: 15px;
    background-color: #101e28;
    /*font-family: 'Raleway', 'Century Gothic', Helvetica, Arial, sans-serif !important;*/
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif !important;
    /*font-family: 'Quicksand', sans-serif !important;*/
    font-weight: 400;
    -webkit-transition: margin-left 0.3s;
    -moz-transition: margin-left 0.3s;
    -ms-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
}
.fullheight {
  height: 100%;
  width: 100%;
  min-height: 800px;
  min-width: 900px
}

.WelcomeNotification {
    background: none repeat scroll 0% 0% rgba(36, 36, 36, 0.95) !important;
}
.dvLicNotifMsg h4 {text-align: center;}
.WelcomeNotification lnkButtonAppAction {
    border: 0px solid #fff;
    background: url(../images/btnShadow.png) #313131 bottom repeat-x;
    text-transform: uppercase;
    margin: 20px 0 20px 50px !important;
    padding: 10px 20px 10px 20px;
}

.dvLicNotifMsg{ text-align:center; padding: 20px;}

div.LicNotification{
    -background: none repeat scroll 0% 0% rgba(226, 204, 1, 0.9);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    -background:#E2CC01;
    z-index: 100000 !important;}
.dvMaintenance{
    display:none;
    height: 100%;
    -position: absolute;
    background: url("../images/maintenancebg.jpg") scroll 0% 0% / cover rgba(0, 0, 0, 0.9);
    z-index: 9999;
    padding: 100px;
    -float: left;
    position: fixed;
    width: 100%;
    left:-1px;
}
.dvDisable{
    display:none;
    height: 100%;
    -position: absolute;
    background: url("../images/capacitybg.jpg") scroll 0% 0% / cover rgba(0, 0, 0, 0.9);
    z-index: 9999;
    padding: 100px;
    -float: left;
    position: fixed;
    width: 100%;
    left:-1px;
}
.dvDisableInfo {
    color: #E2CC01;
    font-size: 3em;
    font-weight: bold;
}
.dvDisableWarning {
    color: #E2CC01;
    font-size: 3em;
    font-weight: bold;
}
.dvDisableError{
    color:#ffffff; 
    font-size:2em; 
    font-weight:bold; 
    background:#A70303;
    background-clip: padding-box; /* this has been added */
    border-radius: 15px;
    border: 10px solid #A70303;}
.dvDisableWMessage{color:#ffffff; font-size:1.3em;}
a.dvDisableWMessage:link{color:#ffffff; }
a.dvDisableWMessage:active{color:#ffffff; }
a.dvDisableWMessage:hover{color:#ffffff; }
a.dvDisableWMessage:visited{color:#ffffff; }

.clock{vertical-align:middle; font-size:35px; color:#fff; line-height:45px; }
.clocklg{vertical-align:middle; font-size:14px; line-height:15px; color: #fff; }
.date{font-size:14px;color: #fff; padding-bottom:20px; text-align:center;}
.dateD{font-size:14px;color: #fff; padding-right:4px; }
            
.clock_Big{vertical-align:middle; font-size:100px; color:#fff; line-height:100px; }
.clocklg_Big{vertical-align:middle; font-size:34px; line-height:35px; color: #fff; }
.date_Big{font-size:22px;color: #fff; padding-bottom:20px; text-align:center; }

.rspSlidePane{
    display:contents
}

.BigClockFront {
    float: right;
    /*    position:absolute; -top:450px; -left:30px; */
    bottom: -100px;
    position: relative;
    padding-top: 50px;
}

.page {
    vertical-align: top;
    height: 100%;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
/*    overflow: overlay;*/
}

.dvContainerMain {
    display: table;
    height: 100%;
    width: 100%;
}
.dvContainerTable {
    display: table-cell;
    height: 100%;
}
.dvContainer {
    height: 100%;
    display: inline-flex;
    width: 100%;
}
.siteWorkApp {
    padding: 0 15px 5px 15px;
    vertical-align: top;
    width: inherit;
}
.sideBarApp {
    width: 330px;
    vertical-align: top;
    /*overflow: hidden !important;*/
    height: 100%;
}
.sideBarAppContainer {
    width: 300px;
    vertical-align: top;
    padding: 5px;
}
.userPanel {background:#3F4A52; color:#ffffff;}

.gradient {
    overflow-y: overlay;
    -background-color: #fff;
    min-width: 600px;
    /*min-height: 530px;*/
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 );
}

.squareDark{background:rgba(0, 0, 0, 0.35);border-radius: 10px; display:table; padding:10px;}

.btnSideBarApp{ margin-top:10px;}

.btnSideBarApp .lnkButton {
    width: 100%;
}

.RadAsyncUpload_btnSideBarApp .ruButton { width:180px !important;}

.RadUpload_MetroTouch .ruButton {
    border-radius: 4px !important;
}

.RadButton_MetroTouch.rbSkinnedButton {
    border-radius: 4px;
    margin-left: 5px;
}

.lnkNoButton {
    color: #fff !important;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    text-align: center;
    margin: 2px !important;
    -moz-box-sizing: border-box;
    padding: 5px 10px;
}

.lnkNoButton:hover {
	-border: 1px solid  #fff;
	background: none !important;
	-background-color:  #101e28;
    -box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	text-decoration:underline;
}

.lnkButtonTrasp {
    border: 1px solid #fff;
    /*background: none !important;*/
    background: rgba(0, 0, 0, 0.5) !important;
}
.lnkButtonTraspNoBorder{
    -border: 1px solid  #fff;
	background: none !important;
}
.lnkButtonNoBlock {display: inline-block !important;}

.lnkButton {
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    color: #fff !important;
    text-align: center;
    -moz-box-sizing: border-box;
    display: inline-block !important;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #101e28;
    border-radius: 4px !important;
/*    border-radius: 3px;*/
}

.lnkButton:hover{
    border-color: #ccc;
    text-decoration: none;
    -box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    background: none repeat scroll 0% 0% #999;
 }

.clearfix:before, .clearfix:after,section:before, section:after,
.spacer:before, .spacer:after,.container:before, .container:after,
.cover:before, .cover:after {content:''; display:table;}
.clearfix:after,section:after,.spacer:after,.container:after,.cover:after {clear:both;}
.clearfix,section,.spacer,.container,.cover {zoom:1;}

img {border:none;	height: auto;	/*max-width: 100%;*/}

a:link{color:#000 ; text-decoration:none; }
a:active{color:#000; text-decoration:none; }
a:hover{color:#999; text-decoration:none; }
a:visited{color:#000; text-decoration:none; }
a {	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	text-decoration: none;
}

input, textarea, select {
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	/*appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;*/
	/*width:100%;*/
	/*padding:0.7em;/*1.3em;*/
	font-family:'Raleway', 'Century Gothic', Helvetica, Arial, sans-serif;
	border:solid 1px #999;/*none;*/
	font-weight: 400;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
/*
input:focus, textarea:focus, select:focus {
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
}
input[type="submit"] {
	background-color:#999;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1.3em 5em;
	font-size: 1em;
	line-height: 1;
	margin:2em 0 0 0;
}
input[type="submit"]:hover {
	background-color: #000;
}
input[type="submit"]:active {
	background-color: #000;
}*/
textarea {
	resize:none;
	height:12em;
}
label {
	-font-size:0.85em;
	-font-weight: 800;
	-text-transform: uppercase;
	margin:0;
	padding: 0 0 0.5em 0;
	-display:block;
}
.RadInput_Default .riTextBox, .RadInputMgr_Default {
    font-family :'Raleway', 'Century Gothic', Helvetica, Arial, sans-serif !important;
    font-size:14px !important; 
    padding: 0 10px 0 10px !important;
    height:38px !important;
}
.NofailureNotification {	color:#009326;padding-bottom: 0;}
.failureNotification {	color:#B42329;padding-bottom: 0;}
    
ul {margin:0; padding:0; list-style-type:none;}
	
i {font-style: normal;	color: #000;}
ul.paragraph-list {	color: #a9aeb4;	line-height: 2;}
ul.paragraph-list > li > span {	width:7em;	display: inline-block;}
ul.paragraph-list > li > span > .icon {	margin: 0 0.5em 0 0;}
div.container {
/*	width:90em;*/
	max-width:95%;
	margin:0 auto;
	position: relative;
	z-index: 8;
}
div.container.full {width:90%;}
.cover div.container {height: 100%;	display: table;	padding:0 5%;}
.cover-content {display: table-cell;vertical-align: middle;}
div.container.margin-top {margin-top:10em;}

.dvTitleFrame {
    /*background: url(../images/bg_head.gif) repeat left bottom scroll transparent;*/
    vertical-align: middle;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    background: radial-gradient(circle, rgba(66,65,65,1) 0%, rgba(42,42,42,1) 29%, rgba(0,0,0,1) 100%);
}
.dvTitle {
    /*background: url(../images/bg_head_halo.jpg) no-repeat center bottom scroll transparent;*/
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.dvTitle td, .dvTitle span {
    line-height: 1;
}
.title{ font-size:1.6em;}

h1, h2, h3 {
	-text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height:1.1;
}
h4 { font-size:1.5em; line-height:22px; margin:15px; -font-weight:normal;}
h1 { font-size:4em;	margin:0 0 1em 0;	font-weight: 200;}
h1 span.icon {	float: left;	margin: 0 0.2em -0.2em -0.15em;}
h2 { font-size:2em;	margin:2em 0 1em 0;	font-weight: 200;	line-height: 1.3;}
.reset-margin-top {	margin-top: 0;}

.h2-list h2 {	margin:2em 0 0.8em 0;}
h3 { font-weight: 800;	font-size:1em;	margin:-0.8em 0 1.5em 0;}
p {	padding: 0;	margin: 0 0 1.5em 0;	color:#666;}
.feature p, .grey p, .bg p {	color:#93989d;}

.lnkButtonPeq {
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
}
.btnSelected {
    font-weight: bold;
    border-bottom: 3px solid #fe8610;
}

.alignright {text-align: right;}
a.button {
	display: inline-block;
	width: auto;
	background-color:#999;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1.3em 5em;
	font-size: 1em;
	line-height: 1;
	margin:2em 0 0 0;
}
a.button:hover {
	background-color: #049f2c;
}
a.button:active {
	background-color: #009326;
}
a.button.black {
	background-color:#000;
}
a.button.black:hover {
	background-color: #049f2c;
}
a.button.black:active {
	background-color: #009326;
}
a.link {
	display: block;
	width: auto;
	color:#999;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1em 0;
	font-size: 1.3em;
	line-height: 1;
	margin:1em 0 0 0;
}
a.link.small {	font-size: 1em;}
a.link:after {
	content: '!';
	font-family: 'icons-wallmob';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin:0.2em 0 -0.2em 0.6em;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
    border-bottom: 3px solid #999;
}
a.link.type-mail:after {
	content: 'G';
	font-size:1.3em;
	float: left;
	margin:-0.2em 0.6em 0 0;
}
a.link:hover {	color: #999;}
a.link:hover:after {	margin:0.2em 0 -0.2em 1em;}
a.link.type-mail:hover:after {	margin:-0.2em 1em 0 0;}
a.link:active {	color: #000;}
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.95);
    z-index: 10;
    height: 5.4em;
    padding: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    /*border-bottom: 3px solid #999;*/
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
}
.RadRotator_MetroTouch .rrClipRegion {
    background-color: transparent !important;
}
.nav-expanded header {	left: -20em;}
.app.fixed {	position: fixed;}
.nav-expanded .app.fixed {	left:0.5em;	font-size:1.8em;	line-height:1;}
.app {
	display: block;
	padding:25px 0;
	line-height:1.2;
	-font-family:Trebuchet MS;
	font-size:2.5em;
	color: #000;
	text-decoration: none;
	position: relative;
	z-index: 2000;
	position: absolute;
	top:20;
	left:0.22em;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-text-shadow:0 0 130px #fff;
	-moz-text-shadow:0 0 130px #fff;
	-ms-text-shadow:0 0 130px #fff;
	-o-text-shadow:0 0 130px #fff;
	text-shadow:0 0 130px #fff;
}
.logo {
	display: block;
	padding:0;
	-line-height:1.2;
	font-family:Trebuchet MS;
	font-size:1.6em;
	color: #6e7880;
	text-decoration: none;
	position: relative;
	z-index: 2000;
	position: absolute;
	top:20;
	left:0.40em;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-text-shadow:0 0 130px #fff;
	-moz-text-shadow:0 0 130px #fff;
	-ms-text-shadow:0 0 130px #fff;
	-o-text-shadow:0 0 130px #fff;
	text-shadow:0 0 130px #fff;
}
.logo.fixed {position: fixed;}
.nav-expanded .logo.fixed {	left:-20em;}
.logo:hover {color: #999;}
a.nav-expander {
	display: block;
	color: #000;
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
	padding: 2em 1.5em 1.9em 1em;
	margin-right: 0em;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	z-index:2000;
}
a.nav-expander.fixed {	position: fixed;}
a.nav-expander > span.navicon {	float: right;	display: block;	margin:0 0 0 1.2em;}
.nav-expanded a.nav-expander.fixed {	right:20em; background-color: rgba(255, 255, 255, 0.95);}
a.nav-expander > span.navicon > span {
	display: block;
	overflow: hidden;
	height:4px;
	width:30px;
	background-color: #000;
	margin:0 0 3px 0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
a.nav-expander:hover {	color: #999;}
a.nav-expander:hover > span.navicon > span {	background-color: #999;}
nav {
	position: fixed;
	top:0;
	right:-20em;
	width: 20em;
	height: 100%;
	background-color:#3f4a52;
	color:#6e7880;
	display: block;
	z-index: 2000;
	-webkit-transition: right 0.3s;
	-moz-transition: right 0.3s;
	-ms-transition: right 0.3s;
	-o-transition: right 0.3s;
	transition: right 0.3s;
	overflow: auto;
}
.nav-expanded nav {	right:0em;}
.nav-logo {
	padding: 10px 0 20px 0.24em;
	display: block;
	line-height: 0.62;
	font-size:3em;
	color: #6e7880 !important;
}
.nav-logo:hover {color: #fff !important;}
.nav-close {
    visibility:hidden;
	color: #6e7880 !important;
	padding:0.5em;
	display: block;
	position: absolute;
	top:0px;
	right: 0;
	font-size:1.5em;
}
.nav-close:hover {	color: #fff !important;}
body.nav-expanded {	margin-left: -20em;}
nav > ul > li > h3 {
	display: block;
	font-size:1.3em;
	color:#fff;
	padding:0em 2em 0.8em 2em;
	font-weight: 200;
	margin:0;
}
nav > ul > li > h3 > a {
	color:#fff !important;
	-padding:0em 2em 0.8em 2em;
	-font-weight: 200;
	-margin:0;
}
nav > ul > li > h3 > a:hover {	color: #9b9b9a !important;}
nav > ul > li > ul {	margin:0 0 2em 0;}
nav > ul > li > ul > li > a {	display: block;	padding: 0.2em 2.6em;	color: #9b9b9a !important;}
nav > ul > li > ul > li > a > span.icon {
	float: right;
	-webkit-opacity:0.0;
	-moz-opacity:0.0;
	-ms-opacity:0.0;
	-o-opacity:0.0;
	opacity:0.0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin:0.1em 0.5em -0.1em 0;
}
nav > ul > li > ul > li > a:hover {	color: #fff !important;}
nav > ul > li > ul > li > a:hover > span.icon {
	float: right;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	-ms-opacity:1.0;
	-o-opacity:1.0;
	opacity:1.0;
	margin:0.1em -0.4em -0.1em 0;
}
nav > ul.social {	position: relative;	bottom:0.7em;	width: 84%;	margin:0 8%;}
nav > ul.social > li {	float: left;	width: 20%;	text-align: center;}
nav > ul.social > li > a {	display: block;	font-size:1.4em;	padding: 1em 0;	color: #000;	color: rgba(0,0,0,0.4);}
nav > ul.social > li > a:hover {	color: #fff;}
section {
	position: relative;
	width:100%;
	padding:80px 0;
	display: block;
	height: auto;
    z-index: 500;
	overflow: hidden;
}
section.less-padding-top {	padding-top:0;}
section.less-padding-bottom {	padding-bottom:0;}

section.bg {
	background-position:47% 50%;    
	height:34em;
	max-height:460px;
	overflow: hidden;
	padding:6em 0;
	background-repeat: no-repeat;
}
section.bg h1 {	font-size: 2.5em;}

@-webkit-keyframes hovering {
	0%, 100% { top: -20px;left:50.5%; }
	50% { top: 0px;left:50%; }
}
@-moz-keyframes hovering {
	0%, 100% { top: -20px;left:50.5%; }
	50% { top: 0px;left:50%; }
}
@-o-keyframes hovering {
	0%, 100% { top: -20px;left:50.5%; }
	50% { top: 0px;left:50%; }
}
@keyframes hovering {
	0%, 100% { top: -20px;left:50.5%; }
	50% { top: 0px;left:50%; }
}

footer div.lower {
	-background-color:#101e28;
	-background-color: rgba(13,30,40,0.9);
	color:#9b9b9a;
	padding:1em 0;
	text-align: center;
	 float:inherit;
	 position:relative;
	 vertical-align:bottom;
}
    footer div.lower a.footer-logo {
        float: left;
        color: inherit;
        display: block;
        padding: 0;
        display: block;
        line-height: 0.1;
        margin-top: 0.14em;
        font-size: 11px;
    }
footer div.lower a.footer-logo:hover {	color: #fff;}
footer div.lower p {
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	-ms-opacity: 1.0;
	-o-opacity: 1.0;
	opacity: 1.0;
	display: inline-block;
	margin: 1.4em 0 0 0;
	color: inherit;
}
footer div.lower ul.payment-types {	-float: right;}
footer div.lower ul.payment-types li {	float: left;	margin:0 0 0 0.7em;	font-size:3.5em;}
footer div.lower ul.payment-types li.dk-resizer {	font-size:1.6em;}

div.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	background-color: #000;
	background-color: rgba(0,0,0,0.9);
	display: none;
}
div.overlay a.close {
	font-size: 2.5em;
	position: absolute;
	top:0;
	right:0;
	color:#fff;
	padding:0.8em;
}
div.overlay a.close:hover {	color:#23314e;}
section.has-tabs {	padding-top:4.8em;}
ul.tabs-navigation {
	display: block;
	text-align: center;
	border-bottom: 1px solid #e7ebef;
	/*position: absolute;*/
	top:0;
	left:0;
	width: 100%;
	height:5.4em;
	z-index:2000;
	-background-color:#fff;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-ms-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
}
.nav-expanded ul.tabs-navigation.fixed {left:-20em;}

.btnRepQuerys{padding-right:0px !important;}
.btnQuerys{ background: url(../images/Querys.png); height:16px; width:16px;}
.btnQuerys:hover{ background: url(../images/Querys-over.png);}
.btnConfig{ background: url(../images/settings.png); height:16px; width:16px;}
.btnConfig:hover{ background: url(../images/settings-over.png);}
.btnInfo{ background: url(../images/info.png); height:16px; width:16px;}
.btnInfo:hover{ background: url(../images/info-over.png);}

.btnNewreg{background:#101e28; color:#fff; padding:5px 10px 5px 10px;}
.btnNewreg:hover{background:#999; color:#fff;}

/*ul.tabs-navigation.fixed {	position: fixed;}*/
ul.tabs-navigation > li {
	display: inline-block;
	position: relative;
	z-index: 20;
}
ul.tabs-navigation > li > a {
	display: block;
	padding:2em 1.3em;
	text-transform: uppercase;
	font-weight:400;
	color:#000;
	-font-size: 1.3em;
}
ul.tabs-navigation > li > a:hover {	color: #999;}
ul.tabs-navigation > li > a.current {	font-weight: 800;	position: relative;}
ul.tabs-navigation > li > a.current:before {
	content: '';
	position: absolute;
	bottom:-10px;
	left:50%;
	margin:0 0 0 -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #e7ebef transparent transparent transparent;
	z-index:1;
}
ul.tabs-navigation > li > a.current:after {
	content: '';
	position: absolute;
	bottom:-8px;
	left:50%;
	margin:0 0 0 -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	z-index:2;
}
.tabs-navigation > li {
    float: left;
    text-align: center
}

    .tabs-navigation > li > ul {
        display: none;
    }

    .tabs-navigation > li:hover > ul {
        display: block;
    }
    .tabs-navigation li ul li {
        position: relative;
    }

    .tabs-navigation li ul li ul {
        right: -140px;
        top: 0px;
    }

#header {
    margin: auto;
    display: table;
    margin-top: -80px;
/*    margin-top: -60px;
    width: 100%;
    text-align: center;
*/}

ul, ol {
    list-style: none;
}

.nav > li {
    float: left;
}

.nav li a {
    color: #000;
    text-decoration: none;
    padding: 10px;
    display: block;
}

 .nav li a:hover {
    font-weight:bold;
    }

.nav li ul {
    background-color: rgba(255,255,255,0.95);
    display: none;
    position: sticky;
    /*position: fixed;*/ 
    min-width: 140px;
}

.nav li:hover > ul {
    display: block;
}

.nav li ul li {
    position: relative;
    text-align: left;
}

    .nav li ul li ul {
        right: -140px;
        top: 0px;
    }

.padding-top {	padding-top:3em;}
ul.socials {	margin:-1em 0 0 -0.7em;}
ul.socials > li {	display: inline-block;}
ul.socials > li > a {	display: block;	padding:0.5em;	font-size:1.3em;}
div.image-icon {	height:13.5em;	margin:3em 0 0 0;}
img.cover-box {	margin:7em 0 5em -8em;}

/* big resolutions */
@media only screen and (min-width: 1900px) {
	body {font-size:15px !important;	}
	section.cover.frontpage {		background-size: 100%;	}
}
@media only screen and (max-width: 1300px) {
	section.frontpage {		background-position:20% -10px;	}
	img.cover-hand {
		position: absolute;
		top:0;
		left: 54%;
		margin-top:-115px;
		margin-left:35px;
	}
	img.stand-footer {
		position: absolute;
		bottom: -5%;
		left: 54%;
		margin-left: -48px;
	}
}
/* tablet, landscape */
@media only screen and (max-width: 1024px) {
    body {
        font-size: 12px !important;
    }
}
/* tablet, portrait & smartphones, landscape */
@media only screen and (max-width: 768px) {
    body {
        font-size: 12px !important;
    }
}
/* smartphones, portrait */
@media only screen and (max-width: 400px) {
    body {
        font-size: 11px !important;
    }
}

.dashboardContainer{
    display:table; 
    min-width:1050px; 
    -background:#fff;
    border-radius: 5px; 
    /*text-align:center;*/
    width:100%;
}

.dashboardPanel{ float:left; position:relative;}

.dashboardPanel1{-width:33%; }
.dashboardPanel2{-width:33%; -Height:200px; }
.dashboardPanel3{-width:33%; padding-left:40px; }
.dashboardPanel4{-width:33%; -Height:200px; }
.dashboardPanel5{width:100%; float: none !important;}

.rsbPopup {  width: 290px !important;}
.rsbPopup_MetroTouch{ font-size:14px !important; height:200px;}

/* estilo de las RadWindow */
.RadWindow .rwWindowContent .radconfirm {
    background-image: none !important; /*url("../images/icon_question.png") !important;*/
    background-position: left top !important;}
.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, 
.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, 
.RadWindow_MetroTouch .rwTitleRow .rwTopRight { -background-color:#101e28 !important;}
.RadWindow_MetroTouch .rwTable a.rwIcon {-background-image: url() !important;}

/* estilo de los botones del grid*/
.RadGrid_MetroTouch .rgPager .rgPagerButton {
    border-color: rgb(37, 160, 218) !important;
    background: none repeat scroll 0% 0% rgb(37, 160, 218) !important;
    color: white !important;
}
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, 
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover {
    background-color: rgb(37, 160, 218);
    border: 1px solid rgb(37, 160, 218);
    color: white;}
.RadGrid_MetroTouch .rgRow td {border-style:none !important;}

.txtSmall{ font-size:11px; }

.RadCalendar_MetroTouch .rcMain .rcRow .rcTodayH {
    -webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	width:34px;
	height:34px;
	border:2px solid #efaaaa;
	text-align:center;
	background:#efaaaa;
}

.RadUploadProgressArea{	width:100% !important;}
.RadUpload {
    width: auto !important;
    /*text-align: right !important;
    padding-top: 10px;*/
}
.RadUpload .ruInputs li {  margin: 0px 0px 0px !important;}
.RadUpload .ruInputs {display: -moz-box;}

/*.RadUpload .ruInputs li { margin: 0px !important; }
.ruUploadProgress, li .ruCancel, li .ruRemove { visibility:hidden; }
li.ruUploading { height:1px; margin:0px !important; }*/
li.ruUploadingFile{ display:none; }

/*.RadScheduler .rsAllDayWrapper { margin-left: 45px !important;*/
.RadScheduler_MetroTouch .rsAdvOptionsPanel .rsAdvDatePicker .riSingle, .RadScheduler_MetroTouch .rsAdvOptionsPanel .rsAdvTimePicker .riSingle { width: 110px !important; }
.RadScheduler_MetroTouch .rsAdvOptionsPanel .rsAdvDatePicker .riTextBox, .RadScheduler_MetroTouch .rsAdvOptionsPanel .rsAdvTimePicker .riTextBox {  background: none !important;}
.RadScheduler_MetroTouch .rsAptContent { font-size:0.8em;}

.RadScheduler .rsCategoryAgenda .rsAptContent, 
.RadScheduler .rsCategoryAgenda .rsAptIn, 
.RadScheduler .rsCategoryAgenda .rsAptMid, 
.RadScheduler .rsCategoryAgenda .rsResourceMarker {
    border-color: #FFAE12;
    background-color: #f9d754;
    color: #000000;
}
.RadScheduler .rsCategoryAgendaInfo .rsAptContent, 
.RadScheduler .rsCategoryAgendaInfo .rsAptIn, 
.RadScheduler .rsCategoryAgendaInfo .rsAptMid, 
.RadScheduler .rsCategoryAgendaInfo .rsResourceMarker {
    border-color: #FFAE12;
    background-color: #f9d754;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    color: #000000;
}
.RadScheduler .rsCategoryAgendaNoMy .rsAptContent, 
.RadScheduler .rsCategoryAgendaNoMy .rsAptIn, 
.RadScheduler .rsCategoryAgendaNoMy .rsAptMid, 
.RadScheduler .rsCategoryAgendaNoMy .rsResourceMarker {
    border-color: #999999 !important;
    background-color: #999999 !important;
    color: #000000;
}
.RadScheduler .rsCategoryTeamwork .rsAptContent, 
.RadScheduler .rsCategoryTeamwork .rsAptIn, 
.RadScheduler .rsCategoryTeamwork .rsAptMid, 
.RadScheduler .rsCategoryTeamwork .rsResourceMarker {
    border-color: #00864b;
    background-color: #31a16f;
    color: #000000;
}
.RadScheduler .rsCategoryTeamworkPre .rsAptContent, 
.RadScheduler .rsCategoryTeamworkPre .rsAptIn, 
.RadScheduler .rsCategoryTeamworkPre .rsAptMid, 
.RadScheduler .rsCategoryTeamworkPre .rsResourceMarker {
    border-color: #00864b;
    background-color: #31a16f;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    color: #000000;
}

.RadScheduler .rsCategoryTeamworkNoMy .rsAptContent, 
.RadScheduler .rsCategoryTeamworkNoMy .rsAptIn, 
.RadScheduler .rsCategoryTeamworkNoMy .rsAptMid, 
.RadScheduler .rsCategoryTeamworkNoMy .rsResourceMarker {
    border-color: #999999 !important;
    background-color: #999999 !important;
    color: #000000;
}

.mediaThumbnail{ max-height:35px; max-width: 75px;}
.mediaThumbnailpreview { max-height:512px; max-width: 512px;}

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 25px;
  line-height: 25px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.5;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

.rwDialogPopup.radconfirm  { -background-image: url('ajax-loader.gif') !important; } 
.RadWindow .rwWindowContent .radalert { background-image: none !important; } 
.reToolbarWrapper { -margin-top: 90px !important;}

#DropZone {
    height: 190px;
    border-color: #ffffff;
    text-align: center;
    border-style:dashed;
    border-width:2px;
    padding-top: 100px;
}
#DropZone p {
    color: #ffffff; 
    margin: 10px;
}

.tagZone {
    -min-height: 190px;
    border-color: #ffffff;
    text-align: center;
    border-style:solid;
    border-width:1px;
    padding: 5px;
}
.tagZoneItemWrapper {
    height: 70px;
    width: 70px;
    margin: 5px;
    -padding-left: 15px;
}

.cfZone {
    -min-height: 190px;
    border-color: #ffffff;
    -text-align: center;
    border-style:solid;
    border-width:1px;
    padding: 5px;
}

.cfZoneItemWrapper {
    -height: 70px;
    min-width: 300px;
    padding: 5px;
    margin: 2px;
    -padding-left: 15px;
}
.cfGroup{position: relative;}
    .cfGroup fieldset legend {
        width: 100%;
        -height: 50px;
        margin-left: -3px;
        line-height: 20px !important;
        font-weight: bold;
        border-bottom: 1px solid #ffffff;
        background: #cccccc;
        -text-align: left;
        padding-left: 15px;
    }
.cfFieldName{ width:250px; text-align:left;}

.RadDock.rieDialogs {
    z-index: 20001 !important;
}
 
.rcbSlide, .rddlSlide {
    z-index: 20002 !important;
}

.RadComboBoxDropDown .rcbImage {
    max-width: 20px;
    max-height: 20px;
    min-width: 20px;
    -min-height: 20px;
}

.RadListView div.rlvI, .RadListView .rlvFloated .rlvI {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 1px solid #ffffff !important;
    padding:5px !important;
}

.RadImageEditor_MetroTouch .RadToolBar_MetroTouch a.rtbWrap img.rtbIcon { max-width: none;}

.rgDataDiv, RadGrid, rgMasterTable { width:100% !important; -height:100% !important;}

.fixHeightCtrl{height:100% !important;}

.emoji{width:45px;}
.Emoticons {background-image: url('../images/emoticons.png') !important;}
.emoji.reDropDownBody table td {
    /*min-width: 30px !important;*/
    padding: 5px 0 0 10px;
}

.emoji.reDropDownBody .reItemOver {
    background: #ffffff !important;
}

.RadWindow {
    padding: 0px !important;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    padding: 4px 0 0 15px !important;
}

.imgflag{border-radius:50%; background:#fff;padding: 3px;
min-width: 20px;
min-height: 20px;}

.RadInput_MetroTouch .riTextBox {
    line-height: 21px !important;
}

.RadGrid_MetroTouch .rgCommandCell {
    background-color: transparent !important;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    padding: 4px 0 0 1px !important;
}

.RadWindow .rwTitleBar {
    margin: 0 !important;
}
.rwIcon {
    margin: 12px 5px 0 6px !important;
    background-image: none !important;
    position: relative !important;
}
.rsApt .rsAptContent .custom-table {
    width: 100%;
    border-collapse: collapse;
}
.fieldItemWrapper {
    /*border: 1px solid #ccc !important;
    float: left;*/
    padding: 10px 0 !important;
    /*margin: 5px;*/
}
.fieldItemWrapperValue {
    padding: 0 10px !important;
}
.fieldItemWrapperNoValue {
    color: #ccc;
}
.RadGrid_MetroTouch {
    color: #000 !important;
}
.RadWindow .rwTitleWrapper {
    height: unset !important;
}


#newMessage {
    width: 10px;
    height: 10px;
    border-radius:50px;
    background: #25a0da;
    -moz-animation: cssAnimation 5s forwards;
    -webkit-animation: cssAnimation 5s forwards;
    -o-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
}

@keyframes cssAnimation {
    0% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
    /*to {
        width: 0;
        height: 0;
        overflow: hidden;
    }*/
}

@-webkit-keyframes cssAnimation {
    0% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
    /*to {
        width: 0;
        height: 0;
        visibility: hidden;
    }*/
}

.podMessage {
    padding: 10px;
    background: #dedede;
    margin-right: 100px;
    margin-left: 0;
    border-radius: 10px;
}
    .podMessage a {
        color: #25a0da !important;
        text-decoration:underline;
    }
.podMyMessage {
    background: #cae4f9;
    margin-left: 100px;
    margin-right: 0;
}
.podFileMessage {
    background: none;
}

.podThumbnail {
    max-height: 50px;
    max-width: 50px;
    min-height: 30px;
    min-width: 30px;
    padding:5px;
}

.podSysMessage {
    background: none;
    color: #25a0da;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}
.podChat {
    height: 100%;
    width: 100%;
    overflow: auto;
    border: 1px solid #C3C3C3;
    background: white;
    margin: 3px;
    display: block;
}
.popChatInner {
    height: 100%;
    width: 100%;
    background: white;
    display: block;
}
.podMsgsCounterContainer {
    background: #25A0DA;
    border-radius: 50px;
    position: absolute;
    left: 50px;
    bottom: 54px;
    min-width: 25px;
    text-align: center;
}
.podMsgsCounter {
    color: #fff !important;
    font-size: smaller !important;
    padding: 5px !important;
}
.tasksCounterContainer {
    background: #00864b;
    border-radius: 50px;
    position: absolute;
    right: -8px;
    bottom: 44px;
    min-width: 25px;
    text-align: center;
}
.dvGraph {
    background: #25a0da;
    height: 50px;
    border-radius: 2px;
}

.rgEditForm {
    width: auto !important;
}

.cfButton {
    padding: 8px;
}
.RadComboBox_round table td.rcbInputCellLeft {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.RadComboBox_round .rcbArrowCell {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}