@import url('../css/font-awesome.min.css'); /*** admin styles ***/ .ui-autocomplete{position:absolute;} #cpanel{text-align:center;vertical-align:middle;height:1%;} .adminListHeader{height:48px;background-repeat:no-repeat;text-align:left;font-size:18px;font-weight:700;padding-left:80px} .editable{background:#ffff33;cursor:pointer} .align-center{text-align:center} .vm-block{overflow:hidden} .vm-main-container{position:relative} .vm-layout-left{float:left;width:200px} .vm-layout-right{width:auto} .vm-replace-content{text-indent:-9999px;font-size:0} .vm-absolute{position:absolute} .detachselectimage,#addnewselectimage{background-repeat:no-repeat;border:1px solid #CCCCCC;cursor:pointer;display:inline;line-height:36px;margin:5px;padding:5px 5px 5px 16px} .vm_thumb_image{border:1px solid #B4B4B4;border-radius:6px;display:block;float:left;height:140px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:120px;margin:2px;padding:10px}

.vm_thumb_image img{max-height:90px;max-width:110px} .vm_mini_image{max-height:50px;max-width:80px;vertical-align:middle} .vm__img_autocrop{display:block;max-height:400px;overflow:auto;position:relative;text-align:center} .custom_related_title,.custom_related_image{display:block;clear:both} .remove{cursor:pointer} .vm-order_comment{display:block;position:absolute;z-index:1;width:200px;margin:-20px} #fancybox-left-ico{left:20px} #fancybox-right-ico{right:20px;left:auto} .edit-24-grey{background-image:url(../images/edit-24-grey.png);background-position:center center;background-repeat:no-repeat;border:1px solid #CCCCCC;border-radius:4px;display:inline;height:24px;right:0;position:absolute;bottom:2px;width:24px;cursor:pointer;margin:2px 0 0 2px} .removable td{background-color: #d9edf7; border-color: #bce8f1;  border-radius: 4px; margin-bottom: 20px; padding: 15px;} #new_stockable_product{border:1px solid #CCCCCC;cursor:pointer;padding:2px}

div.threecols ul li{background:none repeat scroll 0 0 transparent;display:inline-block;min-height:10px;vertical-align:top;width:32%;padding:0} div.threecols ul{margin:0;padding:0} .media-pagination span{padding:6px; margin-left: 2px; border:solid 1px #075698; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .media-pagination span:hover,.media-pagination span.media-page-selected{background:#CAC9C9;cursor:pointer} .element-hidden{display:none} .datepicker{text-align:center;width:70px} a.fg-button,.always-left{float:left!important} .fg-button{cursor:pointer;outline:0 none;position:relative;text-align:center;text-decoration:none!important;height: 22px !important; line-height: 8px; padding: 4px 10px;} .stock-out{background-color:#f9a7aa!important;color:black} .stock-low{background-color:#F7B77B!important;color:black} .stock-normal{background-color:#F0F9D0!important;color:black} table.adminlist td.order{width:100px !important;}

ol.logline li {margin: 0 0 0 20px;padding: 5px 10px 5px 10px;list-style: decimal-leading-zero;word-wrap: break-word;border-left: 1px solid #CCC;background: #FFF;} /* VirtueMart Admin Area */ .virtuemart-admin-area { display: -webkit-flex; display: flex; overflow: visible; min-height: 540px; } .virtuemart-admin-area .menu-wrapper {overflow:hidden;} .virtuemart-admin-area .admin-content {margin: 0;border-left: solid #b4b4b4 1px;-webkit-flex-basis: 99%; flex-basis: 99%;} #header {background: #ededed;  border-bottom: 1px solid #D3D3D3;  margin-bottom: 10px;} .ratingbox{position:relative;display:block;width:120px;height:24px;background:url(../../../../../components/com_virtuemart/assets/images/color-stars.png) repeat-x scroll 0 bottom transparent} .ratingbox span{background:url(../../../../../components/com_virtuemart/assets/images/color-stars.png) repeat-x;display:block;width:1%;height:24px;position:absolute} .stars-orange{background-position:0 0 !important;} .stars-red{background-position:0 -54px !important;}

.stars-green{background-position:0 -108px !important; } .stars-blue{background-position:0 -162px !important;} .stars-purple{background-position:0 -216px !important;} input.readonly{  border: 0 none;} /*.adminform {border: 0 none;}*/ .adminform input.readonly{ text-align:right; border: 0 none; font-size: 0.909em;font-weight: normal; color:#000; width:75px } /* vmdebug */ .vmdebug pre{ padding-left: 32px;} .adminform th{text-align: right!important;} .admin-dates{width:5%;min-width:110px} dl#system-message dd .vmdebug  { font-size:10px; } /* Fieldset */ .virtuemart-admin-area fieldset {text-align: left;} /* Inputs */ .virtuemart-admin-area fieldset input {float: none !important;clear: none;display: inline-block;} .virtuemart-admin-area fieldset #custom_fields .key {width:96%;}

.virtuemart-admin-area fieldset label, .virtuemart-admin-area fieldset.adminform label, .virtuemart-admin-area fieldset.adminform span.faux-label {margin-bottom: 0; float: none;clear: none;display: inline-block; padding: 5px; min-width: 0px;} /*.virtuemart-admin-area div.tabs {margin-bottom: 240px;}*/ textarea {width: 100%;} /*.datepicker{width: 60px;} seems unused*/ .translator { border-left: 4px solid #1FBE42; padding-left: 8px ; } /* Tabs */ /* The Navigation Area */ /*#admin-ui-tabs {overflow: visible !important;}*/ #admin-ui-tabs ul#tabs {list-style: outside none; padding: 0; margin-top: 18px; margin-bottom: 0;} #admin-ui-tabs ul#tabs li {height: 40px; overflow: hidden; float: left; margin-bottom: -1px; display: block; position: relative; text-align: center;} #admin-ui-tabs ul#tabs li.current span {background-color: #fff; color: #555; border: 1px solid #ddd; border-bottom-color: transparent;  border-radius: 4px 4px 0 0; margin-right: 2px; cursor: default;  display: block; padding: 10px 15px;}

#admin-ui-tabs ul#tabs li span {color: #555; cursor: pointer; background-color: #f9f9f9; border-top: 1px solid transparent; border-radius: 4px 4px 0 0; margin-right: 2px; display: block; padding: 10px 15px;} /* The Content Area */ #admin-content .radio input[type="radio"], #admin-content .checkbox input[type="checkbox"] { float: left; margin: 0 10px 0 0; } /* do not change the line below !!! */ #admin-ui-tabs .dyn-tabs {overflow:auto;display:none;} /* Table */ table.adminlist .right{text-align: right;} table.adminlist td.vm-order span {  margin-left: 8px; background-repeat: no-repeat; float:  right; height: 13px; text-align: center; width: 20px; } /*//////////////////////////////////// ////////////// Basics //////////////// ////////////////////////////////////*/ .inline {display: inline-block;vertical-align: middle;} .clear {clear: both;} .floatleft {float: left;} .floatright{float: right;} .center{text-align: center} .right {text-align: right;} /*//////////////////////////////////// ///////////// All Width`s ////////////

////////////////////////////////////*/

.virtuemart-admin-area .toggler {background: none !important; height: 54px !important; top: auto !important; width: 40px !important;} .virtuemart-admin-area .admin-content input, .virtuemart-admin-area .admin-content .uneditable-input {width: auto !important;} .width1{width:1%}.width2{width:2%}.width3{width:3%}.width4{width:4%}.width5{width:5%}.width6{width:6%}.width7{width:7%}.width8{width:8%}.width9{width:9%}.width10{width:10%}.width11{width:11%}.width12{width:12%}.width13{width:13%}.width14{width:14%}.width15{width:15%}.width16{width:16%}.width17{width:17%}.width18{width:18%}.width19{width:19%}.width20{width:20%}.width21{width:21%}.width22{width:22%}.width23{width:23%}.width24{width:24%}.width25{width:25%}.width26{width:26%}.width27{width:27%}.width28{width:28%}.width29{width:29%}.width30{width:30%}.width31{width:31%}.width32{width:32%}.width33{width:33%}.width34{width:34%}.width35{width:35%}.width36{width:36%}.width37{width:37%}.width38{width:38%}.width39{width:39%}.width40{width:40%}.width41{width:41%}.width42{width:42%}.width43{width:43%}.width44{width:44%}.width45{width:45%}.width46{width:46%}.width47{width:47%}.width48{width:48%}.width49{width:49%}.width50{width:50%}.width51{width:51%}.width52{width:52%}.width53{width:53%}.width54{width:54%}.width55{width:55%}.width56{width:56%}.width57{width:57%}.width58{width:58%}.width59{width:59%}.width60{width:60%}.width61{width:61%}.width62{width:62%}.width63{width:63%}.width64{width:64%}.width65{width:65%}.width66{width:66%}.width67{width:67%}.width68{width:68%}.width69{width:69%}.width70{width:70%}.width71{width:71%}.width72{width:72%}.width73{width:73%}.width74{width:74%}.width75{width:75%}.width76{width:76%}.width77{width:77%}.width78{width:78%}.width79{width:79%}.width80{width:80%}.width81{width:81%}.width82{width:82%}.width83{width:83%}.width84{width:84%}.width85{width:85%}.width86{width:86%}.width87{width:87%}.width88{width:88%}.width89{width:89%}.width90{width:90%}.width91{width:91%}.width92{width:92%}.width93{width:93%}.width94{width:94%}.width95{width:95%}.width96{width:96%}.width97{width:97%}.width98{width:98%}.width99{width:99%}.width100{width:100%}

/* Icons */ .print_32, .icon-32-print {background: url(../images/icon_32/printer.png) no-repeat transparent; float:left;height: 32px;margin: auto;text-align: center;width: 32px;} .invoice_32, .invoice-32-print {background: url(../images/icon_32/invoice.png) no-repeat transparent; float:left;height: 32px;margin: auto;text-align: center;width: 32px;} .invoicenew_32, .invoice-32-print {background: url(../images/icon_32/invoicenew.png) no-repeat transparent; float:left;height: 32px;margin: auto;text-align: center;width: 32px;} .deliverynote_32, .deliverynote-32-print {background: url(../images/icon_32/deliverynote.png) no-repeat transparent; float:left;height: 32px;margin: auto;text-align: center;width: 32px;} .deliverynotenew_32, .deliverynote-32-print {background: url(../images/icon_32/deliverynotenew.png) no-repeat transparent; float:left;height: 32px;margin: auto;text-align: center;width: 32px;} .control-group{display: table;margin-top: 15px;} .control-label {float: left;padding: 0 5px 0 0;width: 250px;}

.control-input {float: left;margin: 0 0 0 50px;} .control-input textarea{width:100%;min-width:450px;} .control-field h3 {font-weight: bold;padding:5px;background-color: #cacaca} .control-input input { width: initial;} .control-label .level1 {background-color: #7c7d7f !important;font-weight: bold;padding: 5px;float: none;clear: both;} #limit {width:60px;} /* jqeury ui autocomplete */ .ui-widget{margin-top:2em} .ui-widget-header,.ui-widget-content{padding:.5em 1em} .ui-widget-header h2{margin:0;padding:0} .ui-autocomplete{width:600px;height:300px} .ui-autocomplete li{background:none repeat scroll 0 0 #FFF;display:inline;float:left;list-style:none outside none;position:relative;margin:0;padding:0} .vmpayment_description,.vmshipment_description{margin-left:2px} /* #plugin-Container{display:table} */ .vm2-modallink{height:16px;margin-left:3px;width:16px;display:inline-block;background:url(../images/admin_ui/icon_external_link.gif) no-repeat scroll left top transparent}

.vmquote{background-color:#E9ECEF;border:1px solid #CCC;color:#254D78;font-size:12px;margin:4px;padding:10px} 


ul.newsfeed{list-style:none!important;text-align:left;padding:0; margin-top: 25px;} #cpanel div.icon.vmextimg {float: left; border: 1px solid #ccc; padding: 10px; margin-left: 20px;} #cpanel div.icon.vmextimg a { height: 118px !important;} ul.newsfeed li{font-size:100%;line-height:150%;margin:0;padding:0;} .cpanel{padding-left:25px;text-align:left} .element-box{background:#fff} .virtuemart-admin-area input.ordering { max-width: 30px; } a.signin-button-link {margin: 5px  10px 5px 0;background: #F0F0F0;border: 1px solid #BDBDBD;padding:10px} a:hover.signin-button-link {text-decoration:none;background: #D7D7D7;} a {outline: 0;} a:focus{outline:none;} a:hover{text-decoration:none;} .navbar-inverse {background-color: transparent;border-color: transparent; border:0 none;} .navbar {min-height: 20px;} #filterbox {width: 85%; display: block; float:left;} .virtuemart-admin-area .menu-wrapper {width: auto; overflow: visible;} .virtuemart-admin-area {border-bottom: 1px solid #d3d3d3;background-color: #f9f9f9; background: #f9f9f9;}

.virtuemart-admin-area .admin-content {border-left: 1px solid #d3d3d3 !important;} #header {clear: both;} #header, #resultscounter {background-color: #f9f9f9;background: #f9f9f9;border-bottom: 0 none;margin:10px 0;} .form-control {width: auto;} #adminForm {float: none !important;} #cpanel div.icon {float: none;} #resultscounter {color: #999; display: block; float:left; text-align: right; width: 15%; padding-top:5px;} div.vmleft{ background-color: #13294a; background-image: -moz-linear-gradient(top,#152d53,#10223e); background-image: -webkit-gradient(linear,0 0,0 100%,from(#152d53),to(#10223e)); background-image: -webkit-linear-gradient(top,#152d53,#10223e); background-image: -o-linear-gradient(top,#152d53,#10223e); background-image: linear-gradient(to bottom,#152d53,#10223e); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff142c52', endColorstr='#ff0f213e', GradientType=0); border: 0 none !important; position:relative; width:250px; max-width:100%;

padding:25px 0px; height:100%;} div.vmleft.collapsed{ overflow:visible !important; position:relative;} div.vmleft.collapsed .vm-lang-list-container b { display:none;} div.vmleft.collapsed .vmlogo img{ width: 60px;} div.vmleft.collapsed .vm-lang-list-container img{ width: 18px;} .list-unstyled { margin-left: 0; } a.scrollTop { padding-top: 7px; font-size:30px; } /* VirtueMart logo */ .vmlogo img{ border: 4px solid #10223e; width: 80px;} .vm-lang-list-container { color: #999; font-size: 11px;} .vm-lang-list-container img { border: 0px none; width: 18px;} .menu-notice {background-color: transparent; padding: 0;} /* VirtueMart logo */ .vmnav{margin:20px 0px;} .vmnav > ul > li{position:relative;} .vm-installed-version {color: #d9d9d9;font-size: 12px;margin-top: 10px;text-align: center;} .vmnav > ul > li.vm-submenu:after{ content:"\f105"; font-family: 'FontAwesome'; display:inline-block; position:absolute; color:#7a7e8a; right:15px; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;

-o-transition: all 0.4s; top:10px; visibility:hidden;} .vmnav > ul > li.active.vm-submenu:after, .vmnav > ul > li.vm-submenu:hover:after{ color:#fff;} .vmnav > ul > li > a{ display:block; padding:12px; color:#d9d9d9; text-transform:uppercase; font-size:13px; text-decoration:none; font-weight:800; border-bottom:1px solid #10223e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;} li.vm-submenu:first-child{border-top:1px solid #10223e;} .vmnav > ul > li:hover > a, .vmnav > ul > li:focus > a{ background-color: #184a7d; background-image: -moz-linear-gradient(top,#17568c,#1a3867); background-image: -webkit-gradient(linear,0 0,0 100%,from(#17568c),to(#1a3867)); background-image: -webkit-linear-gradient(top,#17568c,#1a3867); background-image: -o-linear-gradient(top,#17568c,#1a3867); background-image: linear-gradient(to bottom,#17568c,#1a3867); background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff17568c', endColorstr='#ff1a3867', GradientType=0); -webkit-box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.3); box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.3);} .vmnav ul li a i{margin-right:6px; font-size:14px;} .vmnav ul li ul{display:none; background-color: #17568c; -webkit-box-shadow: inset -7px 0 10px -3px rgba(0,0,0,0.3); box-shadow: inset -7px 0 10px -3px rgba(0,0,0,0.3);} div:not(.collapsed) .vmnav ul li.active ul{display:block;} .vmnav ul li ul li a{ padding:8px 25px; color:#fff; text-decoration:none; white-space:nowrap; font-size:13px; border-left:0px solid #fff; text-align:left; display:block;} .vmnav ul li ul li a:hover{color:#ccc;} @media (min-width: 768px) { div.vmleft.collapsed .vmnav ul li ul{ position:absolute; z-index:4; left:100%; top:0px; background-color:#f2f2f2; box-shadow:none; padding:10px 0px; min-width:190px; border:1px solid #ddd;} div.vmleft.collapsed .vmnav ul li ul:before{display:block; content:""; height:20px;

width:20px; border-color: transparent #f2f2f2 transparent transparent; border-width:10px; border-style:solid; position:absolute; cursor:pointer; right:100%; top:22px;} div.vmleft.collapsed{ width:75px; text-align:center;} div.vmleft.collapsed + .content{ margin-left:75px;} div.vmleft.collapsed span.leftnavmenu{display:none;} div.vmleft.collapsed .vmnav > ul > li > a{padding:18px; overflow: hidden;} div.vmleft.collapsed i.fa{ font-size:22px;} div.vmleft.collapsed .vmnav > ul > li.vm-submenu:after{display:none;} div.vmleft.collapsed .vmnav > ul > li:hover > ul{ display:block !important;} div.vmleft.collapsed .vmnav ul li ul li a{ border:0px; color:#8f8f9f;} } header{ background-color:#ededed; border-bottom: 1px solid #d3d3d3; padding-top:4px; padding-bottom:4px;} .subhead {margin-bottom: 0px !important;} .alert {margin-top: 18px !important;} .navbar-toggle{ margin:8px 20px 8px 0px; display:block; padding-left:0px;} .navbar-toggle .icon-bar{ background-color:#b3b3be;} .vm3-search{ position:relative;

margin-top:8px; margin-bottom:8px; margin-right:15px;} .vm3-search .text_area, .vm3-search .text_area:focus{ border:1px solid #d3d3db; font-size:13px; color:#c4c4cd; padding-left:30px; box-shadow:none; border-radius: 40px; background-color: #fff; display: block; height: 34px; line-height: 1.42857; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 20%; } .vm3-search:before{ content:"\f002"; position:absolute; left:12px; font-family: FontAwesome; cursor:pointer; top:25px; color:#c4c4cd; display:inline-block;} .vm3-search .text_area::-moz-placeholder { color:#c4c4cd;} header .navbar-default .navbar-nav > li > a{ color:#b3b3be;} .nav-toolbar{ margin:8px 0px; float:right;} .nav-toolbar > li{ padding:0px; display:inline-block; margin-left:5px; position:relative; list-style:none;} .vmblock {border: 0 none !important; border-radius: 0 0 3px 3px !important;} .nav-toolbar li span.vmbadge{border-radius: 10px !important; position:absolute; top:-6px; right:-7px; background-color: #13294a; font-weight:200; cursor:pointer; height:20px; width:20px; padding: 3px 0 0;} .nav-toolbar > li > a{ color:#b3b3be; border:1px solid #b3b3be; border-radius:50px; height:35px; width:35px; text-align:center; display:block; padding:7px;} .nav-toolbar > li > a:hover{ color:#337ab7; border:1px solid #337ab7;} .nav-toolbar .dropdown-menu.panel{ padding-top:0px; padding-bottom:0px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);} .page-header{ margin:0px; border:0px;} .page-header h1{ color:#84868e; font-weight:300; font-size:32px; margin-top:15px; margin-bottom:20px;} .page-header *{ font-weight:300;} .page-header * small{ font-size:14px; color:#9D9EA5;} table.adminform, table.adminlist{padding :10px;} table.adminlist{float: left; margin-top: 18px; background:#fff; border: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);} div.tabs {float: left; background:#fff; border: 1px solid #ddd; padding :10px; margin-bottom: 18px; width:100%; max-width:100%;} div.tabs td {padding: 5px;}

.table > thead > tr > th {border-bottom: 1px solid #ddd; vertical-align: middle;} input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 0; } fieldset { margin: 10px !important; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative !important; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { height: auto !important; margin-bottom: 0 !important; } input[type="radio"], input[type="checkbox"] { margin: 0 !important; } pre { margin: 10px !important; } .chzn-container-single .chzn-single { background-image: none; height: 2.2em; line-height: 2.2em; } .chzn-container-single .chzn-single div { top: 3px; }

.chzn-container { margin: 10px 10px 10px 0; vertical-align: middle; } .btn-small { padding: 4px 10px !important; } .dashboard-stats.panel{ position:relative; cursor:pointer; padding:10px 10px 10px 106px;} .dashboard-stats i.fa.stats-icon{ width:80px; padding:20px; font-size:40px; position:absolute; margin-left:10px; left:0px; top:10px; text-align:center; z-index:1; color:#fff; height:80px;} .dashboard-stats.rounded i.fa.stats-icon, .dashboard-stats.rounded.panel{ border-radius:50px;} .dashboard-stats .sparkline{ position:absolute; left:30px; top:20px; opacity:0;} .dashboard-stats h3{ margin-top:14px;} .dashboard-stats small{ font-size:14px; margin-left:6px; opacity:0.8;} .dashboard-stats:hover i.fa.stats-icon{ /*right:10px;*/ left:100%; margin-left:-90px;} .dashboard-stats:hover h3, .dashboard-stats:hover p{ opacity:0;} .dashboard-stats:hover .sparkline, .dashboard-stats:hover i.fa.stats-icon{ opacity:1;} .panel{ margin-bottom:30px;} .panel-heading{ font-weight:700;} .panel-heading small, .panel-heading span,

.panel-heading.un-bold{ font-weight:400;} /*** default ***/ .panel-default > .panel-heading, .panel-default > .panel-footer{ border-color: #e8e8eb; box-shadow:none;} .panel-default > .panel-heading, .btn-default{ color:#9D9EA5;} /*** primary ***/ .panel-primary{ border-color:#8d82b5;} .panel-primary > .panel-heading, .panel-primary > .panel-footer{ border-color: #8d82b5; background-color:#8d82b5; box-shadow:none;} /*** success ***/ .panel-success{ border-color:#70ba63;} .panel-success > .panel-heading, .panel-success > .panel-footer{ border-color: #70ba63; background-color:#70ba63; color:#fff; box-shadow:none;} /*** info ***/ .panel-info{ border-color:#4cbceb;} .panel-info > .panel-heading, .panel-info > .panel-footer{ border-color: #4cbceb; background-color:#4cbceb; color:#fff; box-shadow:none;} /*** warning ***/ .panel-warning{ border-color:#feb252;} .panel-warning > .panel-heading, .panel-warning > .panel-footer{ border-color: #feb252; background-color:#feb252; color:#fff; box-shadow:none;} /*** danger ***/

.panel-danger{ border-color:#e35b5a;} .panel-danger > .panel-heading, .panel-danger > .panel-footer{ border-color: #e35b5a; background-color:#e35b5a; color:#fff; box-shadow:none;} /*** Clean Panel Heading ***/ .panel-heading.clean, .panel-footer.clean{ background:none; border:none;} .dropdown-menu > li > a{ color:#84868e;} .dropdown-menu.md{ min-width:300px} .dropdown-menu.lg{ min-width:400px;} .dropdown-menu.arrow:after, .dropdown-menu.arrow:before{ content:""; display:block; position:absolute; height:11px; width:11px; border-color:inherit; border-style:solid; border-width:11px; border-top-color:transparent; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent; position:absolute; bottom:100%; left:6px;} .dropdown-menu.arrow.arrow-top-right, .dropdown-menu.arrow.arrow-top-left{ top:calc(100% + 15px);} .dropdown-menu.arrow.arrow-top-right:after, .dropdown-menu.arrow.arrow-top-right:before{ border-bottom-color:inherit; right:6px; left:auto;}

.dropdown-menu.arrow.arrow-top-right:before{ right:5px; left:auto;} .dropdown-menu.arrow.arrow-top-right:after{ border-bottom-color:#fff;} .dropdown-menu.arrow.arrow-top-left:after, .dropdown-menu.arrow.arrow-top-left:before{ border-bottom-color:inherit; left:6px; left:auto;} .dropdown-menu.arrow.arrow-top-left:before{ left:5px;} .dropdown-menu.arrow:after{ height:10px; width:10px; border-width:10px;} .dropdown-menu.arrow.panel-default:after{ border-bottom-color:#F5F5F5;} hr.sm{ margin-top:15px; margin-bottom:15px;} hr.xs{ margin-top:10px; margin-bottom:10px;} hr.dotted{ border-style:dashed;} hr.clean{ border:0px;} .panel.tab-pane.tabs-up{ border-top:0px; border-top-left-radius:0px; border-top-right-radius:0px;} @media (max-width: 768px) { div.vmleft.collapsed{ width:75px;} div.vmleft.collapsed .vm-lang-list-container b { display:none;} div.vmleft.collapsed .vmlogo img{ width: 30px;} div.vmleft.collapsed .user .user-login, div.vmleft.collapsed span.leftnavmenu { display: none; }

.top-vm{padding-left: 20px !important; padding-right:20px !important;} div.vmleft.collapsed .vmnav ul li a { text-align: center; } div.vmleft.collapsed .vmnav ul li ul li a { text-align: left; } div.vmleft.collapsed .vmnav ul li ul{ position:absolute; z-index:3; left:100%; top:0px; background-color:#F2F2F4; box-shadow:none; padding:10px 0px; min-width:200px; border:1px solid #dddddd;} div.vmleft.collapsed .vmnav ul li ul:before{ display:block; content:""; height:20px; width:20px; border-color: transparent #F2F2F4 transparent transparent; border-width:10px; border-style:solid; position:absolute; cursor:pointer; right:100%; top:10px;} div.vmleft.collapsed .vmnav > ul > li:hover > ul{ display:block !important;} div.vmleft.collapsed .vmnav ul li ul li a{ border:0px; color:#8f8f9f; border-bottom:1px dashed #ECECEE;} } .table th, .table td { vertical-align: middle !important; }