﻿ul.dropdown-menu > li > a {
    -webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	transition: all 600ms ease;
}

#cmsheader,
.dropdown-menu.ui-widget-header {
    background-position: center top;
}

/*Facebook comments*/
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/*Facebook Like & Send*/
.fb-like {
    overflow: hidden;
    max-width: 100%;
}

ul.minipics 
{
    height:100%;
    width:100%;
    display: block;
    overflow:auto;
    list-style:none;
    margin: 2px;
    padding: 0;
}

ul.minipics li {
    float:left;
    display:table-cell;
    vertical-align:bottom;
    text-align: center;
    margin: 2px;
}

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
    /*font-size: px;*/
}

/* ALIENSOFT */
.evd-tool { width: 78px; }
.evd-tool2 { width: 52px; }
.evd-toolbar a { float: left; background-position: left center; 
                 background-repeat: no-repeat; display:block;
                 height: 22px; width: 22px; padding: 1px 2px 1px 2px; }
.evd-toolbar a.editlnk { background-image: url(/Content/Images/edit_22.png); }
.evd-toolbar a.viewlnk { background-image: url(/Content/Images/kview_22.png); }
.evd-toolbar a.deletelnk { background-image: url(/Content/Images/trash_22.png); }
.search-field { color: #000000; margin: 0.5em 0 0 0; }
.iconfield { background-repeat:no-repeat; padding-left: 18px; background-position: left center; }
.ae-lookup-multidisplay { list-style:none; border: 1px solid rgba(0, 0, 0, .3); float:left; padding: 0px 0px 0px 0px; min-height:18px; width:85%; border-radius: 5px; margin: 0px 0px 5px 0px; }
.ae-lookup-item { margin: 5px; }
.ae-lookup-item p { min-height: 35px; vertical-align:text-bottom; }
.ae-lookup-item p img { position:relative; bottom: 0px; }
.ae-lookup-list { padding: 0px; }
.divider { clear:both; }
/* .ae-lookup-textbox { width: 75%; } */
.ae-lookup-mbtn { float: left;}
.saveBtn { width:100%; height:100%; }
.ui-tabs-panel { min-height:300px; }
.updateonchg.text-box { padding: 0; }

.ae-lookup-openbtn {
    float: left;
    margin-left: 3px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}
.ae-lookup-clearbtn {
    padding-top:5px;
    padding-left:5px;
    float: left;
    margin-left: 3px;
    cursor: pointer;
    height: 25px;
    width: 25px;
}
.ae-lookup-textbox {
    float:left;
}
.ae-lookup-searchlist {    
    overflow: scroll !important;
}
.ae-lookup-selectedlist {
    overflow: scroll !important;
}
.ae-lookup-list {
    margin: 0;
    padding 0;
}
.ae-lookup-morebtn {
    display: block;
    padding: 1em;
    cursor: pointer;
    text-align: center;
    clear:both;
}
.ae-fixed {
    position: fixed !important;
}



/*Dialog fix*/
.ui-dialog { z-index: 5000 !Important; }

.tooltooltip { display:none; }
.multi-line { width: 96%; }
.single-line { width: 96%; }
.tiny { font-size: xx-small; }
#Opt_form {
    text-align: center;
    display: block;
    height: auto;
    overflow: auto; }
.entrytable { width: 100%; }
.entrytable td, 
.entrytable th
{
    text-align: left; 
    border-bottom-width: 1px; 
    border-bottom-color: rgba(0, 0, 0, .5); 
    border-bottom-style: dashed;
}
.TwoOptionsCol { width: 6em; }
.translationtable { width:100%; }
.toolbarBtn { float: left; }
#maintblbody tr {
    -webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
        -ms-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
}
#maintbl thead tr th {
    -webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
        -ms-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
}
.numgrid { font-size:xx-small; }
.numgrid input { width:4em; }
.numgrid tr:first td:first { width:10em; }

.zoomIcon { 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(images/zicon.png);
}

/* these styles are for the demo, and are not required for the plugin */
.zoom { display:inline-block; position:relative; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }
.imgZoomContainer img:hover { cursor: url(images/grab.cur), default; }
.imgZoomContainer img:active { cursor: url(images/grabbed.cur), default; }
.altrow , .oddrow { vertical-align: top; font-size:small; }
.altrow { background: rgba(255, 255, 255, .1); }
.oddrow { background: rgba(125, 125, 125, .1); }
.parenttable { width:100%; }
.datatableta { height:100%; }
.scrolltable { overflow: auto; }
.addlinebtn { width: 100%;}

/*Logistics*/
#pendrequests { max-height: 500px; overflow: auto; }
#slider-range-min { margin: 10px; }
#proyshipments { font-size:smaller; }
#proyshipments .evenrow { background-color:InfoBackground; color:InfoText; }

/*USERS*/
.isOnline { font-size: .8em; color : Green; }
.isOffline { font-size: .8em; color : Gray; }

/*Details*/
.details { }
ul.details { list-style: none; padding: 2px 2px 2px 2px; }
ul.details li { width: 100%; float:left; display:block; border: 1px solid #AAAAAA; margin: 2px 2px 2px 2px; }
ul.details li .close { padding: 0px 2px 0px 0px; float:right; color: Gray; text-decoration: none; }
ul.details li .close:hover { color: Black; }
.dat-val { margin: 2px 0px 0px 0px; }
.fleft { float: left; }
.fright { float: right; }

/*BOXED ITEM*/
.boxed { float: left; width: auto; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
.boxed h5 { margin: 0 0 0.4em; cursor: pointer; min-width: 10em; }
.boxed a { float: right; }
.boxed img { float: none; }

/*PURR*/
#purr-container { position: fixed; top: 0; right: 0; z-index: 15005; }
.notice { position: relative; width: 324px; }
.close { position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(/Content/images/purrClose.png) no-repeat 0 10px; }
.notice-body { min-height: 50px; padding: 22px 22px 0 22px; background: url(/Content/images/purrTop.png) no-repeat left top; color: #f9f9f9; }
.notice-body img { width: 50px; margin: 0 10px 0 0; float: left; }
.notice-body h3	{ margin: 0; font-size: 1.1em; }
.notice-body p { margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em; }
.notice-body p img { width: 16px; height: 16px; margin: 0 0 0 3px; float: left; }
.notice-bottom { height: 22px; background: url(/Content/images/purrBottom.png) no-repeat left top; }

.ui-sortable { list-style: none; padding: 0;}

/*Control Panel Menu Styles*/
.cp-menu li{ width: auto; 
             height: 50px;
             float: left;
             padding: 5px 5px 5px 5px;}
.cp-menu li a { text-align: left; display: block; width: 100%; height: 100%; }
.cp-content{ width: 100%; height: 100%; }
.cp-main{ font-size: 1.5em; }
.cp-sub{ font-size: 1em;}
.cp-icon { margin-top: 35px;
    -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.cp-text { float: right; margin-right: 0px;
    -webkit-transition: all 800ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; -ms-transition: all 800ms linear; transition: all 800ms linear; }
.cp-menu li:hover .cp-icon { margin-top: 0px; }

/****************************************
    Lateral On-Scroll Slider
*****************************************/
h2.ss-subtitle { padding: 10px 10px 40px; font-size: 52px; text-transform: uppercase; color: rgba(0,0,0,0.8); position: relative; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
h2.ss-subtitle:before { width: 4px; height: 40px; background: rgba(17,17,22,0.8); content: ''; position: absolute; right: 75%; margin-right: -4px; bottom: -4px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; }
h2.ss-subtitle:after { width: 25%; height: 0px; border-bottom: 4px dotted rgba(17,17,22,0.8); content: ''; position: absolute; right: 50%; margin-right: -1px; bottom: -4px; }
.ss-links { position: fixed; left: 10px; top: 166px; width: 25%; z-index: 100; }
.ss-links a { background: rgba(0,0,0,0.2); font-size: 16px; width: 40px; height: 40px; line-height: 40px; margin: 5px; float: left; border-radius: 50%; display: block; text-align: center; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear; }
.ss-links a:hover { background: rgba(0,0,0,0.4); }
.ss-container { width: 100%; position: relative; text-align: left; overflow: hidden; padding-bottom: 50px; }
.ss-container h2 { font-size: 40px; text-transform: uppercase; text-shadow: 0px 1px 1px #fff; padding: 20px 0px;
}
.ss-container:before { position: absolute; width: 4px; background: rgba(17,17,22,0.8); top: 0px; left: 50%; margin-left: -2px; content: ''; height: 100%; }
.ss-row { width: 100%; clear: both; float: left; position: relative; padding: 30px 0; }
.ss-left, .ss-right { float: left; width: 48%; position: relative; }
.ss-right { padding-left: 2%; }
.ss-left { text-align: right; float: left; padding-right: 2%; }
.ss-right .content { margin: 15px 0px 15px 0px; }
.ss-circle { overflow: hidden; display: block; padding: 5px;}
.ss-circle table { width:100%; font-size:xx-small; }
.ss-small .ss-circle { width: auto;  max-width: 90%; height: auto; }
.ss-medium .ss-circle { width: 200px; height: 200px; }
.ss-large .ss-circle { width: 300px; height: 300px; }
.ss-circle-deco:before { width: 29%; height: 0px; border-bottom: 5px dotted #ddd; border-bottom: 5px dotted rgba(17, 17, 22, 0.3); -webkit-box-shadow: 0px 1px 1px #fff; -moz-box-shadow: 0px 1px 1px #fff; box-shadow: 0px 1px 1px #fff; position: absolute; top: 50%; content: ''; margin-top: -3px; }
.ss-circle-deco:after { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: ''; position: absolute; top: 50%; margin-top: -10px; }
.ss-left .ss-circle-deco { right: 2%; margin-right: 30%;}
.ss-right .ss-circle-deco { left: 2%; margin-left: 30%; }
.ss-left .ss-circle-deco:before { right: 2%; }
.ss-right .ss-circle-deco:before { left: 2%; }
.ss-left .ss-circle-deco:after { right: 0; border-right: 10px solid rgba(17,17,22,0.8); }
.ss-right .ss-circle-deco:after { left: 0; border-left: 10px solid rgba(17,17,22,0.8); }
.ss-left .ss-circle { float: right; text-align: right;}
.ss-right .ss-circle { float: left; text-align: left;}

/********************************************
   MvcContrib Grid Style
********************************************/ 
.grid-style { width: 100%; }
.grid-style th { text-decoration:none; }
.grid-style .tools { width: 60px; }
.grid-style .sort_asc { background-image: url('images/arrow_up.png'); background-repeat: no-repeat; background-position: left; padding-left: 20px; }
.grid-style .sort_desc { background-image: url('images/arrow_down.png'); background-repeat: no-repeat; background-position: left; padding-left: 20px; }
.pagination { width: 100%; }
.searchdiv { color: #000000; padding: 5px; margin: 10px; }

/* Styles for validation helpers --------------------------------- */
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/* Styles for editor and display helpers------------------ */
.display-label, 
.editor-label { margin: .5em 0 0 0; width: 150px; float: left; }
.display-field, 
.editor-field { margin: 0.5em 0 0 0; float: none; clear: right; }
.editor-field select { width: auto; }
.editor-field .text-box { width: 25em; }
/*.text-box { width: 30em; }
.text-box.multi-line { height: 6.5em; } */
.tri-state { width: 6em; }
h1, h2, h3, h4, h5 { margin: 0; }
h3 { font-size: medium; }
h4 { font-size: small; }
h5 { font-size: smaller; }

/*DateTimePicker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
* .ui-timepicker-div dl { text-align: left; }
* .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
* .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
* .ui-timepicker-div td { font-size: 90%; }
* .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  
/* Audio */
#toolbar { padding: 10px 4px; text-align:left; }