@media (max-width: 768px) { body{ background:url(../images/pat_bg.png) #515b5e; font-family:Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 12px; color:#424242; height: 100%; } .iconsweet{ font-family:iconSweets; font-weight:normal; } /****MOBIL*****/ .nav-collapse ul { margin: 0; padding: 0; width: 20%; display: block; list-style: none; background-color:#515b5e; } .nav-collapse li { width: 100%; display: block; } .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .nav-collapse.opened { max-height: 200px; } .nav-toggle{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .nav-collapse_2 ul { margin: 0px; padding: 0px; width: 10%; display: block; list-style: none; background-color:#515b5e; position:fixed; z-index:900000; } .nav-collapse_2 li { width: 100%; display: block; } .js .nav-collapse_2 { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .nav-collapse_2.opened { max-height: 9999px; } @media screen and (min-width: 769px) { .js .nav-collapse { position: relative; } .js .nav-collapse.closed { max-height: none; } .nav-toggle { display: none; } .submenu{ display: none; } } /* ------------------------------------------ RESET --------------------------------------------- */ body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup { margin: 0; padding: 0; border: 0; } a:active, a:hover { outline: 0; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ------------------------------------------ BASE DEMO STYLES --------------------------------------------- */ body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #37302a; background: #fff; /* min-height: 5000px;*/ /* font: normal 100%/1.4 sans-serif;*/ } section { /*border-bottom: 1px solid #999;*/ float: left; width: 100%; height: 800px; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .fixed { position: fixed; width: 100%; top: 0; left: 0; } .nav, .nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav, .nav ul { list-style: none; width: 50%; float: left; } .nav li { float: left; width: 100%; } .nav li { width: 25%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */ } .nav a { color: #fff; text-decoration: none; /* width: 100%;*/ border-bottom: 1px solid white; float: left; margin: 0; border-bottom: 0; margin-top:5px; margin-left:5px; } .nav ul ul a { background: #ca3716; padding-left: 2em; } .nav ul ul a { display: none; } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src:url("../../../theme/plugins/menu_mobil/icons/responsivenav.eot"); src:url("../../../theme/plugins/menu_mobil//icons/responsivenav.eot?#iefix") format("embedded-opentype"), url("../../../theme/plugins/menu_mobil/icons/responsivenav.ttf") format("truetype"), url("../../../theme/plugins/menu_mobil/icons/responsivenav.woff") format("woff"), url("../../../theme/plugins/menu_mobil/icons/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position:fixed; overflow: hidden; width: 30px; height: 30px; float:left; top:5px; left:10px; display:inline; z-index:99999; } .nav-toggle:before { color: #f4421a; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 35px; speak: none; width: 100%; top: 0; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } .submenu{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position:fixed; overflow: hidden; width: 100%; text-align:right; height: 40px; float:left; top:100px; left:0px; display:inline; margin-right:5px; border-bottom:solid 1px #666666; z-index:9; background-color:#FFF; } .submenu:before{color: #f4421a; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align:right; line-height: 45px; speak: none; width: 95%; top: 0; left: 0; background-color:#FFF; padding:0px; margin:0px; } .submenu.active::before{font-size: 24px; content:"x";} /************mobil*********/ /*=====LAYOUT=====*/ .one_wrap{ width:100%; display:inline-block; margin-top:0px; } .one_two_wrap{ width:49%; float:left; } .one_three_wrap{ width:32%; float:left; margin-left:2%; } .one_three_wrap:first-child{ margin-left:0%!important; float:left; } .one_four_wrap{ width:23.5%; float:left; margin-left:2%; } .one_five_wrap{ width:19%; float:left; margin-left:1%; } .one_four_wrap:first-child{ margin-left:0%!important; float:left; } .widget{ background:#fff; /*box-shadow:0px 1px 2px 0px #acaeaf;*/ /*-webkit-box-shadow:0px 1px 2px 0px #acaeaf;*/ margin-top:2px; clear:both; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:100% !important; height:auto; } .no_overflow{ } .widget .widget_title{ /*background:url(../images/widget_title_bg.png) repeat-x center top #eeeeee;*/ height:40px; /*border-bottom:solid 1px #e0e0e0; border-radius:3px 3px 0px 0px;*/ width:100%; position:relative; } .widget .widget_title span{ font-size:16px; float:left; padding:3px 0px; text-shadow: 0px 1px 0px #fff; -webkit-text-shadow: 0px 1px 0px #fff; color:#6c6c6c; width:35px; text-align:center; margin-top:5px; } .widget .widget_title h5{ color:#6c6c6c; font-size:12px; font-family:CorbelBold; float:left; padding:13px 0px 10px; text-shadow: 0px 1px 0px #fff; } .fl_left{ float:left; } .fl_right{ float:right; } .clear{ clear:both; } .auto{ height:auto; overflow:hidden; } .content_pad{ padding:15px; } .text_center{ text-align:center; } .text_right{ text-align:right; } .text_left{ text-align:left; } /*=====HEADER=====*/ header{ background:url(../images/pat_bg2.png) #515b5e; padding:8px; border-bottom:solid 1px #526267; height:32px; position:fixed; top:0px; left:0px; width:100%; z-index:2222; } header #logo{ float:right; text-align:right; margin-right:5%; width:35%; } #logo img{ width:70%;} /*=====DREAMWORKS CONTAINER=====*/ #dreamworks_container{ /*margin:8px;*/ height:auto; overflow:auto; top:150px; position:absolute; } /*====PRIMARY NAV====*/ .navigation-toggle{ width: 0; height: 0; display:none; } nav#primary_nav{ float:left; font-family:CorbelRegular/*CORBEL*/; } nav#primary_nav ul{ margin:0px; padding:0px; position:fixed; z-index:9999900; top:48px; } nav#primary_nav ul li{ list-style:none; padding:10px 0px; border-top:solid 1px #dcdfe0; line-height:50%; box-shadow:inset 0px 1px 0px #ffffff; width:100%; } nav#primary_nav ul li a{ color:#d8e0e2; text-decoration:none; display:block; /*width:100%; */ /*background:url(../images/nav_sprite.png) no-repeat center;*/ text-shadow: 0px 1px 1px #202324; } nav#primary_nav ul li.active{ padding-left:1px; padding-right:1px; background-color:#DBEEF6; } nav#primary_nav ul li.active a{ color:#4a4a4a; text-shadow:none; font-family:'CorbelBold'; text-shadow: 0px 1px 1px #ffffff; } nav#primary_nav ul li.active span{ color:#4a4a4a; } /*====SECONDARY NAV====*/ /*UserInfo*/ dl.user_info{ width:100%; height:52px; position:absolute; top:48px; background:#889395; position:fixed; z-index:100; } dl.user_info dt{ padding:5px; float:left; margin-right:5px; } dl.user_info dt a img{ position:absolute; height:45px; left:1px; top:5px; } dl.user_info dd{ padding:2px; position:absolute; top:3px; left:55px; width:80%; height:44px; background:#889395; border-radius:3px; } dl.user_info dd a.welcome_user{ text-decoration:none; color:#393939; font-size:13px; display:block; margin-bottom:1px; float:left; } dl.user_info dd a.welcome_user strong{ font-weight:bold; color:#fff; text-shadow: 0px 1px 0px #515b5e; } dl.user_info dd span.log_data{ color:#393939; display:block; margin-bottom:4px; margin-top:4px; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:12px; float:right; } dl.user_info dd a.logout{ display:block; float:left; color:#f5f5f5; text-decoration:none; padding-left:15px; background:url(../images/logoff.png) no-repeat left center; margin-top:5px; width:70%; } dl.user_info dd a.user_messages{ padding-right:28px; float:right; height:21px; background:url(../images/msg.png) no-repeat right center; text-decoration:none; line-height:100%; margin-top:5px; } dl.user_info dd a.user_messages span{ font-size:10px; color:#fff; background:#f2364e; padding:1px 3px; border-radius:3px; font-family:Arial, Helvetica, sans-serif; display:inline-block; } #secondary_nav{ width:50%; height:50%; font-family:'CorbelRegular'/*CORBEL*/; float:left; border-radius:3px 0px 0px 0px; position:relative; } #secondary_nav h2{ color:#8a9294; font-size:20px; line-height:32px; font-family:Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0px #ffffff; position:fixed; top:104px; z-index:500000; margin-left:10px; } #secondary_nav ul{ margin:10px 5px; width:50%; position:fixed; top:128px; right:2px; } #secondary_nav ul li{ list-style:none; padding:10px 0px; border-top:solid 1px #dcdfe0; line-height:50%; box-shadow:inset 0px 1px 0px #ffffff; width:100%; } #secondary_nav ul li a{ color:#FFF; font-size:14px; text-decoration:none; display:inline-block; line-height:17px; width:100%; } #secondary_nav ul li a span{ font-size:21px; float:left; margin:-4px 8px 0px 5px; } #secondary_nav ul li.active{ color:#4a4a4a; background-color:#DBEEF6; } #secondary_nav ul li.active a{ font-family: 'CorbelBold'; color:#4a4a4a; } #secondary_nav ul li.active a span{ color:#4a4a4a; text-shadow: 0px 1px 0px #f4f4f4; } .secondary_nav{ width:100%; padding:0px; margin:0px; } /*====MAIN CONTENT====*/ section#main_content{ overflow:visible; /*margin-left:93px;*/ /*background:url(../images/section_bg.png) repeat-y left center #ebebeb;*/ /*border-radius:4px 3px 3px 3px;*/ /*agregado por edu pa q no se corte */ /*position: absolute; */ height: auto; min-height:620px; margin-bottom:20px; padding-bottom:10px; width:100%; /*agregado por edu pa q no se corte */ /* original min-height:750px;*/ } #content_wrap{ padding:18px; padding-left:0px; padding-top:0px; display:block; /*margin-left:180px;*/ width:100%; } /*CHART HOME*/ #chart_linear{ } /*SUMMARY*/ ul.dw_summary{ margin:0px; } ul.dw_summary li{ margin:0px!important; padding:16px 20px; border-top:solid 1px #e4e4e4; font-size:13px; color:#737373; list-style:none!important; } ul.dw_summary li:first-child{ border:none; } ul.dw_summary li span.percentage_done{ display:inline-block; font-size:17px; font-weight:bold; color:#484848; width:67px; } ul.dw_summary li .progress_wrap{ width:152px; float:right; height:6px; background:#e4e4e4; margin:5px 0px; } ul.dw_summary li .progress_wrap .progress_bar{ height:6px; background:#517bac; width:0px; } /*PROJECT SORT*/ ul.filter_project{ background:#d3d3d3; border-top:solid 1px #f6f6f6; } ul.filter_project li{ padding:8px 7px; display:inline-block; list-style:none; } ul.filter_project li a{ color:#6c6c6c; text-decoration:none; font-weight:bold; text-shadow: 0px 1px 0px #fff; } ul.filter_project li span.count{ line-height:100%; color:#fff; text-shadow: 0px 1px 0px #353535; padding:2px 2px 2px; background:#707070; border-radius:2px; margin-left:8px; min-width:16px; text-align:center; display:inline-block; box-shadow:0px 1px 0px 0px #ffffff; -webkit-box-shadow:0px 1px 0px 0px #ffffff; } ul.filter_project li.selected{ background:#ffffff; box-shadow:inset 0px 10px 8px #eaeaea; -webkit-box-shadow:inset 0px 10px 8px #eaeaea; border:solid 1px #fff; border-width:0px 1px; } ul.filter_project li.selected a{ color:#4a4a4a; } ul.filter_project li.selected span.count{ background:#4a4a4a; } .project_sort ul.project_list{ margin:0px; padding:18px 0px 0px 18px; } .project_sort ul.project_list li{ padding:10px; width:75px; height:70px; position:relative; border:solid 1px #c4c4c4; border-radius:3px; list-style:none; display:inline-block; margin-right:16px; margin-bottom:16px; background:url(../images/project_bg.png) repeat-x bottom center #ededed; } .project_sort ul.project_list .project_badge{ width:36px; height:36px; position:absolute; right:-1px; top:-1px; background:url(../images/project_badge.png) no-repeat center; color:#fff; font-size:19px; text-align:right; line-height:17px; } .project_sort ul.project_list .project_badge.red{ background-position:-148px 0px; } .project_sort ul.project_list .project_badge.blue{ background-position:-299px 0px; } .project_sort ul.project_list .project_badge.grey{ background-position:-1px 0px; } .project_sort ul.project_list a.project_title{ font-size:14px; color:#5c5c5c; text-shadow: 0px 1px 0px #fff; display:inline-block; line-height:18px; font-family: 'CorbelBold'; text-decoration:none; } .project_sort ul.project_list a.assigned_user{ font-size:12px; color:#6c6c6c; text-shadow: 0px 1px 0px #fff; position:absolute; bottom:11px; left:10px; text-decoration:none; } .project_sort ul.project_list a.assigned_user span{ font-size:19px; float:left; margin-top:-7px; margin-right:2px; } /*ACTIVITY DATATABLE*/ table.activity_datatable{ width:100%; float:left; position:relative; } table.activity_datatable th{ background:url(../images/thead_bg.png) repeat-x bottom center; text-transform:uppercase; font-size:7px !important; color:#6c6c6c; font-weight:bold; padding:2px !important; text-align:center; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #d3d3d3; border-top:solid 1px #e5e5e5; box-shadow:inset 0px 1px 0px 1px #fff; -webkit-box-shadow:inset 0px 1px 0px 1px #fff; font-size:7px; vertical-align:middle; } table.activity_datatable td{ padding:1px; color:#6c6c6c; vertical-align:middle; font-size:10px !important; text-align:center; overflow:hidden !important; } table.activity_datatable tr{ border-bottom:solid 1px #e5e5e5; } table.activity_datatable a{ color:#363e40; text-decoration:none; line-height:12px; } table.activity_datatable span.pj_cat{ display:inline-block; line-height:100%; background:#757673; padding:5px 0px; padding-left:5px; padding-right:5px; font-size:10px; text-transform:uppercase; color:#fff; text-shadow: 0px 1px 0px #646464; border-radius:3px; } table.activity_datatable span.stat_up{ color:#637b11; } table.activity_datatable span.stat_down{ color:#7b1111; } table.activity_datatable span.iconsweet{ font-size:17px; } table.activity_datatable span.data_actions a{ color:#6c6c6c; margin-right:1px; padding:0px 1px; font-size:8px; } table.activity_datatable span.green_highlight{ background:#87ac51; font-size:8px; } table.activity_datatable span.grey_highlight{ background:#757673; font-size:8px; } table.activity_datatable span.blue_highlight{ background:#4572a7; font-size:8px; } /* creado por nelo para los etados de las ventas*/ table.activity_datatable span.green_highlight_sales{ background:#87ac51; } table.activity_datatable span.grey_highlight_sales{ background:#757673; } table.activity_datatable span.blue_highlight_sales{ background:#4572a7; } table.activity_datatable span.red_highlight_sales{ background:#FF0000; } table.activity_datatable span.orange_highlight_sales{ background:#FF9900; } table.activity_datatable span.yelow_highlight_sales{ background:#FFFF00; color: black; } table.activity_datatable span.violet_highlight_sales{ background:#C811D6; } /* creado por nelo para los etados de las ventas*/ /*Actionbar*/ .action_bar{ background:#f2f0f0; padding:3px; border-top:solid 1px #e3e3e3; text-align:right; margin:2px; float:left; position:relative; width:100%; } .action_bar a.button_small{ margin-right:5px; } /*Button - basic*/ a.button_big{ font-family: 'CorbelBold'; color:#6c6c6c; display:inline-block; border:solid 1px #cfcfcf; font-size:14px; margin-right:15px; height: 2.78em; line-height: 2.8em; background-color: #F0F0F0; background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%); background-image: -webkit-linear-gradient(top,white 0,#E0E0E0 100%); background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%); border-color: #CCCCCC #CCCCCC #AAAAAA; box-shadow: 0 0 1px #FFFFFF inset; text-shadow: 0 1px 0 #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:0px 10px; text-decoration:none; margin-bottom:5px; } a.button_big:hover{ box-shadow:0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.08); } a.button_big:active{ background-image: -moz-linear-gradient(center bottom , #FFFFFF 0pt, #E0E0E0 100%); background-image: -webkit-linear-gradient(bottom,white 0,#E0E0E0 100%); background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%); } a.button_big:hover span.iconsweet{ color:#478CFE; } a.btn_grey{ background-color: #787b83; background-image: -moz-linear-gradient(center top , #787b83 0pt, #44474e 100%); background-image: -webkit-linear-gradient(top,#787b83 0,#44474e 100%); background-image: linear-gradient(to bottom,#787b83 0,#44474e 100%); border-color: #7a828d #7a828d #3d4046; box-shadow: 0 1px 0 rgba(152, 155, 160, 0.45) inset; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); color:#f0f0f0; } a.btn_grey:hover{ box-shadow:0 1px 0 #a1a5af inset, 0 1px 3px rgba(0, 0, 0, 0.08); } a.btn_grey:hover span.iconsweet{ color:#000; } a.btn_grey:active{ background-image: -moz-linear-gradient(center bottom , #787b83 0pt, #44474e 100%); background-image: -webkit-linear-gradient(bottom,#787b83 0,#44474e 100%); background-image: linear-gradient(to bottom,#787b83 0,#44474e 100%); } a.btn_grey span.iconsweet{ color:#f0f0f0; } a.button_big span{ font-size:18px; color:#606060; float:left; margin-top:-3px; padding-right:10px; } /*=Message Bar=*/ div.msgbar{ padding:10px 8px; cursor:pointer; border-radius:3px; margin-top:15px; } div.msgbar p{ display:inline; margin:0px; line-height:inherit; } .content_pad .msgbar:first-child{ margin-top:0px; } /*Info*/ div.msgbar.msg_Info{ background:#96bcca; border:solid 1px #82a5b2; text-shadow: 0px 1px 0px #b3dded; box-shadow: inset 0px 1px 0px 0px #b6d7e3; -webkit-box-shadow: inset 0px 1px 0px 0px #b6d7e3; color:#4e646c; } div.msgbar span.iconsweet{ float:left; font-size:18px; margin-top:-6px; padding-right:5px; } div.msgbar.msg_Info p{ border-left:dotted 1px #708a93; padding-left:8px; } /*Success*/ div.msgbar.msg_Success{ background:#adca96; border:solid 1px #98b383; text-shadow: 0px 1px 0px #d3edb3; box-shadow: inset 0px 1px 0px 0px #b8e3b6; -webkit-box-shadow: inset 0px 1px 0px 0px #b8e3b6; color:#647458; } div.msgbar.msg_Success p{ border-left:dotted 1px #708a93; padding-left:8px; color:#434f3b; } /*Error*/ div.msgbar.msg_Error{ background:#c68989; border:solid 1px #ad7373; text-shadow: 0px 1px 0px #f7b1b1; box-shadow: inset 0px 1px 0px 0px #eca1a1; -webkit-box-shadow: inset 0px 1px 0px 0px #eca1a1; color:#785151; } div.msgbar.msg_Error p{ border-left:dotted 1px #785151; padding-left:8px; color:#372323; } /*Alert*/ div.msgbar.msg_Alert{ background:#d6d792; border:solid 1px #a8a969; text-shadow: 0px 1px 0px #e7e89c; box-shadow: inset 0px 1px 0px 0px #ddde93; -webkit-box-shadow:inset 0px 1px 0px 0px #ddde93; color:#72734b; } div.msgbar.msg_Alert p{ border-left:dotted 1px #785151; padding-left:8px; } /*ACTIVITY STATS*/ #activity_stats{ border-bottom:solid 1px #cdd1d3; box-shadow:0px 1px 0px 0px #fff; -webkit-box-shadow:0px 1px 0px 0px #fff; margin-bottom:8px; } #activity_stats h3{ color:#6C6C6C; font-size:20px; font-family: 'CorbelRegular'; display:inline-block; text-shadow: 0px 1px 0px #fff; } #activity_stats .activity_column{ display:inline-block; padding:0px 15px 8px; color:#6C6C6C; font-size:14px; text-shadow: 0px 1px 0px #fff; line-height:100%; } #activity_stats .activity_column span.iconsweet{ font-size:18px; color:#6C6C6C; } #activity_stats .activity_column span.big_txt{ font-size:28px; padding-right:5px; } #activity_stats .activity_column span.rd_txt{ color:#c68989; } #activity_stats .activity_column span.gr_txt{ color:#9cc591; } /*LOGIN*/ #login_container{ border-top:solid 6px #3c4143; background:url(../images/pat_bg2.png) #515b5e; height:400px !important; } #login{ width:80%; background:url(../images/pat_bg.png) #515b5e; margin-left:9%; padding:2%; border:solid 1px #586366; border-radius:3px; box-shadow:0px 0px 1px 0px #262e30; -webkit-box-shadow:0px 0px 1px 0px #262e30; } #login div{ display:inline-block; width:100%; } #login img{ margin-top:5%; margin-bottom:5%; margin-left:35%; width:38%; } #login .input_box{ width:96%; height:36px; background:url(../images/login_input_b.png) repeat-x top center; border-radius:3px; margin-bottom:15px; margin-top:5px; } #login .input_box span{ float:left; width:37px; height:36px; text-align:center; font-size:22px; text-shadow: 0px 1px 0px #70797c; color:#2b3032; line-height:29px; margin-right:0px; } #login .input_box input{ background:none; border:0; outline:none; width:80% !important; padding:7px 4px 4px; height:24px; line-height:15px; font-size:14px; color:#2a2f31; text-shadow: 0px 1px 0px #70797c; font-family:Arial, Helvetica, sans-serif; } #login .input_box input::-webkit-input-placeholder{ color:#2a2f31; } #login .input_box input:focus{ color:#dbe7eb; text-shadow: 0px 1px 0px #222526; } #login input[type=submit]{ background:url(../images/login_b_bg.png) repeat-x center; padding:10px 24px 9px 24; line-height:100%; font-size:13px; font-weight:bold; color:#cad2d4; text-shadow: 0px 1px 0px #000; border:0; font-family:Arial, Helvetica, sans-serif; border-radius:3px; float:right; overflow:hidden; padding:9px 24px; width:38% !important; } #login a.forgot_password{ color:#9eaeb3; text-shadow: 0px 1px 0px #363d3f; display:inline-block; width:55%; float:left; font-size:12px; margin-left:10px; } .form_fields_container{ float:left; width:100%; height:auto; } .form_fields_container li:first-child{ border:none; } .form_fields_container li { padding:2px 0px; border-top:dotted 1px #E6E6E6; list-style:none; display:inline-block; width:auto !important; background:#fff; } .form_fields_container>li>div{ width:100% !important; float:left !important; position:relative !important; display:inline-block !important; margin:1px !important; padding:1px !important; height:auto !important; font-size:14px !important; text-align:left !important; } .form_fields_container>li>div>div{ width:45% !important; float:left !important; margin:1px !important; padding:1px !important; position:relative !important; display:block !important; height:30px !important; } .form_fields_container>li>div>div>input{ margin:1px !important; } .form_fields_container>li>label{ padding:1px 0px; float:left; display:block; margin:1px 0px 1px 2px; color:#818386; font-size:10px; } .form_fields_container li div.form_input{ width:99% !important; float:right; display:block; margin-right:1%; text-shadow: 0px 1px 0px #fff; } .form_fields_container li div.form_input input, .form_fields_container li div.form_input textarea{ width:90% !important; } div.form_input textarea{ width:98%!important; } .form_fields_container li div.form_input input[disabled="disabled"]{ background:#E4E4E4; color:#999; } .form_fields_container li div.form_input .in_processing{ background-image:url(../images/processing.gif); background-repeat:no-repeat; background-position: right center; } .form_fields_container li div.form_input .in_submitted{ background-image:url(../images/Tick.png); background-repeat:no-repeat; background-position: right center; box-shadow:0px 0px 3px 0px #a6e259; -webkit-box-shadow:0px 0px 3px 0px #a6e259; border-color:#a6e259; } .form_fields_container li div.form_input .in_error{ background-image:url(../images/Remove.png); background-repeat:no-repeat; background-position: right center; box-shadow:0px 0px 3px 0px #dc5c5c; -webkit-box-shadow:0px 0px 3px 0px #dc5c5c; border-color:#dc5c5c; } .form_fields_container li div.form_input .in_warning{ background-image:url(../images/Warning.png); background-repeat:no-repeat; background-position: right center; box-shadow:0px 0px 3px 0px #f0d648; -webkit-box-shadow:0px 0px 3px 0px #f0d648; border-color:#f0d648; } /*File Uploader*/ #file_uploader{ padding:15px 25px; min-height:150px; } /*Forms*/ div.selector{ background: url(../images/form_elements/select_left.png) no-repeat scroll left top transparent; float: left; height: 28px; padding-left: 10px; position: relative; width: 90%; } div.selector select { cursor: pointer; font-size: 12px; height: 28px; left: 0; position: absolute; top: 0; width: 90%; } div.selector select option{ padding:5px; border:none; } div.selector span { background: url(../images/form_elements/select_right.png) no-repeat scroll right top transparent; cursor: pointer; font-size: 11px; height: 28px; line-height: 28px; position: absolute; right: 0; top: 0; width: 95%; overflow:hidden; } .dataTables_length div.selector { background: url(../images/form_elements/select_left_datatable.png) no-repeat scroll left top transparent; float: left; height: 22px; padding-left: 8px; width: 45px; } .dataTables_length div.selector span { background: url(../images/form_elements/select_right_datatable.png) no-repeat scroll right center transparent; height: 22px; line-height: 22px; width: 45px; position: relative; } .dataTables_length div.selector select { height: 22px; left: -5px; width: 65px; } /***********************************************************************************/ /***************************CREADO POR LOS CHOUPS***********************************/ /***********************************************************************************/ input { width:90% !important;} div.selector1{ background: url(../images/form_elements/select_left.png) no-repeat scroll left top transparent; float: left; height: 28px; padding-left: 10px; position: relative; width: 70%; } div.selector1 select { cursor: pointer; font-size: 12px; height: 28px; left: 0; position: absolute; top: 0; width: 70%; } div.selector1 select option{ padding:5px; border:none; } div.selector1 span { background: url(../images/form_elements/select_right.png) no-repeat scroll right top transparent; cursor: pointer; font-size: 11px; height: 28px; line-height: 28px; position: absolute; right: 0; top: 0; width: 90%; } .dataTables_length div.selector1 { background: url(../images/form_elements/select_left_datatable.png) no-repeat scroll left top transparent; float: left; height: 22px; padding-left: 8px; width: 45px; } .dataTables_length div.selector1 span { background: url(../images/form_elements/select_right_datatable.png) no-repeat scroll right center transparent; height: 22px; line-height: 22px; width: 45px; position: relative; } .dataTables_length div.selector1 select { height: 22px; left: -5px; width: 65px; } div.selector_error{ background: url(../images/form_elements/select_left_error.png) no-repeat scroll left top transparent; float: left; height: 28px; padding-left: 10px; position: relative; width: 90%; } div.selector_error span { background: url(../images/form_elements/select_right_error.png) no-repeat scroll right top transparent; cursor: pointer; font-size: 11px; height: 28px; line-height: 28px; position: absolute; right: 0; top: 0; width: 95%; } /***********************************************************************************/ /***************************CREADO POR LOS CHOUPS***********************************/ /***********************************************************************************/ div.checker { float: left; height: 15px; margin-top: 6px; position: relative; width: 15px; } div.checker input { background: none repeat scroll 0 0 transparent; display: inline-block; height: 15px; opacity: 0; width: 15px; } div.checker span { background: url(../images/form_elements/checkbox.png) no-repeat scroll 0 0 transparent; display: inline-block; height: 17px; text-align: center; vertical-align: middle; width: 17px; } div.checker span.checked { background-position: center bottom; } div.radio { float: left; height: 18px; margin-top: 5px; position: relative; width: 18px; } div.radio input { background: none repeat scroll 0 0 transparent; display: inline-block; height: 18px; opacity: 0; text-align: center; width: 18px; } div.radio span { background: url(../images/form_elements/radio.png) no-repeat scroll 0 0 transparent; display: inline-block; height: 17px; text-align: center; vertical-align: middle; width: 17px; } div.radio span.checked { background-position: center bottom; } div.form_input label{ margin:8px 10px; display:inline-block; } /*Slider*/ .widget_body ul.slider_container li{ list-style:none; padding:10px 0px; margin:0px; display:inline-block; width:100% !important; float:left; } .widget_body ul.slider_container li label{ font-size:11px; color:#9fa4a8; } .widget_body ul.slider_container li input{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4283d1; } /*UI Elements*/ .elements_container{ } .elements_container li:first-child{ border:none; } .elements_container li { padding:15px 0px; border-top:dotted 1px #E6E6E6; list-style:none; display:inline-block; width:100%; background:#fff; } .elements_container>li>label{ padding:5px 0px; float:left; display:block; margin:5px 0px 5px 25px; color:#a9a9a9; font-size:13px; } .elements_container li div.elements_right{ width:80%; float:right; display:block; margin-right:25px; text-shadow: 0px 1px 0px #fff; } /*Button*/ /*Button*/ .greyishBtn { background: url(../images/button/greishBtn.png) repeat-x scroll 0 0 transparent; border: 1px solid #4F5A68; color: #FFFFFF; } .whitishBtn { background: url(../images/button/whiteBtn.png) repeat-x scroll 0 0 transparent; border: 1px solid #cccccc; color: #555555; text-shadow: 0 1px 0 #FFFFFF; box-shadow: 0 1px 0 0 #FFFFFF; -webkit-box-shadow:0 1px 0 0 #FFFFFF; } .bluishBtn { background: url(../images/button/bluishBtn.png) repeat-x scroll 0 0 transparent; border: 1px solid #3079ed; color: #FFFFFF; } .redishBtn { background: url(../images/button/redishBtn.png) repeat-x scroll 0 0 transparent; border: 1px solid #d22a15; color: #FFFFFF; } .greenishBtn { background: url(../images/button/greenishBtn.png) repeat-x scroll 0 0 transparent; border: 1px solid #4ba301; color: #FFFFFF; } .magentaBtn { background: url(../images/button/magentaBtn.png) repeat-x scroll 0 0 transparent; border: 1px solid #ba4c6f; color: #FFFFFF; } .yellowBtn { background: url(../images/button/yellow_btn.png) repeat-x scroll 0 0 transparent; border: 1px solid #d5ad23; color: #FFFFFF; } .dblueBtn { background: url(../images/button/dark_blue_btn.png) repeat-x scroll 0 0 transparent; border: 1px solid #41597c; color: #FFFFFF; } .button_small { cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; padding: 4px 16px 4px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left:5px; text-decoration:none; font-size:11px; display:inline-block; } .button_small:hover{ background-position:bottom; } .button_small:active{ background-position:center; } .button_small span.iconsweet{ float:left; font-size:16px; padding-right:8px; margin-top:-3px; margin-left:-8px; } /*Gallery*/ .gallery_container{ padding:15px; } .gallery_container ul li{ margin:0px 10px 10px 0px; background:#f4f4f4; padding:5px; border:solid 1px #e4e4e4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:136px; height:136px; display:inline-block; } .gallery_container ul li img{ border:solid 1px #fdfdfd; margin-bottom:10px; } .gallery_container ul li a{ text-decoration:none; color:#4a4a4a; } .gallery_container ul li span.name{ color:#4a4a4a; text-decoration:none; font-weight:bold; text-shadow: 0 1px 0 #FFFFFF; padding-left:5px; } .gallery_container ul li .modify_image{ float:right; } .gallery_container ul li a.iconsweet{ display:inline-block; margin-top:-5px; margin-right:4px; font-size:16px; text-shadow: 0 1px 0 #FFFFFF; } /*Error Pages*/ .error_pages{ margin:100px auto; text-align:center; } .error_pages h1{ font-size:55px; color:#5a5f60; text-shadow: 0 2px 0px #d1d1d1; margin:30px; } .error_full_page h1{ color:#35383a; font-size:60px; text-shadow: 0 2px 0px #697477; font-family:Arial, Helvetica, sans-serif; margin:15px 0px; } .error_full_page span.iconsweet{ font-size:40px; color:#f04e3a; text-shadow: 0 1px 0px #131516; } .error_full_page p{ color:#748084; text-shadow: 0 1px 0px #272d2f; font-size:14px; font-weight:bold; line-height:20px; margin-bottom:15px; } /*RESPONSIVE*/ /* agregados*/ .form_radio{width: 22% !important; float: left;} .form_radio_edit{width: 50% !important; float: left ;} .col2_li {width: 30% !important; float: left;} .title_li { float: left !important; width: 100% !important; display: list-item !important; padding: 0px !important; margin: 0px !important; margin-top: 2px !important; border:none !important; /*background-color: #344353 !important;*/ } .title_label { width: 100% !important; padding: 0px !important; margin: 0px !important; float: none !important; } .totle_h5{ color:#666 !important; margin: 0px 10px 0px !important; padding: 2px 16px 2px !important;; /*background: url("../images/button/greishBtn.png") repeat-x scroll 0px 0px transparent !important;*/ width: 95% !important; font-size: 16px; line-height: 20px; } .totle_h5_1{ color: #FFFFFF !important; margin: 0px 10px 0px !important; padding: 2px 16px 2px !important;; background: url("../images/button/greishBtn.png") repeat-x scroll 0px 0px transparent; width: 95% !important; font-size: 16px; line-height: 20px; } .form_div {width: 90% !important;} .form_div select{width: 90% !important;} .for_file{min-height: 70px !important;} #auto_localidad{ background: #ccc; border: 1px solid #ddd; margin: 0px; padding: 5px; display: none; position: absolute; width: auto; z-index: 120000; } #auto_div{ background: #ccc; border: 1px solid #ddd; margin: 0px; padding: 5px; display: none; position: absolute; width: 33%; z-index: 120000; } .auto_ul li{ position: relative !important; width: 100% !important; background: #ccc !important; margin:0px !important; padding:0px !important; height: 25px !important; line-height:25px !important; } .auto_ul li a { line-height:25px !important; cursor: pointer !important; color:#000 !important; line-height: 12px !important; font-size: 11px !important; font-family: verdana !important; } .auto_ul li a:hover{ height:100% !important; width:100% !important; background: #fff !important; } .lista_en_form { width:99% !important; float: left !important; margin-left:10px; padding:2px 2px; border-radius:3px; background:#96bcca; border:solid 1px #82a5b2; text-shadow: 0px 1px 0px #b3dded; box-shadow: inset 0px 1px 0px 0px #b6d7e3; -webkit-box-shadow: inset 0px 1px 0px 0px #b6d7e3; color:#4e646c; } .lista_en_form table { margin: 0px; width: 100%; padding: 0px; float: left !important; border:none; margin-right:0px; font-size:10px; } .lista_en_form table th{ text-align:left !important; width:auto; padding:2px; line-height: 10px !important; overflow:hidden !important; } .lista_en_form table td{ text-align:left; width:auto; height:auto; padding:1px; background: #ffffff; overflow:hidden !important; } .highlight{background-color:yellow;} .redondeo3{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .redondeo6{border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .display_none{ display: none !important} .form_hiden>li>label{ padding:5px 0px; float:left; display:block; margin:5px 0px 5px 25px; color:#818386; font-size:13px; } td.msgbar.msg_Alert{ background:#d6d792; border:solid 1px #a8a969; text-shadow: 0px 1px 0px #e7e89c; box-shadow: inset 0px 1px 0px 0px #ddde93; -webkit-box-shadow:inset 0px 1px 0px 0px #ddde93; color:#72734b; } #error_codigo{ opacity: 1; } #error_codigo ul{ padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: left; color: #111; background: red; opacity: 1; background: rgba(255, 0, 0, 0.6); padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; list-style: none; line-height: 16px; } #error_codigo li{ opacity: 1; list-style: none; background: transparent; padding: 0; margin: 0; } #error_codigo span { opacity: 1; display: block; width: 0; height: 0; border-left: 0 solid transparent; border-right: 15px solid transparent; border-top: 10px solid red; border-top: 10px solid rgba(255, 0, 0, 0.6); border-bottom: 0; margin-left: 10px; } .data_actions a:hover { color: rgb(173, 202, 150) !important;} .error_input{ background-image:url(../images/Remove.png); background-repeat:no-repeat; background-position: right center; box-shadow:0px 0px 3px 0px #dc5c5c; -webkit-box-shadow:0px 0px 3px 0px #dc5c5c; border-color:#dc5c5c; } .submitted_input{ background-image:url(../images/Tick.png); background-repeat:no-repeat; background-position: right center; box-shadow:0px 0px 3px 0px #a6e259; -webkit-box-shadow:0px 0px 3px 0px #a6e259; border-color:#a6e259; } .saldo_verde{ margin-left:10px; color:#9cc591; font-size:16px; font-weight:bold; } .tabla_recibo { width:80% !important; margin:10% !important; margin-top:0% !important; margin-bottom:1px !important; border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; float:left !important; position:relative !important; font-size:11px !important; } .tabla_recibo td{ border:#A3A3A3 1px solid; font-size:10px !important; padding:2px !important; } .tabla_recibo tr{ height:15px !important; } .cta_cte_total_cliente{clear:both; margin:5px; height:35px; line-height:35px; width:99%; background-color: red; text-align: center;} .cta_cte_total_cliente span{color:#FFF; font-weight:bold; font-size:18px; font-family: 'Arial Black', Gadget, sans-serif;} table.activity_datatable_header_nivel th { background:url(../images/thead_bg.png) repeat-x bottom center; text-transform:uppercase; font-size:10px; color:#6c6c6c; font-weight:bold; text-align:center; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #d3d3d3; border-top:solid 1px #e5e5e5; box-shadow:inset 0px 1px 0px 1px #fff; -webkit-box-shadow:inset 0px 1px 0px 1px #fff; } table.activity_datatable_header_nivel td{ padding:1px; color:#6c6c6c; vertical-align:middle; } table.activity_datatable_header_nivel tr{ border-bottom:solid 1px #e5e5e5; } table.activity_datatable_header_nivel span.iconsweet{ font-size:17px; } table.activity_datatable_header_nivel span.data_actions a{ color:#6c6c6c; float:left; margin-right:1px; padding:0px 2px; text-decoration:none; font-size:12px; } /*conversacion*/ .triangle-border { position:relative; width:50%; padding:15px; margin:1em 0 1em; border:1px solid #5a8f00; color:#333; background:#fff; /* css3 */ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; float:left; color:#666; font-style:oblique; font-size:12px; line-height:14px; } /* Variant : for left positioned triangle ------------------------------------------ */ .triangle-border.left { margin-left:30px; background-color:#CF9; } /* Variant : for right positioned triangle ------------------------------------------ */ .triangle-border.right { margin-right:30px; background-color:#98D2EB; border:1px solid #129EF5 !important; } /* THE TRIANGLE ------------------------------------------------------------------------------------------------------------------------------- */ .triangle-border:before { content:""; position:absolute; bottom:-20px; /* value = - border-top-width - border-bottom-width */ left:40px; /* controls horizontal position */ border-width:20px 20px 0; border-style:solid; border-color:#5a8f00 transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } /* creates the smaller triangle */ .triangle-border:after { content:""; position:absolute; bottom:-13px; /* value = - border-top-width - border-bottom-width */ left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width:13px 13px 0; border-style:solid; border-color:#fff transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } /* Variant : left ------------------------------------------ */ /* creates the larger triangle */ .triangle-border.left:before { top:12px; /* controls vertical position */ bottom:auto; left:-26px; /* value = - border-left-width - border-right-width */ border-width:9px 26px 10px 0; border-color:transparent #5a8f00; } /* creates the smaller triangle */ .triangle-border.left:after { top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */ bottom:auto; left:-21px; /* value = - border-left-width - border-right-width */ border-width:9px 25px 9px 0; border-color:transparent #CF9; } /* Variant : right ------------------------------------------ */ /* creates the larger triangle */ .triangle-border.right:before { top:12px; /* controls vertical position */ bottom:auto; left:auto; right:-26px; /* value = - border-left-width - border-right-width */ border-width:9px 0 10px 26px; border-color:transparent #129EF5; } /* creates the smaller triangle */ .triangle-border.right:after { top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */ bottom:auto; left:auto; right:-21px; /* value = - border-left-width - border-right-width */ border-width:9px 0 9px 25px; border-color:transparent #98D2EB; } .de-lef{position:relative; float:left; width:20%; text-align:right; margin-top:35px; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-style:italic} .de-rig{position:relative; float:left; width:20%; text-align:left; margin-top:35px; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-style:italic} .renglon{ width:100%; position:relative; float:left;} .hora{font-size:8px;} .fecha{ width:100%; float:left; position:relative; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:12px; margin-top:10px;} .fecha span{ background-color:#E95050; color:#FFF; font-weight:800; border-radius:3px; -moz-border-radius:3px; /* Firefox */ -webkit-border-radius:3px; /* Safari y Chrome */ padding:5px; } .editor{position:relative; padding:0px; height:170px; } .cke_skin_kama{border:0px!important; padding:0px !important} .content { position:relative; z-index:1; padding:0px; margin:0 auto; height:300px; overflow:scroll; } .green_highlight_edu{ background:#87ac51 !important; } .scrollup{ width:40px; height:40px; opacity:0.5; position:fixed; bottom:50px; right:50px; display:none; text-indent:-9999px; background: url('http://administracionparaempresas.com/theme/dreamworks/images/loaders/load2.gif') no-repeat; transform:rotate(-180deg); } .messages{ padding-left:20%; height:21px; background:url(../images/msg.png) no-repeat right center; text-decoration:none; line-height:100%; } .messages span{ font-size:10px; color:#fff; background:#f2364e; padding:1px 3px; border-radius:3px; font-family:Arial, Helvetica, sans-serif; display:inline-block; } .alerta_modulo{ font-size:10px; color:#fff; background:#f2364e; padding:1px 3px; border-radius:3px; font-family:Arial, Helvetica, sans-serif; display:inline-block; float:right; margin:9px 16px; } /*para que se vea bien el el movil*/ #can_correos{ display:none;} .ocultar-en-movil{ display:none !important;} .icono_menu{ float:left; margin-left:5px; color:#FFF;} .nombre_menu{ float:left; } #calendar{ width:100%; } .fc-header-title h2{ font-size:12px !important; } .fc-button{ height:10px; font-size:10px; margin-bottom:1px;} .fc-widget-header{ font-size:10px;} .fc-event-icon{ display:none;} .fc-event-icon .eliminar{ display:block !important;} .fc-event-icon .modificar{ display:block !important;} .fc-event-inner{ height:60px !important;} .fc-event-inner span{ font-size:10px;} .fc-event{ height:60px;} .fc-day-number{ font-size:12px; } .fc-event-title{ float:left; } label{ font-size:12px; margin:1px;} .nombre_rol{ font-size:10px; margin:1px !important; } #torta_ventas_compras{ width:100% !important; float:left !important;} #torta_productos{ width:100% !important; float:left !important;} #barra_unidades{ width:100% !important; float:left !important;} .menu_resumen{ width:100% !important; font-size:12px !important; margin-left:5% !important; float:left !important; } .menu_resumen text{ width:80% !important; float:left !important; margin:3px !important; padding:3px !important; border:1px solid #CCC !important;} .menu_resumen input{ width:50% !important; } .menu_resumen span{ font-size:12px !important; width:80% !important; text-align:left !important; } .menu_resume input[type="button"]{ width:20% !important;} .highcharts-title{ font-size:10px !important;} #ver_detalle{ display:none !important;} #ver_detalle_productos{ display:none !important;} .exportar_pro_glo{ display:none !important;} .resumen_glo{ width:100% !important; margin:0px !important; padding:0px !important; float:left !important; text-align:center !important; font-size:12px !important;} .highcharts-legend{ width:90% !important; overflow:scroll !important; } .highcharts-legend text tspan{ font-size:12px !important;} #listado{ font-size:12px !important;} #cabesera{ font-size:10px !important;} .btenviar{ width:auto !important;} .celda{ float:left !important; line-height:10px !important; width:40% !important; position:relative !important; margin-left:5px !important; border:1px solid #999 !important; padding-left:2px !important; margin:2px !important; } .celda label{ font-size:9px !important; } #form_nuevo_usuario{ float:left !important; position:relative !important; width:90% !important; height:auto !important; margin-left:5% !important;} #form_nuevo_usuario ul li{ width:100% !important;} .data_actions{ padding:0px !important; margin:0px !important; } .data_actions a{ background-color:#FFF !important; padding:0px !important; float:left !important; font-size:18px !important; margin:2px !important; border:1px solid #CCC !important; height:auto !important; height:auto !important; width:auto !important; text-align:center !important; } .data_actions>div{padding-top:0px !important;} .fondo_botonera{ background-color:#D6F3D0 !important; text-align:right !important;} .fondo_botonera a{ float:right !important; font-size:24px !important;} .boton_menu{ font-size:30px; margin:5px !important; padding-bottom:5px !important; border:solid #CCC 1px !important; cursor:pointer !important; width:30px !important; height:30px !important; } .menu_producto{ position:absolute; width:70%; z-index:9999999; background-color:#066; display:none; right:5px; } .menu_producto ul{ width:100%; z-index:9999999; background-color:#515b5e; } .menu_producto ul li{width:100%; text-align:left; height:40px !important; color:#FFF; border-top: solid 1px #dcdfe0; font-size:18px !important; line-height:20px !important; padding-top:5px !important;} .menu_producto ul li a{ width:90%; text-align:left; color:#FFF; margin-left:5%; display: inline-block; line-height: 27px; } .menu_producto ul li a span{ float: left; margin: -2px 4px 0px 2px; } .filtro_producto{ width:100% !important; position:relative !important;} .filtro_producto>li>div{ width:100% !important; position:relative !important;} .filtro_producto>li{ width:100% !important; padding-left:5px !important; padding-right:5px !important;} .filtro_producto>li>div>a{ padding-left:8px !important; padding-right:8px !important; margin:8px !important;} #cargar_cliente>ul>li{ width:90% !important;} #cargar_cliente>ul>li.form_radio_edit{ width:90% !important;} #cargar_cliente>ul>li>div{ width:90% !important;} #cargar_cliente>ul>li>div>input[type=radio]{ width:5% !important;} #cargar_cliente>ul>li>div.radio_mp{ width:30% !important;} #cargar_cliente>ul>li>label{ width:95% !important; text-align:left !important; padding-left:5%; } #modificar_producto_form>ul>li{ width:90% !important;} #modificar_producto_form>ul>li.form_radio_edit{ width:90% !important;} #modificar_producto_form>ul>li>div{ width:90% !important;} #modificar_producto_form>ul>li>div>input[type=radio]{ width:5% !important;} #modificar_producto_form>ul>li>div.radio_mp{ width:30% !important;} #modificar_producto_form>ul>li>label{ width:95% !important; text-align:left !important; padding-left:5%; } .count{ font-size: 12px !important; color: #fff !important; background: #f2364e !important; padding: 1px 1px !important; border-radius: 2px !important; font-family: Arial, Helvetica, sans-serif !important; display: inline-block !important; float:right !important; width:13% !important; text-align:center !important; margin:0px !important; } .menu_ventas{float:left !important; width:40% !important; text-align:right !important; padding-right:5% !important;} .menu_ventas h6{ float:left !important; margin-top:20px !important; margin-left:20px !important; font-size:12px !important; } #modificar_cliente_form>ul>li{ width:100% !important;} #cargar_venta>ul>li{ width:100% !important; } #lista>tr>td>input{ width:auto !important;} #ver_cargar_deposito{ margin-bottom:20px !important;} #ver_cargar_deposito>input{ width:90% !important; margin-top:8px !important;} #ver_cargar_deposito>span{ display:none !important;} #ver_cargar_deposito>div{ width:90% !important;} #nuevo_deposito{ height:240px !important;} #ver_cargar_deposito>input[type="button"]{ width:60% !important; margin-top:5px;} }